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

package/es/components/toolbar/popup/savedesign/styles.js

@@ -1,19 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled from 'styled-components';
-import { BG_COLOR_1, BG_COLOR_HOVER, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_2, TEXT_COLOR_NEUTRAL_3 } from '../../../../constants';
-export var DialogTitle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: left;\n  margin-bottom: 1rem;\n"])), TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY);
-export var DialogContent = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n  width: 100%;\n  margin-bottom: 32px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1);
-export var DialogContents = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  padding: 10px 0px;\n  font-size: 14px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1);
-export var DialogContentSelection = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-height: calc(100vh - 300px);\n  overflow-y: scroll;\n"])));
-export var DialogAction = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 2rem;\n"])));
-export var Button = styled.div(_templateObject6 || (_templateObject6 = _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 DialogTextArea = styled.textarea(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  padding: 10px;\n  resize: none;\n  height: 140px;\n  width: 100%;\n  outline: 0;\n  border-radius: 5px;\n  :hover {\n    border: 2px solid ", ";\n  }\n  :focus {\n    border: 2px solid ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var StyledInputWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 10px 0px;\n"])));
-export var PlusImage = styled.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  height: 25px;\n  width: 25px;\n  transform: rotate(45deg);\n  right: 10px;\n  cursor: pointer;\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 + '?nocache=2025';
-});
-export var StyledInput = styled.input(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  width: 100%;\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 22px;\n  height: 44px;\n  text-align: left;\n  padding: 10px;\n  color: ", ";\n  border: 1px solid;\n  border-radius: 5px;\n  outline: 0;\n  :focus {\n    border: 2px solid ", ";\n  }\n  :hover {\n    border: 2px solid ", ";\n  }\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_2, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var StyledInputLabel = styled.span(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-family: ", ";\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  position: absolute;\n  left: 12px;\n  color: ", ";\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_2);
-export var StyledInputHeadLabel = styled.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  font-family: ", ";\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n  position: absolute;\n  left: 12px;\n  top: -9px;\n  background-color: ", ";\n  padding: 0px 7px;\n  color: ", ";\n"])), DEFAULT_FONT_FAMILY, BG_COLOR_1, SECONDARY_PURPLE_COLOR);
-//# sourceMappingURL=styles.js.map

package/es/components/toolbar/popup/savedesign/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styled","BG_COLOR_1","BG_COLOR_HOVER","DEFAULT_FONT_FAMILY","SECONDARY_PURPLE_COLOR","TEXT_COLOR_NEUTRAL_1","TEXT_COLOR_NEUTRAL_2","TEXT_COLOR_NEUTRAL_3","DialogTitle","span","_templateObject","_taggedTemplateLiteral","DialogContent","_templateObject2","DialogContents","_templateObject3","DialogContentSelection","div","_templateObject4","DialogAction","_templateObject5","Button","_templateObject6","DialogTextArea","textarea","_templateObject7","StyledInputWrapper","_templateObject8","PlusImage","img","_templateObject9","props","maskImage","StyledInput","input","_templateObject0","StyledInputLabel","_templateObject1","StyledInputHeadLabel","_templateObject10"],"sources":["../../../../../src/components/toolbar/popup/savedesign/styles.js"],"sourcesContent":["import styled from 'styled-components';\r\nimport {\r\n  BG_COLOR_1,\r\n  BG_COLOR_HOVER,\r\n  DEFAULT_FONT_FAMILY,\r\n  SECONDARY_PURPLE_COLOR,\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  TEXT_COLOR_NEUTRAL_2,\r\n  TEXT_COLOR_NEUTRAL_3\r\n} from '../../../../constants';\r\n\r\nexport const DialogTitle = 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  margin-bottom: 1rem;\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  font-size: 13px;\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  text-align: left;\r\n  width: 100%;\r\n  margin-bottom: 32px;\r\n`;\r\n\r\nexport const DialogContents = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  padding: 10px 0px;\r\n  font-size: 14px;\r\n`;\r\n\r\nexport const DialogContentSelection = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: calc(100vh - 300px);\r\n  overflow-y: scroll;\r\n`;\r\n\r\nexport const DialogAction = styled.div`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  margin-top: 2rem;\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 DialogTextArea = styled.textarea`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  padding: 10px;\r\n  resize: none;\r\n  height: 140px;\r\n  width: 100%;\r\n  outline: 0;\r\n  border-radius: 5px;\r\n  :hover {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :focus {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const StyledInputWrapper = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 10px 0px;\r\n`;\r\n\r\nexport const PlusImage = styled.img`\r\n  position: absolute;\r\n  height: 25px;\r\n  width: 25px;\r\n  transform: rotate(45deg);\r\n  right: 10px;\r\n  cursor: pointer;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_3};\r\n  -webkit-mask-image: url(${props => props.maskImage + '?nocache=2025'});\r\n  -webkit-mask-size: 100% 100%;\r\n  -webkit-mask-repeat: no-repeat;\r\n`;\r\n\r\nexport const StyledInput = styled.input`\r\n  width: 100%;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  height: 44px;\r\n  text-align: left;\r\n  padding: 10px;\r\n  color: ${TEXT_COLOR_NEUTRAL_2};\r\n  border: 1px solid;\r\n  border-radius: 5px;\r\n  outline: 0;\r\n  :focus {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :hover {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const StyledInputLabel = styled.span`\r\n  font-size: 16px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  position: absolute;\r\n  left: 12px;\r\n  color: ${TEXT_COLOR_NEUTRAL_2};\r\n`;\r\n\r\nexport const StyledInputHeadLabel = styled.span`\r\n  font-size: 12px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  text-align: left;\r\n  position: absolute;\r\n  left: 12px;\r\n  top: -9px;\r\n  background-color: ${BG_COLOR_1};\r\n  padding: 0px 7px;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SACEC,UAAU,EACVC,cAAc,EACdC,mBAAmB,EACnBC,sBAAsB,EACtBC,oBAAoB,EACpBC,oBAAoB,EACpBC,oBAAoB,QACf,uBAAuB;AAE9B,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACS,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6JAC3BN,oBAAoB,EACdF,mBAAmB,CAMnC;AAED,OAAO,IAAMS,aAAa,GAAGZ,MAAM,CAACS,IAAI,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,6KACvBR,mBAAmB,EACzBE,oBAAoB,CAO9B;AAED,OAAO,IAAMS,cAAc,GAAGd,MAAM,CAACS,IAAI,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,2FACxBR,mBAAmB,EACzBE,oBAAoB,CAG9B;AAED,OAAO,IAAMW,sBAAsB,GAAGhB,MAAM,CAACiB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,kHAK/C;AAED,OAAO,IAAMQ,YAAY,GAAGnB,MAAM,CAACiB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,+EAIrC;AAED,OAAO,IAAMU,MAAM,GAAGrB,MAAM,CAACiB,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,mOAIrBP,sBAAsB,EAEhBD,mBAAmB,EAIZD,cAAc,CAErC;AAED,OAAO,IAAMqB,cAAc,GAAGvB,MAAM,CAACwB,QAAQ,CAAAC,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,4TAC5BR,mBAAmB,EAYZC,sBAAsB,EAGtBA,sBAAsB,CAE7C;AAED,OAAO,IAAMsB,kBAAkB,GAAG1B,MAAM,CAACiB,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,gGAK3C;AAED,OAAO,IAAMiB,SAAS,GAAG5B,MAAM,CAAC6B,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAnB,sBAAA,qQAObJ,oBAAoB,EACd,UAAAwB,KAAK;EAAA,OAAIA,KAAK,CAACC,SAAS,GAAG,eAAe;AAAA,EAGrE;AAED,OAAO,IAAMC,WAAW,GAAGjC,MAAM,CAACkC,KAAK,CAAAC,gBAAA,KAAAA,gBAAA,GAAAxB,sBAAA,gVAEtBR,mBAAmB,EAOzBG,oBAAoB,EAKPF,sBAAsB,EAGtBA,sBAAsB,CAE7C;AAED,OAAO,IAAMgC,gBAAgB,GAAGpC,MAAM,CAACS,IAAI,CAAA4B,gBAAA,KAAAA,gBAAA,GAAA1B,sBAAA,2KAE1BR,mBAAmB,EAMzBG,oBAAoB,CAC9B;AAED,OAAO,IAAMgC,oBAAoB,GAAGtC,MAAM,CAACS,IAAI,CAAA8B,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,yOAE9BR,mBAAmB,EAOdF,UAAU,EAErBG,sBAAsB,CAChC","ignoreList":[]}

package/es/components/toolbar/popup/setDoorStyleOption/index.js

@@ -1,57 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import React from 'react';
-import Dialog from '@material-ui/core/Dialog';
-import styled from 'styled-components';
-import { TEXT_COLOR_NEUTRAL_1, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, BG_COLOR_HOVER } from '../../../../constants';
-var StyledDialog = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paperWidthSm {\n    border-radius: 10px;\n  }\n"])));
-var StyledDialogContent = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  padding: 25px 30px;\n  padding-bottom: 10px;\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1);
-var StyledDialogAction = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-evenly;\n  padding: 10px 30px 25px;\n"])));
-var StyledButton = styled.div(_templateObject4 || (_templateObject4 = _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);
-var DoorStyleOption = function DoorStyleOption(props) {
-  return /*#__PURE__*/React.createElement(StyledDialog, {
-    open: props.visible,
-    onClose: function onClose() {
-      return props.setVisible(!props.visible);
-    }
-  }, /*#__PURE__*/React.createElement(StyledDialogContent, null, props.content), /*#__PURE__*/React.createElement(StyledDialogAction, null, /*#__PURE__*/React.createElement(StyledButton, {
-    onClick: function onClick() {
-      return props.handle(true);
-    }
-  }, "All"), /*#__PURE__*/React.createElement(StyledButton, {
-    onClick: function onClick() {
-      return props.handle(false);
-    }
-  }, "Current")))
-  // <div style={{ width: '100%', height: '100%', userSelect: 'none' }}>
-  //   <Div>
-  //     <div style={{ backgroundColor: '#1183B7', height: '30px', paddingRight: '6px' }}>
-  //       <div style={{ float: 'right', marginTop: '4px' }} onClick={() => props.handle(false)}>
-  //         <IconButton><FaTimes /></IconButton>
-  //       </div>
-  //     </div>
-  //     <div style={{ fontSize: 14, marginTop: 20 }}>
-  //       <span style={{ margin: 20 }}>{props.content}</span>
-  //     </div>
-  //     <div style={{ fontSize: 12, display: 'flex', flexDirection: 'column', position: 'relative' }}>
-  //     </div>
-  //     <div style={{ display: 'flex', position: 'relative', marginTop: '20px', justifyContent: 'space-evenly' }}>
-  //       <div style={{ width: '70px', marginTop: '15px', cursor: 'pointer' }} onClick={() => props.handle(true)}>
-  //         <img width={'80px'} style={{ float: 'right' }} src={'/assets/img/svg/toolbar/use_button.svg'} />
-  //         <ButtonTitle1>
-  //           {'All'}
-  //         </ButtonTitle1>
-  //       </div>
-  //       <div style={{ width: '70px', marginTop: '15px', cursor: 'pointer' }} onClick={() => props.handle(false)}>
-  //         <img width={'80px'} style={{ float: 'right' }} src={'/assets/img/svg/toolbar/cancel_button.svg'} />
-  //         <ButtonTitle2>
-  //           {'Current'}
-  //         </ButtonTitle2>
-  //       </div>
-  //     </div>
-  //   </Div>
-  // </div>
-  ;
-};
-export default DoorStyleOption;
-//# sourceMappingURL=index.js.map

package/es/components/toolbar/popup/setDoorStyleOption/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","Dialog","styled","TEXT_COLOR_NEUTRAL_1","DEFAULT_FONT_FAMILY","SECONDARY_PURPLE_COLOR","BG_COLOR_HOVER","StyledDialog","_templateObject","_taggedTemplateLiteral","StyledDialogContent","span","_templateObject2","StyledDialogAction","div","_templateObject3","StyledButton","_templateObject4","DoorStyleOption","props","createElement","open","visible","onClose","setVisible","content","onClick","handle"],"sources":["../../../../../src/components/toolbar/popup/setDoorStyleOption/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport styled from 'styled-components';\r\nimport {\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  DEFAULT_FONT_FAMILY,\r\n  SECONDARY_PURPLE_COLOR,\r\n  BG_COLOR_HOVER\r\n} from '../../../../constants';\r\n\r\nconst StyledDialog = styled(Dialog)`\r\n  .MuiDialog-paperWidthSm {\r\n    border-radius: 10px;\r\n  }\r\n`;\r\n\r\nconst StyledDialogContent = styled.span`\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  padding: 25px 30px;\r\n  padding-bottom: 10px;\r\n`;\r\n\r\nconst StyledDialogAction = styled.div`\r\n  display: flex;\r\n  justify-content: space-evenly;\r\n  padding: 10px 30px 25px;\r\n`;\r\n\r\nconst StyledButton = 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\nconst DoorStyleOption = props => {\r\n  return (\r\n    <StyledDialog\r\n      open={props.visible}\r\n      onClose={() => props.setVisible(!props.visible)}\r\n    >\r\n      <StyledDialogContent>{props.content}</StyledDialogContent>\r\n      <StyledDialogAction>\r\n        <StyledButton onClick={() => props.handle(true)}>All</StyledButton>\r\n        <StyledButton onClick={() => props.handle(false)}>Current</StyledButton>\r\n      </StyledDialogAction>\r\n    </StyledDialog>\r\n    // <div style={{ width: '100%', height: '100%', userSelect: 'none' }}>\r\n    //   <Div>\r\n    //     <div style={{ backgroundColor: '#1183B7', height: '30px', paddingRight: '6px' }}>\r\n    //       <div style={{ float: 'right', marginTop: '4px' }} onClick={() => props.handle(false)}>\r\n    //         <IconButton><FaTimes /></IconButton>\r\n    //       </div>\r\n    //     </div>\r\n    //     <div style={{ fontSize: 14, marginTop: 20 }}>\r\n    //       <span style={{ margin: 20 }}>{props.content}</span>\r\n    //     </div>\r\n    //     <div style={{ fontSize: 12, display: 'flex', flexDirection: 'column', position: 'relative' }}>\r\n    //     </div>\r\n    //     <div style={{ display: 'flex', position: 'relative', marginTop: '20px', justifyContent: 'space-evenly' }}>\r\n    //       <div style={{ width: '70px', marginTop: '15px', cursor: 'pointer' }} onClick={() => props.handle(true)}>\r\n    //         <img width={'80px'} style={{ float: 'right' }} src={'/assets/img/svg/toolbar/use_button.svg'} />\r\n    //         <ButtonTitle1>\r\n    //           {'All'}\r\n    //         </ButtonTitle1>\r\n    //       </div>\r\n    //       <div style={{ width: '70px', marginTop: '15px', cursor: 'pointer' }} onClick={() => props.handle(false)}>\r\n    //         <img width={'80px'} style={{ float: 'right' }} src={'/assets/img/svg/toolbar/cancel_button.svg'} />\r\n    //         <ButtonTitle2>\r\n    //           {'Current'}\r\n    //         </ButtonTitle2>\r\n    //       </div>\r\n    //     </div>\r\n    //   </Div>\r\n    // </div>\r\n  );\r\n};\r\n\r\nexport default DoorStyleOption;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SACEC,oBAAoB,EACpBC,mBAAmB,EACnBC,sBAAsB,EACtBC,cAAc,QACT,uBAAuB;AAE9B,IAAMC,YAAY,GAAGL,MAAM,CAACD,MAAM,CAAC,CAAAO,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sEAIlC;AAED,IAAMC,mBAAmB,GAAGR,MAAM,CAACS,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,iGACtBL,mBAAmB,EACzBD,oBAAoB,CAG9B;AAED,IAAMU,kBAAkB,GAAGX,MAAM,CAACY,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,0FAIpC;AAED,IAAMO,YAAY,GAAGd,MAAM,CAACY,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mOAIpBJ,sBAAsB,EAEhBD,mBAAmB,EAIZE,cAAc,CAErC;AAED,IAAMY,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;EAC/B,oBACEnB,KAAA,CAAAoB,aAAA,CAACb,YAAY;IACXc,IAAI,EAAEF,KAAK,CAACG,OAAQ;IACpBC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQJ,KAAK,CAACK,UAAU,CAAC,CAACL,KAAK,CAACG,OAAO,CAAC;IAAA;EAAC,gBAEhDtB,KAAA,CAAAoB,aAAA,CAACV,mBAAmB,QAAES,KAAK,CAACM,OAA6B,CAAC,eAC1DzB,KAAA,CAAAoB,aAAA,CAACP,kBAAkB,qBACjBb,KAAA,CAAAoB,aAAA,CAACJ,YAAY;IAACU,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQP,KAAK,CAACQ,MAAM,CAAC,IAAI,CAAC;IAAA;EAAC,GAAC,KAAiB,CAAC,eACnE3B,KAAA,CAAAoB,aAAA,CAACJ,YAAY;IAACU,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQP,KAAK,CAACQ,MAAM,CAAC,KAAK,CAAC;IAAA;EAAC,GAAC,SAAqB,CACrD,CACR;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AAEJ,CAAC;AAED,eAAeT,eAAe","ignoreList":[]}

package/es/components/toolbar/popup/styles.js

@@ -1,98 +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, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled from 'styled-components';
-import { Checkbox } from '@material-ui/core';
-import { BG_COLOR_0, BG_COLOR_1, BG_COLOR_HOVER, DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, TEXT_COLOR, TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_3, TEXT_COLOR_NEUTRAL_4, TEXT_COLOR_NEUTRAL_5 } from '../../../constants';
-
-// Common Styles
-
-export var UnAvailableText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: #696969;\n  opacity: 0.8;\n  top: 0;\n  color: white;\n  display: flex;\n  font-size: 16px;\n  align-items: center;\n  justify-content: center;\n  cursor: no-drop;\n  user-select: none;\n"])));
-export var IconButton = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #fff;\n  font-size: 12px;\n  border: 0px;\n  border-radius: 3px;\n  background: #000;\n  border: 1px solid #000;\n  padding: 4px 4px 1px 4px;\n  cursor: pointer;\n"])));
-export var ActiveIconButton = styled.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: #fff;\n  font-size: 12px;\n  border: 0px;\n  border-radius: 3px;\n  background: #0f8a61;\n  border: 1px solid #0f8a61;\n  padding: 4px 4px 1px 4px;\n  cursor: pointer;\n"])));
-// Main Styles
-export var Wrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n"])));
-export var TitleBar = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 30px;\n  background: #1183bb;\n  padding: 0px 8px 0px 8px;\n  clear: both;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n"])));
-export var Title = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  float: left;\n  line-height: 30px;\n  color: #fff;\n  font-size: 12px;\n"])));
-export var TitleBarIconButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  float: right;\n  cursor: pointer;\n  width: 100%;\n  user-select: none;\n"])));
-export var ContentWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  clear: both;\n"])));
-export var ContentObjectWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 340px;\n  clear: both;\n  display: flex;\n  height: fit-content;\n  flex-direction: column;\n  border-radius: 15px;\n  margin-left: 10px;\n  padding: 20px;\n  padding-top: 60px;\n  margin: unset;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  max-height: calc(100vh - ", "px);\n  overflow: auto;\n"])), BG_COLOR_1, function (props) {
-  return props.headerH + 80;
-});
-export var SettingDialog = styled.div(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  right: 10px;\n  display: none;\n  background: ", ";\n  width: 370px;\n  clear: both;\n  flex-direction: column;\n  border-radius: 15px;\n  padding: 20px;\n  margin-left: 10px;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  height: calc(100vh - ", "px);\n"])), BG_COLOR_1, function (props) {
-  return props.headerH + 20;
-});
-export var VideoModal = styled.div(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  display: none;\n  position: fixed;\n  z-index: 1000;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  height: 100vh;\n  .modal-body {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    position: relative;\n    div {\n      margin: auto;\n      height: unset !important;\n      border-radius: 10px;\n      video {\n        height: inherit !important;\n      }\n    }\n  }\n"])));
-export var HelpDialog = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  right: 10px;\n  display: flex;\n  background: ", ";\n  width: 460px;\n  clear: both;\n  flex-direction: column;\n  border-radius: 15px;\n  padding: 10px;\n  padding-top: 60px;\n  height: fit-content;\n  user-select: none;\n  font-family: ", ";\n"])), BG_COLOR_1, DEFAULT_FONT_FAMILY);
-export var HCTitle = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 26px;\n  font-weight: bold;\n  line-height: 36px;\n  text-align: left;\n  padding: 15px 10px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_0);
-export var HCSubTitle = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 22px;\n  font-weight: bold;\n  line-height: 30px;\n  text-align: left;\n  padding: 15px 10px 5px 15px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_0);
-export var HCCardTitle = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 25px;\n  text-align: left;\n  padding: 15px 10px 5px 10px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_0);
-export var Tab = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 0;\n  margin-left: 10px;\n  height: fit-content;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  width: fit-content;\n  border-radius: 15px;\n  position: relative;\n"])), BG_COLOR_0);
-export var TopLine = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  position: absolute !important;\n"])));
-export var TabLine = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  background-color: ", ";\n  padding: 0 10px;\n  border-radius: 15px 0;\n  box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.12) inset;\n"])), BG_COLOR_0);
-export var ToolLine = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  width: -webkit-fill-available;\n  height: fit-content;\n  margin: auto;\n"])));
-export var TabLabel = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  width: max-content;\n  user-select: none;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ", ";\n  line-height: 24px;\n  padding: 5px 5px 7px 10px;\n  margin: 3px 5px;\n  justify-content: center;\n  color: ", ";\n  align-items: center;\n  label {\n    margin-right: 10px;\n    cursor: pointer;\n  }\n  img {\n    background-color: ", ";\n  }\n  &.selected {\n    color: ", ";\n    background-color: ", ";\n    border: 3px solid ", ";\n    border-radius: 5px;\n    img {\n      background-color: ", ";\n    }\n    :hover {\n      background-color: ", ";\n      border-color: ", ";\n    }\n    :active {\n      background-color: ", ";\n      border-color: ", ";\n    }\n  }\n"])), DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_1, BG_COLOR_1, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR, BG_COLOR_1, SHADE_LIGHT_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR);
-export var TitleBarButton = styled.button(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointor;\n  align-items: center;\n  color: ", ";\n  outline: 0;\n  font-weight: 400;\n  font-size: 16px;\n  margin-left: 10px;\n  padding: 5px 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"])), SECONDARY_PURPLE_COLOR, BG_COLOR_1, BG_COLOR_0, BG_COLOR_0);
-export var HCCardButton = styled.button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: relative;\n  border: 3px solid ", ";\n  border-radius: 5px;\n  height: 40px;\n  width: 40px;\n  padding: auto;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  margin-top: 10px;\n  margin-right: 10px;\n  background-color: ", ";\n  color: ", ";\n  font-size: 16px;\n  font-weight: 400;\n  outline: 0;\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n  :active {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR, BG_COLOR_1, SHADE_LIGHT_PURPLE_COLOR, SHADE_LIGHT_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR, SHADE_DARK_PURPLE_COLOR);
-export var HCCollapse = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  button {\n    margin: 5px 15px;\n    cursor: pointer;\n    width: calc(100% - 30px);\n    background-color: ", ";\n    border: none;\n    padding: 0;\n    text-align: left;\n    outline: none;\n    font-size: 19px;\n    img {\n      transform: rotate(0deg);\n      transition: transform 0.2s ease-in;\n    }\n  }\n  .active {\n    img {\n      transform: rotate(180deg);\n    }\n  }\n  span {\n    font-family: ", ";\n  }\n  .content {\n    margin: 5px 15px;\n    color: ", ";\n    background-color: white;\n    max-height: 0;\n    overflow: hidden;\n    font-size: 13px;\n    transition: max-height 0.2s ease-out;\n  }\n"])), BG_COLOR_1, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_1);
-export var HCHr = styled.hr(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  border: 0;\n  border-top: 2px solid ", ";\n  margin: 10px;\n"])), BG_COLOR_HOVER);
-export var HCLable = styled.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 13px;\n  text-align: left;\n  padding: 5px 10px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_1);
-export var HCTextArea = styled.textarea(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 22px;\n  text-align: left;\n  padding: 10px;\n  resize: none;\n  height: 140px;\n  width: 100%;\n  outline: 0;\n  border-radius: 5px;\n  :hover {\n    border: 2px solid ", ";\n  }\n  :focus {\n    border: 2px solid ", ";\n  }\n"])), SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var HCSelect = styled.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  position: relative;\n  border-radius: 5px;\n  border: 2px solid ", ";\n  margin-top: 20px;\n  :hover {\n    border: 2px solid ", ";\n  }\n  :focus {\n    border: 2px solid ", ";\n  }\n  div {\n    position: absolute;\n    top: -8px;\n    left: 10px;\n    font-size: 13px;\n    color: ", ";\n    font-weigt: 400;\n    padding: 0 3px;\n    background-color: ", ";\n  }\n  select {\n    width: -webkit-fill-available;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    text-align: left;\n    margin: 0 10px;\n    padding: 10px 0;\n    outline: 0;\n    border: none;\n    option {\n      color: black;\n      :first-child {\n        color: grey;\n      }\n    }\n    option[disabled]:first-child {\n      display: none;\n    }\n    .empty {\n      color: grey;\n    }\n  }\n"])), TEXT_COLOR_NEUTRAL_3, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_1, BG_COLOR_1);
-export var HCUpload = styled.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  margin-top: 20px;\n  user-select: none;\n  display: block;\n  width: 100%;\n  .upload {\n    border: 2px dashed ", ";\n    outline: 0;\n    border-radius: 5px;\n    label {\n      width: 100%;\n      cursor: pointer;\n      text-align: center;\n      p {\n        margin: 10px;\n        color: ", ";\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 24px;\n      }\n      input {\n        width: 0 !important;\n        height: 0 !important;\n        overflow: hidden !important;\n        display: none;\n      }\n    }\n  }\n  .upload-label {\n    text-align: center;\n    margin-top: 10px;\n    font-size: 13px;\n    color: ", ";\n    font-weigt: 400;\n  }\n"])), TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_1, TEXT_COLOR_NEUTRAL_1);
-export var HCTag = styled.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 10px;\n  text-align: left;\n  padding: 5px 10px;\n  user-select: none;\n"])), TEXT_COLOR_NEUTRAL_1);
-export var HCCard = styled.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: block;\n  margin: 0px 10px 5px 10px;\n"])));
-export var Video = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  height: 150px;\n  margin: 15px 10px;\n  margin-bottom: 5px;\n  position: relative;\n"])));
-export var VideoText = styled.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 20px;\n  top: 10px;\n  color: white;\n"])));
-export var VideoTitle = styled.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 24px;\n  font-weight: 700;\n  user-select: none;\n"])));
-export var VideoTag = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  font-size: 10px;\n  line-height: 16px;\n  user-select: none;\n"])));
-export var VideoButton = styled.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: calc(50% - 35px);\n  top: calc(50% - 35px);\n  width: 70px;\n  height: 70px;\n  cursor: pointer;\n"])));
-export var SearchBox = styled.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: 15px 10px;\n"])));
-export var SearchInput = styled.input(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  text-align: left;\n  padding: 10px;\n  padding-left: 40px;\n  width: 100%;\n  outline: 0;\n  border-radius: 5px;\n  border: 2px solid ", ";\n  :hover {\n    border: 2px solid ", ";\n  }\n  :focus {\n    border: 2px solid ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_3, SECONDARY_PURPLE_COLOR, SECONDARY_PURPLE_COLOR);
-export var Support = styled.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  display: flex;\n  line-height: 24px;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n  color: ", ";\n  img {\n    margin: 0 5px;\n  }\n"])), SECONDARY_PURPLE_COLOR);
-export var ObjectPropertyWrapper = styled.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  right: 30px;\n  top: 90px;\n  z-index: 10;\n  bottom: 10px;\n  z-index: 10;\n  flexflow: column;\n  width: 320px;\n"])));
-export var ContentObjectCeilHeight = styled.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  width: 210px;\n  background: rgba(250, 252, 251, 1);\n  font-size: 12px;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  height: 43px;\n  margin-top: 13px;\n  padding-top: 4px;\n"])));
-export var SearchForm = styled.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  position: relative;\n  margin: 0px 5px;\n"])));
-// export const SearchInput = styled.input`
-//   background: #FFF;
-//   border: 0px;
-//   border-radius: 3px;
-//   height: 25px;
-//   width: 100%;
-//   padding-left: 24px;
-//   &:focus {
-//     outline: none;
-//     box-shadow: 0px 0px 0px;
-//   }
-// `
-export var SearchIcon = styled.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 12px;\n  left: 15px;\n  color: #666;\n  cursor: pointer;\n  font-size: 24px;\n"])));
-export var TitlesRow = styled.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  display: grid;\n"])));
-export var RecentTitle = styled.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  color: #fff;\n  margin: 14px 0px 19px;\n"])));
-export var RecentStyles = styled.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral([""])));
-export var AddStyleButtonWrapper = styled.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  color: #fff;\n  button {\n    float: left;\n  }\n  span {\n    float: left;\n    margin-top: 7px;\n    margin-left: 10px;\n    font-size: 10px;\n  }\n"])));
-export var SubTitle = styled.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  color: #000;\n  padding-top: 10px;\n"])));
-export var ChildTitle = styled.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  color: #000;\n  width: 100%;\n"])));
-export var ChildTitle1 = styled.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  color: #000;\n  padding-bottom: 10px;\n  height: 26.5px;\n"])));
-export var CabinetTitle = styled.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n  color: #000;\n  font-weight: 800;\n  margin-top: 30px;\n"])));
-export var PropteryValue = styled.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\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: 700;\n  line-height: 22px;\n  text-align: left;\n  font-size: 16px;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var PropteryValue1 = styled.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\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  text-align: left;\n  font-size: 16px;\n  font-weight: 600px;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var PropteryValue2 = styled.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\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  text-align: left;\n  font-size: 16px;\n  font-weight: 600px;\n  width: 45%;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var PositionValue = styled.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\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  font-size: 16px;\n  line-height: 22px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var DesignValue = styled.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 26px;\n  font-weight: 700;\n  width: 100%;\n  font-family: ", ";\n  line-height: 36px;\n  text-align: left;\n  margin-top: 30px;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-export var Diver = styled.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n  border-bottom: 2px solid;\n"])));
-export var FurnitureBoxTitle = styled.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  color: #000;\n  padding-bottom: 10px;\n  font-size: 11px;\n"])));
-export var ClearFix = styled.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  clear: both;\n  height: 0px;\n"])));
-export var Image = styled.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  text-align: center;\n  div {\n    width: 66px;\n    height: 70px;\n  }\n  img {\n    width: 66px;\n    height: 70px;\n    padding: 8px;\n    cursor: pointer;\n    transition: 0.3s;\n  }\n  :hover {\n    img {\n      width: 70px;\n      height: 75px;\n    }\n  }\n"])));
-export var SelectedWrapper = styled.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  width: 210px;\n  background: rgba(250, 252, 251, 1);\n  font-size: 12px;\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n"])));
-export var SelectedBox = styled.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: 10px;\n  width: 100%;\n  height: 150px;\n  margin-top: 15px;\n  img {\n    width: 50%;\n    padding: 8px;\n    cursor: pointer;\n    transition: 0.3s;\n  }\n"])), TEXT_COLOR_NEUTRAL_5);
-//////
-export var CategoryContentWrapper = styled.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n  float: left;\n  width: 100%;\n  min-width: 185px;\n  overflow-y: auto;\n"])));
-export var ProductsContentWrapper = styled.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n  float: left;\n  border-left: 2px solid #2f2f2f;\n  overflow-y: auto;\n"])));
-export var ItemWrapper = styled.div(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n  display: flex;\n  border-bottom: 2px solid #2f2f2f;\n"])));
-export var testJsonItemWrapper = styled.div(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n  display: flex;\n  border-bottom: 2px solid #2f2f2f;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 12px;\n  :hover {\n    color: rgb(28, 166, 252);\n    cursor: pointer;\n  }\n"])));
-export var ProductsRow = styled.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n  display: block;\n  flex-wrap: wrap;\n  align-items: streatch;\n  a :hover {\n    color: rgb(28, 166, 252);\n    cursor: pointer;\n  }\n"])));
-export var ButtonTitle = styled.span(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n  margin: auto;\n  font-family: ", ";\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: center;\n  user-select: none;\n"])), DEFAULT_FONT_FAMILY);
-export var ButtonBox = styled.div(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n  border-radius: 10px;\n  padding: 10px;\n  margin: auto;\n  cursor: pointer;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n  text-align: center;\n  display: flex;\n  :hover {\n    background-color: ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_5);
-export var ButtonElevation = styled.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  font-family: ", ";\n  font-weight: 600;\n  line-height: 18px;\n  cursor: pointer;\n  padding: 12px 16px 12px 16px;\n  border-radius: 10px;\n  :hover {\n    background-color: ", ";\n  }\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_5);
-export var ButtonDelete = styled.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 12px 16px 12px 16px;\n  cursor: pointer;\n  border-radius: 10px;\n  :hover {\n    background-color: ", ";\n  }\n"])), TEXT_COLOR_NEUTRAL_5);
-export var DialogCheckbox = styled(Checkbox)(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  padding: 0px !important;\n  font-size: 14px !important;\n  color: aliceblue !important;\n  margin-bottom: 4px !important;\n"])));
-//# sourceMappingURL=styles.js.map

package/es/components/toolbar/popup/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styled","Checkbox","BG_COLOR_0","BG_COLOR_1","BG_COLOR_HOVER","DEFAULT_FONT_FAMILY","SECONDARY_PURPLE_COLOR","SHADE_DARK_PURPLE_COLOR","SHADE_LIGHT_PURPLE_COLOR","TEXT_COLOR","TEXT_COLOR_NEUTRAL_0","TEXT_COLOR_NEUTRAL_1","TEXT_COLOR_NEUTRAL_3","TEXT_COLOR_NEUTRAL_4","TEXT_COLOR_NEUTRAL_5","UnAvailableText","div","_templateObject","_taggedTemplateLiteral","IconButton","button","_templateObject2","ActiveIconButton","_templateObject3","Wrapper","_templateObject4","TitleBar","_templateObject5","Title","_templateObject6","TitleBarIconButton","_templateObject7","ContentWrapper","_templateObject8","ContentObjectWrapper","_templateObject9","props","headerH","SettingDialog","_templateObject0","VideoModal","_templateObject1","HelpDialog","_templateObject10","HCTitle","_templateObject11","HCSubTitle","_templateObject12","HCCardTitle","_templateObject13","Tab","_templateObject14","TopLine","_templateObject15","TabLine","_templateObject16","ToolLine","_templateObject17","TabLabel","_templateObject18","TitleBarButton","_templateObject19","HCCardButton","_templateObject20","HCCollapse","_templateObject21","HCHr","hr","_templateObject22","HCLable","_templateObject23","HCTextArea","textarea","_templateObject24","HCSelect","_templateObject25","HCUpload","_templateObject26","HCTag","_templateObject27","HCCard","_templateObject28","Video","_templateObject29","VideoText","_templateObject30","VideoTitle","_templateObject31","VideoTag","_templateObject32","VideoButton","_templateObject33","SearchBox","_templateObject34","SearchInput","input","_templateObject35","Support","_templateObject36","ObjectPropertyWrapper","_templateObject37","ContentObjectCeilHeight","_templateObject38","SearchForm","_templateObject39","SearchIcon","_templateObject40","TitlesRow","_templateObject41","RecentTitle","_templateObject42","RecentStyles","_templateObject43","AddStyleButtonWrapper","_templateObject44","SubTitle","_templateObject45","ChildTitle","_templateObject46","ChildTitle1","_templateObject47","CabinetTitle","_templateObject48","PropteryValue","_templateObject49","PropteryValue1","_templateObject50","PropteryValue2","_templateObject51","PositionValue","_templateObject52","DesignValue","_templateObject53","Diver","_templateObject54","FurnitureBoxTitle","_templateObject55","ClearFix","_templateObject56","Image","_templateObject57","SelectedWrapper","_templateObject58","SelectedBox","_templateObject59","CategoryContentWrapper","_templateObject60","ProductsContentWrapper","_templateObject61","ItemWrapper","_templateObject62","testJsonItemWrapper","_templateObject63","ProductsRow","_templateObject64","ButtonTitle","span","_templateObject65","ButtonBox","_templateObject66","ButtonElevation","_templateObject67","ButtonDelete","_templateObject68","DialogCheckbox","_templateObject69"],"sources":["../../../../src/components/toolbar/popup/styles.js"],"sourcesContent":["import styled from 'styled-components';\r\nimport { Checkbox } from '@material-ui/core';\r\nimport {\r\n  BG_COLOR_0,\r\n  BG_COLOR_1,\r\n  BG_COLOR_HOVER,\r\n  DEFAULT_FONT_FAMILY,\r\n  SECONDARY_PURPLE_COLOR,\r\n  SHADE_DARK_PURPLE_COLOR,\r\n  SHADE_LIGHT_PURPLE_COLOR,\r\n  TEXT_COLOR,\r\n  TEXT_COLOR_NEUTRAL_0,\r\n  TEXT_COLOR_NEUTRAL_1,\r\n  TEXT_COLOR_NEUTRAL_3,\r\n  TEXT_COLOR_NEUTRAL_4,\r\n  TEXT_COLOR_NEUTRAL_5\r\n} from '../../../constants';\r\n\r\n// Common Styles\r\n\r\nexport const UnAvailableText = styled.div`\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #696969;\r\n  opacity: 0.8;\r\n  top: 0;\r\n  color: white;\r\n  display: flex;\r\n  font-size: 16px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: no-drop;\r\n  user-select: none;\r\n`;\r\nexport const IconButton = styled.button`\r\n  color: #fff;\r\n  font-size: 12px;\r\n  border: 0px;\r\n  border-radius: 3px;\r\n  background: #000;\r\n  border: 1px solid #000;\r\n  padding: 4px 4px 1px 4px;\r\n  cursor: pointer;\r\n`;\r\nexport const ActiveIconButton = styled.button`\r\n  color: #fff;\r\n  font-size: 12px;\r\n  border: 0px;\r\n  border-radius: 3px;\r\n  background: #0f8a61;\r\n  border: 1px solid #0f8a61;\r\n  padding: 4px 4px 1px 4px;\r\n  cursor: pointer;\r\n`;\r\n// Main Styles\r\nexport const Wrapper = styled.div`\r\n  font-size: 12px;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n`;\r\nexport const TitleBar = styled.div`\r\n  width: 100%;\r\n  height: 30px;\r\n  background: #1183bb;\r\n  padding: 0px 8px 0px 8px;\r\n  clear: both;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n`;\r\nexport const Title = styled.div`\r\n  float: left;\r\n  line-height: 30px;\r\n  color: #fff;\r\n  font-size: 12px;\r\n`;\r\nexport const TitleBarIconButton = styled.div`\r\n  float: right;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  user-select: none;\r\n`;\r\nexport const ContentWrapper = styled.div`\r\n  clear: both;\r\n`;\r\nexport const ContentObjectWrapper = styled.div`\r\n  background: ${BG_COLOR_1};\r\n  width: 340px;\r\n  clear: both;\r\n  display: flex;\r\n  height: fit-content;\r\n  flex-direction: column;\r\n  border-radius: 15px;\r\n  margin-left: 10px;\r\n  padding: 20px;\r\n  padding-top: 60px;\r\n  margin: unset;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n  max-height: calc(100vh - ${props => props.headerH + 80}px);\r\n  overflow: auto;\r\n`;\r\n\r\nexport const SettingDialog = styled.div`\r\n  right: 10px;\r\n  display: none;\r\n  background: ${BG_COLOR_1};\r\n  width: 370px;\r\n  clear: both;\r\n  flex-direction: column;\r\n  border-radius: 15px;\r\n  padding: 20px;\r\n  margin-left: 10px;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n  height: calc(100vh - ${props => props.headerH + 20}px);\r\n`;\r\n\r\nexport const VideoModal = styled.div`\r\n  display: none;\r\n  position: fixed;\r\n  z-index: 1000;\r\n  top: 0px;\r\n  left: 0;\r\n  width: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  height: 100vh;\r\n  .modal-body {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    position: relative;\r\n    div {\r\n      margin: auto;\r\n      height: unset !important;\r\n      border-radius: 10px;\r\n      video {\r\n        height: inherit !important;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const HelpDialog = styled.div`\r\n  right: 10px;\r\n  display: flex;\r\n  background: ${BG_COLOR_1};\r\n  width: 460px;\r\n  clear: both;\r\n  flex-direction: column;\r\n  border-radius: 15px;\r\n  padding: 10px;\r\n  padding-top: 60px;\r\n  height: fit-content;\r\n  user-select: none;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n`;\r\n\r\nexport const HCTitle = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-size: 26px;\r\n  font-weight: bold;\r\n  line-height: 36px;\r\n  text-align: left;\r\n  padding: 15px 10px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const HCSubTitle = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n  line-height: 30px;\r\n  text-align: left;\r\n  padding: 15px 10px 5px 15px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const HCCardTitle = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 25px;\r\n  text-align: left;\r\n  padding: 15px 10px 5px 10px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const Tab = styled.div`\r\n  background-color: ${BG_COLOR_0};\r\n  padding: 0;\r\n  margin-left: 10px;\r\n  height: fit-content;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n  width: fit-content;\r\n  border-radius: 15px;\r\n  position: relative;\r\n`;\r\n\r\nexport const TopLine = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  position: absolute !important;\r\n`;\r\n\r\nexport const TabLine = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  background-color: ${BG_COLOR_0};\r\n  padding: 0 10px;\r\n  border-radius: 15px 0;\r\n  box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.12) inset;\r\n`;\r\nexport const ToolLine = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  width: -webkit-fill-available;\r\n  height: fit-content;\r\n  margin: auto;\r\n`;\r\n\r\nexport const TabLabel = styled.div`\r\n  display: flex;\r\n  position: relative;\r\n  cursor: pointer;\r\n  width: max-content;\r\n  user-select: none;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  line-height: 24px;\r\n  padding: 5px 5px 7px 10px;\r\n  margin: 3px 5px;\r\n  justify-content: center;\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  align-items: center;\r\n  label {\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n  }\r\n  img {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_1};\r\n  }\r\n  &.selected {\r\n    color: ${BG_COLOR_1};\r\n    background-color: ${SECONDARY_PURPLE_COLOR};\r\n    border: 3px solid ${SECONDARY_PURPLE_COLOR};\r\n    border-radius: 5px;\r\n    img {\r\n      background-color: ${BG_COLOR_1};\r\n    }\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\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  font-weight: 400;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n  padding: 5px 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`;\r\n\r\nexport const HCCardButton = styled.button`\r\n  cursor: pointer;\r\n  position: relative;\r\n  border: 3px solid ${SECONDARY_PURPLE_COLOR};\r\n  border-radius: 5px;\r\n  height: 40px;\r\n  width: 40px;\r\n  padding: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin-top: 10px;\r\n  margin-right: 10px;\r\n  background-color: ${SECONDARY_PURPLE_COLOR};\r\n  color: ${BG_COLOR_1};\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  outline: 0;\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 HCCollapse = styled.div`\r\n  button {\r\n    margin: 5px 15px;\r\n    cursor: pointer;\r\n    width: calc(100% - 30px);\r\n    background-color: ${BG_COLOR_1};\r\n    border: none;\r\n    padding: 0;\r\n    text-align: left;\r\n    outline: none;\r\n    font-size: 19px;\r\n    img {\r\n      transform: rotate(0deg);\r\n      transition: transform 0.2s ease-in;\r\n    }\r\n  }\r\n  .active {\r\n    img {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n  span {\r\n    font-family: ${DEFAULT_FONT_FAMILY};\r\n  }\r\n  .content {\r\n    margin: 5px 15px;\r\n    color: ${TEXT_COLOR_NEUTRAL_1};\r\n    background-color: white;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    font-size: 13px;\r\n    transition: max-height 0.2s ease-out;\r\n  }\r\n`;\r\n\r\nexport const HCHr = styled.hr`\r\n  border: 0;\r\n  border-top: 2px solid ${BG_COLOR_HOVER};\r\n  margin: 10px;\r\n`;\r\n\r\nexport const HCLable = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  font-size: 13px;\r\n  text-align: left;\r\n  padding: 5px 10px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const HCTextArea = styled.textarea`\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  padding: 10px;\r\n  resize: none;\r\n  height: 140px;\r\n  width: 100%;\r\n  outline: 0;\r\n  border-radius: 5px;\r\n  :hover {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :focus {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const HCSelect = styled.div`\r\n  position: relative;\r\n  border-radius: 5px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n  margin-top: 20px;\r\n  :hover {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :focus {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  div {\r\n    position: absolute;\r\n    top: -8px;\r\n    left: 10px;\r\n    font-size: 13px;\r\n    color: ${TEXT_COLOR_NEUTRAL_1};\r\n    font-weigt: 400;\r\n    padding: 0 3px;\r\n    background-color: ${BG_COLOR_1};\r\n  }\r\n  select {\r\n    width: -webkit-fill-available;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    margin: 0 10px;\r\n    padding: 10px 0;\r\n    outline: 0;\r\n    border: none;\r\n    option {\r\n      color: black;\r\n      :first-child {\r\n        color: grey;\r\n      }\r\n    }\r\n    option[disabled]:first-child {\r\n      display: none;\r\n    }\r\n    .empty {\r\n      color: grey;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const HCUpload = styled.div`\r\n  margin-top: 20px;\r\n  user-select: none;\r\n  display: block;\r\n  width: 100%;\r\n  .upload {\r\n    border: 2px dashed ${TEXT_COLOR_NEUTRAL_1};\r\n    outline: 0;\r\n    border-radius: 5px;\r\n    label {\r\n      width: 100%;\r\n      cursor: pointer;\r\n      text-align: center;\r\n      p {\r\n        margin: 10px;\r\n        color: ${TEXT_COLOR_NEUTRAL_1};\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n      }\r\n      input {\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n        overflow: hidden !important;\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .upload-label {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    font-size: 13px;\r\n    color: ${TEXT_COLOR_NEUTRAL_1};\r\n    font-weigt: 400;\r\n  }\r\n`;\r\n\r\nexport const HCTag = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_1};\r\n  font-size: 10px;\r\n  text-align: left;\r\n  padding: 5px 10px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const HCCard = styled.div`\r\n  display: block;\r\n  margin: 0px 10px 5px 10px;\r\n`;\r\n\r\nexport const Video = styled.div`\r\n  height: 150px;\r\n  margin: 15px 10px;\r\n  margin-bottom: 5px;\r\n  position: relative;\r\n`;\r\n\r\nexport const VideoText = styled.div`\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 10px;\r\n  color: white;\r\n`;\r\n\r\nexport const VideoTitle = styled.div`\r\n  font-size: 20px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  user-select: none;\r\n`;\r\n\r\nexport const VideoTag = styled.div`\r\n  font-size: 10px;\r\n  line-height: 16px;\r\n  user-select: none;\r\n`;\r\n\r\nexport const VideoButton = styled.div`\r\n  position: absolute;\r\n  left: calc(50% - 35px);\r\n  top: calc(50% - 35px);\r\n  width: 70px;\r\n  height: 70px;\r\n  cursor: pointer;\r\n`;\r\n\r\nexport const SearchBox = styled.div`\r\n  position: relative;\r\n  margin: 15px 10px;\r\n`;\r\n\r\nexport const SearchInput = styled.input`\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  padding: 10px;\r\n  padding-left: 40px;\r\n  width: 100%;\r\n  outline: 0;\r\n  border-radius: 5px;\r\n  border: 2px solid ${TEXT_COLOR_NEUTRAL_3};\r\n  :hover {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n  :focus {\r\n    border: 2px solid ${SECONDARY_PURPLE_COLOR};\r\n  }\r\n`;\r\n\r\nexport const Support = styled.div`\r\n  font-size: 16px;\r\n  display: flex;\r\n  line-height: 24px;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  img {\r\n    margin: 0 5px;\r\n  }\r\n`;\r\n\r\nexport const ObjectPropertyWrapper = styled.div`\r\n  display: flex;\r\n  position: absolute;\r\n  right: 30px;\r\n  top: 90px;\r\n  z-index: 10;\r\n  bottom: 10px;\r\n  z-index: 10;\r\n  flexflow: column;\r\n  width: 320px;\r\n`;\r\n\r\nexport const ContentObjectCeilHeight = styled.div`\r\n  width: 210px;\r\n  background: rgba(250, 252, 251, 1);\r\n  font-size: 12px;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n  height: 43px;\r\n  margin-top: 13px;\r\n  padding-top: 4px;\r\n`;\r\nexport const SearchForm = styled.div`\r\n  position: relative;\r\n  margin: 0px 5px;\r\n`;\r\n// export const SearchInput = styled.input`\r\n//   background: #FFF;\r\n//   border: 0px;\r\n//   border-radius: 3px;\r\n//   height: 25px;\r\n//   width: 100%;\r\n//   padding-left: 24px;\r\n//   &:focus {\r\n//     outline: none;\r\n//     box-shadow: 0px 0px 0px;\r\n//   }\r\n// `\r\nexport const SearchIcon = styled.div`\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 15px;\r\n  color: #666;\r\n  cursor: pointer;\r\n  font-size: 24px;\r\n`;\r\nexport const TitlesRow = styled.div`\r\n  display: grid;\r\n`;\r\nexport const RecentTitle = styled.div`\r\n  color: #fff;\r\n  margin: 14px 0px 19px;\r\n`;\r\nexport const RecentStyles = styled.div``;\r\nexport const AddStyleButtonWrapper = styled.div`\r\n  cursor: pointer;\r\n  color: #fff;\r\n  button {\r\n    float: left;\r\n  }\r\n  span {\r\n    float: left;\r\n    margin-top: 7px;\r\n    margin-left: 10px;\r\n    font-size: 10px;\r\n  }\r\n`;\r\nexport const SubTitle = styled.div`\r\n  color: #000;\r\n  padding-top: 10px;\r\n`;\r\nexport const ChildTitle = styled.div`\r\n  color: #000;\r\n  width: 100%;\r\n`;\r\nexport const ChildTitle1 = styled.div`\r\n  color: #000;\r\n  padding-bottom: 10px;\r\n  height: 26.5px;\r\n`;\r\nexport const CabinetTitle = styled.div`\r\n  color: #000;\r\n  font-weight: 800;\r\n  margin-top: 30px;\r\n`;\r\nexport const PropteryValue = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\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: 700;\r\n  line-height: 22px;\r\n  text-align: left;\r\n  font-size: 16px;\r\n`;\r\nexport const PropteryValue1 = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\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  text-align: left;\r\n  font-size: 16px;\r\n  font-weight: 600px;\r\n`;\r\nexport const PropteryValue2 = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\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  text-align: left;\r\n  font-size: 16px;\r\n  font-weight: 600px;\r\n  width: 45%;\r\n`;\r\nexport const PositionValue = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-family: ${DEFAULT_FONT_FAMILY};\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  font-size: 16px;\r\n  line-height: 22px;\r\n  text-align: left;\r\n`;\r\n\r\nexport const DesignValue = styled.div`\r\n  color: ${TEXT_COLOR_NEUTRAL_0};\r\n  font-size: 26px;\r\n  font-weight: 700;\r\n  width: 100%;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  line-height: 36px;\r\n  text-align: left;\r\n  margin-top: 30px;\r\n`;\r\n\r\nexport const Diver = styled.div`\r\n  border-bottom: 2px solid;\r\n`;\r\nexport const FurnitureBoxTitle = styled.div`\r\n  color: #000;\r\n  padding-bottom: 10px;\r\n  font-size: 11px;\r\n`;\r\nexport const ClearFix = styled.div`\r\n  clear: both;\r\n  height: 0px;\r\n`;\r\nexport const Image = styled.div`\r\n  text-align: center;\r\n  div {\r\n    width: 66px;\r\n    height: 70px;\r\n  }\r\n  img {\r\n    width: 66px;\r\n    height: 70px;\r\n    padding: 8px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n  }\r\n  :hover {\r\n    img {\r\n      width: 70px;\r\n      height: 75px;\r\n    }\r\n  }\r\n`;\r\nexport const SelectedWrapper = styled.div`\r\n  width: 210px;\r\n  background: rgba(250, 252, 251, 1);\r\n  font-size: 12px;\r\n  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2),\r\n    -1px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\r\n`;\r\nexport const SelectedBox = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  border-radius: 10px;\r\n  width: 100%;\r\n  height: 150px;\r\n  margin-top: 15px;\r\n  img {\r\n    width: 50%;\r\n    padding: 8px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n  }\r\n`;\r\n//////\r\nexport const CategoryContentWrapper = styled.div`\r\n  float: left;\r\n  width: 100%;\r\n  min-width: 185px;\r\n  overflow-y: auto;\r\n`;\r\nexport const ProductsContentWrapper = styled.div`\r\n  float: left;\r\n  border-left: 2px solid #2f2f2f;\r\n  overflow-y: auto;\r\n`;\r\nexport const ItemWrapper = styled.div`\r\n  display: flex;\r\n  border-bottom: 2px solid #2f2f2f;\r\n`;\r\nexport const testJsonItemWrapper = styled.div`\r\n  display: flex;\r\n  border-bottom: 2px solid #2f2f2f;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  padding: 12px;\r\n  :hover {\r\n    color: rgb(28, 166, 252);\r\n    cursor: pointer;\r\n  }\r\n`;\r\nexport const ProductsRow = styled.div`\r\n  display: block;\r\n  flex-wrap: wrap;\r\n  align-items: streatch;\r\n  a :hover {\r\n    color: rgb(28, 166, 252);\r\n    cursor: pointer;\r\n  }\r\n`;\r\nexport const ButtonTitle = styled.span`\r\n  margin: auto;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n  text-align: center;\r\n  user-select: none;\r\n`;\r\n\r\nexport const ButtonBox = styled.div`\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  margin: auto;\r\n  cursor: pointer;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  display: flex;\r\n  :hover {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  }\r\n`;\r\n\r\nexport const ButtonElevation = styled.div`\r\n  color: ${SECONDARY_PURPLE_COLOR};\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  font-family: ${DEFAULT_FONT_FAMILY};\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n  cursor: pointer;\r\n  padding: 12px 16px 12px 16px;\r\n  border-radius: 10px;\r\n  :hover {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  }\r\n`;\r\n\r\nexport const ButtonDelete = styled.div`\r\n  display: flex;\r\n  padding: 12px 16px 12px 16px;\r\n  cursor: pointer;\r\n  border-radius: 10px;\r\n  :hover {\r\n    background-color: ${TEXT_COLOR_NEUTRAL_5};\r\n  }\r\n`;\r\n\r\nexport const DialogCheckbox = styled(Checkbox)`\r\n  padding: 0px !important;\r\n  font-size: 14px !important;\r\n  color: aliceblue !important;\r\n  margin-bottom: 4px !important;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/toolbar/popup/submitforquote/AddToCartOptions.js

@@ -1,157 +0,0 @@
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useState, useMemo } from 'react';
-import { Box, Typography, FormGroup, FormControlLabel, Checkbox, TextField, Divider, Accordion, AccordionSummary, AccordionDetails, Radio } from '@material-ui/core';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import * as S from './styles';
-import { StepDots } from './StepDots';
-var REVIEW_OPTIONS = ['Validate my design for accuracy', 'Confirm door style and finish', 'Optimize layout for better space usage', 'Identify potential cost savings', 'Confirm availability and lead times', 'Review for any installation concerns', 'Suggest matching accessories (e.g. moldings, fillers, organizers)', 'Check compatibility with appliances or plumbing', 'Provide professional recommendations'];
-var AddToCartOptions = function AddToCartOptions(_ref) {
-  var onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel,
-    currentStep = _ref.currentStep,
-    onStepChange = _ref.onStepChange;
-  var _useState = useState('review'),
-    _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1]; // keep default open
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selected = _useState4[0],
-    setSelected = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    notes = _useState6[0],
-    setNotes = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    skipReview = _useState8[0],
-    setSkipReview = _useState8[1];
-  var handlePanelToggle = function handlePanelToggle(panel) {
-    return function (_e, isExpanded) {
-      setExpanded(isExpanded ? panel : '');
-    };
-  };
-  var handleToggle = function handleToggle(option) {
-    return function () {
-      setSkipReview(false);
-      setSelected(function (prev) {
-        return prev.includes(option) ? prev.filter(function (v) {
-          return v !== option;
-        }) : [].concat(_toConsumableArray(prev), [option]);
-      });
-    };
-  };
-  var payload = useMemo(function () {
-    return {
-      reviewOptions: selected,
-      notes: notes.trim(),
-      expressCheckout: skipReview
-    };
-  }, [selected, notes, skipReview]);
-  var handleSubmit = function handleSubmit() {
-    if (onSubmit) onSubmit(payload);
-  };
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Box, {
-    style: {
-      maxHeight: '100%',
-      overflowX: 'auto'
-    }
-  }, /*#__PURE__*/React.createElement(Accordion, {
-    elevation: 0,
-    expanded: expanded.includes('review'),
-    onChange: handlePanelToggle('review')
-  }, /*#__PURE__*/React.createElement(AccordionSummary, {
-    expandIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, null)
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: {
-      color: 'rgb(67, 77, 99)'
-    },
-    variant: "h6"
-  }, "Submit options")), /*#__PURE__*/React.createElement(AccordionDetails, {
-    style: {
-      padding: 0
-    }
-  }, /*#__PURE__*/React.createElement(FormGroup, null, REVIEW_OPTIONS.map(function (option) {
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
-      key: option,
-      control: /*#__PURE__*/React.createElement(Checkbox, {
-        color: "primary",
-        checked: selected.includes(option),
-        onChange: handleToggle(option)
-      }),
-      label: option
-    });
-  })))), /*#__PURE__*/React.createElement(Accordion, {
-    elevation: 0,
-    expanded: expanded.includes('others'),
-    onChange: handlePanelToggle('others')
-  }, /*#__PURE__*/React.createElement(AccordionSummary, {
-    expandIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, null)
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: {
-      color: 'rgb(67, 77, 99)'
-    },
-    variant: "h6"
-  }, "Others (review notes)")), /*#__PURE__*/React.createElement(AccordionDetails, {
-    style: {
-      padding: 0
-    }
-  }, /*#__PURE__*/React.createElement(TextField, {
-    label: "Add any additional notes",
-    placeholder: "e.g., special instructions or edge cases",
-    value: notes,
-    onChange: function onChange(e) {
-      if (e.target.value) {
-        setSkipReview(false);
-      }
-      setNotes(e.target.value);
-    },
-    fullWidth: true,
-    multiline: true,
-    rows: 3,
-    variant: "outlined"
-  })))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Box, {
-    mt: 2,
-    mb: 1
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "subtitle1"
-  }, "Express Checkout: ", /*#__PURE__*/React.createElement("em", null, "(optional)")), /*#__PURE__*/React.createElement(FormControlLabel, {
-    control: /*#__PURE__*/React.createElement(Radio, {
-      color: "primary",
-      checked: skipReview,
-      onChange: function onChange(e) {
-        var checked = e.target.checked;
-        setSkipReview(checked);
-        if (checked) {
-          setSelected([]);
-          setNotes('');
-          setExpanded('');
-        }
-      }
-    }),
-    label: "Skip review and Go to Cart."
-  })), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    justifyContent: "flex-end",
-    mt: 2,
-    mb: expanded.includes('review') ? 2 : 0
-  }, /*#__PURE__*/React.createElement(StepDots, {
-    currentStep: currentStep,
-    onStepChange: onStepChange
-  }), /*#__PURE__*/React.createElement(S.Button, {
-    onClick: onCancel
-  }, "Cancel"), /*#__PURE__*/React.createElement(S.Button, {
-    onClick: handleSubmit
-  }, "Next")));
-};
-export default AddToCartOptions;
-//# sourceMappingURL=AddToCartOptions.js.map

