{"version":3,"sources":["device.js","constants.js","contexts/stepperContext.js","images/close-icon.svg","images/back-icon.svg","theme/globalStyle.js","images/web-bg-right.svg","images/F370/1.jpg","images/F370/2.jpg","images/F370/3.jpg","images/F370/4.jpg","images/F370/5.jpg","images/F370/6.jpg","images/H350/1.jpg","images/H350/2.jpg","images/H350/3.jpg","images/H350/4.jpg","images/OriginOne/1.jpg","images/OriginOne/2.jpg","images/OriginOne/3.jpg","images/OriginOne/4.jpg","images/OriginOne/5.jpg","images/edit-icon.svg","images/close-icon-blue.svg","components/Sidebar.js","components/Header.js","components/Footer.js","components/Stepper.js","App.js","index.js"],"names":["size","device","minHeight","mobileS","mobileL","tablet","laptop","laptopL","desktop","ipad","ANIMATION_DIRECTION","BACKWARD","FORWARD","F370_1","F370_2","F370_3","F370_4","F370_5","F370_6","H350_1","H350_2","H350_3","H350_4","origin1","origin2","origin3","origin4","origin5","StepperContext","React","initialState","currentPage","visitedPage","animationDirection","printerConfiguration","allPrintersInfo","currentPart","printerType","printerParts","clientValue","updatePrinterStateConfig","state","key","value","stepperReducer","action","type","Error","StepperProvider","children","dispatch","Provider","theme1","primary","darkBlue","secondary","white","red","buttonBgHover","segment","featuresBg","disabled","Button","styled","button","props","theme","marginLeft","margiButton","margiButtonMobile","BackButton","a","closeIcon","withBg","css","backIcon","_path","_excluded","_extends","Object","assign","target","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgEditIcon","_ref","svgRef","title","titleId","width","height","fill","xmlns","ref","id","d","ForwardRef","StyledSidebarWrapper","aside","isOpen","StyledSidebar","div","StyledSidebarTitle","StyledItems","StyledEditableItem","StyledEditableItemText","EditableItem","onClick","Sidebar","useState","setIsOpen","useContext","partName","parseFloat","toFixed","StyledHeader","header","Header","className","clsx","withoutProgress","Footer","StyledFooter","StyledContainer","StyledItem","href","Page1","Page2","Page3","Page4","Page5","Page6","renderCurrentPage","StyledPage","webBgRight","StyledSection","AnimatedContainer","Stepper","fallback","ModalWrapper","ReactDOM","render","App","document","getElementById"],"mappings":"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","file":"static/js/main.a760a7c4.chunk.js","sourcesContent":["const size = {\r\n  minHeight: '700px',\r\n  mobileS: '320px',\r\n  mobileL: '425px',\r\n  tablet: '768px',\r\n  laptop: '1024px',\r\n  laptopL: '1440px',\r\n  desktop: '1920px',\r\n};\r\n\r\nexport const device = {\r\n  minHeight: `(min-height: ${size.minHeight})`,\r\n  mobileS: `(min-width: ${size.mobileS})`,\r\n  mobileL: `(min-width: ${size.mobileL})`,\r\n  tablet: `(min-width: ${size.tablet})`,\r\n  laptop: `(min-width: ${size.laptop})`,\r\n  laptopL: `(min-width: ${size.laptopL})`,\r\n  desktop: `(min-width: ${size.desktop})`,\r\n  ipad: `(min-device-width : ${size.tablet}) and (max-device-width :  ${size.laptop}) and (orientation : portrait)`,\r\n};\r\n","import F370_1 from './images/F370/1.jpg';\r\nimport F370_2 from './images/F370/2.jpg';\r\nimport F370_3 from './images/F370/3.jpg';\r\nimport F370_4 from './images/F370/4.jpg';\r\nimport F370_5 from './images/F370/5.jpg';\r\nimport F370_6 from './images/F370/6.jpg';\r\nimport H350_1 from './images/H350/1.jpg';\r\nimport H350_2 from './images/H350/2.jpg';\r\nimport H350_3 from './images/H350/3.jpg';\r\nimport H350_4 from './images/H350/4.jpg';\r\nimport origin1 from './images/OriginOne/1.jpg';\r\nimport origin2 from './images/OriginOne/2.jpg';\r\nimport origin3 from './images/OriginOne/3.jpg';\r\nimport origin4 from './images/OriginOne/4.jpg';\r\nimport origin5 from './images/OriginOne/5.jpg';\r\n\r\nexport const ANIMATION_DIRECTION = {\r\n  BACKWARD: 'fadeInLeft',\r\n  FORWARD: 'fadeInRight',\r\n};\r\n\r\nexport const Printers = [\r\n  {\r\n    name: 'F123',\r\n    content: [\r\n      {\r\n        title: 'CMM Fixture',\r\n        image: F370_1,\r\n        dimensions: [213, 23, 34],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 123.09,\r\n      },\r\n      {\r\n        title: 'Drill Guide',\r\n        image: F370_2,\r\n        dimensions: [6, 5, 65],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 234.89,\r\n      },\r\n      {\r\n        title: 'End Of Arm Tool',\r\n        image: F370_3,\r\n        dimensions: [23, 45, 78],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 345.78,\r\n      },\r\n      {\r\n        title: 'Metal Forming Guide',\r\n        image: F370_4,\r\n        dimensions: [7, 100, 67],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 456.67,\r\n      },\r\n      {\r\n        title: 'Press Break',\r\n        image: F370_5,\r\n        dimensions: [56, 56, 67],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 567.65,\r\n      },\r\n      {\r\n        title: 'Soft Jaws',\r\n        image: F370_6,\r\n        dimensions: [5, 56, 76],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 678.54,\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    name: 'H350 (SAF)',\r\n    content: [\r\n      {\r\n        title: 'CMM Fixture',\r\n        image: H350_1,\r\n        dimensions: [4, 56, 67],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 23.32,\r\n      },\r\n      {\r\n        title: 'Drill Guide',\r\n        image: H350_2,\r\n        dimensions: [3, 56, 67],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 534.12,\r\n      },\r\n      {\r\n        title: 'End Of Arm Tool',\r\n        image: H350_3,\r\n        dimensions: [2, 56, 78],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 67.76,\r\n      },\r\n      {\r\n        title: 'Metal Forming Guide',\r\n        image: H350_4,\r\n        dimensions: [1, 76, 87],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 67.89,\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    name: 'Origin One (P3)',\r\n    content: [\r\n      {\r\n        title: 'Bike Handlebar Grip',\r\n        image: origin1,\r\n        dimensions: [5, 65, 86],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 23.45,\r\n      },\r\n      {\r\n        title: 'F16 Aircraft Hydraulic Cable Clamp',\r\n        image: origin2,\r\n        dimensions: [234, 456, 87],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 56.78,\r\n      },\r\n      {\r\n        title: 'Respirator Adapter',\r\n        image: origin3,\r\n        dimensions: [2, 67, 78],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 234.56,\r\n      },\r\n      {\r\n        title: 'Robot Leg',\r\n        image: origin4,\r\n        dimensions: [234, 567, 87],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam non',\r\n        volume: 234.67,\r\n      },\r\n      {\r\n        title: 'Scooter Deck',\r\n        image: origin5,\r\n        dimensions: [23, 65, 67],\r\n        info: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna',\r\n        volume: 234.76,\r\n      },\r\n    ],\r\n  },\r\n];\r\n","import * as React from 'react';\r\nimport { ANIMATION_DIRECTION } from '../constants';\r\n\r\nconst StepperContext = React.createContext(null);\r\n\r\nconst initialState = {\r\n  currentPage: 0,\r\n  visitedPage: 0,\r\n  animationDirection: '',\r\n  printerConfiguration: {\r\n    allPrintersInfo: {},\r\n    currentPart: 0,\r\n    printerType: null,\r\n    printerParts: null,\r\n    clientValue: '',\r\n  },\r\n};\r\n\r\nconst updatePrinterStateConfig = (state, key, value) => ({\r\n  ...state,\r\n  printerConfiguration: {\r\n    ...state.printerConfiguration,\r\n    [key]: value,\r\n  },\r\n});\r\n\r\nconst stepperReducer = (state, action) => {\r\n  switch (action.type) {\r\n    case 'setCurrentPage':\r\n      return {\r\n        ...state,\r\n        animationDirection: ANIMATION_DIRECTION.BACKWARD,\r\n        currentPage: action.currentPage,\r\n      };\r\n    case 'next':\r\n      return {\r\n        ...state,\r\n        currentPage: state.currentPage + 1,\r\n        visitedPage:\r\n          state.visitedPage > state.currentPage\r\n            ? state.visitedPage\r\n            : state.visitedPage + 1,\r\n        animationDirection: ANIMATION_DIRECTION.FORWARD,\r\n      };\r\n    case 'previous':\r\n      if (state.currentPage > 0) {\r\n        return {\r\n          ...state,\r\n          currentPage: state.currentPage - 1,\r\n          animationDirection: ANIMATION_DIRECTION.BACKWARD,\r\n        };\r\n      }\r\n      return state;\r\n    case 'setType':\r\n      return updatePrinterStateConfig(state, 'printerType', action.printerType);\r\n    case 'setPrintersInfo':\r\n      return updatePrinterStateConfig(\r\n        state,\r\n        'allPrintersInfo',\r\n        action.allPrintersInfo,\r\n      );\r\n    case 'setParts':\r\n      return updatePrinterStateConfig(\r\n        state,\r\n        'printerParts',\r\n        action.printerParts,\r\n      );\r\n    case 'setCurrentParts':\r\n      return updatePrinterStateConfig(state, 'currentPart', action.currentPart);\r\n    case 'setClientValue':\r\n      return updatePrinterStateConfig(state, 'clientValue', action.clientValue);\r\n    default:\r\n      throw new Error(`Unhandled action type: ${action.type}`);\r\n  }\r\n};\r\n\r\nconst StepperProvider = function ({ children }) {\r\n  const [state, dispatch] = React.useReducer(stepperReducer, initialState);\r\n\r\n  const value = { state, dispatch };\r\n  return (\r\n    <StepperContext.Provider value={value}>{children}</StepperContext.Provider>\r\n  );\r\n};\r\n\r\nexport { StepperContext, StepperProvider };\r\n","export default __webpack_public_path__ + \"static/media/close-icon.b88efeec.svg\";","export default __webpack_public_path__ + \"static/media/back-icon.6446a4e2.svg\";","import styled, { css } from 'styled-components';\r\nimport closeIcon from '../images/close-icon.svg';\r\nimport backIcon from '../images/back-icon.svg';\r\nimport { device } from '../device';\r\n\r\nexport const theme1 = {\r\n  primary: '#53565A',\r\n  darkBlue: '#003B5C',\r\n  secondary: '#00A3E0',\r\n  white: '#FFFFFF',\r\n  red: '#FC4C02',\r\n  buttonBgHover: '#DE3D00',\r\n  segment: '#D7D2CB',\r\n  featuresBg: '#F3F2EF',\r\n  disabled: '#CCCCCC',\r\n};\r\n\r\nexport const Button = styled.button`\r\n  position: relative;\r\n  margin-left: 0;\r\n  font-size: 5vw;\r\n  border-radius: 0 3vw;\r\n  padding: 0 10vw;\r\n  height: 13vw;\r\n  border: 0;\r\n  background: ${(props) => props.theme.red};\r\n  color: ${(props) => props.theme.white};\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  z-index: 1;\r\n  @media ${device.tablet} {\r\n    padding: 0 35px;\r\n    font-size: 24px;\r\n    border-radius: 0 20px;\r\n    min-height: 60px;\r\n    max-height: 74px;\r\n    height: 4vw;\r\n    max-width: 257px;\r\n    width: auto;\r\n    margin-left: ${({ marginLeft }) => marginLeft};\r\n    margin-bottom: ${({ margiButton }) => margiButton};\r\n  }\r\n  @media (max-width: 480px) {\r\n    margin-top: 30px;\r\n  }\r\n  @media (max-width: 764px) {\r\n    margin-bottom: ${({ margiButtonMobile }) => margiButtonMobile};\r\n  }\r\n  :disabled {\r\n    background: ${(props) => props.theme.disabled};\r\n    cursor: not-allowed;\r\n  }\r\n  &:not(:disabled):hover {\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);\r\n    transform: translateY(-1px);\r\n    border-radius: 3vw 0;\r\n    @media ${device.tablet} {\r\n      border-radius: 20px 0;\r\n    }\r\n  }\r\n  &:not(:disabled):active {\r\n    box-shadow: none;\r\n    transform: translateY(0px);\r\n  }\r\n`;\r\n\r\nexport const LinkButton = styled.a`\r\n  pointer-events: auto;\r\n  position: relative;\r\n  font-size: 5vw;\r\n  border-radius: 0 3vw;\r\n  padding: 0 10vw;\r\n  height: 13vw;\r\n  border: 0;\r\n  background: ${(props) => props.theme.red};\r\n  color: ${(props) => props.theme.white};\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  z-index: 1;\r\n  @media ${device.tablet} {\r\n    padding: 0 35px;\r\n    font-size: 24px;\r\n    border-radius: 0 20px;\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);\r\n    transform: translateY(-1px);\r\n    border-radius: 3vw 0;\r\n    @media ${device.tablet} {\r\n      border-radius: 20px 0;\r\n    }\r\n  }\r\n  &:active {\r\n    box-shadow: none;\r\n    transform: translateY(0px);\r\n  }\r\n`;\r\n\r\nexport const CloseButton = styled.button`\r\n  cursor: pointer;\r\n  pointer-events: auto;\r\n  padding: 4vw;\r\n  border-radius: 10px;\r\n  background: url('${closeIcon}') no-repeat center;\r\n  transition: transform 0.2s ease;\r\n  background-size: 5vw;\r\n  border: 0;\r\n  transform: scale(1);\r\n  @media ${device.tablet} {\r\n    padding: 25px;\r\n    background: url('${closeIcon}') no-repeat center;\r\n    background-size: 31px;\r\n  }\r\n  &:hover {\r\n    transform: scale(1.05);\r\n  }\r\n  &:active {\r\n    transform: scale(1);\r\n  }\r\n\r\n  &.withSidebar {\r\n    @media ${device.tablet} {\r\n      right: 28%;\r\n    }\r\n  }\r\n  ${(props) =>\r\n    props.withBg &&\r\n    css`\r\n      background: url('${closeIcon}') no-repeat center,\r\n        rgba(255, 255, 255, 0.85);\r\n    `};\r\n`;\r\n\r\nexport const BackButton = styled.button`\r\n  cursor: pointer;\r\n  padding: 4vw;\r\n  border-radius: 10px;\r\n  background: url('${backIcon}') no-repeat center, rgba(255, 255, 255, 0.85);\r\n  background-size: 5vw;\r\n  background-color: rgba(255, 255, 255, 0.85);\r\n  transition: transform 0.2s ease;\r\n  transform-origin: center;\r\n  border: 0;\r\n  transform: scale(1);\r\n  @media ${device.tablet} {\r\n    background: url('${backIcon}') no-repeat center;\r\n    padding: 25px;\r\n    background-size: 31px;\r\n  }\r\n  &:hover {\r\n    transform: scale(1.05);\r\n  }\r\n  &:active {\r\n    transform: scale(1);\r\n  }\r\n  ${(props) =>\r\n    props.withBg &&\r\n    css`\r\n      background: url('${backIcon}') no-repeat center, rgba(255, 255, 255, 0.85);\r\n    `};\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/web-bg-right.c2fa1de7.svg\";","export default __webpack_public_path__ + \"static/media/1.7cb2b167.jpg\";","export default __webpack_public_path__ + \"static/media/2.d686ad5f.jpg\";","export default __webpack_public_path__ + \"static/media/3.bbaf9f11.jpg\";","export default __webpack_public_path__ + \"static/media/4.98fefc71.jpg\";","export default __webpack_public_path__ + \"static/media/5.a10ed9c6.jpg\";","export default __webpack_public_path__ + \"static/media/6.3144433f.jpg\";","export default __webpack_public_path__ + \"static/media/1.315d2159.jpg\";","export default __webpack_public_path__ + \"static/media/2.01bf967f.jpg\";","export default __webpack_public_path__ + \"static/media/3.a9d9f62b.jpg\";","export default __webpack_public_path__ + \"static/media/4.33dd7d9a.jpg\";","export default __webpack_public_path__ + \"static/media/1.a1d9345e.jpg\";","export default __webpack_public_path__ + \"static/media/2.da544e82.jpg\";","export default __webpack_public_path__ + \"static/media/3.4772da2d.jpg\";","export default __webpack_public_path__ + \"static/media/4.546dc18f.jpg\";","export default __webpack_public_path__ + \"static/media/5.fd9e1d8e.jpg\";","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgEditIcon(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 13,\n    height: 13,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"m12.672 3.673-1.078 1.078a.292.292 0 0 1-.211.094.223.223 0 0 1-.188-.094L8.594 2.15a.223.223 0 0 1-.094-.188c0-.078.031-.148.094-.21L9.672.672c.219-.218.484-.328.797-.328.312 0 .578.11.797.328l1.406 1.407c.219.218.328.484.328.796 0 .313-.11.579-.328.797ZM7.656 2.69l-6.14 6.14L1 11.69a.538.538 0 0 0 .164.492c.14.14.305.196.492.164l2.86-.515 6.14-6.141a.291.291 0 0 0 .094-.211.223.223 0 0 0-.094-.187L8.055 2.689a.223.223 0 0 0-.188-.094.291.291 0 0 0-.21.094Zm-4.593 7.594h1.124v.844l-1.5.28-.75-.75.282-1.5h.844v1.126Z\",\n    fill: \"#D7D2CB\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEditIcon);\nexport default __webpack_public_path__ + \"static/media/edit-icon.2c8b088f.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/close-icon-blue.28036588.svg\";","import React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ReactComponent as EditIcon } from '../images/edit-icon.svg';\r\nimport { device } from '../device';\r\nimport { StepperContext } from '../contexts/stepperContext';\r\nimport closeIcon from '../images/close-icon-blue.svg';\r\nimport { ANIMATION_DIRECTION } from '../constants';\r\n\r\nconst StyledSidebarWrapper = styled.aside`\r\n  height: 100%;\r\n  position: fixed;\r\n  z-index: 110;\r\n  width: 100%;\r\n  transform: translateY(calc(100% - 60px));\r\n  transition: 0.2s ease-in-out transform;\r\n  ${(props) =>\r\n    props.isOpen &&\r\n    css`\r\n      transform: translateY(0);\r\n    `};\r\n\r\n  @media ${device.tablet} {\r\n    transform: translateY(0);\r\n    position: static;\r\n    display: flex;\r\n    padding-right: 2%;\r\n    padding-top: 30px;\r\n    padding-bottom: 30px;\r\n    width: 27%;\r\n    min-width: 232px;\r\n    height: auto;\r\n  }\r\n`;\r\n\r\nconst StyledSidebar = styled.div`\r\n  height: 100%;\r\n  padding: 20px;\r\n  background-color: ${(props) => props.theme.darkBlue};\r\n  @media ${device.tablet} {\r\n    height: auto;\r\n    padding: 60px 20px 20px;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst StyledSidebarTitle = styled.div`\r\n  font-weight: bold;\r\n  font-size: 22px;\r\n  line-height: 100%;\r\n  margin-bottom: 14px;\r\n  ${(props) =>\r\n    props.isOpen &&\r\n    css`\r\n      background: url('${closeIcon}') no-repeat center right;\r\n    `};\r\n  color: ${(props) => props.theme.secondary};\r\n  @media ${device.tablet} {\r\n    background: none;\r\n  }\r\n`;\r\n\r\nconst StyledItems = styled.div`\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  padding-right: 5px;\r\n  overflow-x: hidden;\r\n  width: auto;\r\n  height: calc(100vh - 230px);\r\n\r\n  @media ${device.minHeight} and ${device.tablet} {\r\n    height: calc(100vh - 230px);\r\n  }\r\n`;\r\n\r\nconst StyledEditableItem = styled.button`\r\n  border: none;\r\n  background: unset;\r\n  border-bottom: 1px solid ${(props) => props.theme.red};\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 16px 0;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst StyledEditableItemText = styled.div`\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  width: 90%;\r\n  color: ${(props) => props.theme.white};\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst EditableItem = function ({ children, onClick }) {\r\n  return (\r\n    <StyledEditableItem onClick={onClick}>\r\n      <StyledEditableItemText>{children}</StyledEditableItemText>\r\n      <EditIcon />\r\n    </StyledEditableItem>\r\n  );\r\n};\r\n\r\nconst Sidebar = function () {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const { state, dispatch } = React.useContext(StepperContext);\r\n  const {\r\n    currentPage,\r\n    printerConfiguration: { printerType, printerParts, clientValue },\r\n  } = state;\r\n\r\n  return (\r\n    <StyledSidebarWrapper isOpen={isOpen}>\r\n      <StyledSidebar>\r\n        <StyledSidebarTitle\r\n          isOpen={isOpen}\r\n          onClick={() => {\r\n            setIsOpen(!isOpen);\r\n          }}\r\n        >\r\n          YOUR SELECTIONS\r\n        </StyledSidebarTitle>\r\n        <StyledItems>\r\n          <EditableItem\r\n            onClick={() => {\r\n              setIsOpen(!isOpen);\r\n              dispatch({ type: 'setParts', printerParts: null });\r\n              dispatch({\r\n                type: 'setCurrentPage',\r\n                currentPage: 1,\r\n                animationDirection:\r\n                  currentPage > 1\r\n                    ? ANIMATION_DIRECTION.BACKWARD\r\n                    : ANIMATION_DIRECTION.FORWARD,\r\n              });\r\n            }}\r\n          >\r\n            <strong>PRINTER :</strong>\r\n            <div>{printerType}</div>\r\n          </EditableItem>\r\n\r\n          {printerParts ? (\r\n            <EditableItem\r\n              onClick={() => {\r\n                setIsOpen(!isOpen);\r\n                dispatch({ type: 'setClientValue', clientValue: '' });\r\n                dispatch({\r\n                  type: 'setCurrentPage',\r\n                  currentPage: 2,\r\n                  animationDirection:\r\n                    currentPage > 2\r\n                      ? ANIMATION_DIRECTION.BACKWARD\r\n                      : ANIMATION_DIRECTION.FORWARD,\r\n                });\r\n              }}\r\n            >\r\n              {' '}\r\n              <strong>PRINTER PARTS :</strong>\r\n              {printerParts?.partName ? (\r\n                <div>{printerParts?.partName}</div>\r\n              ) : (\r\n                ''\r\n              )}\r\n            </EditableItem>\r\n          ) : (\r\n            ''\r\n          )}\r\n\r\n          {clientValue ? (\r\n            <EditableItem\r\n              onClick={() => {\r\n                setIsOpen(!isOpen);\r\n                dispatch({\r\n                  type: 'setCurrentPage',\r\n                  currentPage: 3,\r\n                  animationDirection:\r\n                    currentPage > 3\r\n                      ? ANIMATION_DIRECTION.BACKWARD\r\n                      : ANIMATION_DIRECTION.FORWARD,\r\n                });\r\n              }}\r\n            >\r\n              {' '}\r\n              <strong>QUANTITY AND LABOR COST :</strong>\r\n              {clientValue ? (\r\n                <div>{`Cost: $${parseFloat(clientValue).toFixed(2)}`}</div>\r\n              ) : (\r\n                ''\r\n              )}\r\n            </EditableItem>\r\n          ) : (\r\n            ''\r\n          )}\r\n        </StyledItems>\r\n      </StyledSidebar>\r\n    </StyledSidebarWrapper>\r\n  );\r\n};\r\n\r\nexport default Sidebar;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport clsx from 'clsx';\r\nimport { device } from '../device';\r\nimport { BackButton } from '../theme/globalStyle';\r\nimport { StepperContext } from '../contexts/stepperContext';\r\n\r\nconst StyledHeader = styled.header`\r\n  min-height: 45px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  top: 0;\r\n  left: 0;\r\n  padding: 2vw 2vw 0 2vw;\r\n  width: auto;\r\n  position: relative;\r\n\r\n  &.withoutProgress {\r\n    padding: 2vw 2vw 0 2vw;\r\n    z-index: 100;\r\n    background-color: transparent;\r\n    position: absolute;\r\n    width: 96vw;\r\n    justify-content: flex-end;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  @media ${device.tablet} {\r\n    padding: 2vw 2vw 0 2vw;\r\n  }\r\n  @media ${device.laptopL} {\r\n    padding: 30px 2vw 0 2vw;\r\n  }\r\n`;\r\n\r\nconst Header = function ({ currentPage }) {\r\n  const { dispatch } = React.useContext(StepperContext);\r\n\r\n  return (\r\n    <StyledHeader className={clsx({ withoutProgress: currentPage < 1 })}>\r\n      {currentPage > 0 && (\r\n        <BackButton\r\n          onClick={() => {\r\n            if (currentPage === 2) {\r\n              dispatch({ type: 'setParts', printerParts: null });\r\n              dispatch({ type: 'setClientValue', clientValue: '' });\r\n              dispatch({ type: 'setCurrentParts', currentPart: 0 });\r\n            }\r\n            dispatch({ type: 'previous' });\r\n          }}\r\n        />\r\n      )}\r\n    </StyledHeader>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport default function Footer() {\r\n  const StyledFooter = styled.div`\r\n    background-color: #003b5c;\r\n    height: 30px;\r\n    display: flex;\r\n    justify-content: right;\r\n  `;\r\n\r\n  const StyledContainer = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 0 20px;\r\n    justify-content: flex-end;\r\n  `;\r\n\r\n  const StyledItem = styled.div`\r\n    position: relative;\r\n    color: #fff;\r\n    font-family: 'Roboto', serif;\r\n    border-left: 1px solid #fff;\r\n    padding-left: 20px;\r\n    :first-child {\r\n      border-left: 0;\r\n    }\r\n    @media (max-width: 480px) {\r\n      a {\r\n        font-size: 12px;\r\n      }\r\n      padding-left: 4px;\r\n      font-size: 12px;\r\n    }\r\n    a {\r\n      text-decoration: none;\r\n      color: #fff;\r\n    }\r\n  `;\r\n\r\n  return (\r\n    <StyledFooter>\r\n      <StyledContainer>\r\n        <StyledItem> &#169; Stratasys 2022</StyledItem>\r\n        <StyledItem>\r\n          <a href=\"https://www.stratasys.com/en/legal/legal-information/\">\r\n            Legal information\r\n          </a>\r\n        </StyledItem>\r\n        <StyledItem>\r\n          <a href=\"https://www.stratasys.com/en/legal/privacy-policy/\">\r\n            Privacy Policy\r\n          </a>\r\n        </StyledItem>\r\n      </StyledContainer>\r\n    </StyledFooter>\r\n  );\r\n}\r\n","import * as React from 'react';\r\nimport styled, { ThemeProvider } from 'styled-components';\r\nimport clsx from 'clsx';\r\nimport Sidebar from './Sidebar';\r\nimport webBgRight from '../images/web-bg-right.svg';\r\nimport { theme1 } from '../theme/globalStyle';\r\nimport { StepperContext } from '../contexts/stepperContext';\r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\n\r\nconst Page1 = React.lazy(() => import('./pages/Page1'));\r\nconst Page2 = React.lazy(() => import('./pages/Page2'));\r\nconst Page3 = React.lazy(() => import('./pages/Page3'));\r\nconst Page4 = React.lazy(() => import('./pages/Page4'));\r\nconst Page5 = React.lazy(() => import('./pages/Page5'));\r\nconst Page6 = React.lazy(() => import('./pages/Page6'));\r\n\r\nconst renderCurrentPage = (currentPage) => {\r\n  switch (true) {\r\n    case currentPage === 0:\r\n      return <Page1 />;\r\n    case currentPage === 1:\r\n      return <Page2 />;\r\n    case currentPage === 2:\r\n      return <Page3 />;\r\n    case currentPage === 3:\r\n      return <Page4 />;\r\n    case currentPage === 4:\r\n      return <Page5 />;\r\n    case currentPage === 5:\r\n      return <Page6 />;\r\n    default:\r\n      return null;\r\n  }\r\n};\r\n\r\nconst StyledPage = styled.div`\r\n  font-family: 'Roboto', serif;\r\n  height: calc(100% - 30px);\r\n  min-height: calc(100% - 30px);\r\n  -webkit-overflow-scrolling: touch;\r\n  font-weight: 500;\r\n  color: ${(props) => props.theme.primary};\r\n  font-size: 16px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: row;\r\n  &.webBgRight {\r\n    background-position: bottom 0 right 0;\r\n    background-size: 35vw;\r\n    background-repeat: no-repeat;\r\n    background-image: url(${webBgRight});\r\n  }\r\n`;\r\n\r\nconst StyledSection = styled.div`\r\n  width: 100%;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n`;\r\n\r\nconst AnimatedContainer = styled.div`\r\n  width: 100%;\r\n  flex-grow: 1;\r\n  display: flex;\r\n`;\r\n\r\nconst Stepper = function () {\r\n  const { state } = React.useContext(StepperContext);\r\n  const { currentPage, animationDirection } = state;\r\n  return (\r\n    <React.Suspense fallback={null}>\r\n      <ThemeProvider theme={theme1}>\r\n        <StyledPage\r\n          className={clsx({\r\n            webBgRight: currentPage > 1 && currentPage < 4,\r\n          })}\r\n        >\r\n          <StyledSection>\r\n            <Header currentPage={currentPage} />\r\n            <AnimatedContainer\r\n              className={clsx('animate__animated', {\r\n                [`animate__${animationDirection}`]: animationDirection,\r\n              })}\r\n            >\r\n              {renderCurrentPage(currentPage)}\r\n            </AnimatedContainer>\r\n          </StyledSection>\r\n          {currentPage > 1 && currentPage < 5 && <Sidebar />}\r\n        </StyledPage>\r\n        <Footer />\r\n      </ThemeProvider>\r\n    </React.Suspense>\r\n  );\r\n};\r\n\r\nexport default Stepper;\r\n","import React from 'react';\r\nimport Stepper from './components/Stepper';\r\nimport { StepperProvider } from './contexts/stepperContext';\r\nimport 'animate.css';\r\n\r\nconst ModalWrapper = function () {\r\n  return (\r\n    <StepperProvider>\r\n      <Stepper />\r\n    </StepperProvider>\r\n  );\r\n};\r\n\r\nexport default ModalWrapper;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport './index.css';\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n"],"sourceRoot":""}