kitchen-simulator 5.0.0-test.5 → 5.0.0-test.7

package/es/components/wizardstep/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","Component","PropTypes","element","elementType","convert","S","rectangleData","lShaped","oRectangle","longNarrow","TEXT_COLOR_NEUTRAL_5","TEXT_COLOR_NEUTRAL_0","TEXT_COLOR_NEUTRAL_2","STATUS_NEGATIVE_COLOR","BG_COLOR_HOVER","BG_COLOR_1","TEXT_COLOR_NEUTRAL_3","SECONDARY_PURPLE_COLOR","DEFAULT_FONT_FAMILY","SHADE_LIGHT_PURPLE_COLOR","TEXT_COLOR_NEUTRAL_1","TEXT_COLOR_NEUTRAL_4","DECIMAL_PLACES_2","Dialog","styled","formatNumber","toFixedFloat","StyledDialog","_templateObject","_taggedTemplateLiteral","roomShapeData","type","name","url","data","key","unitData","_name","_unit","WizardStep","_Component","props","context","_this","_classCallCheck","_callSuper","getDoorStyle","items","length","undefined","brilliantWhiteShaker","find","item","state","step","measurementUnit","ceilingHeight","roomShape","colorFamily","installation","categoryData","doorStyles","filter","item1","doorCategory","doorStyle","cancelDialogVisible","hover","_inherits","_createClass","value","loadProject","projectActions","_confirm","close","linesActions","selectToolDrawingLine","viewer2DActions","updateCeilHeight","updateCeilHeightUnit","viewer3DActions","update3DCeilHeight","update3DCeilHeightUnit","_objectSpread","install","itemsActions","setDoorStyle","_ok","map","document","getElementById","concat","style","backgroundColor","color","setState","onStepChange","e","componentDidUpdate","prevProps","prevState","snapshot","img","querySelector","scrollIntoView","behavior","block","render","_this2","_this$state","regexp","RegExp","stepBar","index","title","description","createElement","content","ContentWrapper","ContentWrapper1","marginBottom","position","display","alignItems","MeasurementUnitLabel","MeasurementUnitSelect","id","onClick","borderColor","SelectArrow","maskImage","width","zIndex","top","borderRadius","boxShadow","unit","MeasurementUnitOption","from","to","marginLeft","textAlign","padding","fontSize","lineHeight","border","outline","fontWeight","paddingRight","onChange","evt","test","target","fontFamily","right","ContentItem","MaskImageWrapper","RoomContentImage","ContentCheckImage","src","ContentItemLabel","height","opacity","left","Title","DoorStyleContentItem","DoorStyleContentImageWrapper","DoorStyleContentImage","thumbnail","marginTop","DoorCategoryContentImage","margin","gap","Object","keys","Button","flexWrap","doorColorFamily","ColorContentItem","ColorContentImage","ContentWrapper2","FinishContentImageWrapper","minHeight","FinishContentImage","objectFit","WizardIntro","IntroPlane","IntroMark","IntroTitle","IntroDescription","IntroSelect","IntroItem","onMouseOut","onMouseOver","IntroItemText","WizardStepWrapper","TitleBarWrapper","TitleBar","TitleBarButtonWrapper","TitleBarButton","cursor","ConfirmButton","minWidth","marginRight","WebkitMaskImage","WebkitMaskSize","WebkitMaskPosition","flexDirection","StepBarWrapper","StepBullet","StepBulletLabel","StepBulletIcon","StepBarIcon","Description","DoorStyleWrapper","color_family","search","maxWidth","open","onClose","DialogContent","DialogAction","default","propTypes","object","isRequired","number","contextTypes","catalog"],"sources":["../../../src/components/wizardstep/index.jsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport PropTypes, { element, elementType } from 'prop-types';\r\nimport convert from 'convert-units';\r\nimport * as S from './styles';\r\nimport * as rectangleData from '../toolbar/main/rectangle.json';\r\nimport * as lShaped from '../toolbar/main/lShaped.json';\r\nimport * as oRectangle from '../toolbar/main/oRectangle.json';\r\nimport * as longNarrow from '../toolbar/main/longNarrow.json';\r\nimport {\r\n  TEXT_COLOR_NEUTRAL_5,\r\n  TEXT_COLOR_NEUTRAL_0,\r\n  TEXT_COLOR_NEUTRAL_2,\r\n  STATUS_NEGATIVE_COLOR,\r\n  BG_COLOR_HOVER,\r\n  BG_COLOR_1,\r\n  TEXT_COLOR_NEUTRAL_3,\r\n  SECONDARY_PURPLE_COLOR,\r\n  DEFAULT_FONT_FAMILY,\r\n  SHADE_LIGHT_PURPLE_COLOR,\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  TEXT_COLOR_NEUTRAL_4,\r\n  DECIMAL_PLACES_2\r\n} from '../../constants';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport styled from 'styled-components';\r\nimport { formatNumber, toFixedFloat } from '../../utils/math';\r\n\r\nconst StyledDialog = styled(Dialog)`\r\n  .MuiDialog-paperWidthSm {\r\n    border-radius: 10px;\r\n  }\r\n`;\r\n\r\nlet roomShapeData = [\r\n  {\r\n    type: 'square',\r\n    name: 'Square',\r\n    url: '/assets/img/svg/wizardstep/Square.svg',\r\n    data: rectangleData,\r\n    key: 1\r\n  },\r\n  {\r\n    type: 'l-shape',\r\n    name: 'L-Shaped',\r\n    url: '/assets/img/svg/wizardstep/L.svg',\r\n    data: lShaped,\r\n    key: 2\r\n  },\r\n  {\r\n    type: 'irregular',\r\n    name: 'Irregular',\r\n    url: '/assets/img/svg/wizardstep/L2.svg',\r\n    data: longNarrow,\r\n    key: 3\r\n  },\r\n  {\r\n    type: 'open',\r\n    name: 'Open',\r\n    url: '/assets/img/svg/wizardstep/Open.svg',\r\n    data: oRectangle,\r\n    key: 4\r\n  }\r\n];\r\n\r\nlet unitData = [\r\n  {\r\n    _name: 'inch',\r\n    _unit: 'in'\r\n  },\r\n  {\r\n    _name: 'centimeter',\r\n    _unit: 'cm'\r\n  },\r\n  {\r\n    _name: 'millimeter',\r\n    _unit: 'mm'\r\n  },\r\n  {\r\n    _name: 'meter',\r\n    _unit: 'm'\r\n  },\r\n  {\r\n    _name: 'feet',\r\n    _unit: 'ft'\r\n  }\r\n];\r\n\r\nexport default class WizardStep extends Component {\r\n  constructor(props, context) {\r\n    super(props, context);\r\n\r\n    const getDoorStyle = items => {\r\n      if (!items || items.length === 0) return undefined;\r\n\r\n      const brilliantWhiteShaker = items.find(\r\n        item => item.name === 'Brilliant White Shaker'\r\n      );\r\n\r\n      if (brilliantWhiteShaker) {\r\n        return brilliantWhiteShaker;\r\n      }\r\n\r\n      return items[0];\r\n    };\r\n\r\n    this.state = {\r\n      type: 1, //1: wizard, 2: retrieve\r\n      step: 0,\r\n      measurementUnit: {\r\n        _name: 'inch',\r\n        _unit: 'in'\r\n      },\r\n      ceilingHeight: 96,\r\n      roomShape: {\r\n        type: '',\r\n        data: {}\r\n      },\r\n      colorFamily: {},\r\n      installation: this.props.categoryData.data.doorStyles.items.filter(\r\n        item =>\r\n          item.items.filter(item1 => item1.items.length !== 0).length !== 0\r\n      )[0],\r\n      doorCategory: this.props.categoryData.data.doorStyles.items\r\n        .filter(\r\n          item =>\r\n            item.items.filter(item1 => item1.items.length !== 0).length !== 0\r\n        )[0]\r\n        .items.filter(item => item.items.length !== 0)[0],\r\n      doorStyle: getDoorStyle(\r\n        this.props.categoryData.data.doorStyles.items\r\n          .filter(\r\n            item =>\r\n              item.items.filter(item1 => item1.items.length !== 0).length !== 0\r\n          )[0]\r\n          .items.filter(item => item.items.length !== 0)[0].items\r\n      ),\r\n      cancelDialogVisible: false,\r\n      hover: 0\r\n    };\r\n  }\r\n\r\n  loadProject(data) {\r\n    this.context.projectActions.loadProject(data, this.props.categoryData);\r\n  }\r\n\r\n  _confirm(type) {\r\n    this.props.close();\r\n    if (this.state.roomShape.type === 'custom')\r\n      this.context.linesActions.selectToolDrawingLine('wall');\r\n    else if (this.state.roomShape.type === '') {\r\n    } else this.loadProject(this.state.roomShape.data, this.props.categoryData);\r\n    this.context.viewer2DActions.updateCeilHeight(\r\n      toFixedFloat(this.state.ceilingHeight)\r\n    );\r\n    this.context.viewer2DActions.updateCeilHeightUnit(\r\n      this.state.measurementUnit._unit\r\n    );\r\n    this.context.viewer3DActions.update3DCeilHeight(\r\n      toFixedFloat(this.state.ceilingHeight)\r\n    );\r\n    this.context.viewer3DActions.update3DCeilHeightUnit(\r\n      this.state.measurementUnit._unit\r\n    );\r\n    let doorStyle = {\r\n      ...this.state.doorStyle,\r\n      install: this.state.installation.name\r\n    };\r\n    !!type && this.context.itemsActions.setDoorStyle(doorStyle);\r\n  }\r\n\r\n  _ok() {\r\n    if (this.state.step === 1 && this.state.roomShape.type === '') {\r\n      roomShapeData.map(item => {\r\n        document.getElementById(\r\n          `roomshape&${item.type}`\r\n        ).style.backgroundColor = STATUS_NEGATIVE_COLOR;\r\n        document.getElementById(`roomlabel&${item.type}`).style.color =\r\n          TEXT_COLOR_NEUTRAL_0;\r\n      });\r\n      document.getElementById('roomshape&custom').style.backgroundColor =\r\n        STATUS_NEGATIVE_COLOR;\r\n      document.getElementById('roomshape&pencil').style.backgroundColor =\r\n        STATUS_NEGATIVE_COLOR;\r\n      document.getElementById('roomlabel&custom').style.color =\r\n        TEXT_COLOR_NEUTRAL_0;\r\n      document.getElementById('description').style.color =\r\n        STATUS_NEGATIVE_COLOR;\r\n    } else this.setState({ step: this.state.step + 1 });\r\n  }\r\n\r\n  onStepChange(e) {\r\n    if (this.state.step === 1 && this.state.roomShape.type === '') {\r\n      roomShapeData.map(item => {\r\n        document.getElementById(\r\n          `roomshape&${item.type}`\r\n        ).style.backgroundColor = STATUS_NEGATIVE_COLOR;\r\n        document.getElementById(`roomlabel&${item.type}`).style.color =\r\n          TEXT_COLOR_NEUTRAL_0;\r\n      });\r\n      document.getElementById('roomshape&custom').style.backgroundColor =\r\n        STATUS_NEGATIVE_COLOR;\r\n      document.getElementById('roomshape&pencil').style.backgroundColor =\r\n        STATUS_NEGATIVE_COLOR;\r\n      document.getElementById('roomlabel&custom').style.color =\r\n        TEXT_COLOR_NEUTRAL_0;\r\n      document.getElementById('description').style.color =\r\n        STATUS_NEGATIVE_COLOR;\r\n    } else {\r\n      this.setState({ step: e });\r\n    }\r\n  }\r\n\r\n  componentDidUpdate(prevProps, prevState, snapshot) {\r\n    const img = document.querySelector(\r\n      'img[src=\"/assets/img/svg/wizardstep/check-active.svg\"]'\r\n    );\r\n    if (img) {\r\n      img.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const {\r\n      step,\r\n      roomShape,\r\n      installation,\r\n      doorCategory,\r\n      doorStyle,\r\n      measurementUnit,\r\n      ceilingHeight,\r\n      cancelDialogVisible,\r\n      colorFamily,\r\n      hover,\r\n      type\r\n    } = this.state;\r\n    let regexp = new RegExp(`^-?([0-9]+)?\\\\.?([0-9]{0,2})?$`);\r\n\r\n    const stepBar = [\r\n      {\r\n        index: 1,\r\n        title: 'ROOM SHAPE',\r\n        description: (\r\n          <div>\r\n            Select units, add ceiling height and a predefined shape or draw your\r\n            own.\r\n            <br />\r\n            To get professional help, click on the Help button.\r\n          </div>\r\n        ),\r\n        content: (\r\n          <S.ContentWrapper>\r\n            <S.ContentWrapper1 style={{ marginBottom: 25 }}>\r\n              <div\r\n                style={{\r\n                  position: 'relative',\r\n                  display: 'flex',\r\n                  alignItems: 'center'\r\n                }}\r\n              >\r\n                <S.MeasurementUnitLabel>\r\n                  Measurement Unit\r\n                </S.MeasurementUnitLabel>\r\n                <S.MeasurementUnitSelect\r\n                  id=\"measurement_select\"\r\n                  onClick={() => {\r\n                    document.getElementById(\r\n                      'measurement_option'\r\n                    ).style.display =\r\n                      document.getElementById('measurement_option').style\r\n                        .display === 'none'\r\n                        ? 'block'\r\n                        : 'none';\r\n                    document.getElementById(\r\n                      'measurement_select'\r\n                    ).style.borderColor = SECONDARY_PURPLE_COLOR;\r\n                    document.getElementById('arrow-down').style.display =\r\n                      document.getElementById('arrow-down').style.display ===\r\n                      'none'\r\n                        ? 'block'\r\n                        : 'none';\r\n                    document.getElementById('arrow-up').style.display =\r\n                      document.getElementById('arrow-up').style.display ===\r\n                      'block'\r\n                        ? 'none'\r\n                        : 'block';\r\n                  }}\r\n                >\r\n                  {`${measurementUnit._name}(${measurementUnit._unit})`}\r\n                </S.MeasurementUnitSelect>\r\n                <S.SelectArrow\r\n                  id=\"arrow-down\"\r\n                  style={{ display: 'block' }}\r\n                  maskImage=\"/assets/img/svg/bottombar/arrow-down.svg\"\r\n                />\r\n                <S.SelectArrow\r\n                  id=\"arrow-up\"\r\n                  style={{ display: 'none' }}\r\n                  maskImage=\"/assets/img/svg/bottombar/arrow-up.svg\"\r\n                />\r\n                <div\r\n                  id=\"measurement_option\"\r\n                  style={{\r\n                    display: 'none',\r\n                    width: '100%',\r\n                    zIndex: 3,\r\n                    top: 55,\r\n                    position: 'absolute',\r\n                    borderRadius: 5,\r\n                    backgroundColor: 'white',\r\n                    boxShadow:\r\n                      '0px 3px 5px -1px rgba(156, 154, 154, 0.2), 0px 6px 10px 0px rgba(156, 154, 154, 0.39), 0px 1px 18px 0px rgba(156, 154, 154, 0.12)'\r\n                  }}\r\n                >\r\n                  {unitData.map((unit, key) => {\r\n                    return (\r\n                      <S.MeasurementUnitOption\r\n                        onClick={() => {\r\n                          document.getElementById(\r\n                            'measurement_option'\r\n                          ).style.display = 'none';\r\n                          document.getElementById('arrow-down').style.display =\r\n                            'block';\r\n                          document.getElementById('arrow-up').style.display =\r\n                            'none';\r\n                          this.setState({\r\n                            ceilingHeight: formatNumber(\r\n                              convert(ceilingHeight)\r\n                                .from(measurementUnit._unit)\r\n                                .to(unit._unit),\r\n                              DECIMAL_PLACES_2\r\n                            ),\r\n                            measurementUnit: unit\r\n                          });\r\n                        }}\r\n                        key={key}\r\n                      >\r\n                        {`${unit._name}(${unit._unit})`}\r\n                      </S.MeasurementUnitOption>\r\n                    );\r\n                  })}\r\n                </div>\r\n              </div>\r\n              <div\r\n                style={{\r\n                  position: 'relative',\r\n                  display: 'flex',\r\n                  alignItems: 'center',\r\n                  marginLeft: 40\r\n                }}\r\n              >\r\n                <S.MeasurementUnitLabel>Ceiling Height</S.MeasurementUnitLabel>\r\n                <input\r\n                  style={{\r\n                    width: 167,\r\n                    textAlign: 'left',\r\n                    padding: '15px 15px',\r\n                    color: '#000f33',\r\n                    fontSize: '13px',\r\n                    lineHeight: '18px',\r\n                    border: '2px solid #8791ab',\r\n                    borderRadius: '5px',\r\n                    outline: 0,\r\n                    fontWeight: 600,\r\n                    paddingRight: 90\r\n                  }}\r\n                  value={ceilingHeight}\r\n                  onChange={evt => {\r\n                    if (regexp.test(evt.target.value))\r\n                      this.setState({\r\n                        ceilingHeight: evt.target.value\r\n                      });\r\n                    else this.setState({ ceilingHeight: ceilingHeight });\r\n                  }}\r\n                />\r\n                <span\r\n                  style={{\r\n                    position: 'absolute',\r\n                    color: TEXT_COLOR_NEUTRAL_1,\r\n                    fontSize: 16,\r\n                    fontFamily: DEFAULT_FONT_FAMILY,\r\n                    fontWeight: 400,\r\n                    lineHeight: '22px',\r\n                    textAlign: 'right',\r\n                    right: 10\r\n                  }}\r\n                >\r\n                  {measurementUnit._unit === 'in'\r\n                    ? `${measurementUnit._unit}(default)`\r\n                    : measurementUnit._unit}\r\n                </span>\r\n              </div>\r\n            </S.ContentWrapper1>\r\n            <S.ContentWrapper1>\r\n              {roomShapeData.map((item, key) => {\r\n                return (\r\n                  <S.ContentItem\r\n                    onClick={() => {\r\n                      this.setState({ roomShape: item });\r\n                      document.getElementById('description').style.color =\r\n                        TEXT_COLOR_NEUTRAL_0;\r\n                    }}\r\n                    key={item.key}\r\n                  >\r\n                    <S.MaskImageWrapper\r\n                      style={{\r\n                        backgroundColor:\r\n                          roomShape.type === item.type && BG_COLOR_HOVER\r\n                      }}\r\n                    >\r\n                      <S.RoomContentImage\r\n                        id={`roomshape&${item.type}`}\r\n                        maskImage={item.url}\r\n                        style={{\r\n                          backgroundColor:\r\n                            roomShape.type === item.type\r\n                              ? SECONDARY_PURPLE_COLOR\r\n                              : roomShape.type\r\n                                ? TEXT_COLOR_NEUTRAL_3\r\n                                : TEXT_COLOR_NEUTRAL_0\r\n                        }}\r\n                      />\r\n                    </S.MaskImageWrapper>\r\n                    <S.ContentCheckImage\r\n                      id=\"check\"\r\n                      src=\"/assets/img/svg/wizardstep/check-normal.svg\"\r\n                    />\r\n                    {roomShape.type === item.type && (\r\n                      <S.ContentCheckImage src=\"/assets/img/svg/wizardstep/check-active.svg\" />\r\n                    )}\r\n                    <S.ContentItemLabel\r\n                      id={`roomlabel&${item.type}`}\r\n                      style={{\r\n                        fontWeight: roomShape.type === item.type && 400,\r\n                        color:\r\n                          roomShape.type === item.type\r\n                            ? SECONDARY_PURPLE_COLOR\r\n                            : roomShape.type\r\n                              ? TEXT_COLOR_NEUTRAL_3\r\n                              : TEXT_COLOR_NEUTRAL_0\r\n                      }}\r\n                    >\r\n                      {item.name}\r\n                    </S.ContentItemLabel>\r\n                  </S.ContentItem>\r\n                );\r\n              })}\r\n            </S.ContentWrapper1>\r\n            <S.ContentWrapper1>\r\n              <S.ContentItem\r\n                onClick={() => {\r\n                  this.setState({ roomShape: { type: 'custom', data: {} } });\r\n                  document.getElementById('description').style.color =\r\n                    TEXT_COLOR_NEUTRAL_0;\r\n                }}\r\n              >\r\n                <S.MaskImageWrapper\r\n                  style={{\r\n                    backgroundColor:\r\n                      roomShape.type === 'custom' && BG_COLOR_HOVER\r\n                  }}\r\n                >\r\n                  <S.RoomContentImage\r\n                    id=\"roomshape&custom\"\r\n                    maskImage=\"/assets/img/svg/wizardstep/Custom.svg\"\r\n                    style={{\r\n                      backgroundColor:\r\n                        roomShape.type === 'custom'\r\n                          ? SECONDARY_PURPLE_COLOR\r\n                          : roomShape.type\r\n                            ? TEXT_COLOR_NEUTRAL_3\r\n                            : TEXT_COLOR_NEUTRAL_0\r\n                    }}\r\n                  />\r\n                  <S.RoomContentImage\r\n                    id=\"roomshape&pencil\"\r\n                    maskImage=\"/assets/img/svg/wizardstep/pencil.svg\"\r\n                    style={{\r\n                      position: 'absolute',\r\n                      top: 10,\r\n                      right: 10,\r\n                      height: 25,\r\n                      width: 25,\r\n                      backgroundColor:\r\n                        roomShape.type === 'custom'\r\n                          ? SECONDARY_PURPLE_COLOR\r\n                          : roomShape.type\r\n                            ? TEXT_COLOR_NEUTRAL_3\r\n                            : TEXT_COLOR_NEUTRAL_0\r\n                    }}\r\n                  />\r\n                </S.MaskImageWrapper>\r\n                <S.ContentCheckImage\r\n                  id=\"check\"\r\n                  src=\"/assets/img/svg/wizardstep/check-normal.svg\"\r\n                />\r\n                {roomShape.type === 'custom' && (\r\n                  <S.ContentCheckImage src=\"/assets/img/svg/wizardstep/check-active.svg\" />\r\n                )}\r\n                <S.ContentItemLabel\r\n                  id=\"roomlabel&custom\"\r\n                  style={{\r\n                    fontWeight: roomShape.type === 'custom' && 600,\r\n                    color:\r\n                      roomShape.type === 'custom'\r\n                        ? SECONDARY_PURPLE_COLOR\r\n                        : roomShape.type\r\n                          ? TEXT_COLOR_NEUTRAL_3\r\n                          : TEXT_COLOR_NEUTRAL_0\r\n                  }}\r\n                >\r\n                  Draw Custom\r\n                </S.ContentItemLabel>\r\n                <span\r\n                  id=\"hint\"\r\n                  style={{\r\n                    position: 'absolute',\r\n                    fontFamily: DEFAULT_FONT_FAMILY,\r\n                    fontSize: 16,\r\n                    lineHeight: '20px',\r\n                    textAlign: 'left',\r\n                    backgroundColor: TEXT_COLOR_NEUTRAL_1,\r\n                    opacity: 0.8,\r\n                    color: BG_COLOR_1,\r\n                    borderRadius: 3,\r\n                    zIndex: 3,\r\n                    width: 'max-content',\r\n                    top: -30,\r\n                    left: -10,\r\n                    padding: '3px 8px'\r\n                  }}\r\n                >\r\n                  You will be able to draw your own space\r\n                </span>\r\n              </S.ContentItem>\r\n            </S.ContentWrapper1>\r\n          </S.ContentWrapper>\r\n        )\r\n      },\r\n      {\r\n        index: 2,\r\n        title: 'COLOR & STYLE',\r\n        description:\r\n          'Customize your door style. To get professional help, click on the Help button.',\r\n        content: (\r\n          <S.ContentWrapper>\r\n            <S.Title>Installation</S.Title>\r\n            <S.ContentWrapper1>\r\n              {this.props.categoryData.data.doorStyles.items.map(\r\n                (item, key) => {\r\n                  return (\r\n                    <S.DoorStyleContentItem\r\n                      onClick={() =>\r\n                        this.setState({\r\n                          installation: item,\r\n                          doorCategory: item.items[0]\r\n                        })\r\n                      }\r\n                      key={key}\r\n                    >\r\n                      <S.DoorStyleContentImageWrapper\r\n                        id=\"item\"\r\n                        style={{\r\n                          backgroundColor:\r\n                            installation.name === item.name &&\r\n                            TEXT_COLOR_NEUTRAL_5,\r\n                          borderColor:\r\n                            installation.name === item.name &&\r\n                            SECONDARY_PURPLE_COLOR\r\n                        }}\r\n                      >\r\n                        <S.DoorStyleContentImage\r\n                          id={`doorstyle&${item.name}&image`}\r\n                          maskImage={item.thumbnail}\r\n                          style={{\r\n                            backgroundColor:\r\n                              installation.name === item.name &&\r\n                              SECONDARY_PURPLE_COLOR\r\n                          }}\r\n                        />\r\n                      </S.DoorStyleContentImageWrapper>\r\n                      <S.ContentItemLabel\r\n                        style={{\r\n                          color:\r\n                            installation.name === item.name &&\r\n                            SECONDARY_PURPLE_COLOR,\r\n                          fontSize: 15,\r\n                          fontWeight: installation.name === item.name && 700\r\n                        }}\r\n                      >\r\n                        {item.name}\r\n                      </S.ContentItemLabel>\r\n                    </S.DoorStyleContentItem>\r\n                  );\r\n                }\r\n              )}\r\n            </S.ContentWrapper1>\r\n            <S.Title style={{ marginTop: 20 }}>Door Style</S.Title>\r\n            <S.ContentWrapper1>\r\n              {this.props.categoryData.data.doorStyles.items\r\n                .filter(item => item.name === installation.name)[0]\r\n                .items.map((element, key) => {\r\n                  return (\r\n                    <S.DoorStyleContentItem\r\n                      onClick={() => this.setState({ doorCategory: element })}\r\n                      key={key}\r\n                    >\r\n                      <S.DoorStyleContentImageWrapper\r\n                        id=\"item\"\r\n                        style={{\r\n                          backgroundColor:\r\n                            doorCategory.name === element.name &&\r\n                            TEXT_COLOR_NEUTRAL_5,\r\n                          borderColor:\r\n                            doorCategory.name === element.name &&\r\n                            SECONDARY_PURPLE_COLOR\r\n                        }}\r\n                      >\r\n                        <S.DoorCategoryContentImage\r\n                          style={{\r\n                            margin:\r\n                              doorCategory.name === element.name && 'unset',\r\n                            backgroundColor:\r\n                              doorCategory.name === element.name &&\r\n                              SECONDARY_PURPLE_COLOR\r\n                          }}\r\n                          maskImage={element.thumbnail}\r\n                        />\r\n                      </S.DoorStyleContentImageWrapper>\r\n                      <S.ContentItemLabel\r\n                        id={`doorcategory&${element.name}&label`}\r\n                        style={{\r\n                          color:\r\n                            doorCategory.name === element.name\r\n                              ? SECONDARY_PURPLE_COLOR\r\n                              : TEXT_COLOR_NEUTRAL_0,\r\n                          fontSize: 15,\r\n                          fontWeight: doorCategory.name === element.name && 700\r\n                        }}\r\n                      >\r\n                        {element.name}\r\n                      </S.ContentItemLabel>\r\n                    </S.DoorStyleContentItem>\r\n                  );\r\n                })}\r\n            </S.ContentWrapper1>\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                gap: '1rem',\r\n                alignItems: 'center',\r\n                marginTop: 20,\r\n                height: 30\r\n              }}\r\n            >\r\n              <S.Title>Color family</S.Title>\r\n              {Object.keys(this.state.colorFamily).length !== 0 && (\r\n                <S.Button\r\n                  style={{\r\n                    fontSize: 12,\r\n                    padding: '5px 10px',\r\n                    border: '1px solid'\r\n                  }}\r\n                  onClick={() => this.setState({ colorFamily: {} })}\r\n                >\r\n                  Clear filter\r\n                </S.Button>\r\n              )}\r\n            </div>\r\n            <S.ContentWrapper1>\r\n              <div\r\n                style={{\r\n                  display: 'flex',\r\n                  flexWrap: 'wrap',\r\n                  gap: '0.5rem'\r\n                }}\r\n              >\r\n                {this.props.categoryData.data.doorColorFamily &&\r\n                  this.props.categoryData.data.doorColorFamily.map(\r\n                    (element, key) => {\r\n                      return (\r\n                        <S.ColorContentItem\r\n                          onClick={() =>\r\n                            this.setState({ colorFamily: element })\r\n                          }\r\n                          key={key}\r\n                        >\r\n                          <S.ColorContentImage src={element.thumbnail} />\r\n                          <S.ContentCheckImage\r\n                            id=\"check\"\r\n                            src=\"/assets/img/svg/wizardstep/check-normal.svg\"\r\n                            style={{\r\n                              height: 70,\r\n                              width: 70,\r\n                              borderRadius: '50%',\r\n                              backgroundColor: 'unset',\r\n                              zIndex: 2,\r\n                              padding: 16\r\n                            }}\r\n                          />\r\n                          {colorFamily.id === element.id && (\r\n                            <S.ContentCheckImage\r\n                              src=\"/assets/img/svg/wizardstep/check-active.svg\"\r\n                              style={{\r\n                                height: 70,\r\n                                width: 70,\r\n                                borderRadius: '50%',\r\n                                backgroundColor: 'unset',\r\n                                zIndex: 2,\r\n                                padding: 16,\r\n                                border: `2px solid ${SECONDARY_PURPLE_COLOR}`\r\n                              }}\r\n                            />\r\n                          )}\r\n                        </S.ColorContentItem>\r\n                      );\r\n                    }\r\n                  )}\r\n              </div>\r\n            </S.ContentWrapper1>\r\n          </S.ContentWrapper>\r\n        )\r\n      },\r\n      {\r\n        index: 3,\r\n        title: 'SUMMARY',\r\n        description: (\r\n          <div>\r\n            <div>Select from the door collection for all cabinets.</div>\r\n            <div>To get professional help, click on the Help button.</div>\r\n          </div>\r\n        ),\r\n        content: (\r\n          <S.ContentWrapper>\r\n            <S.ContentWrapper1>\r\n              <S.ContentWrapper2>\r\n                <S.Title>Room Shape</S.Title>\r\n                {roomShapeData.map((item, key) => {\r\n                  return (\r\n                    roomShape.type === item.type && (\r\n                      <S.ContentItem\r\n                        style={{ margin: 'unset', marginTop: 20 }}\r\n                        key={key}\r\n                      >\r\n                        <S.MaskImageWrapper>\r\n                          <S.RoomContentImage\r\n                            maskImage={item.url}\r\n                            style={{ backgroundColor: SECONDARY_PURPLE_COLOR }}\r\n                          />\r\n                        </S.MaskImageWrapper>\r\n                        <S.ContentCheckImage src=\"/assets/img/svg/wizardstep/check-active.svg\" />\r\n                        <S.ContentItemLabel\r\n                          style={{ color: SECONDARY_PURPLE_COLOR }}\r\n                        >\r\n                          {item.name}\r\n                        </S.ContentItemLabel>\r\n                      </S.ContentItem>\r\n                    )\r\n                  );\r\n                })}\r\n                {roomShape.type === 'custom' && (\r\n                  <S.ContentItem style={{ margin: 'unset', marginTop: 20 }}>\r\n                    <S.MaskImageWrapper>\r\n                      <S.RoomContentImage\r\n                        maskImage=\"/assets/img/svg/wizardstep/Custom.svg\"\r\n                        style={{ backgroundColor: SECONDARY_PURPLE_COLOR }}\r\n                      />\r\n                      <S.RoomContentImage\r\n                        maskImage=\"/assets/img/svg/wizardstep/pencil.svg\"\r\n                        style={{\r\n                          position: 'absolute',\r\n                          top: 10,\r\n                          right: 25,\r\n                          height: 25,\r\n                          width: 25,\r\n                          backgroundColor: SECONDARY_PURPLE_COLOR\r\n                        }}\r\n                      />\r\n                    </S.MaskImageWrapper>\r\n                    <S.ContentCheckImage src=\"/assets/img/svg/wizardstep/check-active.svg\" />\r\n                    <S.ContentItemLabel\r\n                      style={{ color: SECONDARY_PURPLE_COLOR }}\r\n                    >\r\n                      Draw Custom\r\n                    </S.ContentItemLabel>\r\n                    <span\r\n                      id=\"hint\"\r\n                      style={{\r\n                        position: 'absolute',\r\n                        fontFamily: DEFAULT_FONT_FAMILY,\r\n                        fontSize: 16,\r\n                        lineHeight: '20px',\r\n                        textAlign: 'left',\r\n                        backgroundColor: TEXT_COLOR_NEUTRAL_1,\r\n                        opacity: 0.8,\r\n                        color: BG_COLOR_1,\r\n                        borderRadius: 3,\r\n                        zIndex: 3,\r\n                        width: 'max-content',\r\n                        top: -30,\r\n                        left: -10,\r\n                        padding: '3px 8px'\r\n                      }}\r\n                    >\r\n                      You will be able to draw your own space\r\n                    </span>\r\n                  </S.ContentItem>\r\n                )}\r\n              </S.ContentWrapper2>\r\n              <S.ContentWrapper2>\r\n                <S.Title>Installation</S.Title>\r\n                <S.DoorStyleContentItem\r\n                  style={{ margin: 'unset', marginTop: 20 }}\r\n                >\r\n                  <S.DoorStyleContentImageWrapper\r\n                    style={{\r\n                      borderColor: SECONDARY_PURPLE_COLOR,\r\n                      backgroundColor: TEXT_COLOR_NEUTRAL_5\r\n                    }}\r\n                  >\r\n                    <S.DoorStyleContentImage\r\n                      maskImage={installation.thumbnail}\r\n                      style={{ backgroundColor: SECONDARY_PURPLE_COLOR }}\r\n                    />\r\n                  </S.DoorStyleContentImageWrapper>\r\n                  <S.ContentItemLabel style={{ color: SECONDARY_PURPLE_COLOR }}>\r\n                    {installation.name}\r\n                  </S.ContentItemLabel>\r\n                </S.DoorStyleContentItem>\r\n              </S.ContentWrapper2>\r\n              <S.ContentWrapper2>\r\n                <S.Title>Color Family</S.Title>\r\n                <S.ColorContentItem style={{ margin: 'unset', marginTop: 20 }}>\r\n                  {colorFamily.thumbnail && (\r\n                    <S.ColorContentImage\r\n                      src={colorFamily.thumbnail}\r\n                      style={{ height: 120, width: 120, borderRadius: '100%' }}\r\n                    />\r\n                  )}\r\n                  <S.ContentCheckImage\r\n                    src=\"/assets/img/svg/wizardstep/check-active.svg\"\r\n                    style={{\r\n                      height: 120,\r\n                      width: 120,\r\n                      borderRadius: '50%',\r\n                      backgroundColor: 'unset',\r\n                      zIndex: 2,\r\n                      padding: 41,\r\n                      border: `2px solid ${SECONDARY_PURPLE_COLOR}`\r\n                    }}\r\n                  />\r\n                  <S.ContentItemLabel style={{ color: SECONDARY_PURPLE_COLOR }}>\r\n                    {colorFamily.name}\r\n                  </S.ContentItemLabel>\r\n                </S.ColorContentItem>\r\n              </S.ContentWrapper2>\r\n              <S.ContentWrapper2>\r\n                <S.Title>Style</S.Title>\r\n                <S.DoorStyleContentItem\r\n                  style={{ margin: 'unset', marginTop: 20 }}\r\n                >\r\n                  <S.DoorStyleContentImageWrapper\r\n                    style={{\r\n                      backgroundColor: TEXT_COLOR_NEUTRAL_5,\r\n                      borderColor: SECONDARY_PURPLE_COLOR\r\n                    }}\r\n                  >\r\n                    <S.DoorCategoryContentImage\r\n                      style={{\r\n                        margin: 'unset',\r\n                        backgroundColor: SECONDARY_PURPLE_COLOR\r\n                      }}\r\n                      maskImage={doorCategory.thumbnail}\r\n                    />\r\n                  </S.DoorStyleContentImageWrapper>\r\n                  <S.ContentItemLabel style={{ color: SECONDARY_PURPLE_COLOR }}>\r\n                    {doorCategory.name}\r\n                  </S.ContentItemLabel>\r\n                </S.DoorStyleContentItem>\r\n              </S.ContentWrapper2>\r\n              <S.ContentWrapper2>\r\n                <S.Title>Finish</S.Title>\r\n                <S.DoorStyleContentItem\r\n                  style={{ margin: 'unset', marginTop: 20 }}\r\n                >\r\n                  <S.FinishContentImageWrapper\r\n                    style={{\r\n                      border: `2px solid ${SECONDARY_PURPLE_COLOR}`,\r\n                      backgroundColor: 'unset',\r\n                      minHeight: 120,\r\n                      height: 120,\r\n                      width: 120\r\n                    }}\r\n                  >\r\n                    <S.FinishContentImage\r\n                      src={doorStyle.thumbnail}\r\n                      style={{\r\n                        height: '70%',\r\n                        width: '100%',\r\n                        objectFit: 'contain'\r\n                      }}\r\n                    />\r\n                  </S.FinishContentImageWrapper>\r\n                  <S.ContentItemLabel\r\n                    style={{\r\n                      color: SECONDARY_PURPLE_COLOR,\r\n                      marginBottom: 15,\r\n                      width: 120\r\n                    }}\r\n                  >\r\n                    {doorStyle.name}\r\n                  </S.ContentItemLabel>\r\n                </S.DoorStyleContentItem>\r\n              </S.ContentWrapper2>\r\n            </S.ContentWrapper1>\r\n          </S.ContentWrapper>\r\n        )\r\n      }\r\n    ];\r\n\r\n    return (\r\n      <div>\r\n        {step === 0 ? (\r\n          <S.WizardIntro>\r\n            <S.IntroPlane>\r\n              <S.IntroMark>\r\n                <img src=\"/assets/img/loading/loading_1.svg\" width={80} />\r\n              </S.IntroMark>\r\n              <S.IntroTitle>Welcome to DIY Design Space</S.IntroTitle>\r\n              <S.IntroDescription>\r\n                Let's start designing your kitchen. Select the type of project\r\n                you want to start.\r\n              </S.IntroDescription>\r\n              <S.IntroSelect>\r\n                <S.IntroItem\r\n                  onClick={() => {\r\n                    this.setState({ step: 1 });\r\n                  }}\r\n                >\r\n                  <img\r\n                    src={`/assets/img/svg/intro/1-start-with-floorplan${\r\n                      hover === 1 ? '-whole' : ''\r\n                    }.svg`}\r\n                    onMouseOut={() => {\r\n                      this.setState({ hover: 0 });\r\n                    }}\r\n                    onMouseOver={() => {\r\n                      this.setState({ hover: 1 });\r\n                    }}\r\n                    width={140}\r\n                  />\r\n                  <S.IntroItemText>Start with Floorplan</S.IntroItemText>\r\n                </S.IntroItem>\r\n                <S.IntroItem\r\n                  onClick={() => {\r\n                    this.props.close();\r\n                    this.context.viewer2DActions.updateCeilHeight(96);\r\n                    this.context.viewer2DActions.updateCeilHeightUnit('in');\r\n                    this.context.viewer3DActions.update3DCeilHeight(96);\r\n                    this.context.viewer3DActions.update3DCeilHeightUnit('in');\r\n                  }}\r\n                >\r\n                  <img\r\n                    src={`/assets/img/svg/intro/2-start-from-scratch${\r\n                      hover === 2 ? '-whole' : ''\r\n                    }.svg`}\r\n                    onMouseOut={() => {\r\n                      this.setState({ hover: 0 });\r\n                    }}\r\n                    onMouseOver={() => {\r\n                      this.setState({ hover: 2 });\r\n                    }}\r\n                    width={140}\r\n                  />\r\n                  <S.IntroItemText>Start from Scratch</S.IntroItemText>\r\n                </S.IntroItem>\r\n                {/* <S.IntroItem\r\n                  style={{\r\n                    position: 'relative'\r\n                  }}\r\n                  onClick={() => {\r\n                    if (!this.props.match.params.token) {\r\n                      this.props.setSignOpen(true);\r\n                      this.props.setMyProjectsToLogin(true);\r\n                    } else {\r\n                      this.props.setMyProjectsOpen(true);\r\n                    }\r\n                  }}\r\n                >\r\n                  <img\r\n                    src={`/assets/img/svg/intro/3-retrieve-project${\r\n                      hover === 3 ? '-whole' : ''\r\n                    }.svg`}\r\n                    onMouseOut={() => {\r\n                      this.setState({ hover: 0 });\r\n                    }}\r\n                    onMouseOver={() => {\r\n                      this.setState({ hover: 3 });\r\n                    }}\r\n                    width={140}\r\n                  />\r\n                  <S.IntroItemText>Retrieve a saved project</S.IntroItemText>\r\n                  <div\r\n                    id=\"scratch_hint\"\r\n                    style={{\r\n                      position: 'absolute',\r\n                      display: this.state.hover === 3 ? 'block' : 'none',\r\n                      fontFamily: DEFAULT_FONT_FAMILY,\r\n                      fontSize: 16,\r\n                      lineHeight: '20px',\r\n                      textAlign: 'left',\r\n                      backgroundColor: TEXT_COLOR_NEUTRAL_1,\r\n                      opacity: 0.8,\r\n                      color: BG_COLOR_1,\r\n                      borderRadius: 3,\r\n                      zIndex: 3,\r\n                      width: 'max-content',\r\n                      top: -30,\r\n                      left: -10,\r\n                      padding: '3px 8px'\r\n                    }}\r\n                  >\r\n                    We need to log you in to retrieve your saved projects.\r\n                  </div>\r\n                </S.IntroItem> */}\r\n              </S.IntroSelect>\r\n            </S.IntroPlane>\r\n          </S.WizardIntro>\r\n        ) : (\r\n          <S.WizardStepWrapper>\r\n            <S.TitleBarWrapper>\r\n              <S.TitleBar>\r\n                {step === 1\r\n                  ? 'Choose your room shape'\r\n                  : step === 3\r\n                    ? 'Summary'\r\n                    : 'Choose your door style'}\r\n              </S.TitleBar>\r\n              <S.TitleBarButtonWrapper>\r\n                <S.TitleBarButton\r\n                  style={{\r\n                    border: `3px solid ${BG_COLOR_1}`,\r\n                    cursor: step === 1 && 'no-drop',\r\n                    backgroundColor: step === 1 && BG_COLOR_1,\r\n                    color: step === 1 && TEXT_COLOR_NEUTRAL_4\r\n                  }}\r\n                  onClick={() =>\r\n                    step !== 1 && this.setState({ cancelDialogVisible: true })\r\n                  }\r\n                >\r\n                  Cancel\r\n                </S.TitleBarButton>\r\n                {step > 1 && (\r\n                  <S.TitleBarButton\r\n                    onClick={() => {\r\n                      this.setState({ step: step - 1 });\r\n                      // switch (step) {\r\n                      //   case 5:\r\n                      //     this.setState({ doorStyle: '' });\r\n                      //     break;\r\n                      //   case 4:\r\n                      //     this.setState({ doorCategory: { name: '', url: '' }});\r\n                      //     break;\r\n                      //   case 3:\r\n                      //     this.setState({ installation: '', doorCategory: { name: '', url: '' } });\r\n                      //     break;\r\n                      //   case 2:\r\n                      //     this.setState({ installation: '' });\r\n                      //     this.setState({ doorColor: { name: '', url: '', color: '' } });\r\n                      //   default:\r\n                      //     break;\r\n                      // }\r\n                    }}\r\n                  >\r\n                    <img\r\n                      style={{ paddingRight: 10 }}\r\n                      height=\"10px\"\r\n                      src=\"/assets/img/svg/toolbar/undo_button.svg\"\r\n                    />\r\n                    Back\r\n                  </S.TitleBarButton>\r\n                )}\r\n                <S.ConfirmButton\r\n                  style={{ minWidth: 89 }}\r\n                  onClick={() => (step < 3 ? this._ok() : this._confirm(1))}\r\n                >\r\n                  <img\r\n                    style={{\r\n                      marginRight: 10,\r\n                      height: 18,\r\n                      width: 18,\r\n                      WebkitMaskImage:\r\n                        'url(/assets/img/svg/headerbar/check.svg)',\r\n                      backgroundColor: BG_COLOR_1,\r\n                      WebkitMaskSize: '100%',\r\n                      WebkitMaskPosition: 'center'\r\n                    }}\r\n                  />\r\n                  {step > 2 ? 'Confirm' : 'OK'}\r\n                </S.ConfirmButton>\r\n              </S.TitleBarButtonWrapper>\r\n            </S.TitleBarWrapper>\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                gap: '2rem'\r\n              }}\r\n            >\r\n              <div style={{ display: 'flex', flexDirection: 'column' }}>\r\n                <S.StepBarWrapper>\r\n                  {stepBar.map((element, key) => {\r\n                    switch (element.index) {\r\n                      case 1:\r\n                        return (\r\n                          <S.StepBullet key={key}>\r\n                            <S.StepBulletLabel\r\n                              style={{\r\n                                color:\r\n                                  step === element.index &&\r\n                                  SHADE_LIGHT_PURPLE_COLOR,\r\n                                fontWeight: step >= element.index && 700\r\n                              }}\r\n                            >\r\n                              {element.title}\r\n                            </S.StepBulletLabel>\r\n                            <S.StepBulletIcon\r\n                              src={\r\n                                step === element.index\r\n                                  ? '/assets/img/svg/wizardstep/bullet-current.svg'\r\n                                  : '/assets/img/svg/wizardstep/bullet-done.svg'\r\n                              }\r\n                              onClick={() =>\r\n                                this.setState({ step: element.index })\r\n                              }\r\n                            />\r\n                          </S.StepBullet>\r\n                        );\r\n                      default:\r\n                        return (\r\n                          <S.StepBullet key={key}>\r\n                            <S.StepBulletLabel\r\n                              style={{\r\n                                color:\r\n                                  step === element.index &&\r\n                                  SHADE_LIGHT_PURPLE_COLOR,\r\n                                fontWeight: step >= element.index && 700\r\n                              }}\r\n                            >\r\n                              {element.title}\r\n                            </S.StepBulletLabel>\r\n                            <div\r\n                              style={{\r\n                                display: 'flex',\r\n                                position: 'relative',\r\n                                width: '100%',\r\n                                right: 'calc((100% - 10px) / 2)'\r\n                              }}\r\n                            >\r\n                              <S.StepBarIcon\r\n                                src={\r\n                                  step >= element.index - 1\r\n                                    ? '/assets/img/svg/wizardstep/bar-active.svg'\r\n                                    : '/assets/img/svg/wizardstep/bar-normal.svg'\r\n                                }\r\n                              />\r\n                              <S.StepBulletIcon\r\n                                src={\r\n                                  step === element.index\r\n                                    ? '/assets/img/svg/wizardstep/bullet-current.svg'\r\n                                    : step > element.index\r\n                                      ? '/assets/img/svg/wizardstep/bullet-done.svg'\r\n                                      : '/assets/img/svg/wizardstep/bullet-not-done.svg'\r\n                                }\r\n                                onClick={() => this.onStepChange(element.index)}\r\n                              />\r\n                            </div>\r\n                          </S.StepBullet>\r\n                        );\r\n                    }\r\n                  })}\r\n                </S.StepBarWrapper>\r\n                <div>\r\n                  <S.Description>\r\n                    <span id=\"description\">\r\n                      {stepBar[step - 1].description}\r\n                    </span>\r\n                  </S.Description>\r\n                </div>\r\n                {stepBar[step - 1].content}\r\n              </div>\r\n              {step === 2 && (\r\n                <div\r\n                  style={{\r\n                    display: 'flex',\r\n                    flexDirection: 'column',\r\n                    width: '100%'\r\n                  }}\r\n                >\r\n                  <S.DoorStyleWrapper>\r\n                    {this.props.categoryData.data.doorStyles.items\r\n                      .filter(item => item.name === installation.name)[0]\r\n                      .items.filter(\r\n                        item1 => item1.name === doorCategory.name\r\n                      )[0].items.length === 0 ? (\r\n                      <span\r\n                        style={{\r\n                          fontFamily: DEFAULT_FONT_FAMILY,\r\n                          fontSize: 22,\r\n                          lineHeight: '28px',\r\n                          fontWeight: 700,\r\n                          margin: 'auto',\r\n                          marginTop: 50,\r\n                          color: STATUS_NEGATIVE_COLOR,\r\n                          padding: '2rem'\r\n                        }}\r\n                      >\r\n                        There is no door style with current dealer\r\n                      </span>\r\n                    ) : colorFamily.id &&\r\n                      this.props.categoryData.data.doorStyles.items\r\n                        .filter(item => item.name === installation.name)[0]\r\n                        .items.filter(\r\n                          item1 => item1.name === doorCategory.name\r\n                        )[0]\r\n                        .items.filter(\r\n                          element =>\r\n                            element.color_family.search(\r\n                              `,${colorFamily.id},`\r\n                            ) === 0\r\n                        ).length === 0 ? (\r\n                      <span\r\n                        style={{\r\n                          fontFamily: DEFAULT_FONT_FAMILY,\r\n                          fontSize: 22,\r\n                          lineHeight: '28px',\r\n                          fontWeight: 700,\r\n                          margin: 'auto',\r\n                          marginTop: 50,\r\n                          color: STATUS_NEGATIVE_COLOR,\r\n                          padding: '2rem'\r\n                        }}\r\n                      >\r\n                        There is no door style with current door color family\r\n                      </span>\r\n                    ) : (\r\n                      this.props.categoryData.data.doorStyles.items\r\n                        .filter(item => item.name === installation.name)[0]\r\n                        .items.filter(\r\n                          item1 => item1.name === doorCategory.name\r\n                        )[0]\r\n                        .items.map((element, key) => {\r\n                          return !colorFamily.id ||\r\n                            element.color_family.search(\r\n                              `,${colorFamily.id},`\r\n                            ) === 0 ? (\r\n                            <S.DoorStyleContentItem\r\n                              style={{\r\n                                margin: 0,\r\n                                height: 340,\r\n                                width: 160,\r\n                                backgroundColor:\r\n                                  doorStyle.name === element.name && '#EDF1FB',\r\n                                borderRadius: 6\r\n                              }}\r\n                              onClick={() =>\r\n                                this.setState({ doorStyle: element })\r\n                              }\r\n                              key={key}\r\n                            >\r\n                              <S.FinishContentImageWrapper\r\n                                id={`door&${element.name}&item`}\r\n                                style={{\r\n                                  marginTop: 15,\r\n                                  border:\r\n                                    doorStyle.name === element.name &&\r\n                                    `2px solid ${SECONDARY_PURPLE_COLOR}`,\r\n                                  backgroundColor:\r\n                                    doorStyle.name === element.name &&\r\n                                    TEXT_COLOR_NEUTRAL_5\r\n                                }}\r\n                              >\r\n                                <S.FinishContentImage\r\n                                  src={element.thumbnail}\r\n                                  style={{ width: '100%', height: '100%' }}\r\n                                />\r\n                                <S.ContentCheckImage\r\n                                  id=\"check\"\r\n                                  src=\"/assets/img/svg/wizardstep/check-normal.svg\"\r\n                                  style={{\r\n                                    height: 160,\r\n                                    width: 120,\r\n                                    borderRadius: 10,\r\n                                    backgroundColor: 'unset',\r\n                                    zIndex: 2\r\n                                  }}\r\n                                />\r\n                                {doorStyle.name === element.name && (\r\n                                  <S.ContentCheckImage\r\n                                    src=\"/assets/img/svg/wizardstep/check-active.svg\"\r\n                                    style={{\r\n                                      height: 160,\r\n                                      width: 120,\r\n                                      borderRadius: 10,\r\n                                      backgroundColor: 'unset'\r\n                                    }}\r\n                                  />\r\n                                )}\r\n                              </S.FinishContentImageWrapper>\r\n                              <S.ContentItemLabel\r\n                                id={`door&${element.name}&label`}\r\n                                style={{\r\n                                  fontWeight:\r\n                                    doorStyle.name === element.name && 700,\r\n                                  color:\r\n                                    doorStyle.name === element.name\r\n                                      ? SECONDARY_PURPLE_COLOR\r\n                                      : TEXT_COLOR_NEUTRAL_0,\r\n                                  maxWidth: '130px'\r\n                                }}\r\n                              >\r\n                                {element.name}\r\n                              </S.ContentItemLabel>\r\n                            </S.DoorStyleContentItem>\r\n                          ) : null;\r\n                        })\r\n                    )}\r\n                  </S.DoorStyleWrapper>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <StyledDialog\r\n              open={cancelDialogVisible}\r\n              onClose={() => this.setState({ cancelDialogVisible: false })}\r\n            >\r\n              <S.DialogContent>\r\n                Do you want to apply your current selections or start from\r\n                scratch?\r\n              </S.DialogContent>\r\n              <S.DialogAction>\r\n                <S.Button\r\n                  onClick={() => {\r\n                    this.props.close();\r\n                    this.context.viewer2DActions.updateCeilHeight(96);\r\n                    this.context.viewer2DActions.updateCeilHeightUnit('in');\r\n                    this.context.viewer3DActions.update3DCeilHeight(96);\r\n                    this.context.viewer3DActions.update3DCeilHeightUnit('in');\r\n                  }}\r\n                >\r\n                  Discard\r\n                </S.Button>\r\n                <S.Button onClick={() => this._confirm(0)}>Apply</S.Button>\r\n              </S.DialogAction>\r\n            </StyledDialog>\r\n          </S.WizardStepWrapper>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nWizardStep.propTypes = {\r\n  state: PropTypes.object.isRequired,\r\n  content: PropTypes.number.isRequired\r\n};\r\n\r\nWizardStep.contextTypes = {\r\n  projectActions: PropTypes.object.isRequired,\r\n  viewer2DActions: PropTypes.object.isRequired,\r\n  viewer3DActions: PropTypes.object.isRequired,\r\n  linesActions: PropTypes.object.isRequired,\r\n  itemsActions: PropTypes.object.isRequired,\r\n  catalog: PropTypes.object.isRequired\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/wizardstep/styles.js

@@ -1,61 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { BG_COLOR_1, BG_COLOR_HOVER, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_2, TEXT_COLOR_NEUTRAL_3, TEXT_COLOR_NEUTRAL_4, TEXT_COLOR_NEUTRAL_5, DEFAULT_FONT_FAMILY, SHADE_LIGHT_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR, BG_COLOR_0 } from '../../constants';
-import styled from 'styled-components';
-export var WizardIntro = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  top: 60px;\n  width: 100%;\n  height: calc(100% - 60px);\n  display: flex;\n"])));
-export var IntroPlane = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: auto;\n  width: 700px;\n  padding: 50px 70px;\n  user-select: none;\n  text-align: center;\n  border-radius: 10px;\n  z-index: 10;\n  flex-flow: column;\n  background-color: rgb(255, 255, 255);\n  box-shadow:\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n"])));
-export var IntroMark = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-bottom: 20px;\n"])));
-export var IntroTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 26px;\n  font-weight: 700;\n  line-height: 36px;\n  margin-bottom: 10px;\n"])));
-export var IntroDescription = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n"])));
-export var IntroSelect = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-around;\n  margin-top: 40px;\n"])));
-export var IntroItem = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  img {\n    cursor: pointer;\n  }\n"])));
-export var IntroItemText = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 18px;\n"])));
-export var WizardStepWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 25px;\n  top: 90px;\n  z-index: 10;\n  flex-flow: column;\n  background-color: rgb(255, 255, 255);\n  box-shadow:\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\n  border-radius: 10px;\n  padding: 25px;\n  user-select: none;\n  height: calc(100vh - 110px);\n  display: flex;\n  max-width: calc(100vw - 50px);\n  overflow-y: auto;\n"])));
-export var TitleBarWrapper = styled.div(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n"])));
-export var TitleBar = styled.div(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  font-size: 26px;\n  font-family: ", ";\n  font-weight: 700;\n  line-height: 36px;\n  color: ", ";\n  text-align: left;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0);
-export var TitleBarButtonWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-export var TitleBarButton = styled.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointor;\n  align-items: center;\n  color: ", ";\n  outline: 0;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 16px;\n  margin-left: 10px;\n  padding: 8px 14px;\n  border: 1px solid;\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 5px;\n  line-height: 22px;\n  text-align: center;\n  background-color: ", ";\n  :hover {\n    background-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n  }\n  :focus {\n    // box-shadow: 0px 0px 8px 2px ", ";\n  }\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY, BG_COLOR_1, BG_COLOR_0, BG_COLOR_0, SECONDARY_PURPLE_COLOR);
-export var ConfirmButton = styled.button(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointor;\n  align-items: center;\n  color: ", ";\n  background-color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 16px;\n  margin-left: 10px;\n  padding: 8px 14px;\n  border: 1px solid ", ";\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 5px;\n  line-height: 22px;\n  text-align: center;\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), BG_COLOR_1, SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR);
-export var StepBarWrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  align-items: flex-start;\n  flex-direction: row;\n  display: flex;\n  padding: 25px;\n  box-shadow: none;\n  color: rgba(0, 0, 0, 0.87);\n  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  background-color: ", ";\n"])), BG_COLOR_1);
-export var StepBullet = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  flex: 1;\n  position: relative;\n  min-width: 230px;\n  max-width: 230px;\n  display: flex;\n  align-items: center;\n"])));
-export var StepBulletLabel = styled.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-bottom: 5px;\n  text-align: center;\n  color: ", ";\n  display: block;\n  font-size: 16px;\n  font-family: ", ";\n  font-weight: 600;\n  line-height: 22px;\n  text-align: center;\n"])), TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY);
-export var StepBulletIcon = styled.img(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  justify-content: center;\n  display: flex;\n  flex-shrink: 0;\n  cursor: pointer;\n  width: 16px;\n"])));
-export var StepBarIcon = styled.img(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  width: 250px;\n  display: block;\n"])));
-export var ContentWrapper = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 30px;\n"])));
-export var ContentWrapper1 = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 20px;\n"])));
-export var ContentItem = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 30px;\n  cursor: pointer;\n  img#check {\n    display: none;\n  }\n  span#hint {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      background-color: ", ";\n      z-index: 1;\n    }\n    span#hint {\n      display: block;\n    }\n  }\n"])), BG_COLOR_HOVER);
-export var ContentItemLabel = styled.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  color: ", ";\n  margin-bottom: 7px;\n  font-family: ", ";\n  /* @media screen and (min-width : 1024){font-size : 11px;}\n@media screen and (max-width : 1024){font-size : 11px;}\n@media screen and (min-width : 1366){font-size : 13px;}\n@media screen and (max-width : 1366){font-size : 13px;}\n@media screen and (min-width : 1440){font-size : 16px;}\n@media screen and (max-width : 1440){font-size : 16px;} */\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 22px;\n  text-align: center;\n  cursor: pointer;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var MeasurementUnitLabel = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 8px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  line-height: 22px;\n  padding: 0px 8px;\n  top: -9px;\n  font-weight: 400;\n  font-size: 16px;\n  text-align: left;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n"])), BG_COLOR_1, TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY);
-export var MeasurementUnitSelect = styled.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  width: 170px;\n  padding: 15px 15px;\n  color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n  font-family: ", ";\n  border-radius: 5px;\n  border: 2px solid ", ";\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_3);
-export var MeasurementUnitOption = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  padding: 12px 20px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-family: ", ";\n  color: ", ";\n  line-height: 22px;\n  text-align: left;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  :hover {\n    background-color: ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0, BG_COLOR_HOVER);
-export var SelectArrow = styled.img(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 15px;\n  width: 15px;\n  height: 9px;\n  background-color: ", ";\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n"])), TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage;
-});
-export var CeilingHeight = styled.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  padding: 15px 15px;\n  padding-right: 30px;\n  color: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 600;\n  line-height: 22px;\n  width: 150px;\n  font-size: 16px;\n  text-align: left;\n  font-family: ", ";\n  border: 2px solid ", ";\n  border-radius: 5px;\n  outline: 0;\n  :focus {\n    border-color: ", ";\n  }\n  :hover {\n    border-color: ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_3, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var RoomContentImage = styled.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n  background-color: ", ";\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: 100% 100%;\n  -webkit-mask-repeat: no-repeat;\n"])), TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage;
-});
-export var ContentCheckImage = styled.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  position: absolute;\n  height: 120px;\n  width: 120px;\n  padding: 45px;\n  cursor: pointer;\n  z-index: 2;\n"])));
-export var ColorContentItem = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 10px;\n  img#check {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      border: 2px solid ", ";\n      border-radius: 50%;\n    }\n  }\n"])), SECONDARY_PURPLE_COLOR);
-export var ColorContentImage = styled.img(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  height: 70px;\n  width: 70px;\n  cursor: pointer;\n  border-radius: 50%;\n  border: 1px solid ", ";\n"])), TEXT_COLOR_NEUTRAL_4);
-export var DoorStyleContentItem = styled.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  width: max-content;\n  margin-right: 30px;\n  img#check {\n    display: none;\n  }\n  :hover {\n    img#check {\n      display: block;\n      background-color: ", ";\n      z-index: 1;\n    }\n    div#item {\n      background-color: ", ";\n    }\n  }\n"])), TEXT_COLOR_NEUTRAL_5, BG_COLOR_HOVER);
-export var DoorStyleContentImageWrapper = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n  border-radius: 10px;\n  border: 2px solid ", ";\n"])), TEXT_COLOR_NEUTRAL_3);
-export var DoorStyleContentImage = styled.img(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  height: 120px;\n  background-color: ", ";\n  width: 120px;\n  border-radius: 10px;\n  z-index: 2;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: 25px 25px;\n"])), TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage;
-});
-export var DoorCategoryContentImageWrapper = styled.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  width: 120px;\n  display: flex;\n  justify-content: center;\n  border-radius: 10px;\n  :hover {\n    background-color: ", ";\n  }\n"])), BG_COLOR_HOVER);
-export var DoorCategoryContentImage = styled.img(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  height: 120px;\n  background-color: ", ";\n  width: 120px;\n  border-radius: 10px;\n  z-index: 2;\n  -webkit-mask-image: url(", ");\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: 25px 25px;\n"])), TEXT_COLOR_NEUTRAL_3, function (props) {
-  return props.maskImage;
-});
-export var FinishContentImage = styled.img(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  height: 120px;\n  z-index: 2;\n"])));
-export var ContentWrapper2 = styled.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-right: 30px;\n  align-items: center;\n"])));
-export var DoorStyleWrapper = styled.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 20px;\n  flex-wrap: wrap;\n  overflow-y: scroll;\n  max-height: calc(100vh - 250px);\n"])));
-export var Title = styled.span(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  font-family: ", ";\n  color: ", ";\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0);
-export var MaskImageWrapper = styled.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  height: 120px;\n  width: 120px;\n  z-index: 2;\n"])));
-export var DialogContent = styled.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  padding: 10px 30px;\n  padding-top: 30px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1);
-export var DialogAction = styled.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  padding: 15px 30px 25px;\n"])));
-export var Button = styled.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  padding: 10px 20px;\n  cursor: pointer;\n  margin-right: 10px;\n  color: ", ";\n  font-weight: bold;\n  font-family: ", ";\n  font-size: 16px;\n  border-radius: 20px;\n  :hover {\n    background-color: ", ";\n  }\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY, BG_COLOR_HOVER);
-export var Description = styled.span(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  font-size: 16px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0);
-export var FinishContentImageWrapper = styled.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 254px;\n  width: 127px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  overflow: hidden;\n  max-height: 238px;\n  min-height: 238px;\n  :hover {\n    background-color: ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_5);
-export var RetrieveTitle = styled.span(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY);
-//# sourceMappingURL=styles.js.map

package/es/components/wizardstep/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["BG_COLOR_1","BG_COLOR_HOVER","SECONDARY_PURPLE_COLOR","TEXT_COLOR_NEUTRAL_0","TEXT_COLOR_NEUTRAL_1","TEXT_COLOR_NEUTRAL_2","TEXT_COLOR_NEUTRAL_3","TEXT_COLOR_NEUTRAL_4","TEXT_COLOR_NEUTRAL_5","DEFAULT_FONT_FAMILY","SHADE_LIGHT_PURPLE_COLOR","SHADE_DARK_PURPLE_COLOR","BG_COLOR_0","styled","WizardIntro","div","_templateObject","_taggedTemplateLiteral","IntroPlane","_templateObject2","IntroMark","_templateObject3","IntroTitle","_templateObject4","IntroDescription","_templateObject5","IntroSelect","_templateObject6","IntroItem","_templateObject7","IntroItemText","_templateObject8","WizardStepWrapper","_templateObject9","TitleBarWrapper","_templateObject0","TitleBar","_templateObject1","TitleBarButtonWrapper","_templateObject10","TitleBarButton","button","_templateObject11","ConfirmButton","_templateObject12","StepBarWrapper","_templateObject13","StepBullet","_templateObject14","StepBulletLabel","span","_templateObject15","StepBulletIcon","img","_templateObject16","StepBarIcon","_templateObject17","ContentWrapper","_templateObject18","ContentWrapper1","_templateObject19","ContentItem","_templateObject20","ContentItemLabel","_templateObject21","MeasurementUnitLabel","_templateObject22","MeasurementUnitSelect","_templateObject23","MeasurementUnitOption","_templateObject24","SelectArrow","_templateObject25","props","maskImage","CeilingHeight","input","_templateObject26","RoomContentImage","_templateObject27","ContentCheckImage","_templateObject28","ColorContentItem","_templateObject29","ColorContentImage","_templateObject30","DoorStyleContentItem","_templateObject31","DoorStyleContentImageWrapper","_templateObject32","DoorStyleContentImage","_templateObject33","DoorCategoryContentImageWrapper","_templateObject34","DoorCategoryContentImage","_templateObject35","FinishContentImage","_templateObject36","ContentWrapper2","_templateObject37","DoorStyleWrapper","_templateObject38","Title","_templateObject39","MaskImageWrapper","_templateObject40","DialogContent","_templateObject41","DialogAction","_templateObject42","Button","_templateObject43","Description","_templateObject44","FinishContentImageWrapper","_templateObject45","RetrieveTitle","_templateObject46"],"sources":["../../../src/components/wizardstep/styles.js"],"sourcesContent":["import {\r\n  BG_COLOR_1,\r\n  BG_COLOR_HOVER,\r\n  SECONDARY_PURPLE_COLOR,\r\n  TEXT_COLOR_NEUTRAL_0,\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  TEXT_COLOR_NEUTRAL_2,\r\n  TEXT_COLOR_NEUTRAL_3,\r\n  TEXT_COLOR_NEUTRAL_4,\r\n  TEXT_COLOR_NEUTRAL_5,\r\n  DEFAULT_FONT_FAMILY,\r\n  SHADE_LIGHT_PURPLE_COLOR,\r\n  SHADE_DARK_PURPLE_COLOR,\r\n  BG_COLOR_0\r\n} from '../../constants';\r\nimport styled from 'styled-components';\r\n\r\nexport const WizardIntro = styled.div`\r\n  position: absolute;\r\n  left: 0;\r\n  top: 60px;\r\n  width: 100%;\r\n  height: calc(100% - 60px);\r\n  display: flex;\r\n`;\r\n\r\nexport const IntroPlane = styled.div`\r\n  position: relative;\r\n  margin: auto;\r\n  width: 700px;\r\n  padding: 50px 70px;\r\n  user-select: none;\r\n  text-align: center;\r\n  border-radius: 10px;\r\n  z-index: 10;\r\n  flex-flow: column;\r\n  background-color: rgb(255, 255, 255);\r\n  box-shadow:\r\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\r\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\r\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\r\n`;\r\n\r\nexport const IntroMark = styled.div`\r\n  margin-bottom: 20px;\r\n`;\r\n\r\nexport const IntroTitle = styled.div`\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  line-height: 36px;\r\n  margin-bottom: 10px;\r\n`;\r\n\r\nexport const IntroDescription = styled.div`\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n`;\r\n\r\nexport const IntroSelect = styled.div`\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-top: 40px;\r\n`;\r\n\r\nexport const IntroItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-align: center;\r\n  img {\r\n    cursor: pointer;\r\n  }\r\n`;\r\n\r\nexport const IntroItemText = styled.div`\r\n  margin-top: 10px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n`;\r\n\r\nexport const WizardStepWrapper = styled.div`\r\n  position: absolute;\r\n  left: 25px;\r\n  top: 90px;\r\n  z-index: 10;\r\n  flex-flow: column;\r\n  background-color: rgb(255, 255, 255);\r\n  box-shadow:\r\n    0px 3px 5px -1px rgba(156, 154, 154, 0.2),\r\n    0px 6px 10px 0px rgba(156, 154, 154, 0.39),\r\n    0px 1px 18px 0px rgba(156, 154, 154, 0.12);\r\n  border-radius: 10px;\r\n  padding: 25px;\r\n  user-select: none;\r\n  height: calc(100vh - 110px);\r\n  display: flex;\r\n  max-width: calc(100vw - 50px);\r\n  overflow-y: auto;\r\n`;\r\n\r\nexport const TitleBarWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  position: relative;\r\n`;\r\n\r\nexport const TitleBar = styled.div`\r\n  font-size: 26px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 700;\r\n  line-height: 36px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  text-align: left;\r\n`;\r\n\r\nexport const TitleBarButtonWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TitleBarButton = styled.button`\r\n  display: flex;\r\n  cursor: pointor;\r\n  align-items: center;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  outline: 0;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n  padding: 8px 14px;\r\n  border: 1px solid;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  background-color: ${BG_COLOR_1};\r\n  :hover {\r\n    background-color: ${BG_COLOR_0};\r\n  }\r\n  :active {\r\n    background-color: ${BG_COLOR_0};\r\n  }\r\n  :focus {\r\n    // box-shadow: 0px 0px 8px 2px ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const ConfirmButton = styled.button`\r\n  display: flex;\r\n  cursor: pointor;\r\n  align-items: center;\r\n  color: ${BG_COLOR_1};\r\n  background-color: ${SECONDARY_PURPLE_COLOR};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n  padding: 8px 14px;\r\n  border: 1px solid ${SECONDARY_PURPLE_COLOR};\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  :hover {\r\n    background-color: ${SHADE_LIGHT_PURPLE_COLOR};\r\n    border-color: ${SHADE_LIGHT_PURPLE_COLOR};\r\n  }\r\n  :active {\r\n    background-color: ${SHADE_DARK_PURPLE_COLOR};\r\n    border-color: ${SHADE_DARK_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const StepBarWrapper = styled.div`\r\n  align-items: flex-start;\r\n  flex-direction: row;\r\n  display: flex;\r\n  padding: 25px;\r\n  box-shadow: none;\r\n  color: rgba(0, 0, 0, 0.87);\r\n  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n  background-color: ${BG_COLOR_1};\r\n`;\r\n\r\nexport const StepBullet = styled.div`\r\n  flex-direction: column;\r\n  flex: 1;\r\n  position: relative;\r\n  min-width: 230px;\r\n  max-width: 230px;\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const StepBulletLabel = styled.span`\r\n  margin-bottom: 5px;\r\n  text-align: center;\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  display: block;\r\n  font-size: 16px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  text-align: center;\r\n`;\r\n\r\nexport const StepBulletIcon = styled.img`\r\n  justify-content: center;\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  cursor: pointer;\r\n  width: 16px;\r\n`;\r\n\r\nexport const StepBarIcon = styled.img`\r\n  width: 250px;\r\n  display: block;\r\n`;\r\n\r\nexport const ContentWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 30px;\r\n`;\r\n\r\nexport const ContentWrapper1 = styled.div`\r\n  display: flex;\r\n  margin-top: 20px;\r\n`;\r\n\r\nexport const ContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 30px;\r\n  cursor: pointer;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  span#hint {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      background-color: ${BG_COLOR_HOVER};\r\n      z-index: 1;\r\n    }\r\n    span#hint {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentItemLabel = styled.span`\r\n  margin-top: 10px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  margin-bottom: 7px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  /* @media screen and (min-width : 1024){font-size : 11px;}\r\n@media screen and (max-width : 1024){font-size : 11px;}\r\n@media screen and (min-width : 1366){font-size : 13px;}\r\n@media screen and (max-width : 1366){font-size : 13px;}\r\n@media screen and (min-width : 1440){font-size : 16px;}\r\n@media screen and (max-width : 1440){font-size : 16px;} */\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  cursor: pointer;\r\n`;\r\n\r\nexport const MeasurementUnitLabel = styled.span`\r\n  position: absolute;\r\n  left: 8px;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  line-height: 22px;\r\n  padding: 0px 8px;\r\n  top: -9px;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  text-align: left;\r\n  background-color: ${BG_COLOR_1};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n`;\r\n\r\nexport const MeasurementUnitSelect = styled.div`\r\n  cursor: pointer;\r\n  width: 170px;\r\n  padding: 15px 15px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  border-radius: 5px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n`;\r\n\r\nexport const MeasurementUnitOption = styled.div`\r\n  padding: 12px 20px;\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const SelectArrow = styled.img`\r\n  position: absolute;\r\n  right: 15px;\r\n  width: 15px;\r\n  height: 9px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  -webkit-mask-image: url(${props => props.maskImage});\r\n  -webkit-mask-size: 100% 100%;\r\n  -webkit-mask-repeat: no-repeat;\r\n`;\r\n\r\nexport const CeilingHeight = styled.input`\r\n  padding: 15px 15px;\r\n  padding-right: 30px;\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  width: 150px;\r\n  font-size: 16px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n  border-radius: 5px;\r\n  outline: 0;\r\n  :focus {\r\n    border-color: ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :hover {\r\n    border-color: ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const RoomContentImage = styled.img`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  -webkit-mask-image: url(${props => props.maskImage});\r\n  -webkit-mask-size: 100% 100%;\r\n  -webkit-mask-repeat: no-repeat;\r\n`;\r\n\r\nexport const ContentCheckImage = styled.img`\r\n  position: absolute;\r\n  height: 120px;\r\n  width: 120px;\r\n  padding: 45px;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const ColorContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ColorContentImage = styled.img`\r\n  height: 70px;\r\n  width: 70px;\r\n  cursor: pointer;\r\n  border-radius: 50%;\r\n  border: 1px solid ${TEXT_COLOR_NEUTRAL_4};\r\n`;\r\n\r\nexport const DoorStyleContentItem = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  cursor: pointer;\r\n  width: max-content;\r\n  margin-right: 30px;\r\n  img#check {\r\n    display: none;\r\n  }\r\n  :hover {\r\n    img#check {\r\n      display: block;\r\n      background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n      z-index: 1;\r\n    }\r\n    div#item {\r\n      background-color: ${BG_COLOR_HOVER};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const DoorStyleContentImageWrapper = styled.div`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n  border-radius: 10px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n`;\r\n\r\nexport const DoorStyleContentImage = styled.img`\r\n  height: 120px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  width: 120px;\r\n  border-radius: 10px;\r\n  z-index: 2;\r\n  -webkit-mask-image: url(${props => props.maskImage});\r\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\r\n  -webkit-mask-repeat: no-repeat;\r\n  -webkit-mask-position: 25px 25px;\r\n`;\r\n\r\nexport const DoorCategoryContentImageWrapper = styled.div`\r\n  width: 120px;\r\n  display: flex;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const DoorCategoryContentImage = styled.img`\r\n  height: 120px;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  width: 120px;\r\n  border-radius: 10px;\r\n  z-index: 2;\r\n  -webkit-mask-image: url(${props => props.maskImage});\r\n  -webkit-mask-size: calc(100% - 50px) calc(100% - 50px);\r\n  -webkit-mask-repeat: no-repeat;\r\n  -webkit-mask-position: 25px 25px;\r\n`;\r\n\r\nexport const FinishContentImage = styled.img`\r\n  height: 120px;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const ContentWrapper2 = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-right: 30px;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DoorStyleWrapper = styled.div`\r\n  display: flex;\r\n  margin-top: 20px;\r\n  flex-wrap: wrap;\r\n  overflow-y: scroll;\r\n  max-height: calc(100vh - 250px);\r\n`;\r\n\r\nexport const Title = styled.span`\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n`;\r\n\r\nexport const MaskImageWrapper = styled.div`\r\n  height: 120px;\r\n  width: 120px;\r\n  z-index: 2;\r\n`;\r\n\r\nexport const DialogContent = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  padding: 10px 30px;\r\n  padding-top: 30px;\r\n`;\r\n\r\nexport const DialogAction = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 15px 30px 25px;\r\n`;\r\n\r\nexport const Button = styled.div`\r\n  padding: 10px 20px;\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  font-weight: bold;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 16px;\r\n  border-radius: 20px;\r\n  :hover {\r\n    background-color: ${BG_COLOR_HOVER};\r\n  }\r\n`;\r\n\r\nexport const Description = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  @media screen and (min-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (max-width: 1024) {\r\n    font-size: 11px;\r\n  }\r\n  @media screen and (min-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (max-width: 1366) {\r\n    font-size: 13px;\r\n  }\r\n  @media screen and (min-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  @media screen and (max-width: 1440) {\r\n    font-size: 16px;\r\n  }\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-size: 16px;\r\n`;\r\n\r\nexport const FinishContentImageWrapper = styled.div`\r\n  display: flex;\r\n  height: 254px;\r\n  width: 127px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  max-height: 238px;\r\n  min-height: 238px;\r\n  :hover {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  }\r\n`;\r\nexport const RetrieveTitle = styled.span`\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 30px;\r\n  text-align: left;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/wizardstep/wizardstep-content-button.js

@@ -1,217 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import * as SharedStyle from '../../shared-style';
-import { FaTimes as IconClose } from 'react-icons/fa';
-var labelContainerStyle = {
-  width: 'auto',
-  display: 'inline-block',
-  margin: 0,
-  padding: '0px 5px 0px 0px'
-};
-var toggleButtonStyle = {
-  color: '#CCC',
-  textAlign: 'center',
-  cursor: 'pointer',
-  userSelect: 'none'
-};
-var toggleButtonStyleOver = _objectSpread(_objectSpread({}, toggleButtonStyle), {}, {
-  color: SharedStyle.COLORS.white
-});
-var contentContainerStyleActive = {
-  position: 'fixed',
-  width: 'calc( 100% - 2px )',
-  height: '40%',
-  left: 0,
-  bottom: 20,
-  backgroundColor: SharedStyle.PRIMARY_COLOR.alt,
-  borderTop: SharedStyle.PRIMARY_COLOR.border,
-  zIndex: 0,
-  padding: 0,
-  margin: 0,
-  transition: 'all 300ms ease'
-};
-var contentContainerStyleInactive = _objectSpread(_objectSpread({}, contentContainerStyleActive), {}, {
-  visibility: 'hidden',
-  height: 0
-});
-var contentHeaderStyle = {
-  position: 'relative',
-  width: '100%',
-  height: '2em',
-  top: 0,
-  left: 0,
-  borderBottom: SharedStyle.PRIMARY_COLOR.border
-};
-var titleStyle = {
-  position: 'relative',
-  height: '2em',
-  lineHeight: '2em',
-  marginLeft: '1em'
-};
-var contentAreaStyle = {
-  position: 'relative',
-  width: '100%',
-  height: 'calc( 100% - 2em )',
-  padding: '1em',
-  overflowY: 'auto'
-};
-var iconCloseStyleOut = {
-  position: 'absolute',
-  width: '2em',
-  height: '2em',
-  right: 0,
-  top: 0,
-  padding: '0.5em',
-  borderLeft: SharedStyle.PRIMARY_COLOR.border,
-  cursor: 'pointer'
-};
-var iconCloseStyleOver = _objectSpread(_objectSpread({}, iconCloseStyleOut), {}, {
-  color: SharedStyle.COLORS.white,
-  backgroundColor: SharedStyle.SECONDARY_COLOR.alt
-});
-var iconStyle = {
-  width: '15px',
-  height: '15px',
-  marginTop: '-2px',
-  marginRight: '2px'
-};
-var textStyle = {
-  position: 'relative'
-};
-var FooterContentButton = /*#__PURE__*/function (_Component) {
-  function FooterContentButton(props) {
-    var _this;
-    _classCallCheck(this, FooterContentButton);
-    _this = _callSuper(this, FooterContentButton, [props]);
-    _this.state = {
-      over: false,
-      closeOver: false,
-      active: _this.props.toggleState || false
-    };
-    return _this;
-  }
-  _inherits(FooterContentButton, _Component);
-  return _createClass(FooterContentButton, [{
-    key: "toggleOver",
-    value: function toggleOver(e) {
-      this.setState({
-        over: true
-      });
-    }
-  }, {
-    key: "toggleOut",
-    value: function toggleOut(e) {
-      this.setState({
-        over: false
-      });
-    }
-  }, {
-    key: "toggle",
-    value: function toggle(e) {
-      var isActive = !this.state.active;
-      this.setState({
-        active: isActive
-      });
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps, nextState) {
-      if (this.state.over != nextState.over) return true;
-      if (this.state.closeOver != nextState.closeOver) return true;
-      if (this.state.active != nextState.active) return true;
-      if (this.props.content.length != nextProps.content.length) return true;
-      if (this.props.toggleState != nextProps.toggleState) return true;
-      return false;
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.toggleState != this.props.toggleState) this.state.active = nextProps.toggleState;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var s = this.state;
-      var p = this.props;
-      var LabelIcon = p.icon || null;
-      var labelIconStyle = p.iconStyle || {};
-      var labelTextStyle = p.textStyle || {};
-      var inputTitleStyle = p.titleStyle || {};
-      return /*#__PURE__*/React.createElement("div", {
-        style: labelContainerStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        style: s.over || s.active ? toggleButtonStyleOver : toggleButtonStyle,
-        onClick: function onClick(e) {
-          return _this2.toggle(e);
-        },
-        title: p.title
-      }, /*#__PURE__*/React.createElement(LabelIcon, {
-        style: _objectSpread(_objectSpread({}, labelIconStyle), iconStyle)
-      }), /*#__PURE__*/React.createElement("span", {
-        style: _objectSpread(_objectSpread({}, textStyle), labelTextStyle)
-      }, p.text)), /*#__PURE__*/React.createElement("div", {
-        style: s.active ? contentContainerStyleActive : contentContainerStyleInactive
-      }, /*#__PURE__*/React.createElement("div", {
-        style: contentHeaderStyle
-      }, /*#__PURE__*/React.createElement("b", {
-        style: _objectSpread(_objectSpread({}, titleStyle), inputTitleStyle)
-      }, p.title), /*#__PURE__*/React.createElement(IconClose, {
-        style: s.closeOver ? iconCloseStyleOver : iconCloseStyleOut,
-        onMouseOver: function onMouseOver(e) {
-          return _this2.setState({
-            closeOver: true
-          });
-        },
-        onMouseOut: function onMouseOut(e) {
-          return _this2.setState({
-            closeOver: false
-          });
-        },
-        onClick: function onClick(e) {
-          return _this2.toggle(e);
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        style: contentAreaStyle
-      }, p.content)));
-    }
-  }]);
-}(Component);
-export { FooterContentButton as default };
-FooterContentButton.propTypes = {
-  state: PropTypes.object.isRequired,
-  text: PropTypes.string.isRequired,
-  textStyle: PropTypes.object,
-  icon: PropTypes.func,
-  iconStyle: PropTypes.object,
-  content: PropTypes.array.isRequired,
-  toggleState: PropTypes.bool,
-  title: PropTypes.string,
-  titleStyle: PropTypes.object
-};
-FooterContentButton.contextTypes = {
-  projectActions: PropTypes.object.isRequired,
-  viewer2DActions: PropTypes.object.isRequired,
-  viewer3DActions: PropTypes.object.isRequired,
-  linesActions: PropTypes.object.isRequired,
-  holesActions: PropTypes.object.isRequired,
-  itemsActions: PropTypes.object.isRequired,
-  translator: PropTypes.object.isRequired
-};
-//# sourceMappingURL=wizardstep-content-button.js.map