{store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n invariant(contextValue, 'could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {Function} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = createDispatchHook();","import { useReducer, useRef, useMemo, useContext } from 'react';\nimport invariant from 'invariant';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestSelectedState = useRef();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || latestSubscriptionCallbackError.current) {\n selectedState = selector(store.getState());\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n var errorMessage = \"An error occurred while selecting the store state: \" + err.message + \".\";\n\n if (latestSubscriptionCallbackError.current) {\n errorMessage += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\nOriginal stack trace:\";\n }\n\n throw new Error(errorMessage);\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender({});\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {Function} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","function isAbsolute(pathname) {\n return pathname.charAt(0) === '/';\n}\n\n// About 1.5x faster than the two-arg version of Array#splice()\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {\n list[i] = list[k];\n }\n\n list.pop();\n}\n\n// This implementation is based heavily on node's url.parse\nfunction resolvePathname(to, from) {\n if (from === undefined) from = '';\n\n var toParts = (to && to.split('/')) || [];\n var fromParts = (from && from.split('/')) || [];\n\n var isToAbs = to && isAbsolute(to);\n var isFromAbs = from && isAbsolute(from);\n var mustEndAbs = isToAbs || isFromAbs;\n\n if (to && isAbsolute(to)) {\n // to is absolute\n fromParts = toParts;\n } else if (toParts.length) {\n // to is relative, drop the filename\n fromParts.pop();\n fromParts = fromParts.concat(toParts);\n }\n\n if (!fromParts.length) return '/';\n\n var hasTrailingSlash;\n if (fromParts.length) {\n var last = fromParts[fromParts.length - 1];\n hasTrailingSlash = last === '.' || last === '..' || last === '';\n } else {\n hasTrailingSlash = false;\n }\n\n var up = 0;\n for (var i = fromParts.length; i >= 0; i--) {\n var part = fromParts[i];\n\n if (part === '.') {\n spliceOne(fromParts, i);\n } else if (part === '..') {\n spliceOne(fromParts, i);\n up++;\n } else if (up) {\n spliceOne(fromParts, i);\n up--;\n }\n }\n\n if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');\n\n if (\n mustEndAbs &&\n fromParts[0] !== '' &&\n (!fromParts[0] || !isAbsolute(fromParts[0]))\n )\n fromParts.unshift('');\n\n var result = fromParts.join('/');\n\n if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';\n\n return result;\n}\n\nexport default resolvePathname;\n","function valueOf(obj) {\n return obj.valueOf ? obj.valueOf() : Object.prototype.valueOf.call(obj);\n}\n\nfunction valueEqual(a, b) {\n // Test for strict equality first.\n if (a === b) return true;\n\n // Otherwise, if either of them == null they are not equal.\n if (a == null || b == null) return false;\n\n if (Array.isArray(a)) {\n return (\n Array.isArray(b) &&\n a.length === b.length &&\n a.every(function(item, index) {\n return valueEqual(item, b[index]);\n })\n );\n }\n\n if (typeof a === 'object' || typeof b === 'object') {\n var aValue = valueOf(a);\n var bValue = valueOf(b);\n\n if (aValue !== a || bValue !== b) return valueEqual(aValue, bValue);\n\n return Object.keys(Object.assign({}, a, b)).every(function(key) {\n return valueEqual(a[key], b[key]);\n });\n }\n\n return false;\n}\n\nexport default valueEqual;\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n\n if (isProduction) {\n throw new Error(prefix);\n } else {\n throw new Error(prefix + \": \" + (message || ''));\n }\n}\n\nexport default invariant;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport resolvePathname from 'resolve-pathname';\nimport valueEqual from 'value-equal';\nimport warning from 'tiny-warning';\nimport invariant from 'tiny-invariant';\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === '/' ? path : '/' + path;\n}\nfunction stripLeadingSlash(path) {\n return path.charAt(0) === '/' ? path.substr(1) : path;\n}\nfunction hasBasename(path, prefix) {\n return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;\n}\nfunction stripBasename(path, prefix) {\n return hasBasename(path, prefix) ? path.substr(prefix.length) : path;\n}\nfunction stripTrailingSlash(path) {\n return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;\n}\nfunction parsePath(path) {\n var pathname = path || '/';\n var search = '';\n var hash = '';\n var hashIndex = pathname.indexOf('#');\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf('?');\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === '?' ? '' : search,\n hash: hash === '#' ? '' : hash\n };\n}\nfunction createPath(location) {\n var pathname = location.pathname,\n search = location.search,\n hash = location.hash;\n var path = pathname || '/';\n if (search && search !== '?') path += search.charAt(0) === '?' ? search : \"?\" + search;\n if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : \"#\" + hash;\n return path;\n}\n\nfunction createLocation(path, state, key, currentLocation) {\n var location;\n\n if (typeof path === 'string') {\n // Two-arg form: push(path, state)\n location = parsePath(path);\n location.state = state;\n } else {\n // One-arg form: push(location)\n location = _extends({}, path);\n if (location.pathname === undefined) location.pathname = '';\n\n if (location.search) {\n if (location.search.charAt(0) !== '?') location.search = '?' + location.search;\n } else {\n location.search = '';\n }\n\n if (location.hash) {\n if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;\n } else {\n location.hash = '';\n }\n\n if (state !== undefined && location.state === undefined) location.state = state;\n }\n\n try {\n location.pathname = decodeURI(location.pathname);\n } catch (e) {\n if (e instanceof URIError) {\n throw new URIError('Pathname \"' + location.pathname + '\" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');\n } else {\n throw e;\n }\n }\n\n if (key) location.key = key;\n\n if (currentLocation) {\n // Resolve incomplete/relative pathname relative to current location.\n if (!location.pathname) {\n location.pathname = currentLocation.pathname;\n } else if (location.pathname.charAt(0) !== '/') {\n location.pathname = resolvePathname(location.pathname, currentLocation.pathname);\n }\n } else {\n // When there is no prior location and pathname is empty, set it to /\n if (!location.pathname) {\n location.pathname = '/';\n }\n }\n\n return location;\n}\nfunction locationsAreEqual(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash && a.key === b.key && valueEqual(a.state, b.state);\n}\n\nfunction createTransitionManager() {\n var prompt = null;\n\n function setPrompt(nextPrompt) {\n process.env.NODE_ENV !== \"production\" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;\n prompt = nextPrompt;\n return function () {\n if (prompt === nextPrompt) prompt = null;\n };\n }\n\n function confirmTransitionTo(location, action, getUserConfirmation, callback) {\n // TODO: If another transition starts while we're still confirming\n // the previous one, we may end up in a weird state. Figure out the\n // best way to handle this.\n if (prompt != null) {\n var result = typeof prompt === 'function' ? prompt(location, action) : prompt;\n\n if (typeof result === 'string') {\n if (typeof getUserConfirmation === 'function') {\n getUserConfirmation(result, callback);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;\n callback(true);\n }\n } else {\n // Return false from a transition hook to cancel the transition.\n callback(result !== false);\n }\n } else {\n callback(true);\n }\n }\n\n var listeners = [];\n\n function appendListener(fn) {\n var isActive = true;\n\n function listener() {\n if (isActive) fn.apply(void 0, arguments);\n }\n\n listeners.push(listener);\n return function () {\n isActive = false;\n listeners = listeners.filter(function (item) {\n return item !== listener;\n });\n };\n }\n\n function notifyListeners() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n listeners.forEach(function (listener) {\n return listener.apply(void 0, args);\n });\n }\n\n return {\n setPrompt: setPrompt,\n confirmTransitionTo: confirmTransitionTo,\n appendListener: appendListener,\n notifyListeners: notifyListeners\n };\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nfunction getConfirmation(message, callback) {\n callback(window.confirm(message)); // eslint-disable-line no-alert\n}\n/**\n * Returns true if the HTML5 history API is supported. Taken from Modernizr.\n *\n * https://github.com/Modernizr/Modernizr/blob/master/LICENSE\n * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586\n */\n\nfunction supportsHistory() {\n var ua = window.navigator.userAgent;\n if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;\n return window.history && 'pushState' in window.history;\n}\n/**\n * Returns true if browser fires popstate on hash change.\n * IE10 and IE11 do not.\n */\n\nfunction supportsPopStateOnHashChange() {\n return window.navigator.userAgent.indexOf('Trident') === -1;\n}\n/**\n * Returns false if using go(n) with hash history causes a full page reload.\n */\n\nfunction supportsGoWithoutReloadUsingHash() {\n return window.navigator.userAgent.indexOf('Firefox') === -1;\n}\n/**\n * Returns true if a given popstate event is an extraneous WebKit event.\n * Accounts for the fact that Chrome on iOS fires real popstate events\n * containing undefined state when pressing the back button.\n */\n\nfunction isExtraneousPopstateEvent(event) {\n return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;\n}\n\nvar PopStateEvent = 'popstate';\nvar HashChangeEvent = 'hashchange';\n\nfunction getHistoryState() {\n try {\n return window.history.state || {};\n } catch (e) {\n // IE 11 sometimes throws when accessing window.history.state\n // See https://github.com/ReactTraining/history/pull/289\n return {};\n }\n}\n/**\n * Creates a history object that uses the HTML5 history API including\n * pushState, replaceState, and the popstate event.\n */\n\n\nfunction createBrowserHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canUseHistory = supportsHistory();\n var needsHashChangeListener = !supportsPopStateOnHashChange();\n var _props = props,\n _props$forceRefresh = _props.forceRefresh,\n forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n\n function getDOMLocation(historyState) {\n var _ref = historyState || {},\n key = _ref.key,\n state = _ref.state;\n\n var _window$location = window.location,\n pathname = _window$location.pathname,\n search = _window$location.search,\n hash = _window$location.hash;\n var path = pathname + search + hash;\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path, state, key);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function handlePopState(event) {\n // Ignore extraneous popstate events in WebKit.\n if (isExtraneousPopstateEvent(event)) return;\n handlePop(getDOMLocation(event.state));\n }\n\n function handleHashChange() {\n handlePop(getDOMLocation(getHistoryState()));\n }\n\n var forceNextPop = false;\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of keys we've seen in sessionStorage.\n // Instead, we just default to 0 for keys we don't know.\n\n var toIndex = allKeys.indexOf(toLocation.key);\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allKeys.indexOf(fromLocation.key);\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n }\n\n var initialLocation = getDOMLocation(getHistoryState());\n var allKeys = [initialLocation.key]; // Public interface\n\n function createHref(location) {\n return basename + createPath(location);\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.pushState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.href = href;\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n var nextKeys = allKeys.slice(0, prevIndex + 1);\n nextKeys.push(location.key);\n allKeys = nextKeys;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;\n window.location.href = href;\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.replaceState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.replace(href);\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n if (prevIndex !== -1) allKeys[prevIndex] = location.key;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;\n window.location.replace(href);\n }\n });\n }\n\n function go(n) {\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nvar HashChangeEvent$1 = 'hashchange';\nvar HashPathCoders = {\n hashbang: {\n encodePath: function encodePath(path) {\n return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);\n },\n decodePath: function decodePath(path) {\n return path.charAt(0) === '!' ? path.substr(1) : path;\n }\n },\n noslash: {\n encodePath: stripLeadingSlash,\n decodePath: addLeadingSlash\n },\n slash: {\n encodePath: addLeadingSlash,\n decodePath: addLeadingSlash\n }\n};\n\nfunction stripHash(url) {\n var hashIndex = url.indexOf('#');\n return hashIndex === -1 ? url : url.slice(0, hashIndex);\n}\n\nfunction getHashPath() {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var hashIndex = href.indexOf('#');\n return hashIndex === -1 ? '' : href.substring(hashIndex + 1);\n}\n\nfunction pushHashPath(path) {\n window.location.hash = path;\n}\n\nfunction replaceHashPath(path) {\n window.location.replace(stripHash(window.location.href) + '#' + path);\n}\n\nfunction createHashHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Hash history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canGoWithoutReload = supportsGoWithoutReloadUsingHash();\n var _props = props,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$hashType = _props.hashType,\n hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n var _HashPathCoders$hashT = HashPathCoders[hashType],\n encodePath = _HashPathCoders$hashT.encodePath,\n decodePath = _HashPathCoders$hashT.decodePath;\n\n function getDOMLocation() {\n var path = decodePath(getHashPath());\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n var forceNextPop = false;\n var ignorePath = null;\n\n function locationsAreEqual$$1(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;\n }\n\n function handleHashChange() {\n var path = getHashPath();\n var encodedPath = encodePath(path);\n\n if (path !== encodedPath) {\n // Ensure we always have a properly-encoded hash.\n replaceHashPath(encodedPath);\n } else {\n var location = getDOMLocation();\n var prevLocation = history.location;\n if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.\n\n if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.\n\n ignorePath = null;\n handlePop(location);\n }\n }\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of paths we've seen in sessionStorage.\n // Instead, we just default to 0 for paths we don't know.\n\n var toIndex = allPaths.lastIndexOf(createPath(toLocation));\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n } // Ensure the hash is encoded properly before doing anything else.\n\n\n var path = getHashPath();\n var encodedPath = encodePath(path);\n if (path !== encodedPath) replaceHashPath(encodedPath);\n var initialLocation = getDOMLocation();\n var allPaths = [createPath(initialLocation)]; // Public interface\n\n function createHref(location) {\n var baseTag = document.querySelector('base');\n var href = '';\n\n if (baseTag && baseTag.getAttribute('href')) {\n href = stripHash(window.location.href);\n }\n\n return href + '#' + encodePath(basename + createPath(location));\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot push state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a PUSH, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n pushHashPath(encodedPath);\n var prevIndex = allPaths.lastIndexOf(createPath(history.location));\n var nextPaths = allPaths.slice(0, prevIndex + 1);\n nextPaths.push(path);\n allPaths = nextPaths;\n setState({\n action: action,\n location: location\n });\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Hash history cannot PUSH the same path; a new entry will not be added to the history stack') : void 0;\n setState();\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot replace state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a REPLACE, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n replaceHashPath(encodedPath);\n }\n\n var prevIndex = allPaths.indexOf(createPath(history.location));\n if (prevIndex !== -1) allPaths[prevIndex] = path;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n process.env.NODE_ENV !== \"production\" ? warning(canGoWithoutReload, 'Hash history go(n) causes a full page reload in this browser') : void 0;\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(HashChangeEvent$1, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(HashChangeEvent$1, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nfunction clamp(n, lowerBound, upperBound) {\n return Math.min(Math.max(n, lowerBound), upperBound);\n}\n/**\n * Creates a history object that stores locations in memory.\n */\n\n\nfunction createMemoryHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n getUserConfirmation = _props.getUserConfirmation,\n _props$initialEntries = _props.initialEntries,\n initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,\n _props$initialIndex = _props.initialIndex,\n initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = history.entries.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var index = clamp(initialIndex, 0, initialEntries.length - 1);\n var entries = initialEntries.map(function (entry) {\n return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());\n }); // Public interface\n\n var createHref = createPath;\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var prevIndex = history.index;\n var nextIndex = prevIndex + 1;\n var nextEntries = history.entries.slice(0);\n\n if (nextEntries.length > nextIndex) {\n nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);\n } else {\n nextEntries.push(location);\n }\n\n setState({\n action: action,\n location: location,\n index: nextIndex,\n entries: nextEntries\n });\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n history.entries[history.index] = location;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);\n var action = 'POP';\n var location = history.entries[nextIndex];\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location,\n index: nextIndex\n });\n } else {\n // Mimic the behavior of DOM histories by\n // causing a render after a cancelled POP.\n setState();\n }\n });\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n function canGo(n) {\n var nextIndex = history.index + n;\n return nextIndex >= 0 && nextIndex < history.entries.length;\n }\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n return transitionManager.setPrompt(prompt);\n }\n\n function listen(listener) {\n return transitionManager.appendListener(listener);\n }\n\n var history = {\n length: entries.length,\n action: 'POP',\n location: entries[index],\n index: index,\n entries: entries,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n canGo: canGo,\n block: block,\n listen: listen\n };\n return history;\n}\n\nexport { createBrowserHistory, createHashHistory, createMemoryHistory, createLocation, locationsAreEqual, parsePath, createPath };\n","import React, { Component } from 'react';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport gud from 'gud';\nimport warning from 'tiny-warning';\n\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\n\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + gud() + '__';\n\n var Provider =\n /*#__PURE__*/\n function (_Component) {\n _inheritsLoose(Provider, _Component);\n\n function Provider() {\n var _this;\n\n _this = _Component.apply(this, arguments) || this;\n _this.emitter = createEventEmitter(_this.props.value);\n return _this;\n }\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0;\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n\n if (process.env.NODE_ENV !== 'production') {\n warning((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: ' + changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n _proto.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);\n\n var Consumer =\n /*#__PURE__*/\n function (_Component2) {\n _inheritsLoose(Consumer, _Component2);\n\n function Consumer() {\n var _this2;\n\n _this2 = _Component2.apply(this, arguments) || this;\n _this2.state = {\n value: _this2.getValue()\n };\n\n _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({\n value: _this2.getValue()\n });\n }\n };\n\n return _this2;\n }\n\n var _proto2 = Consumer.prototype;\n\n _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n\n var observedBits = this.props.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n _proto2.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n _proto2.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nvar index = React.createContext || createReactContext;\n\nexport default index;\n","import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { createMemoryHistory, createLocation, locationsAreEqual, createPath } from 'history';\nimport warning from 'tiny-warning';\nimport createContext from 'mini-create-react-context';\nimport invariant from 'tiny-invariant';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport pathToRegexp from 'path-to-regexp';\nimport { isValidElementType } from 'react-is';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport hoistStatics from 'hoist-non-react-statics';\n\n// TODO: Replace with React.createContext once we can assume React 16+\n\nvar createNamedContext = function createNamedContext(name) {\n var context = createContext();\n context.displayName = name;\n return context;\n};\n\nvar context =\n/*#__PURE__*/\ncreateNamedContext(\"Router\");\n\n/**\n * The public API for putting history on context.\n */\n\nvar Router =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Router, _React$Component);\n\n Router.computeRootMatch = function computeRootMatch(pathname) {\n return {\n path: \"/\",\n url: \"/\",\n params: {},\n isExact: pathname === \"/\"\n };\n };\n\n function Router(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.state = {\n location: props.history.location\n }; // This is a bit of a hack. We have to start listening for location\n // changes here in the constructor in case there are any \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nResponsiveColumn.propTypes = {\r\n xs: PropTypes.number,\r\n sm: PropTypes.number,\r\n md: PropTypes.number,\r\n lg: PropTypes.number,\r\n xl: PropTypes.number,\r\n children: PropTypes.node,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n};\r\n\r\nResponsiveColumn.defaultProps = {\r\n xs: 12\r\n};\r\n\r\nexport default ResponsiveColumn;","import \"../../../styles/responsiveRow.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\n//import ResponsiveColumn from \"./ResponsiveColumn\";\r\n\r\nconst STYLE_CACHE = new Map();\r\n\r\n/**\r\n * Cachear style-objekt givet bredd i andel (0 - 1)\r\n * @param {number} widthFraction \r\n * @returns {object}\r\n */\r\nfunction makeStyle(widthFraction) {\r\n let style = STYLE_CACHE.get(widthFraction);\r\n if (style) {\r\n return style;\r\n }\r\n\r\n style = {\r\n width: `${widthFraction * 100}%`\r\n };\r\n\r\n STYLE_CACHE.set(widthFraction, style);\r\n return style;\r\n}\r\n\r\nconst FLEX_ROW_STYLE = {\r\n display: \"flex\",\r\n flexDirection: \"row\"\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n deviceType: state.view.deviceType\r\n };\r\n};\r\n\r\nclass ResponsiveRows extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n let totalColumns = 0;\r\n\r\n const {columns,\r\n gutters,\r\n deviceType\r\n } = this.props;\r\n\r\n let currentRow = [];\r\n const rows = [];\r\n\r\n React.Children.forEach(this.props.children, (child) => {\r\n \r\n if (!child || !child.props) {\r\n return;\r\n }\r\n\r\n let {xs, sm, md, lg, xl} = child.props;\r\n\r\n xs = xs != null ? xs : 12;\r\n sm = sm != null ? sm : xs;\r\n md = md != null ? md : sm;\r\n lg = lg != null ? lg : md;\r\n xl = xl != null ? xl : lg;\r\n\r\n let columnWidth = 12;\r\n switch (deviceType) {\r\n case \"xs\":\r\n columnWidth = xs;\r\n break;\r\n case \"sm\":\r\n columnWidth = sm;\r\n break;\r\n case \"md\":\r\n columnWidth = md;\r\n break;\r\n case \"lg\":\r\n columnWidth = lg;\r\n break;\r\n case \"xl\":\r\n columnWidth = xl;\r\n break;\r\n }\r\n\r\n if (columnWidth >=1) {\r\n\r\n totalColumns += columnWidth;\r\n\r\n if (totalColumns >= columns) {\r\n if (totalColumns === columns) {\r\n currentRow.push(React.cloneElement(child, {\r\n style: makeStyle(columnWidth / columns),\r\n key: currentRow.length\r\n }));\r\n }\r\n\r\n rows.push(\r\n \r\n {currentRow}\r\n
\r\n );\r\n \r\n currentRow = [];\r\n\r\n if (totalColumns !== columns) {\r\n currentRow.push(React.cloneElement(child, {\r\n style: makeStyle(columnWidth / columns),\r\n key: currentRow.length\r\n }));\r\n }\r\n\r\n totalColumns = 0;\r\n } else {\r\n currentRow.push(React.cloneElement(child, {\r\n style: makeStyle(columnWidth / columns),\r\n key: currentRow.length\r\n }));\r\n }\r\n }\r\n });\r\n\r\n if (currentRow.length > 0) {\r\n rows.push(\r\n \r\n {currentRow}\r\n
\r\n );\r\n }\r\n \r\n\r\n return (\r\n \r\n {rows}\r\n
\r\n );\r\n }\r\n}\r\n\r\nResponsiveRows.propTypes = {\r\n children: PropTypes.node,\r\n columns: PropTypes.number,\r\n deviceType: PropTypes.string.isRequired,\r\n gutters: PropTypes.bool\r\n};\r\n\r\nResponsiveRows.defaultProps = {\r\n columns: 12,\r\n gutters: true\r\n};\r\n\r\nexport default connect(mapStateToProps)(ResponsiveRows);","export const postFix = \"_$\";\r\n\r\n/**\r\n * Returns true if both input are equal to each other. [Edge cases exists :/]\r\n * \r\n * @param {Object} x\r\n * @param {object} y\r\n * @returns {*}\r\n */\r\nfunction objectEquals(x, y) {\r\n if (x === null || x === undefined || y === null || y === undefined) { return x === y; }\r\n // after this just checking type of one would be enough\r\n if (x.constructor !== y.constructor) { return false; }\r\n // if they are functions, they should exactly refer to same one (because of closures)\r\n if (x instanceof Function) { return x === y; }\r\n // if they are regexps, they should exactly refer to same one (it is hard to better equality check on current ES)\r\n if (x instanceof RegExp) { return x === y; }\r\n if (x === y || x.valueOf() === y.valueOf()) { return true; }\r\n if (Array.isArray(x) && x.length !== y.length) { return false; }\r\n\r\n // if they are dates, they must had equal valueOf\r\n if (x instanceof Date) { return false; }\r\n\r\n // if they are strictly equal, they both need to be object at least\r\n if (!(x instanceof Object)) { return false; }\r\n if (!(y instanceof Object)) { return false; }\r\n\r\n // recursive object equality check\r\n var p = Object.keys(x);\r\n return Object.keys(y).every(function (i) { return p.indexOf(i) !== -1; }) && p.every(function (i) { return objectEquals(x[i], y[i]); });\r\n}\r\n\r\n/**\r\n * Extraherar egenskapen från ett objekt.\r\n * \r\n * @param {Object} source\r\n * @param {string|string[]} property\r\n * @returns {*}\r\n */\r\nexport function getPropertyValue(source, property) {\r\n if (!source || !property) {\r\n return undefined;\r\n }\r\n\r\n let prop = null;\r\n if (Array.isArray(property)) {\r\n let obj = source;\r\n for(let i=0; i\r\n \r\n )}\r\n {locked && (\r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nTextField.propTypes = {\r\n //\r\n // Mandatory\r\n //\r\n // called when finished editing input field\r\n onEdit: PropTypes.func.isRequired,\r\n property: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.arrayOf(\r\n PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ])\r\n )\r\n ]).isRequired,\r\n source: PropTypes.object.isRequired,\r\n //\r\n // Optional\r\n //\r\n // maximum length of input date\r\n maxLength: PropTypes.number,\r\n // called every time the field changes\r\n onChange: PropTypes.func,\r\n // disabling inputs\r\n disabled: PropTypes.bool,\r\n // a lock will apear on the right side\r\n locked: PropTypes.bool,\r\n // what iconType should be visilbe on the left side\r\n iconType: PropTypes.string,\r\n // what color the icon should have\r\n iconColor: PropTypes.string,\r\n // function to validate the value of the field\r\n validation: PropTypes.func,\r\n // enable/disable browers support for spellchecking\r\n spellcheck: PropTypes.bool,\r\n // what type of input default \"text\", other options \"number\", \"password\"\r\n type: PropTypes.string,\r\n // visible ghost text when no value is entered\r\n placeholder: PropTypes.string,\r\n // manualy setting tabIndex\r\n tabIndex: PropTypes.number,\r\n // if using form and callbacks for onEdit is not wanted\r\n usingSubmit: PropTypes.bool,\r\n // scss style\r\n className: PropTypes.string,\r\n // for disabling autocomplete useful for password fields\r\n autoComplete: PropTypes.string,\r\n // if the background should be invisible\r\n invisibleBackground: PropTypes.bool,\r\n // if the text should be in smaller font\r\n smallText: PropTypes.bool,\r\n // Callback if caps lock is down\r\n capsLockStatusCallback: PropTypes.func,\r\n // Sets autofocus\r\n autoFocus: PropTypes.bool,\r\n // if the underlying border should be dark\r\n darkBorder: PropTypes.bool,\r\n // minimum value of numeric field\r\n min: PropTypes.number,\r\n // for prices with text that are right aligned\r\n price: PropTypes.bool,\r\n};\r\n\r\nTextField.defaultProps = {\r\n locked: false,\r\n disabled: false,\r\n validation: null,\r\n usingIcon: undefined,\r\n type: \"text\",\r\n usingSubmit: false,\r\n invisibleBackground: false,\r\n autoFocus: false,\r\n};","import \"../../../styles/login.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\";\r\n\r\nimport {Localization} from \"../util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"./ResponsiveRows.jsx\";\r\nimport TextField from \"./TextField.jsx\";\r\n\r\nimport bg from \"../../../assets/images/bg.png\";\r\nimport logo from \"../../../assets/images/engrospartner_logo.png\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass ResetPasswordPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n cusNo: \"\",\r\n password1: \"\",\r\n password2: \"\",\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.setNewPassword = this.setNewPassword.bind(this);\r\n this.onClickCancel = this.onClickCancel.bind(this);\r\n\r\n this.validateBothPasswords = this.validateBothPasswords.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.setCurrentLanguage(\"no\");\r\n }\r\n\r\n onChange(change) {\r\n this.setState(change);\r\n }\r\n\r\n setNewPassword(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n if( this.validateBothPasswords(this.state.password2) && this.state.cusNo.length>0 ) {\r\n this.props.setNewPassword(\r\n this.props.history,\r\n this.props.resetPasswordToken,\r\n this.state.cusNo,\r\n this.state.password1\r\n );\r\n }\r\n }\r\n\r\n onClickCancel(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n this.props.history.replace(\"/dashboard\");\r\n }\r\n\r\n validateBothPasswords(password2) {\r\n return this.props.validatePassword(this.state.password1) && this.state.password1===password2;\r\n }\r\n\r\n render(){\r\n const {\r\n localization,\r\n validateCusNo,\r\n validatePassword,\r\n } = this.props;\r\n\r\n const isPasswordEqualAndLegal = this.validateBothPasswords(this.state.password2);\r\n const canSubmit = isPasswordEqualAndLegal && this.state.cusNo && this.state.cusNo.length>0;\r\n\r\n const NotLongEnough = this.state.password1==null || this.state.password1.length<8;\r\n const notContainingLowercase = this.state.password1==null || !this.state.password1.match(/[a-zæøåäöÆàéèêóÒô]/g);\r\n const notContainingUppercase = this.state.password1==null || !this.state.password1.match(/[A-ZØÅÄÖÀÉÈÊÓÒÔ]/g);\r\n const notContainingNumber = this.state.password1==null || !this.state.password1.match(/[0-9]/g);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n ?} queryParameters - Key/value map of query parameters to append to the url.\r\n * @param {string?} token - A JWT if the user is logged in.\r\n * @param {string} contentType - We can ask for json or images\r\n * @param {string} acceptType - We can ask for json or images\r\n * @return {{payload: Object?, message: string, extraInfo: *}}\r\n * @throws {NetworkError}\r\n */\r\nexport async function getJson(url, queryParameters, token, contentType = ContentTypes.JSON, acceptType = ContentTypes.JSON) {\r\n const headers = new Headers();\r\n headers.append(\"Content-Type\", contentType);\r\n headers.append(\"Accept\", acceptType);\r\n headers.append(\"Cache-Control\", \"no-store\");\r\n if (token) {\r\n headers.append(\"Authorization\", `Bearer ${token}`);\r\n }\r\n \r\n const mode = undefined; // \"cors\"\r\n\r\n let httpResponse;\r\n try {\r\n const queryParameterString = (queryParameters && Object.values(queryParameters).find(p => p !== undefined) !== undefined) ?`?${createQueryParameters(queryParameters, [])}`:\"\";\r\n httpResponse = await fetch(`${makeApiUrl(url)}${queryParameterString}`, {method: \"GET\", headers, mode, cache: \"no-store\"});\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n\r\n if (!httpResponse.ok) {\r\n let parsedError;\r\n try {\r\n parsedError = toCamelCase(await httpResponse.json());\r\n } catch (error) {\r\n if(process.env.NODE_ENV !== \"production\") {\r\n parsedError = {message:`${httpResponse.status.toString()} ${httpResponse.statusText}`};\r\n } else {\r\n parsedError = undefined;\r\n }\r\n }\r\n\r\n if (httpResponse.status === 401) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.UNAUTHORIZED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status === 403) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.ACCESS_DENIED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status >= 400 && httpResponse.status < 500) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.USER_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if ([502, 504].some(code => code === httpResponse.status)){\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, undefined, \"Gateway Timeout\");\r\n } else {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.REMOTE_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n }\r\n }\r\n\r\n let parsedResponse;\r\n try { \r\n if(contentType === ContentTypes.IMAGE || contentType === ContentTypes.PDF || contentType === ContentTypes.EXCEL)\r\n return httpResponse;\r\n parsedResponse = toCamelCase(await httpResponse.json());\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n\r\n if (parsedResponse.result === StatusCodes.SUCCESS) {\r\n return {\r\n payload: parsedResponse.payload,\r\n message: parsedResponse.message,\r\n extraInfo: parsedResponse.extraInfo\r\n };\r\n } else {\r\n throw new NetworkError(makeApiUrl(url), parsedResponse.userExceptionType ? ErrorTypes.USER_ERROR : ErrorTypes.REMOTE_ERROR, parsedResponse.payload, parsedResponse.message, parsedResponse.userExceptionType);\r\n }\r\n}\r\n\r\n/**\r\n * Perform a HTTP GET without a body and returns a local url.\r\n * @param {string} url - The url to get.\r\n * @param {Object.?} queryParameters - Key/value map of query parameters to append to the url.\r\n * @param {string?} token - A JWT if the user is logged in.\r\n * @param {string} contentType - We can ask for json or images\r\n * @param {string} acceptType - We can ask for json or images\r\n * @param {bool} asUrl - if a url should be returned, othwerwise the blob is returned\r\n * @return {{payload: Object?, message: string, extraInfo: *}}\r\n * @throws {NetworkError}\r\n */\r\nexport async function getBlob(url, queryParameters, token, contentType = ContentTypes.JSON, acceptType = ContentTypes.JSON, asUrl = true) {\r\n const headers = new Headers();\r\n headers.append(\"Content-Type\", contentType);\r\n headers.append(\"Accept\", acceptType);\r\n if (token) {\r\n headers.append(\"Authorization\", `Bearer ${token}`);\r\n }\r\n\r\n const mode = \"cors\";\r\n\r\n let httpResponse;\r\n try {\r\n const queryParameterString = (queryParameters && Object.values(queryParameters).find(p => p !== undefined) !== undefined) ?`?${createQueryParameters(queryParameters, [])}`:\"\";\r\n httpResponse = await fetch(`${makeApiUrl(url)}${queryParameterString}`, {method: \"GET\", headers, mode});\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n\r\n if (!httpResponse.ok) {\r\n let parsedError;\r\n try {\r\n parsedError = toCamelCase(await httpResponse.json());\r\n } catch (error) {\r\n if(process.env.NODE_ENV !== \"production\") {\r\n parsedError = {message:`${httpResponse.status.toString()} ${httpResponse.statusText}`};\r\n } else {\r\n parsedError = undefined;\r\n }\r\n }\r\n\r\n if (httpResponse.status === 401) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.UNAUTHORIZED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status === 403) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.ACCESS_DENIED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status >= 400 && httpResponse.status < 500) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.USER_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if ([502, 504].some(code => code === httpResponse.status)){\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, undefined, \"Gateway Timeout\");\r\n } else {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.REMOTE_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n }\r\n }\r\n\r\n try {\r\n const myBlob = await httpResponse.blob();\r\n if( asUrl ){\r\n return URL.createObjectURL(myBlob, {autoRevoke : false});\r\n }\r\n return myBlob;\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n}\r\n\r\nexport const methods = {\r\n POST: \"POST\",\r\n GET: \"GET\"\r\n};\r\n\r\nconst doCall = async (dispatch, state, token, method, path, data, contentType = ContentTypes.JSON, acceptType = ContentTypes.JSON) => {\r\n try {\r\n let response;\r\n if (method === methods.POST) {\r\n response = await postJson(path, data, token, contentType, acceptType);\r\n } else {\r\n if( acceptType === ContentTypes.IMAGE) {\r\n response = await getBlob(path, data, token, contentType, acceptType);\r\n } else {\r\n response = await getJson(path, data, token, contentType, acceptType);\r\n }\r\n }\r\n return response;\r\n } catch (e) {\r\n if (e instanceof NetworkError && e.errorType === ErrorTypes.UNAUTHORIZED) {\r\n if (isLoggedIn(state.authentication)) {\r\n dispatch(logOut());\r\n }\r\n }\r\n \r\n throw e;\r\n }\r\n};\r\n\r\n/**\r\n * Thunk which asynchronously extracts state data necessary for contacting the API and calls a GET API function in standard form on SYS.\r\n * @param {string} path\r\n * @param {Object?} queryParameters \r\n * @returns {{payload: Object?, message: string?}}\r\n * @throws {NetworkError}\r\n * \r\n */\r\nexport function getSysApi(path, queryParameters) {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n const token = state.authentication.token;\r\n return await doCall(dispatch, state, token, methods.GET, path, {\r\n ...queryParameters\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Thunk which asynchronously extracts state data necessary for contacting the API and calls a POST API function in standard form on SYS.\r\n * @param {string} path\r\n * @param {Object?} data \r\n * @returns {{payload: Object?, message: string?}}\r\n * @throws {NetworkError}\r\n * \r\n */\r\nexport function postSysApi(path, data) {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n const token = state.authentication.token;\r\n return await doCall(dispatch, state, token, methods.POST, path, {\r\n ...data\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * \r\n * @param {*} path \r\n * @param {*} queryParameters \r\n * @param {*} contentType \r\n * @param {*} acceptType \r\n * @returns {*}\r\n */\r\nexport function getApi(path, queryParameters, contentType ,acceptType) {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n const token = state.authentication.token;\r\n return await doCall(dispatch, state, token, methods.GET, path, {\r\n ...queryParameters\r\n }, contentType, acceptType);\r\n };\r\n}\r\n\r\n/**\r\n * \r\n * @param {*} path \r\n * @param {*} data \r\n * @param {*} contentType \r\n * @param {*} acceptType \r\n * @returns {*}\r\n */\r\nexport function postApi(path, data, contentType, acceptType) {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n const token = state.authentication.token;\r\n return await doCall(dispatch, state, token, methods.POST, `${path}`, {\r\n ...data\r\n }, contentType, acceptType);\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Downloads a blob file to disk\r\n * @param {object} blob\r\n * @param {string} saveName name of the saved file\r\n * @param {string} contentType\r\n * @returns {*}\r\n */\r\nexport function downloadBlob(blob, saveName, contentType){\r\n // It is necessary to create a new blob object with mime-type explicitly set\r\n // otherwise only Chrome works like it should\r\n var newBlob = new Blob([blob], {type: contentType});\r\n \r\n // IE doesn't allow using a blob object directly as link href\r\n // instead it is necessary to use msSaveOrOpenBlob\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n window.navigator.msSaveOrOpenBlob(newBlob, saveName);\r\n return;\r\n } \r\n \r\n // For other browsers: \r\n // Create a link pointing to the ObjectURL containing the blob.\r\n const data = window.URL.createObjectURL(newBlob);\r\n var link = document.createElement(\"a\");\r\n link.href = data;\r\n link.download=saveName;\r\n link.click();\r\n setTimeout(function(){\r\n // For Firefox it is necessary to delay revoking the ObjectURL\r\n window.URL.revokeObjectURL(data);\r\n }, 100);\r\n}","import moment from \"moment\";\r\n\r\nexport const PUSH_MESSAGE = \"PUSH_MESSAGE\";\r\nexport const REMOVE_MESSAGE = \"REMOVE_MESSAGE\";\r\n\r\nexport const messageType = {\r\n error: \"error\",\r\n message: \"message\",\r\n};\r\n\r\n/**\r\n * Pushes a message that will be displayed on the screen\r\n * @param {string} message\r\n * @param {string} messageType\r\n * @returns {function}\r\n */\r\nexport function pushSystemMessage(message,messageType=messageType.error) {\r\n return (dispatch) => {\r\n dispatch({\r\n type: PUSH_MESSAGE,\r\n date: moment.now(),\r\n messageType,\r\n message,\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Pushes a message that will be displayed on the screen\r\n * @param {number} index\r\n * @returns {function}\r\n */\r\nexport function removeSystemMessage(index) {\r\n return (dispatch) => {\r\n dispatch({\r\n type: REMOVE_MESSAGE,\r\n index,\r\n });\r\n };\r\n}","import \"../../../styles/modal.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport {connect} from \"react-redux\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n innerWidth: state.view.innerWidth\r\n };\r\n};\r\n\r\nclass Modal extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.onComponentWillUnmount) {\r\n this.props.onComponentWillUnmount();\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n drawAboveMenu,\r\n width,\r\n children,\r\n onCloseModal,\r\n innerWidth,\r\n } = this.props;\r\n\r\n const modalWidth = Math.min( Math.max(320,innerWidth), width);\r\n\r\n if (this.props.hideCard) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {localization.text(\"changePassword\",\"enterNewPassword\")}\r\n
\r\n \r\n \r\n
\r\n \r\n Kolly Tool 2019 @ All rights reserved.\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nResetPasswordPage.propTypes = {\r\n setCurrentLanguage: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n resetPasswordToken: PropTypes.string,\r\n loggingIn: PropTypes.bool,\r\n history: PropTypes.object,\r\n setNewPassword: PropTypes.func.isRequired,\r\n validateCusNo: PropTypes.func.isRequired,\r\n validatePassword: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withRouter(ResetPasswordPage);","/**\r\n * Extraherar alla queryparametrar ur en querysträng.\r\n * @param {string} query \r\n * @returns {object}\r\n */\r\nexport function getQueryParameters(query) {\r\n if (!query) {\r\n return {};\r\n }\r\n \r\n return (/^[?#]/.test(query) ? query.slice(1) : query)\r\n .split(\"&\")\r\n .reduce((params, param) => {\r\n const [ key, value ] = param.split(\"=\");\r\n params[key] = value ? decodeURIComponent(value.replace(/\\+/g, \" \")) : \"\";\r\n return params;\r\n }, {});\r\n}","import Language_EnglishUrl from \"../../../assets/translations/en.json\";\r\nimport Language_NorwegianUrl from \"../../../assets/translations/no.json\";\r\n\r\nexport const urls = {\r\n en: Language_EnglishUrl,\r\n no: Language_NorwegianUrl\r\n};\r\n\r\nexport const DOWNLOADING_LOCALIZATION = \"DOWNLOADING_LOCALIZATION\";\r\n\r\nexport const DOWNLOADED_LOCALIZATION = \"DOWNLOADED_LOCALIZATION\";\r\n\r\nexport const FAILED_TO_DOWNLOAD_LOCALIZATION = \"FAILED_TO_DOWNLOAD_LOCALIZATION\";\r\n\r\nexport const downloadedLocalization = (data) => ({\r\n type: DOWNLOADED_LOCALIZATION,\r\n data\r\n});\r\n\r\nexport const failedToDownloadLocalization = () => ({\r\n type: FAILED_TO_DOWNLOAD_LOCALIZATION\r\n});\r\n\r\nexport const downloadingLocalization = () => ({\r\n type: DOWNLOADING_LOCALIZATION\r\n});\r\n\r\n","import \"moment/locale/nn\";\r\n\r\nimport {downloadedLocalization, downloadingLocalization, failedToDownloadLocalization, urls} from \"./localization.js\";\r\n\r\nimport moment from \"moment\";\r\n\r\nexport const SET_CURRENT_LANGUAGE = \"SET_CURRENT_LANGUAGE\";\r\n\r\n/**\r\n * Sätter aktuellt språk och laddar översättningsdata\r\n * \r\n * @param {number} language\r\n * @returns {Function}\r\n */\r\nexport function setCurrentLanguage(language) {\r\n return async (dispatch, getState) => {\r\n \r\n const currentLanguage = getState().userSettings.currentLanguage;\r\n if (((!language || currentLanguage == language) && getState().localization.hasData) || getState().localization.downloading) {\r\n return;\r\n }\r\n\r\n if( language==\"no\" ){\r\n moment().locale(\"nn\");\r\n }\r\n\r\n const url = urls[language];\r\n if (!url) {\r\n throw new Error(`No translation file is specified for ${language}`);\r\n }\r\n\r\n dispatch(downloadingLocalization());\r\n try {\r\n const languageData = await fetch(url);\r\n const json = await(languageData.json());\r\n dispatch(downloadedLocalization(json));\r\n\r\n dispatch({\r\n type: SET_CURRENT_LANGUAGE,\r\n language\r\n });\r\n\r\n } catch (error) {\r\n dispatch(failedToDownloadLocalization());\r\n }\r\n };\r\n}","import { isLoggedIn, logOut } from \"./authentication\";\r\n\r\nimport {makeApiUrl} from \"../util/config\";\r\nimport {toCamelCase} from \"../util/javascript.js\";\r\n\r\nexport const StatusCodes = {\r\n SUCCESS: 1,\r\n FAILED: 2\r\n};\r\n\r\nexport const ErrorTypes = {\r\n NETWORK_ERROR: \"NETWORK_ERROR\",\r\n REMOTE_ERROR: \"REMOTE_ERROR\",\r\n USER_ERROR: \"USER_ERROR\",\r\n UNAUTHORIZED: \"UNAUTHORIZED\",\r\n ACCESS_DENIED: \"ACCESS_DENIED\",\r\n LOCAL_ERROR: \"LOCAL_ERROR\"\r\n};\r\n\r\nexport const ContentTypes = {\r\n JSON: \"application/json\",\r\n IMAGE: \"image/*\",\r\n PDF: \"application/pdf\",\r\n FORM: \"application/x-www-form-urlencoded;charset=UTF-8\",\r\n EXCEL: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n CSV: \"text/csv\",\r\n};\r\n\r\nexport class NetworkError extends Error {\r\n /**\r\n * @param {string} url\r\n * @param {string} errorType\r\n * @param {any} payload\r\n * @param {string?} message\r\n * @param {number?} userExceptionType\r\n */\r\n constructor(url, errorType, payload, message, userExceptionType) {\r\n super(message);\r\n this.url = url;\r\n this.errorType = errorType;\r\n this.payload = payload;\r\n this.message = message;\r\n this.userExceptionType = userExceptionType;\r\n }\r\n\r\n /**\r\n * @return {{NETWORK_ERROR: string, REMOTE_ERROR: string, USER_ERROR: string, UNAUTHORIZED: string, ACCESS_DENIED: string, LOCAL_ERROR: string}}\r\n * @constructor\r\n */\r\n static get ErrorType() {\r\n return ErrorTypes;\r\n }\r\n}\r\n// /**\r\n// * Perform a HTTP POST with the body as json and return the parsed json response.\r\n// * @param {Object} data - Payload which will be serialized to FORM.\r\n// * @return {{payload: Object?, message: string?}}\r\n// */\r\n// function dataToForm(data) {\r\n// var formBody = [];\r\n// for (var property in data) {\r\n// var encodedKey = encodeURIComponent(property);\r\n// var encodedValue = encodeURIComponent(data[property]);\r\n// formBody.push(encodedKey + \"=\" + encodedValue);\r\n// }\r\n// formBody = formBody.join(\"&\");\r\n// return formBody;\r\n// }\r\n\r\n/**\r\n * Replaces illegal characters in URI search string.\r\n * @param {string} freeTextFilter\r\n * @returns {string}\r\n */\r\nexport function getEncodedSearchString(freeTextFilter) {\r\n const freeTextFilterEncoded = freeTextFilter && freeTextFilter.length > 0 ? encodeURIComponent(freeTextFilter) : undefined;\r\n return freeTextFilterEncoded;\r\n}\r\n\r\n\r\n/**\r\n * Perform a HTTP POST with the body as json and return the parsed json response.\r\n * @param {string} url - The url to post to.\r\n * @param {Object} data - Payload which will be serialized to JSON.\r\n * @param {string?} token - A JWT if the user is logged in.\r\n * @param {string} contentType - We can ask for json or images\r\n * @param {string} acceptType - We can ask for json or images\r\n * @return {{payload: Object?, message: string?}}\r\n * @throws {NetworkError}\r\n */\r\nexport async function postJson(url, data, token, contentType = ContentTypes.JSON, acceptType = ContentTypes.JSON) {\r\n const headers = new Headers();\r\n headers.append(\"Content-Type\", contentType);\r\n headers.append(\"Accept\", acceptType);\r\n headers.append(\"Cache-Control\", \"no-store\");\r\n if (token) {\r\n headers.append(\"Authorization\", `Bearer ${token}`);\r\n }\r\n\r\n const mode = undefined; // \"cors\"\r\n\r\n let httpResponse;\r\n try {\r\n httpResponse = await fetch(makeApiUrl(url), {method: \"POST\", headers, mode, body: JSON.stringify(data), cache: \"no-store\"});\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n\r\n if (!httpResponse.ok) {\r\n let parsedError;\r\n try {\r\n parsedError = toCamelCase(await httpResponse.json());\r\n } catch (error) {\r\n if(process.env.NODE_ENV !== \"production\") {\r\n parsedError = {message:`${httpResponse.status.toString()} ${httpResponse.statusText}`};\r\n } else {\r\n parsedError = undefined;\r\n }\r\n }\r\n\r\n if (httpResponse.status === 401) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.UNAUTHORIZED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status === 403) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.ACCESS_DENIED, undefined, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if (httpResponse.status >= 400 && httpResponse.status < 500) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.USER_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n } else if ([502, 504].some(code => code === httpResponse.status)){\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, undefined, \"Gateway Timeout\");\r\n } else {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.REMOTE_ERROR, parsedError && parsedError.payload, parsedError && parsedError.displayMessage, parsedError && parsedError.errorCodeAsText);\r\n }\r\n }\r\n\r\n let parsedResponse;\r\n try {\r\n if(contentType === ContentTypes.IMAGE || contentType === ContentTypes.PDF)\r\n return httpResponse;\r\n parsedResponse = toCamelCase(await httpResponse.json());\r\n } catch (error) {\r\n throw new NetworkError(makeApiUrl(url), ErrorTypes.NETWORK_ERROR, error, null);\r\n }\r\n \r\n if (parsedResponse.result === StatusCodes.SUCCESS) {\r\n return {\r\n payload: parsedResponse.payload,\r\n message: parsedResponse.message,\r\n };\r\n } else {\r\n throw new NetworkError(makeApiUrl(url), parsedResponse.userExceptionType ? ErrorTypes.USER_ERROR : ErrorTypes.REMOTE_ERROR, parsedResponse.payload, parsedResponse.message, parsedResponse.userExceptionType);\r\n }\r\n}\r\n\r\n/**\r\n * Skapar en query parameter sträng för objekt med djup.\r\n * \r\n * @param {any} queryParameters \r\n * @param {string[]} parentNames\r\n * @returns {string}\r\n */\r\nconst createQueryParameters = (queryParameters, parentNames) => {\r\n const isObject = obj => obj && Object.keys(obj).length > 0 && typeof(obj) !== \"string\";\r\n if (Array.isArray(queryParameters)) {\r\n return Object.entries(queryParameters).map(kv => {\r\n const newParentNames = [...parentNames];\r\n newParentNames[newParentNames.length - 1] = `${newParentNames[newParentNames.length - 1]}[${kv[0]}]`;\r\n return createQueryParameters(kv[1], newParentNames);\r\n }).join(\"&\");\r\n } else if (isObject(queryParameters)) {\r\n return Object.entries(queryParameters).filter(kv => kv[1] !== undefined).map(kv => {\r\n return createQueryParameters(kv[1], parentNames.concat(kv[0]));\r\n }).join(\"&\");\r\n } else {\r\n return `${parentNames.join(\".\")}=${queryParameters}`;\r\n }\r\n};\r\n\r\n/**\r\n * Perform a HTTP GET without a body and return the parsed json response.\r\n * @param {string} url - The url to get.\r\n * @param {Object.\r\n \r\n
\r\n {children}\r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nModal.propTypes = {\r\n drawAboveMenu: PropTypes.bool,\r\n width: PropTypes.number,\r\n innerWidth: PropTypes.number,\r\n children: PropTypes.node.isRequired,\r\n onCloseModal: PropTypes.func.isRequired,\r\n onComponentWillUnmount: PropTypes.func,\r\n hideCard: PropTypes.bool\r\n};\r\n\r\nexport default connect(mapStateToProps)(Modal);","import \"../../../styles/popupNotificationModal.scss\";\r\n\r\nimport Modal from \"./Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\n\r\nexport default class AskCopyMyListsModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onNoAction = this.onNoAction.bind(this);\r\n this.onCopyLists = this.onCopyLists.bind(this);\r\n }\r\n\r\n onNoAction(e) {\r\n if (e && e.preventDefault) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n this.props.noAction();\r\n }\r\n\r\n onCopyLists(e) {\r\n if (e && e.preventDefault) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n this.props.copyLists();\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n askQuestion,\r\n deviceType,\r\n width, \r\n } = this.props;\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n \r\n \r\n
{localization.text(\"dashboard\", \"importantMessage\")}
\r\nKopiere mine lister?
\r\n\r\n { askQuestion.message }\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nAskCopyMyListsModal.propTypes = {\r\n askQuestion: PropTypes.object.isRequired,\r\n copyLists: PropTypes.func.isRequired,\r\n noAction: PropTypes.func.isRequired,\r\n localization: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number.isRequired,\r\n};","import \"../../../styles/popupNotificationModal.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon\";\r\n\r\nimport Modal from \"./Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ReactMarkdown from \"react-markdown\";\r\n\r\nexport default class PopupNotificationModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onConfirm = this.onConfirm.bind(this);\r\n this.onRemindLater = this.onRemindLater.bind(this);\r\n }\r\n\r\n onConfirm(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.confirm(this.props.notification);\r\n }\r\n\r\n onRemindLater(e) {\r\n if (e && e.preventDefault) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n this.props.remindLater(this.props.notification, e && e.preventDefault);\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n notification,\r\n deviceType,\r\n width, \r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
{localization.text(\"dashboard\", \"importantMessage\")}
\r\n{notification.subject}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nPopupNotificationModal.propTypes = {\r\n notification: PropTypes.object.isRequired,\r\n remindLater: PropTypes.func.isRequired,\r\n confirm: PropTypes.func.isRequired,\r\n localization: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number.isRequired,\r\n};","import \"../../../styles/popupNotificationModal.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon\";\r\n\r\nimport Modal from \"./Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class PopupNotificationModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onConfirm = this.onConfirm.bind(this);\r\n }\r\n\r\n onConfirm(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.confirm(this.props.notification);\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n notification,\r\n deviceType,\r\n width, \r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
{localization.text(\"dashboard\", \"importantMessage\")}
\r\n{notification.subject}
\r\n\r\n
\r\n \r\n \r\n {notification.body}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nPopupNotificationModal.propTypes = {\r\n notification: PropTypes.object.isRequired,\r\n confirm: PropTypes.func.isRequired,\r\n localization: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number.isRequired,\r\n};","import Logger from \"../../common/util/Logger.js\";\r\n\r\nexport const SET_MODAL = \"SET_MODAL\";\r\nexport const ADD_DROPDOWN = \"ADD_DROPDOWN\";\r\nexport const POP_DROPDOWN = \"POP_DROPDOWN\";\r\nexport const CLEAR_MODAL_DROPDOWNS= \"CLEAR_MODAL_DROPDOWNS\";\r\n\r\n/**\r\n * Sets active modal\r\n * @param {node} modal\r\n * @returns {func}\r\n */\r\nexport function setModal(modal){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: SET_MODAL,\r\n modal,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Sets active modal\r\n * @param {node} dropDown\r\n * @param {bool} clearEveryThingBefore\r\n * @returns {func}\r\n */\r\nexport function setDropDown(dropDown, clearEveryThingBefore = false){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( dropDown ){\r\n if( clearEveryThingBefore && (getState().modal.dropDown.length>0 || getState().modal.modal!=null) ) {\r\n await dispatch({\r\n type: CLEAR_MODAL_DROPDOWNS,\r\n });\r\n }\r\n dispatch({\r\n type: ADD_DROPDOWN,\r\n dropDown,\r\n });\r\n } else {\r\n dispatch({\r\n type: POP_DROPDOWN,\r\n });\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Clear all modals and dropDowns\r\n * @returns {func}\r\n */\r\nexport function clearModalAndDropDown(){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CLEAR_MODAL_DROPDOWNS,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}","import {getApi, postApi, postSysApi} from \"./net\";\r\nimport { messageType, pushSystemMessage } from \"./systemMessage.js\";\r\n\r\nimport AskCopyMyListsModal from \"../components/AskCopyMyListsModal\";\r\nimport Logger from \"../util/Logger.js\";\r\nimport {NetworkError} from \"../net/httpClient.js\";\r\nimport PopupNotificationModal from \"../components/PopupNotificationModal\";\r\nimport PopupSeasonModal from \"../components/PopupSeasonModal\";\r\nimport React from \"react\";\r\nimport { createLocalization } from \"../util/localization\";\r\nimport {setCurrentLanguage} from \"./userSettings.js\";\r\nimport {setModal} from \"./modal\";\r\n\r\nexport const LOGGING_IN = \"LOGGING_IN\";\r\nexport const LOGGED_IN = \"LOGGED_IN\";\r\nexport const LOGIN_ATTEMPT_ENDED = \"LOGIN_ATTEMPT_ENDED\";\r\nexport const LOGGED_OUT = \"LOGGED_OUT\";\r\nexport const SET_WEBSITE_STATUS_RESULTS = \"SET_WEBSITE_STATUS_RESULTS\";\r\nexport const SET_WEBSITE_MESSAGE_CONFIRMED = \"SET_WEBSITE_MESSAGE_CONFIRMED\";\r\nexport const SET_SEASON_MESSAGE_CONFIRMED = \"SET_SEASON_MESSAGE_CONFIRMED\";\r\n\r\n/**\r\n * Kontrollerar ifall vi just nu är inloggade.\r\n * @param {Object} authentication\r\n * @returns {bool}\r\n */\r\nexport function isLoggedIn(authentication) {\r\n if (authentication.token == null) {\r\n return false;\r\n }\r\n\r\n return authentication.tokenValidUntil >= Date.now();\r\n}\r\n\r\nconst loggingIn = (loginName, password) => ({\r\n type: LOGGING_IN,\r\n loginName,\r\n password\r\n});\r\n\r\nconst loggedIn = (payload, languageId, serverName) => ({\r\n type: LOGGED_IN,\r\n token: payload.accessToken,\r\n refreshToken: payload.refreshToken,\r\n tokenValidUntil: Date.now() + 1000 * 60 * payload.expiresInMinutes,\r\n signedInAs: payload.userName,\r\n languageId: languageId,\r\n serverName: serverName,\r\n email: payload.email,\r\n isChainLogin: payload.isChainCustomer,\r\n isHubLogin: payload.isHubUser, \r\n hubId: payload.hubId,\r\n isDominosLogin: payload.isDominosUser,\r\n chainType: payload.chainType,\r\n isAdmin: payload.isAdmin,\r\n isImpersonated: payload.isImpersonated,\r\n chainIds: payload.chainIds,\r\n pickupTobaccoDefault: payload.pickupTobaccoDefault,\r\n freightChargePickupTobacco: payload.freightChargePickupTobacco,\r\n isBlockedCustomer : payload.isBlockedCustomer,\r\n newSeasonDistrDates : payload.newSeasonDistrDates,\r\n askCopyMyListsUponFirstLogin : payload.askCopyMyListsUponFirstLogin,\r\n showFreshFood: payload.showFreshFood,\r\n webEditOnlyTobacco: payload.webEditOnlyTobacco,\r\n});\r\n\r\n/**\r\n * Attempt to log in with a given username and password.\r\n * @param {string} history\r\n * @param {string} username\r\n * @param {string} password\r\n * @return {Function}\r\n */\r\nexport function logIn(history, username, password) {\r\n return async (dispatch, getState) => {\r\n try {\r\n dispatch(loggingIn(username, password));\r\n\r\n const entirePayload = await dispatch(postSysApi(\"login\", {username,password}));\r\n if( entirePayload.errorCode===202){\r\n dispatch( pushSystemMessage(entirePayload.displayMessage, messageType.error) );\r\n }\r\n else if( entirePayload.payload ){\r\n const payload = entirePayload.payload;\r\n await dispatch(loggedIn(payload, \"no\", \"serverName\"));\r\n\r\n if(payload.askCopyMyListsUponFirstLogin)\r\n {\r\n askCopyMylists(dispatch, getState, payload.askCopyMyListsUponFirstLogin);\r\n } \r\n\r\n if (payload.webEditOnlyTobacco) {\r\n history.replace(\"/history/tobacco\");\r\n } \r\n else if (!payload.isChainCustomer && !payload.isHubUser) {\r\n history.replace(\"/dashboard\");\r\n }\r\n else if (payload.isHubUser) { // TBD isHubCustomer\r\n history.replace(\"/dominoweb\");\r\n }\r\n // else if (payload.isDominoUser) { \r\n // history.replace(\"/dominoweb\");\r\n // }\r\n else if (payload.isChainCustomer && payload.chainIds && payload.chainIds.length > 1) {\r\n history.replace(\"/chainwebMulti\");\r\n }\r\n else if (payload.isChainCustomer) {\r\n history.replace(\"/chainwebSingle\");\r\n }\r\n \r\n dispatch(setCurrentLanguage(\"no\"));\r\n } else {\r\n dispatch( pushSystemMessage(\"Pålogging mislyktes: Ugyldig brukernavn eller passord\", messageType.error) );\r\n }\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Pålogging mislyktes: Ugyldig brukernavn eller passord\", messageType.error));\r\n } finally {\r\n dispatch({\r\n type: LOGIN_ATTEMPT_ENDED,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Displays message about future order lines\r\n * @param {Function} dispatch\r\n * @param {Function} getState\r\n * @param {string} message\r\n * @return {undefined}\r\n */\r\nfunction askCopyMylists(dispatch, getState, message)\r\n{\r\n //dispatch(pushSystemMessage(\"Nye fordelingsordre er nå lagret under fremtidige leveranser. Dine ordre vises i kalenderen\", messageType.message));\r\n\r\n dispatch(setModal(\r\n React.createElement(AskCopyMyListsModal, {\r\n askQuestion: {message},\r\n localization: createLocalization(getState()),\r\n deviceType: getState().view.deviceType,\r\n width: getState().view.innerWidth,\r\n copyLists: () => {\r\n // Close the modal\r\n dispatch(setModal(null));\r\n\r\n // If the notification is confirmed, confirm it on the server\r\n dispatch(copyMyListsFromOldWeb());\r\n \r\n },\r\n noAction: () => {\r\n // Close the modal\r\n dispatch(setModal(null));\r\n },\r\n })\r\n ));\r\n}\r\n\r\n\r\n/**\r\n * Copies my lists fro old web solution\r\n * @returns {function}\r\n */\r\nexport function copyMyListsFromOldWeb() {\r\n return async (dispatch) => {\r\n try {\r\n await dispatch(postApi(\"Product/CopyMyListsFromOldWeb\"));\r\n } catch(_) {\r\n //\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Displays message about future order lines\r\n * @param {object} localization\r\n * @param {Function} onCloseModalAndCheck\r\n * @return {undefined}\r\n */\r\nexport function displaySeasonLinesMessage(localization, onCloseModalAndCheck)\r\n{\r\n return async (dispatch, getState) => {\r\n if (!getState().authentication.seasonMessageConfirmed && !getState().modal.modal && localization.localizationData) {\r\n dispatch(setModal(\r\n React.createElement(PopupSeasonModal, {\r\n notification: {subject: \"Nye ordrelinjer\", body: \"Nye fordelningsordre er nå lagret under fremtidige leveranser. Vennligst se i kalenderen for å se fordelingen!\"},\r\n localization: localization,\r\n deviceType: getState().view.deviceType,\r\n width: getState().view.innerWidth,\r\n confirm: () => {\r\n dispatch({\r\n type: SET_SEASON_MESSAGE_CONFIRMED,\r\n });\r\n \r\n // Close the modal\r\n dispatch(onCloseModalAndCheck());\r\n },\r\n })\r\n ));\r\n } \r\n };\r\n}\r\n\r\n/**\r\n * Log out the current user.\r\n * @return {Function}\r\n */\r\nexport function confirmSeasonLineMessage() {\r\n return dispatch => {\r\n dispatch({\r\n type: SET_SEASON_MESSAGE_CONFIRMED,\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Log out the current user.\r\n * @param {string} history\r\n * @param {string} reason - Reason for logging out (optional)\r\n * @return {Function}\r\n */\r\nexport function logOut(history, reason = undefined) {\r\n return dispatch => {\r\n dispatch({\r\n type: LOGGED_OUT,\r\n reasonForLogOut: reason\r\n });\r\n if( history ){\r\n history.replace(reason ? `/login?ReasonForLogout=${reason}` : \"/login\");\r\n }\r\n location.reload(document.location.reload(true));\r\n };\r\n}\r\n\r\n/**\r\n * resets the password for a specific user. Will send out an email\r\n * @param {object} history\r\n * @param {string} id\r\n * @return {Function}\r\n */\r\nexport function resetPassword(history, id) {\r\n return async (dispatch) => {\r\n try {\r\n await dispatch(postSysApi(\"Account/ResetPasswordCommand\", {userName:id}));\r\n\r\n dispatch(pushSystemMessage(\"Det er sendt en e-post med instruksjoner for tilbakestilling av passordet ditt\", messageType.message));\r\n // if( history ){\r\n // history.goBack();\r\n // }\r\n //location.reload(document.location.reload(true));\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"API Tilbakestill passord mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n/**\r\n * Sets a new password for a specific customer. (token is received by email in a link)\r\n * @param {object} history\r\n * @param {string} token\r\n * @param {string} cusNo\r\n * @param {string} newPassword\r\n * @return {Function}\r\n */\r\nexport function setNewPassword(history, token, cusNo, newPassword) {\r\n return async (dispatch) => {\r\n //const {payload} = await dispatch(postSysApi(\"ResetPasswordCommand\", {userName:cusNo ,email:email}));\r\n await dispatch(postSysApi(\"Account/ConfirmEmailCommand\", {userName:cusNo ,token:token, password:newPassword}));\r\n //TODO\r\n if( history ){\r\n history.replace(\"/login\");\r\n }\r\n location.reload(document.location.reload(true));\r\n };\r\n}\r\n\r\nexport const REFRESHING_TOKEN = \"REFRESHING_TOKEN\";\r\n\r\nexport const FAILED_TO_REFRESH_TOKEN = \"FAILED_TO_REFRESH_TOKEN\";\r\n\r\nexport const REFRESHED_TOKEN = \"REFRESHED_TOKEN\";\r\n\r\nconst refreshingToken = () => ({\r\n type: REFRESHING_TOKEN\r\n});\r\n\r\nconst failedToRefreshToken = () => ({\r\n type: FAILED_TO_REFRESH_TOKEN\r\n});\r\n\r\n/**\r\n * Checks that the JWT in the redux store is still valid. If it is valid for less than the specified number of seconds, a new JWT is fetched from the server.\r\n * If the JWT is invalid, the user is automatically logged out.\r\n * @param {number} refreshIfValidForLessThanSeconds\r\n * @param {object} history\r\n * @return {Function}\r\n */\r\nexport function validateAndRefreshToken(refreshIfValidForLessThanSeconds, history) {\r\n return async (dispatch, getState) => {\r\n const {token, refreshToken, tokenValidUntil, refreshing, loggingIn} = getState().authentication;\r\n\r\n if (!token || !tokenValidUntil) {\r\n dispatch(logOut(history, \"Invalid token\"));\r\n } else if ((tokenValidUntil - Date.now()) < 0) {\r\n dispatch(logOut(history, \"Login session expired\"));\r\n } else if (!refreshing && !loggingIn && ((tokenValidUntil - Date.now()) <= (refreshIfValidForLessThanSeconds * 1000))) {\r\n dispatch(refreshingToken());\r\n try {\r\n const {payload} = await dispatch(postSysApi(\"refresh\",{\"refreshToken\":refreshToken}));\r\n dispatch({\r\n type: REFRESHED_TOKEN,\r\n token: payload.accessToken,\r\n refreshToken: payload.refreshToken,\r\n tokenValidUntil: Date.now() + 1000 * 60 * payload.expiresInMinutes\r\n });\r\n //dispatch(setToday(payload.today));\r\n return payload.accessToken;\r\n } catch(error) {\r\n dispatch(failedToRefreshToken());\r\n if (error.errorType === NetworkError.ErrorType.UNAUTHORIZED) {\r\n logOut(history, \"Authorization check failed\");\r\n }\r\n logOut(history, \"Failed to refresh token.\");\r\n }\r\n }\r\n\r\n return token;\r\n };\r\n}\r\n\r\n/**\r\n * Requests a new JWT which impersonates another user. Only available for administrators. Is eventually followed up by a call\r\n * to stopImpersonating to go back to being the admin user. Calling this function will simulate a call to logout inbetween\r\n * which in turn clears out reducer data to default values.\r\n * \r\n * @param {object} history \r\n * @param {string} userName \r\n * @returns {func}\r\n */\r\nexport function impersonateUser(history, userName) {\r\n return async (dispatch) => {\r\n dispatch(loggingIn());\r\n try {\r\n const entirePayload = await dispatch(postApi(\"Account/ImpersonateUserCommand\", {\r\n userName\r\n }));\r\n\r\n if( entirePayload.payload ){\r\n const payload = entirePayload.payload;\r\n dispatch({\r\n type: LOGGED_OUT\r\n });\r\n dispatch(loggedIn(payload, \"no\", \"serverName\"));\r\n if (payload.webEditOnlyTobacco) {\r\n history.replace(\"/history/tobacco\");\r\n }\r\n else if (!payload.isChainCustomer) {\r\n history.replace(\"/dashboard\");\r\n }\r\n else if (payload.isChainCustomer && payload.chainIds && payload.chainIds.length > 1) {\r\n history.replace(\"/chainwebMulti\");\r\n }\r\n else if (payload.isChainCustomer) {\r\n history.replace(\"/chainwebSingle\");\r\n }\r\n \r\n dispatch(setCurrentLanguage(\"no\"));\r\n } else {\r\n logOut(history, \"Etterligning mislyktes: Ugyldig brukernavn eller rettigheter\");\r\n }\r\n } catch(error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Etterligning mislyktes\", messageType.error));\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Requests a new JWT, which drops an impersonated user and goes back to being the admin user which called the\r\n * impersonateUser function. Can only be called while impersonating. Calling this function will simulate a call to logout inbetween\r\n * which in turn clears out reducer data to default values.\r\n * @param {object} history\r\n * @returns {func}\r\n */\r\nexport function stopImpersonating(history) {\r\n return async (dispatch) => {\r\n dispatch(loggingIn());\r\n try {\r\n const entirePayload = await dispatch(postApi(\"Account/StopImpersonationCommand\"));\r\n\r\n if( entirePayload ){\r\n const payload = entirePayload.payload;\r\n dispatch({\r\n type: LOGGED_OUT\r\n });\r\n dispatch(loggedIn(payload, \"no\", \"serverName\"));\r\n if (!payload.isChainCustomer) {\r\n history.replace(\"/dashboard\");\r\n }\r\n else if (payload.isChainCustomer && payload.chainIds && payload.chainIds.length > 1) {\r\n history.replace(\"/chainwebMulti\");\r\n }\r\n else if (payload.isChainCustomer) {\r\n history.replace(\"/chainwebSingle\");\r\n }\r\n \r\n dispatch(setCurrentLanguage(\"no\"));\r\n } else {\r\n logOut(history, \"Etterligning mislyktes: Ugyldige rettigheter.\");\r\n }\r\n } catch(error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Etterligning mislyktes\", messageType.error));\r\n }\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Get web site status\r\n * @returns {func}\r\n */\r\nexport function getWebSiteStatus(){\r\n return async (dispatch) => {\r\n try {\r\n\r\n const {payload} = await dispatch(getApi(\"Account/WebSiteStatusQuery\"));\r\n\r\n // Store query results\r\n await dispatch({\r\n type: SET_WEBSITE_STATUS_RESULTS,\r\n webIsClosed: payload.webIsClosed,\r\n message: payload.message,\r\n });\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Kontroll av web site status mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Checks if web site is closed for maintenance displays warning popup \r\n * @return {function}\r\n */\r\nexport function checkIfWebSiteIsClosed() {\r\n return async (dispatch, getState) => {\r\n const loading = dispatch(getWebSiteStatus());\r\n await loading;\r\n const { webSiteClosed, webSiteClosedMessage, userConfirmedWebSiteClosedMessage } = getState().authentication;\r\n\r\n if (webSiteClosed && webSiteClosedMessage !== \"\" && !userConfirmedWebSiteClosedMessage && !getState().modal.modal) {\r\n // There is no active modal and we have at least one unread popup notification. Create a modal.\r\n dispatch(setModal(\r\n React.createElement(PopupNotificationModal, {\r\n notification: {subject: \"Kundeweb stenges for vedlikehold\", body: webSiteClosedMessage},\r\n localization: createLocalization(getState()),\r\n deviceType: getState().view.deviceType,\r\n width: getState().view.innerWidth,\r\n confirm: () => {\r\n // Set status to avoid further pop ups \r\n dispatch({\r\n type: SET_WEBSITE_MESSAGE_CONFIRMED,\r\n });\r\n\r\n // Close the modal\r\n dispatch(setModal(null));\r\n },\r\n remindLater: (dismissModal) => {\r\n if (dismissModal) {\r\n dispatch(setModal(null));\r\n }\r\n }\r\n })\r\n ));\r\n }\r\n };\r\n}","import {validateCusNo, validatePassword} from \"../util/validators.js\";\r\n\r\nimport ChangePasswordPage from \"../components/ChangePasswordPage.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport {createLocalization} from \"../util/localization.jsx\";\r\nimport {getQueryParameters} from \"../util/location.js\";\r\nimport {setCurrentLanguage} from \"../actions/userSettings\";\r\nimport {setNewPassword} from \"../actions/authentication.js\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const queryParameters = getQueryParameters(ownProps.location.search);\r\n const token = decodeURIComponent(ownProps.match.params.token);\r\n\r\n return {\r\n authentication: state.authentication,\r\n clientOutOfDate: state.view.clientOutOfDate,\r\n currentLanguage: state.userSettings ? state.userSettings.currentLanguage : 0,\r\n deviceType: state.view.deviceType,\r\n downloadingLocalization: state.localization.downloading,\r\n localization: createLocalization(state),\r\n loggingIn: state.authentication.loggingIn,\r\n reasonForFailedLogin: queryParameters.ReasonForLogout ? queryParameters.ReasonForLogout : state.authentication.loginForm.reasonForFailedLogin,\r\n resetPasswordToken: token,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n setCurrentLanguage,\r\n setNewPassword,\r\n validateCusNo,\r\n validatePassword,\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(ChangePasswordPage);","import \"../../../styles/login.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\n\r\nimport {Localization} from \"../util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"./ResponsiveRows.jsx\";\r\nimport TextField from \"./TextField.jsx\";\r\n\r\nimport bg from \"../../../assets/images/bg.png\";\r\nimport logo from \"../../../assets/images/engrospartner_logo.png\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass ForgotPasswordPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n id: \"\",\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.resetPassword = this.resetPassword.bind(this);\r\n this.onClickCancel = this.onClickCancel.bind(this);\r\n this.validateId = this.validateId.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.setCurrentLanguage(\"no\");\r\n }\r\n\r\n onChange(change) {\r\n this.setState(change);\r\n }\r\n\r\n resetPassword(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.resetPassword(this.props.history, this.state.id);\r\n }\r\n\r\n onClickCancel(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n this.props.history.replace(\"/dashboard\");\r\n }\r\n\r\n validateId(str) {\r\n const {\r\n validateEmail,\r\n validateCusNo,\r\n } = this.props;\r\n return validateCusNo(str) || validateEmail(str);\r\n }\r\n\r\n render(){\r\n const {\r\n loggingIn,\r\n localization,\r\n } = this.props;\r\n\r\n const canSubmit = !loggingIn && this.validateId(this.state.id);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {localization.text(\"login\",\"enterCustomerNumberAndEmail\")}\r\n
\r\n \r\n \r\n
\r\n \r\n Kolly Tool 2019 @ All rights reserved.\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nForgotPasswordPage.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n setCurrentLanguage: PropTypes.func.isRequired,\r\n loggingIn: PropTypes.bool.isRequired,\r\n resetPassword: PropTypes.func.isRequired,\r\n validateEmail: PropTypes.func.isRequired,\r\n validateCusNo: PropTypes.func.isRequired,\r\n history: PropTypes.object,\r\n};\r\n\r\nexport default withRouter(ForgotPasswordPage);","import { logIn, resetPassword, validateAndRefreshToken } from \"../actions/authentication.js\";\r\nimport { validateCusNo, validateEmail } from \"../util/validators.js\";\r\n\r\nimport ForgotPasswordPage from \"../components/ForgotPasswordPage.jsx\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { createLocalization } from \"../util/localization.jsx\";\r\nimport { getQueryParameters } from \"../util/location.js\";\r\nimport { setCurrentLanguage } from \"../actions/userSettings\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const queryParameters = getQueryParameters(ownProps.location.search);\r\n\r\n return {\r\n authentication: state.authentication,\r\n clientOutOfDate: state.view.clientOutOfDate,\r\n currentLanguage: state.userSettings ? state.userSettings.currentLanguage : 0,\r\n deviceType: state.view.deviceType,\r\n downloadingLocalization: state.localization.downloading,\r\n localization: createLocalization(state),\r\n loggingIn: state.authentication.loggingIn,\r\n reasonForFailedLogin: queryParameters.ReasonForLogout ? queryParameters.ReasonForLogout : state.authentication.loginForm.reasonForFailedLogin,\r\n token: state.authentication.token,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n logIn,\r\n setCurrentLanguage,\r\n resetPassword,\r\n validateAndRefreshToken,\r\n validateEmail,\r\n validateCusNo,\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(ForgotPasswordPage);","import \"../../../styles/login.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\n\r\nimport {Localization} from \"../util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"./ResponsiveRows.jsx\";\r\nimport TextField from \"./TextField.jsx\";\r\n\r\nimport bg from \"../../../assets/images/bg.png\";\r\nimport logo from \"../../../assets/images/engrospartner_logo.png\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass LoginPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loginName: \"\",\r\n password: \"\",\r\n capsLock: false,\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.logIn = this.logIn.bind(this);\r\n this.onClickResetPassword = this.onClickResetPassword.bind(this);\r\n this.setCapsLockActive = this.setCapsLockActive.bind(this);\r\n\r\n this.validateUserName = this.validateUserName.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.setCurrentLanguage(\"no\");\r\n }\r\n\r\n onChange(change) {\r\n this.setState(change);\r\n }\r\n\r\n logIn(event) {\r\n const {\r\n logIn,\r\n history\r\n } = this.props;\r\n const {loginName, password} = this.state;\r\n event.stopPropagation();\r\n event.preventDefault();\r\n logIn(history, loginName, password);\r\n }\r\n\r\n onClickResetPassword() {\r\n this.props.history.replace(\"/login/forgotPassword\");\r\n }\r\n\r\n setCapsLockActive(status) {\r\n this.setState({\r\n capsLock: status,\r\n });\r\n }\r\n\r\n validateUserName(loginName) {\r\n return this.props.validateCusNo(loginName) || this.props.validateEmail(loginName);\r\n }\r\n\r\n render(){\r\n const {\r\n loggingIn,\r\n localization,\r\n validatePassword,\r\n } = this.props;\r\n\r\n //const canSubmit = (!loggingIn && this.validateUserName(this.state.loginName) && validatePassword(this.state.password)) || (this.state.loginName.length===0 && this.state.password===0);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {isDroppedDown===true && useBorder && (
\r\n \r\n
\r\n \r\n {localization.text(\"login\",\"signInToYourAccount\")}\r\n
\r\n \r\n \r\n
\r\n \r\n Kolly Tool 2019 @ All rights reserved.\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nLoginPage.propTypes = {\r\n authentication: PropTypes.object,\r\n clientOutOfDate: PropTypes.bool,\r\n changes: PropTypes.array,\r\n currentLanguage: PropTypes.string,\r\n deviceType: PropTypes.string.isRequired,\r\n downloadingLocalization: PropTypes.bool,\r\n history: PropTypes.object,\r\n localization: Localization.propTypes.isRequired,\r\n logIn: PropTypes.func.isRequired,\r\n loggingIn: PropTypes.bool,\r\n reasonForFailedLogin: PropTypes.string,\r\n setCurrentLanguage: PropTypes.func.isRequired,\r\n token: PropTypes.string,\r\n validateCusNo: PropTypes.func.isRequired,\r\n validateEmail: PropTypes.func.isRequired,\r\n validatePassword: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withRouter(LoginPage);","import {logIn, validateAndRefreshToken} from \"../actions/authentication.js\";\r\nimport {validateCusNo, validateEmail, validatePassword} from \"../util/validators.js\";\r\n\r\nimport LoginPage from \"../components/LoginPage.jsx\";\r\n\r\nimport {connect} from \"react-redux\";\r\nimport {createLocalization} from \"../util/localization.jsx\";\r\nimport {getQueryParameters} from \"../util/location.js\";\r\nimport {setCurrentLanguage} from \"../actions/userSettings\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const queryParameters = getQueryParameters(ownProps.location.search);\r\n\r\n return {\r\n authentication: state.authentication,\r\n clientOutOfDate: state.view.clientOutOfDate,\r\n currentLanguage: state.userSettings ? state.userSettings.currentLanguage : 0,\r\n deviceType: state.view.deviceType,\r\n downloadingLocalization: state.localization.downloading,\r\n localization: createLocalization(state),\r\n loggingIn: state.authentication.loggingIn,\r\n reasonForFailedLogin: queryParameters.ReasonForLogout ? queryParameters.ReasonForLogout : state.authentication.loginForm.reasonForFailedLogin,\r\n token: state.authentication.token,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n logIn,\r\n setCurrentLanguage,\r\n validateAndRefreshToken,\r\n validateCusNo,\r\n validateEmail,\r\n validatePassword,\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(LoginPage);","import { getApi, postApi } from \"../../common/actions/net\";\r\n\r\nexport const CUSTOMER_SUBSCRIPTIONS_LOADING = \"SUBSCRIPTIONS_LOADING\";\r\nexport const CUSTOMER_SUBSCRIPTIONS_LOADED = \"SUBSCRIPTIONS_LOADED\";\r\nexport const CUSTOMER_SUBSCRIPTIONS_FAILED = \"SUBSCRIPTIONS_FAILED\";\r\n\r\n/**\r\n * Laddar ner kundens egna inställningar för notifikationer\r\n * @returns {func}\r\n */\r\nexport function getOwnCustomerSubscriptions() {\r\n return async (dispatch) => {\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_LOADING\r\n });\r\n\r\n try {\r\n const {payload} = await dispatch(getApi(\"Customer/CustomerSubscriptionsQuery\"));\r\n\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_LOADED,\r\n subscriptions: payload\r\n });\r\n } catch(_) {\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_FAILED\r\n });\r\n }\r\n };\r\n}\r\n\r\nexport const CUSTOMER_SUBSCRIPTIONS_SAVING = \"CUSTOMER_SUBSCRIPTIONS_SAVING\";\r\nexport const CUSTOMER_SUBSCRIPTIONS_SAVED = \"CUSTOMER_SUBSCRIPTIONS_SAVED\";\r\nexport const CUSTOMER_SUBSCRIPTIONS_FAILED_SAVE = \"CUSTOMER_SUBSCRIPTIONS_FAILED_SAVE\";\r\n\r\n/**\r\n * Sparar kundens egna inställningar för notifikationer.\r\n * @param {Object} customerSubscriptions \r\n * @returns {func}\r\n */\r\nexport function saveCustomerSubscriptions(customerSubscriptions) {\r\n return async (dispatch) => {\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_SAVING\r\n });\r\n\r\n try {\r\n const requestData = {\r\n mailAddressDeliveryNote: customerSubscriptions.mailAddressDeliveryNote,\r\n mailAddressInvoice: customerSubscriptions.mailAddressInvoice,\r\n mailAddressMonthReport: customerSubscriptions.mailAddressMonthReport,\r\n subscriptions: customerSubscriptions.subscriptions\r\n };\r\n await dispatch(postApi(\"Customer/CustomerSubscriptionsCommand\", requestData));\r\n\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_SAVED,\r\n customerSubscriptions: requestData\r\n });\r\n } catch(_) {\r\n dispatch({\r\n type: CUSTOMER_SUBSCRIPTIONS_FAILED_SAVE\r\n });\r\n }\r\n };\r\n}","import {ContentTypes, getApi, postApi} from \"../../common/actions/net.js\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { createLocalizeFunction } from \"../../common/util/localization.jsx\";\r\nimport {setCurrentLanguage} from \"../../common/actions/userSettings.js\";\r\n\r\nexport const SET_CUSTOMER_INFO = \"SET_CUSTOMER_INFO\";\r\nexport const SET_CUSTOMER_LOGO = \"SET_CUSTOMER_LOGO\";\r\n\r\nexport const CONTACT_INFORMATION_SAVING = \"CONTACT_INFORMATION_SAVING\";\r\nexport const CONTACT_INFORMATION_SAVED = \"CONTACT_INFORMATION_SAVED\";\r\nexport const CONTACT_INFORMATION_FAILED = \"CONTACT_INFORMATION_FAILED\";\r\n\r\nexport const EDIT_CONTACT_INFORMATION = \"EDIT_CONTACT_INFORMATION\";\r\n\r\nconst setCustomerInfo = (customerInfo) => ({\r\n type: SET_CUSTOMER_INFO,\r\n customerInfo\r\n});\r\n\r\nconst setCustomerLogo = (logoUrl) => ({\r\n type: SET_CUSTOMER_LOGO,\r\n logoUrl\r\n});\r\n\r\n/**\r\n * sätter kundens välkomsinformation\r\n * @param {string} cusNo \r\n * @returns {func}\r\n */\r\nexport function getCustomerInfo(cusNo){\r\n return async (dispatch) => {\r\n try {\r\n dispatch(setCurrentLanguage(\"no\"));\r\n const {payload} = await dispatch(getApi(`Customer/GetCustomerWelcomeInfo/${cusNo ? cusNo : \"\"}`, {}));\r\n dispatch( setCustomerInfo(payload) );\r\n //get logo\r\n const url = await dispatch(getApi(`Customer/GetCustomerLogoImage/${payload.customerId}/${payload.logoImageFileName}`, {}, ContentTypes.JSON, ContentTypes.IMAGE));\r\n //const url = await dispatch(getApi(\"Customer/GetCustomerLogoImage\", {customerId: payload.customerId,imageName: payload.logoImageFileName}, ContentTypes.JSON, ContentTypes.IMAGE));\r\n dispatch( setCustomerLogo(url) );\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lasting av brukerinfo mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Laddar ner kundens egna välkomstinfo\r\n * @returns {func}\r\n */\r\nexport function getOwnCustomerWelcomeInfo() {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n const {payload} = await dispatch(getApi(`Customer/GetCustomerWelcomeInfo/${state.authentication.signedInAs}`, {}));\r\n dispatch( setCustomerInfo(payload) );\r\n };\r\n}\r\n\r\n/**\r\n * Sparar kontaktinformationen för den egna kunden.\r\n * @param {string} contact - Namn på kontaktpersonen\r\n * @param {string} email - Email till kontakpersonen\r\n * @param {string} mobile - Telefonnummer till kontaktpersonen\r\n * @param {string} [contact2] - Namn på kontaktperson 2\r\n * @param {string} [email2] - Email till kontakperson 2\r\n * @param {string} [mobile2] - Telefonnummer till kontaktperson 2\r\n * @returns {func}\r\n */\r\nexport function saveContactInformation(contact, email, mobile, contact2, email2, mobile2) {\r\n return async (dispatch, getState) => {\r\n dispatch({\r\n type: CONTACT_INFORMATION_SAVING\r\n });\r\n\r\n if (contact2) {\r\n if (contact2.trim().length === 0) {\r\n contact2 = null;\r\n }\r\n }\r\n\r\n if (email2) {\r\n if (email2.trim().length === 0) {\r\n email2 = null;\r\n }\r\n }\r\n\r\n if (mobile2) {\r\n if (mobile2.trim().length === 0) {\r\n mobile2 = null;\r\n }\r\n }\r\n\r\n try {\r\n await dispatch(postApi(\"Customer/CustomerContactsCommand\", {\r\n contact,\r\n email,\r\n mobile,\r\n contact2,\r\n email2,\r\n mobile2\r\n }));\r\n dispatch({\r\n type: CONTACT_INFORMATION_SAVED,\r\n contact,\r\n email,\r\n mobile,\r\n contact2,\r\n email2,\r\n mobile2\r\n });\r\n } catch (_) {\r\n dispatch({\r\n type: CONTACT_INFORMATION_FAILED\r\n });\r\n const localize = createLocalizeFunction(getState());\r\n \r\n dispatch(pushSystemMessage(localize(\"myAccount\", \"couldNotSave\"), localize(\"myAccount\", \"error\")));\r\n }\r\n };\r\n}","import \"../../../styles/input.scss\";\r\n\r\nimport React, {Component} from \"react\";\r\n\r\nimport {Link} from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nexport class TitleTabs extends Component {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render() {\r\n return(\r\n \r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\nTitleTabs.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nclass TitleTabClass extends Component {\r\n render() {\r\n const {\r\n deviceType,\r\n url,\r\n urlTest,\r\n label,\r\n onClick\r\n } = this.props;\r\n const path = this.props.location.pathname;\r\n const isTinyDevice = deviceType==\"xs\" || deviceType==\"sm\" || deviceType == \"md\";\r\n return onClick ? (\r\n \r\n {label}\r\n
\r\n ) : (\r\n \r\n {label}\r\n \r\n );\r\n }\r\n}\r\nTitleTabClass.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n urlTest: PropTypes.string,\r\n location: PropTypes.object,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nexport const TitleTab = withRouter(TitleTabClass);","import \"../../../styles/input.scss\";\r\n\r\nimport React, {Component} from \"react\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default class DropDownMenu extends Component {\r\n constructor(props){\r\n super(props);\r\n \r\n this.eatEvent = this.eatEvent.bind(this);\r\n\r\n this.setNodeBorder = this.setNodeBorder.bind(this);\r\n this.setNodeList = this.setNodeList.bind(this);\r\n }\r\n\r\n eatEvent(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n setNodeBorder(node) {\r\n this.nodeBorder = node;\r\n }\r\n setNodeList(node) {\r\n this.nodeList = node;\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n style,\r\n className,\r\n isDroppedDown,\r\n maxHeight,\r\n useBorder,\r\n } = this.props;\r\n\r\n return(\r\n )}\r\n
\r\n {children}\r\n
\r\n {isDroppedDown===false && useBorder && ()}\r\n \r\n );\r\n }\r\n}\r\n\r\nDropDownMenu.propTypes = {\r\n maxHeight: PropTypes.number,\r\n isDroppedDown: PropTypes.bool,\r\n children: PropTypes.node,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n useBorder: PropTypes.bool,\r\n};\r\nDropDownMenu.defaultProps = {\r\n isDroppedDown: true,\r\n useBorder: true,\r\n};","import \"../../../styles/kjedeweb/menu.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"../../common/components/Icon.jsx\";\r\nimport { Localization, createLocalization } from \"../../common/util/localization.jsx\";\r\nimport { logOut, stopImpersonating } from \"../../common/actions/authentication.js\";\r\n\r\nimport DropDownMenu from \"../../common/components/DropDownMenu.jsx\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setModal } from \"../../common/actions/modal\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass ChainMenuDropdownItem extends React.PureComponent {\r\n render() {\r\n const {\r\n icon,\r\n label,\r\n onClick\r\n } = this.props;\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nChainMenuItem.propTypes = {\r\n activeMenu: PropTypes.string,\r\n children: PropTypes.node,\r\n dropDownStyle: PropTypes.object,\r\n icon: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n number: PropTypes.number,\r\n onClick: PropTypes.func.isRequired,\r\n side: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = () => {\r\n return state => {\r\n return {\r\n chainUser: state.authentication.email,\r\n deviceType: state.view.deviceType,\r\n innerWidth: state.view.innerWidth,\r\n isImpersonated: state.authentication.isImpersonated,\r\n localization: createLocalization(state),\r\n view: state.view,\r\n };\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n logOut,\r\n setModal,\r\n stopImpersonating\r\n};\r\n\r\nclass ChainMenu extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n menu: null\r\n };\r\n\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickLogout = this.onClickLogout.bind(this);\r\n this.onClickAccountAndSettings = this.onClickAccountAndSettings.bind(this);\r\n this.onClickStopImpersonating = this.onClickStopImpersonating.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n }\r\n\r\n onClick(e, whatMenu) {\r\n if (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n if (whatMenu !== this.state.menu) {\r\n this.setState({ menu: whatMenu });\r\n } else {\r\n this.setState({ menu: null });\r\n }\r\n }\r\n onClickLogout() {\r\n const {\r\n history,\r\n logOut\r\n } = this.props;\r\n logOut(history, \"Logged out\");\r\n }\r\n\r\n onClickAccountAndSettings(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.history.push(\"/account_settings\");\r\n this.setState({ menu: null });\r\n }\r\n\r\n onClickStopImpersonating(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.stopImpersonating(this.props.history);\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n } = this.props;\r\n\r\n const path = this.props.location.pathname;\r\n const links = [\r\n {\r\n url: \"/chainsortiment/all\",\r\n urlTest: \"/chainsortiment\",\r\n label: localization.text(\"chainMenu\", \"chainSortiment\")\r\n }, {\r\n url: \"/epixsortiment\",\r\n urlTest: \"/epixsortiment\",\r\n label: localization.text(\"chainMenu\", \"epixSortiment\")\r\n },\r\n ];\r\n const components = [];\r\n for (let i = 0; i < links.length; i++) {\r\n components[components.length] = (\r\n \r\n );\r\n }\r\n}\r\n\r\nDominosMenuItem.propTypes = {\r\n activeMenu: PropTypes.string,\r\n children: PropTypes.node,\r\n dropDownStyle: PropTypes.object,\r\n icon: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n number: PropTypes.number,\r\n onClick: PropTypes.func.isRequired,\r\n side: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = () => {\r\n return state => {\r\n return {\r\n dominosUser: state.authentication.email,\r\n deviceType: state.view.deviceType,\r\n innerWidth: state.view.innerWidth,\r\n isImpersonated: state.authentication.isImpersonated,\r\n localization: createLocalization(state),\r\n view: state.view,\r\n };\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n logOut,\r\n setModal,\r\n stopImpersonating\r\n};\r\n\r\nclass DominosMenu extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n menu: null\r\n };\r\n\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickLogout = this.onClickLogout.bind(this);\r\n this.onClickAccountAndSettings = this.onClickAccountAndSettings.bind(this);\r\n this.onClickStopImpersonating = this.onClickStopImpersonating.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n }\r\n\r\n onClick(e, whatMenu) {\r\n if (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n if (whatMenu !== this.state.menu) {\r\n this.setState({ menu: whatMenu });\r\n } else {\r\n this.setState({ menu: null });\r\n }\r\n }\r\n onClickLogout() {\r\n const {\r\n history,\r\n logOut\r\n } = this.props;\r\n logOut(history, \"Logged out\");\r\n }\r\n\r\n onClickAccountAndSettings(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.history.push(\"/account_settings\");\r\n this.setState({ menu: null });\r\n }\r\n\r\n onClickStopImpersonating(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.stopImpersonating(this.props.history);\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n } = this.props;\r\n\r\n const path = this.props.location.pathname;\r\n const links = [\r\n {\r\n url: \"/production\",\r\n urlTest: \"/production\",\r\n label: localization.text(\"dominosmenu\", \"production\")\r\n },\r\n ];\r\n const components = [];\r\n for (let i = 0; i < links.length; i++) {\r\n components[components.length] = (\r\n \r\n );\r\n }\r\n}\r\n\r\nHubMenuItem.propTypes = {\r\n activeMenu: PropTypes.string,\r\n children: PropTypes.node,\r\n dropDownStyle: PropTypes.object,\r\n icon: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n number: PropTypes.number,\r\n onClick: PropTypes.func.isRequired,\r\n side: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = () => {\r\n return state => {\r\n return {\r\n hubUser: state.authentication.email,\r\n deviceType: state.view.deviceType,\r\n innerWidth: state.view.innerWidth,\r\n isImpersonated: state.authentication.isImpersonated,\r\n localization: createLocalization(state),\r\n view: state.view,\r\n };\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n logOut,\r\n setModal,\r\n stopImpersonating\r\n};\r\n\r\nclass HubMenu extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n menu: null\r\n };\r\n\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickLogout = this.onClickLogout.bind(this);\r\n this.onClickAccountAndSettings = this.onClickAccountAndSettings.bind(this);\r\n this.onClickStopImpersonating = this.onClickStopImpersonating.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n }\r\n\r\n onClick(e, whatMenu) {\r\n if (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n if (whatMenu !== this.state.menu) {\r\n this.setState({ menu: whatMenu });\r\n } else {\r\n this.setState({ menu: null });\r\n }\r\n }\r\n onClickLogout() {\r\n const {\r\n history,\r\n logOut\r\n } = this.props;\r\n logOut(history, \"Logged out\");\r\n }\r\n\r\n onClickAccountAndSettings(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.history.push(\"/account_settings\");\r\n this.setState({ menu: null });\r\n }\r\n\r\n onClickStopImpersonating(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.stopImpersonating(this.props.history);\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n } = this.props;\r\n\r\n const path = this.props.location.pathname;\r\n const links = [\r\n {\r\n url: \"/overview\",\r\n urlTest: \"/overview\",\r\n label: localization.text(\"hubMenu\", \"overview\")\r\n }, {\r\n url: \"/production\",\r\n urlTest: \"/production\",\r\n label: localization.text(\"hubMenu\", \"production\")\r\n },\r\n ];\r\n const components = [];\r\n for (let i = 0; i < links.length; i++) {\r\n components[components.length] = (\r\n \r\n );\r\n }\r\n}\r\n\r\nAllNotificationsModal.propTypes = {\r\n groupedNotifications: PropTypes.array.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n markNotificationAsConfirmed: PropTypes.func.isRequired,\r\n loadNotifications: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired\r\n};","/**\r\n * Generatorfunktion som itererar över alla element i en array ifall de inte filtreras bort och sedan applicerar en map-funktion på dem.\r\n * @param {array} array \r\n * @param {function} [filterFunction]\r\n * @param {function} mapFunction \r\n * @param {function} [postFilterFunction]\r\n * @returns {*}\r\n */\r\nexport function* mapArrayGenerator(array, filterFunction, mapFunction, postFilterFunction) {\r\n if (!array) {\r\n return;\r\n }\r\n\r\n let idx = 0;\r\n\r\n for (const value of array) {\r\n if (filterFunction && !filterFunction(value)) {\r\n continue;\r\n }\r\n\r\n const result = mapFunction(value, idx++);\r\n \r\n if (postFilterFunction && !postFilterFunction(result)) {\r\n continue;\r\n }\r\n\r\n yield result;\r\n }\r\n}\r\n\r\n/**\r\n * Generatorfunktion som itererar över alla element i en array i omvänd ordning ifall de inte filtreras bort och sedan applicerar en map-funktion på dem.\r\n * @param {array} array \r\n * @param {function} [filterFunction]\r\n * @param {function} mapFunction \r\n * @param {function} [postFilterFunction]\r\n * @returns {*}\r\n */\r\nexport function* reverseMapArrayGenerator(array, filterFunction, mapFunction, postFilterFunction) {\r\n if (!array) {\r\n return;\r\n }\r\n\r\n let idx = 0;\r\n\r\n for (let i = array.length - 1; i >= 0; i--) {\r\n const value = array[i];\r\n\r\n if (filterFunction && !filterFunction(value)) {\r\n continue;\r\n }\r\n\r\n const result = mapFunction(value, idx++);\r\n \r\n if (postFilterFunction && !postFilterFunction(result)) {\r\n continue;\r\n }\r\n\r\n yield result;\r\n }\r\n}\r\n\r\n/**\r\n * Applicerar mapFunction på alla värden i en array som inte filtrerats bort.\r\n * @param {array} array \r\n * @param {function} [filterFunction]\r\n * @param {function} mapFunction\r\n * @param {function} [postFilterFunction]\r\n * @returns {Array}\r\n */\r\nexport function filterMap(array, filterFunction, mapFunction, postFilterFunction) {\r\n return Array.from(mapArrayGenerator(array, filterFunction, mapFunction, postFilterFunction));\r\n}\r\n\r\n/**\r\n * Skapar en iterator över resultatet att anropa mapFunction på alla värden i en array som inte filtrerats bort.\r\n * @param {array} array \r\n * @param {function} [filterFunction]\r\n * @param {function} mapFunction\r\n * @param {function} [postFilterFunction]\r\n * @returns {iterator}\r\n */\r\nexport function filterMapIterator(array, filterFunction, mapFunction, postFilterFunction) {\r\n return {\r\n *[Symbol.iterator]() {\r\n yield* mapArrayGenerator(array, filterFunction, mapFunction, postFilterFunction);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Applicerar mapFunction på alla värden i en array som inte filtrerats bort i omvänd ordning.\r\n * @param {array} array \r\n * @param {function} [filterFunction]\r\n * @param {function} mapFunction \r\n * @param {function} [postFilterFunction]\r\n * @returns {Array}\r\n */\r\nexport function reverseMap(array, filterFunction, mapFunction, postFilterFunction) {\r\n return Array.from(reverseMapArrayGenerator(array, filterFunction, mapFunction, postFilterFunction));\r\n}\r\n\r\n/**\r\n * Counts the number of elements in an array for which the supplied function returns true.\r\n * @param {*[]} array0 - An array of elements.\r\n * @param {function(*)} test - A function which will be passed every element in the array.\r\n * @return {number}\r\n */\r\nexport function countMatches(array0, test) {\r\n return array0.reduce((count, current) => test(current) ? count + 1 : count, 0);\r\n}\r\n\r\n/**\r\n * Sorts an array with multiple functions, if one function returns 0 then the next function will be tested.\r\n * This is needed, because sort() is not guaranteed to be stable.\r\n * @param {Array} array0 - An array of elements.\r\n * @param {Array} arrayOfSortFunctions - An array of functions that will be used for sorting\r\n * @return {undefined}\r\n */\r\nexport function sortArrayBy(array0, arrayOfSortFunctions) {\r\n array0.sort( (a,b) => {\r\n let result = 0;\r\n for (let i = 0; i < arrayOfSortFunctions.length && result == 0; i++) {\r\n result = arrayOfSortFunctions[i](a,b);\r\n }\r\n return result;\r\n });\r\n}\r\n\r\n/**\r\n * Checks if two arrays are shallowly equal (=== on all elements and same length).\r\n * @param {Array} array0 \r\n * @param {Array} array1 \r\n * @returns {boolean}\r\n */\r\nexport function arraysAreShallowlyEqual(array0, array1) {\r\n if (array0 === array1) {\r\n return true;\r\n } else if ((array0 && !array1) || (!array0 && array1)) {\r\n return false;\r\n }\r\n\r\n if (array0.length !== array1.length) {\r\n return false;\r\n }\r\n\r\n for (const idx in array0) {\r\n if (!Object.is(array0[idx], array1[idx])) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n}\r\n\r\nconst EMPTY_ARRAY = [];\r\n\r\n/**\r\n * Returns a constant empty array.\r\n * @returns {Array}\r\n */\r\nexport function getConstEmptyArray() {\r\n if (process.env.NODE_ENV !== \"production\") {\r\n if (EMPTY_ARRAY.length !== 0) {\r\n throw new Error(\"EMPTY_ARRAY has been changed\");\r\n }\r\n }\r\n return EMPTY_ARRAY;\r\n}\r\n\r\n/**\r\n * Returns the last element of an array. null if empty.\r\n * @param {Array} array \r\n * @returns {*}\r\n */\r\nexport function lastElement(array) {\r\n if (!array) {\r\n return array;\r\n } else if (array.length > 0) {\r\n return array[array.length - 1];\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\n/**\r\n * \r\n * @param {*} object \r\n * @param {...any} path \r\n * @returns {*}\r\n */\r\nexport function getIn(object, ...path) {\r\n let root = object;\r\n for (const key of path) {\r\n if (root == null) {\r\n break;\r\n }\r\n \r\n const val = root[key];\r\n if (val == null) {\r\n root = null;\r\n break;\r\n } else {\r\n root = val;\r\n }\r\n }\r\n return root;\r\n}\r\n\r\n/**\r\n * Utility that checks if all values in array are equal. Returns true or false\r\n * @param {*} arr \r\n * @returns {boolean}\r\n */\r\nexport function allValuesEqual(arr){\r\n return arr.every( v => v === arr[0]);\r\n}","import {arraysAreShallowlyEqual} from \"./arrays.js\";\r\n\r\n/**\r\n * Utilityfunktion för att transformera en input ur vårt Redux state till en array eller ett objekt utan att varje gång skapa ett nytt objekt som output.\r\n * Givet exakt samma input kommer inte ens mapfunktionen anropas på nytt, så input till output måste vara deterministiskt.\r\n * \r\n * @param {Function} transformFunction - Deterministisk funktion som transformerar input (typiskt något i stil med \"state.authentication.signedInAs\") till ett outputobjekt eller en array.\r\n * @returns {Object?|Array?} - Givet samma input (med shallow comparison) som förra anropet samma objekt igen och annars det nya resultatet.\r\n */\r\nexport function createReselector(transformFunction) {\r\n let lastResult = undefined;\r\n let lastInputs = undefined;\r\n\r\n return (...input) => {\r\n if (arraysAreShallowlyEqual(lastInputs, input)) {\r\n return lastResult;\r\n }\r\n\r\n lastInputs = input;\r\n lastResult = transformFunction(...input);\r\n\r\n return lastResult;\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Skapar en konstant funktion lämplig att använda till onEdit funktioner som bind till gridens\r\n * column onEdit callback.\r\n * \r\n * Ex: \r\n * const myOnChangePallet = createBoundFunction();\r\n * \r\n * const mergeProps = (...) => ({\r\n * ...,\r\n * onChangePallet: myOnChangePallet((source, change) => dispatchProps.onChangePallet(ownProps.subSys, stateProps.changes, source, change))\r\n * });\r\n *\r\n * Ovanstående kod genererar en konstant funktion till onChangePallet som alltid blir den samma oavsett vilka övriga properties som ändras. \r\n * \r\n * @returns {func}\r\n */\r\nexport function createBoundFunction () {\r\n let myBoundFunction = undefined;\r\n const myFunction = (...args) => myBoundFunction(...args);\r\n return (func) => {\r\n myBoundFunction = func;\r\n return myFunction;\r\n };\r\n}\r\n","import { loadNotifications, markNotificationAsConfirmed } from \"../actions/notifications.js\";\r\n\r\nimport AllNotificationsModal from \"../components/AllNotificationsModal.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport { createLocalization } from \"../util/localization.jsx\";\r\nimport { createReselector } from \"../util/reselect.js\";\r\nimport moment from \"moment\";\r\nimport {setModal} from \"../actions/modal\";\r\n\r\nconst mapStateToProps = (state) => {\r\n const notificationsReselector = createReselector((notifications) => {\r\n const sorted = [...Object.values(notifications).map(n => ({\r\n ...n,\r\n fromDate: moment(n.fromDate)\r\n }))];\r\n\r\n sorted.sort((a, b) => b.fromDate.diff(a.fromDate));\r\n\r\n const NOTIFICATIONS_TO_SHOW = 25;\r\n\r\n const groupedNotifications = [];\r\n\r\n const currentDate = moment().startOf(\"date\");\r\n let group = null;\r\n\r\n for (let i = 0; (i < NOTIFICATIONS_TO_SHOW && i < sorted.length); i++) {\r\n const n = sorted[i];\r\n const diff = moment.duration(currentDate.diff(n.fromDate));\r\n const daysAgo = Math.max(0, diff.days());\r\n const monthsAgo = Math.max(0, diff.months());\r\n const yearsAgo = Math.max(0, diff.years());\r\n\r\n if (!group || (yearsAgo !== group.yearsAgo) || (yearsAgo === 0 && monthsAgo !== group.monthsAgo) || (yearsAgo === 0 && monthsAgo === 0 && daysAgo !== group.daysAgo)) {\r\n group = {\r\n daysAgo,\r\n monthsAgo,\r\n yearsAgo,\r\n notifications: [n]\r\n };\r\n\r\n groupedNotifications.push(group);\r\n } else {\r\n group.notifications.push(n);\r\n }\r\n }\r\n\r\n return groupedNotifications;\r\n });\r\n\r\n return {\r\n localization: createLocalization(state),\r\n groupedNotifications: notificationsReselector(state.notifications.notifications)\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n loadNotifications,\r\n markNotificationAsConfirmed,\r\n setModal\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(AllNotificationsModal);","import \"../../../styles/calendar.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\";\r\n\r\nimport {Localization} from \"../util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport moment from \"moment\";\r\n\r\nclass CalendarDate extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n onClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n if (this.props.onSelectDate && this.props.isValidDate(this.props.date)) {\r\n this.props.onSelectDate(this.props.date.format(\"YYYY-MM-DD\"));\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n date,\r\n hasAction,\r\n isDate,\r\n isPreviousDate,\r\n isSelectedMonth,\r\n isNextOrderDate,\r\n isToday,\r\n isValidDate,\r\n onSelectDate,\r\n hasOrderLines,\r\n hasNewSeasonLines,\r\n } = this.props;\r\n const dateHasAction = hasAction(date);\r\n const dateIsDate = isDate(date);\r\n const dateIsNextOrderDate = isNextOrderDate(date);\r\n const dateIsPreviousDate = isPreviousDate(date);\r\n const dateIsSelectedMonth = isSelectedMonth(date);\r\n const dateIsToday = isToday(date);\r\n const dateIsValidDate = isValidDate(date);\r\n const dateHasOrderLines = hasOrderLines(date);\r\n const dateHasNewSeasonLines = hasNewSeasonLines(date);\r\n const iconType = dateIsPreviousDate ? iconTypes.circleChecked : dateHasOrderLines ? iconTypes.box : iconTypes.circleInner;\r\n const color = dateIsNextOrderDate ? iconColor.red : dateHasOrderLines && dateIsDate && !dateIsNextOrderDate ? iconColor.white : undefined;\r\n\r\n return (\r\n \r\n );\r\n}\r\nCalenderDropdown.propTypes = {\r\n setDropDown: PropTypes.func,\r\n date: PropTypes.string,\r\n dropDown: PropTypes.bool,\r\n nextOrderDate: PropTypes.string,\r\n onSelectDate: PropTypes.func,\r\n previousDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n validDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n localization: Localization.propTypes.isRequired,\r\n deliveryDates: PropTypes.array.isRequired,\r\n newSeasonDistrDates: PropTypes.array.isRequired, \r\n};\r\n\r\n\r\nclass CalendarItem extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onSelectDate = this.onSelectDate.bind(this);\r\n }\r\n\r\n onSelectDate(date) {\r\n const {\r\n deliveryDates,\r\n setActiveOrder,\r\n } = this.props;\r\n for(let i=0; i0 ? moment(deliveryDates[0].deliveryDate).format(\"YYYY-MM-DD\") : \"\";\r\n const workingDate = moment(activeOrder.deliveryDate).format(\"YYYY-MM-DD\");\r\n const previousDates = [];\r\n const validDates = deliveryDates ? deliveryDates.map(item => {\r\n return moment(item.deliveryDate).format(\"YYYY-MM-DD\");\r\n }) : [];\r\n\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nChainMenuDropdownItem.propTypes = {\r\n icon: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n onClick: PropTypes.func\r\n};\r\n\r\n\r\nclass ChainMenuItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n onClick(e) {\r\n this.props.onClick(e, this.props.name);\r\n }\r\n render() {\r\n const {\r\n activeMenu,\r\n children,\r\n dropDownStyle,\r\n icon,\r\n name,\r\n side,\r\n number\r\n } = this.props;\r\n const isActive = activeMenu === name;\r\n const className = `top_bar_item ${side} ${isActive ? \"active_icon\" : \"\"}`;\r\n const currentColor = isActive ? iconColor.white : null;\r\n return (\r\n \r\n {label}\r\n
\r\n \r\n \r\n {children}\r\n \r\n )}\r\n
\r\n \r\n
\r\n {isActive && (\r\n \r\n {links[i].label}\r\n
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nChainMenu.propTypes = {\r\n chainUser: PropTypes.string.isRequired,\r\n deviceType: PropTypes.string,\r\n history: PropTypes.object,\r\n innerWidth: PropTypes.number.isRequired,\r\n isImpersonated: PropTypes.bool,\r\n location: PropTypes.object,\r\n localization: Localization.propTypes.isRequired,\r\n logOut: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n stopImpersonating: PropTypes.func.isRequired,\r\n view: PropTypes.object,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ChainMenu));\r\n","import \"../../../styles/kjedeweb/menu.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"../../common/components/Icon.jsx\";\r\nimport { Localization, createLocalization } from \"../../common/util/localization.jsx\";\r\nimport { logOut, stopImpersonating } from \"../../common/actions/authentication.js\";\r\n\r\nimport DropDownMenu from \"../../common/components/DropDownMenu.jsx\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setModal } from \"../../common/actions/modal\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass DominosMenuDropdownItem extends React.PureComponent {\r\n render() {\r\n const {\r\n icon,\r\n label,\r\n onClick\r\n } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {(this.props.isImpersonated) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDominosMenuDropdownItem.propTypes = {\r\n icon: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n onClick: PropTypes.func\r\n};\r\n\r\n\r\nclass DominosMenuItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n onClick(e) {\r\n this.props.onClick(e, this.props.name);\r\n }\r\n render() {\r\n const {\r\n activeMenu,\r\n children,\r\n dropDownStyle,\r\n icon,\r\n name,\r\n side,\r\n number\r\n } = this.props;\r\n const isActive = activeMenu === name;\r\n const className = `top_bar_item ${side} ${isActive ? \"active_icon\" : \"\"}`;\r\n const currentColor = isActive ? iconColor.white : null;\r\n return (\r\n \r\n {label}\r\n
\r\n \r\n \r\n {children}\r\n \r\n )}\r\n
\r\n \r\n
\r\n {isActive && (\r\n \r\n {links[i].label}\r\n
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nDominosMenu.propTypes = {\r\n dominosUser: PropTypes.string.isRequired,\r\n deviceType: PropTypes.string,\r\n history: PropTypes.object,\r\n innerWidth: PropTypes.number.isRequired,\r\n isImpersonated: PropTypes.bool,\r\n location: PropTypes.object,\r\n localization: Localization.propTypes.isRequired,\r\n logOut: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n stopImpersonating: PropTypes.func.isRequired,\r\n view: PropTypes.object,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DominosMenu));\r\n","import \"../../../styles/kjedeweb/menu.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"../../common/components/Icon.jsx\";\r\nimport { Localization, createLocalization } from \"../../common/util/localization.jsx\";\r\nimport { logOut, stopImpersonating } from \"../../common/actions/authentication.js\";\r\n\r\nimport DropDownMenu from \"../../common/components/DropDownMenu.jsx\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setModal } from \"../../common/actions/modal\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass HubMenuDropdownItem extends React.PureComponent {\r\n render() {\r\n const {\r\n icon,\r\n label,\r\n onClick\r\n } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {(this.props.isImpersonated) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nHubMenuDropdownItem.propTypes = {\r\n icon: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n onClick: PropTypes.func\r\n};\r\n\r\n\r\nclass HubMenuItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n onClick(e) {\r\n this.props.onClick(e, this.props.name);\r\n }\r\n render() {\r\n const {\r\n activeMenu,\r\n children,\r\n dropDownStyle,\r\n icon,\r\n name,\r\n side,\r\n number\r\n } = this.props;\r\n const isActive = activeMenu === name;\r\n const className = `top_bar_item ${side} ${isActive ? \"active_icon\" : \"\"}`;\r\n const currentColor = isActive ? iconColor.white : null;\r\n return (\r\n \r\n {label}\r\n
\r\n \r\n \r\n {children}\r\n \r\n )}\r\n
\r\n \r\n
\r\n {isActive && (\r\n \r\n {links[i].label}\r\n
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nHubMenu.propTypes = {\r\n hubUser: PropTypes.string.isRequired,\r\n deviceType: PropTypes.string,\r\n history: PropTypes.object,\r\n innerWidth: PropTypes.number.isRequired,\r\n isImpersonated: PropTypes.bool,\r\n location: PropTypes.object,\r\n localization: Localization.propTypes.isRequired,\r\n logOut: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n stopImpersonating: PropTypes.func.isRequired,\r\n view: PropTypes.object,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(HubMenu));\r\n","/**\r\n * Async-version av sleep.\r\n * @param {number} ms \r\n * @returns {Promise}\r\n */\r\nexport function sleep(ms) {\r\n return new Promise(resolve => setTimeout(resolve, ms));\r\n}\r\n\r\n/**\r\n * Skapa en flow-control-funktion som per anrop tar en funktion som argument (som sedan förväntas ge tillbaka en promise / async). Flow-control kommer\r\n * serialisera de anrop som görs till den så att bara en callback-funktion anropas i taget och den kommer endast anropa den sista som finns i kö.\r\n * @param {number} timeout - Default-tid för hur lång tid flow-control-funktionen väntar innan den anropar den funktion som kontrolleras\r\n * @returns {func}\r\n */\r\nexport function createFlowControl(timeout = 500) {\r\n let promise = Promise.resolve();\r\n let totalCount = 0;\r\n\r\n return async (promiseGeneratingCallback, overrideTimeout = timeout) => {\r\n totalCount++;\r\n const count = totalCount;\r\n\r\n if (overrideTimeout > 0) {\r\n await Promise.all([sleep(overrideTimeout), promise]);\r\n } else {\r\n await promise;\r\n }\r\n\r\n if (count === totalCount) {\r\n promise = promiseGeneratingCallback();\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Skapa en utility som serialiserar anrop till asynkrona funktioner.\r\n * @returns {func}\r\n */\r\nexport function createSerializer() {\r\n let promise = Promise.resolve();\r\n\r\n return async (promiseGeneratingCallback) => {\r\n await promise;\r\n promise = promiseGeneratingCallback();\r\n \r\n return promise;\r\n };\r\n}","import { getApi, postApi } from \"./net\";\r\n\r\nimport PopupNotificationModal from \"../components/PopupNotificationModal\";\r\nimport React from \"react\";\r\nimport { createLocalization } from \"../util/localization\";\r\nimport { createSerializer } from \"../util/flowControl\";\r\nimport moment from \"moment\";\r\nimport { setModal } from \"./modal\";\r\n\r\nexport const NOTIFICATIONS_LOADING = \"NOTIFICATIONS_LOADING\";\r\nexport const NOTIFICATIONS_LOADED = \"NOTIFICATIONS_LOADED\";\r\nexport const NOTIFICATIONS_FAILED_TO_LOAD = \"NOTIFICATIONS_FAILED_TO_LOAD\";\r\nexport const NOTIFICATION_UPDATE_CONFIRMED_DATE = \"NOTIFICATION_UPDATE_CONFIRMED_DATE\";\r\nexport const NOTIFICATION_DISMISSED = \"NOTIFICATION_DISMISSED\";\r\n\r\nconst NOTIFICATIONS_SERIALIZER = createSerializer();\r\n\r\n/**\r\n * Marks a notification as read.\r\n * @param {number} notificationId\r\n * @returns {function}\r\n */\r\nexport function markNotificationAsConfirmed(notificationId) {\r\n return async (dispatch) => {\r\n const date = moment().utcOffset(\"+02:00\");\r\n\r\n try {\r\n dispatch({\r\n type: NOTIFICATION_UPDATE_CONFIRMED_DATE,\r\n notificationId,\r\n date\r\n });\r\n\r\n await dispatch(postApi(\"Notification/ConfirmWebNotificationCommand\", {\r\n webNotificationId: notificationId\r\n }));\r\n } catch(_) {\r\n //\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Formatera API-anropet för att hämta notifikationer\r\n * @param {boolean} onlyMustRead \r\n * @param {number} skip \r\n * @param {number} take \r\n * @returns {object}\r\n */\r\nfunction doLoadNotifications(onlyMustRead, skip, take) {\r\n return getApi(\"Notification/WebNotificationsQuery\", {\r\n OnlyMustRead: onlyMustRead,\r\n OnlyUnconfirmed: onlyMustRead,\r\n Skip: skip,\r\n Take: take\r\n });\r\n}\r\n\r\n/**\r\n * Loads notifications from the server.\r\n * @param {bool} onlyMustRead \r\n * @param {number} skip \r\n * @param {number} take \r\n * @returns {func}\r\n */\r\nexport function loadNotifications(onlyMustRead = false, skip = 0, take = 10) {\r\n return (dispatch) => {\r\n return NOTIFICATIONS_SERIALIZER(async () => {\r\n dispatch({\r\n type: NOTIFICATIONS_LOADING\r\n });\r\n\r\n try {\r\n const {payload} = await dispatch(doLoadNotifications(onlyMustRead, skip, take));\r\n\r\n const notifications = Object.assign({}, ...payload.map(n => ({\r\n [n.notificationId]: n\r\n })));\r\n\r\n dispatch({\r\n type: NOTIFICATIONS_LOADED,\r\n notifications\r\n });\r\n\r\n return payload;\r\n } catch (_) {\r\n dispatch({\r\n type: NOTIFICATIONS_FAILED_TO_LOAD\r\n });\r\n }\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Laddar ner de senaste must-read-notifikationerna. Ifall det finns olästa, visa den första nedladdade som en modal.\r\n * @param {number} [skipUnconfirmedCount=0] Används då det rekursivt söks efter fler obekräftade notifikationer\r\n * @return {function}\r\n */\r\nexport function loadAndShowLatestMustReadNotification(skipUnconfirmedCount = 0) {\r\n return async (dispatch, getState) => {\r\n const loading = dispatch(loadNotifications());\r\n await loading;\r\n let notifications = getState().notifications.notifications;\r\n\r\n let unconfirmedNotification = Object.values(notifications).find(n => n.displayPopup && !n.confirmedDate && !n.dismissedOnClient);\r\n\r\n if (!unconfirmedNotification) {\r\n // If there are no unread popup notifications downloaded, download one unread popup notifications from the server\r\n await dispatch(loadNotifications(true, 0, 1));\r\n notifications = getState().notifications.notifications;\r\n unconfirmedNotification = Object.values(notifications).find(n => n.displayPopup && !n.confirmedDate && !n.dismissedOnClient);\r\n }\r\n\r\n if (unconfirmedNotification && !getState().modal.modal) {\r\n // There is no active modal and we have at least one unread popup notification. Create a modal.\r\n dispatch(setModal(\r\n React.createElement(PopupNotificationModal, {\r\n notification: unconfirmedNotification,\r\n localization: createLocalization(getState()),\r\n deviceType: getState().view.deviceType,\r\n width: getState().view.innerWidth,\r\n confirm: () => {\r\n // Close the modal\r\n dispatch(setModal(null));\r\n\r\n // If the notification is confirmed, confirm it on the server\r\n dispatch(markNotificationAsConfirmed(unconfirmedNotification.notificationId));\r\n\r\n // There may be more unconfirmed messages on the server - keep loading\r\n dispatch(loadAndShowLatestMustReadNotification(skipUnconfirmedCount));\r\n },\r\n remindLater: (dismissModal) => {\r\n if (dismissModal) {\r\n dispatch(setModal(null));\r\n }\r\n\r\n // If the notification is dismissed, tag it as read on the client only\r\n dispatch({\r\n type: NOTIFICATION_DISMISSED,\r\n notificationId: unconfirmedNotification.notificationId\r\n });\r\n\r\n // There may be more unconfirmed messages on the server - keep loading but offset by one since we have only confirmed locally\r\n dispatch(loadAndShowLatestMustReadNotification(skipUnconfirmedCount + 1));\r\n }\r\n })\r\n ));\r\n }\r\n };\r\n}\r\n","import \"../../../styles/allNotificationsModal.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\";\r\n\r\nimport { Localization } from \"../util/localization.jsx\";\r\nimport Modal from \"./Modal.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ReactMarkdown from \"react-markdown\";\r\nimport { createSerializer } from \"../util/flowControl\";\r\nimport moment from \"moment\";\r\n\r\nclass Notification extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.notification && !this.props.notification.confirmedDate && !this.props.notification.displayPopup) {\r\n // If a notification which isn't a popup (and needs an explicit confirm action) is dismissed, mark it as read\r\n this.props.markNotificationAsConfirmed(this.props.notification.notificationId);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n notification: {\r\n body,\r\n confirmedDate,\r\n fromDate,\r\n subject,\r\n dismissedOnClient\r\n }\r\n } = this.props;\r\n\r\n const unread = (confirmedDate == null) && !dismissedOnClient;\r\n const icon = iconTypes.checkboxChecked;\r\n const now = moment();\r\n const diff = Math.max(0, now.diff(fromDate));\r\n\r\n let timeAgo;\r\n if (diff < 15 * 60 * 1000) {\r\n timeAgo = localization.text(\"menu\", \"now\");\r\n } else if (diff < (60 * 60 * 1000)) {\r\n timeAgo = localization.text(\"menu\", \"xMinutesAgo\", {minutes: moment.duration(diff).minutes()});\r\n } else if (diff < (24 * 60 * 60 * 1000)) {\r\n timeAgo = localization.text(\"menu\", \"xHoursAgo\", {hours: moment.duration(diff).hours()});\r\n } else {\r\n timeAgo = \r\n \r\n \r\n
\r\n \r\n
\r\n {(this.props.isImpersonated) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {fromDate.format(\"D.M.YYYY\")}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nNotification.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n markNotificationAsConfirmed: PropTypes.func.isRequired,\r\n notification: PropTypes.object.isRequired\r\n};\r\n\r\nexport default class AllNotificationsModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.modalRef = React.createRef();\r\n\r\n this.serializer = createSerializer();\r\n this.state = {\r\n skipped: 0,\r\n hasMore: true\r\n };\r\n\r\n const loadMore = async () => {\r\n try {\r\n if (this.state.hasMore) {\r\n const notifications = await this.props.loadNotifications(false, this.state.skipped, 25);\r\n this.setState({\r\n skipped: this.state.skipped + 25,\r\n hasMore: notifications.length >= 25\r\n });\r\n }\r\n } catch (_) {\r\n this.setState({\r\n hasMore: false\r\n });\r\n } \r\n };\r\n\r\n this.serializedLoadMore = () => {\r\n this.serializer(loadMore);\r\n };\r\n\r\n this.onCloseModal = () => {};\r\n \r\n this.closeModal = (e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.setModal(null);\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.checkLoadMore = setInterval(() => {\r\n if (this.state.hasMore && this.modalRef.current) {\r\n const element = this.modalRef.current;\r\n if ((element.scrollHeight - element.scrollTop - element.clientHeight) < 200) {\r\n this.serializedLoadMore();\r\n }\r\n }\r\n }, 500);\r\n this.serializedLoadMore();\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.checkLoadMore) {\r\n clearInterval(this.checkLoadMore);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n markNotificationAsConfirmed,\r\n groupedNotifications\r\n } = this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {subject}\r\n
\r\n \r\n {timeAgo}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {localization.text(\"menu\", \"notifications\")}\r\n
\r\n \r\n \r\n {groupedNotifications.map((group, idx) => (\r\n \r\n \r\n ))}\r\n \r\n ))}\r\n
\r\n {group.yearsAgo > 0 ? localization.text(\"menu\", \"xYearsAgo\", {years: group.yearsAgo}) : (group.monthsAgo > 0 ? localization.text(\"menu\", \"xMonthsAgo\", {months: group.monthsAgo}) : group.daysAgo > 0 ? localization.text(\"menu\", \"xDaysAgo\", {days: group.daysAgo}) : localization.text(\"menu\", \"today\"))}
\r\n {group.notifications.map(notification => (\r\n \r\n \r\n ) \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nCalendarDate.propTypes = {\r\n date: PropTypes.object.isRequired,\r\n hasAction: PropTypes.func.isRequired,\r\n isDate: PropTypes.func.isRequired,\r\n isNextOrderDate: PropTypes.func.isRequired,\r\n isPreviousDate: PropTypes.func.isRequired,\r\n isSelectedMonth: PropTypes.func.isRequired,\r\n isToday: PropTypes.func.isRequired,\r\n isValidDate: PropTypes.func.isRequired,\r\n hasOrderLines: PropTypes.func.isRequired,\r\n hasNewSeasonLines: PropTypes.func.isRequired,\r\n onSelectDate: PropTypes.func\r\n};\r\n\r\nclass Calendar extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n date: undefined,\r\n prevDate: undefined,\r\n prevValidDates: undefined,\r\n prevPreviousDates: undefined,\r\n minDate: undefined,\r\n maxDate: undefined,\r\n visibleMonth: undefined,\r\n nextOrderDate: undefined,\r\n prevNextOrderDate: undefined\r\n };\r\n\r\n this.showPreviousMonth = this.showPreviousMonth.bind(this);\r\n this.showNextMonth = this.showNextMonth.bind(this);\r\n this.translateMonthName = this.translateMonthName.bind(this);\r\n this.isDate = this.isDate.bind(this);\r\n this.isToday = this.isToday.bind(this);\r\n this.isSelectedMonth = this.isSelectedMonth.bind(this);\r\n this.hasAction = this.hasAction.bind(this);\r\n this.isNextOrderDate = this.isNextOrderDate.bind(this);\r\n this.isPreviousDate = this.isPreviousDate.bind(this);\r\n this.isValidDate = this.isValidDate.bind(this);\r\n this.hasOrderLines = this.hasOrderLines.bind(this);\r\n this.hasNewSeasonLines = this.hasNewSeasonLines.bind(this);\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n let newState = null;\r\n let calculateRange = false;\r\n\r\n if (state.prevNextOrderDate !== props.nextOrderDate) {\r\n newState = newState || {};\r\n newState = {\r\n ...newState,\r\n prevNextOrderDate: props.nextOrderDate,\r\n nextOrderDate: moment(props. nextOrderDate).startOf(\"date\")\r\n };\r\n }\r\n\r\n if (state.prevDate !== props.date) {\r\n newState = newState || {};\r\n newState = {\r\n ...newState,\r\n date: moment(props.date).startOf(\"date\"),\r\n prevDate: props.date\r\n };\r\n calculateRange = true;\r\n }\r\n\r\n if (state.validDates === undefined || state.prevValidDates !== props.validDates) {\r\n newState = newState || {};\r\n newState = {\r\n ...newState,\r\n prevValidDates: props.validDates,\r\n validDates: new Set((props.validDates || []).map(d => moment(d).valueOf()))\r\n };\r\n\r\n calculateRange = true;\r\n }\r\n\r\n if (state.previousDates === undefined || state.prevPreviousDates !== props.previousDates) {\r\n newState = newState || {};\r\n newState = {\r\n ...newState,\r\n prevPreviousDates: props.previousDates,\r\n previousDates: new Set((props.previousDates || []).map(d => moment(d).valueOf()))\r\n };\r\n\r\n calculateRange = true;\r\n }\r\n\r\n if (props.minDate && props.maxDate)\r\n {\r\n newState = {\r\n ...newState,\r\n minDate: props.minDate,\r\n maxDate: props.maxDate\r\n };\r\n return newState; \r\n }\r\n\r\n if (calculateRange || !state.minDate || !state.maxDate) {\r\n if (props.date || ((newState.validDates || state.validDates).size + (newState.previousDates || state.previousDates).size) > 0) {\r\n let min = moment(\"2100-01-01\");\r\n let max = moment(\"1900-01-01\");\r\n\r\n if (props.date) {\r\n min = (newState.date || state.date).isBefore(min) ? (newState.date || state.date) : min;\r\n max = (newState.date || state.date).isAfter(max) ? (newState.date || state.date) : max;\r\n }\r\n\r\n if (props.nextOrderDate) {\r\n min = (newState.nextOrderDate || state.nextOrderDate).isBefore(min) ? (newState.nextOrderDate || state.nextOrderDate) : min;\r\n max = (newState.nextOrderDate || state.nextOrderDate).isAfter(max) ? (newState.nextOrderDate || state.nextOrderDate) : max;\r\n }\r\n\r\n for (const d of (newState.validDates || state.validDates)) {\r\n const m = moment(d);\r\n min = m.isBefore(min) ? m : min;\r\n max = m.isAfter(max) ? m : max;\r\n }\r\n\r\n for (const d of (newState.previousDates || state.previousDates)) {\r\n const m = moment(d);\r\n min = m.isBefore(min) ? m : min;\r\n max = m.isAfter(max) ? m : max;\r\n }\r\n\r\n newState = {\r\n ...newState,\r\n minDate: min,\r\n maxDate: max\r\n };\r\n } else {\r\n newState = {\r\n ...newState,\r\n minDate: moment().startOf(\"date\"),\r\n maxDate: moment().startOf(\"date\")\r\n };\r\n }\r\n }\r\n\r\n return newState;\r\n }\r\n\r\n showPreviousMonth(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const newDate = (this.state.visibleMonth && this.state.visibleMonth.clone()) || (this.state.date && this.state.date.clone().startOf(\"month\")) || moment().startOf(\"month\");\r\n newDate.subtract(1, \"months\");\r\n\r\n if (newDate.isSameOrAfter(this.state.minDate.clone().startOf(\"month\"))) {\r\n this.setState({\r\n visibleMonth: newDate\r\n });\r\n }\r\n }\r\n\r\n showNextMonth(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const newDate = (this.state.visibleMonth && this.state.visibleMonth.clone()) || (this.state.date && this.state.date.clone().startOf(\"month\")) || moment().startOf(\"month\");\r\n newDate.add(1, \"months\");\r\n\r\n if (newDate.isSameOrBefore(this.state.maxDate.clone().endOf(\"month\"))) {\r\n this.setState({\r\n visibleMonth: newDate\r\n });\r\n }\r\n }\r\n\r\n translateMonthName(number) {\r\n // Localized later on\r\n switch (number + 1) {\r\n case 1:\r\n return this.props.localization.text(\"calendar\", \"january\");\r\n case 2:\r\n return this.props.localization.text(\"calendar\", \"february\");\r\n case 3:\r\n return this.props.localization.text(\"calendar\", \"march\");\r\n case 4:\r\n return this.props.localization.text(\"calendar\", \"april\");\r\n case 5:\r\n return this.props.localization.text(\"calendar\", \"may\");\r\n case 6:\r\n return this.props.localization.text(\"calendar\", \"june\");\r\n case 7:\r\n return this.props.localization.text(\"calendar\", \"july\");\r\n case 8:\r\n return this.props.localization.text(\"calendar\", \"august\");\r\n case 9:\r\n return this.props.localization.text(\"calendar\", \"september\");\r\n case 10:\r\n return this.props.localization.text(\"calendar\", \"october\");\r\n case 11:\r\n return this.props.localization.text(\"calendar\", \"november\");\r\n case 12:\r\n return this.props.localization.text(\"calendar\", \"december\");\r\n }\r\n }\r\n\r\n isDate(d) {\r\n return this.state.date && d.isSame(this.state.date);\r\n }\r\n\r\n isToday(d) {\r\n const today = moment().startOf(\"date\");\r\n return d.isSame(today);\r\n }\r\n\r\n isSelectedMonth(d) {\r\n const visibleMonth = this.state.visibleMonth || (this.state.date && this.state.date.clone().startOf(\"month\")) || moment().startOf(\"month\");\r\n return d.year() === visibleMonth.year() && d.month() === visibleMonth.month();\r\n }\r\n\r\n hasAction(d) {\r\n return (this.state.validDates.has(d.valueOf()) || this.state.previousDates.has(d.valueOf()) || (this.state.nextOrderDate && this.state.nextOrderDate.isSame(d)));\r\n }\r\n \r\n isNextOrderDate(d) {\r\n return this.state.nextOrderDate && this.state.nextOrderDate.isSame(d);\r\n }\r\n\r\n isPreviousDate(d) {\r\n return this.state.previousDates.has(d.valueOf());\r\n }\r\n\r\n isValidDate(d) {\r\n if(this.props.maxDate && this.props.minDate) {\r\n return true;\r\n }\r\n else {\r\n return this.state.validDates.has(d.valueOf());\r\n } \r\n }\r\n\r\n hasOrderLines(d) { \r\n return this.isValidDate(d) && this.props.deliveryDates.some(dr => moment(dr.deliveryDate).format(\"YYYY-MM-DD\") === d.format(\"YYYY-MM-DD\") && dr.hasOrderLines);\r\n }\r\n\r\n hasNewSeasonLines(d) { \r\n return this.isValidDate(d) && this.props.newSeasonDistrDates.some(dr => moment(dr).format(\"YYYY-MM-DD\") === d.format(\"YYYY-MM-DD\"));\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n } = this.props;\r\n\r\n const visibleMonth = this.state.visibleMonth || (this.state.date && this.state.date.clone().startOf(\"month\")) || moment().startOf(\"month\");\r\n \r\n let d = visibleMonth.clone().isoWeekday(1);\r\n const weeks = [];\r\n\r\n for (let i = 0; i < 6; i++) {\r\n const week = [];\r\n for (let j = 0; j < 7; j++) {\r\n week.push(d);\r\n d = d.clone().add(1, \"days\");\r\n }\r\n if (week.reduce((containsSameMonth, d) => containsSameMonth || (d.get(\"month\") === visibleMonth.get(\"month\"), false))) {\r\n weeks.push(week);\r\n }\r\n }\r\n\r\n return (\r\n {date.date()}
\r\n {dateHasAction && (\r\n dateHasNewSeasonLines ? (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCalendar.propTypes = {\r\n // The set date - for now, expected in the form YYYY-MM-DD\r\n date: PropTypes.string,\r\n // The next order date - for now, expected in the form YYYY-MM-DD\r\n nextOrderDate: PropTypes.string,\r\n // Callback function for when a date is selected. Gets a string in the form YYYY-MM-DD as a parameter.\r\n onSelectDate: PropTypes.func,\r\n // Previous dates in the calendar which are marked with a check box (also list them in validDates to make them clickable) - array of YYYY-MM-DD strings\r\n previousDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n // The clickable dates - array of YYYY-MM-DD strings\r\n validDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n // Sames as validDates but with info about existing order lines\r\n deliveryDates: PropTypes.array.isRequired,\r\n newSeasonDistrDates : PropTypes.array.isRequired,\r\n\r\n localization: Localization.propTypes.isRequired,\r\n minDate: PropTypes.object,\r\n maxDate: PropTypes.object,\r\n};\r\n\r\nCalendar.defaultProps = {\r\n dropDown: true,\r\n};\r\n\r\nexport default Calendar;","\r\nimport Calendar from \"./Calendar\";\r\nimport {Localization} from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nimport moment from \"moment\";\r\n\r\n/**\r\n * Creates a calendar dropdown\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nfunction CalenderDropdown({setDropDown, dropDown, localization, date, validDates, previousDates, nextOrderDate, onSelectDate, deliveryDates, newSeasonDistrDates}) {\r\n /**\r\n * selects the date and hides the dropdown window\r\n * \r\n * @param {object} date\r\n * @returns {undefiend}\r\n */\r\n function onClick(date) {\r\n setDropDown(null);\r\n onSelectDate(date);\r\n }\r\n return (\r\n \r\n \r\n
\r\n {this.translateMonthName(visibleMonth.month())} {visibleMonth.year()}
\r\n \r\n \r\n
\r\n {localization.text(\"calendar\", \"mondayShort\")}
\r\n {localization.text(\"calendar\", \"tuesdayShort\")}
\r\n {localization.text(\"calendar\", \"wednesdayShort\")}
\r\n {localization.text(\"calendar\", \"thursdayShort\")}
\r\n {localization.text(\"calendar\", \"fridayShort\")}
\r\n {localization.text(\"calendar\", \"saturdayShort\")}
\r\n {localization.text(\"calendar\", \"sundayShort\")}
\r\n \r\n {weeks.map((week, idx) => (\r\n
\r\n \r\n {week.map((date, id) => (\r\n \r\n ))}\r\n
\r\n ))}\r\n \r\n
\r\n );\r\n }\r\n}\r\nCalendarItem.propTypes = {\r\n width: PropTypes.number,\r\n deliveryDates: PropTypes.array,\r\n setDropDown: PropTypes.func,\r\n activeOrder: PropTypes.object.isRequired, \r\n localization: Localization.propTypes.isRequired,\r\n setActiveOrder: PropTypes.func,\r\n history: PropTypes.object.isRequired,\r\n newSeasonDistrDates : PropTypes.array.isRequired,\r\n};\r\nexport default CalendarItem;","import \"../../../styles/menu.scss\";\r\n\r\nimport React from \"react\";\r\nimport moment from \"moment\";\r\n\r\nclass CurrentTime extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n minute: -1\r\n };\r\n\r\n this.checkTime = this.checkTime.bind(this);\r\n }\r\n componentDidMount() {\r\n this.interval = setInterval(this.checkTime, 1000);\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n checkTime() {\r\n const date = new Date;\r\n const minute = date.getMinutes();\r\n if( this.state.minute!=minute){\r\n this.setState({minute:minute});\r\n }\r\n }\r\n render(){\r\n const time = moment().format(\"HH:mm\");\r\n const date = moment().format(\"MMMM DD\");\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nCurrentTime.propTypes = {\r\n};\r\n\r\nexport default CurrentTime;","import \"../../../styles/modal.scss\";\r\n\r\nimport DropDownMenu from \"./DropDownMenu\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport {connect} from \"react-redux\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n innerHeight: state.view.innerHeight,\r\n };\r\n};\r\n\r\nclass DropDown extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onCloseDropDown = this.onCloseDropDown.bind(this);\r\n this.eatClick = this.eatClick.bind(this);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.onComponentWillUnmount) {\r\n this.props.onComponentWillUnmount();\r\n }\r\n }\r\n\r\n onCloseDropDown() {\r\n this.props.setDropDown(null);\r\n }\r\n eatClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n render() {\r\n const {\r\n rect,\r\n shiftLeft,\r\n below,\r\n isDroppedDown,\r\n children,\r\n style,\r\n heightFixed,\r\n left,\r\n } = this.props;\r\n\r\n const maxHeight = isDroppedDown ? innerHeight-(below?rect.bottom:rect.top) : (below?rect.bottom:rect.top);\r\n //innerHeight-rect.top; \r\n const shiftTop = (heightFixed!=null && heightFixed>maxHeight) ? (below ? heightFixed-maxHeight : maxHeight-heightFixed ) : 0;\r\n const width = (style==null || style.width==null)?rect.width:style.width;\r\n const renderHeight = heightFixed || maxHeight;\r\n\r\n return (\r\n \r\n {time}\r\n
\r\n \r\n {date}\r\n
\r\n \r\n {\r\n try {\r\n //only one loading session\r\n if( getState().delivery.nextDelivery.loading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_NEXT_DELIVERY,\r\n loading: true,\r\n });\r\n //collect info regarding the campaign\r\n const {payload} = await dispatch(getApi(\"Order/GetNextDeliveryForCustomer\"));\r\n if( payload ){\r\n //insert existing images (orderLines)\r\n if( payload.orderLines ){\r\n for(let i=0; i {\r\n try {\r\n const now = moment();\r\n\r\n const data = {\r\n fromDate: now.format(\"YYYY-MM-DD\"),\r\n toDate: now.add(1, \"M\").format(\"YYYY-MM-DD\"),\r\n };\r\n //collect info regarding the campaign\r\n const payload = await dispatch(getApi(\"Order/DeliveryDatesForPeriodQuery\", data));\r\n if( payload.message===\"OK\") {\r\n //store to redux\r\n dispatch( setDeliveryDates(payload.payload) );\r\n }\r\n\r\n //get the order that we will be working on\r\n const nextOrder = payload.payload;//do we recive the data (test if this fail, to insert the data into the array)\r\n if( nextOrder.length>0 ) {\r\n dispatch( setActiveOrder(nextOrder[0].shipmentId, nextOrder[0].distributionRouteId, nextOrder[0].deliveryDate) );\r\n } else {\r\n setNoOrderAvailable();\r\n }\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lastning mislyktes\", messageType.error));\r\n Logger.error(error);\r\n setNoOrderAvailable();\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * return the next 4 upcoming delivery dates\r\n * @returns {func}\r\n */\r\nexport function getDeliveries(){\r\n return async (dispatch) => {\r\n try {\r\n const now = moment();\r\n\r\n const data = {\r\n fromDate: now.format(\"YYYY-MM-DD\"),\r\n toDate: now.add(1, \"M\").format(\"YYYY-MM-DD\"),\r\n };\r\n //collect info regarding the campaign\r\n const payload = await dispatch(getApi(\"Order/DeliveryDatesForPeriodQuery\", data));\r\n if( payload.message===\"OK\") {\r\n //store to redux\r\n dispatch( setDeliveryDates(payload.payload) );\r\n }\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lastning mislyktes\", messageType.error));\r\n Logger.error(error);\r\n setNoOrderAvailable();\r\n }\r\n };\r\n}","import moment from \"moment\";\r\n\r\n/**\r\n * Returns time left in seconds, or if time has passed it reeturns 0\r\n * @param {string} dateStr \r\n * @returns {func}\r\n */\r\nexport function getTimeLeftSeconds(dateStr) {\r\n if(dateStr && dateStr.length>0){\r\n const eventTime = moment(dateStr).unix();\r\n const currentTime = moment().unix();\r\n const diffTime = eventTime - currentTime;\r\n if( diffTime>0 ) {\r\n const duration = moment.duration(diffTime * 1000, \"milliseconds\");\r\n const h = moment.duration(duration).hours() + (moment.duration(duration).days()*24);\r\n const m = moment.duration(duration).minutes();\r\n const s = moment.duration(duration).seconds();\r\n return (h*3600) + (m*60) + s;\r\n }\r\n }\r\n return 0;\r\n}\r\n\r\n/**\r\n * Returns hour/minutes left untill a certain date, from now\r\n * @param {object} localization\r\n * @param {string} dateStr \r\n * @returns {func}\r\n */\r\nexport function getTimeLeftStr(localization, dateStr) {\r\n if(dateStr && dateStr.length>0){\r\n const eventTime = moment(dateStr).unix();\r\n const currentTime = moment().unix();\r\n const diffTime = eventTime - currentTime;\r\n if( diffTime>0 ) {\r\n const duration = moment.duration(diffTime * 1000, \"milliseconds\");\r\n const h = moment.duration(duration).hours() + (moment.duration(duration).days()*24);\r\n if( h>=48 ) {\r\n const days = Math.floor(h/24);\r\n return localization.text(\"time\",\"days\",{days});\r\n }\r\n const m = moment.duration(duration).minutes();\r\n if( h>=24 ) {\r\n return `${h}h`;\r\n }\r\n if( h>0 || m>=2 ){\r\n return `${h}h ${m}m`;\r\n }\r\n const s = Math.max(0,(moment.duration(duration).minutes()*60)+moment.duration(duration).seconds()-2);//-2 is just so we can hitt 0s for some time before it locks down\r\n return `${s}s`;\r\n }\r\n return localization.text(\"time\",\"locked\");\r\n }\r\n return \"-- --\";\r\n}\r\n\r\n/**\r\n * Returns true if there is days left\r\n * @param {string} dateStr \r\n * @returns {func}\r\n */\r\nexport function isTimeLeftInDays(dateStr) {\r\n if(dateStr && dateStr.length>0){\r\n const eventTime = moment(dateStr).unix();\r\n const currentTime = moment().unix();\r\n const diffTime = eventTime - currentTime;\r\n if( diffTime>0 ) {\r\n const duration = moment.duration(diffTime * 1000, \"milliseconds\");\r\n const h = moment.duration(duration).hours() + (moment.duration(duration).days()*24);\r\n return h>=24;\r\n }\r\n }\r\n return false;\r\n}","import { getPropertyValue } from \"../../common/util/changeUtils.jsx\";\r\nimport { getTimeLeftSeconds } from \"../../common/util/time.js\";\r\nimport moment from \"moment\";\r\n\r\n/**\r\n * Returns true if active order can be edited\r\n * @param {object} activeOrder \r\n * @returns {bool}\r\n */\r\nexport function canWorkWithOrder(activeOrder) {\r\n //must be time left\r\n const sLeft = activeOrder.customerDeadlineDate ? getTimeLeftSeconds(activeOrder.customerDeadlineDate) : 1;\r\n //must have an order\r\n //must have an active shipment selected\r\n return activeOrder && (activeOrder.shipmentId!=null || activeOrder.myListId!=null || activeOrder.bagSupplier!=null || activeOrder.bagNumber!=null || activeOrder.claim!=null) && !activeOrder.submitting && sLeft>0;\r\n}\r\n\r\n/**\r\n * Returns true if this list is using CounterFields\r\n * @param {object} activeObj\r\n * @returns {func}\r\n */\r\nexport function usingCounterField(activeObj){\r\n //TODO: find a nicer method to get what type of input field to use\r\n const lines = getPropertyValue(activeObj,\"lines\");\r\n if( lines ) {\r\n return lines.length>0 && lines[0].wishedQtySalesUnits!=null;\r\n }\r\n return true;\r\n}\r\n\r\nexport const countWhat = {\r\n everything: \"everything\",\r\n ordered: \"ordered\",\r\n unConfirmed: \"unConfirmed\",\r\n};\r\n\r\n/**\r\n * Returns how many of a specific product that is added in the active order\r\n * @param {object} activeObj \r\n * @param {string} productId\r\n * @param {string} counting //if we should only count ordered items\r\n * @param {number} salesLineId \r\n * @returns {func}\r\n */\r\nexport function countAddedProduct(activeObj, productId, counting, salesLineId){\r\n let count = null;\r\n if( activeObj.unConfirmedOrderLines && (counting===countWhat.everything || counting===countWhat.unConfirmed)) {\r\n //add togheter all unconfirmed order lines\r\n for(let i=0; i 0\r\n if( count!=null ) {\r\n return count || 0;\r\n }\r\n }\r\n \r\n const lines = getPropertyValue(activeObj,\"lines\");\r\n if( lines ) {\r\n //set value equal to wishedQtySalesUnits or 1. if wishedQtySalesUnits then it is tobacco otherwise it is in \"editing my list\"\r\n for(let i=0; i0){\r\n const eventTime = moment(dateStr).unix();\r\n const currentTime = moment().unix();\r\n const diffTime = eventTime - currentTime;\r\n if( diffTime>0 ) {\r\n const duration = moment.duration(diffTime * 1000, \"milliseconds\");\r\n const h = moment.duration(duration).hours() + (moment.duration(duration).days()*24);\r\n const m = moment.duration(duration).minutes();\r\n const s = moment.duration(duration).seconds();\r\n const sLeft = (h*3600) + (m*60) + s;\r\n return Math.max(0.0, 1.0-((sLeft>24*3600)?0.0:1.0-sLeft/(24*3600)));\r\n }\r\n }\r\n return 0;\r\n}\r\n\r\n/**\r\n * Returns Number of unique lines in the order\r\n * @param {object} activeOrder \r\n * @returns {number}\r\n */\r\nexport function countOrderLines(activeOrder) {\r\n let count = activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.length;\r\n //count rows if they are not in unConfirmedOrderLines\r\n if( activeOrder.orderLines) {\r\n for(let i=0; i item.productId===prdId )) ? 0 : 1;\r\n }\r\n }\r\n return count;\r\n}","import { downloadBlob, getBlob } from \"../../common/actions/net\";\r\nimport { getApi, postApi } from \"../../common/actions/net.js\";\r\nimport { getDeliveries, getNextDelivery } from \"./delivery.js\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport { ContentTypes } from \"../../common/net/httpClient\";\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { getExistingProductImage } from \"./productImage.js\";\r\nimport { getSalesLineId } from \"../util/orderUtil.js\";\r\n//import moment from \"moment\";\r\n\r\nexport const SET_PRODUCT_ORDER_VIEW = \"SET_PRODUCT_ORDER_VIEW\";\r\nexport const SET_ACTIVE_ORDER = \"SET_ACTIVE_ORDER\";\r\nexport const MERGE_ACTIVE_ORDER = \"MERGE_ACTIVE_ORDER\";\r\nexport const ADD_TO_UNCONFIRMED_ORDER = \"ADD_TO_UNCONFIRMED_ORDER\";\r\nexport const REMOVE_FROM_UNCONFIRMED_ORDER = \"REMOVE_FROM_UNCONFIRMED_ORDER\";\r\nexport const UPDATE_UNCONFIRMED_ORDER_LINE = \"UPDATE_UNCONFIRMED_ORDER_LINE\";\r\nexport const SET_UNCONFIRMED_ORDER_LINE_INFO = \"SET_UNCONFIRMED_ORDER_LINE_INFO\";\r\nexport const SET_UNCONFIRMED_ORDER_LINE_LOADING = \"SET_UNCONFIRMED_ORDER_LINE_LOADING\";\r\nexport const SET_ACTIVE_ORDERED_IMAGE_URL = \"SET_ACTIVE_ORDERED_IMAGE_URL\";\r\nexport const SET_ACTIVE_UNCONFIRMEDORDER_IMAGE_URL = \"SET_ACTIVE_UNCONFIRMEDORDER_IMAGE_URL\";\r\nexport const SET_ACTIVE_ORDER_LOADING = \"SET_ACTIVE_ORDER_LOADING\";\r\nexport const SET_ACTIVE_ORDER_SUBMITTING = \"SET_ACTIVE_ORDER_SUBMITTING\";\r\nexport const UPDATE_UNCONFIRMED_LINE = \"UPDATE_UNCONFIRMED_LINE\";\r\nexport const SET_ORDER_FEE_LIMITS = \"SET_ORDER_FEE_LIMITS\";\r\nexport const SET_ORDER_VOLUME_DISCOUNTS = \"SET_ORDER_VOLUME_DISCOUNTS\";\r\nexport const SET_FRESHFOOD_TEMPLATE = \"SET_FRESHFOOD_TEMPLATE\";\r\nexport const SET_FRESHFOOD_TEMPLATE_UPDATED = \"SET_FRESHFOOD_TEMPLATE_UPDATED\";\r\n\r\nconst setOrderView = (value) => ({\r\n type: SET_PRODUCT_ORDER_VIEW,\r\n value\r\n});\r\n\r\n/**\r\n * Sets what view should be shown under /order/products\r\n * @param {string} newView \r\n * @returns {func}\r\n */\r\nexport function setOrderProductView(newView){\r\n return async (dispatch) => {\r\n try {\r\n dispatch(setOrderView(newView));\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Gets the order fee limits\r\n * @returns {function}\r\n */\r\nexport function getOrderFeeLimits(){\r\n return async (dispatch) => {\r\n try {\r\n const payload = await dispatch(getApi(\"Order/OrderFeeLimitsQuery\"));\r\n if( payload.message===\"OK\" && payload.payload) {\r\n dispatch({\r\n type: SET_ORDER_FEE_LIMITS,\r\n orderFeeLimits: payload.payload,\r\n });\r\n }\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Innlastingsgebyrgrenser mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Gets the order fee limits\r\n * @returns {function}\r\n */\r\nexport function getOrderVolumeDiscounts(){\r\n return async (dispatch) => {\r\n try {\r\n const payload = await dispatch(getApi(\"Order/OrderVolumeDiscountQuery\"));\r\n if( payload.message===\"OK\" && payload.payload) {\r\n dispatch({\r\n type: SET_ORDER_VOLUME_DISCOUNTS,\r\n orderVolumeDiscounts: payload.payload,\r\n });\r\n }\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Innlastingsgebyrgrenser mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Sets what order we are working on\r\n * @param {number} shipmentId \r\n * @param {string} distributionRouteId \r\n * @param {string} deliveryDate \r\n * @param {boolean} waitForReservation\r\n * @returns {func}\r\n */\r\nexport function setActiveOrder(shipmentId, distributionRouteId, deliveryDate, waitForReservation = false){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_LOADING,\r\n loading: true,\r\n });\r\n\r\n const data = {\r\n shipmentId,\r\n distributionRouteId,\r\n deliveryDate,\r\n waitForReservation,\r\n };\r\n \r\n const payload = await dispatch(getApi(\"Order/DeliveryQuery\", data));//TODO: Order/DeliveryQuery always returns \"OK\" even when failing\r\n if( payload.message===\"OK\" && payload.payload) {\r\n const activeOrder = payload.payload;\r\n\r\n if( activeOrder.orderLines ){\r\n //insert existing images\r\n for(let i=0; i {\r\n try {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_LOADING,\r\n loading: false,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n/**\r\n * adds or remove products to the temporary order. This function also makes sure that only a single api call is being used at the same time\r\n * @param {object} activeOrder\r\n * @param {object} product \r\n * @param {number} qty\r\n * @param {number} salesLineId\r\n * @param {boolean} ignoreLoading //Should not be used, It is used internally as a flag\r\n * @returns {func}\r\n */ \r\nexport function addRemoveProductToTemporaryOrder(activeOrder, product, qty, salesLineId, ignoreLoading = false){\r\n return async (dispatch, getState) => {\r\n try {\r\n const shipmentId = activeOrder.shipmentId;\r\n const distributionRouteId = activeOrder.distributionRouteId;\r\n const deliveryDate = activeOrder.deliveryDate;\r\n const salesOrderId = activeOrder.orderLines && activeOrder.orderLines.length>0 && activeOrder.orderLines[0].salesOrderId || 0;\r\n const data = {\r\n distributionRouteId: distributionRouteId,\r\n shipmentId: shipmentId,\r\n salesOrderId: salesOrderId,\r\n orderLines: [{\r\n productId: product.productId,\r\n qty: qty,\r\n salesLineId: salesLineId ? salesLineId: getSalesLineId(activeOrder, product.productId, true),\r\n }],\r\n };\r\n if( shipmentId==null ){\r\n dispatch(pushSystemMessage(\"Kan ikke legge til produkt til ingen eksisterende ordre\", messageType.error));\r\n return;\r\n }\r\n const line = getState().order.active.unConfirmedOrderLines && getState().order.active.unConfirmedOrderLines.find( (item) => item.productId===product.productId);\r\n const getQtyDiff = () => {\r\n const newLine = getState().order.active.unConfirmedOrderLines && getState().order.active.unConfirmedOrderLines.find( (item) => item.productId===product.productId);\r\n //check if something has changed during the api call\r\n return newLine.orderedQty-qty;\r\n };\r\n const canBeRemoved = () => {\r\n const newLine = getState().order.active.unConfirmedOrderLines && getState().order.active.unConfirmedOrderLines.find( (item) => item.productId===product.productId);\r\n //if it is in ordered it cant be removed visually (0 is a legal number, as that will remove the line on commit)\r\n const isOrdered = getState().order.active.orderLines && getState().order.active.orderLines.find( (item) => item.productId===product.productId);\r\n //check if something has changed during the api call\r\n return isOrdered==null && newLine.orderedQty-qty===0 ;\r\n };\r\n\r\n //Make sure that we are not trying to edit locked product\r\n if( line && (line.isLocked || line.isKitMember) ){\r\n return;\r\n }\r\n //if minimum to order of the product is set\r\n if( line && line.mustOrderAtLeastOne && qty===0){\r\n data.orderLines[0].qty = 1;\r\n qty = 1;\r\n }\r\n\r\n try {\r\n //if the product is waiting for a response from the server, then we just update the local qty\r\n if(line && line.loading===true && ignoreLoading===false){\r\n dispatch({\r\n type: UPDATE_UNCONFIRMED_ORDER_LINE,\r\n productId: product.productId,\r\n line: {\r\n ...line,\r\n orderedQty: qty,\r\n }\r\n });\r\n }\r\n //If not waiting\r\n else {\r\n //If product should be REMOVED\r\n if( line && qty===0 ){\r\n dispatch({\r\n type: UPDATE_UNCONFIRMED_ORDER_LINE,\r\n productId: product.productId,\r\n line: {\r\n ...line,\r\n loading: true,//Set flag to indicate that the product is beeing worked on\r\n orderedQty: qty,\r\n }\r\n });\r\n const payload = await dispatch(postApi(\"Order/AddRemoveLinesToTemporaryOrder\", data));\r\n if( payload.payload) {\r\n const activeOrder = payload.payload;\r\n dispatch({\r\n type: MERGE_ACTIVE_ORDER,\r\n activeOrderChange: {\r\n sumExVat: activeOrder.sumExVat,\r\n baseAmountOrderFee: activeOrder.baseAmountOrderFee,\r\n orderFee: activeOrder.orderFee,\r\n nextOrderFeeLevel: activeOrder.nextOrderFeeLevel,\r\n }\r\n });\r\n //Check if qty has changed\r\n const qtyDiff = getQtyDiff();\r\n if(qtyDiff===0){\r\n //no diff delete the row, if possible\r\n if( canBeRemoved() ){\r\n dispatch({\r\n type: REMOVE_FROM_UNCONFIRMED_ORDER,\r\n productId: product.productId,\r\n });\r\n } else {\r\n //if not possible to remove, then the loading is done\r\n dispatch({\r\n type: SET_UNCONFIRMED_ORDER_LINE_LOADING,\r\n productId: product.productId,\r\n loading: false,\r\n });\r\n }\r\n } else {\r\n //products have been added\r\n await dispatch( addRemoveProductToTemporaryOrder(getState().order.active, product, qty+qtyDiff, salesLineId, true));\r\n }\r\n }\r\n }\r\n //If it will be ADDED (Done to get specific data about the product like isKitMember, isLocked, mustOrderAtLeastOne)\r\n else if( line==null ){\r\n dispatch({\r\n type: ADD_TO_UNCONFIRMED_ORDER,\r\n line: {\r\n loading: true, //Set flag to indicate that the product is beeing worked on\r\n productId: product.productId,\r\n orderedQty: qty,\r\n product: {\r\n ...product,\r\n imageUrl: getExistingProductImage(product.productId),\r\n }\r\n },\r\n });\r\n const payload = await dispatch(postApi(\"Order/AddRemoveLinesToTemporaryOrder\", data));\r\n let success = false;\r\n if( payload.payload) {\r\n const activeOrder = payload.payload;\r\n \r\n //loop all unConfirmedOrderLines and add only the new product\r\n if( activeOrder.unConfirmedOrderLines ){\r\n for(let i=0; i {\r\n try {\r\n //Load in into state.order.active\r\n await dispatch(setActiveOrder(shipmentId, distributionRouteId, deliveryDate) );\r\n const data = {\r\n distributionRouteId: distributionRouteId,\r\n shipmentId: shipmentId,\r\n salesOrderId: getState().order.active.orderId,\r\n orderLines: prdLine,\r\n };\r\n //send in change\r\n const payload = await dispatch(postApi(\"Order/AddRemoveLinesToTemporaryOrder\", data));\r\n if( payload.message===\"OK\") {\r\n //get updated order \r\n await dispatch( setActiveOrder(shipmentId, distributionRouteId, deliveryDate) );\r\n await dispatch( getNextDelivery());\r\n }\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Endring av ordre mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Moves all unconfirmed lines to the next deliveryDate\r\n * @param {bool} deleteOrder \r\n * @returns {func}\r\n */\r\nexport function moveUnconfirmedLinesToNextOrder(deleteOrder){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_LOADING,\r\n loading: true,\r\n });\r\n\r\n await dispatch(postApi(\"Order/MoveUnconfirmedOrderToNextDelivery\", { \r\n onlyDeleteOrder: deleteOrder,\r\n }));\r\n\r\n await dispatch( getNextDelivery()); \r\n }\r\n catch(error) {\r\n Logger.log(error);\r\n } finally {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_LOADING,\r\n loading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Submits a given order\r\n * @param {object} activeOrder \r\n * @returns {func}\r\n */\r\nexport function submitOrder(activeOrder){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_SUBMITTING,\r\n submitting: true,\r\n });\r\n const data = {\r\n routeId: activeOrder.distributionRouteId,\r\n shipmentId: activeOrder.shipmentId,\r\n };\r\n const payload = await dispatch(postApi(\"Order/SubmitOrder\", data));\r\n if( payload.message===\"OK\") {\r\n //get updated order\r\n await dispatch( setActiveOrder(activeOrder.shipmentId, activeOrder.distributionRouteId, activeOrder.deliveryDate) );\r\n await dispatch( getNextDelivery());\r\n await dispatch( getDeliveries());\r\n }\r\n\r\n if( payload.payload) {\r\n //get updated order\r\n dispatch(pushSystemMessage(payload.payload, messageType.message));\r\n }\r\n \r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Sendingsordren mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: SET_ACTIVE_ORDER_SUBMITTING,\r\n submitting: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Downloads a pdf\r\n * @param {object} delivery\r\n * @param {string} token\r\n * @returns {func}\r\n */\r\nexport function showShoppingCartPdf(delivery, token){\r\n return async (dispatch) => {\r\n try {\r\n const blob = await getBlob(\"Order/GenerateShoppingCartPdf\", delivery, token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `${delivery.deliveryDate}.pdf`, ContentTypes.PDF);\r\n\r\n } catch (error) {\r\n dispatch( pushSystemMessage(error.message || \"Fil ikke funnet\", messageType.error) );\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Gets fresh food templates\r\n * @returns {func}\r\n */\r\nexport function getFreshFoodTemplates(){\r\n return async (dispatch) => {\r\n try {\r\n const payload = await dispatch( getApi(\"Order/FreshFoodTemplateQuery\"));\r\n\r\n if( payload)\r\n {\r\n const products = payload.payload.products;\r\n\r\n for(let i=0; i p.productId === products[i].productId); \r\n products[i].price = productData ? productData.price : null;\r\n\r\n if (productData) {\r\n productData.imageUrl = imageUrl;\r\n }\r\n }\r\n\r\n dispatch({\r\n type: SET_FRESHFOOD_TEMPLATE,\r\n templateData: payload.payload,\r\n });\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Updates the fresh food template\r\n * @param {object} change\r\n * @param {object} product\r\n * @param {number} hubId\r\n * @returns {func}\r\n */\r\nexport function updateTemplateQty(change, product, hubId){\r\n return async (dispatch, getState) => {\r\n try {\r\n\r\n var keys = Object.keys(change);\r\n \r\n const newProduct = {... product};\r\n newProduct[keys[0]] = Number(change[keys[0]]);\r\n\r\n const data = {\r\n changedDto : {\r\n customerId: getState().authentication.signedInAs,\r\n hubId: hubId,\r\n products: [newProduct],\r\n } \r\n };\r\n\r\n const payload = await dispatch(postApi(\"Order/UpdateTemplateQty\", data));\r\n if( payload.message===\"OK\") {\r\n //get updated order\r\n //await dispatch( getDeliveries());\r\n dispatch({\r\n type: SET_FRESHFOOD_TEMPLATE_UPDATED,\r\n product: newProduct,\r\n });\r\n }\r\n } catch (error) {\r\n dispatch( pushSystemMessage(error.message || \"Feil ved oppdatering\", messageType.error) );\r\n Logger.error(error);\r\n }\r\n };\r\n}","import \"../../../styles/menu.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"./Icon.jsx\";\r\nimport { Localization, createLocalization } from \"../util/localization.jsx\";\r\nimport { clearModalAndDropDown, setDropDown, setModal } from \"../actions/modal\";\r\n\r\nimport AllNotificationsContainer from \"../containers/AllNotificationsContainer.jsx\";\r\nimport CalendarItem from \"./CalendarItem.jsx\";\r\nimport CurrentTime from \"./CurrentTime.jsx\";\r\nimport DropDown from \"./DropDown\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ReactMarkdown from \"react-markdown\";\r\nimport { connect } from \"react-redux\";\r\nimport { createReselector } from \"../util/reselect\";\r\nimport { logOut } from \"../actions/authentication.js\";\r\nimport { markNotificationAsConfirmed } from \"../actions/notifications\";\r\nimport moment from \"moment\";\r\nimport { setActiveOrder } from \"../../kundeweb/actions/order.js\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass MenuMobileLink extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n onClick(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.history.push(this.props.url);\r\n if (this.props.hideMobileMenu) {\r\n this.props.hideMobileMenu();\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n url,\r\n label,\r\n activePath\r\n } = this.props;\r\n\r\n const isActivePath = activePath.startsWith(url);\r\n const bold = isActivePath;\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nMenuMobileLink.propTypes = {\r\n activePath: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n history: PropTypes.object.isRequired,\r\n hideMobileMenu: PropTypes.func,\r\n url: PropTypes.string.isRequired,\r\n\r\n};\r\n\r\nclass MenuMobileExpandItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n expanded: this.props.activePath.startsWith(this.props.url)\r\n };\r\n\r\n this.toggleExpand = this.toggleExpand.bind(this);\r\n }\r\n\r\n toggleExpand(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.setState({\r\n expanded: !this.state.expanded,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n url,\r\n label,\r\n activePath,\r\n } = this.props;\r\n\r\n const isActivePath = activePath.startsWith(url);\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nMenuMobileExpandItem.propTypes = {\r\n activePath: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n children: PropTypes.node,\r\n url: PropTypes.string,\r\n};\r\n\r\nclass MenuMobileExpand extends React.PureComponent {\r\n render() {\r\n const {\r\n activePath,\r\n localization,\r\n logOut,\r\n hideMobileMenu,\r\n history,\r\n isBlockedCustomer,\r\n showFreshFood,\r\n } = this.props;\r\n return (\r\n \r\n {children}\r\n ,\r\n true\r\n );\r\n } else {\r\n setDropDown(null);\r\n }\r\n }\r\n onClickHide(){\r\n this.setState({\r\n active: false,\r\n });\r\n }\r\n render() {\r\n const {\r\n icon,\r\n side,\r\n number,\r\n color,\r\n text,\r\n } = this.props;\r\n const className = `top_bar_item ${side} ${this.state.active ? \"active_icon\" : \"\"}`;\r\n const currentColor = this.state.active ? iconColor.white : color;\r\n return (\r\n \r\n {isHubLogin ? \r\n
\r\n \r\n {children}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nDropDown.propTypes = {\r\n rect: PropTypes.object.isRequired,\r\n innerHeight: PropTypes.number.isRequired,\r\n shiftLeft: PropTypes.bool,\r\n children: PropTypes.node.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n onComponentWillUnmount: PropTypes.func,\r\n hideCard: PropTypes.bool,\r\n style: PropTypes.object,\r\n below: PropTypes.bool,\r\n isDroppedDown: PropTypes.bool,\r\n heightFixed: PropTypes.number,\r\n left: PropTypes.number,\r\n};\r\nDropDown.defaultProps = {\r\n shiftLeft: false,\r\n below: true,\r\n isDroppedDown: true,\r\n};\r\n\r\nexport default connect(mapStateToProps)(DropDown);","import {ContentTypes, getApi} from \"../../common/actions/net.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport {makeApiUrl} from \"../../common/util/config.jsx\";\r\n\r\nexport const PRODUCT_IMAGE_IS_LOADING = \"PRODUCT_IMAGE_IS_LOADING\";\r\nexport const PRODUCT_IMAGE_DONE_LOADING = \"PRODUCT_IMAGE_DONE_LOADING\";\r\nexport const PRODUCT_IMAGE_FAILED_LOADING = \"PRODUCT_IMAGE_FAILED_LOADING\";\r\n\r\n\r\nconst setPrdImgIsLoading = (productId) => ({\r\n type: PRODUCT_IMAGE_IS_LOADING,\r\n productId: productId,\r\n});\r\nconst setPrdImgDoneLoading = (productId, imageUrl) => ({\r\n type: PRODUCT_IMAGE_DONE_LOADING,\r\n productId: productId,\r\n imageUrl: imageUrl,\r\n});\r\nconst setPrdImgFailedLoading = (productId) => ({\r\n type: PRODUCT_IMAGE_FAILED_LOADING,\r\n productId: productId,\r\n});\r\n\r\nconst sleep = (milliseconds) => {\r\n return new Promise(resolve => setTimeout(resolve, milliseconds));\r\n};\r\n\r\n/**\r\n * Downloads image for the product if needed, and does a callback with imageUrl as parameter.\r\n * @param {object} productImage \r\n * @param {number} productId\r\n * @param {string} imageName\r\n * @param {func} callback\r\n * @returns {func}\r\n */\r\nexport function loadProductImage(productImage, productId, imageName, callback){\r\n return async (dispatch) => {\r\n let isLoading = false;\r\n let imageUrl;\r\n try {\r\n //is product image beeing worked on\r\n if( productImage[productId] ) {\r\n //give the worker up to 30s to download the image\r\n for(let i=0; i<300 && productImage[productId].loading; i++) {\r\n await sleep(100);//100ms\r\n }\r\n //check if we timed out\r\n if( productImage[productId].loading ){\r\n dispatch( setPrdImgFailedLoading() );\r\n }\r\n //\r\n callback(productImage[productId].imageUrl);\r\n }\r\n //if no work has been started\r\n else {\r\n isLoading = true;\r\n dispatch( setPrdImgIsLoading(productId) );\r\n\r\n imageUrl = await dispatch(getApi(\"Product/GetProductImage\", {productId, imageName}, ContentTypes.JSON, ContentTypes.IMAGE));\r\n\r\n dispatch( setPrdImgDoneLoading(productId, imageUrl) );\r\n\r\n callback(imageUrl);\r\n }\r\n } catch (error) {\r\n if( isLoading ) {\r\n dispatch( setPrdImgFailedLoading(productId) );\r\n }\r\n callback(imageUrl);\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Returns an image only if it is downloaded\r\n * @param {number} productId\r\n * @returns {func}\r\n */\r\nexport function getExistingProductImage(productId){\r\n return makeApiUrl(`Product/GetProductImage?ProductId=${productId}&ImageName=${productId}.png`);\r\n}","import { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\nimport { setActiveOrder, setNoOrderAvailable } from \"./order.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { getApi } from \"../../common/actions/net.js\";\r\nimport { getExistingProductImage } from \"./productImage.js\";\r\nimport moment from \"moment\";\r\n\r\nexport const LOADING_LAST_DELIVERY = \"LOADING_LAST_DELIVERY\";\r\nexport const SET_LAST_DELIVERY = \"SET_LAST_DELIVERY\";\r\nexport const SET_LAST_DELIVERY_PRODUCT_IMAGE_URL = \"SET_LAST_DELIVERY_PRODUCT_IMAGE_URL\";\r\nexport const LOADING_NEXT_DELIVERY = \"LOADING_NEXT_DELIVERY\";\r\nexport const SET_UPCOMING_DELIVERY_DATES = \"SET_UPCOMING_DELIVERY_DATES\";\r\nexport const SET_NEXT_DELIVERY = \"SET_NEXT_DELIVERY\";\r\nexport const SET_NEXT_DELIVERY_ORDER_PRODUCT_IMAGE_URL = \"SET_NEXT_DELIVERY_ORDER_PRODUCT_IMAGE_URL\";\r\nexport const SET_NEXT_DELIVERY_UNCONFIRMED_ORDER_PRODUCT_IMAGE_URL = \"SET_NEXT_DELIVERY_UNCONFIRMED_ORDER_PRODUCT_IMAGE_URL\";\r\n\r\nexport const RESET_LAST_DELIVERY = \"RESET_LAST_DELIVERY\";\r\n\r\nconst setDeliveryDates = (deliveryDates) => ({\r\n type: SET_UPCOMING_DELIVERY_DATES,\r\n deliveryDates\r\n});\r\n\r\nconst setNextDelivery = (delivery) => ({\r\n type: SET_NEXT_DELIVERY,\r\n delivery\r\n});\r\n/**\r\n * Loads last delivery, with information\r\n * @returns {func}\r\n */\r\nexport function getLastDelivery(){\r\n return async (dispatch, getState) => {\r\n try {\r\n //only one loading session\r\n if( getState().delivery.lastDelivery.loading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_LAST_DELIVERY,\r\n loading: true,\r\n });\r\n //collect info regarding the campaign\r\n const {payload} = await dispatch(getApi(\"Order/GetLastDeliveryForCustomer\"));\r\n\r\n if (!payload) {\r\n dispatch({\r\n type: RESET_LAST_DELIVERY\r\n });\r\n return;\r\n }\r\n\r\n //insert existing images\r\n for(let i=0; i\r\n
\r\n \r\n {label}\r\n
\r\n \r\n
\r\n {this.state.expanded && (\r\n children\r\n )}\r\n \r\n {label}\r\n
\r\n \r\n \r\n \r\n {!isBlockedCustomer &&(\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMenuMobileExpand.propTypes = {\r\n activePath: PropTypes.string.isRequired,\r\n logOut: PropTypes.func.isRequired,\r\n hideMobileMenu: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n isBlockedCustomer: PropTypes.bool.isRequired,\r\n showFreshFood : PropTypes.bool.isRequired,\r\n};\r\n\r\nclass MenuDropdownItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n render() {\r\n const {\r\n icon,\r\n label,\r\n onClick\r\n } = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMenuDropdownItem.propTypes = {\r\n icon: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n onClick: PropTypes.func\r\n};\r\n\r\nclass NotificationDropdownItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.notification && !this.props.notification.confirmedDate && !this.props.notification.displayPopup) {\r\n // If a notification which isn't a popup (and needs an explicit confirm action) is dismissed, mark it as read\r\n this.props.markNotificationAsConfirmed(this.props.notification.notificationId);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n notification: {\r\n body,\r\n confirmedDate,\r\n fromDate,\r\n subject,\r\n dismissedOnClient\r\n }\r\n } = this.props;\r\n\r\n const unread = (confirmedDate == null) && !dismissedOnClient;\r\n const icon = iconTypes.checkboxChecked;\r\n const now = moment();\r\n const diff = Math.max(0, now.diff(fromDate));\r\n\r\n let timeAgo;\r\n // if (diff < 15 * 60 * 1000) {\r\n // timeAgo = localization.text(\"menu\", \"now\");\r\n // } else if (diff < (60 * 60 * 1000)) {\r\n // timeAgo = localization.text(\"menu\", \"xMinutesAgo\", { minutes: moment.duration(diff).minutes() });\r\n // } else if (diff < (24 * 60 * 60 * 1000)) {\r\n // timeAgo = localization.text(\"menu\", \"xHoursAgo\", { hours: moment.duration(diff).hours() });\r\n if (diff < (24 * 60 * 60 * 1000))\r\n {\r\n timeAgo = localization.text(\"menu\", \"today\", { hours: moment.duration(diff).hours() });\r\n } else {\r\n timeAgo = \r\n {label}\r\n
\r\n {fromDate.format(\"D.M.YYYY\")}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nNotificationDropdownItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n markNotificationAsConfirmed: PropTypes.func.isRequired,\r\n notification: PropTypes.object.isRequired\r\n};\r\n\r\nclass MenuItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n active: false,\r\n };\r\n\r\n this.wrapperRef = React.createRef();\r\n\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickHide = this.onClickHide.bind(this);\r\n }\r\n onClick() {\r\n const {\r\n setDropDown,\r\n children,\r\n width,\r\n dropDownShiftLeft,\r\n dropDownStyle,\r\n } = this.props;\r\n this.setState({\r\n active: !this.state.active,\r\n });\r\n\r\n if( !this.state.active ){\r\n setDropDown(\r\n \r\n
\r\n \r\n
\r\n \r\n {subject}\r\n
\r\n \r\n {timeAgo}\r\n
\r\n \r\n
\r\n \r\n { text ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nMenuItem.propTypes = {\r\n activeMenu: PropTypes.string,\r\n children: PropTypes.node,\r\n dropDownStyle: PropTypes.object,\r\n icon: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n number: PropTypes.number,\r\n text: PropTypes.string,\r\n onClick: PropTypes.func.isRequired,\r\n side: PropTypes.string.isRequired,\r\n setDropDown: PropTypes.func,\r\n width: PropTypes.number,\r\n dropDownShiftLeft: PropTypes.bool,\r\n // Special color of the icon\r\n color: PropTypes.string\r\n};\r\nMenuItem.defaultProps = {\r\n dropDownShiftLeft: true,\r\n};\r\n\r\nconst mapStateToProps = () => {\r\n const notificationsReselector = createReselector((notifications) => {\r\n const sorted = [...Object.values(notifications).map(n => ({\r\n ...n,\r\n fromDate: moment(n.fromDate)\r\n }))];\r\n\r\n sorted.sort((a, b) => b.fromDate.diff(a.fromDate));\r\n\r\n const NOTIFICATIONS_TO_SHOW = 6;\r\n\r\n const groupedNotifications = [];\r\n\r\n const currentDate = moment().startOf(\"date\");\r\n let group = null;\r\n\r\n for (let i = 0; (i < NOTIFICATIONS_TO_SHOW && i < sorted.length); i++) {\r\n const n = sorted[i];\r\n const diff = moment.duration(currentDate.diff(n.fromDate));\r\n const daysAgo = Math.max(0, diff.days());\r\n const monthsAgo = Math.max(0, diff.months());\r\n const yearsAgo = Math.max(0, diff.years());\r\n\r\n if (!group || (yearsAgo !== group.yearsAgo) || (yearsAgo === 0 && monthsAgo !== group.monthsAgo) || (yearsAgo === 0 && monthsAgo === 0 && daysAgo !== group.daysAgo)) {\r\n group = {\r\n daysAgo,\r\n monthsAgo,\r\n yearsAgo,\r\n notifications: [n]\r\n };\r\n\r\n groupedNotifications.push(group);\r\n } else {\r\n group.notifications.push(n);\r\n }\r\n }\r\n\r\n const unreadCount = sorted.reduce((count, n) => count + ((n.confirmedDate || n.dismissedOnClient) ? 0 : 1), 0);\r\n\r\n return {\r\n groups: groupedNotifications,\r\n unreadCount\r\n };\r\n });\r\n\r\n return state => {\r\n return {\r\n deviceType: state.view.deviceType,\r\n innerWidth: state.view.innerWidth,\r\n localization: createLocalization(state),\r\n notifications: notificationsReselector(state.notifications.notifications),\r\n view: state.view,\r\n isBlockedCustomer: state.authentication.isBlockedCustomer,\r\n webEditOnlyTobacco: state.authentication.webEditOnlyTobacco,\r\n showFreshFood: state.authentication.showFreshFood,\r\n newSeasonDistrDates : state.authentication.newSeasonDistrDates || [],\r\n deliveryDates: state.delivery.dates.deliveryDates || [],\r\n width: state.view.innerWidth,\r\n activeOrder: state.order.active,\r\n \r\n };\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n markNotificationAsConfirmed,\r\n logOut,\r\n setModal,\r\n setDropDown,\r\n clearModalAndDropDown,\r\n setActiveOrder,\r\n};\r\n\r\nclass Menu extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n menu: null\r\n };\r\n\r\n this.clearScreen = this.clearScreen.bind(this);\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickLogout = this.onClickLogout.bind(this);\r\n this.onClickHideMobileMenu = this.onClickHideMobileMenu.bind(this);\r\n this.onSeeAllNotifications = this.onSeeAllNotifications.bind(this);\r\n this.onClickAccountAndSettings = this.onClickAccountAndSettings.bind(this);\r\n this.onClickHelpSupport = this.onClickHelpSupport.bind(this);\r\n }\r\n\r\n clearScreen() {\r\n this.props.clearModalAndDropDown();\r\n }\r\n onClick(e, whatMenu) {\r\n if (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n if (whatMenu !== this.state.menu) {\r\n this.setState({ menu: whatMenu });\r\n } else {\r\n this.setState({ menu: null });\r\n }\r\n }\r\n onClickLogout() {\r\n const {\r\n history,\r\n logOut\r\n } = this.props;\r\n this.props.clearModalAndDropDown();\r\n logOut(history, \"Logged out\");\r\n }\r\n onClickHideMobileMenu() {\r\n this.props.clearModalAndDropDown();\r\n }\r\n onClickAccountAndSettings(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.clearModalAndDropDown();\r\n this.props.history.push(\"/account_settings\");\r\n this.setState({ menu: null });\r\n }\r\n onClickHelpSupport(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.clearModalAndDropDown();\r\n this.props.history.push(\"/help/faq/\");\r\n this.setState({ menu: null });\r\n }\r\n\r\n onSeeAllNotifications(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.props.clearModalAndDropDown();\r\n this.props.setModal(\r\n
)\r\n :(\r\n {text}
\r\n \r\n
)\r\n } \r\n \r\n {links[i].label}\r\n
);\r\n } \r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nMenu.propTypes = {\r\n deviceType: PropTypes.string,\r\n innerWidth: PropTypes.number.isRequired,\r\n location: PropTypes.object,\r\n localization: Localization.propTypes.isRequired,\r\n markNotificationAsConfirmed: PropTypes.func.isRequired,\r\n notifications: PropTypes.shape({\r\n groups: PropTypes.array.isRequired,\r\n unreadCount: PropTypes.number.isRequired\r\n }).isRequired,\r\n view: PropTypes.object,\r\n history: PropTypes.object,\r\n logOut: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n clearModalAndDropDown: PropTypes.func.isRequired,\r\n isBlockedCustomer: PropTypes.bool.isRequired,\r\n deliveryDates: PropTypes.array,\r\n width: PropTypes.number,\r\n setActiveOrder: PropTypes.func,\r\n newSeasonDistrDates : PropTypes.array.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n showFreshFood: PropTypes.bool.isRequired,\r\n webEditOnlyTobacco: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Menu));\r\n","import { setDropDown, setModal } from \"../actions/modal.js\";\r\n\r\nimport ChainMenu from \"../../kjedeweb/components/ChainMenu.jsx\";\r\nimport DominosMenu from \"../../dominosweb/components/DominosMenu.jsx\";\r\nimport HubMenu from \"../../hubweb/components/HubMenu.jsx\";\r\nimport Menu from \"./menu.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { removeSystemMessage } from \"../actions/systemMessage.js\";\r\nimport { scssVariables } from \"../util/config.jsx\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n isChainLogin: state.authentication.isChainLogin || false,\r\n isHubLogin: state.authentication.isHubLogin || false,\r\n isDominosLogin: state.authentication.isDominosLogin || false,\r\n modal: state.modal.modal,\r\n dropDown: state.modal.dropDown,\r\n deviceType: state.view.deviceType,\r\n productImage: state.productImage,\r\n messages: state.systemMessage.messages,\r\n };\r\n};\r\nconst mapDispatchToProps = {\r\n setModal,\r\n setDropDown,\r\n removeSystemMessage,\r\n};\r\n\r\nclass ContentWrapper extends React.Component{\r\n constructor(props){\r\n super(props);\r\n\r\n this.closeModal = this.closeModal.bind(this);\r\n this.closeDropDown = this.closeDropDown.bind(this);\r\n }\r\n\r\n closeModal() {\r\n this.props.setModal(null);\r\n }\r\n closeDropDown() {\r\n this.props.setDropDown(null);\r\n }\r\n \r\n render(){\r\n const {\r\n children,\r\n deviceType,\r\n modal,\r\n dropDown,\r\n extraStyles,\r\n height,\r\n paddingRight,\r\n isChainLogin,\r\n isHubLogin,\r\n isDominosLogin,\r\n } = this.props;\r\n const padding = scssVariables[`${deviceType}ContentPadding`];\r\n const usePadding = padding!==\"0px\";\r\n const style = {\r\n paddingLeft: usePadding ? padding : undefined,\r\n paddingRight: (usePadding && paddingRight) ? padding : undefined,\r\n paddingBottom: usePadding ? padding : undefined,\r\n paddingTop: usePadding ? padding : undefined,\r\n height: `${height}px`,\r\n overflowY: \"auto\",\r\n ...(extraStyles || {})\r\n };\r\n\r\n return (\r\n \r\n {deviceType !== \"xs\" ? ( \r\n \r\n {components}\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n {!webEditOnlyTobacco &&\r\n \r\n }\r\n {!webEditOnlyTobacco &&\r\n \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {modal}\r\n \r\n )}\r\n {dropDown.map( (item, index) => (\r\n \r\n
\r\n {item}\r\n \r\n ))}\r\n {localization.text(\"customerSubscriptions\", property)} ,\r\n // eslint-disable-next-line react/jsx-no-bind\r\n {\r\n onChangeSubscription(subscriptionType, \"web\", value);\r\n }}/> {\r\n onChangeSubscription(subscriptionType, \"email\", value);\r\n }}/> {\r\n onChangeSubscription(subscriptionType, \"sms\", value);\r\n }}/> \r\n \r\n );\r\n }\r\n}\r\n\r\nAccountSettingsComponent.propTypes = {\r\n customer: PropTypes.object.isRequired,\r\n customerSubscriptions: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n getOwnCustomerWelcomeInfo: PropTypes.func.isRequired,\r\n getOwnCustomerSubscriptions: PropTypes.func.isRequired,\r\n height: PropTypes.number.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n saveContactInformation: PropTypes.func.isRequired,\r\n saveCustomerSubscriptions: PropTypes.func.isRequired,\r\n validateEmail: PropTypes.func.isRequired,\r\n};","import { getOwnCustomerSubscriptions, saveCustomerSubscriptions } from \"../actions/customerSubscriptions.js\";\r\nimport { getOwnCustomerWelcomeInfo, saveContactInformation } from \"../actions/customer.js\";\r\n\r\nimport AccountSettingsComponent from \"../components/AccountSettingsComponent.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport {createLocalization} from \"../../common/util/localization.jsx\";\r\nimport { scssVariables } from \"../../common/util/config.jsx\";\r\nimport { validateEmail } from \"../../common/util/validators.js\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n customer: state.customer,\r\n customerSubscriptions: state.customerSubscriptions,\r\n deviceType: state.view.deviceType,\r\n height: state.view.innerHeight-parseInt(scssVariables.menuHeight),\r\n localization: createLocalization(state),\r\n signedInAs: state.authentication.signedInAs\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getOwnCustomerSubscriptions,\r\n getOwnCustomerWelcomeInfo,\r\n saveContactInformation,\r\n saveCustomerSubscriptions,\r\n validateEmail,\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(AccountSettingsComponent);","import { getPropertyValue } from \"../../common/util/changeUtils.jsx\";\r\n\r\n/**\r\n * Returns the estimated value of the tobacco return\r\n * @param {object} tobacco \r\n * @returns {number}\r\n */\r\nexport function estimatedTobaccoReturnValue(tobacco) {\r\n let value = 0.0;\r\n for(let i=0; i {\r\n dispatch({\r\n type: EDIT_DOCUMENT_HISTORY_QUERY,\r\n change: {\r\n filter,\r\n loading: true\r\n }\r\n });\r\n\r\n let allResultsLoaded = false;\r\n\r\n try {\r\n const state = getState();\r\n const newFilter = state.history.documents.filter;\r\n\r\n dispatch(clearDocumentsHistoryQueryResults());\r\n\r\n let freeText = newFilter.searchString;\r\n if (freeText) {\r\n freeText.trim();\r\n\r\n if (freeText.length === 0) {\r\n freeText = undefined;\r\n }\r\n }\r\n\r\n const {payload} = await dispatch(getApi(\"History/HistoryByFilterQuery\", {\r\n CustomerId: state.authentication.signedInAs,\r\n HistoryType: newFilter.historyType,\r\n NoOfHistories: 25,\r\n StartIndex: 0,\r\n FreeText: freeText\r\n }));\r\n\r\n dispatch({\r\n type: ADD_DOCUMENTS_HISTORY_QUERY_RESULTS,\r\n results: payload\r\n });\r\n\r\n allResultsLoaded = payload.length < 25;\r\n } finally {\r\n dispatch({\r\n type: EDIT_DOCUMENT_HISTORY_QUERY,\r\n change: {\r\n filter: {},\r\n loading: false,\r\n allResultsLoaded\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Rensa resultaten för dokumentquery\r\n * @returns {object}\r\n */\r\nexport function clearDocumentsHistoryQueryResults() {\r\n return {\r\n type: CLEAR_DOCUMENTS_HISTORY_QUERY_RESULTS\r\n };\r\n}\r\n\r\n/**\r\n * Ladda fler resultat i dokumentquery\r\n * @returns {func}\r\n */\r\nexport function loadMoreDocumentsHistoryQueryResults() {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n\r\n if (state.history.documents.allResultsLoaded) {\r\n return;\r\n }\r\n\r\n const filter = state.history.documents.filter;\r\n\r\n let freeText = filter.searchString;\r\n if (freeText) {\r\n freeText.trim();\r\n\r\n if (freeText.length === 0) {\r\n freeText = undefined;\r\n }\r\n }\r\n\r\n dispatch({\r\n type: EDIT_DOCUMENT_HISTORY_QUERY,\r\n change: {\r\n loading: true\r\n }\r\n });\r\n\r\n let allResultsLoaded = false;\r\n\r\n try {\r\n const {payload} = await dispatch(getApi(\"History/HistoryByFilterQuery\", {\r\n CustomerId: state.authentication.signedInAs,\r\n HistoryType: filter.historyType,\r\n NoOfHistories: 25,\r\n StartIndex: state.history.documents.results.length,\r\n FreeText: freeText\r\n }));\r\n\r\n dispatch({\r\n type: ADD_DOCUMENTS_HISTORY_QUERY_RESULTS,\r\n results: payload\r\n });\r\n\r\n allResultsLoaded = payload.length < 25;\r\n } finally {\r\n dispatch({\r\n type: EDIT_DOCUMENT_HISTORY_QUERY,\r\n change: {\r\n loading: false,\r\n allResultsLoaded\r\n }\r\n }); \r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Validates entered bagno\r\n * @param {string} supplierId\r\n * @param {number} bagIndex\r\n * @returns {func}\r\n */\r\nexport function validateBagNumber(supplierId, bagIndex){\r\n return async (dispatch, getState) => {\r\n try {\r\n const {\r\n history : {\r\n tobacco,\r\n }\r\n } = getState();\r\n\r\n const supplierIndex = tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === supplierId );\r\n if( supplierIndex<0 ){\r\n throw \"Supplier index failed\";\r\n }\r\n const bagNumber = getPropertyValue(tobacco,[\"bagSupplier\",supplierIndex,\"bags\",bagIndex,\"bagNumber\"]);\r\n if( !bagNumber ){\r\n throw \"Getting bag number failed\";\r\n }\r\n\r\n const {payload} = await dispatch( postApi(\"Return/CreateTobaccoReturnBag\",{\r\n supplierId: supplierId,\r\n bagNumber: bagNumber,\r\n }) );\r\n\r\n if(payload.createdReturnBagNo > 0){\r\n await dispatch({\r\n type: EDIT_TOBACCO_BAG,\r\n supplierId,\r\n bagIndex,\r\n change: {\r\n bagNumber: payload.createdReturnBagNo,\r\n bagNumberValidated: true,\r\n },\r\n });\r\n } else {\r\n dispatch( pushSystemMessage(payload.errorMessage, messageType.error) );\r\n }\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * adds a tobacco bag\r\n * @param {object} product \r\n * @returns {func}\r\n */\r\nexport function addTobaccoBag(product){\r\n return async (dispatch) => {\r\n try {\r\n //if no printed bag number, then we have to ask the api for one\r\n if( product.preprintedBagNo===false ){\r\n const {message, payload} = await dispatch( postApi(\"Return/CreateTobaccoReturnBag\",{\r\n supplierId: product.supplierId,\r\n productId: product.productId,\r\n bagNumber: \"\",\r\n }) );\r\n if( message===\"OK\"){\r\n await dispatch({\r\n type: ADD_TOBACCO_BAG,\r\n supplierName: product.supplierName,\r\n supplierId: product.supplierId,\r\n bagNumber: payload.createdReturnBagNo,\r\n bagNumberValidated: true,\r\n bagNumberEditable: false,\r\n });\r\n } else {\r\n throw \"Creating bag failed\";\r\n }\r\n } else {\r\n await dispatch({\r\n type: ADD_TOBACCO_BAG,\r\n supplierName: product.supplierName,\r\n supplierId: product.supplierId,\r\n bagNumber: \"\",\r\n bagNumberValidated: false,\r\n bagNumberEditable: true,\r\n });\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Removes a supplier from the tobacco list\r\n * @param {number} supplierId\r\n * @returns {func}\r\n */\r\nexport function clearSupplier(supplierId){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CLEAR_SUPPLIER,\r\n change: {\r\n supplierId,\r\n }\r\n });\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Clears the tobacco list completly\r\n * @returns {func}\r\n */\r\nexport function clearAll(){\r\n return async (dispatch, getState) => {\r\n try {\r\n\r\n const state = getState();\r\n \r\n if(state.history.tobacco.sentToEP)\r\n {\r\n // Not possible to delete return if sent to EP, give message\r\n dispatch(pushSystemMessage(\"Denne retur har allerede sents till Kolly og kan ikke slettes.\", messageType.error) );\r\n return;\r\n }\r\n\r\n // Clear the state, all lines and description\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change:{\r\n bagSupplier: [],\r\n description: \"\",\r\n }\r\n });\r\n\r\n // Delete from DB (temp table)\r\n dispatch(saveTobaccoReturn());\r\n\r\n // Finally, Clear state of ID\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change:{\r\n unconfirmedComplaintId: null,\r\n }\r\n });\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Adds or remove products in tobacco bags\r\n * @param {object} product \r\n * @param {number} qty\r\n * @param {number} value\r\n * @returns {func}\r\n */\r\nexport function addRemoveProductToTobaccoBag(product, qty){\r\n return async (dispatch, getState) => {\r\n try {\r\n const {\r\n history : {\r\n tobacco,\r\n }\r\n } = getState();\r\n\r\n if( product.returnTobaccoNotAllowedAnyLonger===true ){\r\n dispatch( pushSystemMessage(`Leverandøren har sluttet å ta retur på vare '${product.productName}'.`, messageType.error) );\r\n return;\r\n }\r\n\r\n //if the supplier is not added then create it and add a bag\r\n if( tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === product.supplierId ) === -1 ) {\r\n await dispatch( addTobaccoBag(product) );\r\n }\r\n \r\n await dispatch({\r\n type: qty>0?ADD_ITEM_TO_TOBACCO_BAG:REMOVE_ITEM_FROM_TOBACCO_BAG,\r\n product,\r\n value: qty,\r\n });\r\n\r\n const supplierIndex = getState().history.tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === product.supplierId );\r\n if( getState().history.tobacco.bagSupplier[supplierIndex].bags[0].lines.length===0 ) {\r\n dispatch( clearSupplier(product.supplierId) );\r\n }\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Edits a supplier bag\r\n * @param {string} supplierId\r\n * @param {number} bagIndex\r\n * @param {object} change\r\n * @returns {func}\r\n */\r\nexport function edditSupplierBag(supplierId, bagIndex, change){\r\n return async (dispatch, getState) => {\r\n try {\r\n const {\r\n history : {\r\n tobacco,\r\n }\r\n } = getState();\r\n\r\n if( tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === supplierId ) >= 0 ) {\r\n await dispatch({\r\n type: EDIT_TOBACCO_BAG,\r\n supplierId,\r\n bagIndex,\r\n change,\r\n });\r\n }\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Edit the tobacco return\r\n * @param {object} change\r\n * @returns {func}\r\n */\r\nexport function editTobacco(change){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change\r\n });\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Downloads tobacco return scheme file\r\n * @param {string} token\r\n * @param {string} tobaccoReturnSchemeFileName\r\n * @returns {func}\r\n */\r\nfunction downloadTobaccoSchemePdf(token, tobaccoReturnSchemeFileName) {\r\n return async (dispatch) => {\r\n try {\r\n if( tobaccoReturnSchemeFileName===null ){\r\n dispatch( pushSystemMessage(\"Kunne ikke lage PDF\", messageType.error) );\r\n } else {\r\n const blob = await getBlob(`Return/TobaccoReturnSchemePdfQuery/${tobaccoReturnSchemeFileName}`, {}, token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `${tobaccoReturnSchemeFileName}.pdf`, ContentTypes.PDF);\r\n }\r\n } catch(error){\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n *Submits the tobacco return\r\n * @param {string} token\r\n * @param {function} callbackOnSuccess\r\n * @returns {func}\r\n */\r\nexport function submitTobaccoReturn(token, callbackOnSuccess){\r\n return async (dispatch, getState) => {\r\n try {\r\n const {\r\n history : {\r\n tobacco,\r\n }\r\n } = getState();\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n submitting: true,\r\n }\r\n });\r\n\r\n let lines = [];\r\n for(let i=0; i {\r\n return {\r\n productId: ele.product.productId,\r\n wishedQtySalesUnits: ele.wishedQtySalesUnits,\r\n supplierId: ele.product.supplierId,\r\n supplierReferenceNo: bag.bagNumber,\r\n };\r\n }));\r\n }\r\n }\r\n\r\n // Submit changes - tobacco complaint is created in Epix\r\n const payload = await dispatch( postApi(\"Return/CreateTobaccoReturn\", {\r\n description: tobacco.description,\r\n pickUpByEngrospartner: tobacco.pickUpByEngrospartner,\r\n unconfirmedComplaintId: tobacco.unconfirmedComplaintId,\r\n lastSentComplaintId: tobacco.complaintId,\r\n lines,\r\n }) );\r\n\r\n if( payload.payload.amountTooLow===false ){\r\n dispatch({\r\n type: SET_TOBACCO_UNCONFIRMEDCOMPLAINTID,\r\n unconfirmedComplaintId: payload.payload.unconfirmedComplaintId,\r\n });\r\n\r\n callbackOnSuccess(payload.payload.message, () => {\r\n\r\n dispatch( downloadTobaccoSchemePdf(token, payload.payload.tobaccoReturnSchemeFileName) );\r\n });\r\n \r\n } else {\r\n dispatch( pushSystemMessage(payload.payload.errorMessage, messageType.error) );\r\n }\r\n\r\n } catch (error) {\r\n dispatch( pushSystemMessage(error && error.message, messageType.error) );\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n submitting: false,\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Get previously stored tobacco return for this customer\r\n * @returns {func}\r\n */\r\nexport function getSavedTobaccoReturn() {\r\n return async (dispatch) => {\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n loading: true\r\n }\r\n });\r\n\r\n try {\r\n const {payload} = await dispatch(getApi(\"Return/SavedTobaccoReturnQuery\"));\r\n\r\n // Display result from service\r\n if(payload != null)\r\n {\r\n if(payload.suppliers != null)\r\n {\r\n //insert existing images \r\n for(let i=0; i {\r\n try {\r\n const {\r\n history : {\r\n tobacco,\r\n }\r\n } = getState();\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n trySubmit: true,\r\n }\r\n });\r\n\r\n // first check that all bag numbers are entered correctly \r\n const supplierWithFaulty = isAllBagNumberValidated(tobacco);\r\n\r\n if(supplierWithFaulty)\r\n {\r\n dispatch(pushSystemMessage(`Posenummer må angis for leverandør ${supplierWithFaulty.supplierName}`, messageType.error));\r\n return supplierWithFaulty;\r\n }\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n submitting: true,\r\n trySubmit: false,\r\n }\r\n });\r\n\r\n let lines = [];\r\n for(let i=0; i {\r\n return {\r\n productId: ele.product.productId,\r\n wishedQtySalesUnits: ele.wishedQtySalesUnits,\r\n supplierId: ele.product.supplierId,\r\n supplierReferenceNo: bag.bagNumber,\r\n };\r\n }));\r\n }\r\n }\r\n\r\n // Call web api\r\n const payload = await dispatch( postApi(\"Return/SaveTobaccoReturn\", {\r\n description: tobacco.description,\r\n pickUpByEngrospartner: tobacco.pickUpByEngrospartner,\r\n unconfirmedComplaintId: tobacco.unconfirmedComplaintId,\r\n lines,\r\n }) );\r\n\r\n // Display result from service\r\n if(payload.payload.unconfirmedComplaintId != null)\r\n {\r\n // Save the complaint id to store\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: { unconfirmedComplaintId : payload.payload.unconfirmedComplaintId }\r\n });\r\n\r\n if(!submit)\r\n {\r\n dispatch(pushSystemMessage(payload.payload.message, messageType.message));\r\n } \r\n }\r\n else if (payload.displayMessage != null)\r\n {\r\n // Something went wrong\r\n dispatch(pushSystemMessage(payload.displayMessage, messageType.error));\r\n } \r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message, messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n submitting: false,\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\n\r\n/**\r\n * adds or remove products from the My List\r\n * @param {object} product \r\n * @param {number} qty\r\n * @returns {func}\r\n */\r\nexport function addRemoveSalesUnitToClaim(product, qty){\r\n return async (dispatch) => {\r\n try {\r\n if( qty>=0 ){\r\n //Do change to redux data\r\n await dispatch({\r\n type: ADD_TO_CLAIM_SALES_UNITS,\r\n product: product,\r\n qty,\r\n });\r\n } else {\r\n //Do change to redux data\r\n await dispatch({\r\n type: REMOVE_FROM_CLAIM_SALES_UNITS,\r\n product: product,\r\n });\r\n }\r\n \r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n/**\r\n * adds or remove products from the My List\r\n * @param {object} product \r\n * @param {number} qty\r\n * @returns {func}\r\n */\r\nexport function addRemoveWarehouseUnitToClaim(product, qty){\r\n return async (dispatch) => {\r\n try {\r\n if( qty>=0 ){\r\n //Do change to redux data\r\n await dispatch({\r\n type: ADD_TO_CLAIM_WAREHOUSE_UNITS,\r\n product: product,\r\n qty,\r\n });\r\n } \r\n else {\r\n //Do change to redux data\r\n await dispatch({\r\n type: REMOVE_FROM_CLAIM_WAREHOUSE_UNITS,\r\n product: product,\r\n });\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Edits claim properties\r\n * @param {number} change\r\n * @returns {func}\r\n */\r\nexport function editClaim(change){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: EDIT_CLAIM,\r\n change,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Edits claim properties for a list item\r\n * @param {string} productId\r\n * @param {number} change\r\n * @returns {func}\r\n */\r\nexport function editClaimItem(productId, change){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: EDIT_CLAIM_ITEM,\r\n productId,\r\n change,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Commit invoice claim\r\n * @param {object} history\r\n * @param {string} invoiceId\r\n * @returns {func}\r\n */\r\nexport function commitInvoiceClaim(history, invoiceId){\r\n return async (dispatch, getState) => {\r\n try {\r\n dispatch({\r\n type: EDIT_CLAIM,\r\n committing: true,\r\n });\r\n const claim = getState().history.claim;\r\n\r\n // Create formdata object, must use uppercase objects, so create a new one...\r\n const formData = new FormData();\r\n\r\n const lines = claim.lines.map(l => ({\r\n ProductId: l.product.productId,\r\n ClaimQtySalesUnits: l.claimQtySalesUnits,\r\n ClaimQtyWarehouseUnits: l.claimQtyWarehouseUnits,\r\n ReasonCode: l.reasonCode,\r\n ReturnGoods: l.returnGoods ? l.returnGoods : false,\r\n }));\r\n\r\n const claimData = {\r\n InvoiceId : invoiceId,\r\n Description : claim.description,\r\n //Attachments : claim.attachments,\r\n Lines: lines,\r\n };\r\n\r\n // Attachment array must be treated specially\r\n claim.attachments.forEach(a => formData.append(\"Attachments\", a));\r\n \r\n buildFormData(formData, claimData); \r\n\r\n const headers = new Headers();\r\n headers.append(\"Accept\", ContentTypes.JSON);\r\n headers.append(\"Authorization\", `Bearer ${getState().authentication.token}`);\r\n\r\n const payload = await fetch(makeApiUrl(\"Return/CreateInvoiceClaim\"), {\r\n method: \"POST\",\r\n headers,\r\n body: formData\r\n });\r\n\r\n if( payload && payload.ok){\r\n const mess = await(payload.json());\r\n dispatch( pushSystemMessage(mess.payload, messageType.message) );\r\n history.push(\"/dashboard\");\r\n dispatch({\r\n type: CLEAR_CLAIM,\r\n });\r\n } else {\r\n dispatch( pushSystemMessage(\"Kan ikke opprette reklamasjon\", messageType.error) );\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: EDIT_CLAIM,\r\n committing: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Creates FormData from JS-object\r\n * @param {object} formData\r\n * @param {object} data\r\n * @param {string} parentKey\r\n * @returns {object}\r\n */\r\nfunction buildFormData(formData, data, parentKey) {\r\n if (data && typeof data === \"object\" && !(data instanceof Date) && !(data instanceof File)) {\r\n Object.keys(data).forEach(key => {\r\n buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key);\r\n });\r\n } \r\n else {\r\n const value = data == null ? \"\" : data;\r\n formData.append(parentKey, value);\r\n }\r\n}\r\n\r\n/**\r\n * Clears up the claim cart\r\n * @returns {func}\r\n */\r\nexport function clearClaim(){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: CLEAR_CLAIM,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Download invoice\r\n * @param {string} invoiceId\r\n * @param {string} freeText\r\n * @returns {func}\r\n */\r\nexport function getInvoiceDetails(invoiceId, freeText){\r\n return async (dispatch) => {\r\n try {\r\n const payload = await dispatch( getApi(\"History/InvoiceDetailsQuery\", { invoiceId: invoiceId, freeText: freeText}) );\r\n\r\n if( payload && payload.payload)\r\n {\r\n for(let i=0; i {\r\n try {\r\n if( getState().history.lastInvoiceForProduct[productId]===undefined){\r\n const payload = await dispatch(getApi(\"Product/LastInvoiceIdForProductQuery\", {productId}));\r\n \r\n dispatch({\r\n type: ADD_INVOICE_ID_TO_LIST,\r\n productId,\r\n invoiceId: payload.payload,\r\n });\r\n }\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Get tobacco supplier\r\n * @returns {func}\r\n */\r\nexport function getTobaccoSuppliers(){\r\n return async (dispatch) => {\r\n try {\r\n const {payload} = await dispatch(getApi(\"Product/SupplierNamesQuery\"));\r\n\r\n const list = payload.filter( (item) => item.handlesTobacco );\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO,\r\n change: {\r\n suppliers: list,\r\n }\r\n });\r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Downloads a pdf\r\n * @param {string} token\r\n * @param {string} signedInAs\r\n * @param {object} result\r\n * @returns {func}\r\n */\r\nexport function downloadHistoryPdf(token, signedInAs, result){\r\n return async (dispatch) => {\r\n try {\r\n const blob = await getBlob(\"History/HistoryPdfFileQuery\", {\r\n customerId: signedInAs,\r\n historyType: result.historyType,\r\n historyPdfKey: result.historyPdfKey,\r\n }, token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `${result.historyType}-${result.historyPdfKey}.pdf`, ContentTypes.PDF);\r\n\r\n } catch (error) {\r\n dispatch( pushSystemMessage(error.message || \"Fil ikke funnet\", messageType.error) );\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\nexport const EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY = \"EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY\";\r\nexport const ADD_TOBACCO_DOCUMENTS_HISTORY_RESULTS = \"ADD_TOBACCO_DOCUMENTS_HISTORY_RESULTS\";\r\nexport const CLEAR_TOBACCO_DOCUMENTS_HISTORY_RESULTS = \"CLEAR_TOBACCO_DOCUMENTS_HISTORY_RESULTS\";\r\n\r\n/**\r\n * Ändra i filter för tobakshistorik\r\n * @param {object} filter - Nytt filter till dokumentquery\r\n * @returns {func}\r\n */\r\nexport function editTobaccoDocumentsHistoryQuery(filter) {\r\n return async (dispatch, getState) => {\r\n dispatch({\r\n type: EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY,\r\n change: {\r\n filter,\r\n loading: true\r\n }\r\n });\r\n\r\n let allResultsLoaded = false;\r\n\r\n try {\r\n const state = getState();\r\n const newFilter = state.history.tobaccoDocuments.filter;\r\n\r\n dispatch(clearTobaccoDocumentsHistoryQueryResults());\r\n\r\n let freeText = newFilter.searchString;\r\n if (freeText) {\r\n freeText.trim();\r\n\r\n if (freeText.length === 0) {\r\n freeText = undefined;\r\n }\r\n }\r\n\r\n const {payload} = await dispatch(getApi(\"Return/ReturnOrdersByFilterQuery\", {\r\n NoOfOrders: 25,\r\n StartIndex: 0,\r\n FreeText: freeText\r\n }));\r\n\r\n dispatch({\r\n type: ADD_TOBACCO_DOCUMENTS_HISTORY_RESULTS,\r\n results: payload\r\n });\r\n\r\n allResultsLoaded = payload.length < 25;\r\n } finally {\r\n dispatch({\r\n type: EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY,\r\n change: {\r\n filter: {},\r\n loading: false,\r\n allResultsLoaded\r\n }\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Rensa resultaten för dokumentquery\r\n * @returns {object}\r\n */\r\nexport function clearTobaccoDocumentsHistoryQueryResults() {\r\n return {\r\n type: CLEAR_TOBACCO_DOCUMENTS_HISTORY_RESULTS\r\n };\r\n}\r\n\r\n/**\r\n * Ladda fler resultat i dokumentquery\r\n * @returns {func}\r\n */\r\nexport function loadMoreTobaccoDocumentsHistoryQueryResults() {\r\n return async (dispatch, getState) => {\r\n const state = getState();\r\n\r\n if (state.history.tobaccoDocuments.allResultsLoaded) {\r\n return;\r\n }\r\n\r\n const filter = state.history.tobaccoDocuments.filter;\r\n\r\n let freeText = filter.searchString;\r\n if (freeText) {\r\n freeText.trim();\r\n\r\n if (freeText.length === 0) {\r\n freeText = undefined;\r\n }\r\n }\r\n\r\n dispatch({\r\n type: EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY,\r\n change: {\r\n loading: true\r\n }\r\n });\r\n\r\n let allResultsLoaded = false;\r\n\r\n try {\r\n const {payload} = await dispatch(getApi(\"Return/ReturnOrdersByFilterQuery\", {\r\n NoOfOrders: 25,\r\n StartIndex: state.history.tobaccoDocuments.results.length,\r\n FreeText: freeText\r\n }));\r\n\r\n dispatch({\r\n type: ADD_TOBACCO_DOCUMENTS_HISTORY_RESULTS,\r\n results: payload\r\n });\r\n\r\n allResultsLoaded = payload.length < 25;\r\n } finally {\r\n dispatch({\r\n type: EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY,\r\n change: {\r\n loading: false,\r\n allResultsLoaded\r\n }\r\n }); \r\n }\r\n };\r\n}","import { getApi, getEncodedSearchString } from \"../../common/actions/net.js\";\r\nimport { getExistingProductImage, loadProductImage } from \"./productImage.js\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { getInvoiceDetails } from \"./history.js\";\r\n\r\nexport const SET_QUERY_RESAULTS = \"SET_QUERY_RESAULTS\";\r\nexport const ADD_QUERY_RESAULTS = \"ADD_QUERY_RESAULTS\";\r\nexport const SET_QUERY_PRODUCT_IMAGE_URL = \"SET_QUERY_PRODUCT_IMAGE_URL\";\r\nexport const QUERY_IS_LOADING = \"QUERY_IS_LOADING\";\r\nexport const QUERY_DONE_LOADING = \"QUERY_DONE_LOADING\";\r\nexport const QUERY_FAILED_LOADING = \"QUERY_DONE_LOADING\";\r\nexport const EDIT_QUERY_FILTER = \"EDIT_QUERY_FILTER\";\r\nexport const CLEAR_QUERY_RESAULTS = \"CLEAR_QUERY_RESAULTS\";\r\nexport const QUERY_ALL_RESAULTS_LOADED = \"QUERY_ALL_RESAULTS_LOADED\";\r\nexport const SET_QUERY_OPTION = \"SET_QUERY_OPTION\";\r\n\r\nconst addQueryResaults = (productsArray, startIndex) => ({\r\n type: ADD_QUERY_RESAULTS,\r\n resaults: productsArray,\r\n startIndex,\r\n});\r\n\r\nconst setQueryProductImageUrl = (index, imageUrl) => ({\r\n type: SET_QUERY_PRODUCT_IMAGE_URL,\r\n index,\r\n imageUrl\r\n});\r\n\r\n\r\nconst setQueryIsLoading = () => ({\r\n type: QUERY_IS_LOADING,\r\n});\r\nconst setQueryDoneLoading = () => ({\r\n type: QUERY_DONE_LOADING,\r\n});\r\nconst setQueryFailedLoading = () => ({\r\n type: QUERY_FAILED_LOADING,\r\n});\r\n\r\nconst setQueryAllResaultsLoaded = () => ({\r\n type: QUERY_ALL_RESAULTS_LOADED,\r\n});\r\n\r\n/**\r\n * Downloads more search resaults on active query\r\n * @param {object} productQuery \r\n * @param {object} productImage\r\n * @param {number} noOfProducts\r\n * @param {number} invoiceId\r\n * @returns {func}\r\n */\r\nexport function loadMoreSearchedProducts(productQuery, productImage, noOfProducts=50, invoiceId=0){\r\n return async (dispatch) => {\r\n try {\r\n //make sure there is something new to load\r\n if( productQuery.allResaultsLoaded ){\r\n return true;\r\n }\r\n\r\n //start collection new lines\r\n dispatch( setQueryIsLoading() );\r\n \r\n if(invoiceId > 0)\r\n {\r\n dispatch(getInvoiceDetails(invoiceId, productQuery.filter.searchString));\r\n } \r\n else\r\n {\r\n const startIndex = productQuery.resaults.length;\r\n //load in more products\r\n const {payload} = await dispatch(getApi(\"Product/ProductFreeTextQuery\", {\r\n customerId: productQuery.filter.customerId,\r\n noOfProducts: noOfProducts,\r\n startIndex: startIndex,\r\n freeText: getEncodedSearchString(productQuery.filter.searchString),\r\n ReturnTobacco: productQuery.filter.ReturnTobacco ? true : false,\r\n ProductsForClaim: productQuery.filter.ProductsForClaim ? true : false,\r\n OnlyCampaigns: productQuery.filter.OnlyCampaigns ? true : false,\r\n OnlyNews: productQuery.filter.OnlyNews ? true : false,\r\n OnlyLastSold: productQuery.filter.OnlyLastSold ? true : false,\r\n SupplierId: productQuery.filter.SupplierId? productQuery.filter.SupplierId : undefined,\r\n //SupplierParentId: productQuery.filter.SupplierId? productQuery.filter.SupplierId : undefined,\r\n ProductGroupId: productQuery.filter.ProductGroupId? productQuery.filter.ProductGroupId : undefined,\r\n SortingColumn : productQuery.filter.SortingColumn? productQuery.filter.SortingColumn : undefined,\r\n SortDescending: productQuery.filter.SortDescending ? true : false,\r\n }));\r\n \r\n //check if all data has been loaded\r\n if( payload.length!=noOfProducts ){\r\n dispatch( setQueryAllResaultsLoaded() );\r\n }\r\n \r\n //insert existing images\r\n for(let i=0; i {return {product:prd};});\r\n \r\n //store query resaults\r\n await dispatch( addQueryResaults(prdList,startIndex,noOfProducts) );\r\n \r\n //download all images not already inserted\r\n for(let index=0; index dispatch( setQueryProductImageUrl(startIndex+index, imageUrl) );\r\n dispatch( loadProductImage(productImage, prdList[index].product.productId, prdList[index].product.imageFileName, callback) );\r\n }\r\n }\r\n \r\n\r\n }\r\n\r\n \r\n dispatch( setQueryDoneLoading() );\r\n } catch (error) {\r\n dispatch( setQueryFailedLoading() );\r\n dispatch(pushSystemMessage(error && error.message || \"Søket mislyktes\", messageType.error));\r\n\r\n if(error.message === \"Ukjent vare\" || error.message === \"Ikke tilgjengelig\" || error.message === \"Utgått av sortimentet\")\r\n {\r\n await dispatch({\r\n type: EDIT_QUERY_FILTER,\r\n change: { searchString: \"\" },\r\n });\r\n\r\n return false;\r\n }\r\n\r\n Logger.error(error);\r\n return true;\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Changes the query filter\r\n * @param {object} productQuery \r\n * @param {object} productImage\r\n * @param {object} change\r\n * @param {func} callback // function will be called when the state has been updated\r\n * @returns {func}\r\n */\r\nexport function editQueryFilter(productQuery, productImage, change, callback){\r\n return async (dispatch) => {\r\n await dispatch({\r\n type: EDIT_QUERY_FILTER,\r\n change\r\n });\r\n\r\n try {\r\n dispatch( setQueryIsLoading() );\r\n\r\n const res = await callback();\r\n\r\n if (res === false)\r\n {\r\n callback();\r\n } \r\n\r\n } catch (error) {\r\n Logger.error(error);\r\n } finally {\r\n dispatch( setQueryDoneLoading() );\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Changes the query filter\r\n * @returns {func}\r\n */\r\nexport function clearQuery(){\r\n return async (dispatch) => {\r\n dispatch({\r\n type: CLEAR_QUERY_RESAULTS,\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Changes the query filter\r\n * @param {object} returnTobacco \r\n * @returns {func}\r\n */\r\nexport function prepareQueryOptions(returnTobacco){\r\n return async (dispatch) => {\r\n const payloadGroup = await dispatch( getApi(\"Product/ProductGroupQuery\", { ReturnTobacco: returnTobacco ? true : false }) );\r\n const payloadSupplier = await dispatch( getApi(\"Product/SupplierNamesQuery\", { ReturnTobacco: returnTobacco ? true : false }) );\r\n dispatch({\r\n type: SET_QUERY_OPTION,\r\n productGroups: payloadGroup ? payloadGroup.payload : null,\r\n productSuppliers: payloadSupplier ? payloadSupplier.payload : null,\r\n });\r\n };\r\n}","import \"../../../styles/input.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport const tagTypes = {\r\n red: \"tag-red\",\r\n grey: \"tag-grey\",\r\n green: \"tag-green\"\r\n};\r\n\r\nexport class Tag extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n \r\n }\r\n\r\n render() {\r\n const {\r\n className,\r\n label,\r\n type,\r\n onClickTag,\r\n } = this.props;\r\n return(\r\n \r\n \r\n );\r\n }\r\n}\r\nProductViewModal.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n product: PropTypes.object.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n onAddProductChange: PropTypes.func,\r\n onCloseModal: PropTypes.func.isRequired,\r\n width: PropTypes.number.isRequired,\r\n token: PropTypes.string.isRequired,\r\n downloadHmsPdf: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n lastInvoiceForProduct: PropTypes.object.isRequired,\r\n getLastInvoiceForProduct: PropTypes.func.isRequired,\r\n addRemoveSalesUnitToClaim: PropTypes.func.isRequired,\r\n clearClaim: PropTypes.func.isRequired,\r\n onMyListEdit: PropTypes.func,\r\n salesLineId: PropTypes.number,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps,mapDispatchToProps)(ProductViewModal));","import \"../../../../styles/productViewListItem.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport {canWorkWithOrder, countAddedProduct, countWhat, getProductOrderProperty} from \"../../util/orderUtil.js\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductViewModal from \"./ProductViewModal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\n\r\n// Component that contains the column headers of a list\r\n// Certain columns are sortable and are displayd as buttons with an up or down arrow icon to indicate the sorting order.\r\nexport class ProductViewListHeader extends React.PureComponent {\r\n\r\n constructor(props){\r\n super(props);\r\n this.sortProductName = this.sortProductName.bind(this);\r\n this.sortEpdNo = this.sortEpdNo.bind(this);\r\n\r\n this.state = { sortDescendingName: false, sortAscendingName: false, sortDescendingEpdNo: false, sortAscendingEpdNo: false, };\r\n }\r\n\r\n sortProductName()\r\n { \r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingName || !this.state.sortAscendingName;\r\n const descending = !ascending;\r\n \r\n this.setState( { sortDescendingName: descending, sortAscendingName : ascending, sortDescendingEpdNo: false, sortAscendingEpdNo: false });\r\n\r\n // Kolla denna för fakturareklamation: använder state.history.invoices[parseInt(ownProps.match.params.invoiceId || \"0\")].invoiceLines \r\n // Borde inte anropa loadMoreProducts som är undefined\r\n\r\n this.props.editQueryFilter({\r\n SortingColumn: \"ProductName\",\r\n SortDescending: descending,\r\n });\r\n \r\n this.props.loadMoreProducts(50);\r\n }\r\n\r\n sortEpdNo()\r\n { \r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingEpdNo || !this.state.sortAscendingEpdNo;\r\n const descending = !ascending;\r\n \r\n this.setState( { sortDescendingEpdNo: descending, sortAscendingEpdNo : ascending, sortDescendingName: false, sortAscendingName: false });\r\n\r\n this.props.editQueryFilter({\r\n SortingColumn: \"EpdNo\",\r\n SortDescending: descending,\r\n });\r\n\r\n this.props.loadMoreProducts(50);\r\n }\r\n\r\n render(){\r\n const {\r\n deviceType,\r\n localization,\r\n } = this.props;\r\n\r\n switch(deviceType) {\r\n case \"xs\":\r\n return (\r\n );\r\n }\r\n closeProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n \r\n this.props.setModal(null);\r\n }\r\n\r\n onSwapReplacedProduct()\r\n {\r\n const {\r\n product,\r\n swapReplacedProduct,\r\n } = this.props;\r\n\r\n swapReplacedProduct(product.productId, product.replacedByProductId);\r\n } \r\n \r\n render(){\r\n const {\r\n deviceType,\r\n disabled,\r\n localization,\r\n product,\r\n counting,\r\n list,\r\n border,\r\n countingNode,\r\n style,\r\n draggableIcon,\r\n priceInSalesUnits,\r\n swapReplacedProduct,\r\n salesLineId,\r\n } = this.props;\r\n\r\n let iconType = iconTypes.x;\r\n if( product.productStorageType==\"Tørr\" ) {\r\n iconType = iconTypes.box;\r\n } else if( product.productStorageType==\"Frys\" ) {\r\n iconType = iconTypes.snowflake;\r\n } else if( product.productStorageType==\"Kjøl\" ) {\r\n iconType = iconTypes.thermostat;\r\n } \r\n\r\n const addedCount = countAddedProduct(list, product.productId, counting);\r\n const isLocked = getProductOrderProperty(list, product.productId, \"isLocked\", salesLineId) || getProductOrderProperty(list, product.productId, \"isKitMember\", salesLineId);\r\n const hasWarning = getProductOrderProperty(list, product.productId, \"warningText\", salesLineId)!=null;\r\n const hasError = getProductOrderProperty(list, product.productId, \"errorText\", salesLineId)!=null;\r\n const canEdit = canWorkWithOrder(list) && !disabled && counting!=countWhat.ordered && !isLocked && !product.notActive;\r\n const minValue = getProductOrderProperty(list, product.productId, \"mustOrderAtLeastOne\", salesLineId)?1:0;\r\n const isOpenDistribution = getProductOrderProperty(list, product.productId, \"isOpenDistributionLine\", salesLineId);\r\n const price = hasError? \"\" : priceInSalesUnits ? (product.pricePerSalesUnit*addedCount).toFixed(2) : product.price.toFixed(2);\r\n const discountValue = (product.campaignDiscount ? `-${product.campaignDiscount.toFixed(2)}%` : \"\");\r\n \r\n const countingNodeWithProps = React.cloneElement(countingNode, {onEdit:this.change, value:addedCount, salesLineId:salesLineId, border:border, disabled:!canEdit, minValue:minValue, product, activeOrder:list, notActive: product.notActive});\r\n\r\n switch(deviceType) {\r\n case \"xs\":\r\n return (\r\n );\r\n }\r\n closeProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.setModal(null);\r\n }\r\n render(){\r\n const {\r\n disabled,\r\n localization,\r\n product,\r\n activeOrder,\r\n countProductsInList,\r\n countingNode,\r\n } = this.props;\r\n\r\n const isLocked = getProductOrderProperty(activeOrder, product.productId, \"isLocked\"); //|| getProductOrderProperty(activeOrder, product.productId, \"isKitMember\");\r\n const hasWarning = getProductOrderProperty(activeOrder, product.productId, \"warningText\")!=null;\r\n const hasError = getProductOrderProperty(activeOrder, product.productId, \"errorText\")!=null;\r\n const canEdit = canWorkWithOrder(activeOrder) && !disabled && !isLocked && !product.notActive;\r\n const added = countProductsInList?countProductsInList(activeOrder, product.productId):countAddedProduct(activeOrder, product.productId, countWhat.everything);\r\n const salesLineId = getSalesLineId(activeOrder, product.productId, true);\r\n const minValue = getProductOrderProperty(activeOrder, product.productId, \"mustOrderAtLeastOne\")?1:0;\r\n const isOpenDistribution = getProductOrderProperty(activeOrder, product.productId, \"isOpenDistributionLine\");\r\n\r\n const countingNodeWithProps = React.cloneElement(countingNode, {onEdit:this.change, value:added, salesLineId:salesLineId, disabled:!canEdit, minValue:minValue, product, activeOrder, notActive: product.notActive, notActiveText: product.notActiveText});\r\n const priceOrDiscount = (product.campaignDiscount ? `-${product.campaignDiscount.toFixed(2)}%` : product.price.toFixed(2));\r\n\r\n return (\r\n
\r\n {children}\r\n
\r\n \r\n );\r\n }\r\n}\r\nContentWrapper.propTypes = {\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n removeSystemMessage: PropTypes.func.isRequired,\r\n isChainLogin: PropTypes.bool.isRequired,\r\n isHubLogin: PropTypes.bool.isRequired,\r\n isDominosLogin: PropTypes.bool.isRequired,\r\n view: PropTypes.object,\r\n children: PropTypes.node,\r\n deviceType: PropTypes.string,\r\n height: PropTypes.number,\r\n paddingRight: PropTypes.bool,\r\n extraStyles: PropTypes.object,\r\n modal: PropTypes.node,\r\n dropDown: PropTypes.node,\r\n};\r\n\r\nContentWrapper.defaultProps = {\r\n paddingRight: true\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ContentWrapper);","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class LabelField extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render() {\r\n const {\r\n label,\r\n isRequired\r\n } = this.props;\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nLabelField.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n isRequired: PropTypes.bool\r\n};\r\n\r\nLabelField.defaultProps = {\r\n label: \"\",\r\n isRequired: false\r\n};","import \"../../../styles/switch.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nclass Switch extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n onClick(e) {\r\n if (this.props.disabled) {\r\n return;\r\n }\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(!this.props.checked);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n checked,\r\n disabled,\r\n checkedLabel,\r\n uncheckedLabel\r\n } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSwitch.propTypes = {\r\n checked: PropTypes.bool,\r\n checkedLabel: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n uncheckedLabel: PropTypes.string\r\n};\r\n\r\nexport default Switch;","import \"../../../styles/accountSettingsComponent.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"../../common/components/Icon.jsx\";\r\nimport {Redirect, Route, Switch} from \"react-router-dom\";\r\nimport { TitleTab, TitleTabs } from \"../../common/components/TitleTabs.jsx\";\r\n\r\nimport ContentWrapper from \"../../common/components/ContentWrapper.jsx\";\r\nimport Immutable from \"seamless-immutable\";\r\nimport LabelField from \"../../common/components/LabelField.jsx\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {Localization} from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../common/components/ResponsiveRows.jsx\";\r\nimport {default as SwitchComponent} from \"../../common/components/Switch.jsx\";\r\nimport TextField from \"../../common/components/TextField.jsx\";\r\nimport { getPropertyValue } from \"../../common/util/changeUtils\";\r\n\r\nconst ICON_STYLE = {\r\n marginLeft: \"-6px\"\r\n};\r\n\r\nclass MyAccountComponent extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n customer: null\r\n };\r\n\r\n this.onEdit = (change) => {\r\n this.setState({\r\n customer: {\r\n ...(this.state.customer || this.props.customer),\r\n ...change\r\n }\r\n });\r\n };\r\n\r\n this.onReset = (e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.setState({\r\n customer: null\r\n });\r\n };\r\n\r\n this.onSave = async (e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n const {\r\n validateEmail\r\n } = this.props;\r\n\r\n let disabled = false;\r\n disabled |= !this.state.customer;\r\n disabled |= this.props.customer.saving;\r\n\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n disabled |= getPropertyValue(this.state.customer, \"email\") !== null && !validateEmail(getPropertyValue(this.state.customer, \"email\"));\r\n disabled |= getPropertyValue(this.state.customer, \"email2\") !== null && !validateEmail(getPropertyValue(this.state.customer, \"email2\"));\r\n\r\n if (!disabled) {\r\n await this.props.saveContactInformation(\r\n getPropertyValue(this.state.customer, \"contact\"),\r\n getPropertyValue(this.state.customer, \"email\"),\r\n getPropertyValue(this.state.customer, \"mobile\"),\r\n getPropertyValue(this.state.customer, \"contact2\"),\r\n getPropertyValue(this.state.customer, \"email2\"),\r\n getPropertyValue(this.state.customer, \"mobile2\")\r\n );\r\n \r\n this.setState({\r\n customer: null\r\n });\r\n }\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getOwnCustomerWelcomeInfo();\r\n }\r\n\r\n render() {\r\n const {\r\n deviceType,\r\n localization,\r\n validateEmail\r\n } = this.props;\r\n\r\n const customer = this.state.customer || this.props.customer;\r\n\r\n let disabled = false;\r\n disabled |= getPropertyValue(customer, \"email\") !== null && !validateEmail(getPropertyValue(customer, \"email\"));\r\n disabled |= getPropertyValue(customer, \"email2\") !== null && !validateEmail(getPropertyValue(customer, \"email2\"));\r\n disabled |= customer.saving;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {((checked && checkedLabel) || (!checked && uncheckedLabel)) && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {checked ? checkedLabel : uncheckedLabel}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {localization.text(\"myAccount\", \"changePassword\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMyAccountComponent.propTypes = {\r\n customer: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n getOwnCustomerWelcomeInfo: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n saveContactInformation: PropTypes.func.isRequired,\r\n validateEmail: PropTypes.func.isRequired,\r\n};\r\n\r\n\r\nconst createNotificationSetting = ({subscriptionType, web, email, sms}, property, localization, onChangeSubscription, disabled) => [\r\n \r\n {localization.text(\"myAccount\", \"storeInformation\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"myAccount\", \"contact\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"myAccount\", \"contact2\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nNotificationsComponent.propTypes = {\r\n customerSubscriptions: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n getOwnCustomerSubscriptions: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n saveCustomerSubscriptions: PropTypes.func.isRequired,\r\n validateEmail: PropTypes.func.isRequired,\r\n};\r\n\r\nconst MARGIN_STYLE = {\r\n margin: \"16px\"\r\n};\r\n\r\nexport default class AccountSettingsComponent extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n const {\r\n customer,\r\n customerSubscriptions,\r\n deviceType,\r\n getOwnCustomerWelcomeInfo,\r\n getOwnCustomerSubscriptions,\r\n height,\r\n localization,\r\n saveContactInformation,\r\n saveCustomerSubscriptions,\r\n validateEmail,\r\n } = this.props;\r\n\r\n const isTinyDevice = deviceType==\"xs\";\r\n\r\n return (\r\n \r\n \r\n \r\n {localization.text(\"customerSubscriptions\", \"sendNotificationsFor\")}\r\n \r\n \r\n {localization.text(\"customerSubscriptions\", \"web\")}\r\n \r\n \r\n {localization.text(\"customerSubscriptions\", \"email\")}\r\n \r\n \r\n {localization.text(\"customerSubscriptions\", \"sms\")}\r\n \r\n\r\n {createNotificationSetting(orderConfirmation, \"orderConfirmation\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(autoCorrection, \"autoCorrection\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(orderChanged, \"orderChanged\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(complaintConfirmation, \"complaintConfirmation\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(invoice, \"invoice\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(monthReport, \"monthReport\", localization, this.onChangeSubscription)}\r\n {createNotificationSetting(deliveryNote, \"deliveryNote\", localization, this.onChangeSubscription)}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!isTinyDevice && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {/* eslint-disable-next-line react/jsx-no-bind */}\r\n (\r\n (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nTag.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n type: PropTypes.string.isRequired,\r\n className: PropTypes.string,\r\n onClickTag: PropTypes.func,\r\n};","import \"../../../styles/CounterField.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\"; \r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class CounterField extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n focused: false,\r\n value: this.props.value || 0,\r\n recivedValue: this.props.value || 0,\r\n timeout: null,\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onKeyUp = this.onKeyUp.bind(this);\r\n this.onSetValue = this.onSetValue.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.getClassName = this.getClassName.bind(this);\r\n this.clearTimeout = this.clearTimeout.bind(this);\r\n this.resetTimeout = this.resetTimeout.bind(this);\r\n\r\n this.onDoEdit = this.onDoEdit.bind(this);\r\n this.onClickAdd = this.onClickAdd.bind(this);\r\n this.onClickDecrease = this.onClickDecrease.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n this.setState({\r\n value: nextProps.value,\r\n recivedValue: nextProps.value,\r\n });\r\n\r\n // if( nextProps.value!==this.state.recivedValue ){\r\n // this.setState({\r\n // value: nextProps.value,\r\n // recivedValue: nextProps.value,\r\n // });\r\n // }\r\n }\r\n\r\n onChange(event) {\r\n const newValStr = event.target.value.replace(/\\D/,\"\");\r\n\r\n if (newValStr === \"\")\r\n {\r\n this.setState({\r\n value: \"\",\r\n });\r\n return;\r\n }\r\n\r\n const parsedValue = parseInt(newValStr);\r\n\r\n this.onSetValue(parsedValue>=1?parsedValue:0);\r\n }\r\n onFocus() {\r\n this.setState({ focused: true });\r\n }\r\n onBlur() {\r\n this.setState({ focused: false });\r\n }\r\n onDoEdit(value) {\r\n this.resetTimeout( () => {\r\n this.props.onEdit({\r\n value: value,\r\n salesLineId: this.props.salesLineId,\r\n });\r\n });\r\n }\r\n onSetValue(newValue) {\r\n const currentValue = this.state.value;\r\n const setValue = Math.max(this.props.minValue, newValue);\r\n if( this.props.activeOrder && this.props.activeOrder.bagSupplier!=null && this.props.product && this.props.product.returnTobaccoNotAllowedAnyLonger===true){\r\n this.props.onEdit({\r\n value: 0,\r\n salesLineId: null,\r\n });\r\n return;\r\n }\r\n if(setValue !== currentValue) {\r\n this.setState({\r\n value: setValue,\r\n });\r\n }\r\n this.onDoEdit(setValue);\r\n }\r\n onKeyUp(target) {\r\n if(target.key === \"Enter\") {\r\n //user actively pushed send\r\n this.onBlur();\r\n }\r\n }\r\n getClassName() {\r\n const {\r\n isValid\r\n } = this.props;\r\n\r\n let className = \"input-text\";\r\n if(!this.state.focused){\r\n if(isValid===false){\r\n className += \" error\";\r\n }else if(isValid===true){\r\n className += \" is-valid\";\r\n }\r\n }\r\n return className;\r\n }\r\n\r\n onClickAdd(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n \r\n this.onSetValue( (this.state.value==null || isNaN(this.state.value))?1:this.state.value+1 );\r\n\r\n }\r\n onClickDecrease(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n\r\n this.onSetValue( Math.max(this.props.minValue, this.state.value-1) );\r\n\r\n }\r\n clearTimeout() {\r\n if( this.state.timeout ) {\r\n clearTimeout(this.state.timeout);\r\n this.setState({\r\n timeout: null\r\n });\r\n }\r\n }\r\n resetTimeout(func) {\r\n if( this.state.timeout ) {\r\n clearTimeout(this.state.timeout);\r\n }\r\n this.setState({\r\n timeout: setTimeout( func, 500 )\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n className,\r\n disabled,\r\n isValid,\r\n spellcheck,\r\n placeholder,\r\n tabIndex,\r\n maxLength,\r\n border,\r\n invisibleBackground,\r\n alwaysShowInputField,\r\n small,\r\n notActive,\r\n notActiveText,\r\n changed,\r\n } = this.props;\r\n\r\n const expanded = alwaysShowInputField || this.state.focused || (this.state.value && this.state.value>0) ? true : false;\r\n \r\n const inputStyle = {\r\n color: (isValid==null&&this.state.focused==false)? changed ? \"#ffffff\" : \"#78829c\" : undefined,\r\n width: expanded ? \"100%\" : \"42px\",\r\n left: expanded ? \"0px\" : \"calc(100% - 42px)\",\r\n };\r\n const iconMinusStyle = {\r\n left: expanded ? \"0px\" : \"calc(100% - 42px)\", \r\n marginTop: small ? \"-5px\" : \"0px\" \r\n };\r\n const iconMinusClickStyle = {\r\n pointerEvents: expanded?undefined:\"none\",\r\n };\r\n const iconPlusStyle = {\r\n left: \"calc(100% - 42px)\",\r\n marginTop: small ? \"-5px\" : \"0px\" , \r\n backgroundColor: notActive ? \"#f6f7f8\" : \"rgba(255,255,255,0)\"\r\n };\r\n\r\n return (\r\n // #3dc184 - grön, #e63332 - röd\r\n \r\n {label}\r\n
\r\n \r\n {expanded ? (\r\n \r\n \r\n
\r\n );\r\n }\r\n return nodes;\r\n };\r\n\r\n return type===loadingTypes.circle ? (\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCounterField.propTypes = {\r\n // Mandatory\r\n onEdit: PropTypes.func, // onEdit(change)\r\n value: PropTypes.number,\r\n // Optional\r\n salesLineId: PropTypes.number,\r\n valueTotal: PropTypes.number,\r\n maxLength: PropTypes.number,\r\n disabled: PropTypes.bool,\r\n isValid: PropTypes.bool,\r\n spellcheck: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n tabIndex: PropTypes.number,\r\n usingSubmit: PropTypes.bool,\r\n className: PropTypes.string,\r\n border: PropTypes.bool,\r\n small: PropTypes.bool,\r\n invisibleBackground: PropTypes.bool,\r\n alwaysShowInputField: PropTypes.bool,\r\n minValue: PropTypes.number,\r\n product: PropTypes.object,\r\n activeOrder: PropTypes.object,\r\n notActive: PropTypes.bool,\r\n notActiveText: PropTypes.string,\r\n changed: PropTypes.bool,\r\n};\r\n\r\nCounterField.defaultProps = {\r\n disabled: false,\r\n isValid: null,\r\n usingIcon: undefined,\r\n usingSubmit: false,\r\n border: true,\r\n small: false,\r\n invisibleBackground: false,\r\n alwaysShowInputField: false,\r\n minValue: 0,\r\n};","import \"../../../styles/loading.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport const loadingTypes = {\r\n circle: \"circle\",\r\n line: \"line\",\r\n};\r\n\r\n/**\r\n * Renders a loading icon according to params\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nfunction Loading({className, height, width, loadingSize, type, points, pointWidth, lapTime, clockwise, color}) {\r\n const createCircle = () => {\r\n const nodes = [];\r\n const pWidth = pointWidth ? pointWidth : 71.1688-(9.1778/0.1498)*(1-Math.exp(-0.1498*points));\r\n const offsetPosition = 50-pWidth/2;\r\n for(let i=0; i\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {createCircle()}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nLoading.propTypes = {\r\n //className of the wrapper div\r\n className: PropTypes.string,\r\n //style string, or number for pixels\r\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n //style string, or number for pixels\r\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n //size in percentage [0, 100]. Default value 100\r\n loadingSize: PropTypes.number,\r\n //what type of loader, one of loadingTypes\r\n type: PropTypes.oneOf([loadingTypes.circle, loadingTypes.line]),\r\n //Number of dots in the circle\r\n points: PropTypes.number,\r\n //Manualy set of the dot size [0, 100]. default: Auto calculated\r\n pointWidth: PropTypes.number,\r\n //Time for the animation to complete in seconds\r\n lapTime: PropTypes.number,\r\n //clockwise rottation\r\n clockwise: PropTypes.bool,\r\n //color of the circles\r\n color: PropTypes.string,\r\n};\r\n\r\nLoading.defaultProps = {\r\n height: \"128px\",\r\n type: loadingTypes.circle,\r\n loadingSize: 100,\r\n points: 12,\r\n lapTime: 2.0,\r\n clockwise: true,\r\n};\r\n\r\nexport default Loading;","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default class Accordion extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n expanded: false\r\n };\r\n\r\n this.toggleExpand = this.toggleExpand.bind(this);\r\n }\r\n\r\n toggleExpand(e) {\r\n e.stopPropagation();\r\n\r\n this.setState({\r\n expanded: !this.state.expanded,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n label\r\n } = this.props;\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAccordion.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n label: PropTypes.string.isRequired,\r\n labelInfo: PropTypes.string\r\n};\r\n\r\nAccordion.defaultProps = {\r\n labelInfo: \"\"\r\n};","import \"../../../styles/CounterField.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"./Icon.jsx\"; \r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class AddRemoveField extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n focused: false,\r\n value: this.props.value || 0,\r\n recivedValue: this.props.value || 0,\r\n version: this.props.version || -1,\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onSetValue = this.onSetValue.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.getClassName = this.getClassName.bind(this);\r\n\r\n this.onClickAdd = this.onClickAdd.bind(this);\r\n this.onClickRemove = this.onClickRemove.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if( (nextProps.version==null || nextProps.version!==this.state.version) && nextProps.value!==this.state.recivedValue ){\r\n this.setState({\r\n value: nextProps.value,\r\n recivedValue: nextProps.value,\r\n version: nextProps.version,\r\n });\r\n }\r\n }\r\n\r\n onChange(event) {\r\n const newValStr = event.target.value.replace(/\\D/,\"\");\r\n const parsedValue = parseInt(newValStr);\r\n\r\n this.onSetValue(parsedValue>=1?parsedValue:0);\r\n }\r\n onFocus() {\r\n this.setState({ focused: true });\r\n }\r\n onBlur() {\r\n this.setState({ focused: false });\r\n //\r\n this.onSetValue(this.state.value);\r\n }\r\n onSetValue(newValue) {\r\n const currentValue = this.state.value;\r\n const setValue = newValue>=1 ? newValue : 0;\r\n if(setValue !== currentValue) {\r\n this.setState({\r\n value: setValue,\r\n });\r\n }\r\n }\r\n getClassName() {\r\n const {\r\n isValid\r\n } = this.props;\r\n\r\n let className = \"input-text\";\r\n if(!this.state.focused){\r\n if(isValid===false){\r\n className += \" error\";\r\n }else if(isValid===true){\r\n className += \" is-valid\";\r\n }\r\n }\r\n return className;\r\n }\r\n\r\n onClickAdd(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n \r\n this.props.onEdit({\r\n diff: 1,\r\n value: 1,\r\n });\r\n this.setState({\r\n value: 1,\r\n });\r\n }\r\n onClickRemove(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.onEdit({\r\n diff: -1,\r\n value: 0,\r\n });\r\n this.setState({\r\n value: 0,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n disabled,\r\n } = this.props;\r\n\r\n const iconPlusStyle = {\r\n left: \"calc(100% - 42px)\"\r\n };\r\n\r\n return this.state.value ? (\r\n \r\n ) : (\r\n \r\n );\r\n }\r\n}\r\n\r\nAddRemoveField.propTypes = {\r\n // Mandatory\r\n onEdit: PropTypes.func, // onEdit(change)\r\n value: PropTypes.number,\r\n //to check if the value has been changed\r\n version: PropTypes.number,\r\n // Optional\r\n maxLength: PropTypes.number,\r\n disabled: PropTypes.bool,\r\n isValid: PropTypes.bool,\r\n spellcheck: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n tabIndex: PropTypes.number,\r\n usingSubmit: PropTypes.bool,\r\n className: PropTypes.string,\r\n border: PropTypes.bool,\r\n};\r\n\r\nAddRemoveField.defaultProps = {\r\n disabled: false,\r\n isValid: null,\r\n usingIcon: undefined,\r\n usingSubmit: false,\r\n border: true,\r\n};","import { downloadBlob, getBlob } from \"../../common/actions/net\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage\";\r\n\r\nimport { ContentTypes } from \"../../common/net/httpClient\";\r\nimport Logger from \"../../common/util/Logger\";\r\n\r\n/**\r\n * Downloads a pdf with barcodes for current list\r\n * @param {string} token\r\n * @param {Object} product\r\n * @param {boolean} chain\r\n * @returns {func}\r\n */\r\nexport function downloadHmsPdf(token, product, chain){\r\n return async (dispatch) => {\r\n try {\r\n const endpoint = chain === true ? \"Product/HmsDataSheetQueryChain\" : \"Product/HmsDataSheetQuery\";\r\n const blob = await getBlob(endpoint, {productId: product.productId}, token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `HMS-${product.productId}.pdf`, ContentTypes.PDF);\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Downloading pdf failed\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}","import \"../../../../styles/productViewItem.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"../../../common/components/Icon\";\r\nimport { addRemoveSalesUnitToClaim, clearClaim, getLastInvoiceForProduct } from \"../../actions/history.js\";\r\nimport { canWorkWithOrder, countAddedProduct, countWhat, getProductOrderProperty, getSalesLineId, usingCounterField } from \"../../util/orderUtil.js\";\r\n\r\nimport Accordion from \"../../../common/components/Accordion.jsx\";\r\nimport AddRemoveField from \"../../../common/components/AddRemoveField.jsx\";\r\nimport CounterField from \"../../../common/components/CounterField.jsx\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport Modal from \"../../../common/components/Modal.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport { connect } from \"react-redux\";\r\nimport { downloadHmsPdf } from \"../../util/productUtil.jsx\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n token: state.authentication.token,\r\n lastInvoiceForProduct: state.history.lastInvoiceForProduct,\r\n });\r\n};\r\nconst mapDispatchToProps = {\r\n downloadHmsPdf,\r\n getLastInvoiceForProduct,\r\n addRemoveSalesUnitToClaim,\r\n clearClaim,\r\n};\r\n\r\n// Component for displaying product details (popup window that is displayed when users clicks on a product in an item list)\r\nclass ProductViewModal extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n lastInvoice: null,\r\n };\r\n\r\n this.onClickPrintHms = this.onClickPrintHms.bind(this);\r\n this.onClickCreateClaim = this.onClickCreateClaim.bind(this);\r\n this.editMyList = this.editMyList.bind(this);\r\n }\r\n UNSAFE_componentWillMount() {\r\n const {\r\n getLastInvoiceForProduct,\r\n lastInvoiceForProduct,\r\n product,\r\n } = this.props;\r\n if( lastInvoiceForProduct[product.productId]===undefined ){\r\n getLastInvoiceForProduct(product.productId);\r\n }\r\n }\r\n onClickPrintHms(){\r\n this.props.downloadHmsPdf(this.props.token, this.props.product, false);\r\n }\r\n onClickCreateClaim(event){\r\n const {\r\n history,\r\n lastInvoiceForProduct,\r\n addRemoveSalesUnitToClaim,\r\n onCloseModal,\r\n product,\r\n clearClaim,\r\n } = this.props;\r\n if( lastInvoiceForProduct[product.productId]!=null ){\r\n clearClaim();\r\n addRemoveSalesUnitToClaim(product, 1);\r\n history.push(`/history/claim/${lastInvoiceForProduct[product.productId]}/invoice`);\r\n onCloseModal(event);\r\n }\r\n }\r\n\r\n editMyList(event)\r\n {\r\n const {\r\n onCloseModal,\r\n onMyListEdit,\r\n } = this.props;\r\n \r\n onMyListEdit();\r\n onCloseModal(event);\r\n }\r\n\r\n render(){\r\n const {\r\n localization,\r\n product,\r\n activeOrder,\r\n onCloseModal,\r\n onAddProductChange,\r\n width,\r\n salesLineId,\r\n } = this.props;\r\n\r\n let iconType = iconTypes.x;\r\n if( product.productStorageType==\"Tørr\" ) {\r\n iconType = iconTypes.box;\r\n } else if( product.productStorageType==\"Frys\" ) {\r\n iconType = iconTypes.snowflake;\r\n } else if( product.productStorageType==\"Kjøl\" ) {\r\n iconType = iconTypes.thermostat;\r\n }\r\n\r\n const salesLineIdTmp = salesLineId ? salesLineId : getSalesLineId(activeOrder, product.productId, true);\r\n\r\n const durabilityDesc = (product.durabilityDesc && product.durabilityDesc.length>0) ? product.durabilityDesc : \"\";\r\n const isKitMember = getProductOrderProperty(activeOrder, product.productId, \"isKitMember\", salesLineIdTmp);\r\n const isLocked = getProductOrderProperty(activeOrder, product.productId, \"isLocked\", salesLineIdTmp);\r\n const hasWarning = getProductOrderProperty(activeOrder, product.productId, \"warningText\")!=null;\r\n const orderErrorText = getProductOrderProperty(activeOrder, product.productId, \"errorText\");\r\n const hasError = orderErrorText!=null || product.notActive;\r\n const canEdit = canWorkWithOrder(activeOrder) && !isLocked && !isKitMember;\r\n const isUsingCounterField = usingCounterField(activeOrder);\r\n const added = countAddedProduct(activeOrder, product.productId, countWhat.everything, salesLineIdTmp);\r\n \r\n const minValue = getProductOrderProperty(activeOrder, product.productId, \"mustOrderAtLeastOne\")?1:0;\r\n const isOpenDistribution = getProductOrderProperty(activeOrder, product.productId, \"isOpenDistributionLine\");\r\n \r\n return (\r\n \r\n
\r\n {this.state.expanded && (\r\n children\r\n )}\r\n \r\n {label}\r\n
\r\n \r\n {label}\r\n
\r\n {this.state.expanded ? (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {localization.text(\"order\",\"ProductDetail\")}
\r\n {product.productName}
\r\n \r\n
\r\n {isKitMember && (\r\n \r\n 
\r\n
\r\n \r\n {(isLocked || isKitMember) && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n {localization.text(\"order\",\"quantity\")}
\r\n {localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}
\r\n \r\n
\r\n {localization.text(\"order\",\"productType\")}
\r\n \r\n \r\n
\r\n {product.flammable && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n {product.poisonous && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n {product.healthHazard && (\r\n \r\n
\r\n \r\n
\r\n )} \r\n \r\n
\r\n \r\n
\r\n {localization.text(\"order\",\"expiering\")}
\r\n {durabilityDesc}
\r\n \r\n
\r\n {localization.text(\"order\",\"epd\")}
\r\n {product.epdNo}
\r\n \r\n
\r\n {localization.text(\"order\",\"price\")}
\r\n \r\n { product.campaignDiscount && (\r\n
\r\n {product.priceExCampaignDiscount.toFixed(2)}
\r\n )}\r\n {`${product.price.toFixed(2)} ${product.hasDeposit ? \"(+ pant)\" : \"\"} `}
\r\n \r\n
\r\n {localization.text(\"chain\", \"detail\", \"epProductId\")}
\r\n {product.productId}
\r\n \r\n
\r\n {localization.text(\"chain\", \"detail\", \"supplierName\")}
\r\n {product.supplierName}
\r\n \r\n
\r\n { product.usageForm && (\r\n {localization.text(\"chain\", \"detail\", \"category\")}
\r\n {product.category}
\r\n \r\n \r\n \r\n
\r\n )} \r\n {localization.text(\"order\", \"usageForm\")}
\r\n {product.usageForm}
\r\n \r\n \r\n {localization.text(\"order\",\"isKitMemberText\")}\r\n
\r\n )}\r\n {isLocked && (\r\n \r\n \r\n {localization.text(\"order\",\"isLockedText\")}\r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n {localization.text(\"order\",\"isUnlockedText\")}\r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n {localization.text(\"order\",\"isLocked1Text\")}\r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n {orderErrorText ? orderErrorText : product.notActiveText}\r\n { product.notActive && (\r\n \r\n )}\r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n {getProductOrderProperty(activeOrder, product.productId, \"warningText\")} \r\n
\r\n )}\r\n \r\n \r\n \r\n {product && product.hasHmsDataSheet && (\r\n \r\n )}\r\n {/* Uncomment this code if the want to create a claim from a product directly\r\n {lastInvoiceForProduct[product.productId] && (\r\n \r\n )} */}\r\n \r\n \r\n { onAddProductChange && (\r\n \r\n \r\n
\r\n \r\n { !product.notActive && (\r\n isUsingCounterField ? (\r\n \r\n ) : (\r\n \r\n ))}\r\n
\r\n )} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n case \"sm\":\r\n return (\r\n \r\n {localization.text(\"order\",\"view\",\"product\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"inTheOrder\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n default:\r\n return (\r\n \r\n {localization.text(\"order\",\"view\",\"product\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"pricePerPac\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"inTheOrder\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nProductViewListHeader.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n loadMoreProducts: PropTypes.func,\r\n editQueryFilter: PropTypes.func,\r\n};\r\n\r\n// Component that displays a product as a single row in a list.\r\n// Consists of columns for image, product name, epd no, price and product type.\r\n// This is used when searching for products and the shopping cart.\r\nexport class ProductViewListItem extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n counter: 0,\r\n };\r\n\r\n this.change = this.change.bind(this);\r\n this.showProductModal = this.showProductModal.bind(this);\r\n this.closeProductModal = this.closeProductModal.bind(this);\r\n this.onSwapReplacedProduct = this.onSwapReplacedProduct.bind(this);\r\n }\r\n change(change) {\r\n const {\r\n addRemoveProductToTemporaryOrder,\r\n product,\r\n } = this.props;\r\n\r\n addRemoveProductToTemporaryOrder(product, change.value, change.salesLineId);\r\n }\r\n showProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const {\r\n localization,\r\n product,\r\n list,\r\n salesLineId,\r\n } = this.props;\r\n\r\n this.props.setModal( \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"price\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"perPack\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"category\")}\r\n
\r\n \r\n {localization.text(\"order\",\"view\",\"inTheOrder\")}\r\n
\r\n \r\n
\r\n );\r\n case \"sm\":\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {isLocked && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n { priceInSalesUnits ? \"\" : localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}\r\n
\r\n \r\n { discountValue }\r\n
\r\n \r\n { price }\r\n
\r\n \r\n { swapReplacedProduct && product.replacedByProductId ? (\r\n \r\n ) : draggableIcon===true && (\r\n \r\n )}\r\n {countingNodeWithProps}\r\n
\r\n \r\n
\r\n );\r\n default: \r\n return (\r\n \r\n {this.state.showModal && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {isLocked && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n { priceInSalesUnits ? \"\" : localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}\r\n
\r\n \r\n { discountValue }\r\n
\r\n \r\n
\r\n \r\n { product.notActiveText ? \r\n
\r\n \r\n
: price }\r\n \r\n { product.replacedByProductId ? (\r\n \r\n ) : draggableIcon===true && (\r\n \r\n )}\r\n {countingNodeWithProps}\r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nProductViewListItem.propTypes = {\r\n addRemoveProductToTemporaryOrder: PropTypes.func,\r\n list: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n product: PropTypes.object,\r\n border: PropTypes.bool,\r\n priceInSalesUnits: PropTypes.bool,\r\n draggableIcon: PropTypes.bool,\r\n style: PropTypes.object,\r\n //if we should count ordered lines\r\n counting: PropTypes.string,\r\n //If we should not use a counter\r\n disabled: PropTypes.bool,\r\n swapReplacedProduct: PropTypes.func,\r\n salesLineId: PropTypes.number,\r\n};\r\n\r\nProductViewListItem.defaultProps = {\r\n counting: countWhat.everything,\r\n disabled: false,\r\n};","import \"../../../../styles/productViewItem.scss\";\r\n\r\nimport Icon, { iconTypes } from \"../../../common/components/Icon\";\r\nimport {canWorkWithOrder, countAddedProduct, countWhat, getProductOrderProperty, getSalesLineId} from \"../../util/orderUtil.js\";\r\n\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport ProductViewModal from \"../product/ProductViewModal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\n// Component for displaying product info in a table with one or more rows (eg product search)\r\n// Each product is displayed in a form consisting of an image and information below it.\r\nclass ProductViewItem extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n showModal: false,\r\n };\r\n\r\n this.change = this.change.bind(this);\r\n this.showProductModal = this.showProductModal.bind(this);\r\n this.closeProductModal = this.closeProductModal.bind(this);\r\n }\r\n UNSAFE_componentWillMount() {\r\n \r\n }\r\n change(change) {\r\n const {\r\n addRemoveProductToTemporaryOrder,\r\n product,\r\n } = this.props;\r\n //\r\n addRemoveProductToTemporaryOrder(product, change.value, change.salesLineId);\r\n }\r\n showProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const {\r\n localization,\r\n product,\r\n activeOrder,\r\n setModal,\r\n onMyListEdit,\r\n } = this.props;\r\n\r\n setModal(\r\n {this.state.showModal && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {isLocked && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n {product.epdNo}\r\n
\r\n \r\n
\r\n \r\n {discountValue}\r\n
\r\n \r\n
\r\n \r\n {priceInSalesUnits ? \"\" : localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {draggableIcon===true && (\r\n \r\n )}\r\n {countingNodeWithProps}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nProductViewItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n product: PropTypes.object.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n countProductsInList: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n onMyListEdit: PropTypes.func,\r\n};\r\nProductViewItem.defaultProps = {\r\n};\r\n\r\nexport default ProductViewItem;","import \"../../../styles/scroll.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../util/config\";\r\n\r\n/**\r\n * Returnerar Icon node med icon kod inkluderad\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nclass Scroll extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n topShadow: false,\r\n bottomShadow: false,\r\n leftShadow: false,\r\n rightShadow: false,\r\n\r\n lastCloseToBottomScrollTop: -1,\r\n };\r\n\r\n this.listenToScroll = this.listenToScroll.bind(this);\r\n this.setRef = this.setRef.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.listenToScroll();\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps() {\r\n this.listenToScroll();\r\n }\r\n\r\n listenToScroll() {\r\n const {\r\n shadowX,\r\n shadowY,\r\n style,\r\n onCloseToBottom,\r\n } = this.props;\r\n const element = this.element;\r\n //test what needs a shadow\r\n const needTopShadow = element.offsetHeight < element.scrollHeight && shadowY && element.scrollTop > 0;\r\n const needBottomShadow = element.offsetHeight < element.scrollHeight && shadowY && element.scrollTop + element.offsetHeight !== element.scrollHeight;\r\n const needleftShadow = element.offsetWidth < element.scrollWidth && shadowX && element.scrollLeft > 0;\r\n const needRightShadow = element.offsetWidth < element.scrollWidth && shadowX && element.scrollLeft + element.offsetWidth !== element.scrollWidth;\r\n let lastCloseToBottomScrollTop = this.state.lastCloseToBottomScrollTop;\r\n //If we are close to the bottom, do the callback(onCloseToBottom)\r\n if (onCloseToBottom && style && element.scrollTop !== this.state.lastCloseToBottomScrollTop && element.scrollHeight - element.scrollTop < (parseInt(style.height) * 1.5)) {\r\n //position is used to protect against unecesary callbacks on UNSAFE_componentWillReceiveProps()\r\n lastCloseToBottomScrollTop = element.scrollTop;\r\n\r\n //\r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {isLocked && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {isOpenDistribution && (\r\n \r\n \r\n
\r\n )}\r\n {minValue===1 && (\r\n \r\n \r\n
\r\n )}\r\n {hasWarning && (\r\n \r\n \r\n
\r\n )}\r\n {hasError && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {countingNodeWithProps}\r\n
\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n {localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}\r\n
\r\n \r\n {priceOrDiscount}\r\n
\r\n \r\n {localization.text(\"order\",\"epdInfo\",{epdNo:product.epdNo})}\r\n
\r\n Will be called multiple times on a single scroll\r\n clearTimeout(this.onScroll);\r\n this.onScroll = setTimeout(function () {\r\n onCloseToBottom();\r\n }, 50);\r\n }\r\n //update only if anything changed\r\n if (this.state.topShadow !== needTopShadow || this.state.bottomShadow !== needBottomShadow || this.state.leftShadow !== needleftShadow || this.state.rightShadow !== needRightShadow ||\r\n this.state.lastCloseToBottomScrollTop !== lastCloseToBottomScrollTop) {\r\n this.setState({\r\n topShadow: needTopShadow,\r\n bottomShadow: needBottomShadow,\r\n leftShadow: needleftShadow,\r\n rightShadow: needRightShadow,\r\n lastCloseToBottomScrollTop: lastCloseToBottomScrollTop,\r\n });\r\n }\r\n\r\n if (this.props.onScroll) {\r\n this.props.onScroll(element.scrollLeft, element.scrollTop);\r\n }\r\n }\r\n\r\n setRef(element) {\r\n this.element = element;\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n style,\r\n className,\r\n shadowStyle,\r\n } = this.props;\r\n const {\r\n topShadow,\r\n bottomShadow,\r\n leftShadow,\r\n rightShadow,\r\n } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n ) : (\r\n \r\n );\r\n }\r\n if( isLoading ) {\r\n retNodes[retNodes.length] = (\r\n retNodes[retNodes.length] = view===\"item\" ? (\r\n \r\n 0?\"66%\":\"100%\"} width=\"100%\" loadingSize={75} points={12} lapTime={2}/>\r\n \r\n ) : (\r\n \r\n {view===\"list\" && (\r\n \r\n {view===\"item\" ? (\r\n \r\n {nodes}\r\n \r\n ) : (\r\n nodes\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nProductView.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n view: PropTypes.string.isRequired,\r\n height: PropTypes.number,\r\n style: PropTypes.object,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n editQueryFilter: PropTypes.func,\r\n setModal: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n // An array of products to be displayed\r\n list: PropTypes.array.isRequired,\r\n // A function that will load in more items into list\r\n loadMoreProducts: PropTypes.func,\r\n // If true a loading icon will be displyed\r\n isLoading: PropTypes.bool,\r\n // Method to count product in list\r\n countProductsInList: PropTypes.func,\r\n onMyListEdit: PropTypes.func,\r\n};\r\n\r\nexport default ProductView;","import \"../../../../styles/OrderProducListCard.scss\";\r\n\r\nimport Icon, { iconTypes } from \"../../../common/components/Icon\";\r\nimport { Tag, tagTypes } from \"../../../common/components/Tag\";\r\n\r\nimport CounterField from \"../../../common/components/CounterField\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport ProductView from \"../product/ProductView\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../../../common/util/config.jsx\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass CampaignCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n expanded: false,\r\n };\r\n\r\n this.expand = this.expand.bind(this);\r\n this.collapse = this.collapse.bind(this);\r\n }\r\n\r\n expand(){\r\n this.setState({\r\n expanded: true,\r\n });\r\n }\r\n collapse(){\r\n this.setState({\r\n expanded: false,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n localization,\r\n activeOrder,\r\n products,\r\n width,\r\n labelName,\r\n campaignPeriod,\r\n deviceType,\r\n addRemoveProductToTemporaryOrder,\r\n setModal,\r\n } = this.props;\r\n //size of left info window \r\n const marginLeft = `${deviceType===\"xs\"?2:(deviceType===\"sm\"?4:16)}px`;\r\n //remaining width removin padding used for card\r\n const widthLeft = width;\r\n\r\n const isTinyDevice = deviceType===\"sm\" || deviceType===\"xs\" || deviceType===\"md\";\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nScroll.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n //If shadow should be used when overflowing on X\r\n shadowX: PropTypes.bool,\r\n //If shadow should be used when overflowing on Y\r\n shadowY: PropTypes.bool,\r\n //Style used by shadows\r\n shadowStyle: PropTypes.object,\r\n //Called when half the height is left on the scroll\r\n onCloseToBottom: PropTypes.func,\r\n onScroll: PropTypes.func\r\n};\r\n\r\nScroll.defaultProps = {\r\n shadowX: true,\r\n shadowY: true,\r\n};\r\n\r\nexport default Scroll;","import \"../../../../styles/productView.scss\";\r\nimport \"../../../../styles/productViewListItem.scss\";\r\n\r\nimport Loading, { loadingTypes } from \"../../../common/components/Loading\";\r\nimport {ProductViewListHeader, ProductViewListItem} from \"./ProductViewListItem.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductViewItem from \"./ProductViewItem.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport Scroll from \"../../../common/components/Scroll\";\r\n\r\n// Component that displays a list of products in two ways:\r\n// Item view: The products are displayed in a table with a form for each product consisting of an image and information below it.\r\n// This is the ProductViewItem component.\r\n// List view: The products are displayed in a list.\r\n// This is the ProductViewListItem component.\r\nclass ProductView extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n width: null,\r\n };\r\n this.containerNode = null;\r\n\r\n this.trackScrolling = this.trackScrolling.bind(this);\r\n\r\n this.prepareItems = this.prepareItems.bind(this);\r\n }\r\n\r\n trackScrolling() {\r\n const {\r\n loadMoreProducts,\r\n isLoading,\r\n } = this.props;\r\n\r\n //load more products if none is loading\r\n if( isLoading===false && loadMoreProducts){\r\n loadMoreProducts(50);\r\n }\r\n }\r\n\r\n prepareItems(view) {\r\n const {\r\n deviceType,\r\n localization,\r\n addRemoveProductToTemporaryOrder,\r\n list,\r\n isLoading,\r\n activeOrder,\r\n setModal,\r\n countProductsInList,\r\n countingNode,\r\n onMyListEdit,\r\n } = this.props;\r\n\r\n const retNodes = [];\r\n\r\n for(let i=0; i\r\n {children}\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {childrenDropDownWithProps}\r\n \r\n );\r\n }\r\n this.setState({\r\n active: !this.state.active,\r\n });\r\n }\r\n onClickHide(event) {\r\n if( event ){\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n this.props.setDropDown(null);\r\n this.setState( () => ({\r\n active: false,\r\n }));\r\n }\r\n render() {\r\n const {\r\n border,\r\n children,\r\n color,\r\n darkTheme,\r\n disabled,\r\n expand,\r\n flex,\r\n iconType,\r\n interactive,\r\n onClick,\r\n roundCornerTopLeft,\r\n roundCornerTopRight,\r\n side,\r\n style\r\n } = this.props;\r\n const isActive = this.state.active;\r\n\r\n let className = \"sub-menu-item\";\r\n className += ` ${side}`;\r\n className += roundCornerTopLeft ? \" corner-left\" : \"\";\r\n className += roundCornerTopRight ? \" corner-right\" : \"\";\r\n className += interactive ? \"\" : \" not-interactive\";\r\n className += (isActive || darkTheme) ? \" active\" : \"\";\r\n className += flex ? \" flex\" : \"\";\r\n if( !border ) {\r\n className += \" no-border\";\r\n } else if(isActive || darkTheme) {\r\n className += \" dark-border\";\r\n }\r\n if (disabled) {\r\n className += \" disabled\";\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nAskMoveUnconfirmedLinesModal.propTypes = {\r\n localization: PropTypes.object.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n orderLocked: PropTypes.bool.isRequired,\r\n moveUnconfirmedLinesToNextOrder: PropTypes.func.isRequired,\r\n oldUnconfirmedOrderLineCount: PropTypes.number.isRequired,\r\n deliveryDates: PropTypes.array.isRequired,\r\n onCloseModal: PropTypes.func.isRequired,\r\n};","import Icon, {iconTypes} from \"../../common/components/Icon.jsx\";\r\n\r\nimport {Localization} from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\n\r\nexport default class DeliveringDate extends React.PureComponent {\r\n render(){\r\n const {\r\n localization,\r\n deliveryDate,\r\n deliveryTime,\r\n deliveryDelayDesc,\r\n useIcon,\r\n } = this.props;\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\nDeliveringStatus.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n isDelivered: PropTypes.bool.isRequired,\r\n deadlineDate: PropTypes.string,\r\n progress: PropTypes.number,\r\n status: PropTypes.string,\r\n fontSize: PropTypes.number,\r\n showIcon: PropTypes.bool,\r\n};\r\nDeliveringStatus.defaultProps = {\r\n fontSize: 26,\r\n showIcon: true,\r\n};","import \"../../../../styles/page/shoppingCart.scss\";\r\n\r\nimport Icon, {iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\n/**\r\n * Renders an empty shopping cart\r\n * @returns {node}\r\n */\r\nexport default function EmptyShoppingCartList({listHeight, localization}) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nShoppingCartDetailsModal.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n width: PropTypes.number,\r\n setActiveOrder: PropTypes.func.isRequired,\r\n onCloseModal: PropTypes.func.isRequired,\r\n hasWarningLines: PropTypes.func.isRequired,\r\n hasErrorLines: PropTypes.func.isRequired,\r\n showShoppingCartPdf: PropTypes.func.isRequired,\r\n token: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(ShoppingCartDetailsModal));\r\n","import \"../../../../styles/page/shoppingCart.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport { ProductViewListHeader, ProductViewListItem } from \"../product/ProductViewListItem.jsx\";\r\nimport { SubMenu, SubMenuItem } from \"../../../common/components/SubMenu.jsx\";\r\nimport { Tag, tagTypes } from \"../../../common/components/Tag.jsx\";\r\nimport { countAddedProduct, countOrderLines, countWhat, getProductOrderProperty, getProgressForOrderDate } from \"../../util/orderUtil\";\r\n\r\n\r\nimport AskMoveUnconfirmedLinesModal from \"../../../common/components/AskMoveUnconfirmedLinesModal.jsx\";\r\nimport Calendar from \"../../../common/components/Calendar\";\r\nimport CounterField from \"../../../common/components/CounterField.jsx\";\r\nimport DeliveringDate from \"../deliveringDate.jsx\";\r\nimport DeliveringStatus from \"../deliveringStatus.jsx\";\r\nimport EmptyShoppingCartList from \"./EmptyShoppingCartList.jsx\";\r\nimport Loading from \"../../../common/components/Loading.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport Modal from \"../../../common/components/Modal\";\r\nimport ProgressBar from \"../../../common/components/ProgressBar.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport Scroll from \"../../../common/components/Scroll\";\r\nimport ShoppingCartDetailsModal from \"./ShoppingCartDetailsModal.jsx\";\r\nimport { connect } from \"react-redux\";\r\nimport { getTimeLeftSeconds } from \"../../../common/util/time.js\";\r\nimport moment from \"moment\";\r\nimport { scssVariables } from \"../../../common/util/config.jsx\";\r\nimport { showShoppingCartPdf } from \"../../actions/order.js\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n token: state.authentication.token,\r\n });\r\n};\r\nconst mapDispatchToProps = {\r\n showShoppingCartPdf,\r\n};\r\n\r\n/**\r\n * Returnerar Icon node med icon kod inkluderad\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nfunction CalenderDropdown({setDropDown, dropDown, localization, date, validDates, previousDates, nextOrderDate, onSelectDate, deliveryDates, newSeasonDistrDates}) {\r\n /**\r\n * selects the date and hides the dropdown window\r\n * \r\n * @param {object} date\r\n * @returns {undefiend}\r\n */\r\n function onClick(date) {\r\n setDropDown(null);\r\n onSelectDate(date);\r\n }\r\n return (\r\n \r\n );\r\n}\r\nCalenderDropdown.propTypes = {\r\n setDropDown: PropTypes.func,\r\n date: PropTypes.string,\r\n dropDown: PropTypes.bool,\r\n nextOrderDate: PropTypes.string,\r\n onSelectDate: PropTypes.func,\r\n previousDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n validDates: PropTypes.arrayOf(PropTypes.string.isRequired),\r\n localization: Localization.propTypes.isRequired,\r\n deliveryDates: PropTypes.array.isRequired,\r\n newSeasonDistrDates: PropTypes.array.isRequired,\r\n};\r\n\r\n/**\r\n * A counter designed for ordered items\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nfunction CounterOrdered({product, list, counting, sLeft, disabled, addRemoveProductToTemporaryOrder, salesLineId}) {\r\n /**\r\n * sends the canges\r\n * \r\n * @param {object} change\r\n * @returns {undefiend}\r\n */\r\n function onClick(change) {\r\n addRemoveProductToTemporaryOrder(product, change.value, change.salesLineId);\r\n }\r\n \r\n const addedCount = countAddedProduct(list, product.productId, counting, salesLineId);\r\n const minValue = getProductOrderProperty(list, product.productId, \"mustOrderAtLeastOne\", salesLineId)?1:0;\r\n const isLocked = getProductOrderProperty(list, product.productId, \"isLocked\", salesLineId) || getProductOrderProperty(list, product.productId, \"isKitMember\", salesLineId);\r\n const changed = list.unConfirmedOrderLines && list.unConfirmedOrderLines.some( (item) => item.product.productId===product.productId && item.salesLineId === salesLineId && salesLineId>0);\r\n\r\n return (\r\n \r\n );\r\n}\r\nCounterOrdered.propTypes = {\r\n product: PropTypes.object,\r\n list: PropTypes.object,\r\n counting: PropTypes.string,\r\n addRemoveProductToTemporaryOrder: PropTypes.func,\r\n sLeft: PropTypes.number,\r\n disabled: PropTypes.bool,\r\n salesLineId: PropTypes.number,\r\n};\r\n\r\nclass ShoppingCart extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n expanded: this.props.deviceType!==\"xs\" || this.props.lastOrder,\r\n askToMoveItems: false,\r\n sortChangedFirst: false,\r\n };\r\n\r\n this.getDropDownDateStyle = this.getDropDownDateStyle.bind(this);\r\n\r\n this.onCloseModal = this.onCloseModal.bind(this);\r\n this.onMoveToNextOrder = this.onMoveToNextOrder.bind(this);\r\n this.onSelectDate = this.onSelectDate.bind(this);\r\n this.onClickShowFee = this.onClickShowFee.bind(this);\r\n this.onClickShowPdf = this.onClickShowPdf.bind(this);\r\n this.onClickShowCartModal = this.onClickShowCartModal.bind(this);\r\n \r\n this.calculateListHeight = this.calculateListHeight.bind(this);\r\n this.onClickExpand = this.onClickExpand.bind(this);\r\n this.onClickMinimize = this.onClickMinimize.bind(this);\r\n this.prepareShoppingCart = this.prepareShoppingCart.bind(this);\r\n\r\n this.hasErrorLines = this.hasErrorLines.bind(this);\r\n this.hasWarningLines = this.hasWarningLines.bind(this);\r\n\r\n this.checkTimeForLocking = this.checkTimeForLocking.bind(this);\r\n this.onSortChanged = this.onSortChanged.bind(this);\r\n }\r\n componentDidMount() {\r\n this.interval = setInterval(this.checkTimeForLocking, 1000);\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n checkTimeForLocking() {\r\n const {\r\n activeOrder,\r\n localization,\r\n deliveryDates,\r\n setModal,\r\n moveUnconfirmedLinesToNextOrder,\r\n } = this.props;\r\n const sLeft = getTimeLeftSeconds(this.props.activeOrder.customerDeadlineDate);\r\n if( sLeft===0){\r\n //next line forces a re-render, the data is not used\r\n this.setState({\r\n cartLocked: true,\r\n });\r\n if( this.props.activeOrder.unConfirmedOrderLines && this.props.activeOrder.unConfirmedOrderLines.length>0 ) {\r\n setModal(); \r\n }\r\n //makes sure that no more re-renders happens\r\n clearInterval(this.interval);\r\n }\r\n }\r\n\r\n getDropDownDateStyle() {\r\n const {\r\n width,\r\n deviceType,\r\n } = this.props;\r\n\r\n //calender max current max size is 450\r\n return (deviceType===\"xs\" && {\r\n width: Math.min(450, Math.max(parseInt(scssVariables.minDeviceWidth),width)),\r\n }) || (deviceType===\"sm\" && {\r\n width: Math.min(450,width-parseInt(scssVariables.shoppingCartWidthTiny)+parseInt(scssVariables.cardMargin)+parseInt(scssVariables.menuHeight)),\r\n } || {\r\n width: 450,\r\n });\r\n }\r\n\r\n onSelectDate(date) {\r\n const {\r\n deliveryDates,\r\n setActiveOrder,\r\n } = this.props;\r\n for(let i=0; i item.orderSum>=baseAmountOrderFee);\r\n for(let i=0; i<=orderFeeLimits.length; i++){\r\n nodes.push(\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nCampaignCard.propTypes = {\r\n //Required\r\n campaignId: PropTypes.number.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n productView: PropTypes.object.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n width: PropTypes.number.isRequired,\r\n products: PropTypes.array.isRequired,\r\n labelHeader: PropTypes.string.isRequired,\r\n labelName: PropTypes.string.isRequired,\r\n campaignPeriod: PropTypes.string.isRequired,\r\n history: PropTypes.object.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withRouter(CampaignCard);","import \"../../../styles/menu.scss\";\r\n\r\nimport Icon, { iconColor } from \"./Icon.jsx\";\r\n\r\nimport DropDown from \"./DropDown\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport class SubMenuItem extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n active: false,\r\n };\r\n this.wrapperRef = React.createRef();\r\n\r\n this.onClick = this.onClick.bind(this);\r\n this.onClickHide = this.onClickHide.bind(this);\r\n }\r\n onClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const {\r\n dropDownChildren,\r\n dropDownStyle,\r\n dropDownShiftLeft,\r\n setDropDown,\r\n isDroppedDown,\r\n below,\r\n } = this.props;\r\n \r\n if( this.state.active ){\r\n setDropDown(null);\r\n } else {\r\n if (this.props.disabled) {\r\n return;\r\n }\r\n \r\n const childrenDropDownWithProps = [];\r\n if( dropDownChildren ){\r\n React.Children.forEach(dropDownChildren, function(child, index) {\r\n if( child ) {\r\n childrenDropDownWithProps.push( React.cloneElement(child, {\r\n key: index,\r\n }) );\r\n }\r\n });\r\n }\r\n setDropDown(\r\n \r\n {!isTinyDevice && (\r\n
\r\n {this.state.expanded && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n }\r\n />\r\n
\r\n )}\r\n \r\n {iconType && (\r\n
\r\n );\r\n }\r\n}\r\nSubMenuItem.propTypes = {\r\n // function called when item is clicked\r\n onClick: PropTypes.func,\r\n // children displayed inside the MenuItem\r\n children: PropTypes.node,\r\n // children displayed inside dropdown menu\r\n dropDownChildren: PropTypes.node,\r\n // required if dropDownChildren is set\r\n setDropDown: PropTypes.func,\r\n // if drop down should be pushed left or right\r\n dropDownShiftLeft: PropTypes.bool,\r\n // style for the dropdown\r\n dropDownStyle: PropTypes.object,\r\n // style for the sub-menu-item itself\r\n style: PropTypes.object,\r\n // expands: flex-grow: 1\r\n expand: PropTypes.bool,\r\n // iconType displayed in the menuItem\r\n iconType: PropTypes.string,\r\n // default: true, if set to true no inputs will be registered\r\n interactive: PropTypes.bool,\r\n // default: \"left\", can be \"right\" will then float: right\r\n side: PropTypes.string,\r\n // default: false, if true border-top-left-radius will be set\r\n roundCornerTopLeft: PropTypes.bool,\r\n // default: false, if true border-top-right-radius will be set\r\n roundCornerTopRight: PropTypes.bool,\r\n // default: true, if false then the menu will be dropped above the SubMenuItem\r\n isDroppedDown: PropTypes.bool,\r\n // default: true, if false then start pos will be above\r\n below: PropTypes.bool,\r\n // If true icon and content is flexed\r\n flex: PropTypes.bool,\r\n // If true the theme will be darkBLue\r\n darkTheme: PropTypes.bool,\r\n // If true then a border wil be visible\r\n border: PropTypes.bool,\r\n // If true then the screen will not be dimmed\r\n disableDimScreen: PropTypes.bool,\r\n // Special color of the icon\r\n color: PropTypes.string,\r\n // If true, the menu is disabled\r\n disabled: PropTypes.bool\r\n};\r\nSubMenuItem.defaultProps = {\r\n side: \"left\",\r\n roundCornerTopLeft: false,\r\n roundCornerTopRight: false,\r\n interactive: true,\r\n isDroppedDown: true,\r\n below: true,\r\n darkTheme: false,\r\n border: true,\r\n disableDimScreen: false,\r\n color: undefined,\r\n};\r\n\r\n/**\r\n * Retunerare en submeny\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nexport function SubMenu({border, children, style}) {\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\nSubMenu.propTypes = {\r\n children: PropTypes.node,\r\n // default: true, can be false if no bottom border is desiered\r\n border: PropTypes.bool,\r\n // custom style for the SubMenu div\r\n style: PropTypes.object,\r\n};\r\nSubMenu.defaultProps = {\r\n border: true,\r\n};","import \"../../../styles/page/shoppingCart.scss\";\r\n\r\n\r\nimport { SubMenu, SubMenuItem } from \"./SubMenu.jsx\";\r\n\r\nimport Modal from \"./Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn\";\r\nimport ResponsiveRows from \"./ResponsiveRows\";\r\n\r\nimport {iconTypes} from \"./Icon.jsx\";\r\nimport moment from \"moment\";\r\n\r\nexport default class AskMoveUnconfirmedLinesModal extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onMoveToNextOrder = this.onMoveToNextOrder.bind(this);\r\n this.onDeleteOrder = this.onDeleteOrder.bind(this);\r\n }\r\n\r\n onDeleteOrder() { \r\n this.props.moveUnconfirmedLinesToNextOrder(true);\r\n this.props.onCloseModal();\r\n }\r\n\r\n onMoveToNextOrder() {\r\n this.props.moveUnconfirmedLinesToNextOrder(false);\r\n this.props.onCloseModal();\r\n }\r\n\r\n render() {\r\n const {\r\n localization, \r\n oldUnconfirmedOrderLineCount,\r\n deliveryDates,\r\n orderLocked,\r\n onCloseModal,\r\n } = this.props;\r\n \r\n const nextDeliveryDate = deliveryDates && deliveryDates.length>1 ? (orderLocked ? deliveryDates[1] : deliveryDates[0]) : null;\r\n\r\n return ( \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\", orderLocked ? \"orderLocked\" : \"oldLinesExists\")}\r\n
\r\n \r\n {localization.text(\"order\", orderLocked ? \"youHaveUnconfirmedOrderLines\" : \"youHaveOldUnconfirmedOrderLines\",{count:oldUnconfirmedOrderLineCount})}\r\n
\r\n \r\n {localization.text(\"order\",\"wantToMoveThem\")}\r\n ({})?\r\n
\r\n \r\n {useIcon && (\r\n
\r\n );\r\n }\r\n}\r\nDeliveringDate.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n deliveryDate: PropTypes.string.isRequired,\r\n deliveryTime: PropTypes.string.isRequired,\r\n deliveryDelayDesc: PropTypes.string,\r\n useIcon: PropTypes.bool.isRequired,\r\n delivery: PropTypes.object,\r\n};\r\nDeliveringDate.defaultProps = {\r\n useIcon: true,\r\n};","import \"../../../styles/progressBar.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class ProgressBar extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render() {\r\n const {\r\n progress,\r\n } = this.props;\r\n const x = progress;\r\n //för att se kurvan googla på y=(-(x*x)+(2*x))*(1-x)+(x*x) och zooma in på x=[0,1] y=[0,1]\r\n const percentage = (-(x*x)+(2*x))*(1-x)+(x*x);\r\n //const percentage = progress;//y=x\r\n const color = progress<=1/24?\"progressbar-progress-red\": (progress<=4/24?\"progressbar-progress-yellow\":\"progressbar-progress-green\");\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n {deliveryDate}
\r\n \r\n
\r\n {deliveryTime}
\r\n {!deliveryDelayDesc ? (\r\n \r\n \r\n
\r\n ) : (\r\n {localization.text(\"dashboard\",\"onTime\")}
\r\n \r\n \r\n
\r\n )}\r\n {deliveryDelayDesc}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nProgressBar.propTypes = {\r\n //value range [0.0, 1.0]\r\n progress: PropTypes.number.isRequired,\r\n};\r\n\r\nProgressBar.defaultProps = {\r\n};","import Icon, {iconTypes} from \"../../common/components/Icon.jsx\";\r\nimport {getTimeLeftStr, isTimeLeftInDays} from \"../../common/util/time.js\";\r\n\r\nimport {Localization} from \"../../common/util/localization.jsx\";\r\nimport ProgressBar from \"../../common/components/ProgressBar.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport moment from \"moment\";\r\n\r\nexport default class DeliveringStatus extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n minute: -1,\r\n seconds: -1,\r\n };\r\n\r\n this.checkTime = this.checkTime.bind(this);\r\n }\r\n componentDidMount() {\r\n this.interval = setInterval(this.checkTime, 1000);\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n checkTime() {\r\n const date = new Date;\r\n const eventTime = moment(this.props.deadlineDate).unix();\r\n const currentTime = moment().unix();\r\n const diffTime = eventTime - currentTime;\r\n const duration = moment.duration(diffTime * 1000, \"milliseconds\");\r\n const minute = moment.duration(duration).minutes();\r\n //if more then 2min left then update every minute, otherwise every second\r\n if( minute>3 ){\r\n if( this.state.minute!=minute){\r\n this.setState({minute:minute});\r\n }\r\n } else {\r\n const seconds = date.getSeconds();\r\n if( this.state.seconds!=seconds){\r\n this.setState({\r\n minute: -1,\r\n seconds:seconds\r\n });\r\n }\r\n }\r\n }\r\n render(){\r\n const {\r\n localization,\r\n isDelivered,\r\n deadlineDate,\r\n progress,\r\n status,\r\n showIcon,\r\n fontSize\r\n } = this.props;\r\n const marginTop = `${fontSize-16}px`;\r\n const closingIn = getTimeLeftStr(localization, deadlineDate);\r\n const isDateStrInDays = isTimeLeftInDays(deadlineDate);\r\n\r\n const deadlineDateFormatted = deadlineDate ? moment(deadlineDate).format(\"MMM DD\") : \"--- --\";\r\n const deadlineTimeFormatted = deadlineDate ? moment(deadlineDate).format(`[${localization.text(\"time\",\"at\")}] HH:mm`) : \"--:--\";\r\n \r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {isDelivered ?(\r\n \r\n {showIcon && (\r\n \r\n ) : (\r\n \r\n {showIcon && (\r\n \r\n )}\r\n
\r\n {progress>=0 && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {localization.text(\"dashboard\",\"status\")}
\r\n {status}
\r\n \r\n
\r\n )}\r\n \r\n \r\n { isDateStrInDays ?(\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n {deadlineDateFormatted}
\r\n \r\n
\r\n {deadlineTimeFormatted}
\r\n {localization.text(\"dashboard\",\"closingIn\")}
\r\n {closingIn}
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\nEmptyShoppingCartList.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n listHeight: PropTypes.number.isRequired,\r\n};","import \"../../../../styles/productView.scss\";\r\n\r\nimport Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport { Tag, tagTypes } from \"../../../common/components/Tag.jsx\";\r\n\r\nimport Loading from \"../../../common/components/Loading.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport Modal from \"../../../common/components/Modal.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport Scroll from \"../../../common/components/Scroll\";\r\nimport { connect } from \"react-redux\";\r\nimport { countOrderLines } from \"../../util/orderUtil\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n activeOrder: state.order.active,\r\n });\r\n};\r\n\r\n// Line item in details modal popup\r\nclass ShoppingCartDetailsListItem extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render(){\r\n const {\r\n line,\r\n } = this.props;\r\n\r\n\r\n const hasDiscount = line.product.campaignDiscount ? true : false; \r\n const hasInvoiceGroup = line.product.invoiceGroup ? true : false; \r\n \r\n const netpriceExDiscount = hasDiscount ? line.product.priceExCampaignDiscount : null;\r\n const discountText = hasDiscount ? `${line.product.campaignDiscount}%` : \"\";\r\n const pending = line.reservationPending ? \"venter...\" : line.reservedQty;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\", \"letsAddToOrder\")}\r\n
\r\n \r\n {localization.text(\"order\", \"emptyOrderInfo1\")}\r\n
\r\n \r\n {localization.text(\"order\", \"emptyOrderInfo2\")}\r\n
\r\n +
\r\n {localization.text(\"order\", \"emptyOrderInfo3\")}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nShoppingCartDetailsListItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n line: PropTypes.object.isRequired,\r\n};\r\n\r\n\r\n// Component for displaying the current shopping cart.\r\n// Shoppingcart can be viewed but not altered.\r\nclass ShoppingCartDetailsModal extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.sortProductName = this.sortProductName.bind(this);\r\n this.sortEpdNo = this.sortEpdNo.bind(this);\r\n this.sortProductGroup = this.sortProductGroup.bind(this);\r\n this.sortSupplier = this.sortSupplier.bind(this);\r\n this.getConfirmedLines = this.getConfirmedLines.bind(this);\r\n this.onClickShowPdf = this.onClickShowPdf.bind(this);\r\n\r\n this.prepareLines = this.prepareLines.bind(this);\r\n this.getInitialSortState = this.getInitialSortState.bind(this);\r\n this.state = this.getInitialSortState();\r\n }\r\n\r\n componentDidMount() {\r\n const {\r\n activeOrder,\r\n setActiveOrder,\r\n } = this.props;\r\n\r\n (async () => {\r\n await setActiveOrder(activeOrder.shipmentId, activeOrder.distributionRouteId, activeOrder.deliveryDate, true);\r\n // eslint-disable-next-line react/no-did-mount-set-state\r\n //this.setState({sortedLines : activeOrder.orderLines});\r\n })();\r\n }\r\n\r\n getInitialSortState()\r\n {\r\n return { \r\n sortDescendingName: false, sortAscendingName : false, \r\n sortDescendingEpdNo: false, sortAscendingEpdNo: false, \r\n sortAscendingGroup: false, sortDescendingGroup: false, \r\n sortDescendingSupplier: false, sortAscendingSupplier : false,\r\n sortedLines: [],\r\n };\r\n }\r\n\r\n sortProductName()\r\n { \r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingName || !this.state.sortAscendingName;\r\n const descending = !ascending;\r\n \r\n const initialState = this.getInitialSortState();\r\n this.setState( { ...initialState, sortDescendingName: descending, sortAscendingName : ascending });\r\n\r\n const confirmedLines = this.getConfirmedLines();\r\n let sortedLines = confirmedLines ? confirmedLines : [];\r\n sortedLines = [...sortedLines].sort((a, b) => ascending ? a.product.productName.localeCompare(b.product.productName) : b.product.productName.localeCompare(a.product.productName));\r\n this.setState({sortedLines : sortedLines});\r\n }\r\n\r\n sortEpdNo()\r\n { \r\n const {\r\n activeOrder,\r\n } = this.props;\r\n\r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingEpdNo || !this.state.sortAscendingEpdNo;\r\n const descending = !ascending;\r\n \r\n const initialState = this.getInitialSortState();\r\n this.setState( { ...initialState, sortDescendingEpdNo: descending, sortAscendingEpdNo : ascending });\r\n\r\n let sortedLines = activeOrder.orderLines ? activeOrder.orderLines : [];\r\n sortedLines = [...sortedLines].sort((a, b) => ascending ? a.product.epdNo.localeCompare(b.product.epdNo) : b.product.epdNo.localeCompare(a.product.epdNo));\r\n this.setState({sortedLines : sortedLines});\r\n }\r\n\r\n sortProductGroup()\r\n { \r\n const {\r\n activeOrder,\r\n } = this.props;\r\n\r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingGroup|| !this.state.sortAscendingGroup;\r\n const descending = !ascending;\r\n \r\n const initialState = this.getInitialSortState();\r\n this.setState( { ...initialState, sortDescendingGroup: descending, sortAscendingGroup : ascending });\r\n\r\n let sortedLines = activeOrder.orderLines ? activeOrder.orderLines : [];\r\n sortedLines = [...sortedLines].sort((a, b) => ascending ? a.product.category.localeCompare(b.product.category) : b.product.category.localeCompare(a.product.category));\r\n this.setState({sortedLines : sortedLines});\r\n }\r\n\r\n sortSupplier()\r\n { \r\n const {\r\n activeOrder,\r\n } = this.props;\r\n\r\n // reverse the sort order\r\n const ascending = this.state.sortDescendingSupplier || !this.state.sortAscendingSupplier;\r\n const descending = !ascending;\r\n \r\n const initialState = this.getInitialSortState();\r\n this.setState( { ...initialState, sortDescendingSupplier: descending, sortAscendingSupplier : ascending });\r\n\r\n let sortedLines = activeOrder.orderLines ? activeOrder.orderLines : [];\r\n sortedLines = [...sortedLines].sort((a, b) => ascending ? a.product.epdNo.localeCompare(b.product.epdNo) : b.product.epdNo.localeCompare(a.product.epdNo));\r\n this.setState({sortedLines : sortedLines});\r\n }\r\n\r\n onClickShowPdf() {\r\n const {\r\n activeOrder,\r\n showShoppingCartPdf,\r\n token,\r\n } = this.props;\r\n\r\n const data = {\r\n shipmentId: activeOrder.shipmentId,\r\n distributionRouteId: activeOrder.distributionRouteId,\r\n deliveryDate: activeOrder.deliveryDate,\r\n };\r\n\r\n showShoppingCartPdf(data, token);\r\n }\r\n\r\n getConfirmedLines() {\r\n const {\r\n activeOrder,\r\n } = this.props;\r\n const confirmedLines = activeOrder.orderLines && activeOrder.orderLines.filter( (line) => line.warningText==null && line.errorText==null && !(activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.find( (item) => item.product.productId===line.productId ) || false)); \r\n return confirmedLines;\r\n }\r\n\r\n prepareLines() {\r\n const {\r\n localization,\r\n activeOrder,\r\n } = this.props;\r\n\r\n const retNodes = [];\r\n\r\n const createListItem = (keyStart, line, index) => (\r\n {line.product.epdNo}
\r\n {line.product.productName}
\r\n {line.product.category}
\r\n {line.product.supplierName}
\r\n { hasInvoiceGroup && (\r\n {line.product.invoiceGroup}
\r\n )}\r\n {netpriceExDiscount}
\r\n {line.product.price}
\r\n {discountText}
\r\n {line.orderedQty}
\r\n {pending}
\r\n {line.netSum}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"header\")}
\r\n \r\n
\r\n \r\n \r\n { activeOrder.loading ? (\r\n \r\n ) : (\r\n this.prepareLines()\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n { hasInvoiceGroups && (\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"invoicegroup\")}\r\n
\r\n )}\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"priceNormal\")}\r\n
\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"pricePerPackage\")}\r\n
\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"discount\")}\r\n
\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"orderedQty\")}\r\n
\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"reservedQty\")}\r\n
\r\n \r\n {localization.text(\"order\",\"shoppingCartModal\",\"sumPrice\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\",\"inYourOrder\")}\r\n
\r\n {hasWarningLines() && (\r\n \r\n
\r\n )}\r\n {hasErrorLines() && (\r\n \r\n
\r\n )}\r\n \r\n { orderSize>0 ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {localization.text(\"order\", \"deliveryFee\")}\r\n
\r\n {orderFeeOrDiscount.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"feeBase\")}\r\n
\r\n {baseAmountOrderFee.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"total\")}\r\n
\r\n {totalCost.toFixed(2)}
\r\n \r\n \r\n \r\n );\r\n }\r\n onCloseModal() {\r\n this.props.setModal(null);\r\n }\r\n onClickShowPdf() {\r\n const {\r\n activeOrder,\r\n showShoppingCartPdf,\r\n token,\r\n } = this.props;\r\n\r\n const data = {\r\n shipmentId: activeOrder.shipmentId,\r\n distributionRouteId: activeOrder.distributionRouteId,\r\n deliveryDate: activeOrder.deliveryDate,\r\n };\r\n\r\n showShoppingCartPdf(data, token);\r\n }\r\n onClickShowCartModal() {\r\n const {\r\n localization,\r\n setActiveOrder,\r\n flowControl,\r\n showShoppingCartPdf,\r\n token,\r\n } = this.props;\r\n\r\n this.props.setModal(\r\n }\r\n />\r\n );\r\n\r\n //filter out all with warnings/errors\r\n const storageQtyLines = (activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.filter( (line) => line.lowQtyForStorageTypes!==\"\" ) || [])\r\n .concat( activeOrder.orderLines && activeOrder.orderLines.filter( (line) => line.lowQtyForStorageTypes!==\"\" ) || [] );\r\n\r\n const unConfirmedLines = activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.filter( (line) =>\r\n line.warningText==null && line.errorText==null && line.lowQtyForStorageTypes===\"\") || [];\r\n\r\n const unConfirmedNewLines = unConfirmedLines.filter( (line) => line.salesLineId === 0);\r\n // const unConfirmedUpdatedLines = unConfirmedLines.filter( (line) => line.salesLineId === 0);\r\n\r\n\r\n if( (unConfirmedNewLines.length > 0 || storageQtyLines.length > 0) && !lastOrder) {\r\n const storageText = storageQtyLines.length>0 ? `${localization.text(\"order\",\"lowQtyStorageTypeTag\")} ${storageQtyLines[0].lowQtyForStorageTypes}` : \"\";\r\n const unconfirmedText = unConfirmedNewLines.length>0 ? `${localization.text(\"order\",\"unconfirmed\")}${storageQtyLines.length>0 ? \" / \": \"\"}` : \"\";\r\n retNodes.push(\r\n \r\n {!lastOrder && (\r\n \r\n \r\n )}/>\r\n \r\n )} \r\n \r\n \r\n \r\n \r\n \r\n {!isMobile && lastOrder && ( \r\n \r\n )} \r\n \r\n {isTinyDevice || lastOrder ?(\r\n \r\n ):(\r\n \r\n )}\r\n\r\n {/* \r\n \r\n \r\n \r\n {this.prepareShoppingCart(!canWorkWithOrder)}\r\n \r\n \r\n ) : (\r\n activeOrder.loading ? (\r\n \r\n ) : ( activeOrder.shipmentId!=null ? (\r\n \r\n ) : (\r\n \r\n ))\r\n )}\r\n \r\n );\r\n };\r\n\r\n return expanded ? (\r\n deviceType===\"xs\" ? (\r\n \r\n \r\n \r\n ) : (\r\n =0){\r\n nodePrd.push(\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nCampaignPage.propTypes = {\r\n //Required\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setOrderProductView: PropTypes.func.isRequired,\r\n productView: PropTypes.object.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n editQueryFilter: PropTypes.func.isRequired,\r\n height: PropTypes.number.isRequired,\r\n width: PropTypes.number.isRequired,\r\n loadMoreSearchedProducts: PropTypes.func.isRequired,\r\n productQuery: PropTypes.object.isRequired,\r\n submitOrder: PropTypes.func.isRequired,\r\n deliveryDates: PropTypes.array.isRequired,\r\n setActiveOrder: PropTypes.func.isRequired,\r\n productLists: PropTypes.object.isRequired,\r\n getCampaigns: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n initiateCurrentOrder: PropTypes.func.isRequired,\r\n moveUnconfirmedLinesToNextOrder: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n getOrderFeeLimits: PropTypes.func.isRequired,\r\n orderFeeLimits: PropTypes.array.isRequired,\r\n getOrderVolumeDiscounts: PropTypes.func.isRequired,\r\n orderVolumeDiscounts: PropTypes.array.isRequired,\r\n newSeasonDistrDates: PropTypes.array.isRequired,\r\n showFreshFood: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(CampaignPage);","import { ContentTypes, downloadBlob, getApi, getBlob, postApi } from \"../../common/actions/net.js\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { addRemoveLinesToTemporaryOrder } from \"./order.js\";\r\nimport { getExistingProductImage } from \"./productImage.js\";\r\nimport { getPropertyValue } from \"../../common/util/changeUtils.jsx\";\r\nimport { getSalesLineId } from \"../util/orderUtil.js\";\r\n\r\nexport const LOADING_CAMPAIGN = \"LOADING_CAMPAIGN\";\r\nexport const SET_CAMPAIGN_PRODUCTS = \"SET_CAMPAIGN_PRODUCTS\";\r\nexport const SET_CAMPAIGN_PRODUCT_IMAGE_URL = \"SET_CAMPAIGN_PRODUCT_IMAGE_URL\";\r\nexport const LOADING_NEW_PRODUCTS = \"LOADING_NEW_PRODUCTS\";\r\nexport const SET_NEW_PRODUCTS = \"SET_NEW_PRODUCTS\";\r\nexport const SET_NEW_PRODUCT_IMAGE_URL = \"SET_NEW_PRODUCT_IMAGE_URL\";\r\nexport const LOADING_BOUGHT_PRODUCTS = \"LOADING_BOUGHT_PRODUCTS\";\r\nexport const SET_BOUGHT_PRODUCTS = \"SET_BOUGHT_PRODUCTS\";\r\nexport const LOADING_MY_LISTS = \"LOADING_MY_LISTS\";\r\nexport const UPLOADING_MY_LIST = \"UPLOADING_MY_LIST\";\r\nexport const DOWNLOADING_MY_LIST_PDF = \"DOWNLOADING_MY_LIST_PDF\";\r\nexport const SET_MY_LISTS = \"SET_MY_LISTS\";\r\nexport const SET_CAMPAIGNS = \"SET_CAMPAIGNS\";\r\nexport const SET_MY_LIST_PRODUCT_IMAGE_URL = \"SET_MY_LIST_PRODUCT_IMAGE_URL\";\r\nexport const EDIT_MY_LIST = \"EDIT_MY_LIST\";\r\nexport const ADD_TO_MY_LISTS = \"ADD_TO_MY_LISTS\";\r\nexport const REMOVE_FROM_MY_LISTS = \"REMOVE_FROM_MY_LISTS\";\r\nexport const ADD_NEW_MYLIST = \"ADD_NEW_MYLIST\";\r\nexport const DELETE_MYLIST = \"DELETE_MYLIST\";\r\nexport const MOVE_FROM_TO_MY_LIST = \"MOVE_FROM_TO_MY_LIST\";\r\nexport const FIX_CHANGES_MYLIST = \"FIX_CHANGES_MYLIST\";\r\nexport const CLEAR_CHANGES_MYLIST = \"CLEAR_CHANGES_MYLIST\";\r\nexport const SWAP_REPLACEMENT_IN_MY_LIST = \"SWAP_REPLACEMENT_IN_MY_LIST\";\r\nexport const SORT_MY_LISTS = \"SORT_MY_LISTS\";\r\nexport const SET_SORTING_MY_LISTS = \"SET_SORTING_MY_LISTS\";\r\n\r\n\r\n\r\nconst setCampaignProducts = (products) => ({\r\n type: SET_CAMPAIGN_PRODUCTS,\r\n products\r\n});\r\n\r\nconst setNewProducts = (products) => ({\r\n type: SET_NEW_PRODUCTS,\r\n products\r\n});\r\n\r\nconst setBoughtProducts = (products) => ({\r\n type: SET_BOUGHT_PRODUCTS,\r\n products\r\n});\r\n\r\n\r\n/**\r\n * Loads campaign product for active customer\r\n * @returns {func}\r\n */\r\nexport function getCampaignProducts(){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( getState().productLists.campaignProductsLoading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_CAMPAIGN,\r\n loading: true,\r\n });\r\n //collect info regarding the campaign\r\n const {payload} = await dispatch(getApi(\"Product/GetCampaignProductsForCustomer\"));\r\n //insert existing images\r\n for(let i=0; i {return {product:prd};});\r\n\r\n //store the resaults\r\n await dispatch( setCampaignProducts(prdList) );\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lasting av kampanjeprodukter mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: LOADING_CAMPAIGN,\r\n loading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Loads campaign info for active customer (including names)\r\n * @returns {func}\r\n */\r\nexport function getCampaigns(){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( getState().productLists.campaignProductsLoading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_CAMPAIGN,\r\n loading: true,\r\n });\r\n\r\n //collect info regarding the campaign\r\n const {payload} = await dispatch(getApi(\"Product/GetActiveCampaignsForCustomer\"));\r\n\r\n //insert existing images\r\n for(let i=0; i {return {product:prd};});\r\n payload[i].campaignProducts = prdList;\r\n\r\n for(let j=0; j {\r\n try {\r\n if( getState().productLists.newProductsLoading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_NEW_PRODUCTS,\r\n loading: true,\r\n });\r\n //collect info regarding all the new products\r\n const {payload} = await dispatch(getApi(\"Product/NewProductsForCustomerQuery\"));\r\n //insert existing images\r\n for(let i=0; i {return {product:prd};});\r\n\r\n await dispatch( setNewProducts(prdList) );\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lasting av nyeprodukter mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: LOADING_NEW_PRODUCTS,\r\n loading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Loads recently bought products for active customer\r\n * @returns {func}\r\n */\r\nexport function getBoughtProducts(){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( getState().productLists.boughtProductsLoading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_BOUGHT_PRODUCTS,\r\n loading: true,\r\n });\r\n //collect info regarding all the new products\r\n const {payload} = await dispatch(getApi(\"Product/LastSoldProductsQuery\"));\r\n //insert existing images\r\n for(let i=0; i {return {product:prd};});\r\n\r\n await dispatch( setBoughtProducts(prdList) );\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lasting av kjøpte varer mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: LOADING_BOUGHT_PRODUCTS,\r\n loading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Loads recently bought products for active customer\r\n * @returns {func}\r\n */\r\nexport function getMyLists(){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( getState().productLists.customListsLoading ){\r\n return;\r\n }\r\n dispatch({\r\n type: LOADING_MY_LISTS,\r\n loading: true,\r\n });\r\n //collect info regarding all the new productsl\r\n const {payload} = await dispatch(getApi(\"Product/MyListsQuery\"));\r\n //insert existing images\r\n for(let i=0; i {\r\n try {\r\n const item = {\r\n myListId: listId,\r\n productId: product.productId,\r\n product: product,\r\n imageUrl: product.imageUrl,\r\n barcode: \"\",\r\n\r\n };\r\n \r\n if( qty>0 ){\r\n //Do change to redux data\r\n await dispatch({\r\n type: ADD_TO_MY_LISTS,\r\n listId,\r\n item,\r\n qty,\r\n });\r\n } else {\r\n //Do change to redux data\r\n await dispatch({\r\n type: REMOVE_FROM_MY_LISTS,\r\n listId,\r\n productId: product.productId\r\n });\r\n }\r\n \r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * adds or remove products from the My List\r\n * @param {number} listId \r\n * @param {number} index1 \r\n * @param {number} index2\r\n * @returns {func}\r\n */\r\nexport function moveFromToInMyList(listId, index1, index2){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: MOVE_FROM_TO_MY_LIST,\r\n listId,\r\n index1,\r\n index2,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Sets the sorting mode\r\n * @param {boolean} sorting \r\n * @returns {func}\r\n */\r\nexport function setMyListsSortingMode(sorting){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: SET_SORTING_MY_LISTS,\r\n sorting : sorting,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Swaps a replaced product with its replacement.\r\n * @param {number} listId \r\n * @param {number} replacedProductId \r\n * @param {number} replacementProductId\r\n * @returns {func}\r\n */\r\nexport function swapReplacedProductInMyList(listId, replacedProductId, replacementProductId){\r\n return async (dispatch, getState) => {\r\n try {\r\n\r\n // Check if replacement already exists in list\r\n const list = getState().productLists.customLists.find(l => l.myListId === listId);\r\n const alreadyThere = list[\"lines_$\"].some(l => l.productId === replacementProductId); \r\n\r\n if (alreadyThere){\r\n // just remove the replaced product\r\n const replacedLine = list.lines.find(l => l.productId === replacedProductId);\r\n await dispatch(addRemoveProductToActiveList(listId, replacedLine.product, 0));\r\n }\r\n else {\r\n await dispatch({\r\n type: SWAP_REPLACEMENT_IN_MY_LIST,\r\n listId,\r\n replacedProductId,\r\n replacementProductId,\r\n });\r\n }\r\n \r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Updates the sort order of the lists\r\n * @param {number} index1 \r\n * @param {number} index2\r\n * @returns {func}\r\n */\r\nexport function updateListSortOrder(index1, index2){\r\n return async (dispatch, getState) => {\r\n try {\r\n\r\n dispatch({\r\n type: UPLOADING_MY_LIST,\r\n uploading: true,\r\n });\r\n\r\n // Peform immediate update of state\r\n dispatch({\r\n type: SORT_MY_LISTS,\r\n index1: index1,\r\n index2: index2,\r\n });\r\n\r\n var lists = getState().productLists.customLists.filter(l => l.myListId > 0);\r\n\r\n const sortCmd = {\r\n listIds: lists.map((l, index) => { return {myListId: l.myListId, newSortOrder: index }; })\r\n };\r\n\r\n // Call API to set new sort order\r\n await dispatch(postApi(\"Product/UpdateMyListSortOrder\", sortCmd)); \r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Oppdatering lister mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: UPLOADING_MY_LIST,\r\n uploading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Updates list with change\r\n * @param {number} listId \r\n * @param {object} change \r\n * @returns {func}\r\n */\r\nexport function changeCustomList(listId, change){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: EDIT_MY_LIST,\r\n listId,\r\n change\r\n });\r\n \r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Creates a new local list\r\n * @param {object} history\r\n * @returns {func}\r\n */\r\nexport function createNewMyList(history){\r\n return async () => {\r\n try {\r\n history.replace(\"/order/lists/edit/-1\");\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Updates a custome list for the user\r\n * @param {object} list\r\n * @param {object} history\r\n * @returns {func}\r\n */\r\nexport function UpdateMyList(list, history){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: UPLOADING_MY_LIST,\r\n uploading: true,\r\n });\r\n let id = list.myListId;\r\n // If the list does not exist, create a new one\r\n if( list.myListId===-1 ) {\r\n const createMessage = {\r\n name: getPropertyValue(list,\"name\"),\r\n };\r\n const {payload} = await dispatch(postApi(\"Product/CreateMyListCommand\", createMessage));\r\n id = payload;\r\n }\r\n //make an update object\r\n const updatedList = {\r\n myListId: id,\r\n name: getPropertyValue(list,\"name\"),\r\n lines: getPropertyValue(list,\"lines\").map( (ele, index) => {\r\n return {\r\n productId: ele.product.productId,\r\n newSortOrder: index,\r\n };\r\n }),\r\n };\r\n //update the list with the lines\r\n await dispatch(postApi(\"Product/UpdateMyListCommand\", updatedList));\r\n //if it is a new list, then add it to the lists\r\n if( list.myListId===-1 ){\r\n dispatch(changeCustomList(-1, {\r\n name: \"\",\r\n lines: [],\r\n }));\r\n dispatch({\r\n type: ADD_NEW_MYLIST,\r\n listItem: {\r\n myListId: id,\r\n name: getPropertyValue(list,\"name\"),\r\n lines: getPropertyValue(list,\"lines\"),\r\n },\r\n });\r\n }\r\n //move back to list page\r\n history.push(\"/order/lists\");\r\n //clean up all changes and sets them as\r\n await dispatch({\r\n type: FIX_CHANGES_MYLIST,\r\n listId: id,\r\n });\r\n //remove all changes in My list\r\n dispatch({\r\n type: CLEAR_CHANGES_MYLIST,\r\n });\r\n //\r\n if( list.myListId==-1 ){\r\n dispatch( pushSystemMessage(`Opprettet liste ${getPropertyValue(list,\"name\")}`, messageType.message) );\r\n } else {\r\n dispatch( pushSystemMessage(`Oppdatert liste ${getPropertyValue(list,\"name\")}`, messageType.message) );\r\n }\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Oppdatering lister mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: UPLOADING_MY_LIST,\r\n uploading: false,\r\n });\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Updates a custome list for the user\r\n * @param {object} list\r\n * @returns {func}\r\n */\r\nexport function PrepareMyListForEdit(){\r\n return async (dispatch) => {\r\n try {\r\n //remove all changes in My list\r\n dispatch({\r\n type: CLEAR_CHANGES_MYLIST,\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Creates a new list named \"New List\"\r\n * @param {object} list\r\n * @param {object} history\r\n * @returns {func}\r\n */\r\nexport function deleteMyList(list, history){\r\n return async (dispatch) => {\r\n try {\r\n const deleteMessage = {\r\n myListId: list.myListId,\r\n };\r\n await dispatch(postApi(\"Product/DeleteMyListCommand\", deleteMessage));\r\n await dispatch({\r\n type: DELETE_MYLIST,\r\n myListId: list.myListId,\r\n });\r\n dispatch( pushSystemMessage(`Slett liste ${getPropertyValue(list,\"name\")}`, messageType.message) );\r\n history.replace(\"/order/lists\");\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Slette liste mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Adds all products in line to current order\r\n * @param {object} list\r\n * @param {object} activeOrder \r\n * @returns {func}\r\n */\r\nexport function addMyListToOrder(list, activeOrder){\r\n return async (dispatch, getState) => {\r\n try {\r\n if( list.length===0 ){\r\n return;\r\n }\r\n const prdLine = [];\r\n for(let i=0; i item.productId===list[i].product.productId)) ||\r\n (getState().order.active.orderLines && getState().order.active.orderLines.find( (item) => item.productId===list[i].product.productId));\r\n prdLine.push({\r\n productId: list[i].product.productId,\r\n qty: (newLine?newLine.orderedQty:0)+1,\r\n salesLineId: getSalesLineId(activeOrder, list[i].product.productId),\r\n });\r\n }\r\n dispatch( addRemoveLinesToTemporaryOrder(activeOrder.shipmentId, activeOrder.distributionRouteId, activeOrder.deliveryDate, prdLine) );\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Downloads a pdf with barcodes for current list\r\n * @param {string} token\r\n * @param {number} myListId\r\n * @param {string} listName\r\n * @returns {func}\r\n */\r\nexport function downloadListPdf(token, myListId, listName){\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: DOWNLOADING_MY_LIST_PDF,\r\n downloading: true,\r\n });\r\n\r\n const blob = await getBlob(\"Product/MyListPdfQuery\", {myListId}, token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `${listName}.pdf`, ContentTypes.PDF);\r\n\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Nedlasting av pdf mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: DOWNLOADING_MY_LIST_PDF,\r\n downloading: false,\r\n });\r\n }\r\n };\r\n}","import { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport {botstrapDeliveryAndOrder} from \"./delivery.js\";\r\n\r\n/**\r\n * Collects all info regarding active order\r\n * @param {string} newView \r\n * @returns {func}\r\n */\r\nexport function initiateCurrentOrder(){\r\n return async (dispatch) => {\r\n try {\r\n //get the upcoming deliveries\r\n dispatch( botstrapDeliveryAndOrder() );\r\n \r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Preparing order failed\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}","\r\nimport {addRemoveProductToTemporaryOrder, getOrderFeeLimits, getOrderVolumeDiscounts, moveUnconfirmedLinesToNextOrder, setActiveOrder, submitOrder} from \"../actions/order.js\";\r\nimport {editQueryFilter, loadMoreSearchedProducts} from \"../actions/productQuery.js\";\r\nimport {setDropDown, setModal} from \"../../common/actions/modal.js\";\r\n\r\nimport CampaignPage from \"../components/order/CampaignPage.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport {createBoundFunction} from \"../../common/util/reselect.js\";\r\nimport {createLocalization} from \"../../common/util/localization.jsx\";\r\nimport {getCampaigns} from \"../actions/productLists.js\";\r\nimport {initiateCurrentOrder} from \"../actions/worker.js\";\r\nimport {scssVariables} from \"../../common/util/config.jsx\";\r\nimport {setOrderProductView} from \"../actions/order.js\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n localization: createLocalization(state),\r\n authentication: state.authentication,\r\n productView: state.order.productView,\r\n deviceType: state.view.deviceType,\r\n productQuery: state.productQuery,\r\n activeOrder: state.order.active,\r\n productImage: state.productImage,\r\n width: state.view.innerWidth,\r\n deliveryDates: state.delivery.dates.deliveryDates || [],\r\n newSeasonDistrDates : state.authentication.newSeasonDistrDates || [],\r\n height: state.view.innerHeight-parseInt(scssVariables.menuHeight),\r\n productLists: state.productLists,\r\n orderFeeLimits: state.order.orderFeeLimits,\r\n orderVolumeDiscounts: state.order.orderVolumeDiscounts,\r\n showFreshFood: state.authentication.showFreshFood,\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n setOrderProductView,\r\n loadMoreSearchedProducts,\r\n editQueryFilter,\r\n addRemoveProductToTemporaryOrder,\r\n submitOrder,\r\n setActiveOrder,\r\n initiateCurrentOrder,\r\n moveUnconfirmedLinesToNextOrder,\r\n setModal,\r\n setDropDown,\r\n getOrderFeeLimits,\r\n getOrderVolumeDiscounts,\r\n getCampaigns,\r\n};\r\n\r\nconst myAddRemoveProductToTemporaryOrder = createBoundFunction();\r\nconst myLoadMoreSearchedProducts = createBoundFunction();\r\nconst myEditQueryFilter = createBoundFunction();\r\nconst mySubmitOrder = createBoundFunction();\r\nconst mySetActiveOrder = createBoundFunction();\r\nconst myAddMyListToOrder = createBoundFunction();\r\nconst myMoveUnconfirmedLinesToNextOrder = createBoundFunction();\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n addRemoveProductToTemporaryOrder: myAddRemoveProductToTemporaryOrder((product, qty, salesLineId) => dispatchProps.addRemoveProductToTemporaryOrder(stateProps.activeOrder, product, qty, salesLineId)),\r\n moveUnconfirmedLinesToNextOrder: myMoveUnconfirmedLinesToNextOrder(() => dispatchProps.moveUnconfirmedLinesToNextOrder(stateProps.deliveryDates, stateProps.activeOrder)),\r\n loadMoreSearchedProducts: myLoadMoreSearchedProducts((noOfProducts) => dispatchProps.loadMoreSearchedProducts(stateProps.productQuery, stateProps.productImage, noOfProducts)),\r\n submitOrder: mySubmitOrder(() => dispatchProps.submitOrder(stateProps.activeOrder)),\r\n setActiveOrder: mySetActiveOrder((shipmentId, distributionRouteId, deliveryDate) => dispatchProps.setActiveOrder(shipmentId, distributionRouteId, deliveryDate)),\r\n editQueryFilter: myEditQueryFilter( (change) => dispatchProps.editQueryFilter(stateProps.productQuery, stateProps.productImage, change, \r\n myLoadMoreSearchedProducts((noOfProducts) => dispatchProps.loadMoreSearchedProducts(stateProps.productQuery, stateProps.productImage, noOfProducts))\r\n )),\r\n addMyListToOrder: myAddMyListToOrder((myList) => dispatchProps.addMyListToOrder(myList, stateProps.activeOrder)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(CampaignPage);","import React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"./ResponsiveRows.jsx\";\r\nimport {scssColors} from \"../util/config.jsx\";\r\n\r\nclass ComponentsColor extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n render(){\r\n const translateName = name => {\r\n let result = \"\";\r\n for (let i=0; i colorArray.map( color => (\r\n \r\n \r\n {`$${color}`}\r\n \r\n ));\r\n return (\r\n =0 ? selectIndex : this.state.tabIndexSelected;\r\n\r\n const childrenWithProps = [];\r\n let count = 0;\r\n let foundPanel = false;\r\n let lastPanel = null;\r\n //prepare the children with needed props\r\n React.Children.forEach(this.props.children, child => {\r\n //if the child is a TabList button on the otop\r\n if( child.type === TabList ){\r\n childrenWithProps.push( React.cloneElement(child, {\r\n tabIndexSelected: checkIndex,\r\n onTabClick: this.onTabClick,\r\n key: -1\r\n }) );\r\n }\r\n //if it is a panel with all the content\r\n else {\r\n if( this.state.tabIndexSelected===count ){\r\n foundPanel = true;\r\n childrenWithProps.push( React.cloneElement(child, {\r\n key: count\r\n }) );\r\n } else {\r\n lastPanel = React.cloneElement(child, {\r\n key: count\r\n });\r\n }\r\n count++;\r\n }\r\n });\r\n if( foundPanel==false && lastPanel!=null ){\r\n childrenWithProps.push( lastPanel );\r\n }\r\n return(\r\n \r\n {optionsComponent}\r\n \r\n );\r\n }\r\n\r\n onClickSelect(index) {\r\n const {\r\n options,\r\n source,\r\n property,\r\n } = this.props;\r\n const value = options[index].value;\r\n this.setState({lastPickedValue: value});\r\n if(getPropertyValue(source, property)!==value){\r\n this.props.onEdit(makePropertyValue(property, value), source);\r\n }\r\n this.onCloseDropDown();\r\n }\r\n\r\n render() {\r\n const {\r\n disabled,\r\n options,\r\n source,\r\n property,\r\n placeholder,\r\n selectedIconType,\r\n strongBorder,\r\n } = this.props;\r\n \r\n // Find the selected option, if available\r\n let selected = placeholder;\r\n const currentValue = getPropertyValue(source, property); // || this.state.lastPickedValue;\r\n // Find the selected option, if available\r\n for(let i=0; i\r\n \r\n
\r\n {i==0?<>{\"<\"}{orderFeeLimits[i].orderSum}:(i{`${orderFeeLimits[i-1].orderSum}-${orderFeeLimits[i].orderSum}`}:<>{orderFeeLimits[i-1].orderSum}{\">\"})}\r\n
\r\n \r\n {i\r\n
\r\n );\r\n }\r\n\r\n if(orderVolumeDiscounts.length > 0) {\r\n for(let i=0; i<=orderVolumeDiscounts.length; i++){\r\n discountNodes.push(\r\n \r\n
\r\n );\r\n }\r\n }\r\n \r\n this.props.setModal(\r\n \r\n {i==0?<>{\"<\"}{orderVolumeDiscounts[i].orderSum}:(i{`${orderVolumeDiscounts[i-1].orderSum}-${orderVolumeDiscounts[i].orderSum}`}:<>{orderVolumeDiscounts[i-1].orderSum}{\">\"})}\r\n
\r\n \r\n {i>0 ?`-${orderVolumeDiscounts[i-1].discountPercent.toFixed(2)} %`:\"Ingen rabatt\"}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {localization.text(\"order\",\"gebyrModal\",\"header\")}
\r\n \r\n
\r\n {discountNodes.length > 0 && (\r\n \r\n
\r\n \r\n
\r\n {nodes}\r\n \r\n {localization.text(\"order\",\"gebyrModal\",\"priceRange\")}\r\n
\r\n \r\n {localization.text(\"order\",\"gebyrModal\",\"fee\")}\r\n
\r\n \r\n
)\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n {discountNodes}\r\n \r\n {localization.text(\"order\",\"gebyrModal\",\"priceRange\")}\r\n
\r\n \r\n {localization.text(\"order\",\"gebyrModal\",\"discount\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\",\"inYourOrder\")}\r\n
\r\n {this.hasWarningLines() && (\r\n \r\n
\r\n )}\r\n {this.hasErrorLines() && (\r\n \r\n
\r\n )}\r\n \r\n { orderSize>0 ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {localization.text(\"order\", \"deliveryFee\")}\r\n
\r\n {orderFeeOrDiscount.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"feeBase\")}\r\n
\r\n {baseAmountOrderFee.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"total\")}\r\n
\r\n {totalCost.toFixed(2)}
\r\n \r\n
);\r\n retNodes.push(...confirmedLinesUpdatedWithUnconfirmedSorted.map( (line, index) => createProductViewListItem(\"Or\", line, index, countWhat.everything) ));\r\n }\r\n\r\n return retNodes;\r\n }\r\n\r\n onSortChanged() \r\n {\r\n this.setState({\r\n sortChangedFirst: !this.state.sortChangedFirst,\r\n });\r\n }\r\n\r\n hasErrorLines() {\r\n const {activeOrder} = this.props;\r\n const errorLines = (activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.filter( (line) => line.errorText!=null ) || [])\r\n .concat( activeOrder.orderLines && activeOrder.orderLines.filter( (line) => line.errorText!=null ) || [] );\r\n return errorLines.length>0;\r\n }\r\n hasWarningLines() {\r\n const {activeOrder} = this.props;\r\n const warningLines = (activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.filter( (line) => line.warningText!=null ) || [])\r\n .concat( activeOrder.orderLines && activeOrder.orderLines.filter( (line) => line.warningText!=null ) || [] );\r\n return warningLines.length>0;\r\n }\r\n\r\n render(){\r\n const {\r\n activeOrder,\r\n localization,\r\n height,\r\n deviceType,\r\n submitOrder,\r\n deliveryDates,\r\n setDropDown,\r\n lastOrder,\r\n newSeasonDistrDates,\r\n } = this.props;\r\n const {\r\n expanded\r\n } = this.state;\r\n\r\n const listHeight = this.calculateListHeight();\r\n\r\n const isTinyDevice = deviceType===\"xs\" || deviceType===\"sm\";\r\n const isMobile = deviceType===\"xs\";\r\n\r\n const deliveredDate = activeOrder.deliveryDate ? moment(activeOrder.deliveryDate).format(\"MMM DD\") : \"--- --\";\r\n const deliveryTime = activeOrder.deliveryDate ? moment(activeOrder.deliveryDate).format(`[${localization.text(\"time\",\"at\")}] HH:mm`) : \"--:--\";\r\n const orderSize = countOrderLines(activeOrder);\r\n const orderFeeOrDiscount = activeOrder.orderFee || activeOrder.orderDiscount || 0;\r\n const totalCost = activeOrder.sumExVat || 0;\r\n const baseAmountOrderFee = activeOrder.baseAmountOrderFee || 0;\r\n //\r\n const nextOrderDate = deliveryDates && deliveryDates.length>0 ? moment(deliveryDates[0].deliveryDate).format(\"YYYY-MM-DD\") : \"\";\r\n const workingDate = moment(activeOrder.deliveryDate).format(\"YYYY-MM-DD\");\r\n const previousDates = [];\r\n const validDates = deliveryDates ? deliveryDates.map(item => {\r\n return moment(item.deliveryDate).format(\"YYYY-MM-DD\");\r\n }) : [];\r\n\r\n //linear percentage from 24h left on the clock\r\n const sLeft = getTimeLeftSeconds(activeOrder.customerDeadlineDate);\r\n const progress = getProgressForOrderDate(activeOrder.customerDeadlineDate);\r\n\r\n //An order can only be updated if not submitting anything, and there is still time left on the clock\r\n const canWorkWithOrder = !activeOrder.submitting && sLeft>0;\r\n //An order can only be sentIn if not loading/submitting anything, and there is unConfirmedOrderLines and there is still time left on the clock\r\n const canSendInOrder = !activeOrder.loading && !activeOrder.submitting && (activeOrder.unConfirmedOrderLines && activeOrder.unConfirmedOrderLines.length || 0)>0 && sLeft>0;\r\n\r\n const renderCart = () => {\r\n return (\r\n \r\n {localization.text(\"dashboard\",\"calendar\")}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {orderSize>0? (\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\",\"inYourOrder\")}\r\n
\r\n {this.hasWarningLines() && (\r\n \r\n
\r\n )}\r\n {this.hasErrorLines() && (\r\n \r\n
\r\n )}\r\n \r\n { orderSize>0 ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {baseAmountOrderFee>1 && activeOrder.nextOrderFeeLevel ? (\r\n \r\n ) : baseAmountOrderFee>1 && activeOrder.nextOrderDiscountLevel ? (\r\n \r\n ) :\r\n (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {isTinyDevice ? (\r\n <>\r\n {!lastOrder &&(\r\n \r\n )} \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\", \"deliveryFee\")}\r\n
\r\n {orderFeeOrDiscount.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"feeBase\")}\r\n
\r\n {baseAmountOrderFee.toFixed(2)}
\r\n \r\n {localization.text(\"order\", \"total\")}\r\n
\r\n {totalCost.toFixed(2)}
\r\n \r\n { activeOrder.lastSubmittedDate && localization.text(\"order\", \"lastUpdated\",{date:moment(activeOrder.lastSubmittedDate).format(\"YYYY-MM-DD HH:mm\")}) }\r\n
\r\n {!lastOrder && (\r\n \r\n )} \r\n \r\n )}\r\n \r\n {renderCart()}\r\n
\r\n \r\n {renderCart()}\r\n
\r\n )\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nShoppingCart.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func,\r\n activeOrder: PropTypes.object.isRequired,\r\n height: PropTypes.number.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number,\r\n submitOrder: PropTypes.func,\r\n deliveryDates: PropTypes.array,\r\n setActiveOrder: PropTypes.func,\r\n moveUnconfirmedLinesToNextOrder: PropTypes.func,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func,\r\n orderFeeLimits: PropTypes.array.isRequired,\r\n orderVolumeDiscounts: PropTypes.array.isRequired,\r\n lastOrder: PropTypes.bool.isRequired,\r\n token: PropTypes.string.isRequired,\r\n showShoppingCartPdf: PropTypes.func.isRequired,\r\n newSeasonDistrDates: PropTypes.array,\r\n editQueryFilter: PropTypes.func,\r\n flowControl: PropTypes.func.isRequired,\r\n};\r\n\r\n//export default ShoppingCart;\r\nexport default withRouter(connect(mapStateToProps,mapDispatchToProps)(ShoppingCart));","import \"../../../../styles/page/order.scss\";\r\n\r\nimport {TitleTab, TitleTabs} from \"../../../common/components/TitleTabs.jsx\";\r\n\r\nimport CampaignCard from \"./CampaignCard.jsx\";\r\nimport ContentWrapper from \"../../../common/components/ContentWrapper.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ShoppingCart from \"../../components/order/ShoppingCart.jsx\";\r\nimport moment from \"moment\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass CampaignPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n \r\n this.createList = this.createList.bind(this);\r\n this.calculateProductDisplayHeight = this.calculateProductDisplayHeight.bind(this);\r\n this.calculateShoppingCartHeight = this.calculateShoppingCartHeight.bind(this);\r\n this.calculateProductDisplayWidth = this.calculateProductDisplayWidth.bind(this);\r\n this.loadMoreSearchResaults = this.loadMoreSearchResaults.bind(this);\r\n }\r\n \r\n UNSAFE_componentWillMount() {\r\n const {\r\n activeOrder,\r\n getCampaigns,\r\n initiateCurrentOrder,\r\n getOrderFeeLimits,\r\n getOrderVolumeDiscounts,\r\n } = this.props;\r\n getCampaigns();\r\n getOrderFeeLimits();\r\n getOrderVolumeDiscounts();\r\n if( activeOrder && activeOrder.loading==false && activeOrder.shipmentId==null) {\r\n initiateCurrentOrder();\r\n }\r\n }\r\n\r\n createList() {\r\n const {\r\n localization,\r\n productLists,\r\n addRemoveProductToTemporaryOrder,\r\n deviceType,\r\n activeOrder,\r\n productView,\r\n history,\r\n setModal,\r\n } = this.props;\r\n const productDisplayWidth = this.calculateProductDisplayWidth();\r\n const nodePrd = [];\r\n for(let i=0; i\r\n {localization.text(\"dashboard\",\"calendar\")}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.createList()}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {this.createList()}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nComponentsColor.propTypes = {\r\n};\r\n\r\nexport default ComponentsColor;","import \"../../../styles/input.scss\";\r\n\r\nimport React, {Component} from \"react\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport Scroll from \"./Scroll\";\r\n\r\nexport class TabList extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.setSelement = this.setSelement.bind(this);\r\n }\r\n\r\n setSelement(element) {\r\n this.element = element;\r\n }\r\n\r\n render() {\r\n const {\r\n tabIndexSelected,\r\n roundCorner,\r\n onTabClick\r\n } = this.props;\r\n const tabChildrenWithProps = [];\r\n const otherChildren = [];\r\n\r\n React.Children.forEach(this.props.children, function(child, index) {\r\n if( child ) {\r\n if(child.type === Tab) {\r\n tabChildrenWithProps.push( React.cloneElement(child, {\r\n tabSelected: tabIndexSelected===index,\r\n index: index,\r\n onTabClick: onTabClick,\r\n key: index\r\n }) );\r\n } else {\r\n otherChildren.push( React.cloneElement(child, {\r\n key: index\r\n }) );\r\n }\r\n }\r\n });\r\n return(\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {colorToColumn(primary,12)}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {colorToColumn(secondary,4)}\r\n \r\n
\r\n \r\n \r\n {tabChildrenWithProps}\r\n \r\n {otherChildren}\r\n
\r\n );\r\n }\r\n}\r\nTabList.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n tabIndexSelected: PropTypes.number,\r\n // Private: Tabs will use this\r\n onTabClick: PropTypes.func,\r\n roundCorner: PropTypes.bool,\r\n};\r\n\r\n\r\nexport class Tab extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onTabClick = this.onTabClick.bind(this);\r\n }\r\n\r\n onTabClick(e) {\r\n const {\r\n onTabClick,\r\n onClick,\r\n index\r\n } = this.props;\r\n if( onTabClick ){\r\n onTabClick(e, index);\r\n }\r\n if( onClick ){\r\n onClick(index);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n tabSelected,\r\n label,\r\n small,\r\n } = this.props;\r\n return(\r\n \r\n
\r\n );\r\n }\r\n}\r\nTab.propTypes = {\r\n tabSelected: PropTypes.bool,\r\n small: PropTypes.bool,\r\n label: PropTypes.string.isRequired,\r\n // Private: TabList will use this\r\n onTabClick: PropTypes.func,\r\n // Use this if you want a callback when tab is clicked\r\n onClick: PropTypes.func,\r\n index: PropTypes.number,\r\n id: PropTypes.string,\r\n};\r\nTab.defaultProps = {\r\n tabSelected: false\r\n};\r\n\r\nexport class TabPanel extends Component {\r\n render() {\r\n const {\r\n children,\r\n overflowHidden,\r\n onScroll\r\n } = this.props;\r\n\r\n return (\r\n \r\n {label}\r\n
\r\n \r\n {children}\r\n
\r\n );\r\n }\r\n}\r\nTabPanel.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n onScroll: PropTypes.func,\r\n overflowHidden: PropTypes.bool\r\n};\r\n\r\nexport class Tabs extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n let selectIndex = 0;\r\n let count = 0;\r\n if( props.startTabId ) {\r\n React.Children.forEach(props.children, child => {\r\n if( child.type === TabList ){\r\n for(let i=0; i\r\n {childrenWithProps}\r\n
\r\n );\r\n }\r\n}\r\n\r\nTabs.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n startTabId: PropTypes.string,\r\n onTabSelected: PropTypes.func,\r\n selectIndex: PropTypes.number,\r\n};\r\n\r\nTabs.defaultProps = {\r\n};","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\nimport {getPropertyValue, makePropertyValue} from \"../util/changeUtils.jsx\";\r\n\r\nimport DropDown from \"./DropDown\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n/**\r\n * Create a dropdown item\r\n * @param {object} props\r\n * @return {node}\r\n */\r\nfunction DropdownItem({onClickSelect, index, label, value }) {\r\n /**\r\n * Makes the callback\r\n * @param {object} event\r\n * @return {undefined}\r\n */\r\n function select(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n onClickSelect(index);\r\n }\r\n return (\r\n \r\n
\r\n );\r\n}\r\nDropdownItem.propTypes = {\r\n onClickSelect: PropTypes.func.isRequired,\r\n index: PropTypes.number.isRequired,\r\n label: PropTypes.string.isRequired,\r\n value: PropTypes.any,\r\n};\r\n\r\nexport default class DropDownList extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.wrapperRef = React.createRef();\r\n this.state = {\r\n lastPickedValue: this.props.placeholder,\r\n };\r\n\r\n this.toggleList = this.toggleList.bind(this);\r\n this.onClickSelect = this.onClickSelect.bind(this);\r\n this.onCloseDropDown = this.onCloseDropDown.bind(this);\r\n }\r\n\r\n onCloseDropDown(){\r\n this.props.setDropDown(null);\r\n }\r\n\r\n toggleList(event) {\r\n if( event ){\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n const {\r\n options,\r\n } = this.props;\r\n\r\n const optionsComponent = [];\r\n // Create selection list\r\n for(let i=0; i{label}
\r\n \r\n {selectedIconType!=null ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nDropDownList.propTypes = {\r\n property: PropTypes.string.isRequired,\r\n source: PropTypes.object.isRequired,\r\n onEdit: PropTypes.func.isRequired, // onEdit(source, change)\r\n options: PropTypes.array.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n placeholder: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n selectedIconType: PropTypes.string,\r\n strongBorder: PropTypes.bool,\r\n};\r\n\r\nDropDownList.defaultProps = {\r\n label: null,\r\n placeholder: \"\",\r\n disabled: false,\r\n strongBorder: false,\r\n};","import Icon, {iconColor, iconTypes} from \"./Icon.jsx\";\r\nimport {Localization, createLocalization} from \"../util/localization.jsx\";\r\nimport {Tab, TabList, TabPanel, Tabs} from \"./Tabs.jsx\";\r\nimport {Tag, tagTypes} from \"./Tag.jsx\";\r\nimport {TitleTab, TitleTabs} from \"./TitleTabs.jsx\";\r\n\r\nimport Calendar from \"./Calendar.jsx\";\r\nimport ContentWrapper from \"./ContentWrapper.jsx\";\r\nimport DropDownList from \"./DropDownList.jsx\";\r\nimport LabelField from \"./LabelField.jsx\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"./ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"./ResponsiveRows.jsx\";\r\nimport Switch from \"./Switch.jsx\";\r\nimport TextField from \"./TextField.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport moment from \"moment\";\r\n\r\nclass ComponentsShowCase extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\t\t\r\n this.state = {\r\n inputText: \"\",\r\n selectedValue: null\r\n };\r\n\r\n this.onChangeText = this.onChangeText.bind(this);\r\n this.onChangeSelect = this.onChangeSelect.bind(this);\r\n\r\n const previousDates = [];\r\n const validDates = [];\r\n\r\n const m = moment().startOf(\"day\");\r\n m.subtract(1, \"days\");\r\n m.subtract(2, \"weeks\");\r\n previousDates.push(m.clone());\r\n m.add(3, \"days\");\r\n previousDates.push(m.clone());\r\n m.add(4, \"days\");\r\n previousDates.push(m.clone());\r\n m.add(3, \"days\");\r\n previousDates.push(m.clone());\r\n m.add(4, \"days\");\r\n previousDates.push(m.clone());\r\n \r\n for (let i = 0; i < 10; i++) {\r\n m.add(3, \"days\");\r\n validDates.push(m.clone());\r\n m.add(4, \"days\");\r\n validDates.push(m.clone());\r\n }\r\n\r\n this.state = {\r\n switchChecked: false,\r\n calendarDate: moment().add(2, \"days\").format(\"YYYY-MM-DD\"),\r\n previousDates: previousDates.map(d => d.format(\"YYYY-MM-DD\")),\r\n validDates: validDates.map(d => d.format(\"YYYY-MM-DD\")),\r\n nextOrderDate: moment().add(2, \"days\").format(\"YYYY-MM-DD\")\r\n };\r\n\r\n this.onSwitchChange = this.onSwitchChange.bind(this);\r\n this.onSelectDate = this.onSelectDate.bind(this);\r\n }\r\n\r\n onSwitchChange(value) {\r\n this.setState({\r\n switchChecked: value\r\n });\r\n }\r\n\r\n onSelectDate(date) {\r\n this.setState({\r\n calendarDate: date\r\n });\r\n }\r\n\r\n onChangeText(change) {\r\n this.setState(change);\r\n }\r\n\r\n onChangeSelect(change) {\r\n this.setState(change);\r\n }\r\n\r\n render(){\r\n const {localization} = this.props;\r\n\r\n const options1 = [\r\n {\r\n value: null,\r\n label: \"\",\r\n },\r\n {\r\n value: \"New York\",\r\n label: \"New York\",\r\n },\r\n {\r\n value: \"Dublin\",\r\n label: \"Dublin\",\r\n },\r\n {\r\n value: \"California\",\r\n label: \"California\",\r\n },\r\n {\r\n value: \"Istanbul\",\r\n label: \"Istanbul\",\r\n },\r\n {\r\n value: \"Izmir\",\r\n label: \"Izmir\",\r\n },\r\n {\r\n value: \"Oslo\",\r\n label: \"Oslo\",\r\n }\r\n ];\r\n const options2 = [\r\n {\r\n value: true,\r\n label: \"True\",\r\n },\r\n {\r\n value: false,\r\n label: \"False\",\r\n }\r\n ];\r\n const options3 = [\r\n {\r\n value: null,\r\n label: \"null\",\r\n },\r\n {\r\n value: 0,\r\n label: \"-- 0 --\",\r\n },\r\n {\r\n value: 1,\r\n label: \"-- 1 --\",\r\n },\r\n {\r\n value: 2,\r\n label: \"-- 2 --\",\r\n }\r\n ];\r\n return (\r\n \r\n {selectedIconType!=null &&
\r\n }\r\n {selected}\r\n
\r\n ) : (\r\n {selected}
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Any content 1
\r\nAny content 2
\r\nAny content 3
\r\nAny content 4
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\"-\"}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {products && products.length>prdIndex && products[prdIndex].product && products[prdIndex].product.imageUrl && (\r\n 
\r\n )}\r\n
\r\n );\r\n }\r\n }\r\n return (\r\n lassName=\"hr\"/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nComponentsShowCase.propTypes = {\r\n localization: Localization.propTypes.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n localization: createLocalization(state)\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ComponentsShowCase);","import { SubMenu, SubMenuItem} from \"../../../common/components/SubMenu.jsx\";\r\n\r\nimport CalendarItem from \"../../../common/components/CalendarItem.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nimport {iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport {scssVariables } from \"../../../common/util/config.jsx\";\r\n\r\n\r\nclass CalendarCard extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.getDropDownDateStyle = this.getDropDownDateStyle.bind(this);\r\n }\r\n getDropDownDateStyle() {\r\n const {\r\n width,\r\n deviceType,\r\n } = this.props;\r\n\r\n //calender max current max size is 450\r\n return (deviceType===\"xs\" && {\r\n width: Math.min(450, Math.max(parseInt(scssVariables.minDeviceWidth),width)),\r\n }) || (deviceType===\"sm\" && {\r\n width: Math.min(450,width-parseInt(scssVariables.shoppingCartWidthTiny)+parseInt(scssVariables.cardMargin)+parseInt(scssVariables.menuHeight)),\r\n } || {\r\n width: 450,\r\n });\r\n }\r\n\r\n render(){\r\n const {\r\n deviceType,\r\n deliveryDates,\r\n activeOrder,\r\n setDropDown,\r\n localization,\r\n newSeasonDistrDates,\r\n setActiveOrder,\r\n width,\r\n history,\r\n } = this.props;\r\n\r\n return (\r\n lassName=\"hr\"/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCalendarCard.propTypes = {\r\n width: PropTypes.number,\r\n deviceType: PropTypes.string.isRequired,\r\n deliveryDates: PropTypes.array,\r\n setDropDown: PropTypes.func,\r\n activeOrder: PropTypes.object.isRequired, \r\n localization: Localization.propTypes.isRequired,\r\n setActiveOrder: PropTypes.func,\r\n history: PropTypes.object.isRequired,\r\n newSeasonDistrDates : PropTypes.array.isRequired,\r\n};\r\nexport default CalendarCard;","import {Tag, tagTypes} from \"../../../common/components/Tag.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nexport default class ProductsDisplay extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n }\r\n \r\n render(){\r\n const {\r\n localization,\r\n products,\r\n useText,\r\n count,\r\n } = this.props;\r\n const width = 3;\r\n const components = [];\r\n\r\n for(let i=0; i<3; i++){\r\n for(let j=0; j\r\n \r\n \r\n 0? iconTypes.calendarWarning : iconTypes.calender} setDropDown={setDropDown} dropDownStyle={this.getDropDownDateStyle()} dropDownShiftLeft={deviceType!==\"xs\"} isDroppedDown={true} below={true} dropDownChildren={( \r\n \r\n )}/>\r\n \r\n \r\n
\r\n \r\n {localization.text(\"dashboard\",\"calendar\")}\r\n
\r\n \r\n {components}\r\n {count>0 && (\r\n
\r\n );\r\n }\r\n}\r\nProductsDisplay.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n count: PropTypes.number.isRequired,\r\n products: PropTypes.array.isRequired,\r\n useText: PropTypes.array,\r\n};\r\n\r\nProductsDisplay.defaultProps = {\r\n useText: [\"dashboard\",\"xProducts\"]\r\n};","import {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductsDisplay from \"./productDisplay.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass CampaignProductsCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClickSeeCampaing = this.onClickSeeCampaing.bind(this);\r\n }\r\n onClickSeeCampaing() {\r\n this.props.history.push(\"/order/campaigns\");\r\n }\r\n render(){\r\n const {\r\n localization,\r\n productLists,\r\n isBlockedCustomer,\r\n } = this.props;\r\n const productCount = productLists.campaignProducts ? productLists.campaignProducts.length : 0;\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {localization.text(\"dashboard\",\"campaignProducts\")}{/* TODO: Will the campaign have names */}\r\n
\r\n {productCount>0 && (\r\n \r\n
\r\n )}\r\n \r\n {localization.text(\"dashboard\",\"xProducts\",{count:productCount})}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nCampaignProductsCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n productLists: PropTypes.object,\r\n isBlockedCustomer : PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(CampaignProductsCard);","import Icon, {iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass DashboardHelpSupport extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.onClickMessageUs = this.onClickMessageUs.bind(this);\r\n this.onClickFaq = this.onClickFaq.bind(this);\r\n }\r\n onClickMessageUs() {\r\n this.props.history.push(\"/help/faq/\");\r\n }\r\n onClickFaq() {\r\n this.props.history.push(\"/help/faq/\");\r\n }\r\n render(){\r\n const {\r\n localization\r\n } = this.props;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {localization.text(\"dashboard\",\"help&support\")}\r\n
\r\n \r\n
\r\n {localization.text(\"dashboard\",\"anyQuestions\")}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nDashboardHelpSupport.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withRouter(DashboardHelpSupport);","import Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass DashboardMyProductsList extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.onCLicViewLists = this.onCLicViewLists.bind(this);\r\n this.onClickCreateList = this.onClickCreateList.bind(this);\r\n }\r\n onCLicViewLists() {\r\n this.props.history.push(\"/order/lists/\");\r\n }\r\n onClickCreateList() {\r\n this.props.history.push(\"/order/lists/edit/-1\");\r\n }\r\n render(){\r\n const {\r\n localization,\r\n isBlockedCustomer,\r\n } = this.props;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {localization.text(\"dashboard\",\"products\")}\r\n
\r\n \r\n
\r\n {localization.text(\"dashboard\",\"myProductsLists\")}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nDashboardMyProductsList.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n isBlockedCustomer : PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(DashboardMyProductsList);","import Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass DashboardTobbacoReturns extends React.Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClickEditTobacco = this.onClickEditTobacco.bind(this);\r\n }\r\n onClickEditTobacco() {\r\n this.props.history.push(\"/history/tobacco\");\r\n }\r\n render(){\r\n const {\r\n localization\r\n } = this.props;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nLastOrderModal.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number,\r\n setModal: PropTypes.func.isRequired,\r\n orderFeeLimits: PropTypes.array.isRequired,\r\n orderVolumeDiscounts: PropTypes.array.isRequired,\r\n onCloseModal: PropTypes.func.isRequired,\r\n height: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default LastOrderModal;","import Icon, {iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport DeliveringDate from \"../deliveringDate.jsx\";\r\nimport DeliveringStatus from \"../deliveringStatus\";\r\nimport {HISTORY_TYPES} from \"../../actions/history.js\";\r\nimport LastOrderModal from \"./lastOrderModal.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductsDisplay from \"./productDisplay.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport moment from \"moment\";\r\n\r\nexport default class LastDeliveryCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClickCreateInvoiceClaim = this.onClickCreateInvoiceClaim.bind(this);\r\n this.onCLickInvoice = this.onCLickInvoice.bind(this);\r\n this.closeOrderModal = this.closeOrderModal.bind(this);\r\n }\r\n\r\n onClickCreateInvoiceClaim() {\r\n const {\r\n history,\r\n lastDelivery,\r\n clearClaim,\r\n } = this.props;\r\n clearClaim();\r\n history.push(`/history/claim/${lastDelivery.invoiceId}/invoice`);\r\n }\r\n onCLickInvoice() {\r\n const {\r\n downloadHistoryPdf,\r\n lastDelivery,\r\n signedInAs,\r\n token,\r\n localization,\r\n deviceType,\r\n orderFeeLimits,\r\n orderVolumeDiscounts,\r\n setModal,\r\n height,\r\n } = this.props;\r\n\r\n if(lastDelivery.invoiceId != null)\r\n {\r\n downloadHistoryPdf(token, signedInAs, {\r\n historyType: HISTORY_TYPES.INVOICES,\r\n historyPdfKey: lastDelivery.invoiceId,\r\n });\r\n }\r\n else\r\n {\r\n // Displays the contents of the last order which is not invoiced\r\n this.props.setModal();\r\n }\r\n \r\n }\r\n\r\n closeOrderModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n \r\n this.props.setModal(null);\r\n }\r\n\r\n render(){\r\n const {\r\n localization,\r\n lastDelivery,\r\n lastDeliveryProductList,\r\n } = this.props;\r\n let deliveredDate = \"\";\r\n let deliveredTime = \"\";\r\n const status = lastDelivery ? lastDelivery.status : \"\";\r\n const hasInvoice = lastDelivery.invoiceId != null;\r\n const totalOrderLines = lastDelivery.orderLines ? lastDelivery.orderLines.length : 0;\r\n if( lastDelivery ) {\r\n deliveredDate = lastDelivery.deliveryDate ? moment(lastDelivery.deliveryDate).format(\"MMMM DD\") : \"\";\r\n deliveredTime = lastDelivery.deliveryDate ? moment(lastDelivery.deliveryDate).format(`[${localization.text(\"time\",\"at\")}] HH:mm`) : \"\";\r\n }\r\n const deliveryDelayDesc = lastDelivery.delay ? lastDelivery.delay.delayedDescription : null;\r\n\r\n return (\r\n
\r\n
\r\n
\r\n \r\n {localization.text(\"dashboard\",\"history\")}\r\n
\r\n \r\n
\r\n {localization.text(\"dashboard\",\"tobbacoReturns\")}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nDashboardTobbacoReturns.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withRouter(DashboardTobbacoReturns);","import LabelField from \"../../../common/components/LabelField.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport TextField from \"../../../common/components/TextField.jsx\";\r\n\r\nexport default class ImpersonateCard extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n userName: \"\"\r\n };\r\n\r\n this.onClick = (event) => {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.impersonateUser(this.props.history, this.state.userName);\r\n };\r\n\r\n this.onChange = value => {\r\n this.setState(value);\r\n };\r\n\r\n this.onEdit = () => {};\r\n }\r\n\r\n render() {\r\n const {\r\n localization\r\n } = this.props;\r\n\r\n const disabled = this.state.userName.trim() === \"\";\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nImpersonateCard.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n impersonateUser: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n};","import \"../../../../styles/productView.scss\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport Modal from \"../../../common/components/Modal.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ShoppingCart from \"../../components/order/ShoppingCart.jsx\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\n\r\n// Component for displaying the last order which has passed customer deadline but not yet invoiced\r\n// Shoppingcart can be viewed but not altered\r\nclass LastOrderModal extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.calculateShoppingCartHeight = this.calculateShoppingCartHeight.bind(this);\r\n }\r\n\r\n calculateShoppingCartHeight() {\r\n const {\r\n deviceType,\r\n height,\r\n } = this.props;\r\n let productDisplayHeight = height;\r\n \r\n //page padding\r\n productDisplayHeight -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n //product display margin\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n\r\n productDisplayHeight -= 50;\r\n\r\n return productDisplayHeight;\r\n }\r\n\r\n render(){\r\n const {\r\n localization,\r\n activeOrder,\r\n deviceType,\r\n onCloseModal,\r\n setModal,\r\n width,\r\n orderFeeLimits,\r\n orderVolumeDiscounts,\r\n } = this.props;\r\n\r\n const shoppingCartHeight = this.calculateShoppingCartHeight();\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {question.answerMarkdown}\r\n \r\n );\r\n });\r\n nodes.push(\r\n \r\n {childrenNodes}\r\n \r\n );\r\n }\r\n return nodes;\r\n }\r\n\r\n render(){\r\n const {\r\n height\r\n } = this.props;\r\n \r\n \r\n \r\n return (\r\n =maxFileSize) {\r\n error = `Vedlegg må ikke være større enn ${maxFileSize/1000000} Mb`;\r\n }\r\n else\r\n {\r\n ret.push(files[i]);\r\n }\r\n }\r\n return {files: ret, error: error};\r\n }\r\n\r\n handleDrag(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n handleDragIn(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.dragCounter++;\r\n if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {\r\n this.setState({drag: true});\r\n }\r\n }\r\n handleDragOut(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.dragCounter--;\r\n if (this.dragCounter === 0) {\r\n this.setState({drag: false});\r\n }\r\n }\r\n handleDrop(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.setState({drag: false});\r\n const filteredFiles = this.filterFiles(e.dataTransfer.files);\r\n\r\n if (filteredFiles.error)\r\n {\r\n this.props.handleError(filteredFiles.error);\r\n }\r\n\r\n if (filteredFiles.files && filteredFiles.files.length > 0) {\r\n this.props.handleFiles(filteredFiles.files);\r\n e.dataTransfer.clearData();\r\n this.dragCounter = 0;\r\n }\r\n }\r\n onClickFileUpload(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const filteredFiles = this.filterFiles(e.target.files);\r\n\r\n if (filteredFiles.error)\r\n {\r\n this.props.handleError(filteredFiles.error);\r\n }\r\n\r\n if (filteredFiles.files && filteredFiles.files.length > 0) {\r\n this.props.handleFiles(filteredFiles.files);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n disabled,\r\n localization,\r\n allowVideo,\r\n } = this.props;\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nTextArea.propTypes = {\r\n //\r\n // Mandatory\r\n //\r\n // called when finished editing input field\r\n onEdit: PropTypes.func.isRequired,\r\n property: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.arrayOf(\r\n PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ])\r\n )\r\n ]).isRequired,\r\n source: PropTypes.object.isRequired,\r\n //\r\n // Optional\r\n //\r\n // maximum length of input date\r\n maxLength: PropTypes.number,\r\n // called every time the field changes\r\n onChange: PropTypes.func,\r\n // disabling inputs\r\n disabled: PropTypes.bool,\r\n // a lock will apear on the right side\r\n locked: PropTypes.bool,\r\n // what iconType should be visilbe on the left side\r\n iconType: PropTypes.string,\r\n // what color the icon should have\r\n iconColor: PropTypes.string,\r\n // function to validate the value of the field\r\n validation: PropTypes.func,\r\n // enable/disable browers support for spellchecking\r\n spellcheck: PropTypes.bool,\r\n // what type of input default \"text\", other options \"number\", \"password\"\r\n type: PropTypes.string,\r\n // visible ghost text when no value is entered\r\n placeholder: PropTypes.string,\r\n // manualy setting tabIndex\r\n tabIndex: PropTypes.number,\r\n // if using form and callbacks for onEdit is not wanted\r\n usingSubmit: PropTypes.bool,\r\n // scss style\r\n className: PropTypes.string,\r\n // scss style\r\n classNameText: PropTypes.string,\r\n // for disabling autocomplete useful for password fields\r\n autoComplete: PropTypes.string,\r\n // if the background should be invisible\r\n invisibleBackground: PropTypes.bool,\r\n // if the text should be in smaller font\r\n smallText: PropTypes.bool,\r\n};\r\n\r\nTextArea.defaultProps = {\r\n locked: false,\r\n disabled: false,\r\n validation: null,\r\n usingIcon: undefined,\r\n type: \"text\",\r\n usingSubmit: false,\r\n invisibleBackground: false,\r\n};","import \"../../../../styles/page/help&support.scss\";\r\n\r\nimport Icon, { iconColor, iconTypes } from \"../../../common/components/Icon.jsx\";\r\nimport { SubMenu, SubMenuItem } from \"../../../common/components/SubMenu.jsx\";\r\n\r\nimport DragAndDrop from \"../../../common/components/DragAndDrop\";\r\nimport DropDownList from \"../../../common/components/DropDownList.jsx\";\r\nimport LabelField from \"../../../common/components/LabelField\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport TextArea from \"../../../common/components/Textarea\";\r\nimport { scssVariables } from \"../../../common/util/config.jsx\";\r\n\r\nclass BtnRemoveFile extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.onClickRemove = this.onClickRemove.bind(this);\r\n }\r\n onClickRemove() {\r\n const {\r\n message,\r\n editMessage,\r\n file,\r\n } = this.props;\r\n editMessage({\r\n files: message.files.filter( (item) => item!==file),\r\n });\r\n }\r\n render() {\r\n const {\r\n file,\r\n } = this.props;\r\n return (\r\n \r\n );\r\n }\r\n}\r\nBtnRemoveFile.propTypes = {\r\n file: PropTypes.object.isRequired,\r\n message: PropTypes.object.isRequired,\r\n editMessage: PropTypes.func.isRequired,\r\n};\r\n\r\nclass MessageCart extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n expanded: this.props.deviceType!==\"xs\",\r\n files: [],\r\n };\r\n\r\n this.onClickExpand = this.onClickExpand.bind(this);\r\n this.onClickMinimize = this.onClickMinimize.bind(this);\r\n this.handleFiles = this.handleFiles.bind(this);\r\n this.handleError = this.handleError.bind(this);\r\n }\r\n\r\n onClickExpand() {\r\n this.setState({\r\n expanded: true,\r\n });\r\n }\r\n onClickMinimize() {\r\n this.setState({\r\n expanded: false,\r\n });\r\n }\r\n handleFiles(files) {\r\n const {\r\n message,\r\n editMessage\r\n } = this.props;\r\n //creates a new variable to force a render()\r\n const f = [].concat(message.files || []);\r\n for(let i=0; i {\r\n\r\n const subjects = [...new Set(faq.map(item => item.subject))];\r\n const options = [];\r\n\r\n subjects.forEach(function (element) {\r\n options.push(\r\n {\r\n value: element,\r\n label: element,\r\n }\r\n );\r\n });\r\n\r\n const isLoading = support.isLoading;\r\n const hasInput = !isLoading && ((message.subject && message.subject.length>0) || (message.messageInput && message.messageInput.length>0));\r\n const canSubmit = !isLoading && message.subject && message.subject.length>0 && message.messageInput && message.messageInput.length>0 && message;\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {totalOrderLines>0 && (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {localization.text(\"dashboard\",\"xOrderLines\",{count:totalOrderLines})}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nLastDeliveryCard.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n lastDelivery: PropTypes.object,\r\n lastDeliveryProductList: PropTypes.array,\r\n history: PropTypes.object.isRequired,\r\n downloadHistoryPdf: PropTypes.func.isRequired,\r\n signedInAs: PropTypes.string.isRequired,\r\n token: PropTypes.string.isRequired,\r\n clearClaim: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n orderFeeLimits: PropTypes.array.isRequired, \r\n orderVolumeDiscounts: PropTypes.array.isRequired,\r\n height: PropTypes.number.isRequired,\r\n};","import {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductsDisplay from \"./productDisplay.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass NewProductsCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClickNewProducts = this.onClickNewProducts.bind(this);\r\n }\r\n onClickNewProducts() {\r\n this.props.history.push(\"/order/products/new\");\r\n }\r\n render(){\r\n const {\r\n localization,\r\n productLists,\r\n isBlockedCustomer,\r\n } = this.props;\r\n const productCount = productLists.newProducts ? productLists.newProducts.length : 0;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {deviceType===\"xs\" ? (\r\n expanded ? (\r\n \r\n );\r\n\r\n const renderCart = () => {\r\n return (\r\n \r\n {menu}\r\n \r\n \r\n {this.prepareShoppingCart()}\r\n \r\n \r\n ) : (\r\n productLists.customListsLoading ? (\r\n \r\n ) : (\r\n \r\n )\r\n )}\r\n \r\n );\r\n };\r\n\r\n return expanded ? (\r\n deviceType===\"xs\" ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nProductPage.propTypes = {\r\n //Required\r\n clearQuery: PropTypes.func.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setOrderProductView: PropTypes.func.isRequired,\r\n productView: PropTypes.object.isRequired,\r\n activeList: PropTypes.object.isRequired,\r\n addRemoveProductToActiveList: PropTypes.func.isRequired,\r\n editQueryFilter: PropTypes.func.isRequired,\r\n height: PropTypes.number.isRequired,\r\n width: PropTypes.number.isRequired,\r\n loadMoreSearchedProducts: PropTypes.func.isRequired,\r\n productQuery: PropTypes.object.isRequired,\r\n productLists: PropTypes.object.isRequired,\r\n onClickShowProducts: PropTypes.func.isRequired,\r\n titleTabs: PropTypes.node.isRequired,\r\n cart: PropTypes.node.isRequired,\r\n onClickSwapPage: PropTypes.func.isRequired,\r\n flowControl: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n //What filter should be used\r\n filter: PropTypes.object,\r\n};\r\n\r\nexport default ProductPage;","import \"../../../../styles/page/order.scss\";\r\nimport \"../../../../styles/page/order.scss\";\r\n\r\nimport { TitleTab, TitleTabs } from \"../../../common/components/TitleTabs\";\r\n\r\nimport AddRemoveField from \"../../../common/components/AddRemoveField\";\r\nimport AllProductPage from \"../product/AllProductPage\";\r\nimport EditListCart from \"../List/EditListCart\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport ProductPage from \"../product/ProductPage\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../../../common/util/config\";\r\n\r\nclass EditMyListPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n view: this.props.startView,\r\n };\r\n\r\n this.onClickSwapPage = this.onClickSwapPage.bind(this);\r\n this.calculateShoppingCartHeight = this.calculateShoppingCartHeight.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n const {\r\n clearQuery,\r\n productLists,\r\n getMyLists,\r\n PrepareMyListForEdit,\r\n getBoughtProducts,\r\n getNewProducts,\r\n } = this.props;\r\n if( !productLists.customLists || productLists.customLists.length==0){\r\n getMyLists();\r\n }\r\n clearQuery();\r\n PrepareMyListForEdit();\r\n getBoughtProducts();\r\n getNewProducts();\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if( this.state.view !== nextProps.startView) {\r\n this.setState({\r\n view: !nextProps.startView || nextProps.startView===\"\" ? \"card\" : nextProps.startView,\r\n });\r\n }\r\n }\r\n\r\n onClickSwapPage(event, view) {\r\n this.props.history.push(`/order/lists/edit/${this.props.listId}/${view?view:\"\"}`);\r\n }\r\n\r\n calculateShoppingCartHeight() {\r\n const {\r\n deviceType,\r\n height,\r\n } = this.props;\r\n let productDisplayHeight = height;\r\n \r\n //page padding\r\n productDisplayHeight -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n //product display margin\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n\r\n return productDisplayHeight;\r\n }\r\n\r\n render(){\r\n const {\r\n deviceType,\r\n localization,\r\n setOrderProductView,\r\n productView,\r\n addRemoveProductToActiveList,\r\n moveFromToInMyList,\r\n swapReplacedProductInMyList,\r\n changeCustomList,\r\n editQueryFilter,\r\n height,\r\n width,\r\n loadMoreSearchedProducts,\r\n productQuery,\r\n deliveryDates,\r\n productLists,\r\n editingList,\r\n UpdateMyList,\r\n deleteMyList,\r\n flowControl,\r\n listId,\r\n setModal,\r\n setDropDown,\r\n clearQuery,\r\n } = this.props;\r\n const shoppingCartHeight = this.calculateShoppingCartHeight();\r\n return this.state.view==\"card\" ? (\r\n }\r\n titleTabs={\r\n }\r\n cart={}\r\n titleTabs={\r\n }\r\n cart={);\r\n }\r\n closeProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n \r\n this.props.setModal(null);\r\n }\r\n\r\n checkDisabledDay(weekDay, thisweek, nextWeek)\r\n {\r\n const {\r\n templateData,\r\n } = this.props;\r\n\r\n const daysToCheck = thisweek ? templateData.disabledDaysThisWeek : nextWeek ? templateData.disabledDaysNextWeek : templateData.disabledDaysTemplate;\r\n \r\n return daysToCheck.some(d => d === weekDay);\r\n }\r\n\r\n render() {\r\n const {\r\n product,\r\n thisWeek,\r\n nextWeek,\r\n } = this.props;\r\n\r\n const propName = thisWeek ? \"OrderedQtyCurrentWeek\" : nextWeek ? \"OrderedQtyNextWeek\" : \"TemplateQty\";\r\n\r\n return (\r\n \r\n \r\n {nodes}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nFreshFoodProductList.propTypes = {\r\n height: PropTypes.number,\r\n // If true a loading icon will be displayed\r\n isLoading: PropTypes.bool,\r\n // An array of products to be displayed\r\n list: PropTypes.array.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n style: PropTypes.object,\r\n thisWeek: PropTypes.bool.isRequired,\r\n nextWeek: PropTypes.bool.isRequired,\r\n template: PropTypes.bool.isRequired,\r\n updateTemplateQty : PropTypes.func.isRequired,\r\n templateData : PropTypes.object.isRequired,\r\n};\r\n\r\nexport default FreshFoodProductList;\r\n","import \"../../../../styles/productView.scss\";\r\nimport \"../../../../styles/productViewListItem.scss\";\r\n\r\nimport {Tab, TabList, TabPanel, Tabs} from \"../../../common/components/Tabs.jsx\";\r\n\r\nimport CounterField from \"../../../common/components/CounterField.jsx\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport Scroll from \"../../../common/components/Scroll.jsx\";\r\n\r\n\r\n/**\r\n * Component for a single product row in the template list (counterfield that increases qty)\r\n */\r\nexport class FreshFoodProductListMobileItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.onEdit = this.onEdit.bind(this);\r\n this.validateNewQty = this.validateNewQty.bind(this);\r\n this.checkDisabledDay = this.checkDisabledDay.bind(this); \r\n }\r\n\r\n onEdit(change) {\r\n const {\r\n updateTemplateQty,\r\n product,\r\n templateData,\r\n propName,\r\n } = this.props;\r\n\r\n const changeObj = { [propName] : change.value };\r\n updateTemplateQty(changeObj, product, templateData.hubId);\r\n }\r\n\r\n validateNewQty() {\r\n return true;\r\n }\r\n\r\n checkDisabledDay(weekDay, thisweek, nextWeek)\r\n {\r\n const {\r\n templateData,\r\n } = this.props;\r\n\r\n const daysToCheck = thisweek ? templateData.disabledDaysThisWeek : nextWeek ? templateData.disabledDaysNextWeek : templateData.disabledDaysTemplate;\r\n \r\n return daysToCheck.some(d => d === weekDay);\r\n }\r\n\r\n render() {\r\n const {\r\n product,\r\n thisWeek,\r\n nextWeek,\r\n weekday,\r\n qty,\r\n localization,\r\n } = this.props;\r\n\r\n return (\r\n \r\n {retNodes}\r\n );\r\n\r\n return scrollNode;\r\n }\r\n\r\n render() {\r\n const {\r\n height,\r\n style,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { this.prepareItems(\"monday\", height, style) }\r\n \r\n \r\n { this.prepareItems(\"tuesday\", height, style) }\r\n \r\n \r\n { this.prepareItems(\"wednesday\", height, style) }\r\n \r\n \r\n { this.prepareItems(\"thursday\", height, style) }\r\n \r\n \r\n { this.prepareItems(\"friday\", height, style) } \r\n \r\n \r\n { this.prepareItems(\"saturday\", height, style) }\r\n \r\n \r\n { this.prepareItems(\"sunday\", height, style) }\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nFreshFoodProductListMobile.propTypes = {\r\n height: PropTypes.number,\r\n // If true a loading icon will be displayed\r\n isLoading: PropTypes.bool,\r\n // An array of products to be displayed\r\n list: PropTypes.array.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n style: PropTypes.object,\r\n thisWeek: PropTypes.bool.isRequired,\r\n nextWeek: PropTypes.bool.isRequired,\r\n template: PropTypes.bool.isRequired,\r\n updateTemplateQty : PropTypes.func.isRequired,\r\n templateData : PropTypes.object.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n};\r\n\r\nexport default FreshFoodProductListMobile;\r\n","import \"../../../../styles/page/order.scss\";\r\n\r\nimport {Tab, TabList, TabPanel, Tabs} from \"../../../common/components/Tabs.jsx\";\r\nimport {TitleTab, TitleTabs} from \"../../../common/components/TitleTabs.jsx\";\r\n\r\nimport ContentWrapper from \"../../../common/components/ContentWrapper.jsx\";\r\nimport FreshFoodProductList from \"./FreshFoodProductList.jsx\";\r\nimport FreshFoodProductListMobile from \"./FreshFoodProductListMobile.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport moment from \"moment\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass FreshFoodTemplatePage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.createTabPanels = this.createTabPanels.bind(this);\r\n }\r\n \r\n UNSAFE_componentWillMount() {\r\n const {\r\n getFreshFoodTemplates,\r\n } = this.props;\r\n getFreshFoodTemplates();\r\n }\r\n\r\n calculateInternalPanelHeight() {\r\n let tabPanelHeight = this.props.height;\r\n\r\n // Remove height of tab panel\r\n tabPanelHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n return tabPanelHeight;\r\n }\r\n\r\n createTabPanels(id, thisWeek, nextWeek, isMobile) {\r\n const {\r\n localization,\r\n setModal,\r\n templateData,\r\n updateTemplateQty,\r\n } = this.props;\r\n\r\n const tabPanelHeight = this.calculateInternalPanelHeight();\r\n\r\n const panelNode = (\r\n \r\n { isMobile ? (\r\n );\r\n\r\n return panelNode;\r\n }\r\n\r\n render(){\r\n const {\r\n deviceType,\r\n localization,\r\n height,\r\n templateData,\r\n showFreshFood,\r\n } = this.props;\r\n \r\n const firstDateOfWeek = moment(templateData.startDateFirstWeekNo).format(\"DD.MM.YYYY\");\r\n const lastDateOfWeek = moment(templateData.startDateFirstWeekNo).add(6, \"days\").format(\"DD.MM.YYYY\");\r\n\r\n const firstDateONextfWeek = moment(templateData.startDateFirstWeekNo).add(7, \"days\").format(\"DD.MM.YYYY\");\r\n const lastDateOfNextWeek = moment(templateData.startDateFirstWeekNo).add(13, \"days\").format(\"DD.MM.YYYY\");\r\n\r\n return deviceType==\"xs\" ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nFreshFoodTemplatePage.propTypes = {\r\n //Required\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n height: PropTypes.number.isRequired,\r\n width: PropTypes.number.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n getFreshFoodTemplates: PropTypes.func.isRequired,\r\n templateData: PropTypes.object.isRequired,\r\n updateTemplateQty : PropTypes.func.isRequired,\r\n setModal: PropTypes.func,\r\n showFreshFood: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(FreshFoodTemplatePage);","import {getFreshFoodTemplates, updateTemplateQty} from \"../actions/order.js\";\r\nimport {setDropDown, setModal} from \"../../common/actions/modal.js\";\r\n\r\nimport FreshFoodTemplatePage from \"../components/order/FreshFoodTemplatePage.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport {createLocalization} from \"../../common/util/localization.jsx\";\r\n\r\nimport {scssVariables} from \"../../common/util/config.jsx\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n localization: createLocalization(state),\r\n authentication: state.authentication,\r\n productView: state.order.productView,\r\n deviceType: state.view.deviceType,\r\n width: state.view.innerWidth,\r\n height: state.view.innerHeight-parseInt(scssVariables.menuHeight),\r\n templateData: state.order.freshFoodTemplateData,\r\n showFreshFood: state.authentication.showFreshFood,\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n setModal,\r\n setDropDown,\r\n getFreshFoodTemplates,\r\n updateTemplateQty,\r\n};\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(FreshFoodTemplatePage);","import {ContentTypes, getApi} from \"../../common/actions/net.js\";\r\nimport {messageType, pushSystemMessage} from \"../../common/actions/systemMessage.js\";\r\n\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { makeApiUrl } from \"../../common/util/config.jsx\";\r\n\r\nexport const CHANGE_SUPPORT_MESSAGE = \"CHANGE_SUPPORT_MESSAGE\";\r\nexport const CLEAR_SUPPORT_MESSAGE = \"CLEAR_SUPPORT_MESSAGE\";\r\nexport const FAQ_IS_LOADING = \"FAQ_IS_LOADING\";\r\nexport const FAQ_DONE_LOADING = \"FAQ_DONE_LOADING\";\r\nexport const FAQ_FAILED_LOADING = \"FAQ_DONE_LOADING\";\r\nexport const SET_FAQ_RESULTS = \"SET_FAQ_RESULTS\";\r\n\r\nconst setFaqIsLoading = () => ({\r\n type: FAQ_IS_LOADING,\r\n});\r\n\r\nconst setFaqDoneLoading = () => ({\r\n type: FAQ_DONE_LOADING,\r\n});\r\n\r\nconst setFaqFailedLoading = () => ({\r\n type: FAQ_FAILED_LOADING,\r\n});\r\n\r\nconst addFaqResults = (faqArray) => ({\r\n type: SET_FAQ_RESULTS,\r\n results: faqArray,\r\n});\r\n\r\n/**\r\n * Get FAQ\r\n * @returns {func}\r\n */\r\nexport function getFaq(){\r\n return async (dispatch) => {\r\n try {\r\n // Start loading\r\n dispatch( setFaqIsLoading() );\r\n\r\n const {payload} = await dispatch(getApi(\"Help/FaqQuery\"));\r\n\r\n // Store query results\r\n await dispatch(addFaqResults(payload));\r\n\r\n dispatch(setFaqDoneLoading());\r\n } catch (error) {\r\n dispatch( setFaqFailedLoading());\r\n dispatch(pushSystemMessage(error && error.message || \"Innlasting av faq mislyktes\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n *Edit support message\r\n * @param {object} change \r\n * @returns {func}\r\n */\r\nexport function editMessage(change){\r\n return async (dispatch) => {\r\n dispatch({\r\n type: CHANGE_SUPPORT_MESSAGE,\r\n change,\r\n });\r\n };\r\n}\r\n\r\n/**\r\n *Clears all data regarding the support message\r\n * @returns {func}\r\n */\r\nexport function clearMessage(){\r\n return async (dispatch) => {\r\n dispatch({\r\n type: CLEAR_SUPPORT_MESSAGE\r\n });\r\n };\r\n}\r\n\r\n/**\r\n * Submit help message\r\n * @returns {func}\r\n */\r\nexport function submitSupportMessage(){\r\n return async (dispatch, getState) => {\r\n try {\r\n const state = getState();\r\n // Start loading\r\n dispatch( setFaqIsLoading() );\r\n\r\n const formData = new FormData();\r\n\r\n formData.append(\"Subject\", state.support.message.subject);\r\n formData.append(\"Message\", state.support.message.messageInput);\r\n \r\n if(state.support.message.files && state.support.message.files.length>0){\r\n for(let i=0; i\r\n
\r\n );\r\n }\r\n}\r\n\r\nFaqAccordion.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n label: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n count: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default FaqAccordion;\r\n","import PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nconst flatten = (text, child) => {\r\n return typeof child === \"string\"\r\n ? text + child : React.Children.toArray(child.props.children).reduce(flatten, text);\r\n};\r\n\r\n/**\r\n * HeadingRenderer is a custom renderer\r\n * It parses the heading and attaches an id to it to be used as an anchor\r\n * @param {Object} props\r\n * @returns {Object}\r\n */\r\nconst HeadingRenderer = props => {\r\n const children = React.Children.toArray(props.children);\r\n const text = children.reduce(flatten, \"\");\r\n const slug = text.toLowerCase().replace(/\\W/g, \"-\");\r\n return React.createElement(`h${props.level}`, { id: slug }, props.children);\r\n};\r\n\r\nHeadingRenderer.propTypes = {\r\n level: PropTypes.number.isRequired,\r\n children: PropTypes.node\r\n};\r\n\r\nexport default HeadingRenderer;","import Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\n\r\nimport HeadingRenderer from \"../../../common/components/HeadingRenderer.jsx\";\r\nimport Markdown from \"react-markdown\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass QuestionAccordion extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n expanded: false\r\n };\r\n\r\n this.toggleExpand = this.toggleExpand.bind(this);\r\n }\r\n\r\n toggleExpand(e) {\r\n e.stopPropagation();\r\n\r\n this.setState({\r\n expanded: !this.state.expanded,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n label,\r\n } = this.props;\r\n return(\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {localization.text(\"dashboard\",\"newProducts\")}\r\n
\r\n {productCount>0 && (\r\n \r\n
\r\n )}\r\n \r\n {localization.text(\"dashboard\",\"xProducts\",{count:productCount})}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nNewProductsCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n productLists: PropTypes.object,\r\n isBlockedCustomer : PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(NewProductsCard);","import Icon, {iconColor, iconTypes} from \"../../../common/components/Icon.jsx\";\r\n\r\nimport DeliveringDate from \"../deliveringDate.jsx\";\r\nimport DeliveringStatus from \"../deliveringStatus\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductsDisplay from \"./productDisplay.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport { getProgressForOrderDate } from \"../../util/orderUtil.js\";\r\nimport { getTimeLeftSeconds } from \"../../../common/util/time.js\";\r\nimport moment from \"moment\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass NextDeliveryCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n \r\n this.state = {\r\n minute: -1\r\n };\r\n\r\n this.onClickAddProducts = this.onClickAddProducts.bind(this);\r\n\r\n this.checkTime = this.checkTime.bind(this);\r\n }\r\n componentDidMount() {\r\n this.interval = setInterval(this.checkTime, 1000);\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n onClickAddProducts() {\r\n if(this.props.deviceType === \"xs\")\r\n this.props.history.push(\"/order/products/all\");\r\n else this.props.history.push(\"/order/products/\");\r\n }\r\n checkTime() {\r\n const date = new Date;\r\n const minute = date.getMinutes();\r\n if( this.state.minute!=minute){\r\n this.setState({minute:minute});\r\n }\r\n }\r\n render(){\r\n const {\r\n localization,\r\n nextDelivery,\r\n submitOrder,\r\n isBlockedCustomer,\r\n } = this.props;\r\n let deliveredDate = \"\";\r\n let deliveredTime = \"\";\r\n if( nextDelivery ) {\r\n deliveredDate = nextDelivery.deliveryDate ? moment(nextDelivery.deliveryDate).format(\"MMMM DD\") : \"\";\r\n deliveredTime = nextDelivery.deliveryDate ? moment(nextDelivery.deliveryDate).format(`[${localization.text(\"time\",\"at\")}] HH:mm`) : \"\";\r\n }\r\n\r\n const progress = getProgressForOrderDate(nextDelivery.customerDeadlineDate);\r\n const sLeft = getTimeLeftSeconds(nextDelivery.customerDeadlineDate);\r\n const canSendInOrder = !nextDelivery.loading && (nextDelivery.unConfirmedOrderLines && nextDelivery.unConfirmedOrderLines.length || 0)>0 && sLeft>0;\r\n const nextDeliveryProductList = (nextDelivery.unConfirmedOrderLines || []).concat(nextDelivery.orderLines || []);\r\n const totalOrderLines = (nextDelivery==null || nextDelivery.orderLines==null)?0:nextDelivery.orderLines.length;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n ); \r\n }\r\n } \r\n \r\n onCloseModalAndCheck() {\r\n const {\r\n nextDelivery,\r\n setModal,\r\n localization,\r\n deliveryDates,\r\n moveUnconfirmedLinesToNextOrder,\r\n } = this.props;\r\n\r\n this.props.setModal(null);\r\n\r\n if (nextDelivery.oldUnconfirmedOrderLineCount && nextDelivery.oldUnconfirmedOrderLineCount > 0 ) {\r\n setModal(); \r\n } \r\n }\r\n\r\n onCloseModal() {\r\n this.props.setModal(null);\r\n }\r\n\r\n onChangeText(change) {\r\n this.setState(change);\r\n }\r\n\r\n onChangeSelect(change) {\r\n this.setState(change);\r\n }\r\n\r\n render(){\r\n const {\r\n customer,\r\n deviceType,\r\n history,\r\n impersonateUser,\r\n isAdmin,\r\n isImpersonated,\r\n lastDelivery,\r\n lastDeliveryProductList,\r\n localization,\r\n nextDelivery,\r\n productLists,\r\n stopImpersonating,\r\n submitOrder,\r\n clearClaim,\r\n downloadHistoryPdf,\r\n signedInAs,\r\n token,\r\n setModal,\r\n orderFeeLimits,\r\n orderVolumeDiscounts,\r\n height,\r\n isBlockedCustomer,\r\n setDropDown,\r\n activeOrder,\r\n width,\r\n deliveryDates,\r\n setActiveOrder,\r\n newSeasonDistrDates,\r\n } = this.props; \r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {deviceType!==\"xs\" && (\r\n \r\n \r\n )}\r\n {deviceType!==\"xs\" && (\r\n \r\n \r\n \r\n \r\n )}\r\n {deviceType!==\"xs\" && ( \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n isAdmin && \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\ndashboardPage.propTypes = {\r\n activeOrder: PropTypes.object.isRequired,\r\n signedInAs: PropTypes.string.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n getCustomerInfo: PropTypes.func.isRequired,\r\n getCampaignProducts: PropTypes.func.isRequired,\r\n getNewProducts: PropTypes.func.isRequired,\r\n getLastDelivery: PropTypes.func.isRequired,\r\n getNextDelivery: PropTypes.func.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n submitOrder: PropTypes.func.isRequired,\r\n botstrapDeliveryAndOrder: PropTypes.func.isRequired,\r\n getBoughtProducts: PropTypes.func.isRequired,\r\n isAdmin: PropTypes.bool,\r\n isImpersonated: PropTypes.bool,\r\n impersonateUser: PropTypes.func.isRequired,\r\n stopImpersonating: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n clearClaim: PropTypes.func.isRequired,\r\n downloadHistoryPdf: PropTypes.func.isRequired,\r\n token: PropTypes.string.isRequired,\r\n customer: PropTypes.object,\r\n productLists: PropTypes.object,\r\n lastDelivery: PropTypes.object,\r\n lastDeliveryProductList: PropTypes.array,\r\n nextDelivery: PropTypes.object,\r\n nextDeliveryProductList: PropTypes.array,\r\n setModal: PropTypes.func.isRequired,\r\n getOrderFeeLimits: PropTypes.func.isRequired,\r\n orderFeeLimits: PropTypes.array.isRequired,\r\n getOrderVolumeDiscounts: PropTypes.func.isRequired,\r\n orderVolumeDiscounts: PropTypes.array.isRequired,\r\n height: PropTypes.number.isRequired,\r\n isBlockedCustomer : PropTypes.bool.isRequired,\r\n deliveryDates: PropTypes.array,\r\n setDropDown: PropTypes.func,\r\n width: PropTypes.number,\r\n setActiveOrder: PropTypes.func,\r\n newSeasonDistrDates : PropTypes.array.isRequired,\r\n moveUnconfirmedLinesToNextOrder: PropTypes.func.isRequired,\r\n displaySeasonLinesMessage: PropTypes.func.isRequired,\r\n seasonMessageConfirmed: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default dashboardPage;","import {botstrapDeliveryAndOrder, getLastDelivery, getNextDelivery} from \"../actions/delivery.js\";\r\nimport {clearClaim, downloadHistoryPdf} from \"../actions/history.js\";\r\nimport {displaySeasonLinesMessage, impersonateUser, stopImpersonating } from \"../../common/actions/authentication.js\";\r\nimport {getBoughtProducts, getCampaignProducts, getNewProducts} from \"../actions/productLists.js\";\r\nimport {getOrderFeeLimits, getOrderVolumeDiscounts, moveUnconfirmedLinesToNextOrder, setActiveOrder } from \"../actions/order.js\";\r\nimport {setDropDown, setModal} from \"../../common/actions/modal\";\r\n\r\nimport DashboardPage from \"../components/dashboard/dashboardPage.jsx\";\r\nimport {connect} from \"react-redux\";\r\nimport {createBoundFunction} from \"../../common/util/reselect.js\";\r\nimport {createLocalization} from \"../../common/util/localization.jsx\";\r\nimport {getCustomerInfo} from \"../actions/customer.js\";\r\nimport {scssVariables} from \"../../common/util/config.jsx\";\r\nimport {submitOrder} from \"../actions/order.js\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n deviceType: state.view.deviceType,\r\n localization: createLocalization(state),\r\n customer: state.customer,\r\n delivery: state.delivery,\r\n token: state.authentication.token,\r\n signedInAs: state.authentication.signedInAs,\r\n productLists: state.productLists,\r\n activeOrder: state.order.active,\r\n lastDelivery: state.delivery.lastDelivery,\r\n lastDeliveryProductList: state.delivery.lastDelivery.orderLines,\r\n nextDelivery: state.delivery.nextDelivery,\r\n nextDeliveryProductList: state.delivery.nextDelivery.unConfirmedOrderLines,\r\n productImage: state.productImage,\r\n isAdmin: state.authentication.isAdmin,\r\n isBlockedCustomer: state.authentication.isBlockedCustomer,\r\n isImpersonated: state.authentication.isImpersonated,\r\n orderFeeLimits: state.order.orderFeeLimits,\r\n orderVolumeDiscounts: state.order.orderVolumeDiscounts,\r\n deliveryDates: state.delivery.dates.deliveryDates || [],\r\n height: state.view.innerHeight-parseInt(scssVariables.menuHeight),\r\n width: state.view.innerWidth,\r\n newSeasonDistrDates : state.authentication.newSeasonDistrDates || [],\r\n seasonMessageConfirmed : state.authentication.seasonMessageConfirmed,\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n botstrapDeliveryAndOrder,\r\n getBoughtProducts,\r\n getCampaignProducts,\r\n getCustomerInfo,\r\n getLastDelivery,\r\n getNewProducts,\r\n getNextDelivery,\r\n impersonateUser,\r\n setActiveOrder,\r\n setDropDown,\r\n setModal,\r\n stopImpersonating,\r\n submitOrder,\r\n downloadHistoryPdf,\r\n clearClaim,\r\n getOrderFeeLimits,\r\n getOrderVolumeDiscounts,\r\n moveUnconfirmedLinesToNextOrder,\r\n displaySeasonLinesMessage,\r\n};\r\n\r\nconst mySubmitOrder = createBoundFunction();\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n submitOrder: mySubmitOrder(() => dispatchProps.submitOrder(stateProps.activeOrder)),\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(DashboardPage);","import { downloadBlob, getBlob } from \"../../common/actions/net\";\r\nimport { messageType, pushSystemMessage } from \"../../common/actions/systemMessage.js\";\r\n\r\nimport { ContentTypes } from \"../../common/net/httpClient\";\r\nimport Logger from \"../../common/util/Logger.js\";\r\nimport { getApi } from \"../../common/actions/net.js\";\r\nimport moment from \"moment\";\r\n\r\nexport const SET_DOMINOS_ORDERS = \"SET_DOMINOS_ORDERS\";\r\nexport const SET_NO_OF_DOLLIES = \"SET_NO_OF_DOLLIES\";\r\nexport const CREATE_LABELS = \"CREATE_LABELS\";\r\nexport const SELECT_CUSTOMER = \"SELECT_CUSTOMER\";\r\nexport const LOADING = \"LOADING\";\r\n\r\n\r\n/**\r\n * Gets dollys \r\n * @returns {func}\r\n */\r\nexport function getOrdersForDoughProducts() {\r\n return async dispatch => {\r\n try {\r\n\r\n dispatch({\r\n type: LOADING,\r\n loading: true,\r\n });\r\n\r\n // Call webApi to get a list of dough orders\r\n const { payload } = await dispatch(\r\n getApi(\"Dominos/GetOrdersForDoughProductsQuery\",\r\n {\r\n }));\r\n\r\n dispatch({\r\n type: SET_DOMINOS_ORDERS,\r\n payload: payload\r\n });\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Lasting av kunder mislyktes\", messageType.error));\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: LOADING,\r\n loading: false,\r\n });\r\n }\r\n \r\n };\r\n}\r\n\r\n/**\r\n * Adds/removes a dolly to customer\r\n * @param {object} customer\r\n * @param {int} value\r\n * @returns {func}\r\n */\r\nexport function updateNoOfDollies(customer, value) {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({\r\n type: SET_NO_OF_DOLLIES,\r\n salesOrderId: customer.salesOrderId,\r\n customer : { \r\n ...customer,\r\n noOfDollies: value\r\n }\r\n });\r\n } catch (error) {\r\n dispatch(pushSystemMessage(error && error.message || \"Oppdatering av antall bur feilet.\", messageType.error));\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n/**\r\n * Marks a customer for printout\r\n * @param {object} customer\r\n * @param {object} change\r\n * @returns {func}\r\n */\r\nexport function selectCustomer(customer, change){\r\n return async (dispatch) => {\r\n try {\r\n await dispatch({\r\n type: SELECT_CUSTOMER,\r\n salesOrderId: customer.salesOrderId,\r\n customer : { \r\n ...customer,\r\n selected: change.selected\r\n }\r\n });\r\n } catch (error) {\r\n Logger.error(error);\r\n }\r\n };\r\n}\r\n\r\n\r\n/**\r\n * Creates a PDF with created dollies\r\n * @param {bool} treated\r\n * @returns {func}\r\n */\r\nexport function createAddressLabels(treated){\r\n return async (dispatch, getState) => {\r\n try {\r\n const state = getState();\r\n\r\n dispatch({\r\n type: CREATE_LABELS,\r\n creating: true,\r\n });\r\n\r\n const customers = treated ? state.dominosweb.customers.treatedCustomers : state.dominosweb.customers.untreatedCustomers;\r\n\r\n const customersToTreat = customers.filter(c => c.selected === true);\r\n\r\n // Convert to default layout\r\n const dollies = customersToTreat.map(c => {\r\n return {\r\n \"pickOrderId\": c.salesOrderId,\r\n \"departmentStoreNo\" : c.departmentStoreNo,\r\n \"noOfDollies\" : c.noOfDollies,\r\n \"weightKg\" : c.weightKg,\r\n \"volumeM3\" : c.volumeM3,\r\n \"coldStore\" : c.coldStore,\r\n };\r\n });\r\n\r\n const blob = await getBlob(\"Dominos/CreateAddressLabelsPdf\", \r\n {\r\n loginId : \"Dominos\",\r\n dolliesForCustomers : dollies\r\n }\r\n , state.authentication.token, ContentTypes.JSON, ContentTypes.PDF, false);\r\n downloadBlob(blob, `transportetiketter_${moment().format(\"YYYYMMDDHHmmss\")}.pdf`, ContentTypes.PDF);\r\n\r\n dispatch(getOrdersForDoughProducts());\r\n\r\n } catch (error) {\r\n dispatch( pushSystemMessage(error.message || \"Fil ikke funnet\", messageType.error) );\r\n Logger.error(error);\r\n } finally {\r\n dispatch({\r\n type: CREATE_LABELS,\r\n creating: false,\r\n });\r\n }\r\n };\r\n}\r\n","import \"../../../styles/kjedeweb/chainScroll.scss\";\r\n\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../../common/util/config\";\r\n\r\n/**\r\n * Returnerar Icon node med icon kod inkluderad\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nclass Scroll extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n topShadow: false,\r\n bottomShadow: false,\r\n leftShadow: false,\r\n rightShadow: false,\r\n\r\n lastCloseToBottomScrollTop: -1,\r\n };\r\n\r\n this.listenToScroll = this.listenToScroll.bind(this);\r\n this.setRef = this.setRef.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.listenToScroll();\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps() {\r\n this.listenToScroll();\r\n }\r\n\r\n listenToScroll() {\r\n const {\r\n shadowX,\r\n shadowY,\r\n style,\r\n onCloseToBottom,\r\n } = this.props;\r\n const element = this.element;\r\n //test what needs a shadow\r\n const needTopShadow = element.offsetHeight < element.scrollHeight && shadowY && element.scrollTop > 0;\r\n const needBottomShadow = element.offsetHeight < element.scrollHeight && shadowY && element.scrollTop + element.offsetHeight !== element.scrollHeight;\r\n const needleftShadow = element.offsetWidth < element.scrollWidth && shadowX && element.scrollLeft > 0;\r\n const needRightShadow = element.offsetWidth < element.scrollWidth && shadowX && element.scrollLeft + element.offsetWidth !== element.scrollWidth;\r\n let lastCloseToBottomScrollTop = this.state.lastCloseToBottomScrollTop;\r\n //If we are close to the bottom, do the callback(onCloseToBottom)\r\n if (onCloseToBottom && style && element.scrollTop !== this.state.lastCloseToBottomScrollTop && element.scrollHeight - element.scrollTop < (parseInt(style.height) * 1.5)) {\r\n //position is used to protect against unecesary callbacks on UNSAFE_componentWillReceiveProps()\r\n lastCloseToBottomScrollTop = element.scrollTop;\r\n\r\n //:\r\n \r\n \r\n );\r\n this.setState({\r\n filterActive: true,\r\n });\r\n }\r\n }\r\n onClickScan(event) {\r\n if (this.state.hasCamera) {\r\n this.setState({\r\n scanning: true\r\n });\r\n }\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n handleClickOutside() {\r\n // Clear search\r\n this.setState({\r\n expanded: false,\r\n searchString: \"\",\r\n });\r\n }\r\n onClickSeeAll(event) {\r\n this.props.onClickShowProducts(event, \"all\");\r\n }\r\n onEdit(change) {\r\n const {\r\n onEdit,\r\n showResaults,\r\n } = this.props;\r\n \r\n onEdit({\r\n ...change,\r\n });\r\n \r\n if( change.searchString && this.state.expanded !== (change.searchString.length>0 && showResaults) && change.searchString!==this.state.searchString ){\r\n this.setState({\r\n expanded: change.searchString?change.searchString.length>0 && showResaults : this.state.expanded,\r\n ...change,\r\n });\r\n } else {\r\n this.setState({\r\n ...change,\r\n });\r\n }\r\n }\r\n\r\n onBarcodeFound(result) {\r\n this.setState({\r\n scanning: false\r\n });\r\n this.onEdit(makePropertyValue(\"searchString\", result), this.state);\r\n }\r\n\r\n onBarcodeCancel() {\r\n this.setState({\r\n scanning: false\r\n });\r\n }\r\n\r\n render(){\r\n const {\r\n disabled,\r\n deviceType,\r\n localization,\r\n useFilter,\r\n usingSubmit,\r\n style,\r\n productQuery,\r\n activeOrder,\r\n addRemoveProductToTemporaryOrder,\r\n setModal,\r\n } = this.props;\r\n\r\n const tinyDevice = deviceType==\"sm\" || deviceType==\"xs\";\r\n\r\n const showSearchResaults = !disabled && this.state.expanded && this.props.showResaults && productQuery.filter.searchString && productQuery.filter.searchString.length>0;\r\n\r\n const isFilterSelected = this.state.ProductGroupId!=null || this.state.SupplierId!=null;\r\n const isFilterActive = this.state.filterActive || isFilterSelected;\r\n\r\n return (\r\n \r\n {showSearchResaults && (\r\n
\r\n )}\r\n \r\n \r\n );\r\n\r\n return retNodes;\r\n }\r\n\r\n render(){\r\n const {\r\n editingList,\r\n localization,\r\n height,\r\n deviceType,\r\n UpdateMyList,\r\n productLists,\r\n listId,\r\n } = this.props;\r\n const {\r\n expanded\r\n } = this.state;\r\n\r\n const listHeight = this.calculateListHeight();\r\n\r\n const isTinyDevice = deviceType===\"xs\" || deviceType===\"sm\";\r\n\r\n const list = getPropertyValue(editingList,\"lines\");\r\n const listSize = list && list.length || 0;\r\n\r\n const isConfirming = productLists.customListUploading;\r\n const canSave = productLists.customListsLoading==false && productLists.customListUploading==false && !isConfirming && listSize>0 && editingList && getPropertyValue(editingList,\"name\").length>0 &&\r\n (isPropertyValueChanged(editingList, \"name\") || isPropertyValueChanged(editingList, \"lines\"));\r\n const canDelete = productLists.customListsLoading==false && productLists.customListUploading==false && editingList.myListId>0;\r\n\r\n const menu = (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {totalOrderLines>0 && (\r\n \r\n
\r\n )}\r\n \r\n {localization.text(\"dashboard\",\"xOrderLines\",{count:totalOrderLines})}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nNextDeliveryCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n history: PropTypes.object.isRequired,\r\n submitOrder: PropTypes.func.isRequired,\r\n nextDelivery: PropTypes.object,\r\n isBlockedCustomer: PropTypes.bool.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default withRouter(NextDeliveryCard);","import {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\n\r\nexport default class StopImpersonatingCard extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onClick = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n this.props.stopImpersonating(this.props.history);\r\n };\r\n }\r\n\r\n render() {\r\n const {\r\n localization\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nStopImpersonatingCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n stopImpersonating: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired\r\n};","import \"../../../../styles/page/dashboard.scss\";\r\n\r\nimport AskMoveUnconfirmedLinesModal from \"../../../common/components/AskMoveUnconfirmedLinesModal.jsx\";\r\nimport CalendarCard from \"../dashboard/CalendarCard.jsx\";\r\nimport CampaignProductsCard from \"./campaignProductsCard.jsx\";\r\nimport ContentWrapper from \"../../../common/components/ContentWrapper.jsx\";\r\nimport CurrentTime from \"../../../common/components/CurrentTime.jsx\";\r\nimport DashboardHelpSupport from \"../dashboard/dashboardHelpSupport.jsx\";\r\nimport DashboardMyProductsList from \"../dashboard/dashboardMyProductsList.jsx\";\r\nimport DashboardTobbacoReturns from \"../dashboard/DashboardTobbacoReturns.jsx\";\r\nimport ImpersonateCard from \"./impersonateCard\";\r\nimport LastDeliveryCard from \"../dashboard/lastDeliveryCard.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport NewProductsCard from \"../dashboard/newProductsCard.jsx\";\r\nimport NextDeliveryCard from \"../dashboard/nextDeliveryCard.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn.jsx\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows.jsx\";\r\nimport StopImpersonatingCard from \"./stopImpersonatingCard\";\r\n\r\n\r\nclass UserCard extends React.PureComponent {\r\n render(){\r\n const {\r\n localization,\r\n customer\r\n } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n );\r\n }\r\n}\r\nUserCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n customer: PropTypes.object\r\n};\r\n\r\nclass TimeCard extends React.Component {\r\n render(){\r\n return (\r\n \r\n {localization.text(\"dashboard\",\"welcome\",{name:customer.customerName})}\r\n
\r\n \r\n {customer.streetAddress}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nTimeCard.propTypes = {\r\n};\r\n\r\nclass dashboardPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n inputText: \"\",\r\n selectedValue: null,\r\n };\r\n\r\n this.onChangeText = this.onChangeText.bind(this);\r\n this.onChangeSelect = this.onChangeSelect.bind(this); \r\n this.onCloseModal = this.onCloseModal.bind(this); \r\n this.onCloseModalAndCheck = this.onCloseModalAndCheck.bind(this); \r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n const {\r\n activeOrder,\r\n botstrapDeliveryAndOrder,\r\n getCampaignProducts,\r\n getBoughtProducts,\r\n getNewProducts,\r\n getLastDelivery,\r\n getNextDelivery,\r\n getOrderFeeLimits,\r\n getOrderVolumeDiscounts,\r\n } = this.props;\r\n if( this.props.customer.customerId==null || this.props.customer.customerId===\"\"){\r\n this.props.getCustomerInfo(this.props.signedInAs);\r\n }\r\n if( activeOrder && activeOrder.loading==false && activeOrder.shipmentId==null) {\r\n botstrapDeliveryAndOrder();\r\n }\r\n getCampaignProducts();\r\n getBoughtProducts();\r\n getNewProducts();\r\n getLastDelivery();\r\n getNextDelivery();\r\n getOrderFeeLimits();\r\n getOrderVolumeDiscounts();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const {\r\n nextDelivery,\r\n setModal,\r\n localization,\r\n deliveryDates,\r\n moveUnconfirmedLinesToNextOrder,\r\n newSeasonDistrDates,\r\n displaySeasonLinesMessage,\r\n seasonMessageConfirmed,\r\n } = this.props;\r\n\r\n if (this.props.signedInAs && this.props.signedInAs !== prevProps.signedInAs) {\r\n this.props.getCustomerInfo(this.props.signedInAs);\r\n }\r\n\r\n if(newSeasonDistrDates.length > 0 && !seasonMessageConfirmed)\r\n { \r\n displaySeasonLinesMessage(localization, this.onCloseModalAndCheck);\r\n } \r\n else if (nextDelivery.oldUnconfirmedOrderLineCount && nextDelivery.oldUnconfirmedOrderLineCount !== prevProps.nextDelivery.oldUnconfirmedOrderLineCount && nextDelivery.oldUnconfirmedOrderLineCount > 0 ) {\r\n setModal(\r\n
\r\n Will be called multiple times on a single scroll\r\n clearTimeout(this.onScroll);\r\n this.onScroll = setTimeout(function () {\r\n onCloseToBottom();\r\n }, 50);\r\n }\r\n //update only if anything changed\r\n if (this.state.topShadow !== needTopShadow || this.state.bottomShadow !== needBottomShadow || this.state.leftShadow !== needleftShadow || this.state.rightShadow !== needRightShadow ||\r\n this.state.lastCloseToBottomScrollTop !== lastCloseToBottomScrollTop) {\r\n this.setState({\r\n topShadow: needTopShadow,\r\n bottomShadow: needBottomShadow,\r\n leftShadow: needleftShadow,\r\n rightShadow: needRightShadow,\r\n lastCloseToBottomScrollTop: lastCloseToBottomScrollTop,\r\n });\r\n }\r\n\r\n if (this.props.onScroll) {\r\n this.props.onScroll(element.scrollLeft, element.scrollTop);\r\n }\r\n }\r\n\r\n setRef(element) {\r\n this.element = element;\r\n }\r\n\r\n render() {\r\n const {\r\n children,\r\n style,\r\n className,\r\n shadowStyle,\r\n } = this.props;\r\n const {\r\n topShadow,\r\n bottomShadow,\r\n leftShadow,\r\n rightShadow,\r\n } = this.state;\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nCheckBox.propTypes = {\r\n //\r\n // Mandatory\r\n //\r\n // called when finished editing input field\r\n property: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,\r\n source: PropTypes.object.isRequired,\r\n label: PropTypes.string.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n //\r\n // Optional\r\n //\r\n disabled: PropTypes.bool,\r\n className: PropTypes.string,\r\n};\r\n\r\nCheckBox.defaultProps = {\r\n disabled: false,\r\n};","\r\nimport \"../../../styles/productViewListItem.scss\";\r\nimport CheckBox from \"../../common/components/CheckBox\";\r\nimport CounterField from \"../../common/components/CounterField.jsx\";\r\nimport { Localization } from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../common/components/ResponsiveRows\";\r\nimport moment from \"moment\";\r\n\r\n/**\r\n * A counter designed for ordered items\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nfunction CounterNoOfDollies({customer, updateNoOfDollies}) {\r\n\r\n /**\r\n * updates produced qty\r\n * \r\n * @param {object} change\r\n * @returns {undefiend}\r\n */\r\n function onEditNoOfDollies(change) {\r\n updateNoOfDollies(customer, change.value); \r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\nCounterNoOfDollies.propTypes = {\r\n customer: PropTypes.object,\r\n updateNoOfDollies: PropTypes.func,\r\n};\r\n\r\nexport class CustomerListHeader extends React.PureComponent {\r\n render() {\r\n const {\r\n localization,\r\n normalCratesAlias,\r\n mediumCratesAlias,\r\n smallCratesAlias,\r\n treated,\r\n } = this.props;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nCustomerList.propTypes = {\r\n height: PropTypes.number,\r\n width: PropTypes.number,\r\n // If true a loading icon will be displayed\r\n isLoading: PropTypes.bool,\r\n customers: PropTypes.array.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n style: PropTypes.object,\r\n createAddressLabels: PropTypes.func.isRequired,\r\n updateNoOfDollies: PropTypes.func.isRequired,\r\n treated: PropTypes.bool.isRequired,\r\n creating: PropTypes.bool.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n selectCustomer: PropTypes.func.isRequired,\r\n normalCratesAlias: PropTypes.string,\r\n mediumCratesAlias: PropTypes.string,\r\n smallCratesAlias: PropTypes.string,\r\n getOrdersForDoughProducts : PropTypes.func,\r\n};\r\n\r\nexport default CustomerList;\r\n","import \"../../../styles/hubweb/overview.scss\";\r\n\r\nimport { HubTab, HubTabList, HubTabPanel, HubTabs } from \"./HubTabs.jsx\";\r\n\r\nimport CustomerList from \"./CustomerList.jsx\";\r\nimport { Localization } from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../../common/util/config.jsx\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass ProductionCard extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.swallowOnClick = this.swallowOnClick.bind(this);\r\n this.tabClick = this.tabClick.bind(this);\r\n }\r\n\r\n swallowOnClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n calculateInternalPanelHeight() {\r\n let tabPanelHeight = this.props.height;\r\n\r\n // Remove height of tab panel\r\n tabPanelHeight -= parseInt(scssVariables.menuHeightWithBorder) + 45;\r\n return tabPanelHeight;\r\n }\r\n\r\n tabClick(e, index) {\r\n e.stopPropagation();\r\n \r\n this.setState({\r\n tabIndexSelected: index,\r\n });\r\n\r\n }\r\n\r\n render() {\r\n const {\r\n height,\r\n localization,\r\n setModal,\r\n width,\r\n customers,\r\n createAddressLabels,\r\n updateNoOfDollies,\r\n creating,\r\n loading,\r\n selectCustomer,\r\n getOrdersForDoughProducts,\r\n } = this.props;\r\n\r\n const tabPanelHeight = this.calculateInternalPanelHeight();\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nDominosPage.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n height: PropTypes.number.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n startView: PropTypes.string.isRequired,\r\n width: PropTypes.number.isRequired,\r\n getOrdersForDoughProducts: PropTypes.func.isRequired,\r\n customers: PropTypes.object.isRequired,\r\n createAddressLabels: PropTypes.func.isRequired,\r\n updateNoOfDollies: PropTypes.func.isRequired,\r\n creating: PropTypes.bool.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n selectCustomer: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withRouter(DominosPage);\r\n","import { createAddressLabels, getOrdersForDoughProducts, selectCustomer, updateNoOfDollies } from \"../actions/dominosActions.js\";\r\nimport { setDropDown, setModal } from \"../../common/actions/modal\";\r\n\r\nimport DominosPage from \"../components/DominosPage.jsx\";\r\nimport { connect } from \"react-redux\";\r\nimport { createBoundFunction } from \"../../common/util/reselect.js\";\r\nimport { createFlowControl } from \"../../common/util/flowControl\";\r\nimport { createLocalization } from \"../../common/util/localization.jsx\";\r\nimport { scssVariables } from \"../../common/util/config.jsx\";\r\n\r\nconst mapStateToProps = () => {\r\n const flowControl = createFlowControl();\r\n const flowControlCounter = createFlowControl();\r\n\r\n return (state, ownProps) => ({\r\n deviceType: state.view.deviceType,\r\n flowControl: flowControl,\r\n flowControlCounter: flowControlCounter,\r\n height: state.view.innerHeight - parseInt(scssVariables.menuHeight),\r\n localization: createLocalization(state),\r\n startView: ownProps.match.params.view || \"all\",\r\n width: state.view.innerWidth,\r\n alreadyProduced : state.dominosweb.alreadyProduced,\r\n customers: state.dominosweb.customers,\r\n creating: state.dominosweb.creating,\r\n loading: state.dominosweb.loading,\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getOrdersForDoughProducts,\r\n createAddressLabels,\r\n updateNoOfDollies,\r\n setModal,\r\n setDropDown,\r\n selectCustomer,\r\n};\r\n\r\nconst myGetOrdersForDoughProducts = createBoundFunction();\r\n\r\nconst mergeProps = (stateProps, dispatchProps, ownProps) => ({\r\n ...stateProps,\r\n ...dispatchProps,\r\n ...ownProps,\r\n getOrdersForDoughProducts: myGetOrdersForDoughProducts(() => dispatchProps.getOrdersForDoughProducts(stateProps.alreadyProduced)), \r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(DominosPage);\r\n","import Icon, { iconColor, iconTypes } from \"../../common/components/Icon\";\r\n\r\nimport Modal from \"../../common/components/Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nlet cameraCount = 0;\r\n\r\nexport default class BarCodeScanner extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.videoElementRef = React.createRef();\r\n this.selectedDeviceIdx = null;\r\n this.reader = null;\r\n this.startCameraScanner = this.startCameraScanner.bind(this);\r\n this.switchCamera = this.switchCamera.bind(this);\r\n\r\n this.asyncModule = null;\r\n\r\n this.tickCount = 0;\r\n\r\n const screenWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\r\n const screenHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\r\n\r\n this.state = {\r\n videoHeight: Math.round(screenHeight * 0.9),\r\n videoWidth: Math.round(screenWidth * 0.9),\r\n opacityOnScanIndicator: 0.9,\r\n starting: true\r\n };\r\n\r\n this.updateVideoDimensions = this.updateVideoDimensions.bind(this);\r\n this.updateVideoDimensionsInterval = setInterval(this.updateVideoDimensions, 500);\r\n }\r\n\r\n componentDidMount() {\r\n this.startCameraScanner();\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.updateVideoDimensionsInterval);\r\n try {\r\n if (this.reader) {\r\n this.reader.reset();\r\n }\r\n } catch(_) {\r\n //\r\n }\r\n }\r\n\r\n async startCameraScanner() {\r\n const {\r\n BrowserMultiFormatReader,\r\n BarcodeFormat,\r\n DecodeHintType\r\n } = this.asyncModule != null ? this.asyncModule : (await import(/*webpackChunkName: \"camera\" */ \"@zxing/library\"));\r\n\r\n this.setState({\r\n starting: true\r\n });\r\n\r\n cameraCount++;\r\n const count = cameraCount;\r\n\r\n if (!this.asyncModule) {\r\n this.asyncModule = {\r\n BrowserMultiFormatReader,\r\n BarcodeFormat,\r\n DecodeHintType\r\n };\r\n }\r\n\r\n if (this.reader) {\r\n this.reader.reset();\r\n }\r\n\r\n const hints = new Map();\r\n hints.set(DecodeHintType.POSSIBLE_FORMATS, [BarcodeFormat.CODE_128, BarcodeFormat.EAN_13, BarcodeFormat.EAN_8]);\r\n // Possible an improvement with the below line, but it makes the capture incredibly sluggish on old devices\r\n //hints.set(DecodeHintType.TRY_HARDER, true);\r\n\r\n this.reader = new BrowserMultiFormatReader(hints);\r\n const cameraDevices = await this.reader.listVideoInputDevices();\r\n\r\n if (cameraDevices.length === 0) {\r\n this.props.onCancel();\r\n return;\r\n }\r\n\r\n if (this.selectedDeviceIdx == null) {\r\n try {\r\n const localStorageDeviceId = localStorage.getItem(\"kundeWebCameraScannerDeviceId\");\r\n const localStorageDevice = cameraDevices.find(d => d.deviceId === localStorageDeviceId);\r\n if (localStorageDevice) {\r\n this.selectedDeviceIdx = cameraDevices.indexOf(localStorageDevice);\r\n } else {\r\n this.selectedDeviceIdx = null;\r\n }\r\n } catch(_) {\r\n this.selectedDeviceIdx = null;\r\n }\r\n }\r\n\r\n if (this.selectedDeviceIdx != null && this.selectedDeviceIdx >= cameraDevices.length || this.selectedDeviceIdx < 0) {\r\n this.selectedDeviceIdx = 0;\r\n }\r\n\r\n\r\n const device = this.selectedDeviceIdx != null ? cameraDevices[this.selectedDeviceIdx] : null;\r\n\r\n try {\r\n if (device) {\r\n localStorage.setItem(\"kundeWebCameraScannerDeviceId\", device.deviceId);\r\n }\r\n } catch (_) {\r\n //\r\n }\r\n\r\n try {\r\n this.setState({\r\n starting: false\r\n });\r\n const result = await this.reader.decodeOnceFromVideoDevice(device ? device.deviceId : undefined, this.videoElementRef.current);\r\n if (result && result.text) {\r\n this.props.onBarcodeFound(result.text);\r\n }\r\n } catch(_) {\r\n if (count === cameraCount) {\r\n this.props.onCancel();\r\n }\r\n }\r\n }\r\n\r\n async switchCamera() {\r\n try {\r\n this.setState({\r\n starting: true\r\n });\r\n\r\n if (this.reader && this.reader.stream && this.reader.stream.active) {\r\n const tracks = this.reader.stream.getVideoTracks();\r\n if (tracks && tracks.length > 0) {\r\n const settings = tracks[0].getSettings();\r\n if (settings && settings.deviceId && settings.deviceId) {\r\n const cameraDevices = await this.reader.listVideoInputDevices();\r\n const device = cameraDevices.find(d => d.deviceId === settings.deviceId);\r\n if (device && device.deviceId) {\r\n this.selectedDeviceIdx = cameraDevices.indexOf(device);\r\n }\r\n }\r\n }\r\n }\r\n } catch (_) {\r\n //\r\n }\r\n\r\n this.selectedDeviceIdx = (this.selectedDeviceIdx || 0) + 1;\r\n this.startCameraScanner();\r\n }\r\n\r\n updateVideoDimensions() {\r\n try {\r\n if (this.videoElementRef.current) {\r\n if (this.videoElementRef.current.videoWidth != null && this.videoElementRef.current.videoHeight != null) {\r\n if ((this.state.videoWidth != this.videoElementRef.current.videoWidth || this.state.videoHeight != this.videoElementRef.current.videHeight)\r\n && (this.videoElementRef.current.videoWidth > 0 && this.videoElementRef.current.videoHeight > 0)) {\r\n this.setState({\r\n videoHeight: this.videoElementRef.current.videoHeight,\r\n videoWidth: this.videoElementRef.current.videoWidth\r\n });\r\n }\r\n }\r\n }\r\n } catch(_) {\r\n //\r\n }\r\n\r\n this.tickCount++;\r\n\r\n const opacity = Math.round(this.tickCount / 2) % 2 === 0 ? 0.9 : 0.1;\r\n if (this.state.opacityOnScanIndicator !== opacity) {\r\n this.setState({\r\n opacityOnScanIndicator: opacity\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n let width = this.state.videoWidth;\r\n let height = this.state.videoHeight;\r\n\r\n const screenWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\r\n const screenHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\r\n\r\n if (width > height) {\r\n height = Math.round((this.state.videoHeight / this.state.videoWidth) * screenWidth * 0.9);\r\n width = Math.round(screenWidth * 0.9);\r\n\r\n if (height > screenHeight) {\r\n width = Math.round((this.state.videoWidth / this.state.videoHeight) * screenHeight * 0.9);\r\n height = Math.round(screenHeight * 0.9);\r\n }\r\n } else {\r\n width = Math.round((this.state.videoWidth / this.state.videoHeight) * screenHeight * 0.9);\r\n height = Math.round(screenHeight * 0.9);\r\n\r\n if (width > screenWidth) {\r\n height = Math.round((this.state.videoHeight / this.state.videoWidth) * screenWidth * 0.9);\r\n width = Math.round(screenWidth * 0.9);\r\n }\r\n }\r\n\r\n return (\r\n \r\n {!this.state.starting && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nBarCodeScanner.propTypes = {\r\n onBarcodeFound: PropTypes.func.isRequired,\r\n onCancel: PropTypes.func.isRequired\r\n};","\r\nimport Icon, { iconColor, iconTypes } from \"../../../common/components/Icon.jsx\";\r\n\r\nimport DropDownList from \"../../../common/components/DropDownList.jsx\";\r\nimport LabelField from \"../../../common/components/LabelField.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = () => {\r\n return (state) => ({\r\n productQuery: state.productQuery,\r\n });\r\n};\r\nconst mapDispatchToProps = {\r\n};\r\n\r\n/**\r\n * Creates a compunents, with tools the change the filter\r\n * @param {props} object\r\n * @returns {node}\r\n */\r\nfunction FilterComponent({productQuery, localization, onEdit, setDropDown}) {\r\n\r\n /**\r\n * Clears the filter\r\n * @returns {*}\r\n */\r\n function onClickClearFilter() {\r\n onEdit({\r\n ProductGroupId: null,\r\n SupplierId: null,\r\n SortingColumn: null,\r\n });\r\n }\r\n\r\n const prdGroupOptions = [\r\n {\r\n value: undefined,\r\n label: \"-\",\r\n },\r\n ...(productQuery && productQuery.productGroups && productQuery.productGroups.map( (item) => {\r\n return {\r\n value: item.productGroupId,\r\n label: item.productGroupName,\r\n };\r\n }) || []),\r\n ];\r\n const supplierGroupOptions = [\r\n {\r\n value: undefined,\r\n label: \"-\",\r\n },\r\n ...(productQuery && productQuery.productSuppliers && productQuery.productSuppliers.map( (item) => {\r\n return {\r\n value: item.supplierId,\r\n label: item.supplierName,\r\n };\r\n }) || []),\r\n ];\r\n\r\n const isFilterSelected = productQuery.filter.ProductGroupId!=null || productQuery.filter.SupplierId!=null;\r\n\r\n return (\r\n \r\n )}/>\r\n {this.state.hasCamera && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {deviceType!==\"xs\" && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.scanning && }\r\n
\r\n );\r\n }\r\n}\r\n\r\nProductDisplayCard.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setOrderProductView: PropTypes.func.isRequired,\r\n editQueryFilter: PropTypes.func.isRequired,\r\n productView: PropTypes.object.isRequired,\r\n height: PropTypes.number.isRequired,\r\n width: PropTypes.number.isRequired,\r\n loadMoreSearchResaults: PropTypes.func.isRequired,\r\n productQuery: PropTypes.object.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n location: PropTypes.object.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n //\r\n currentView: PropTypes.string,\r\n};\r\n\r\nProductDisplayCard.defaultProps = {\r\n currentView: \"all\",\r\n};\r\nexport default withRouter(ProductDisplayCard);","import AddRemoveField from \"../../../common/components/AddRemoveField.jsx\";\r\nimport CounterField from \"../../../common/components/CounterField.jsx\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport { ProductViewListItem } from \"../product/ProductViewListItem\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\n/**\r\n * Returnerar Icon node med icon kod inkluderad\r\n * \r\n * @param {object} props\r\n * @returns {node}\r\n */\r\nexport default function QueryResaultList({localization, productQuery, activeOrder, addRemoveProductToTemporaryOrder, border, setModal}) {\r\n const retNodes = [];\r\n\r\n for(let i=0; i\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nScroll.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n //If shadow should be used when overflowing on X\r\n shadowX: PropTypes.bool,\r\n //If shadow should be used when overflowing on Y\r\n shadowY: PropTypes.bool,\r\n //Style used by shadows\r\n shadowStyle: PropTypes.object,\r\n //Called when half the height is left on the scroll\r\n onCloseToBottom: PropTypes.func,\r\n onScroll: PropTypes.func\r\n};\r\n\r\nScroll.defaultProps = {\r\n shadowX: true,\r\n shadowY: true,\r\n};\r\n\r\nexport default Scroll;","import \"../../../styles/input.scss\";\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport HubScroll from \"./HubScroll\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport class HubTabList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.setElement = this.setElement.bind(this);\r\n }\r\n\r\n setElement(element) {\r\n this.element = element;\r\n }\r\n\r\n render() {\r\n const {\r\n tabIndexSelected,\r\n firstTabSelected,\r\n onTabClick\r\n } = this.props;\r\n const tabChildrenWithProps = [];\r\n const otherChildren = [];\r\n\r\n React.Children.forEach(this.props.children, function (child, index) {\r\n if (child) {\r\n if (child.type === HubTab) {\r\n tabChildrenWithProps.push(React.cloneElement(child, {\r\n tabSelected: (tabIndexSelected === index && firstTabSelected === undefined) || firstTabSelected === index,\r\n index: index,\r\n onTabClick: onTabClick,\r\n key: index\r\n }));\r\n } else {\r\n otherChildren.push(React.cloneElement(child, {\r\n key: index\r\n }));\r\n }\r\n }\r\n });\r\n return (\r\n \r\n {children}\r\n
\r\n \r\n \r\n {tabChildrenWithProps}\r\n \r\n {otherChildren}\r\n
\r\n );\r\n }\r\n}\r\nHubTabList.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n tabIndexSelected: PropTypes.number,\r\n firstTabSelected: PropTypes.number,\r\n // Private: Tabs will use this\r\n onTabClick: PropTypes.func,\r\n};\r\n\r\n\r\nexport class HubTab extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onTabClick = this.onTabClick.bind(this);\r\n }\r\n\r\n onTabClick(e) {\r\n const {\r\n onTabClick,\r\n onClick,\r\n index,\r\n disabled\r\n } = this.props;\r\n if (onTabClick && !disabled) {\r\n onTabClick(e, index);\r\n }\r\n if (onClick && !disabled) {\r\n onClick(index);\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n tabSelected,\r\n label,\r\n logoUrl,\r\n disabled,\r\n } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nHubTab.propTypes = {\r\n tabSelected: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n label: PropTypes.string.isRequired,\r\n // Private: TabList will use this\r\n onTabClick: PropTypes.func,\r\n // Use this if you want a callback when tab is clicked\r\n onClick: PropTypes.func,\r\n index: PropTypes.number,\r\n id: PropTypes.string,\r\n logoUrl: PropTypes.string\r\n};\r\nHubTab.defaultProps = {\r\n tabSelected: false\r\n};\r\n\r\nexport class HubTabPanel extends Component {\r\n render() {\r\n const {\r\n children,\r\n overflowHidden,\r\n onScroll\r\n } = this.props;\r\n\r\n return (\r\n \r\n {logoUrl && (\r\n
\r\n \r\n 
\r\n
\r\n )}\r\n {label}\r\n \r\n {children}\r\n
\r\n );\r\n }\r\n}\r\nHubTabPanel.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n onScroll: PropTypes.func,\r\n overflowHidden: PropTypes.bool\r\n};\r\n\r\nexport class HubTabs extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n let selectIndex = 0;\r\n let count = 0;\r\n if (props.startTabId) {\r\n React.Children.forEach(props.children, child => {\r\n if (child.type === HubTabList) {\r\n const tabs = child.props.children;\r\n for (let i = 0; i < tabs.length; i++) {\r\n if (tabs[i].props && tabs[i].props.id === props.startTabId.toString()) {\r\n selectIndex = count;\r\n }\r\n count += tabs[i].type === HubTab ? 1 : 0;\r\n }\r\n }\r\n });\r\n }\r\n this.state = {\r\n firstTabSelected: props.startTabId,\r\n tabIndexSelected: selectIndex,\r\n };\r\n\r\n this.onTabClick = this.onTabClick.bind(this);\r\n }\r\n\r\n onTabClick(e, index) {\r\n const {\r\n tabClick,\r\n } = this.props;\r\n e.stopPropagation();\r\n \r\n this.setState({\r\n tabIndexSelected: index,\r\n firstTabSelected: undefined,\r\n });\r\n\r\n if (tabClick){\r\n tabClick(e, index);\r\n }\r\n }\r\n\r\n\r\n render() {\r\n const childrenWithProps = [];\r\n let count = 0;\r\n //prepare the children with needed props\r\n React.Children.forEach(this.props.children, child => {\r\n //if the child is a TabList button on the otop\r\n if (child.type === HubTabList) {\r\n childrenWithProps[childrenWithProps.length] = React.cloneElement(child, {\r\n tabIndexSelected: this.state.tabIndexSelected,\r\n firstTabSelected: this.state.firstTabSelected,\r\n onTabClick: this.onTabClick,\r\n key: -1\r\n });\r\n }\r\n //if it is a panel with all the content\r\n else {\r\n if (this.state.tabIndexSelected === count) {\r\n childrenWithProps[childrenWithProps.length] = React.cloneElement(child, {\r\n key: count\r\n });\r\n }\r\n count++;\r\n }\r\n });\r\n return (\r\n \r\n {childrenWithProps}\r\n
\r\n );\r\n }\r\n}\r\n\r\nHubTabs.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n startTabId: PropTypes.number,\r\n tabClick: PropTypes.func,\r\n};\r\n\r\nHubTabs.defaultProps = {\r\n};\r\n","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\n\r\nimport LabelField from \"./LabelField\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default class CheckBox extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClick = this.onClick.bind(this);\r\n }\r\n\r\n onClick() {\r\n const {\r\n property,\r\n onChange,\r\n source\r\n } = this.props;\r\n onChange({\r\n [property]: !source[property],\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n className,\r\n disabled,\r\n label,\r\n source,\r\n property,\r\n } = this.props;\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCustomerListHeader.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n normalCratesAlias: PropTypes.string,\r\n mediumCratesAlias: PropTypes.string,\r\n smallCratesAlias: PropTypes.string,\r\n treated: PropTypes.bool.isRequired,\r\n};\r\n\r\n\r\nexport class CustomerListItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.onCheckCustomer = this.onCheckCustomer.bind(this);\r\n }\r\n onCheckCustomer(change){\r\n this.props.selectCustomer(this.props.customer, change);\r\n }\r\n\r\n render() {\r\n const {\r\n customer,\r\n style,\r\n updateNoOfDollies,\r\n treated,\r\n } = this.props;\r\n\r\n const lastPrintedDate = `${customer.lastPrintedDate && moment(customer.lastPrintedDate).format(\"DD.MM.YYYY HH:mm\")}`;\r\n \r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { treated && (\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n {localization.text(\"dominos\", \"production\", \"select\")}\r\n
\r\n \r\n {localization.text(\"dominos\", \"production\", \"departmentStoreNo\")}\r\n
\r\n \r\n {localization.text(\"dominos\", \"production\", \"customerName\")}\r\n
\r\n \r\n {localization.text(\"dominos\", \"production\", \"noOfDollies\")}\r\n
\r\n \r\n {`${localization.text(\"dominos\", \"production\", \"numberOf\")} ${normalCratesAlias}`}\r\n
\r\n \r\n {`${localization.text(\"dominos\", \"production\", \"numberOf\")} ${mediumCratesAlias}`}\r\n
\r\n \r\n {`${localization.text(\"dominos\", \"production\", \"numberOf\")} ${smallCratesAlias}`}\r\n
\r\n \r\n {localization.text(\"dominos\", \"production\", \"lastPrintedDate\")}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCustomerListItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n style: PropTypes.object,\r\n updateNoOfDollies: PropTypes.func.isRequired,\r\n customer: PropTypes.object.isRequired,\r\n selectCustomer: PropTypes.func.isRequired,\r\n treated: PropTypes.bool.isRequired,\r\n};\r\n\r\nCustomerListItem.defaultProps = {\r\n};","import \"../../../styles/productView.scss\";\r\nimport \"../../../styles/productViewListItem.scss\";\r\n\r\nimport { CustomerListHeader, CustomerListItem } from \"./CustomerListItem.jsx\";\r\nimport Icon, { iconTypes } from \"../../common/components/Icon.jsx\";\r\nimport Loading, { loadingTypes } from \"../../common/components/Loading\";\r\nimport { Localization } from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nclass CustomerList extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n width: null,\r\n };\r\n this.containerNode = null;\r\n\r\n this.prepareItems = this.prepareItems.bind(this);\r\n this.onClickPrintLabels = this.onClickPrintLabels.bind(this);\r\n this.onRefresh = this.onRefresh.bind(this);\r\n }\r\n\r\n prepareItems() {\r\n const {\r\n customers,\r\n localization,\r\n setModal,\r\n updateNoOfDollies,\r\n selectCustomer,\r\n loading,\r\n treated,\r\n } = this.props;\r\n\r\n const retNodes = [];\r\n\r\n for (let i = 0; i < customers.length; i++) {\r\n retNodes[retNodes.length] = (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n { treated && (\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {customer.departmentStoreNo}\r\n
\r\n \r\n
\r\n \r\n {customer.customerName}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {customer.noOfNormalCrates}\r\n
\r\n \r\n
\r\n \r\n {customer.noOfMediumCrates}\r\n
\r\n \r\n
\r\n \r\n {customer.noOfSmallCrates}\r\n
\r\n \r\n
\r\n \r\n {lastPrintedDate}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {nodes}\r\n
\r\n \r\n
\r\n \r\n \r\n { !treated && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nProductionCard.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n height: PropTypes.number.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n location: PropTypes.object.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n width: PropTypes.number.isRequired,\r\n customers: PropTypes.object.isRequired,\r\n createAddressLabels: PropTypes.func.isRequired,\r\n updateNoOfDollies: PropTypes.func.isRequired,\r\n creating: PropTypes.bool.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n selectCustomer: PropTypes.func.isRequired,\r\n getOrdersForDoughProducts: PropTypes.func.isRequired,\r\n};\r\n\r\nProductionCard.defaultProps = {\r\n currentView: \"all\",\r\n};\r\nexport default withRouter(ProductionCard);\r\n","import \"../../../styles/page/order.scss\";\r\n\r\nimport { TitleTab, TitleTabs } from \"../../common/components/TitleTabs.jsx\";\r\n\r\nimport ContentWrapper from \"../../common/components/ContentWrapper\";\r\nimport { Localization } from \"../../common/util/localization.jsx\";\r\nimport ProductionCard from \"./ProductionCard\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { scssVariables } from \"../../common/util/config.jsx\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass DominosPage extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.calculateProductDisplayWidth = this.calculateProductDisplayWidth.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n const {\r\n getOrdersForDoughProducts,\r\n } = this.props;\r\n getOrdersForDoughProducts();\r\n }\r\n\r\n calculateProductDisplayWidth() {\r\n const {\r\n deviceType,\r\n width,\r\n } = this.props;\r\n\r\n let productDisplayWidth = width;\r\n if (deviceType === \"xs\") {\r\n // Page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`]) * 2;\r\n\r\n // Product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin) * 2;\r\n } else {\r\n // Page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`]); // No padding on the right side(Attached to it)\r\n\r\n // Product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin) * 2;\r\n }\r\n\r\n return productDisplayWidth;\r\n }\r\n\r\n\r\n render() {\r\n const {\r\n deviceType,\r\n height,\r\n localization,\r\n setModal,\r\n customers,\r\n createAddressLabels,\r\n updateNoOfDollies,\r\n creating,\r\n selectCustomer,\r\n getOrdersForDoughProducts,\r\n loading,\r\n } = this.props;\r\n\r\n const productDisplayWidth = this.calculateProductDisplayWidth();\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n { isFilterSelected && (\r\n
\r\n );\r\n}\r\n\r\nFilterComponent.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n productQuery: PropTypes.object.isRequired,\r\n onEdit: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps,mapDispatchToProps)(FilterComponent);","/**\r\n * If we have discovered a camera during this session, trust that it is still connected.\r\n */\r\nlet cameraFound = false;\r\n\r\n/**\r\n * Returns a promise which determines if there are any available video input devices.\r\n * @returns {bool}\r\n */\r\nexport async function hasCamera() {\r\n if (cameraFound) {\r\n return true;\r\n }\r\n\r\n try {\r\n const {\r\n BrowserMultiFormatReader\r\n } = await import(/*webpackChunkName: \"camera\" */ \"@zxing/library\");\r\n \r\n const reader = new BrowserMultiFormatReader();\r\n const devices = await reader.listVideoInputDevices();\r\n\r\n cameraFound = devices.length > 0;\r\n\r\n return cameraFound;\r\n } catch (_e) {\r\n return false;\r\n }\r\n}","import Icon, {iconTypes} from \"../../../common/components/Icon.jsx\";\r\nimport { SubMenu, SubMenuItem } from \"../../../common/components/SubMenu.jsx\";\r\nimport { Tab, TabList, TabPanel, Tabs } from \"../../../common/components/Tabs.jsx\";\r\n\r\nimport BarCodeScanner from \"../BarCodeScanner.jsx\";\r\nimport FilterComponent from \"../order/FilterComponent.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductView from \"./ProductView.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport TextField from \"../../../common/components/TextField.jsx\";\r\nimport { hasCamera } from \"../../util/camera.js\";\r\nimport { makePropertyValue } from \"../../../common/util/changeUtils.jsx\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nclass ProductDisplayCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.onClickViewList = this.onClickViewList.bind(this);\r\n this.onClickViewItem = this.onClickViewItem.bind(this);\r\n this.swallowOnClick = this.swallowOnClick.bind(this);\r\n\r\n this.onTabAllClicked = this.onTabAllClicked.bind(this);\r\n this.onTabNewClicked = this.onTabNewClicked.bind(this);\r\n this.onTabPurchasedBeforeClicked = this.onTabPurchasedBeforeClicked.bind(this);\r\n\r\n this.calculateInternalPanelHeight = this.calculateInternalPanelHeight.bind(this);\r\n\r\n this.onClickScan = this.onClickScan.bind(this);\r\n this.onBarcodeFound = this.onBarcodeFound.bind(this);\r\n this.onBarcodeCancel = this.onBarcodeCancel.bind(this);\r\n \r\n this.state = {\r\n hasCamera: false,\r\n scanning: false,\r\n tabIndex: 0,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // eslint-disable-next-line react/no-did-mount-set-state\r\n hasCamera().then(exists => this.setState({\r\n hasCamera: exists\r\n }));\r\n }\r\n\r\n onClickViewList(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.setOrderProductView(\"list\");\r\n }\r\n\r\n onClickViewItem(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.props.setOrderProductView(\"item\");\r\n }\r\n\r\n onTabAllClicked(){\r\n const path = this.props.location.pathname;\r\n //replace only whats after the last / with the new path\r\n this.props.history.replace(`${path.substr(0, path.lastIndexOf(\"/\"))}/all`);\r\n this.props.editQueryFilter({\r\n OnlyCampaigns: false,\r\n OnlyNews: false,\r\n ReturnTobacco: false,\r\n OnlyLastSold: false,\r\n searchString: \"\"\r\n });\r\n this.setState({\r\n tabIndex: 0\r\n });\r\n }\r\n\r\n onTabNewClicked(){\r\n const path = this.props.location.pathname;\r\n //replace only whats after the last / with the new path\r\n this.props.history.replace(`${path.substr(0, path.lastIndexOf(\"/\"))}/new`);\r\n this.props.editQueryFilter({\r\n OnlyCampaigns: false,\r\n OnlyNews: true,\r\n ReturnTobacco: false,\r\n OnlyLastSold: false,\r\n searchString: \"\"\r\n });\r\n this.setState({\r\n tabIndex: 1\r\n });\r\n }\r\n onTabPurchasedBeforeClicked(){\r\n const path = this.props.location.pathname;\r\n //replace only whats after the last / with the new path\r\n this.props.history.replace(`${path.substr(0, path.lastIndexOf(\"/\"))}/purchased`);\r\n this.props.editQueryFilter({\r\n OnlyCampaigns: false,\r\n OnlyNews: false,\r\n ReturnTobacco: false,\r\n OnlyLastSold: true,\r\n searchString: \"\"\r\n });\r\n this.setState({\r\n tabIndex: 2\r\n });\r\n }\r\n\r\n onClickScan(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n this.onTabAllClicked();\r\n\r\n this.setState({\r\n scanning: true\r\n });\r\n }\r\n\r\n onBarcodeFound(result) {\r\n this.props.editQueryFilter(makePropertyValue(\"searchString\", result), this.props.productQuery.filter);\r\n this.setState({\r\n scanning: false\r\n });\r\n }\r\n\r\n onBarcodeCancel() {\r\n this.setState({\r\n scanning: false\r\n });\r\n }\r\n\r\n swallowOnClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n calculateInternalPanelHeight() {\r\n let tabPanelHeight = this.props.height;\r\n //remove height of tab panel\r\n tabPanelHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n //if on xs device remove height of second menu\r\n if( this.props.deviceType===\"xs\" ) {\r\n tabPanelHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n }\r\n return tabPanelHeight;\r\n }\r\n\r\n render(){\r\n const {\r\n deviceType,\r\n activeOrder,\r\n localization,\r\n productView,\r\n height,\r\n width,\r\n productQuery,\r\n loadMoreSearchResaults,\r\n addRemoveProductToTemporaryOrder,\r\n editQueryFilter,\r\n currentView,\r\n setModal,\r\n setDropDown,\r\n countingNode\r\n } = this.props;\r\n const tabPanelHeight = this.calculateInternalPanelHeight();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {deviceType===\"xs\" && (\r\n \r\n \r\n
\r\n )} />\r\n \r\n \r\n
\r\n \r\n )}\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nSearchBar.propTypes = {\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n onEdit: PropTypes.func.isRequired,\r\n clearQuery: PropTypes.func,\r\n onClickShowProducts: PropTypes.func,\r\n useFilter: PropTypes.bool,\r\n filter: PropTypes.object.isRequired,\r\n setModal: PropTypes.func,\r\n setDropDown: PropTypes.func,\r\n style: PropTypes.object,\r\n // If we should display the resaults in a dropdown\r\n showResaults: PropTypes.bool,\r\n // if using form and callbacks for onEdit is not wanted\r\n usingSubmit: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n productQuery: PropTypes.object,\r\n activeOrder: PropTypes.object,\r\n addRemoveProductToTemporaryOrder: PropTypes.func,\r\n loadMoreProducts: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n initialFilter: PropTypes.string,\r\n};\r\nSearchBar.defaultProps = {\r\n disabled: false,\r\n};\r\n\r\nexport default SearchBar;","import \"../../../../styles/page/order.scss\";\r\n\r\nimport ContentWrapper from \"../../../common/components/ContentWrapper.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductDisplayCard from \"../product/ProductDisplayCard.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport SearchBar from \"../../components/order/SearchBar.jsx\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\n\r\nclass AllProductPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n \r\n this.calculateProductDisplayHeight = this.calculateProductDisplayHeight.bind(this);\r\n this.calculateProductDisplayWidth = this.calculateProductDisplayWidth.bind(this);\r\n this.onEditFilter = this.onEditFilter.bind(this);\r\n this.loadMoreSearchResaults = this.loadMoreSearchResaults.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n const {\r\n clearQuery,\r\n productQuery,\r\n filter,\r\n editQueryFilter,\r\n } = this.props;\r\n clearQuery();\r\n editQueryFilter({\r\n ...productQuery.filter,\r\n ProductGroupId: null,\r\n SupplierId: null,\r\n SortingColumn: null,\r\n ...filter,\r\n searchString: \"\",\r\n });\r\n }\r\n \r\n calculateProductDisplayHeight() {\r\n const {\r\n deviceType,\r\n height,\r\n } = this.props;\r\n let productDisplayHeight = height;\r\n \r\n //page padding\r\n //productDisplayHeight -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n\r\n if( deviceType===\"xs\" ) {\r\n //shopping cart in menu form\r\n productDisplayHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n } else {\r\n //title tab height\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n productDisplayHeight -= parseInt(scssVariables.titleTabHeight);\r\n //searchbar height\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n productDisplayHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n }\r\n //product display padding\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n\r\n return productDisplayHeight;\r\n }\r\n calculateProductDisplayWidth() {\r\n const {\r\n deviceType,\r\n width,\r\n } = this.props;\r\n\r\n const isTinyDevice = deviceType==\"xs\" || deviceType==\"sm\";\r\n\r\n let productDisplayWidth = width;\r\n if( deviceType===\"xs\" ) {\r\n //page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n //product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin)*2;\r\n } else {\r\n //page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`]);//no padding on the right side(Attached to it)\r\n //page padding\r\n productDisplayWidth -= parseInt(isTinyDevice ? scssVariables.shoppingCartWidthTiny : scssVariables.shoppingCartWidth);\r\n //product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin)*2;\r\n }\r\n\r\n return productDisplayWidth;\r\n }\r\n\r\n onEditFilter(...args) {\r\n const {\r\n editQueryFilter,\r\n flowControl,\r\n } = this.props;\r\n flowControl(async () => {\r\n await editQueryFilter(...args);\r\n });\r\n }\r\n\r\n loadMoreSearchResaults() {\r\n const {\r\n deviceType,\r\n loadMoreSearchedProducts,\r\n } = this.props;\r\n const productDisplayHeight = this.calculateProductDisplayHeight();\r\n const rowsToLoad = (Math.floor(productDisplayHeight/parseInt(scssVariables.productItemHeight))+2);\r\n // rowsToLoad * itemsPerRow\r\n switch(deviceType){\r\n case \"xs\":\r\n case \"sm\":\r\n loadMoreSearchedProducts( rowsToLoad*4 );\r\n break;\r\n case \"lg\":\r\n loadMoreSearchedProducts( rowsToLoad*6 );\r\n break;\r\n default:\r\n loadMoreSearchedProducts( rowsToLoad*8 );\r\n break;\r\n }\r\n }\r\n\r\n render(){\r\n const {\r\n clearQuery,\r\n deviceType,\r\n localization,\r\n setOrderProductView,\r\n activeList,\r\n addRemoveProductToActiveList,\r\n productView,\r\n height,\r\n editQueryFilter,\r\n productQuery,\r\n titleTabs,\r\n cart,\r\n onClickShowProducts,\r\n currentView,\r\n setModal,\r\n filter,\r\n setDropDown,\r\n countingNode,\r\n popupSearchString,\r\n } = this.props;\r\n\r\n const productDisplayHeight = this.calculateProductDisplayHeight();\r\n const productDisplayWidth = this.calculateProductDisplayWidth();\r\n\r\n const isTinyDevice = deviceType==\"xs\" || deviceType==\"sm\";\r\n\r\n return deviceType==\"xs\" ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nAllProductPage.propTypes = {\r\n //Required\r\n clearQuery: PropTypes.func.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n setOrderProductView: PropTypes.func.isRequired,\r\n productView: PropTypes.object.isRequired,\r\n activeList: PropTypes.object.isRequired,\r\n addRemoveProductToActiveList: PropTypes.func.isRequired,\r\n editQueryFilter: PropTypes.func.isRequired,\r\n height: PropTypes.number.isRequired,\r\n width: PropTypes.number.isRequired,\r\n loadMoreSearchedProducts: PropTypes.func.isRequired,\r\n productQuery: PropTypes.object.isRequired,\r\n cart: PropTypes.node.isRequired,\r\n onClickShowProducts: PropTypes.func.isRequired,\r\n flowControl: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n setDropDown: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n //What tab should be shown on componentMount\r\n currentView: PropTypes.string,\r\n //What filter should be used\r\n filter: PropTypes.object,\r\n //A node containing titletabs\r\n titleTabs: PropTypes.node,\r\n popupSearchString: PropTypes.string,\r\n};\r\n\r\nAllProductPage.defaultProps = {\r\n currentView: \"all\",\r\n};\r\n\r\nexport default AllProductPage;","import _Object$assign from \"../../core-js/object/assign\";\nexport default function _extends() {\n _extends = _Object$assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","import { useState, useRef, useEffect } from 'react';\n\nfunction areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n\n for (var i = 0; i < newInputs.length; i++) {\n if (newInputs[i] !== lastInputs[i]) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useMemoOne(getResult, inputs) {\n var initial = useState(function () {\n return {\n inputs: inputs,\n result: getResult()\n };\n })[0];\n var committed = useRef(initial);\n var isInputMatch = Boolean(inputs && committed.current.inputs && areInputsEqual(inputs, committed.current.inputs));\n var cache = isInputMatch ? committed.current : {\n inputs: inputs,\n result: getResult()\n };\n useEffect(function () {\n committed.current = cache;\n }, [cache]);\n return cache.result;\n}\nfunction useCallbackOne(callback, inputs) {\n return useMemoOne(function () {\n return callback;\n }, inputs);\n}\nvar useMemo = useMemoOne;\nvar useCallback = useCallbackOne;\n\nexport { useCallback, useCallbackOne, useMemo, useMemoOne };\n","import _Object$create from \"../../core-js/object/create\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = _Object$create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","import _Object$assign from \"../../core-js/object/assign\";\nexport default function _extends() {\n _extends = _Object$assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","import invariant from 'tiny-invariant';\n\nvar getRect = function getRect(_ref) {\n var top = _ref.top,\n right = _ref.right,\n bottom = _ref.bottom,\n left = _ref.left;\n var width = right - left;\n var height = bottom - top;\n var rect = {\n top: top,\n right: right,\n bottom: bottom,\n left: left,\n width: width,\n height: height,\n x: left,\n y: top,\n center: {\n x: (right + left) / 2,\n y: (bottom + top) / 2\n }\n };\n return rect;\n};\nvar expand = function expand(target, expandBy) {\n return {\n top: target.top - expandBy.top,\n left: target.left - expandBy.left,\n bottom: target.bottom + expandBy.bottom,\n right: target.right + expandBy.right\n };\n};\nvar shrink = function shrink(target, shrinkBy) {\n return {\n top: target.top + shrinkBy.top,\n left: target.left + shrinkBy.left,\n bottom: target.bottom - shrinkBy.bottom,\n right: target.right - shrinkBy.right\n };\n};\n\nvar shift = function shift(target, shiftBy) {\n return {\n top: target.top + shiftBy.y,\n left: target.left + shiftBy.x,\n bottom: target.bottom + shiftBy.y,\n right: target.right + shiftBy.x\n };\n};\n\nvar noSpacing = {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n};\nvar createBox = function createBox(_ref2) {\n var borderBox = _ref2.borderBox,\n _ref2$margin = _ref2.margin,\n margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n _ref2$border = _ref2.border,\n border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n _ref2$padding = _ref2.padding,\n padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n var marginBox = getRect(expand(borderBox, margin));\n var paddingBox = getRect(shrink(borderBox, border));\n var contentBox = getRect(shrink(paddingBox, padding));\n return {\n marginBox: marginBox,\n borderBox: getRect(borderBox),\n paddingBox: paddingBox,\n contentBox: contentBox,\n margin: margin,\n border: border,\n padding: padding\n };\n};\n\nvar parse = function parse(raw) {\n var value = raw.slice(0, -2);\n var suffix = raw.slice(-2);\n\n if (suffix !== 'px') {\n return 0;\n }\n\n var result = Number(value);\n !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : invariant(false) : void 0;\n return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n return {\n x: window.pageXOffset,\n y: window.pageYOffset\n };\n};\n\nvar offset = function offset(original, change) {\n var borderBox = original.borderBox,\n border = original.border,\n margin = original.margin,\n padding = original.padding;\n var shifted = shift(borderBox, change);\n return createBox({\n borderBox: shifted,\n border: border,\n margin: margin,\n padding: padding\n });\n};\nvar withScroll = function withScroll(original, scroll) {\n if (scroll === void 0) {\n scroll = getWindowScroll();\n }\n\n return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n var margin = {\n top: parse(styles.marginTop),\n right: parse(styles.marginRight),\n bottom: parse(styles.marginBottom),\n left: parse(styles.marginLeft)\n };\n var padding = {\n top: parse(styles.paddingTop),\n right: parse(styles.paddingRight),\n bottom: parse(styles.paddingBottom),\n left: parse(styles.paddingLeft)\n };\n var border = {\n top: parse(styles.borderTopWidth),\n right: parse(styles.borderRightWidth),\n bottom: parse(styles.borderBottomWidth),\n left: parse(styles.borderLeftWidth)\n };\n return createBox({\n borderBox: borderBox,\n margin: margin,\n padding: padding,\n border: border\n });\n};\nvar getBox = function getBox(el) {\n var borderBox = el.getBoundingClientRect();\n var styles = window.getComputedStyle(el);\n return calculateBox(borderBox, styles);\n};\n\nexport { calculateBox, createBox, expand, getBox, getRect, offset, shrink, withScroll };\n","function areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n for (var i = 0; i < newInputs.length; i++) {\n if (newInputs[i] !== lastInputs[i]) {\n return false;\n }\n }\n return true;\n}\n\nfunction memoizeOne(resultFn, isEqual) {\n if (isEqual === void 0) { isEqual = areInputsEqual; }\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n function memoized() {\n var newArgs = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n newArgs[_i] = arguments[_i];\n }\n if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n return lastResult;\n }\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n }\n return memoized;\n}\n\nexport default memoizeOne;\n","var rafSchd = function rafSchd(fn) {\n var lastArgs = [];\n var frameId = null;\n\n var wrapperFn = function wrapperFn() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n lastArgs = args;\n\n if (frameId) {\n return;\n }\n\n frameId = requestAnimationFrame(function () {\n frameId = null;\n fn.apply(void 0, lastArgs);\n });\n };\n\n wrapperFn.cancel = function () {\n if (!frameId) {\n return;\n }\n\n cancelAnimationFrame(frameId);\n frameId = null;\n };\n\n return wrapperFn;\n};\n\nexport default rafSchd;\n","import React, { useLayoutEffect, useEffect, useRef, useState, useContext } from 'react';\nimport { useMemo, useCallback } from 'use-memo-one';\nimport _inheritsLoose from '@babel/runtime-corejs2/helpers/esm/inheritsLoose';\nimport _extends from '@babel/runtime-corejs2/helpers/esm/extends';\nimport { createStore as createStore$1, applyMiddleware, compose, bindActionCreators } from 'redux';\nimport { Provider, connect } from 'react-redux';\nimport { getRect, expand, offset, withScroll, getBox, createBox, calculateBox } from 'css-box-model';\nimport memoizeOne from 'memoize-one';\nimport _Object$values from '@babel/runtime-corejs2/core-js/object/values';\nimport _Object$keys from '@babel/runtime-corejs2/core-js/object/keys';\nimport rafSchd from 'raf-schd';\nimport _Date$now from '@babel/runtime-corejs2/core-js/date/now';\nimport _Object$assign from '@babel/runtime-corejs2/core-js/object/assign';\nimport ReactDOM from 'react-dom';\nimport _Number$isInteger from '@babel/runtime-corejs2/core-js/number/is-integer';\n\nvar isProduction = process.env.NODE_ENV === 'production';\nvar spacesAndTabs = /[ \\t]{2,}/g;\nvar lineStartWithSpaces = /^[ \\t]*/gm;\n\nvar clean = function clean(value) {\n return value.replace(spacesAndTabs, ' ').replace(lineStartWithSpaces, '').trim();\n};\n\nvar getDevMessage = function getDevMessage(message) {\n return clean(\"\\n %creact-beautiful-dnd\\n\\n %c\" + clean(message) + \"\\n\\n %c\\uD83D\\uDC77\\u200D This is a development only message. It will be removed in production builds.\\n\");\n};\n\nvar getFormattedMessage = function getFormattedMessage(message) {\n return [getDevMessage(message), 'color: #00C584; font-size: 1.2em; font-weight: bold;', 'line-height: 1.5', 'color: #723874;'];\n};\nvar isDisabledFlag = '__react-beautiful-dnd-disable-dev-warnings';\nfunction log(type, message) {\n var _console;\n\n if (isProduction) {\n return;\n }\n\n if (typeof window !== 'undefined' && window[isDisabledFlag]) {\n return;\n }\n\n (_console = console)[type].apply(_console, getFormattedMessage(message));\n}\nvar warning = log.bind(null, 'warn');\nvar error = log.bind(null, 'error');\n\nfunction noop() {}\n\nfunction getOptions(shared, fromBinding) {\n return _extends({}, shared, {}, fromBinding);\n}\n\nfunction bindEvents(el, bindings, sharedOptions) {\n var unbindings = bindings.map(function (binding) {\n var options = getOptions(sharedOptions, binding.options);\n el.addEventListener(binding.eventName, binding.fn, options);\n return function unbind() {\n el.removeEventListener(binding.eventName, binding.fn, options);\n };\n });\n return function unbindAll() {\n unbindings.forEach(function (unbind) {\n unbind();\n });\n };\n}\n\nvar isProduction$1 = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction RbdInvariant(message) {\n this.message = message;\n}\n\nRbdInvariant.prototype.toString = function toString() {\n return this.message;\n};\n\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n\n if (isProduction$1) {\n throw new RbdInvariant(prefix);\n } else {\n throw new RbdInvariant(prefix + \": \" + (message || ''));\n }\n}\n\nvar ErrorBoundary = function (_React$Component) {\n _inheritsLoose(ErrorBoundary, _React$Component);\n\n function ErrorBoundary() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.callbacks = null;\n _this.unbind = noop;\n\n _this.onWindowError = function (event) {\n var callbacks = _this.getCallbacks();\n\n if (callbacks.isDragging()) {\n callbacks.tryAbort();\n process.env.NODE_ENV !== \"production\" ? warning(\"\\n An error was caught by our window 'error' event listener while a drag was occurring.\\n The active drag has been aborted.\\n \") : void 0;\n }\n\n var err = event.error;\n\n if (err instanceof RbdInvariant) {\n event.preventDefault();\n\n if (process.env.NODE_ENV !== 'production') {\n error(err.message);\n }\n }\n };\n\n _this.getCallbacks = function () {\n if (!_this.callbacks) {\n throw new Error('Unable to find AppCallbacks in \r\n \r\n );\r\n }\r\n}\r\n\r\nTextFieldActive.propTypes = {\r\n //\r\n // Mandatory\r\n //\r\n // called when finished editing input field\r\n onEdit: PropTypes.func.isRequired,\r\n property: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,\r\n source: PropTypes.object.isRequired,\r\n //\r\n // Optional\r\n //\r\n // maximum length of input date\r\n maxLength: PropTypes.number,\r\n // disabling inputs\r\n disabled: PropTypes.bool,\r\n // a lock will apear on the right side\r\n locked: PropTypes.bool,\r\n // what iconType should be visilbe on the left side\r\n iconType: PropTypes.string,\r\n // function to validate the value of the field\r\n validation: PropTypes.func,\r\n // enable/disable browers support for spellchecking\r\n spellcheck: PropTypes.bool,\r\n // what type of input default \"text\", other options \"number\", \"password\"\r\n type: PropTypes.string,\r\n // visible ghost text when no value is entered\r\n placeholder: PropTypes.string,\r\n // manualy setting tabIndex\r\n tabIndex: PropTypes.number,\r\n // scss style\r\n className: PropTypes.string,\r\n // for disabling autocomplete useful for password fields\r\n autoComplete: PropTypes.string,\r\n // if the background should not be visible\r\n invisibleBackground: PropTypes.bool,\r\n};\r\n\r\nTextFieldActive.defaultProps = {\r\n locked: false,\r\n disabled: false,\r\n validation: null,\r\n usingIcon: undefined,\r\n type: \"text\",\r\n invisibleBackground: false,\r\n};","import Icon, { iconColor, iconTypes } from \"./Icon.jsx\";\r\n\r\nimport { Localization } from \"../util/localization.jsx\";\r\nimport Modal from \"../components/Modal.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\n\r\nclass YesNoModal extends React.PureComponent {\r\n render(){\r\n const {\r\n localization,\r\n onCloseModal,\r\n label,\r\n label2,\r\n labelHeader,\r\n headerColor,\r\n onYes,\r\n onNo,\r\n onCancel,\r\n } = this.props;\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\nYesNoModal.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n label: PropTypes.string.isRequired,\r\n label2: PropTypes.string.isRequired,\r\n labelHeader: PropTypes.string.isRequired,\r\n headerColor: PropTypes.string,\r\n onYes: PropTypes.func,\r\n onNo: PropTypes.func,\r\n onCancel: PropTypes.func,\r\n onCloseModal: PropTypes.func.isRequired,\r\n};\r\nYesNoModal.deafaultProps = {\r\n headerColor: \"#e63332\",\r\n};\r\n\r\nexport default YesNoModal;","import \"../../../../styles/page/shoppingCart.scss\";\r\nimport \"../../../../styles/editListCartComponent.scss\";\r\n\r\nimport { DragDropContext, Draggable, Droppable } from \"react-beautiful-dnd\";\r\nimport Icon, { iconColor, iconTypes } from \"../../../common/components/Icon.jsx\";\r\nimport { SubMenu, SubMenuItem } from \"../../../common/components/SubMenu.jsx\";\r\nimport { Tag, tagTypes } from \"../../../common/components/Tag.jsx\";\r\nimport { getPropertyValue, isPropertyValueChanged } from \"../../../common/util/changeUtils.jsx\";\r\n\r\nimport AddRemoveField from \"../../../common/components/AddRemoveField\";\r\nimport EmptyEditListCart from \"../order/EmptyEditListCart\";\r\nimport LabelField from \"../../../common/components/LabelField.jsx\";\r\nimport Loading from \"../../../common/components/Loading.jsx\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport { ProductViewListItem } from \"../product/ProductViewListItem.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport ResponsiveColumn from \"../../../common/components/ResponsiveColumn\";\r\nimport ResponsiveRows from \"../../../common/components/ResponsiveRows\";\r\nimport Scroll from \"../../../common/components/Scroll\";\r\nimport TextFieldActive from \"../../../common/components/TextFieldActive\";\r\nimport YesNoModal from \"../../../common/components/YesNoModal.jsx\";\r\nimport { scssVariables } from \"../../../common/util/config.jsx\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass EditListCart extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n expanded: this.props.deviceType!==\"xs\",\r\n };\r\n\r\n this.getDropDownDateStyle = this.getDropDownDateStyle.bind(this);\r\n\r\n this.onDragEnd = this.onDragEnd.bind(this);\r\n\r\n this.calculateListHeight = this.calculateListHeight.bind(this);\r\n this.onDeleteMyList = this.onDeleteMyList.bind(this);\r\n this.onClickExpand = this.onClickExpand.bind(this);\r\n this.onClickMinimize = this.onClickMinimize.bind(this);\r\n this.prepareShoppingCart = this.prepareShoppingCart.bind(this);\r\n this.onClickDeleteList = this.onClickDeleteList.bind(this);\r\n this.closeListModal = this.closeListModal.bind(this);\r\n this.onClickCancelEdit = this.onClickCancelEdit.bind(this);\r\n this.onEditName = this.onEditName.bind(this);\r\n this.swapReplacedProduct = this.swapReplacedProduct.bind(this);\r\n }\r\n\r\n getDropDownDateStyle() {\r\n const {\r\n width,\r\n deviceType,\r\n } = this.props;\r\n const {\r\n expanded\r\n } = this.state;\r\n\r\n //calender max current max size is 450\r\n return (deviceType===\"xs\" && {\r\n width: `${Math.min(450, Math.max(parseInt(scssVariables.minDeviceWidth),width))}px`,\r\n top: expanded?undefined:\"-381px\",\r\n }) || (deviceType===\"sm\" && {\r\n width: `${Math.min(450,width-parseInt(scssVariables.shoppingCartWidthTiny)+parseInt(scssVariables.cardMargin)+parseInt(scssVariables.menuHeight))}px`,\r\n left: `-${Math.min(390,width-parseInt(scssVariables.shoppingCartWidthTiny)+parseInt(scssVariables.cardMargin))}px`,\r\n } || {\r\n width: \"450px\",\r\n left: \"-390px\"//450-subMenuItemWidth\r\n });\r\n }\r\n\r\n onClickExpand() {\r\n this.setState({\r\n expanded: true,\r\n });\r\n }\r\n onClickMinimize() {\r\n this.setState({\r\n expanded: false,\r\n });\r\n }\r\n onClickDeleteList() {\r\n const {\r\n localization,\r\n setModal,\r\n editingList,\r\n } = this.props;\r\n setModal(\r\n \r\n {(provided) => (\r\n \r\n {lines && lines.map((item, index) => (\r\n \r\n {(provided, snapshot) => (\r\n \r\n }\r\n draggableIcon={true}\r\n swapReplacedProduct={this.swapReplacedProduct}\r\n />\r\n
\r\n )}\r\n \r\n ))}\r\n {provided.placeholder}\r\n \r\n
\r\n {this.state.scanning && \r\n \r\n {showSearchResaults && (\r\n
\r\n {this.state.hasCamera && !useFilter && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {this.state.hasCamera && useFilter && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {useFilter && (\r\n \r\n
\r\n )}\r\n \r\n {localization.text(\"order\",\"filterResaults\")}\r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {titleTabs}\r\n
\r\n \r\n {cart}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nEmptyEditListCart.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n listHeight: PropTypes.number.isRequired,\r\n};","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\nimport {getPropertyValue, makePropertyValue, postFix} from \"../util/changeUtils.jsx\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default class TextFieldActive extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n focused: false,\r\n };\r\n this.onClick = this.onClick.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n this.onKeyUp = this.onKeyUp.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.getClassName = this.getClassName.bind(this);\r\n }\r\n onClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n onChange(event) {\r\n const {\r\n onEdit,\r\n property,\r\n } = this.props;\r\n this.setState({\r\n value: event.target.value === \"\" ? undefined : event.target.value\r\n });\r\n onEdit(makePropertyValue(`${property}${postFix}`, event.target.value));\r\n }\r\n onFocus() {\r\n this.setState({ focused: true });\r\n }\r\n onBlur() {\r\n this.setState({ focused: false });\r\n }\r\n onKeyUp(target) {\r\n if(target.key === \"Enter\") {\r\n this.onBlur();\r\n }\r\n }\r\n getClassName() {\r\n const {\r\n iconType,\r\n validation,\r\n invisibleBackground,\r\n } = this.props;\r\n\r\n let className = \"invisible-bg input-text\";\r\n if(iconType){\r\n className += \" icon\";\r\n }\r\n className += invisibleBackground?\" invisible-bg\":\" text-field-bg\";\r\n if(!this.state.focused){\r\n if(validation==null || validation(this.state.value)===true){\r\n className += \" is-valid\";\r\n }\r\n }\r\n return className;\r\n }\r\n\r\n render() {\r\n const {\r\n className,\r\n disabled,\r\n locked,\r\n iconType,\r\n validation,\r\n spellcheck,\r\n type,\r\n placeholder,\r\n tabIndex,\r\n maxLength,\r\n autoComplete,\r\n source,\r\n property,\r\n } = this.props;\r\n\r\n const currentValue = getPropertyValue(source, property) || \"\";\r\n const isValid = validation==null || validation(currentValue);\r\n \r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {localization.text(\"list\", \"letsAddToList\")}\r\n
\r\n \r\n {localization.text(\"list\", \"emptyOrderInfo1\")}\r\n
\r\n \r\n {localization.text(\"list\", \"emptyOrderInfo2\")}\r\n
\r\n +
\r\n {localization.text(\"list\", \"emptyOrderInfo3\")}\r\n \r\n \r\n )}\r\n {locked && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {labelHeader}
\r\n \r\n {label}\r\n
\r\n {label2!=null && (\r\n \r\n {label2}\r\n
\r\n )}\r\n \r\n {onCancel && (\r\n \r\n )}\r\n {onNo && (\r\n \r\n )}\r\n {onYes && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {(editingList && editingList.name || listId===-1) && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {listSize>0? (\r\n \r\n \r\n
\r\n \r\n {localization.text(\"list\",\"inYourList\")}\r\n
\r\n \r\n { listSize>0 ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {localization.text(\"list\",\"headerProduct\")}\r\n
\r\n \r\n {localization.text(\"list\",\"headerSort\")}\r\n
\r\n \r\n \r\n \r\n {canDelete ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n { activeOrder && (\r\n
\r\n );\r\n }\r\n return nodePrd;\r\n }\r\n\r\n render() {\r\n const {\r\n deviceType,\r\n localization,\r\n products,\r\n width,\r\n labelName,\r\n labelHeader,\r\n } = this.props;\r\n //size of left info window \r\n const infoWidth = 200;\r\n //remaining width removin padding used for card\r\n const widthLeft = width-infoWidth;\r\n return (\r\n deviceType===\"xs\" ? (\r\n \r\n {renderCart()}\r\n
\r\n \r\n ) : (\r\n \r\n {renderCart()}\r\n
\r\n )\r\n ) : (\r\n \r\n {menu}\r\n
\r\n );\r\n }\r\n}\r\n\r\nEditListCart.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n moveFromToInMyList: PropTypes.func.isRequired,\r\n swapReplacedProductInMyList: PropTypes.func.isRequired,\r\n changeCustomList: PropTypes.func.isRequired,\r\n editingList: PropTypes.object.isRequired,\r\n productLists: PropTypes.object.isRequired,\r\n height: PropTypes.number.isRequired,\r\n deviceType: PropTypes.string.isRequired,\r\n width: PropTypes.number,\r\n deliveryDates: PropTypes.array.isRequired,\r\n UpdateMyList: PropTypes.func.isRequired,\r\n deleteMyList: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n //\r\n listId: PropTypes.number,\r\n};\r\n\r\nexport default withRouter(EditListCart);","import \"../../../../styles/OrderProducListCard.scss\";\r\n\r\nimport { Tag, tagTypes } from \"../../../common/components/Tag\";\r\n\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport ProductViewItem from \"../product/ProductViewItem\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport Scroll from \"../../../common/components/Scroll\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass OrderProductListCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n\r\n this.oncClickSeeAll = this.oncClickSeeAll.bind(this);\r\n this.createList = this.createList.bind(this);\r\n }\r\n\r\n oncClickSeeAll(event) {\r\n this.props.onClickSwapPage(event, this.props.link);\r\n }\r\n\r\n createList() {\r\n const {\r\n deviceType,\r\n localization,\r\n products,\r\n addRemoveProductToTemporaryOrder,\r\n activeOrder,\r\n width,\r\n setModal,\r\n countingNode,\r\n } = this.props;\r\n const maxToRender = Math.floor((width-(deviceType==\"xs\"?0:200))/130)+1;\r\n const nodePrd = [];\r\n for(let i=0; i\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {labelHeader}
\r\n {labelName}
\r\n \r\n {this.createList()}\r\n
\r\n \r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nOrderProductListCard.propTypes = {\r\n //Required\r\n deviceType: PropTypes.string.isRequired,\r\n localization: Localization.propTypes.isRequired,\r\n activeOrder: PropTypes.object.isRequired,\r\n addRemoveProductToTemporaryOrder: PropTypes.func.isRequired,\r\n width: PropTypes.number.isRequired,\r\n products: PropTypes.array.isRequired,\r\n labelHeader: PropTypes.string.isRequired,\r\n labelName: PropTypes.string.isRequired,\r\n link: PropTypes.string.isRequired,\r\n onClickSwapPage: PropTypes.func.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n countingNode: PropTypes.node.isRequired,\r\n};\r\n\r\nexport default withRouter(OrderProductListCard);","import \"../../../../styles/page/order.scss\";\r\n\r\nimport ContentWrapper from \"../../../common/components/ContentWrapper.jsx\";\r\nimport {Localization} from \"../../../common/util/localization.jsx\";\r\nimport OrderProductListCard from \"../order/OrderProductListCard.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport SearchBar from \"../../components/order/SearchBar.jsx\";\r\nimport {scssVariables} from \"../../../common/util/config.jsx\";\r\n\r\n\r\nclass ProductPage extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n \r\n this.calculateProductDisplayHeight = this.calculateProductDisplayHeight.bind(this);\r\n this.calculateProductDisplayWidth = this.calculateProductDisplayWidth.bind(this);\r\n this.loadMoreSearchResaults = this.loadMoreSearchResaults.bind(this);\r\n this.seeAllProducts = this.seeAllProducts.bind(this);\r\n this.onEditFilter = this.onEditFilter.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillMount() {\r\n this.props.clearQuery();\r\n }\r\n\r\n calculateProductDisplayHeight() {\r\n const {\r\n deviceType,\r\n height,\r\n } = this.props;\r\n let productDisplayHeight = height;\r\n \r\n //page padding\r\n //productDisplayHeight -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n\r\n if( deviceType===\"xs\" ) {\r\n //shopping cart in menu form\r\n productDisplayHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n } else {\r\n //title tab height\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n productDisplayHeight -= parseInt(scssVariables.titleTabHeight);\r\n //searchbar height\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n productDisplayHeight -= parseInt(scssVariables.menuHeightWithBorder);\r\n }\r\n //product display padding\r\n productDisplayHeight -= parseInt(scssVariables.cardMargin)*2;\r\n\r\n return productDisplayHeight;\r\n }\r\n calculateProductDisplayWidth() {\r\n const {\r\n deviceType,\r\n width,\r\n } = this.props;\r\n\r\n const isTinyDevice = deviceType==\"xs\" || deviceType==\"sm\";\r\n\r\n let productDisplayWidth = width;\r\n if( deviceType===\"xs\" ) {\r\n //page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`])*2;\r\n //product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin)*2;\r\n } else {\r\n //page padding\r\n productDisplayWidth -= parseInt(scssVariables[`${deviceType}ContentPadding`]);//no padding on the right side(Attached to it)\r\n //page padding\r\n productDisplayWidth -= parseInt(isTinyDevice ? scssVariables.shoppingCartWidthTiny : scssVariables.shoppingCartWidth);\r\n //product display padding\r\n productDisplayWidth -= parseInt(scssVariables.cardMargin)*2;\r\n }\r\n\r\n return productDisplayWidth;\r\n }\r\n \r\n\r\n loadMoreSearchResaults() {\r\n const {\r\n deviceType,\r\n loadMoreSearchedProducts,\r\n } = this.props;\r\n const productDisplayHeight = this.calculateProductDisplayHeight();\r\n const rowsToLoad = (Math.floor(productDisplayHeight/parseInt(scssVariables.productItemHeight))+2);\r\n // rowsToLoad * itemsPerRow\r\n switch(deviceType){\r\n case \"xs\":\r\n case \"sm\":\r\n loadMoreSearchedProducts( rowsToLoad*2 );\r\n break;\r\n case \"md\":\r\n loadMoreSearchedProducts( rowsToLoad*4 );\r\n break;\r\n case \"lg\":\r\n loadMoreSearchedProducts( rowsToLoad*6 );\r\n break;\r\n default:\r\n loadMoreSearchedProducts( rowsToLoad*8 );\r\n break;\r\n }\r\n }\r\n\r\n seeAllProducts(event){\r\n this.props.onClickSwapPage(event, \"all\");\r\n }\r\n\r\n onEditFilter(...args) {\r\n const {\r\n editQueryFilter,\r\n flowControl,\r\n } = this.props;\r\n flowControl(async () => {\r\n await editQueryFilter(...args);\r\n });\r\n }\r\n\r\n render(){\r\n const {\r\n clearQuery,\r\n deviceType,\r\n localization,\r\n activeList,\r\n addRemoveProductToActiveList,\r\n height,\r\n productQuery,\r\n productLists,\r\n titleTabs,\r\n cart,\r\n onClickSwapPage,\r\n onClickShowProducts,\r\n setModal,\r\n countingNode,\r\n filter,\r\n } = this.props;\r\n const productDisplayWidth = this.calculateProductDisplayWidth();\r\n\r\n const isTinyDevice = deviceType==\"xs\" || deviceType==\"sm\";\r\n\r\n return deviceType==\"xs\" ? (\r\n \r\n \r\n {this.createList()}\r\n \r\n
\r\n \r\n
\r\n {labelHeader}
\r\n {labelName}
\r\n \r\n
\r\n \r\n \r\n
\r\n {cart}\r\n \r\n \r\n
\r\n {productLists.newProducts && productLists.newProducts.length>0 && (\r\n \r\n
\r\n \r\n {titleTabs}\r\n
\r\n \r\n
\r\n {productLists.newProducts && productLists.newProducts.length>0 && (\r\n \r\n \r\n
\r\n \r\n {cart}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFreshFoodProductListHeader.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n};\r\n\r\nexport class FreshFoodProductListItem extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.onEdit = this.onEdit.bind(this);\r\n this.validateNewQty = this.validateNewQty.bind(this);\r\n this.checkDisabledDay = this.checkDisabledDay.bind(this);\r\n this.showProductModal = this.showProductModal.bind(this);\r\n this.closeProductModal = this.closeProductModal.bind(this);\r\n }\r\n\r\n onEdit(change) {\r\n const {\r\n updateTemplateQty,\r\n product,\r\n templateData,\r\n } = this.props;\r\n updateTemplateQty(change, product, templateData.hubId);\r\n }\r\n\r\n validateNewQty() {\r\n return true;\r\n }\r\n\r\n showProductModal(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n\r\n const {\r\n localization,\r\n product,\r\n templateData,\r\n } = this.props;\r\n\r\n const productData = templateData.freshFoodProducts.find(p => p.productId === product.productId);\r\n this.props.setModal(\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {localization.text(\"order\", \"view\", \"image\")}\r\n
\r\n \r\n {localization.text(\"order\", \"view\", \"product\")}\r\n
\r\n \r\n {localization.text(\"order\", \"view\", \"price\")}\r\n
\r\n \r\n {localization.text(\"order\", \"view\", \"perPack\")}\r\n
\r\n {localization.text(\"order\", \"template\", \"monday\")}
\r\n {localization.text(\"order\", \"template\", \"tuesday\")}
\r\n {localization.text(\"order\", \"template\", \"wednesday\")}
\r\n {localization.text(\"order\", \"template\", \"thursday\")}
\r\n {localization.text(\"order\", \"template\", \"friday\")}
\r\n {localization.text(\"order\", \"template\", \"saturday\")}
\r\n {localization.text(\"order\", \"template\", \"sunday\")}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFreshFoodProductListItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n product: PropTypes.object,\r\n thisWeek: PropTypes.bool.isRequired,\r\n nextWeek: PropTypes.bool.isRequired,\r\n updateTemplateQty : PropTypes.func.isRequired,\r\n templateData : PropTypes.object.isRequired,\r\n setModal: PropTypes.func.isRequired,\r\n};\r\n\r\nFreshFoodProductListItem.defaultProps = {\r\n};\r\n\r\nclass FreshFoodProductList extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n width: null,\r\n };\r\n this.containerNode = null;\r\n this.prepareItems = this.prepareItems.bind(this);\r\n }\r\n\r\n prepareItems() {\r\n const {\r\n list,\r\n localization,\r\n setModal,\r\n thisWeek,\r\n nextWeek,\r\n updateTemplateQty,\r\n templateData,\r\n } = this.props;\r\n\r\n const retNodes = [];\r\n\r\n for (let i = 0; i < list.length; i++) {\r\n retNodes[retNodes.length] = (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n {toLocaleFixed(product.price,2)}\r\n
\r\n \r\n
\r\n \r\n {product.noOfSalesUnits}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFreshFoodProductListMobileItem.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n product: PropTypes.object,\r\n thisWeek: PropTypes.bool.isRequired,\r\n nextWeek: PropTypes.bool.isRequired,\r\n updateTemplateQty : PropTypes.func.isRequired,\r\n templateData : PropTypes.object.isRequired,\r\n weekday: PropTypes.string.isRequired,\r\n qty: PropTypes.number.isRequired,\r\n propName: PropTypes.number.isRequired,\r\n};\r\n\r\nFreshFoodProductListMobileItem.defaultProps = {\r\n};\r\n\r\n/**\r\n * Displays the template product list for small devices each day is edited separately.\r\n */\r\nclass FreshFoodProductListMobile extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n width: null,\r\n };\r\n this.containerNode = null;\r\n\r\n //this.trackScrolling = this.trackScrolling.bind(this);\r\n this.prepareItems = this.prepareItems.bind(this);\r\n }\r\n\r\n prepareItems(weekday, height, style) {\r\n const {\r\n list,\r\n localization,\r\n setModal,\r\n thisWeek,\r\n nextWeek,\r\n updateTemplateQty,\r\n templateData,\r\n } = this.props;\r\n\r\n const retNodes = [];\r\n\r\n for (let i = 0; i < list.length; i++) {\r\n const product = list[i];\r\n const propName = thisWeek ? \"OrderedQtyCurrentWeek\" : nextWeek ? \"OrderedQtyNextWeek\" : \"TemplateQty\";\r\n const fullPropName = `${weekday}${propName}`;\r\n const qty = product[fullPropName];\r\n\r\n retNodes[retNodes.length] = (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {product.imageUrl && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {product.productName}\r\n
\r\n \r\n
\r\n \r\n { localization.text(\"order\",\"packSize\",{noOfSalesUnits:product.noOfSalesUnits})}\r\n
\r\n \r\n { product.price ? product.price.toFixed(2) : \"\" }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n { this.createTabPanels(1, true, false, true) }\r\n { this.createTabPanels(2, false, true, true) }\r\n { this.createTabPanels(3, false, false, true) }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n { this.createTabPanels(1, true, false, false) }\r\n { this.createTabPanels(2, false, true, false) }\r\n { this.createTabPanels(3, false, false, false) }\r\n \r\n
\r\n \r\n
\r\n {this.state.expanded && (\r\n children\r\n )}\r\n \r\n {label}\r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuestionAccordion.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n label: PropTypes.node.isRequired,\r\n};\r\n\r\nexport default QuestionAccordion;\r\n","import FaqAccordion from \"./FaqAccordion.jsx\";\r\nimport { Localization } from \"../../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\nimport QuestionAccordion from \"./QuestionAccordion.jsx\";\r\nimport React from \"react\";\r\n\r\nexport default class FaqCard extends React.PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.renderFaq = this.renderFaq.bind(this);\r\n }\r\n\r\n renderFaq() {\r\n const {\r\n localization,\r\n faq\r\n } = this.props;\r\n\r\n const groupBy = (key, array) =>\r\n array.reduce( (objectsByKeyValue, obj) => {\r\n const value = obj[key];\r\n objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);\r\n return objectsByKeyValue;\r\n }, {}\r\n );\r\n\r\n const subjects = groupBy(\"subject\", faq);\r\n const map = new Map(Object.entries(subjects));\r\n const nodes = [];\r\n\r\n for (const [subject, questions] of map) {\r\n const childrenNodes = [];\r\n\r\n questions.forEach(function(question) {\r\n childrenNodes.push(\r\n \r\n {this.state.expanded ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n {this.state.expanded && (\r\n \r\n
\r\n );\r\n }\r\n}\r\nFaqCard.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n height: PropTypes.number.isRequired,\r\n faq: PropTypes.array.isRequired,\r\n};\r\n","import \"../../../styles/dragAndDrop.scss\";\r\n\r\nimport Icon, { iconTypes } from \"./Icon\";\r\nimport React, { Component } from \"react\";\r\n\r\n\r\nimport {Localization} from \"../../common/util/localization.jsx\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass DragAndDrop extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n drag: false,\r\n };\r\n\r\n this.whiteList = [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bmp\", \"tga\", \"pdf\", \"txt\", \"doc\", \"dot\", \"wkb\", \"docx\", \"docm\", \"dotx\", \"dotm\", \"docb\", \"xls\", \"xt\", \"xml\", \"xlm\", \"xlsx\", \"xltx\", \"xltm\", \"xlsb\", \"xla\", \"xlam\", \"xll\", \"xlw\", \"ppt\", \"pptx\", \"pot\", \"pps\", \"pub\", \"xps\", \"odt\", \"ott\", \"odm\", \"html\", \"oth\", \"ods\", \"ots\", \"odg\", \"otg\", \"odp\", \"otp\", \"odf\", \"odb\", \"oxt\", \"odx\", \"wps\", \"rtf\", \"csv\", \"psw\"];\r\n \r\n if (props.allowVideo)\r\n {\r\n this.whiteList = this.whiteList.concat([\"mpg\", \"mpeg\",\"wmv\", \"mp4\", \"mov\",\"avi\" ]);\r\n }\r\n\r\n this.AcceptWhiteList = `.${this.whiteList[0]}`;\r\n for(let i=1; i\r\n {this.renderFaq()}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDragAndDrop.propTypes = {\r\n localization: Localization.propTypes.isRequired,\r\n handleFiles: PropTypes.func.isRequired,\r\n handleError: PropTypes.func.isRequired, \r\n disabled: PropTypes.bool.isRequired,\r\n allowVideo: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default DragAndDrop;","import \"../../../styles/input.scss\";\r\n\r\nimport Icon, {iconTypes} from \"./Icon.jsx\";\r\nimport React, {Component} from \"react\";\r\nimport {getPropertyValue, makePropertyValue} from \"../util/changeUtils.jsx\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default class TextArea extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n focused: false,\r\n property: props.property,\r\n source: props.source,\r\n value: getPropertyValue(props.source, props.property)\r\n };\r\n \r\n this.onClick = this.onClick.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n this.onKeyUp = this.onKeyUp.bind(this);\r\n this.onSetValue = this.onSetValue.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.getClassName = this.getClassName.bind(this);\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n if (state.source !== props.source) {\r\n return {\r\n source: props.source,\r\n value: getPropertyValue(props.source, props.property)\r\n };\r\n }\r\n\r\n return null;\r\n }\r\n\r\n onClick(event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n onChange(event) {\r\n this.setState({\r\n value: event.target.value === \"\" ? undefined : event.target.value\r\n });\r\n if (this.props.onChange){\r\n this.props.onChange(makePropertyValue(this.props.property, event.target.value));\r\n }\r\n if(this.props.usingSubmit){\r\n this.onSetValue(event.target.value === \"\" ? undefined : event.target.value);\r\n }\r\n }\r\n onFocus() {\r\n this.setState({ focused: true });\r\n }\r\n onBlur() {\r\n this.setState({ focused: false });\r\n //\r\n this.onSetValue(this.state.value);\r\n }\r\n onSetValue(value) {\r\n const {\r\n onEdit,\r\n source,\r\n property,\r\n } = this.props;\r\n const currentValue = getPropertyValue(source, property);\r\n if(value !== currentValue) {\r\n onEdit(makePropertyValue(property, value));\r\n }\r\n }\r\n onKeyUp(target) {\r\n if(target.key === \"Enter\") {\r\n this.onBlur();\r\n }\r\n }\r\n getClassName() {\r\n const {\r\n iconType,\r\n validation,\r\n invisibleBackground,\r\n classNameText,\r\n } = this.props;\r\n\r\n let className = `invisible-bg ${(this.props.smallText === true ? \"input-text-small\" : \"input-text\")}`; \r\n if(iconType){\r\n className += \" icon\";\r\n }\r\n className += invisibleBackground?\" invisible-bg\":\" text-field-bg\";\r\n if(!this.state.focused){\r\n if(validation==null || validation(this.state.value)===true){\r\n className += \" is-valid\";\r\n }\r\n }\r\n if( classNameText ){\r\n className += ` ${classNameText}`;\r\n }\r\n return className;\r\n }\r\n\r\n render() {\r\n const {\r\n className,\r\n disabled,\r\n locked,\r\n iconType,\r\n iconColor,\r\n validation,\r\n spellcheck,\r\n type,\r\n placeholder,\r\n tabIndex,\r\n maxLength,\r\n autoComplete,\r\n } = this.props;\r\n\r\n const isValid = validation==null || validation(this.state.value);\r\n \r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {localization.text(\"help\", allowVideo ? \"dropAreaInfo1Video\" : \"dropAreaInfo1\")}
\r\n \r\n {localization.text(\"help\", \"dropAreaInfo2.1\")}\r\n {localization.text(\"help\",\"dropAreaInfo2.2\")}\r\n {localization.text(\"help\",\"dropAreaInfo2.3\")}\r\n
\r\n \r\n \r\n )}\r\n {locked && (\r\n \r\n )}\r\n
\r\n \r\n {localization.text(\"help\", \"sendUsAMessage\")}\r\n
\r\n {this.state.expanded && deviceType===\"xs\" && (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Log out button{/*TODO: fix one? */}\r\n \r\n );\r\n }\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}","import CryptoJS from \"crypto-js\";\r\nimport {static as Immutable} from \"seamless-immutable\";\r\n\r\nconst LOCAL_STORAGE_UPDATED_IN_OTHER_TAB = \"LOCAL_STORAGE_UPDATED_IN_OTHER_TAB\";\r\n\r\n/**\r\n * Action creator for when the browser signals that local storage has been updated in another browser tab.\r\n * @param {string} nameInStorage\r\n * @param {string} encryptedData\r\n * @return {{type: string, nameInStorage: string, encryptedData: string}}\r\n */\r\nexport function localStorageUpdatedInOtherTab(nameInStorage, encryptedData) {\r\n return {\r\n type: LOCAL_STORAGE_UPDATED_IN_OTHER_TAB,\r\n nameInStorage,\r\n encryptedData\r\n };\r\n}\r\n\r\nconst SALT = \"kiha3268sdUIASDlkn5349\";\r\n\r\nconst getSecret = (flush) => {\r\n let publicKey = localStorage.getItem(\"publicKey\");\r\n if (flush || !publicKey) {\r\n localStorage.clear();\r\n publicKey = CryptoJS.SHA256(`iouwerknvdasoiwueqrnvdasnkjaer:${new Date().toDateString()}`);\r\n localStorage.setItem(\"publicKey\", publicKey);\r\n }\r\n\r\n return `${publicKey}${SALT}`;\r\n};\r\n\r\n/**\r\n * Wraps a reducer function which, if the state has been changed on any of the keys which are specified for storage, stores the new state in localStorage.\r\n * Loads the default state (for instance on page load) from the store.\r\n * @param {Function} reducer\r\n * @param {Function} defaultState\r\n * @param {string} nameInStorage\r\n * @param {string[]} rootKeysToStore\r\n * @return {Function}\r\n */\r\nexport function localStorageWritingReducer(reducer, defaultState, nameInStorage, rootKeysToStore) {\r\n return (state, action) => {\r\n if (action.type == LOCAL_STORAGE_UPDATED_IN_OTHER_TAB && nameInStorage === action.nameInStorage) {\r\n let newData;\r\n try {\r\n newData = JSON.parse(CryptoJS.AES.decrypt(action.encryptedData, getSecret()).toString(CryptoJS.enc.Utf8));\r\n return Immutable.merge(state || defaultState(), newData, {deep: true});\r\n } catch (error) {\r\n throw new Error(\"Could not parse local storage data passed from other tab.\");\r\n }\r\n }\r\n\r\n if (!state) {\r\n let storedData;\r\n try {\r\n storedData = JSON.parse(CryptoJS.AES.decrypt(localStorage.getItem(nameInStorage), getSecret()).toString(CryptoJS.enc.Utf8));\r\n } catch (error) {\r\n storedData = {};\r\n } finally {\r\n state = Immutable.merge(defaultState(), storedData, {deep: true});\r\n }\r\n }\r\n const newState = reducer(state, action);\r\n\r\n if (rootKeysToStore.some(k => newState[k] !== state[k])) {\r\n const toStore = Object.assign({}, ...rootKeysToStore.map(k => ({\r\n [k]: newState[k]\r\n })));\r\n localStorage.setItem(nameInStorage, CryptoJS.AES.encrypt(JSON.stringify(toStore), getSecret()).toString());\r\n }\r\n\r\n return newState;\r\n };\r\n}\r\n\r\nconst resetVolatile = data => {\r\n if (Array.isArray(data)) {\r\n for (const elem of data) {\r\n resetVolatile(elem);\r\n }\r\n } else if (data && (typeof data === \"object\")) {\r\n for (const key in data) {\r\n const value = data[key];\r\n if (key.startsWith(\"volatile\")) {\r\n if (typeof value === \"boolean\") {\r\n data[key] = false;\r\n } else {\r\n data[key] = undefined;\r\n }\r\n } else {\r\n resetVolatile(value);\r\n }\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Wraps a reducer function which, if the state has been changed on any of the keys which are specified for storage, stores the new state in sessionStorage.\r\n * Loads the default state (for instance on page load) from the store.\r\n * @param {Function} reducer\r\n * @param {Function} defaultState\r\n * @param {string} nameInStorage\r\n * @return {Function}\r\n */\r\nexport function sessionStorageWritingReducer(reducer, defaultState, nameInStorage) {\r\n return (state, action) => {\r\n if (!state) {\r\n let storedData;\r\n try {\r\n storedData = JSON.parse(sessionStorage[nameInStorage]);\r\n resetVolatile(storedData);\r\n } catch (error) {\r\n storedData = {};\r\n } finally {\r\n state = Immutable.merge(defaultState(), storedData, {deep: true});\r\n }\r\n }\r\n const newState = reducer(state, action);\r\n if (newState != state) {\r\n try {\r\n sessionStorage[nameInStorage] = JSON.stringify(newState);\r\n } catch (error) {\r\n sessionStorage.clear();\r\n }\r\n }\r\n\r\n return newState;\r\n };\r\n}\r\n","import * as authentication from \"../actions/authentication\";\r\n\r\nimport {static as Immutable} from \"seamless-immutable\";\r\nimport {localStorageWritingReducer} from \"../util/storage\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n loginForm: {\r\n original: {},\r\n changes: []\r\n },\r\n loggingIn: false,\r\n token: undefined,\r\n tokenValidUntil: undefined,\r\n signedInAs: undefined,\r\n refreshing: false,\r\n languageId: undefined,\r\n serverName: undefined,\r\n email: undefined,\r\n chainType: undefined,\r\n isAdmin: false,\r\n isImpersonated: false,\r\n chainIds: [],\r\n pickupTobaccoDefault: true,\r\n freightChargePickupTobacco: null,\r\n isBlockedCustomer: false,\r\n webEditOnlyTobacco: false,\r\n webSiteClosed: false,\r\n webSiteClosedMessage: \"\",\r\n userConfirmedWebSiteClosedMessage: false,\r\n newSeasonDistrDates: [],\r\n showFreshFood: false,\r\n });\r\n};\r\n\r\nconst reducer = (state = defaultState(), action) => {\r\n switch (action.type) {\r\n case authentication.LOGGING_IN:\r\n return Immutable.set(state, \"loggingIn\", true);\r\n case authentication.LOGIN_ATTEMPT_ENDED:\r\n return Immutable.set(state, \"loggingIn\", false);\r\n case authentication.LOGGED_IN: \r\n return Immutable.merge(state, {\r\n loggingIn: false,\r\n token: action.token,\r\n refreshToken: action.refreshToken,\r\n tokenValidUntil: action.tokenValidUntil,\r\n signedInAs: action.signedInAs,\r\n languageId: action.languageId,\r\n serverName: action.serverName,\r\n email: action.email,\r\n isChainLogin:action.isChainLogin,\r\n isHubLogin:action.isHubLogin,\r\n isDominosLogin:action.isDominosLogin,\r\n hubId:action.hubId,\r\n chainType: action.chainType,\r\n loginForm: defaultState().loginForm,\r\n isAdmin: action.isAdmin,\r\n isImpersonated: action.isImpersonated,\r\n chainIds: action.chainIds,\r\n pickupTobaccoDefault: action.pickupTobaccoDefault,\r\n freightChargePickupTobacco: action.freightChargePickupTobacco,\r\n isBlockedCustomer: action.isBlockedCustomer,\r\n webEditOnlyTobacco: action.webEditOnlyTobacco,\r\n webSiteClosed : false,\r\n webSiteClosedMessage : \"\", \r\n userConfirmedWebSiteClosedMessage: false,\r\n newSeasonDistrDates : action.newSeasonDistrDates,\r\n seasonMessageConfirmed : false,\r\n showFreshFood : action.showFreshFood,\r\n });\r\n case authentication.REFRESHING_TOKEN:\r\n return Immutable.merge(state, {\r\n refreshing: true\r\n });\r\n case authentication.REFRESHED_TOKEN:\r\n return Immutable.merge(state, {\r\n refreshing: false,\r\n token: action.token,\r\n refreshToken: action.refreshToken,\r\n tokenValidUntil: action.tokenValidUntil\r\n });\r\n case authentication.FAILED_TO_REFRESH_TOKEN:\r\n return Immutable.merge(state, {\r\n refreshing: false\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n case authentication.SET_WEBSITE_STATUS_RESULTS:\r\n return Immutable.merge(state, {\r\n webSiteClosed: action.webIsClosed,\r\n webSiteClosedMessage: action.message,\r\n });\r\n case authentication.SET_WEBSITE_MESSAGE_CONFIRMED:\r\n return Immutable.merge(state, {\r\n userConfirmedWebSiteClosedMessage: true,\r\n });\r\n case authentication.SET_SEASON_MESSAGE_CONFIRMED:\r\n return Immutable.merge(state, {\r\n seasonMessageConfirmed : true\r\n });\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default localStorageWritingReducer(reducer, defaultState, \"app_authentication\", \r\n [\"token\", \"refreshToken\", \"tokenValidUntil\", \"serverName\", \"signedInAs\", \"languageId\", \"email\", \"isChainLogin\", \"isHubLogin\", \"isDominosLogin\", \r\n \"hubId\", \"chainType\", \"isAdmin\", \"isImpersonate\", \"chainIds\", \"pickupTobaccoDefault\", \"freightChargePickupTobacco\", \r\n \"isBlockedCustomer\",\"webEditOnlyTobacco\", \"webSiteClosed\", \"webSiteClosedMessage\", \"userConfirmedWebSiteClosedMessage\", \"newSeasonDistrDates\", \"seasonMessageConfirmed\", \"showFreshFood\"]);\r\n\r\n","import * as authentication from \"../actions/authentication\";\r\nimport * as localization from \"../actions/localization.js\";\r\n\r\nimport {static as Immutable} from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n downloading: false,\r\n hasData: false,\r\n data: {}\r\n });\r\n};\r\n\r\n/**\r\n * Localization reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function (state = defaultState(), action) {\r\n switch (action.type) {\r\n case localization.DOWNLOADING_LOCALIZATION:\r\n return Immutable.merge(state, {\r\n downloading: true,\r\n hasData: false\r\n });\r\n case localization.DOWNLOADED_LOCALIZATION:\r\n return Immutable.merge(state, {\r\n downloading: false,\r\n hasData: true,\r\n data: Immutable(action.data)\r\n });\r\n case localization.FAILED_TO_DOWNLOAD_LOCALIZATION:\r\n return Immutable.merge(state, {\r\n downloading: false,\r\n hasData: false\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../actions/authentication\";\r\nimport * as modal from \"../actions/modal.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n modal: null,\r\n dropDown: [],\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case modal.SET_MODAL:\r\n return state.merge({\r\n modal: action.modal,\r\n });\r\n case modal.ADD_DROPDOWN:\r\n return state.merge({\r\n dropDown: state.dropDown.concat(action.dropDown),\r\n });\r\n case modal.POP_DROPDOWN:\r\n return state.merge({\r\n dropDown: state.dropDown.filter( (item, index) => index+1!==state.dropDown.length ),\r\n });\r\n case modal.CLEAR_MODAL_DROPDOWNS:\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import authenticationReducer from \"./authenticationReducer.js\";\r\nimport localizationReducer from \"./localizationReducer.js\";\r\nimport modalReducer from \"./modalReducer\";\r\nimport userSettingsReducer from \"./userSettingsReducer\";\r\n\r\nexport default {\r\n authentication: authenticationReducer,\r\n localization: localizationReducer,\r\n userSettings: userSettingsReducer,\r\n modal: modalReducer,\r\n};","import * as userSettings from \"../actions/userSettings.js\";\r\n\r\nimport {static as Immutable} from \"seamless-immutable\";\r\nimport {localStorageWritingReducer} from \"../util/storage.js\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n currentLanguage: \"no\", // Systemets förvalda språk (Se index.html)\r\n currentOwner: undefined,\r\n currentReceivingPoint: undefined,\r\n systemInfo: {\r\n country: undefined,\r\n currency: 127,\r\n dateFormat: 2,\r\n decimalSeparator: \".\",\r\n language: undefined,\r\n nofDecimalsAmount: 2,\r\n nofDecimalsAreaM2: 2,\r\n nofDecimalsVolumeL: 3,\r\n nofDecimalsVolumeM3: 2,\r\n nofDecimalsWeightG: 1,\r\n nofDecimalsWeightKg: 3,\r\n nofSignificantDigits: 15,\r\n thousandSeparator: false,\r\n timeFormat: 1,\r\n timeFormatSecs: 4,\r\n timeZone: 5\r\n }\r\n });\r\n};\r\n\r\nconst reducer = (state, action) => {\r\n switch (action.type) {\r\n\r\n case userSettings.SET_CURRENT_LANGUAGE:\r\n return Immutable.merge(state, {\r\n currentLanguage: action.language\r\n });\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default localStorageWritingReducer(reducer, defaultState, \"app_userSettings\", [\"currentLanguage\", \"currentWagon\", \"currentReceivingPoint\"]);","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as customer from \"../actions/customer.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n chainCustomer: null,\r\n chainId: null,\r\n customerId: \"\",\r\n customerName: \"\",\r\n email: \"\",\r\n logoImageFileName: \"\",\r\n mobile: \"\",\r\n mobile2: \"\",\r\n status: null,\r\n streetAddress: \"\",\r\n logoUrl: \"\",\r\n saving: false\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case customer.SET_CUSTOMER_INFO:\r\n return state.merge({\r\n ...action.customerInfo\r\n });\r\n case customer.SET_CUSTOMER_LOGO:\r\n return state.merge({\r\n logoUrl: action.logoUrl\r\n });\r\n case customer.CONTACT_INFORMATION_SAVING:\r\n return state.merge({\r\n saving: true\r\n });\r\n case customer.CONTACT_INFORMATION_SAVED:\r\n return state.merge({\r\n saving: false,\r\n contact: action.contact,\r\n email: action.email,\r\n mobile: action.mobile,\r\n contact2: action.contact2,\r\n email2: action.email2,\r\n mobile2: action.mobile2\r\n });\r\n case customer.CONTACT_INFORMATION_FAILED:\r\n return state.merge({\r\n saving: false\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as customerSubscriptions from \"../actions/customerSubscriptions.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n subscriptions: [\r\n // {\r\n // \"subscriptionType\": 0,\r\n // \"web\": true,\r\n // \"email\": true,\r\n // \"sms\": true\r\n // }\r\n ],\r\n mailAddressInvoice: \"\",\r\n mailAddressMonthReport: \"\",\r\n mailAddressDeliveryNote: \"\",\r\n loading: false,\r\n saving: false\r\n });\r\n};\r\n\r\n/**\r\n * Customer subscriptions reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_LOADING:\r\n return state.merge({\r\n loading: true\r\n });\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_LOADED:\r\n return state.merge({\r\n ...action.subscriptions,\r\n loading: false\r\n });\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_FAILED:\r\n return state.merge({\r\n loading: false\r\n });\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_SAVING:\r\n return state.merge({\r\n saving: true\r\n });\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_SAVED:\r\n return state.merge({\r\n ...action.customerSubscriptions,\r\n saving: false\r\n });\r\n case customerSubscriptions.CUSTOMER_SUBSCRIPTIONS_FAILED_SAVE:\r\n return state.merge({\r\n saving: false\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as delivery from \"../actions/delivery.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n lastDelivery: {\r\n loading: false,\r\n },\r\n nextDelivery: {\r\n loading: false,\r\n version: 1,\r\n },\r\n dates: {\r\n upcomingDeliveryDates: []\r\n }\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case delivery.SET_LAST_DELIVERY:\r\n return state.merge({\r\n lastDelivery: action.delivery\r\n });\r\n case delivery.SET_LAST_DELIVERY_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n lastDelivery: {\r\n orderLines: Immutable(state.lastDelivery.orderLines).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.LOADING_LAST_DELIVERY:\r\n return state.merge({\r\n lastDelivery: {\r\n loading: action.loading,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.LOADING_NEXT_DELIVERY:\r\n return state.merge({\r\n nextDelivery: {\r\n loading: action.loading,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.SET_UPCOMING_DELIVERY_DATES:\r\n return state.merge({\r\n dates: {\r\n deliveryDates: action.deliveryDates,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.SET_NEXT_DELIVERY:\r\n return state.merge({\r\n nextDelivery: {\r\n ...action.delivery,\r\n version: state.nextDelivery.version+1,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.SET_NEXT_DELIVERY_ORDER_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n nextDelivery: {\r\n orderLines: Immutable(state.nextDelivery.orderLines).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.SET_NEXT_DELIVERY_UNCONFIRMED_ORDER_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n nextDelivery: {\r\n unConfirmedOrderLines: Immutable(state.nextDelivery.unConfirmedOrderLines).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case delivery.RESET_LAST_DELIVERY:\r\n return state.setIn([\"lastDelivery\"], {loading: false});\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as getorders from \"../actions/dominosActions.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n creating: false,\r\n loading: false,\r\n customers : {\r\n untreatedCustomers : [],\r\n treatedCustomers : [],\r\n },\r\n });\r\n};\r\n\r\n/**\r\n * Dominos reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case getorders.SET_DOMINOS_ORDERS:\r\n return state.merge({\r\n customers: action.payload,\r\n });\r\n case getorders.SET_NO_OF_DOLLIES:\r\n {\r\n // Try to find the customer \r\n var index = state.customers.untreatedCustomers.findIndex( (c) => c.salesOrderId===action.salesOrderId);\r\n\r\n if(index !== -1)\r\n {\r\n return Immutable.setIn(state, [\"customers\",\"untreatedCustomers\", index], action.customer);\r\n } \r\n else \r\n {\r\n index = state.customers.treatedCustomers.findIndex( (c) => c.salesOrderId===action.salesOrderId);\r\n return Immutable.setIn(state, [\"customers\",\"treatedCustomers\", index], action.customer);\r\n }\r\n \r\n }\r\n case getorders.SELECT_CUSTOMER:\r\n {\r\n // Try to find the customer \r\n var indexCus = state.customers.untreatedCustomers.findIndex( (c) => c.salesOrderId===action.salesOrderId);\r\n\r\n if(indexCus !== -1)\r\n {\r\n return Immutable.setIn(state, [\"customers\",\"untreatedCustomers\", indexCus], action.customer);\r\n } \r\n else \r\n {\r\n indexCus = state.customers.treatedCustomers.findIndex( (c) => c.salesOrderId===action.salesOrderId);\r\n return Immutable.setIn(state, [\"customers\",\"treatedCustomers\", indexCus], action.customer);\r\n }\r\n \r\n }\r\n case getorders.CREATE_LABELS:\r\n return Immutable.setIn(state, [\"creating\"], action.creating);\r\n case getorders.LOADING:\r\n return Immutable.setIn(state, [\"loading\"], action.loading);\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as history from \"../actions/history.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n documents: {\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n filter: {\r\n historyType: history.HISTORY_TYPES.ALL,\r\n searchString: \"\"\r\n },\r\n results: [],\r\n },\r\n tobacco: {\r\n loading: false,\r\n submitting: false,\r\n trySubmit: false,\r\n pickUpByEngrospartner: null,\r\n description: \"\",\r\n bagSupplier: [],\r\n unconfirmedComplaintId: null,\r\n sentToEp: false,\r\n },\r\n tobaccoDocuments: {\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n filter: {\r\n searchString: \"\"\r\n },\r\n results: [],\r\n },\r\n lastInvoiceForProduct: {},\r\n claim: {\r\n claim: true,\r\n committing: false,\r\n description: \"\",\r\n lines: [],\r\n attachments: [],\r\n },\r\n invoices: {},\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case history.EDIT_DOCUMENT_HISTORY_QUERY:\r\n return Immutable.merge(state, {\r\n documents: {\r\n ...action.change\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case history.ADD_DOCUMENTS_HISTORY_QUERY_RESULTS:\r\n return Immutable.setIn(state, [\"documents\", \"results\"], state.documents.results.concat(action.results));\r\n case history.CLEAR_DOCUMENTS_HISTORY_QUERY_RESULTS:\r\n return Immutable.setIn(state, [\"documents\", \"results\"], []);\r\n case history.ADD_TOBACCO_BAG:\r\n {\r\n const supplierIndex = state.tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === action.supplierId );\r\n if( supplierIndex>=0 ) {\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\"], state.tobacco.bagSupplier[supplierIndex].bags.concat({\r\n bagNumber: action.bagNumber,\r\n bagNumberValidated: action.bagNumberValidated,\r\n bagNumberEditable: action.bagNumberEditable,\r\n lines: []\r\n }));\r\n } else {\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\"], state.tobacco.bagSupplier.concat({\r\n supplierName: action.supplierName,\r\n supplierId: action.supplierId,\r\n bags: [{\r\n bagNumber: action.bagNumber,\r\n bagNumberValidated: action.bagNumberValidated,\r\n bagNumberEditable: action.bagNumberEditable,\r\n lines: [],\r\n }]\r\n }));\r\n }\r\n }\r\n case history.EDIT_TOBACCO_BAG:\r\n {\r\n const supplierIndex = state.tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === action.supplierId );\r\n \r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\", action.bagIndex], {\r\n ...state.tobacco.bagSupplier[supplierIndex].bags[action.bagIndex],\r\n ...action.change\r\n });\r\n }\r\n case history.ADD_ITEM_TO_TOBACCO_BAG:\r\n {\r\n const supplierIndex = state.tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === action.product.supplierId );\r\n const bagIndex = state.tobacco.bagSupplier[supplierIndex].bags.length-1;\r\n \r\n if( state.tobacco.bagSupplier[supplierIndex].bags[bagIndex].lines.some( (ele) => ele.product.productId===action.product.productId) ){\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\", bagIndex, \"lines\"], state.tobacco.bagSupplier[supplierIndex].bags[bagIndex].lines.map( (ele) => ele.product.productId!==action.product.productId ? ele : {\r\n product: action.product,\r\n wishedQtySalesUnits: action.value, \r\n }));\r\n } else {\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\", bagIndex, \"lines\"], state.tobacco.bagSupplier[supplierIndex].bags[bagIndex].lines.concat({\r\n product: action.product,\r\n wishedQtySalesUnits: action.value,\r\n }));\r\n }\r\n }\r\n case history.REMOVE_ITEM_FROM_TOBACCO_BAG:\r\n {\r\n const supplierIndex = state.tobacco.bagSupplier.findIndex( (ele) => ele.supplierId === action.product.supplierId );\r\n const supplierToChange = state.tobacco.bagSupplier[supplierIndex];\r\n const bagIndex = supplierToChange.bags.length-1;\r\n const bagToChange = supplierToChange.bags[bagIndex];\r\n\r\n const newLines = bagToChange.lines.filter( (ele) => ele.product.productId!==action.product.productId );\r\n\r\n if(newLines.length > 0 || bagToChange.bagNumber !== \"\")\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\", bagIndex, \"lines\"], newLines);\r\n else {\r\n\r\n // bag is empty - and no bag number is given: remove it from state if no bag number is given\r\n const newBags = supplierToChange.bags.filter(bag => bag!==bagToChange);\r\n \r\n if(newBags.length > 0) {\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\", supplierIndex, \"bags\"], newBags);\r\n }\r\n else {\r\n // If last bag for supplier remove supplier as well\r\n const newSuppliers = state.tobacco.bagSupplier.filter(sup => sup!==supplierToChange);\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\"], newSuppliers);\r\n }\r\n \r\n }\r\n }\r\n case history.EDIT_TOBACCO:\r\n return Immutable.merge(state, {\r\n tobacco: {\r\n ...action.change\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case history.ADD_SAVEDTOBACCO_RETURN_RESULTS:\r\n return Immutable.setIn(state, [\"tobacco\"], {\r\n description: action.result.description,\r\n pickUpByEngrospartner: action.result.pickUpByEngrospartner,\r\n unconfirmedComplaintId: action.result.unconfirmedComplaintId,\r\n sentToEP: action.result.sentToEP,\r\n bagSupplier: action.result.suppliers,\r\n suppliers: state.tobacco.suppliers,\r\n });\r\n case history.SET_TOBACCO_UNCONFIRMEDCOMPLAINTID:\r\n return Immutable.setIn(state, [\"tobacco\", \"unconfirmedComplaintId\"], action.unconfirmedComplaintId);\r\n case history.CLEAR_SUPPLIER:\r\n return Immutable.setIn(state, [\"tobacco\", \"bagSupplier\"], state.tobacco.bagSupplier.filter( (ele) => ele.supplierId !== action.supplierId));\r\n case history.ADD_INVOICE_ID_TO_LIST:\r\n return Immutable.setIn(state, [\"lastInvoiceForProduct\",action.productId], action.invoiceId);\r\n case history.CLEAR_CLAIM:\r\n return Immutable.setIn(state, [\"claim\"], {\r\n claim: true,\r\n committing: false,\r\n description: \"\",\r\n lines: [],\r\n attachments: [],\r\n });\r\n case history.ADD_TO_CLAIM_SALES_UNITS:\r\n {\r\n const index = state.claim.lines.findIndex( (item) => item.product.productId === action.product.productId );\r\n if( index>=0 ) {\r\n if( state.claim.lines[index].claimQtySalesUnits==0 && state.claim.lines[index].claimQtyWarehouseUnits==0 && action.qty===0)\r\n {\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.filter( (ele) => ele.product.productId!==action.product.productId ));\r\n }\r\n return Immutable.setIn(state, [\"claim\", \"lines\", index], ({\r\n ...state.claim.lines[index],\r\n product: action.product,\r\n claimQtySalesUnits: action.qty,\r\n }));\r\n } else {\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.concat({\r\n product: action.product,\r\n claimQtySalesUnits: action.qty,\r\n claimQtyWarehouseUnits: 0,\r\n }));\r\n }\r\n }\r\n case history.REMOVE_FROM_CLAIM_SALES_UNITS:\r\n {\r\n const index = state.claim.lines.findIndex( (item) => item.product.productId === action.product.productId );\r\n if( state.claim.lines[index].claimQtyWarehouseUnits==0 ){\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.filter( (ele) => ele.product.productId!==action.product.productId ));\r\n } else {\r\n return Immutable.setIn(state, [\"claim\", \"lines\", index], ({\r\n ...state.claim.lines[index],\r\n product: action.product,\r\n claimQtySalesUnits: 0,\r\n }));\r\n }\r\n }\r\n case history.ADD_TO_CLAIM_WAREHOUSE_UNITS:\r\n {\r\n const index = state.claim.lines.findIndex( (item) => item.product.productId === action.product.productId );\r\n if( index>=0 ) {\r\n\r\n if( state.claim.lines[index].claimQtySalesUnits==0 && state.claim.lines[index].claimQtyWarehouseUnits==0 && action.qty===0)\r\n {\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.filter( (ele) => ele.product.productId!==action.product.productId ));\r\n }\r\n return Immutable.setIn(state, [\"claim\", \"lines\", index], ({\r\n ...state.claim.lines[index],\r\n product: action.product,\r\n claimQtyWarehouseUnits: action.qty,\r\n }));\r\n } else {\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.concat({\r\n product: action.product,\r\n claimQtyWarehouseUnits: action.qty,\r\n claimQtySalesUnits: 0,\r\n }));\r\n }\r\n }\r\n case history.REMOVE_FROM_CLAIM_WAREHOUSE_UNITS:\r\n {\r\n const index = state.claim.lines.findIndex( (item) => item.product.productId === action.product.productId );\r\n if( state.claim.lines[index].claimQtySalesUnits==0){\r\n return Immutable.setIn(state, [\"claim\", \"lines\"], state.claim.lines.filter( (ele) => ele.product.productId!==action.product.productId ));\r\n } else {\r\n return Immutable.setIn(state, [\"claim\", \"lines\", index], ({\r\n ...state.claim.lines[index],\r\n product: action.product,\r\n claimQtyWarehouseUnits: 0,\r\n }));\r\n }\r\n }\r\n case history.EDIT_CLAIM:\r\n return Immutable.setIn(state, [\"claim\"], {\r\n ...state.claim,\r\n ...action.change,\r\n });\r\n case history.EDIT_CLAIM_ITEM:\r\n {\r\n const index = state.claim.lines.findIndex( (item) => item.product.productId === action.productId );\r\n if( index>=0 ) {\r\n return Immutable.setIn(state, [\"claim\", \"lines\", index], ({\r\n ...state.claim.lines[index],\r\n ...action.change,\r\n }));\r\n }\r\n return state;\r\n }\r\n case history.SET_INVOICE_DETAILS:\r\n return Immutable.setIn(state, [\"invoices\",action.invoiceId], action.invoice);\r\n case history.EDIT_TOBACCO_DOCUMENTS_HISTORY_QUERY:\r\n return Immutable.merge(state, {\r\n tobaccoDocuments: {\r\n ...action.change\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case history.ADD_TOBACCO_DOCUMENTS_HISTORY_RESULTS:\r\n return Immutable.setIn(state, [\"tobaccoDocuments\", \"results\"], state.tobaccoDocuments.results.concat(action.results));\r\n case history.CLEAR_TOBACCO_DOCUMENTS_HISTORY_RESULTS:\r\n return Immutable.setIn(state, [\"tobaccoDocuments\", \"results\"], []);\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as hubOverview from \"../actions/hubOverview.js\";\r\nimport * as hubProduction from \"../actions/hubProduction.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n overview : {\r\n currentWeekProductionDates: [],\r\n nextWeekProductionDates: [],\r\n currentWeekNo : undefined,\r\n nextWeekNo: undefined,\r\n },\r\n customerProductionList : [],\r\n editedCustomer : { \r\n customerId : \"\",\r\n products : []\r\n },\r\n hubProducts : [],\r\n productsSorting: false,\r\n customersSorting: false,\r\n });\r\n};\r\n\r\n/**\r\n * Fresh food hub reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case hubOverview.SET_HUB_OVERVIEW:\r\n return state.merge({\r\n overview: action.payload\r\n });\r\n case hubProduction.SET_HUB_PRODUCTION: \r\n return state.merge({\r\n customerProductionList: action.payload\r\n });\r\n case hubProduction.SET_HUB_PRODUCTS: \r\n return state.merge({\r\n hubProducts: action.payload\r\n });\r\n case hubOverview.SET_SORTING_PRODUCTS:\r\n return state.merge({\r\n productsSorting: action.sorting,\r\n }, {\r\n deep: true\r\n });\r\n case hubOverview.SET_SORTING_CUSTOMERS:\r\n return state.merge({\r\n customersSorting: action.sorting,\r\n }, {\r\n deep: true\r\n });\r\n case hubOverview.SORT_HUB_PRODUCTS:\r\n {\r\n const products = action.thisWeek ?\r\n state.overview.currentWeekProductionDates[action.dateIndex].plannedProductsForDate :\r\n state.overview.nextWeekProductionDates[action.dateIndex].plannedProductsForDate;\r\n\r\n const arr = Immutable.asMutable(products);\r\n const itemToMove = arr[action.index1];\r\n arr.splice(action.index1,1);\r\n arr.splice(action.index2,0,itemToMove);\r\n\r\n return Immutable.setIn(state, [\"overview\", action.thisWeek ? \"currentWeekProductionDates\" : \"nextWeekProductionDates\", action.dateIndex, \"plannedProductsForDate\"], arr);\r\n }\r\n case hubOverview.SORT_HUB_CUSTOMERS:\r\n {\r\n const customers = action.thisWeek ?\r\n state.overview.currentWeekProductionDates[action.dateIndex].customers :\r\n state.overview.nextWeekProductionDates[action.dateIndex].customers;\r\n\r\n const arr = Immutable.asMutable(customers);\r\n const itemToMove = arr[action.index1];\r\n arr.splice(action.index1,1);\r\n arr.splice(action.index2,0,itemToMove);\r\n\r\n return Immutable.setIn(state, [\"overview\", action.thisWeek ? \"currentWeekProductionDates\" : \"nextWeekProductionDates\", action.dateIndex, \"customers\"], arr);\r\n }\r\n case hubProduction.SET_HUB_PRODUCTION_NEW_PRODUCT:\r\n {\r\n // Try to find the customer \r\n const index = state.customerProductionList.findIndex( (cus) => cus.customerId===action.customerId);\r\n\r\n if(index !== -1)\r\n {\r\n // Add new product\r\n return Immutable.setIn(state, [\"customerProductionList\", index, \"products\"], [action.product].concat(state.customerProductionList[index].products)); \r\n }\r\n else return state;\r\n } \r\n case hubProduction.SET_HUB_PRODUCTION_NEW_CUSTOMER:\r\n return state.merge({\r\n editedCustomer : {\r\n customerId : action.customerId,\r\n products : []\r\n }\r\n }); \r\n case hubProduction.SET_HUB_PRODUCTION_NEWQTY:\r\n {\r\n // Try to find the product \r\n const index = state.editedCustomer.products.findIndex( (product) => product.productId===action.product.productId);\r\n\r\n if(index === -1)\r\n {\r\n // Add new product\r\n return Immutable.setIn(state, [\"editedCustomer\", \"products\"], [action.product].concat(state.editedCustomer.products));\r\n }\r\n else {\r\n // Update qty of existing\r\n return Immutable.setIn(state, [\"editedCustomer\", \"products\", index], action.product);\r\n }\r\n }\r\n case hubProduction.CLEAR_HUB_PRODUCTION_NEWQTY: \r\n return state.merge(\r\n {\r\n editedCustomer : { \r\n ...state.editedCustomer,\r\n products : []\r\n },\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n // case hubProduction.SET_HUB_PRODUCTION_NEWQTY:\r\n // return state.merge({\r\n // customerProductionList: [...state.customerProductionList.map(customer => \r\n // (customer.customerId === action.customerId ? {\r\n // ...customer,\r\n // products: [customer.products.map(product => product.productId === action.productId ? {\r\n // ... product,\r\n // unconfirmedQty : action.value\r\n // } : product)]\r\n // } : customer))]\r\n // }); \r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import moment from \"moment\";\r\n\r\n/**\r\n * Merges product changes\r\n * @param {Object} prodInStore\r\n * @param {Object} products\r\n * @return {*}\r\n */\r\nexport function findStoreProduct(prodInStore, products) {\r\n const updatedProduct = products.find(p => p.productId === prodInStore.product.productId && p.chainId === prodInStore.product.chainId);\r\n let priceObj = {};\r\n let adminObj = {};\r\n if( updatedProduct ){\r\n priceObj = updatedProduct.futureEndPriceDate && updatedProduct.futureEndPrice ? ( \r\n moment().isSame(moment(updatedProduct.futureEndPriceDate), \"date\") ? {\r\n //the new price will be set now\r\n currentEndCusPrice: parseFloat(updatedProduct.futureEndPrice),\r\n futureEndPrice: null,\r\n futureEndPriceDate: null,\r\n } : {\r\n //the new price will be set in the future\r\n currentEndCusPrice: updatedProduct.currentEndCusPrice ? parseFloat(updatedProduct.currentEndCusPrice) : prodInStore.product.currentEndCusPrice,\r\n futureEndPrice: updatedProduct.futureEndPrice ? parseFloat(updatedProduct.futureEndPrice) : prodInStore.product.futureEndPrice,\r\n futureEndPriceDate: updatedProduct.futureEndPriceDate ? updatedProduct.futureEndPriceDate : prodInStore.product.futureEndPriceDate,\r\n }\r\n ) : {\r\n currentEndCusPrice: parseFloat(updatedProduct.currentEndCusPrice),\r\n futureEndPrice: null,\r\n futureEndPriceDate: null,\r\n };\r\n adminObj = updatedProduct.futureAdminChargeDate && updatedProduct.futureAdminCharge ? ( \r\n moment().isSame(moment(updatedProduct.futureAdminChargeDate), \"date\") ? {\r\n //the new charge will be set now\r\n adminChargePercent: parseFloat(updatedProduct.futureAdminCharge),\r\n futureAdminCharge: null,\r\n futureAdminChargeDate: null,\r\n } : {\r\n //the new charge will be set in the future\r\n adminChargePercent: updatedProduct.adminChargePercent ? parseFloat(updatedProduct.adminChargePercent) : prodInStore.product.adminChargePercent,\r\n futureAdminCharge: updatedProduct.futureAdminCharge ? parseFloat(updatedProduct.futureAdminCharge) : prodInStore.product.futureAdminCharge,\r\n futureAdminChargeDate: updatedProduct.futureAdminChargeDate ? updatedProduct.futureAdminChargeDate : prodInStore.product.futureAdminChargeDate,\r\n }\r\n ) : {\r\n adminChargePercent: parseFloat(updatedProduct.currentEndCusPrice),\r\n futureAdminCharge: null,\r\n futureAdminChargeDate: null,\r\n };\r\n }\r\n const result =\r\n updatedProduct !== undefined\r\n ? {\r\n ...prodInStore,\r\n product: {\r\n ...prodInStore.product,\r\n invoiceGroupId: updatedProduct.invoiceGroupId,\r\n invoiceGroupName: updatedProduct.invoiceGroupName ? updatedProduct.invoiceGroupName : prodInStore.product.invoiceGroupName,\r\n isAvailable: updatedProduct.isAvailable,\r\n inCatalogue: updatedProduct.inCatalogue,\r\n //\r\n ...priceObj,\r\n ...adminObj,\r\n }\r\n }\r\n : prodInStore;\r\n return result;\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as multiChainSortiment from \"../actions/multiChainSortiment.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\nimport {findStoreProduct} from \"../util/storeProductMerger.js\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n onlyAvailableForChain: true,\r\n onlyNews: false,\r\n searchString: \"\"\r\n },\r\n chainProducts: [],\r\n newProducts: [],\r\n newProductsLoading: false,\r\n productDetails: {},\r\n invoiceGroups: [],\r\n chains: {},\r\n loadingChains: false,\r\n selected: {},\r\n });\r\n};\r\n\r\n/**\r\n * Multi chain sortiment reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case multiChainSortiment.SET_MULTI_CHAIN_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${action.chainProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n chainProducts: action.chainProducts\r\n });\r\n case multiChainSortiment.ADD_MULTI_CHAIN_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${state.chainProducts.length + action.chainProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n chainProducts: state.chainProducts.concat(action.chainProducts)\r\n });\r\n case multiChainSortiment.UPDATE_MULTI_CHAIN_PRODUCT_LIST:\r\n return state.merge({\r\n chainProducts: state.chainProducts.map(p => findStoreProduct(p, action.products))\r\n });\r\n case multiChainSortiment.SET_QUERY_PRODUCT_IMAGE_URL:\r\n return state.merge(\r\n {\r\n chainProducts: Immutable(state.chainProducts).map(function(obj, index) {\r\n return index === action.index\r\n ? {\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl\r\n }\r\n }\r\n : obj;\r\n })\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.MULTI_CHAIN_SORTIMENT_IS_LOADING:\r\n return state.merge({\r\n isLoading: true\r\n });\r\n case multiChainSortiment.MULTI_CHAIN_QUERY_DONE_LOADING:\r\n case multiChainSortiment.MULTI_CHAIN_QUERY_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false\r\n });\r\n case multiChainSortiment.MULTI_CHAIN_QUERY_ALL_LOADED:\r\n return state.merge({\r\n allResultsLoaded: true,\r\n resultCountString: state.chainProducts.length.toString()\r\n });\r\n case multiChainSortiment.EDIT_MULTI_CHAIN_FILTER:\r\n return state.merge(\r\n {\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n ...action.change\r\n },\r\n chainProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.CLEAR_MULTI_CHAIN_SORTIMENT:\r\n return state.merge(\r\n {\r\n chainProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.SET_MULTI_CHAIN_SORTIMENT_FILTER:\r\n return state.merge(\r\n {\r\n chainFilter: {\r\n onlyAvailableForChain: {\r\n ...action.change\r\n }\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.SET_MULTI_CHAIN_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetails: action.productDetails\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.CLEAR_MULTI_CHAIN_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetails: {}\r\n },\r\n {\r\n deep: false\r\n }\r\n );\r\n case multiChainSortiment.SET_INVOICE_GROUPS:\r\n return state.merge(\r\n {\r\n invoiceGroups: action.invoiceGroups\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.SET_QUERY_OPTION:\r\n return state.merge(\r\n {\r\n productGroups: action.productGroups,\r\n productSuppliers: action.productSuppliers\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.LOADING_NEW_CHAIN_PRODUCTS:\r\n return state.merge(\r\n {\r\n newProductsLoading: action.loading\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.LOADING_CHAINS:\r\n return state.merge({\r\n loadingChains: true\r\n });\r\n case multiChainSortiment.LOADED_CHAINS:\r\n return state.merge({\r\n chains: action.chains,\r\n loadingChains: false\r\n });\r\n case multiChainSortiment.LOADING_CHAINS_FAILED:\r\n return state.merge({\r\n loadingChains: false\r\n });\r\n case multiChainSortiment.SET_MULTI_SELECT:\r\n return state.merge(\r\n {\r\n selected: {\r\n ...action.change,\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiChainSortiment.CLEAR_MULTI_SELECT:\r\n return state.setIn( [\"selected\"], {});\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as multiEpixSortiment from \"../actions/multiEpixSortiment.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\nimport {findStoreProduct} from \"../util/storeProductMerger.js\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n onlyAvailableForChain: false,\r\n onlyNews: false,\r\n searchString: \"\"\r\n },\r\n allProducts: [],\r\n newProducts: [],\r\n newProductsLoading: false,\r\n productDetail: {},\r\n invoiceGroups: []\r\n });\r\n};\r\n\r\n/**\r\n * Multi chain Epix sortiment reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case multiEpixSortiment.SET_MULTI_EPIX_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${action.allProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n allProducts: action.allProducts\r\n });\r\n case multiEpixSortiment.ADD_MULTI_EPIX_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${state.allProducts.length + action.allProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n allProducts: state.allProducts.concat(action.allProducts)\r\n });\r\n case multiEpixSortiment.UPDATE_MULTI_EPIX_PRODUCT_LIST:\r\n return state.merge({\r\n allProducts: state.allProducts.map(p => findStoreProduct(p, action.products))\r\n });\r\n case multiEpixSortiment.SET_QUERY_PRODUCT_IMAGE_URL:\r\n return state.merge(\r\n {\r\n allProducts: Immutable(state.allProducts).map(function(obj, index) {\r\n return index === action.index\r\n ? {\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl\r\n }\r\n }\r\n : obj;\r\n })\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.MULTI_EPIX_SORTIMENT_IS_LOADING:\r\n return state.merge({\r\n isLoading: true\r\n });\r\n case multiEpixSortiment.MULTI_EPIX_QUERY_DONE_LOADING:\r\n case multiEpixSortiment.MULTI_EPIX_QUERY_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false\r\n });\r\n case multiEpixSortiment.MULTI_EPIX_QUERY_ALL_LOADED:\r\n return state.merge({\r\n allResultsLoaded: true,\r\n resultCountString: state.allProducts.length.toString()\r\n });\r\n case multiEpixSortiment.EDIT_MULTI_EPIX_FILTER:\r\n return state.merge(\r\n {\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n ...action.change\r\n },\r\n allProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.CLEAR_MULTI_EPIX_SORTIMENT:\r\n return state.merge(\r\n {\r\n allProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.SET_MULTI_EPIX_SORTIMENT_FILTER:\r\n return state.merge(\r\n {\r\n chainFilter: {\r\n onlyAvailableForChain: {\r\n ...action.change\r\n }\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.SET_MULTI_EPIX_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: action.productDetail\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.CLEAR_MULTI_EPIX_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: {}\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.SET_INVOICE_GROUPS:\r\n return state.merge(\r\n {\r\n invoiceGroups: action.invoiceGroups\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.SET_QUERY_OPTION:\r\n return state.merge(\r\n {\r\n productGroups: action.productGroups,\r\n productSuppliers: action.productSuppliers\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case multiEpixSortiment.LOADING_NEW_EPIX_PRODUCTS:\r\n return state.merge(\r\n {\r\n newProductsLoading: action.loading\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../actions/authentication\";\r\nimport * as notifications from \"../actions/notifications\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => Immutable({\r\n notifications: {\r\n // [{\r\n // \"notificationId\": 0,\r\n // \"fromDate\": \"2019-09-10T12:46:05.744Z\",\r\n // \"toDate\": \"2019-09-10T12:46:05.744Z\",\r\n // \"subject\": \"string\",\r\n // \"body\": \"string\",\r\n // \"displayPopup\": true,\r\n // \"priority\": 0,\r\n // \"confirmedDate\": \"2019-09-10T12:46:05.744Z\",\r\n // \"recipientType\": 0\r\n // }]\r\n },\r\n loading: false\r\n});\r\n\r\n/**\r\n * \r\n * @param {Object} state \r\n * @param {{type: String}} action \r\n * @returns {Object}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case notifications.NOTIFICATIONS_LOADING:\r\n return state.merge({\r\n loading: true\r\n });\r\n case notifications.NOTIFICATIONS_LOADED:\r\n return state.merge({\r\n loading: false,\r\n notifications: action.notifications\r\n }, {\r\n deep: true\r\n });\r\n case notifications.NOTIFICATIONS_FAILED_TO_LOAD:\r\n return state.merge({\r\n loading: false\r\n });\r\n case notifications.NOTIFICATION_UPDATE_CONFIRMED_DATE:\r\n return state.merge({\r\n notifications: {\r\n [action.notificationId]: {\r\n confirmedDate: action.date,\r\n dismissedOnClient: true\r\n }\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case notifications.NOTIFICATION_DISMISSED:\r\n return state.merge({\r\n notifications: {\r\n [action.notificationId]: {\r\n dismissedOnClient: true\r\n }\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as order from \"../actions/order.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n active: {\r\n loading: false,\r\n submitting: false,\r\n shipmentId: null,\r\n distributionRouteId: \"\",\r\n deliveryDate: \"\",\r\n },\r\n productView: {\r\n view: \"item\",\r\n category: \"all\"\r\n },\r\n orderFeeLimits: [],\r\n orderVolumeDiscounts: [],\r\n freshFoodTemplateData : \r\n {\r\n products: [],\r\n freshFoodProducts: [],\r\n }\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case order.SET_PRODUCT_ORDER_VIEW:\r\n return state.merge({\r\n productView:{\r\n view: action.value\r\n }\r\n });\r\n case order.SET_ORDER_FEE_LIMITS:\r\n return Immutable.setIn(state, [\"orderFeeLimits\"], action.orderFeeLimits);\r\n case order.SET_ORDER_VOLUME_DISCOUNTS:\r\n return Immutable.setIn(state, [\"orderVolumeDiscounts\"], action.orderVolumeDiscounts);\r\n case order.SET_ACTIVE_ORDER:\r\n return state.merge({\r\n active: {\r\n ...action.activeOrder,\r\n }\r\n });\r\n case order.MERGE_ACTIVE_ORDER:\r\n return state.merge({\r\n active: {\r\n ...state.active,\r\n ...action.activeOrderChange,\r\n }\r\n });\r\n case order.ADD_TO_UNCONFIRMED_ORDER:\r\n if( state.active.unConfirmedOrderLines ){\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\"], [action.line].concat(state.active.unConfirmedOrderLines));\r\n } else {\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\"], [action.line]);\r\n }\r\n case order.REMOVE_FROM_UNCONFIRMED_ORDER:\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\"], Immutable(state.active.unConfirmedOrderLines).filter( (item) => item.product.productId!==action.productId));\r\n case order.UPDATE_UNCONFIRMED_ORDER_LINE:\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\",state.active.unConfirmedOrderLines.findIndex( (item) => item.productId===action.productId)], action.line);\r\n case order.SET_UNCONFIRMED_ORDER_LINE_INFO:\r\n {\r\n const index = state.active.unConfirmedOrderLines ? state.active.unConfirmedOrderLines.findIndex( (item) => item.productId===action.productId) : -1;\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\",index], {\r\n ...action.line,\r\n orderedQty: state.active.unConfirmedOrderLines[index].orderedQty,//we are only updating information\r\n });\r\n }\r\n case order.SET_UNCONFIRMED_ORDER_LINE_LOADING:\r\n {\r\n const index = state.active.unConfirmedOrderLines ? state.active.unConfirmedOrderLines.findIndex( (item) => item.productId===action.productId) : -1;\r\n return Immutable.setIn(state, [\"active\",\"unConfirmedOrderLines\",index,\"loading\"], action.loading);\r\n }\r\n case order.SET_ACTIVE_ORDERED_IMAGE_URL:\r\n return state.merge({\r\n active:{\r\n orderLines: Immutable(state.active.orderLines).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case order.SET_ACTIVE_ORDER_LOADING:\r\n return state.merge({\r\n active:{\r\n loading: action.loading,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case order.SET_ACTIVE_ORDER_SUBMITTING:\r\n return state.merge({\r\n active:{\r\n submitting: action.submitting,\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case order.SET_ACTIVE_UNCONFIRMEDORDER_IMAGE_URL:\r\n return state.merge({\r\n active:{\r\n unConfirmedOrderLines: Immutable(state.active.unConfirmedOrderLines).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case order.SET_FRESHFOOD_TEMPLATE:\r\n return state.merge({\r\n freshFoodTemplateData: action.templateData\r\n });\r\n case order.SET_FRESHFOOD_TEMPLATE_UPDATED:\r\n return state.merge({\r\n freshFoodTemplateData: {\r\n products: Immutable(state.freshFoodTemplateData.products).map(function(prd) {\r\n return (prd.productId === action.product.productId) ? action.product : prd;\r\n })\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as productImage from \"../actions/productImage.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n });\r\n};\r\n\r\n/**\r\n * productImage reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case productImage.PRODUCT_IMAGE_IS_LOADING:\r\n return state.merge({\r\n [action.productId]: {\r\n loading: true,\r\n imageUrl: \"\",\r\n }\r\n });\r\n case productImage.PRODUCT_IMAGE_DONE_LOADING:\r\n return state.merge({\r\n [action.productId]: {\r\n loading: false,\r\n imageUrl: action.imageUrl,\r\n }\r\n });\r\n case productImage.PRODUCT_IMAGE_FAILED_LOADING:\r\n return state.merge({\r\n [action.productId]: {\r\n loading: false,\r\n imageUrl: \"\",\r\n }\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as productLists from \"../actions/productLists.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\nimport {postFix} from \"../../common/util/changeUtils.jsx\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n campaignProductsLoading: false,\r\n newProductsLoading: false,\r\n boughtProductsLoading: false,\r\n customListsLoading: false,\r\n customListUploading: false,\r\n customListDownloadingPdf: false,\r\n customListsSorting: false,\r\n campaignProducts: [],\r\n newProducts: [],\r\n boughtProducts: [],\r\n customLists: [],\r\n campaigns:[],\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case productLists.LOADING_CAMPAIGN:\r\n return state.merge({\r\n campaignProductsLoading: action.loading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_CAMPAIGN_PRODUCTS:\r\n return state.merge({\r\n campaignProducts: action.products\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_CAMPAIGNS:\r\n return state.merge({\r\n campaigns: [\r\n ...action.campaigns,\r\n ]\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_CAMPAIGN_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n campaignProducts: Immutable(state.campaignProducts).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.LOADING_NEW_PRODUCTS:\r\n return state.merge({\r\n newProductsLoading: action.loading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_NEW_PRODUCTS:\r\n return state.merge({\r\n newProducts: action.products\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_NEW_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n newProducts: Immutable(state.newProducts).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl:action.imageUrl\r\n }\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.LOADING_BOUGHT_PRODUCTS:\r\n return state.merge({\r\n boughtProductsLoading: action.loading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_BOUGHT_PRODUCTS:\r\n return state.merge({\r\n boughtProducts: action.products\r\n }, {\r\n deep: true\r\n });\r\n case productLists.LOADING_MY_LISTS:\r\n return state.merge({\r\n customListsLoading: action.loading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.UPLOADING_MY_LIST:\r\n return state.merge({\r\n customListUploading: action.uploading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.DOWNLOADING_MY_LIST_PDF:\r\n return state.merge({\r\n customListDownloadingPdf: action.downloading,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_MY_LISTS:\r\n return state.merge({\r\n customLists: [\r\n ...action.lists,\r\n {\r\n myListId: -1,\r\n name: \"\",\r\n lines: [],\r\n [`lines${postFix}`]: [],\r\n }\r\n ]\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SET_MY_LIST_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj, index) {\r\n return (index === action.listIndex) ? {\r\n ...obj,\r\n lines: Immutable(obj.lines).map(function(obj, index) {\r\n return (index === action.itemIndex) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl,\r\n }\r\n } : obj;\r\n }),\r\n [`lines${postFix}`]: Immutable(obj[`lines${postFix}`]).map(function(obj, index) {\r\n return (index === action.itemIndex) ? {\r\n ...obj,\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl,\r\n }\r\n } : obj;\r\n }),\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SWAP_REPLACEMENT_IN_MY_LIST:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n return (obj.myListId === action.listId) ? {\r\n ...obj,\r\n [`lines${postFix}`]: Immutable(obj[`lines${postFix}`]).map(function(obj) {\r\n return (obj.productId === action.replacedProductId) ? {\r\n ...obj,\r\n productId: action.replacementProductId,\r\n replacedProduct: null,\r\n product: {\r\n ...obj.replacedProduct,\r\n }\r\n } : obj;\r\n }),\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.EDIT_MY_LIST:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n return (obj.myListId === action.listId) ? {\r\n ...obj,\r\n ...action.change,\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.ADD_TO_MY_LISTS:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n return (obj.myListId === action.listId) ? {\r\n ...obj,\r\n [`lines${postFix}`]: obj[`lines${postFix}`].some((ele) => ele.productId===action.item.productId) ? obj[`lines${postFix}`] :\r\n obj[`lines${postFix}`].concat({\r\n ...action.item,\r\n }),\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.ADD_NEW_MYLIST:\r\n return state.merge({\r\n customLists: state.customLists.concat(action.listItem)\r\n }, {\r\n deep: true\r\n });\r\n case productLists.REMOVE_FROM_MY_LISTS:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n return (obj.myListId === action.listId) ? {\r\n ...obj,\r\n [`lines${postFix}`]: obj[`lines${postFix}`].filter((ele) => ele.productId!==action.productId)\r\n } : obj;\r\n }),\r\n }, {\r\n deep: true\r\n });\r\n case productLists.DELETE_MYLIST:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).filter((ele) => ele.myListId!==action.myListId),\r\n }, {\r\n deep: true\r\n });\r\n case productLists.MOVE_FROM_TO_MY_LIST:\r\n {\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n if(obj.myListId === action.listId){\r\n const arr = Immutable.asMutable(obj[`lines${postFix}`]);\r\n const itemToMove = arr[action.index1];\r\n arr.splice(action.index1,1);\r\n arr.splice(action.index2,0,itemToMove);\r\n return {\r\n ...obj,\r\n [`lines${postFix}`]: arr,\r\n };\r\n } else {\r\n return obj;\r\n }\r\n })\r\n }, {\r\n deep: true\r\n });\r\n }\r\n case productLists.SET_SORTING_MY_LISTS:\r\n return state.merge({\r\n customListsSorting: action.sorting,\r\n }, {\r\n deep: true\r\n });\r\n case productLists.SORT_MY_LISTS:\r\n {\r\n const arr = Immutable.asMutable(state.customLists);\r\n const itemToMove = arr[action.index1];\r\n arr.splice(action.index1,1);\r\n arr.splice(action.index2,0,itemToMove);\r\n\r\n return Immutable.setIn(state, [\"customLists\"], arr);\r\n }\r\n case productLists.FIX_CHANGES_MYLIST:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n if(obj.myListId === action.listId){\r\n return {\r\n ...obj,\r\n name: obj[`name${postFix}`] ? obj[`name${postFix}`] : obj.name,\r\n lines: obj[`lines${postFix}`] ? obj[`lines${postFix}`] : obj.lines,\r\n };\r\n } else {\r\n return obj;\r\n }\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productLists.CLEAR_CHANGES_MYLIST:\r\n return state.merge({\r\n customLists: Immutable(state.customLists).map(function(obj) {\r\n return {\r\n ...obj,\r\n [`name${postFix}`]: obj.name,\r\n [`lines${postFix}`]: obj.lines,\r\n };\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as productQuery from \"../actions/productQuery.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n allResaultsLoaded: false,\r\n resaultCountString: \"0\",\r\n filter: {\r\n searchString: \"\",\r\n ReturnTobacco: false,\r\n },\r\n resaults: [],\r\n });\r\n};\r\n\r\n/**\r\n * productQuery reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case productQuery.SET_QUERY_RESAULTS:\r\n return state.merge({\r\n resaultCountString: `${action.resaults.length}${state.allResaultsLoaded?\"\":\"+\"}`,\r\n resaults: action.resaults\r\n });\r\n case productQuery.ADD_QUERY_RESAULTS:\r\n {\r\n const arr = Immutable.asMutable(state.resaults);\r\n arr.splice(action.startIndex, arr.length-action.startIndex, ...action.resaults);\r\n return state.merge({\r\n resaultCountString: `${action.startIndex+action.resaults.length}${state.allResaultsLoaded?\"\":\"+\"}`,\r\n resaults: arr,\r\n });\r\n }\r\n case productQuery.SET_QUERY_PRODUCT_IMAGE_URL:\r\n return state.merge({\r\n resaults: Immutable(state.resaults).map(function(obj, index) {\r\n return (index === action.index) ? {\r\n product:{\r\n ...obj.product,\r\n imageUrl:action.imageUrl,\r\n }\r\n } : obj;\r\n })\r\n }, {\r\n deep: true\r\n });\r\n case productQuery.QUERY_IS_LOADING:\r\n return state.merge({\r\n isLoading: true,\r\n });\r\n case productQuery.QUERY_DONE_LOADING:\r\n case productQuery.QUERY_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false,\r\n });\r\n case productQuery.QUERY_ALL_RESAULTS_LOADED:\r\n return state.merge({\r\n allResaultsLoaded: true,\r\n resaultCountString: state.resaults.length.toString(),\r\n });\r\n case productQuery.EDIT_QUERY_FILTER:\r\n return state.merge({\r\n allResaultsLoaded: false,\r\n resaultCountString: \"0\",\r\n filter:{\r\n ...action.change\r\n },\r\n resaults: []\r\n }, {\r\n deep: true\r\n });\r\n case productQuery.CLEAR_QUERY_RESAULTS:\r\n return state.merge({\r\n resaults: []\r\n }, {\r\n deep: true\r\n });\r\n case productQuery.SET_QUERY_OPTION:\r\n return state.merge({\r\n productGroups: action.productGroups,\r\n productSuppliers: action.productSuppliers,\r\n }, {\r\n deep: true\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as singleChainSortiment from \"../actions/singleChainSortiment.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\nimport {findStoreProduct} from \"../util/storeProductMerger.js\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n onlyAvailableForChain: true,\r\n onlyNews: false,\r\n searchString: \"\"\r\n },\r\n chainProducts: [],\r\n newProducts: [],\r\n newProductsLoading: false,\r\n productDetail: {},\r\n invoiceGroups: [],\r\n selected: {},\r\n });\r\n};\r\n\r\n/**\r\n * Single chain sortiment reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case singleChainSortiment.SET_SINGLE_CHAIN_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${action.chainProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n chainProducts: action.chainProducts\r\n });\r\n case singleChainSortiment.ADD_SINGLE_CHAIN_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${state.chainProducts.length + action.chainProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n chainProducts: state.chainProducts.concat(action.chainProducts)\r\n });\r\n case singleChainSortiment.UPDATE_SINGLE_CHAIN_PRODUCT_LIST:\r\n return state.merge({\r\n chainProducts: state.chainProducts.map(p => findStoreProduct(p, action.products))\r\n });\r\n case singleChainSortiment.SET_QUERY_PRODUCT_IMAGE_URL:\r\n return state.merge(\r\n {\r\n chainProducts: Immutable(state.chainProducts).map(function(obj, index) {\r\n return index === action.index\r\n ? {\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl\r\n }\r\n }\r\n : obj;\r\n })\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SINGLE_CHAIN_SORTIMENT_IS_LOADING:\r\n return state.merge({\r\n isLoading: true\r\n });\r\n case singleChainSortiment.SINGLE_CHAIN_QUERY_DONE_LOADING:\r\n case singleChainSortiment.SINGLE_CHAIN_QUERY_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false\r\n });\r\n case singleChainSortiment.SINGLE_CHAIN_QUERY_ALL_LOADED:\r\n return state.merge({\r\n allResultsLoaded: true,\r\n resultCountString: state.chainProducts.length.toString()\r\n });\r\n case singleChainSortiment.EDIT_SINGLE_CHAIN_FILTER:\r\n return state.merge(\r\n {\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n ...action.change\r\n },\r\n chainProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.CLEAR_SINGLE_CHAIN_SORTIMENT:\r\n return state.merge(\r\n {\r\n chainProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SET_SINGLE_CHAIN_SORTIMENT_FILTER:\r\n return state.merge(\r\n {\r\n chainFilter: {\r\n onlyAvailableForChain: {\r\n ...action.change\r\n }\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SET_SINGLE_CHAIN_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: action.productDetail\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.CLEAR_SINGLE_CHAIN_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: {}\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SET_INVOICE_GROUPS:\r\n return state.merge(\r\n {\r\n invoiceGroups: action.invoiceGroups\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SET_QUERY_OPTION:\r\n return state.merge(\r\n {\r\n productGroups: action.productGroups,\r\n productSuppliers: action.productSuppliers\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.SET_MULTI_SELECT:\r\n return state.merge(\r\n {\r\n selected: {\r\n ...action.change,\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleChainSortiment.CLEAR_MULTI_SELECT:\r\n return state.setIn( [\"selected\"], {});\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as singleEpixSortiment from \"../actions/singleEpixSortiment.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\nimport {findStoreProduct} from \"../util/storeProductMerger.js\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n chainType: 5,\r\n onlyAvailableForChain: false,\r\n onlyNews: false,\r\n searchString: \"\"\r\n },\r\n allProducts: [],\r\n newProducts: [],\r\n newProductsLoading: false,\r\n productDetail: {},\r\n invoiceGroups: []\r\n });\r\n};\r\n\r\n/**\r\n * Single chain Epix sortiment reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case singleEpixSortiment.SET_SINGLE_EPIX_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${action.allProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n allProducts: action.allProducts\r\n });\r\n case singleEpixSortiment.ADD_SINGLE_EPIX_SORTIMENT:\r\n return state.merge({\r\n resultCountString: `${state.allProducts.length + action.allProducts.length}${state.allResultsLoaded ? \"\" : \"+\"}`,\r\n allProducts: state.allProducts.concat(action.allProducts)\r\n });\r\n case singleEpixSortiment.UPDATE_SINGLE_EPIX_PRODUCT_LIST:\r\n return state.merge({\r\n allProducts: state.allProducts.map(p => findStoreProduct(p, action.products))\r\n });\r\n case singleEpixSortiment.SET_QUERY_PRODUCT_IMAGE_URL:\r\n return state.merge(\r\n {\r\n allProducts: Immutable(state.allProducts).map(function(obj, index) {\r\n return index === action.index\r\n ? {\r\n product: {\r\n ...obj.product,\r\n imageUrl: action.imageUrl\r\n }\r\n }\r\n : obj;\r\n })\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.SINGLE_EPIX_SORTIMENT_IS_LOADING:\r\n return state.merge({\r\n isLoading: true\r\n });\r\n case singleEpixSortiment.SINGLE_EPIX_QUERY_DONE_LOADING:\r\n case singleEpixSortiment.SINGLE_EPIX_QUERY_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false\r\n });\r\n case singleEpixSortiment.SINGLE_EPIX_QUERY_ALL_LOADED:\r\n return state.merge({\r\n allResultsLoaded: true,\r\n resultCountString: state.allProducts.length.toString()\r\n });\r\n case singleEpixSortiment.EDIT_SINGLE_EPIX_FILTER:\r\n return state.merge(\r\n {\r\n allResultsLoaded: false,\r\n resultCountString: \"0\",\r\n chainFilter: {\r\n ...action.change\r\n },\r\n allProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.CLEAR_SINGLE_EPIX_SORTIMENT:\r\n return state.merge(\r\n {\r\n allProducts: []\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.SET_SINGLE_EPIX_SORTIMENT_FILTER:\r\n return state.merge(\r\n {\r\n chainFilter: {\r\n onlyAvailableForChain: {\r\n ...action.change\r\n }\r\n }\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.SET_SINGLE_EPIX_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: action.productDetail\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.CLEAR_SINGLE_EPIX_PRODUCT_DETAIL:\r\n return state.merge(\r\n {\r\n productDetail: {}\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.SET_INVOICE_GROUPS:\r\n return state.merge(\r\n {\r\n invoiceGroups: action.invoiceGroups\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case singleEpixSortiment.SET_QUERY_OPTION:\r\n return state.merge(\r\n {\r\n productGroups: action.productGroups,\r\n productSuppliers: action.productSuppliers\r\n },\r\n {\r\n deep: true\r\n }\r\n );\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../../common/actions/authentication\";\r\nimport * as support from \"../actions/support.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n isLoading: false,\r\n faq: [],\r\n message: {},\r\n });\r\n};\r\n\r\n/**\r\n * support reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case support.SET_FAQ_RESULTS:\r\n return state.merge({\r\n faq: action.results\r\n });\r\n case support.FAQ_IS_LOADING:\r\n return state.merge({\r\n isLoading: true,\r\n });\r\n case support.FAQ_DONE_LOADING:\r\n case support.FAQ_FAILED_LOADING:\r\n return state.merge({\r\n isLoading: false,\r\n });\r\n case support.CHANGE_SUPPORT_MESSAGE:\r\n return state.merge({\r\n message: {\r\n ...action.change\r\n }\r\n }, {\r\n deep: true\r\n });\r\n case support.CLEAR_SUPPORT_MESSAGE:\r\n return state.merge({\r\n message: {}\r\n });\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}\r\n","import * as authentication from \"../actions/authentication\";\r\nimport * as systemMessage from \"../actions/systemMessage\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => Immutable({\r\n counter: 0,\r\n messages: [],\r\n});\r\n\r\n/**\r\n * \r\n * @param {Object} state \r\n * @param {{type: String}} action \r\n * @returns {Object}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch (action.type) {\r\n case systemMessage.PUSH_MESSAGE:\r\n return state.merge({\r\n counter: state.counter+1,\r\n messages: state.messages.concat({\r\n type:action.messageType,\r\n message:action.message,\r\n key: state.counter\r\n }),\r\n }, {\r\n deep: true\r\n });\r\n case systemMessage.REMOVE_MESSAGE:\r\n return Immutable.setIn(state, [\"messages\"], Immutable(state.messages).filter( (item,index) => index!==action.index));\r\n case authentication.LOGGED_OUT:\r\n return defaultState();\r\n default:\r\n return state;\r\n }\r\n}","import * as view from \"../actions/view.js\";\r\n\r\nimport Immutable from \"seamless-immutable\";\r\n\r\nconst defaultState = () => {\r\n return Immutable({\r\n // Bootstrap devicetype: xs, sm, md, lg\r\n deviceType: \"\",\r\n innerHeight: 0,\r\n innerWidth: 0,\r\n });\r\n};\r\n\r\n/**\r\n * View reducer\r\n * @param {Object} state\r\n * @param {{type: string}} action\r\n * @return {*}\r\n */\r\nexport default function(state = defaultState(), action) {\r\n switch(action.type) {\r\n case view.SET_DEVICE_TYPE:\r\n return state.merge({\r\n deviceType: action.deviceType\r\n });\r\n case view.SET_INNER_HEIGHT:\r\n return state.merge({\r\n innerHeight: action.innerHeight\r\n });\r\n case view.SET_INNER_WIDTH:\r\n return state.merge({\r\n innerWidth: action.innerWidth\r\n });\r\n default:\r\n return state;\r\n }\r\n}","import {combineReducers} from \"redux\";\r\nimport commonReducer from \"../../common/reducers/commonReducer.js\";\r\nimport customerReducer from \"./customerReducer.js\";\r\nimport customerSubscriptionsReducer from \"./customerSubscriptionsReducer.js\";\r\nimport deliveryReducer from \"./deliveryReducer.js\";\r\nimport dominosReducer from \"../../dominosweb/reducers/dominosReducer.js\";\r\nimport historyReducer from \"./historyReducer.js\";\r\nimport hubOverviewReducer from \"../../hubweb/reducers/hubReducer.js\";\r\nimport multiChainSortimentReducer from \"../../kjedeweb/reducers/multiChainSortimentReducer.js\";\r\nimport multiEpixSortimentReducer from \"../../kjedeweb/reducers/multiEpixSortimentReducer.js\";\r\nimport notificationsReducer from \"../../common/reducers/notificationsReducer\";\r\nimport orderReducer from \"./orderReducer\";\r\nimport productImageReducer from \"./productImageReducer.js\";\r\nimport productListsReducer from \"./productListsReducer.js\";\r\nimport productQueryReducer from \"./productQueryReducer.js\";\r\nimport singleChainSortimentReducer from \"../../kjedeweb/reducers/singleChainSortimentReducer.js\";\r\nimport singleEpixSortimentReducer from \"../../kjedeweb/reducers/singleEpixSortimentReducer.js\";\r\nimport supportReducer from \"./supportReducer.js\";\r\nimport systemMessageReducer from \"../../common/reducers/systemMessageReducer.js\";\r\nimport viewReducer from \"./viewReducer.js\";\r\n\r\nconst rootReducer = combineReducers({\r\n ...commonReducer,\r\n customer: customerReducer,\r\n customerSubscriptions: customerSubscriptionsReducer,\r\n delivery: deliveryReducer,\r\n history: historyReducer,\r\n freshFoodHub: hubOverviewReducer,\r\n dominosweb: dominosReducer,\r\n multiChainSortiment: multiChainSortimentReducer,\r\n multiEpixSortiment: multiEpixSortimentReducer,\r\n notifications: notificationsReducer,\r\n order: orderReducer,\r\n productImage: productImageReducer, \r\n productLists: productListsReducer,\r\n productQuery: productQueryReducer,\r\n singleChainSortiment: singleChainSortimentReducer,\r\n singleEpixSortiment: singleEpixSortimentReducer,\r\n support: supportReducer,\r\n systemMessage: systemMessageReducer,\r\n view: viewReducer,\r\n});\r\n\r\nexport default rootReducer;","import \"../public/buildinfo.json\";\r\nimport \"../styles/main.scss\";\r\nimport \"../styles/card.scss\";\r\nimport \"../styles/util.scss\";\r\nimport \"../styles/button.scss\";\r\nimport \"../styles/dropdown.scss\";\r\nimport \"../styles/tag.scss\";\r\nimport \"../styles/accordion.scss\";\r\nimport \"../styles/tabs.scss\";\r\nimport \"../styles/titletabs.scss\";\r\nimport \"../assets/config/web.config\";\r\nimport \"core-js/stable\";\r\nimport \"regenerator-runtime/runtime\";\r\n\r\nimport {setDeviceType, setInnerHeight, setInnerWidth} from \"./kundeweb/actions/view.js\";\r\n\r\nimport {Provider} from \"react-redux\";\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport RootRouter from \"./kundeweb/routes/RootRouter.jsx\";\r\nimport configureStore from \"./common/store/configureStore.js\";\r\nimport rootReducer from \"./kundeweb/reducers/rootReducer.js\";\r\n\r\nconst store = configureStore(rootReducer);\r\n\r\nconst updateBrowserDimensions = () => {\r\n const w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\r\n const h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\r\n const action = setDeviceType(w);\r\n\r\n if (store.getState().view.deviceType !== action.deviceType) {\r\n store.dispatch(action);\r\n }\r\n if (store.getState().view.innerHeight !== h) {\r\n store.dispatch(setInnerHeight(h));\r\n }\r\n if (store.getState().view.innerWidth !== w) {\r\n store.dispatch(setInnerWidth(w));\r\n }\r\n};\r\n\r\nupdateBrowserDimensions();\r\n\r\nconst renderApp = () => {\r\n ReactDOM.render(\r\n \r\n ,\r\n document.getElementById(\"react-main\")\r\n );\r\n};\r\n\r\nrenderApp();\r\n\r\nif (module.hot) {\r\n module.hot.decline();\r\n\r\n module.hot.accept(\"./kundeweb/routes/router.jsx\", () => {\r\n renderApp();\r\n });\r\n\r\n module.hot.accept(\"./kundeweb/reducers/rootReducer.js\", () => {\r\n store.replaceReducer(rootReducer);\r\n });\r\n}\r\n\r\naddEventListener(\"resize\", updateBrowserDimensions);\r\ndocument.addEventListener(\"DOMContentLoaded\", updateBrowserDimensions);","import Logger from \"./Logger.js\";\r\nimport {NetworkError} from \"../net/httpClient.js\";\r\n//import {logError as doLogError} from \"../actions/net.js\";\r\n//import {javascriptVersion} from \"./config.jsx\";\r\n\r\n/**\r\n * Loggar en händelse till api backend.\r\n * @param {Object} state \r\n * @param {string} message \r\n * @returns {undefined}\r\n */\r\n// export function logInfo(state, message){\r\n// try {\r\n// //doLogError(javascriptVersion, message, Error().stack, state.authentication.token);\r\n// console.log(message);\r\n// } catch (error){\r\n// //logError(state, error);\r\n// console.log(message);\r\n// }\r\n// }\r\n\r\n\r\n/**\r\n * Loggar ett fel till api backend.\r\n * @param {Object} state \r\n * @param {Object} error \r\n * @returns {undefined}\r\n */\r\nexport function logError(state, error){\r\n try {\r\n if (!state.authentication.token) {\r\n return;\r\n }\r\n \r\n if (error instanceof NetworkError){\r\n //const {url, errorType, message, stack} = error || {};\r\n //const text = `NetworkError: url: ${url}, errorType: ${errorType}, message: ${message}`;\r\n //doLogError(javascriptVersion, text, stack, state.authentication.token);\r\n if (process.env.NODE_ENV !== \"production\") {\r\n Logger.error(error);//alert(error);\r\n }\r\n } else {\r\n //const {message, stack} = error || {};\r\n //doLogError(javascriptVersion, message || \"Unknown error message\", stack || `Unknown callstack, caught: ${Error().stack}`, state.authentication.token);\r\n if (process.env.NODE_ENV !== \"production\") {\r\n Logger.error(error);//alert(error);\r\n }\r\n }\r\n\r\n } catch (error) {\r\n // Vad göra här?\r\n Logger.error(error);//alert(error);\r\n }\r\n}","function createThunkMiddleware(extraArgument) {\n return function (_ref) {\n var dispatch = _ref.dispatch,\n getState = _ref.getState;\n return function (next) {\n return function (action) {\n if (typeof action === 'function') {\n return action(dispatch, getState, extraArgument);\n }\n\n return next(action);\n };\n };\n };\n}\n\nvar thunk = createThunkMiddleware();\nthunk.withExtraArgument = createThunkMiddleware;\n\nexport default thunk;","import { applyMiddleware, compose, createStore } from \"redux\";\r\n\r\nimport {errorHandler} from \"../util/errorHandlerMiddleware.js\";\r\nimport thunkMiddleware from \"redux-thunk\";\r\n\r\nconst createStoreWithMiddleware = compose(\r\n applyMiddleware(\r\n errorHandler,\r\n thunkMiddleware // lets us dispatch() functions\r\n )\r\n)(createStore);\r\n\r\n/**\r\n * @returns {*}\r\n */\r\nexport default function(rootReducer) {\r\n const store = createStoreWithMiddleware(rootReducer);\r\n return store;\r\n}","import {logError} from \"./logging.js\";\r\n\r\n/**\r\n * Returnerar true om obj är en promise.\r\n * @param {any} obj \r\n * @returns {bool}\r\n */\r\nconst isPromise = obj => {\r\n return !!obj && (typeof obj === \"object\" || typeof obj === \"function\") && typeof obj.then === \"function\" && typeof obj.catch === \"function\";\r\n // return obj instanceOf Promise;\r\n};\r\n\r\n/*\r\n Middleware som fångar exceptions som slängs inuti en action som kan vara en thunk, vanlig funktion eller en promise.\r\n Dessa fel skickas till loggern.\r\n @param {Object} store - Redux store\r\n */\r\nexport const errorHandler = store => next => action => {\r\n try {\r\n const what = next(action);\r\n\r\n if (isPromise(what)){\r\n return what.catch(e => {\r\n logError(store.getState(), e);\r\n throw e;\r\n });\r\n }\r\n return what;\r\n } catch (e) {\r\n logError(store.getState(), e);\r\n throw e;\r\n }\r\n};\r\n\r\n"],"sourceRoot":""}
\r\n Log out button{/*TODO: fix one? */}\r\n \r\n );\r\n }\r\n return (\r\n