\r\n );\r\n }\r\n}\r\n\r\nexport default Search;\r\n","import React, { Component } from \"react\";\r\nimport Search from \"./Search\";\r\nimport \"../styles/Header.css\";\r\n\r\nclass Header extends Component {\r\n render() {\r\n const logoUri = process.env.PUBLIC_URL + \"/asobu-logo.png\";\r\n const { products } = this.props;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Header;\r\n","import React from \"react\";\r\nimport { Carousel } from \"react-bootstrap\";\r\nimport \"../styles/ProductImageCarousel.css\";\r\n\r\nclass ProductImageCarousel extends React.Component {\r\n render() {\r\n const {\r\n product,\r\n activeIndex,\r\n selectedVariantImageId,\r\n onSelect,\r\n } = this.props;\r\n\r\n // Use the given id if specified directly by user (arrows)\r\n // Or if the color was selected in the dropdown find the\r\n // matching image id and use that index in the carousel\r\n const desiredIndex =\r\n activeIndex !== -1\r\n ? activeIndex\r\n : product.images.findIndex((img) => img.id === selectedVariantImageId);\r\n\r\n // Create the carousel item list\r\n const carouselItemsList = product.images.map((img, idx) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n \r\n {carouselItemsList}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ProductImageCarousel;\r\n","/**\r\n * Creates a single dimension array for the inventory data.\r\n *\r\n * @param {Array} inventory Inventory array for a particular locale\r\n */\r\nexport const flattenInventoryData = (inventory) => {\r\n const results = [];\r\n inventory.forEach((inv) => {\r\n // Create a default record data with at least the color and onHandQty\r\n const record = {\r\n Color: inv.Color,\r\n Quantity: inv.Quantity,\r\n Ship_Eta: null,\r\n Ship_Qty: null,\r\n };\r\n\r\n if (inv.Shipments && inv.Shipments.length !== 0) {\r\n inv.Shipments.forEach((ship) => {\r\n // Add the shipment details\r\n results.push({\r\n ...record,\r\n Ship_Eta: ship.Eta,\r\n Ship_Qty: ship.Quantity,\r\n });\r\n });\r\n } else {\r\n results.push(record);\r\n }\r\n });\r\n\r\n return results;\r\n};\r\n\r\n/**\r\n * Calculates the on hand quantity of the inventory item taking\r\n * into consideration upcoming shipments and current stock.\r\n *\r\n * If there is reserved stock (ie. invItem.Quantity < 0),\r\n * the item will subtract the stock from the upcoming shipments and\r\n * remove those shipments from the list.\r\n *\r\n * @param {Object} invItem Inventory item for a single color\r\n */\r\nexport const calculateUpcomingShipments = (inventory) => {\r\n const results = [];\r\n\r\n inventory.forEach((inv) => {\r\n let onHandQty = inv.Quantity;\r\n\r\n // Ensure shipments are ordered earliest first\r\n let shipments = [...inv.Shipments]\r\n .map((ship) => {\r\n return { ...ship, Eta: new Date(ship.Eta) };\r\n })\r\n .sort((a, b) => a.Eta - b.Eta);\r\n\r\n let i = 0;\r\n while (onHandQty < 0 && i < shipments.length) {\r\n // Note: onHandQty is negative here\r\n if (shipments[i].Quantity + onHandQty > 0) {\r\n // Adjust on hand qty to 0 and subtract reserved stock from first shipment\r\n shipments[i].Quantity += onHandQty;\r\n onHandQty = 0;\r\n i++;\r\n } else {\r\n // Adjust on hand qty with shipment amount and remove shipment\r\n onHandQty += shipments[i].Quantity;\r\n shipments.shift();\r\n }\r\n }\r\n\r\n if (onHandQty < 0 && shipments.length === 0) {\r\n onHandQty = 0;\r\n }\r\n\r\n results.push({ ...inv, Quantity: onHandQty, Shipments: shipments });\r\n });\r\n\r\n return results;\r\n};\r\n\r\n/**\r\n * Remove the color and onHandQty of every subsequent inventory\r\n * item. Those fields should only appear once.\r\n *\r\n * @param {Array} inventory Inventory item data array\r\n */\r\nexport const prepareDataForInventoryTable = (inventory) => {\r\n const results = [];\r\n\r\n inventory.forEach((inv) => {\r\n if (results.find((r) => r.Color === inv.Color)) {\r\n // If there is already this color, only add the shipments details\r\n results.push({\r\n ...inv,\r\n Color: null,\r\n Quantity: null,\r\n });\r\n } else {\r\n results.push({ ...inv });\r\n }\r\n });\r\n\r\n return results;\r\n};\r\n","import React, { Component } from \"react\";\r\nimport {\r\n flattenInventoryData,\r\n calculateUpcomingShipments,\r\n prepareDataForInventoryTable,\r\n} from \"../utils/inventory\";\r\n\r\nclass ProductInventory extends Component {\r\n /**\r\n * Comparing the selected locale code (eg. NA or EU) to the\r\n * specified locale code.\r\n *\r\n * @param {String} locale The locale code eg. NA or EU\r\n */\r\n isSelectedLocale = (locale) => {\r\n return this.props.selectedLocale === locale;\r\n };\r\n\r\n getLocales = () => {\r\n const { locales, onLocaleChange, type } = this.props;\r\n\r\n return locales.map((locale) => {\r\n return (\r\n // Create a radio option for each inventory region\r\n \r\n null} // Swallowing the event because there is a bug with onChange\r\n value={locale.Code}\r\n />\r\n {locale.Region}\r\n \r\n );\r\n });\r\n };\r\n\r\n getInventoryTableData = () => {\r\n const inventory = [...this.props.inventory];\r\n\r\n // Adjust current stock with upcoming shipments\r\n let shipmentsList = calculateUpcomingShipments(inventory);\r\n\r\n // Make the data single dimension\r\n shipmentsList = flattenInventoryData(shipmentsList);\r\n\r\n // Remove duplicate colors and onHandQty\r\n shipmentsList = prepareDataForInventoryTable(shipmentsList);\r\n\r\n const shipmentsRows = shipmentsList.map((ship, index) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"./css/custom-theme.css\";\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\n\r\nReactDOM.render(\r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}