package/es/components/toolbar/popup/submitforquote/AddToCartOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddToCartOptions.js","names":["React","useState","useMemo","Box","Typography","FormGroup","FormControlLabel","Checkbox","TextField","Divider","Accordion","AccordionSummary","AccordionDetails","Radio","ExpandMoreIcon","S","StepDots","REVIEW_OPTIONS","AddToCartOptions","_ref","onSubmit","onCancel","currentStep","onStepChange","_useState","_useState2","_slicedToArray","expanded","setExpanded","_useState3","_useState4","selected","setSelected","_useState5","_useState6","notes","setNotes","_useState7","_useState8","skipReview","setSkipReview","handlePanelToggle","panel","_e","isExpanded","handleToggle","option","prev","includes","filter","v","concat","_toConsumableArray","payload","reviewOptions","trim","expressCheckout","handleSubmit","createElement","style","maxHeight","overflowX","elevation","onChange","expandIcon","color","variant","padding","map","key","control","checked","label","placeholder","value","e","target","fullWidth","multiline","rows","mt","mb","display","justifyContent","Button","onClick"],"sources":["../../../../../src/components/toolbar/popup/submitforquote/AddToCartOptions.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\nimport {\r\n  Box,\r\n  Typography,\r\n  FormGroup,\r\n  FormControlLabel,\r\n  Checkbox,\r\n  TextField,\r\n  Divider,\r\n  Accordion,\r\n  AccordionSummary,\r\n  AccordionDetails,\r\n  Radio\r\n} from '@material-ui/core';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport * as S from './styles';\r\nimport { StepDots } from './StepDots';\r\n\r\nconst REVIEW_OPTIONS = [\r\n  'Validate my design for accuracy',\r\n  'Confirm door style and finish',\r\n  'Optimize layout for better space usage',\r\n  'Identify potential cost savings',\r\n  'Confirm availability and lead times',\r\n  'Review for any installation concerns',\r\n  'Suggest matching accessories (e.g. moldings, fillers, organizers)',\r\n  'Check compatibility with appliances or plumbing',\r\n  'Provide professional recommendations'\r\n];\r\n\r\nconst AddToCartOptions = ({\r\n  onSubmit,\r\n  onCancel,\r\n  currentStep,\r\n  onStepChange\r\n}) => {\r\n  const [expanded, setExpanded] = useState('review'); // keep default open\r\n  const [selected, setSelected] = useState([]);\r\n  const [notes, setNotes] = useState('');\r\n  const [skipReview, setSkipReview] = useState(false);\r\n\r\n  const handlePanelToggle = panel => (_e, isExpanded) => {\r\n    setExpanded(isExpanded ? panel : '');\r\n  };\r\n\r\n  const handleToggle = option => () => {\r\n    setSkipReview(false);\r\n    setSelected(prev =>\r\n      prev.includes(option) ? prev.filter(v => v !== option) : [...prev, option]\r\n    );\r\n  };\r\n\r\n  const payload = useMemo(\r\n    () => ({\r\n      reviewOptions: selected,\r\n      notes: notes.trim(),\r\n      expressCheckout: skipReview\r\n    }),\r\n    [selected, notes, skipReview]\r\n  );\r\n\r\n  const handleSubmit = () => {\r\n    if (onSubmit) onSubmit(payload);\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      <Divider />\r\n      <Box\r\n        style={{\r\n          maxHeight: '100%',\r\n          overflowX: 'auto'\r\n        }}\r\n      >\r\n        <Accordion\r\n          elevation={0}\r\n          expanded={expanded.includes('review')}\r\n          onChange={handlePanelToggle('review')}\r\n        >\r\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n            <Typography\r\n              style={{\r\n                color: 'rgb(67, 77, 99)'\r\n              }}\r\n              variant=\"h6\"\r\n            >\r\n              Submit options\r\n            </Typography>\r\n          </AccordionSummary>\r\n          <AccordionDetails\r\n            style={{\r\n              padding: 0\r\n            }}\r\n          >\r\n            <FormGroup>\r\n              {REVIEW_OPTIONS.map(option => (\r\n                <FormControlLabel\r\n                  key={option}\r\n                  control={\r\n                    <Checkbox\r\n                      color=\"primary\"\r\n                      checked={selected.includes(option)}\r\n                      onChange={handleToggle(option)}\r\n                    />\r\n                  }\r\n                  label={option}\r\n                />\r\n              ))}\r\n            </FormGroup>\r\n          </AccordionDetails>\r\n        </Accordion>\r\n        <Accordion\r\n          elevation={0}\r\n          expanded={expanded.includes('others')}\r\n          onChange={handlePanelToggle('others')}\r\n        >\r\n          <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n            <Typography\r\n              style={{\r\n                color: 'rgb(67, 77, 99)'\r\n              }}\r\n              variant=\"h6\"\r\n            >\r\n              Others (review notes)\r\n            </Typography>\r\n          </AccordionSummary>\r\n          <AccordionDetails\r\n            style={{\r\n              padding: 0\r\n            }}\r\n          >\r\n            <TextField\r\n              label=\"Add any additional notes\"\r\n              placeholder=\"e.g., special instructions or edge cases\"\r\n              value={notes}\r\n              onChange={e => {\r\n                if (e.target.value) {\r\n                  setSkipReview(false);\r\n                }\r\n                setNotes(e.target.value);\r\n              }}\r\n              fullWidth\r\n              multiline\r\n              rows={3}\r\n              variant=\"outlined\"\r\n            />\r\n          </AccordionDetails>\r\n        </Accordion>\r\n      </Box>\r\n\r\n      <Divider />\r\n\r\n      <Box mt={2} mb={1}>\r\n        <Typography variant=\"subtitle1\">\r\n          Express Checkout: <em>(optional)</em>\r\n        </Typography>\r\n        <FormControlLabel\r\n          control={\r\n            <Radio\r\n              color=\"primary\"\r\n              checked={skipReview}\r\n              onChange={e => {\r\n                const checked = e.target.checked;\r\n                setSkipReview(checked);\r\n                if (checked) {\r\n                  setSelected([]);\r\n                  setNotes('');\r\n                  setExpanded('');\r\n                }\r\n              }}\r\n            />\r\n          }\r\n          label=\"Skip review and Go to Cart.\"\r\n        />\r\n      </Box>\r\n\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"flex-end\"\r\n        mt={2}\r\n        mb={expanded.includes('review') ? 2 : 0}\r\n      >\r\n        <StepDots currentStep={currentStep} onStepChange={onStepChange} />\r\n\r\n        <S.Button onClick={onCancel}>Cancel</S.Button>\r\n        <S.Button onClick={handleSubmit}>Next</S.Button>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AddToCartOptions;\r\n"],"mappings":"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","ignoreList":[]}

package/es/components/toolbar/popup/submitforquote/CustomerRequestsForm.js

@@ -1,85 +0,0 @@
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useMemo, useState } from 'react';
-import { FormGroup, FormControlLabel, Checkbox, TextField, Box } from '@material-ui/core';
-import * as S from './styles';
-import { StepDots } from './StepDots';
-var options = ['Setting up my room layout (walls, doors, windows)', 'Selecting and placing my cabinets', 'Choosing door style', 'Understanding product options (e.g. cabinet construction, finishes, accessories)', 'Matching my budget', 'Using the DIY design app', 'Others'];
-var CustomerRequestsForm = function CustomerRequestsForm(_ref) {
-  var onSubmit = _ref.onSubmit,
-    onCancel = _ref.onCancel,
-    currentStep = _ref.currentStep,
-    onStepChange = _ref.onStepChange;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    notes = _useState4[0],
-    setNotes = _useState4[1];
-  var handleToggle = function handleToggle(option) {
-    return function () {
-      setSelected(function (prev) {
-        return prev.includes(option) ? prev.filter(function (v) {
-          return v !== option;
-        }) : [].concat(_toConsumableArray(prev), [option]);
-      });
-    };
-  };
-  var payload = useMemo(function () {
-    return {
-      reviewOptions: selected,
-      notes: notes.trim()
-    };
-  }, [selected, notes]);
-  var handleSubmit = function handleSubmit() {
-    if (onSubmit) onSubmit(payload);
-  };
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(FormGroup, null, options.map(function (option) {
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
-      key: option,
-      control: /*#__PURE__*/React.createElement(Checkbox, {
-        checked: selected.includes(option),
-        onChange: handleToggle(option),
-        color: "primary"
-      }),
-      label: option
-    });
-  })), selected.includes('Others') && /*#__PURE__*/React.createElement(TextField, {
-    label: "Add any additional notes",
-    placeholder: "e.g., special instructions or edge cases",
-    value: notes,
-    fullWidth: true,
-    multiline: true,
-    rows: 3,
-    variant: "outlined",
-    onChange: function onChange(e) {
-      return setNotes(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    justifyContent: "flex-end",
-    mt: 2
-  }, /*#__PURE__*/React.createElement(StepDots, {
-    currentStep: currentStep,
-    onStepChange: onStepChange
-  }), /*#__PURE__*/React.createElement(S.Button, {
-    onClick: onCancel
-  }, "Cancel"), /*#__PURE__*/React.createElement(S.Button, {
-    style: {
-      marginRight: 0
-    },
-    onClick: handleSubmit
-  }, "Next")));
-};
-export default CustomerRequestsForm;
-//# sourceMappingURL=CustomerRequestsForm.js.map