kitchen-simulator 5.0.0-test.3 → 5.0.0-test.4

package/lib/components/toolbar/popup/savedesign/FullPictureForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullPictureForm.js","names":["_react","_interopRequireDefault","require","_core","S","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","isArray","FullPictureForm","_ref","onComplete","onSkip","isLoading","initialValues","_React$useState","React","useState","_React$useState2","form","setForm","handleChange","_e$target","target","prev","createElement","Box","position","top","left","width","height","display","alignItems","justifyContent","zIndex","style","opacity","CircularProgress","size","color","pointerEvents","undefined","FormControl","marginTop","variant","fullWidth","margin","InputLabel","Select","userType","onChange","label","MenuItem","designType","startTime","mt","Button","onClick","disabled","_default","exports"],"sources":["../../../../../src/components/toolbar/popup/savedesign/FullPictureForm.jsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  Typography,\r\n  FormControl,\r\n  InputLabel,\r\n  Select,\r\n  MenuItem,\r\n  Button,\r\n  Box,\r\n  CircularProgress\r\n} from '@material-ui/core';\r\nimport * as S from './styles';\r\n\r\nconst FullPictureForm = ({ onComplete, onSkip, isLoading, initialValues }) => {\r\n  const [form, setForm] = React.useState(initialValues);\r\n\r\n  const handleChange = e => {\r\n    const { name, value } = e.target;\r\n    setForm(prev => ({\r\n      ...prev,\r\n      [name]: value\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Box position=\"relative\">\r\n      {isLoading && (\r\n        <Box\r\n          position=\"absolute\"\r\n          top={0}\r\n          left={0}\r\n          width=\"100%\"\r\n          height=\"100%\"\r\n          display=\"flex\"\r\n          alignItems=\"center\"\r\n          justifyContent=\"center\"\r\n          zIndex={2}\r\n          style={{ opacity: 0.5 }}\r\n        >\r\n          <CircularProgress size={40} style={{ color: '#4C12A1' }} />\r\n        </Box>\r\n      )}\r\n      <form\r\n        style={isLoading ? { pointerEvents: 'none', opacity: 0.5 } : undefined}\r\n      >\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>What best describes you?</InputLabel>\r\n          <Select\r\n            name=\"userType\"\r\n            value={form.userType}\r\n            onChange={handleChange}\r\n            label=\"What best describes you?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"homeowner\">Homeowner</MenuItem>\r\n            <MenuItem value=\"contractor\">Contractor</MenuItem>\r\n            <MenuItem value=\"design-professional\">Design Professional</MenuItem>\r\n            <MenuItem value=\"real-estate-investor\">\r\n              Real Estate Investor\r\n            </MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>What are you designing today?</InputLabel>\r\n          <Select\r\n            name=\"designType\"\r\n            value={form.designType}\r\n            onChange={handleChange}\r\n            label=\"What are you designing today?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"kitchen\">Kitchen</MenuItem>\r\n            <MenuItem value=\"bathroom\">Bathroom</MenuItem>\r\n            <MenuItem value=\"laundry-room\">Laundry Room</MenuItem>\r\n            <MenuItem value=\"tv-room\">TV Room</MenuItem>\r\n            <MenuItem value=\"bar-room\">Bar Room</MenuItem>\r\n            <MenuItem value=\"office\">Office</MenuItem>\r\n            <MenuItem value=\"mudroom\">Mudroom</MenuItem>\r\n            <MenuItem value=\"pantry\">Pantry</MenuItem>\r\n            <MenuItem value=\"closet\">Closet</MenuItem>\r\n            <MenuItem value=\"garage\">Garage</MenuItem>\r\n            <MenuItem value=\"outdoor-cabinetry\">Outdoor Cabinetry</MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <FormControl\r\n          style={{\r\n            marginTop: '10px'\r\n          }}\r\n          variant=\"outlined\"\r\n          fullWidth\r\n          margin=\"normal\"\r\n        >\r\n          <InputLabel>When do you plan to start your project?</InputLabel>\r\n          <Select\r\n            name=\"startTime\"\r\n            value={form.startTime}\r\n            onChange={handleChange}\r\n            label=\"When do you plan to start your project?\"\r\n          >\r\n            <MenuItem value=\"\">\r\n              <em>Select an option</em>\r\n            </MenuItem>\r\n            <MenuItem value=\"asap\">As soon as possible</MenuItem>\r\n            <MenuItem value=\"1-2-months\">1–2 months</MenuItem>\r\n            <MenuItem value=\"2-4-months\">2–4 months</MenuItem>\r\n            <MenuItem value=\"4-plus-months\">4+ months</MenuItem>\r\n            <MenuItem value=\"other\">Other</MenuItem>\r\n          </Select>\r\n        </FormControl>\r\n\r\n        <Box display=\"flex\" justifyContent=\"flex-end\" mt={2}>\r\n          <S.Button onClick={() => onSkip(form)} disabled={isLoading}>\r\n            Skip\r\n          </S.Button>\r\n          <S.Button onClick={() => onComplete(form)} disabled={isLoading}>\r\n            Complete\r\n          </S.Button>\r\n        </Box>\r\n      </form>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default FullPictureForm;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAUA,IAAAE,CAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA8B,SAAAG,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,wBAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAN,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,gBAAAA,CAAA;AAAA,SAAAoB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,IAAA4B,eAAA,CAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAAA,SAAA+B,gBAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAA+B,cAAA,CAAA/B,CAAA,MAAAH,CAAA,GAAAiB,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,IAAAgC,KAAA,EAAAlC,CAAA,EAAAuB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAArC,CAAA,CAAAG,CAAA,IAAAF,CAAA,EAAAD,CAAA;AAAA,SAAAkC,eAAAjC,CAAA,QAAAM,CAAA,GAAA+B,YAAA,CAAArC,CAAA,gCAAAS,OAAA,CAAAH,CAAA,IAAAA,CAAA,GAAAA,CAAA;AAAA,SAAA+B,aAAArC,CAAA,EAAAE,CAAA,oBAAAO,OAAA,CAAAT,CAAA,MAAAA,CAAA,SAAAA,CAAA,MAAAD,CAAA,GAAAC,CAAA,CAAAsC,MAAA,CAAAC,WAAA,kBAAAxC,CAAA,QAAAO,CAAA,GAAAP,CAAA,CAAAgB,IAAA,CAAAf,CAAA,EAAAE,CAAA,gCAAAO,OAAA,CAAAH,CAAA,UAAAA,CAAA,YAAAkC,SAAA,yEAAAtC,CAAA,GAAAuC,MAAA,GAAAC,MAAA,EAAA1C,CAAA;AAAA,SAAA2C,eAAAzC,CAAA,EAAAH,CAAA,WAAA6C,eAAA,CAAA1C,CAAA,KAAA2C,qBAAA,CAAA3C,CAAA,EAAAH,CAAA,KAAA+C,2BAAA,CAAA5C,CAAA,EAAAH,CAAA,KAAAgD,gBAAA;AAAA,SAAAA,iBAAA,cAAAP,SAAA;AAAA,SAAAM,4BAAA5C,CAAA,EAAA8C,CAAA,QAAA9C,CAAA,2BAAAA,CAAA,SAAA+C,iBAAA,CAAA/C,CAAA,EAAA8C,CAAA,OAAAhD,CAAA,MAAAkD,QAAA,CAAAnC,IAAA,CAAAb,CAAA,EAAAiD,KAAA,6BAAAnD,CAAA,IAAAE,CAAA,CAAAkD,WAAA,KAAApD,CAAA,GAAAE,CAAA,CAAAkD,WAAA,CAAAC,IAAA,aAAArD,CAAA,cAAAA,CAAA,GAAAsD,KAAA,CAAAC,IAAA,CAAArD,CAAA,oBAAAF,CAAA,+CAAAwD,IAAA,CAAAxD,CAAA,IAAAiD,iBAAA,CAAA/C,CAAA,EAAA8C,CAAA;AAAA,SAAAC,kBAAA/C,CAAA,EAAA8C,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAA9C,CAAA,CAAA0B,MAAA,MAAAoB,CAAA,GAAA9C,CAAA,CAAA0B,MAAA,YAAA7B,CAAA,MAAAI,CAAA,GAAAmD,KAAA,CAAAN,CAAA,GAAAjD,CAAA,GAAAiD,CAAA,EAAAjD,CAAA,IAAAI,CAAA,CAAAJ,CAAA,IAAAG,CAAA,CAAAH,CAAA,UAAAI,CAAA;AAAA,SAAA0C,sBAAA3C,CAAA,EAAAuD,CAAA,QAAAzD,CAAA,WAAAE,CAAA,gCAAAoC,MAAA,IAAApC,CAAA,CAAAoC,MAAA,CAAAoB,QAAA,KAAAxD,CAAA,4BAAAF,CAAA,QAAAD,CAAA,EAAAI,CAAA,EAAAG,CAAA,EAAAqD,CAAA,EAAAX,CAAA,OAAAzC,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAN,CAAA,GAAAA,CAAA,CAAAe,IAAA,CAAAb,CAAA,GAAA0D,IAAA,QAAAH,CAAA,QAAAzC,MAAA,CAAAhB,CAAA,MAAAA,CAAA,UAAAO,CAAA,uBAAAA,CAAA,IAAAR,CAAA,GAAAO,CAAA,CAAAS,IAAA,CAAAf,CAAA,GAAA6D,IAAA,MAAAb,CAAA,CAAAxB,IAAA,CAAAzB,CAAA,CAAAmC,KAAA,GAAAc,CAAA,CAAApB,MAAA,KAAA6B,CAAA,GAAAlD,CAAA,iBAAAL,CAAA,IAAAG,CAAA,OAAAF,CAAA,GAAAD,CAAA,yBAAAK,CAAA,YAAAP,CAAA,eAAA2D,CAAA,GAAA3D,CAAA,cAAAgB,MAAA,CAAA2C,CAAA,MAAAA,CAAA,2BAAAtD,CAAA,QAAAF,CAAA,aAAA6C,CAAA;AAAA,SAAAJ,gBAAA1C,CAAA,QAAAoD,KAAA,CAAAQ,OAAA,CAAA5D,CAAA,UAAAA,CAAA;AAE9B,IAAM6D,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAyD;EAAA,IAAnDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;EACrE,IAAAC,eAAA,GAAwBC,iBAAK,CAACC,QAAQ,CAACH,aAAa,CAAC;IAAAI,gBAAA,GAAA7B,cAAA,CAAA0B,eAAA;IAA9CI,IAAI,GAAAD,gBAAA;IAAEE,OAAO,GAAAF,gBAAA;EAEpB,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAG5E,CAAC,EAAI;IACxB,IAAA6E,SAAA,GAAwB7E,CAAC,CAAC8E,MAAM;MAAxBxB,IAAI,GAAAuB,SAAA,CAAJvB,IAAI;MAAEnB,KAAK,GAAA0C,SAAA,CAAL1C,KAAK;IACnBwC,OAAO,CAAC,UAAAI,IAAI;MAAA,OAAApD,aAAA,CAAAA,aAAA,KACPoD,IAAI,OAAAhD,eAAA,KACNuB,IAAI,EAAGnB,KAAK;IAAA,CACb,CAAC;EACL,CAAC;EAED,oBACEzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAoF,GAAG;IAACC,QAAQ,EAAC;EAAU,GACrBd,SAAS,iBACR1E,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAoF,GAAG;IACFC,QAAQ,EAAC,UAAU;IACnBC,GAAG,EAAE,CAAE;IACPC,IAAI,EAAE,CAAE;IACRC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,MAAM,EAAE,CAAE;IACVC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAI;EAAE,gBAExBlG,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAgG,gBAAgB;IAACC,IAAI,EAAE,EAAG;IAACH,KAAK,EAAE;MAAEI,KAAK,EAAE;IAAU;EAAE,CAAE,CACvD,CACN,eACDrG,MAAA,YAAAsF,aAAA;IACEW,KAAK,EAAEvB,SAAS,GAAG;MAAE4B,aAAa,EAAE,MAAM;MAAEJ,OAAO,EAAE;IAAI,CAAC,GAAGK;EAAU,gBAEvEvG,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAqG,WAAW;IACVP,KAAK,EAAE;MACLQ,SAAS,EAAE;IACb,CAAE;IACFC,OAAO,EAAC,UAAU;IAClBC,SAAS;IACTC,MAAM,EAAC;EAAQ,gBAEf5G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA0G,UAAU,QAAC,0BAAoC,CAAC,eACjD7G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA2G,MAAM;IACLlD,IAAI,EAAC,UAAU;IACfnB,KAAK,EAAEuC,IAAI,CAAC+B,QAAS;IACrBC,QAAQ,EAAE9B,YAAa;IACvB+B,KAAK,EAAC;EAA0B,gBAEhCjH,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAE,gBAChBzC,MAAA,YAAAsF,aAAA,aAAI,kBAAoB,CAChB,CAAC,eACXtF,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAW,GAAC,WAAmB,CAAC,eAChDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAY,GAAC,YAAoB,CAAC,eAClDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAqB,GAAC,qBAA6B,CAAC,eACpEzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAsB,GAAC,sBAE7B,CAAC,eACXzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAO,GAAC,OAAe,CACjC,CACG,CAAC,eAEdzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAqG,WAAW;IACVP,KAAK,EAAE;MACLQ,SAAS,EAAE;IACb,CAAE;IACFC,OAAO,EAAC,UAAU;IAClBC,SAAS;IACTC,MAAM,EAAC;EAAQ,gBAEf5G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA0G,UAAU,QAAC,+BAAyC,CAAC,eACtD7G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA2G,MAAM;IACLlD,IAAI,EAAC,YAAY;IACjBnB,KAAK,EAAEuC,IAAI,CAACmC,UAAW;IACvBH,QAAQ,EAAE9B,YAAa;IACvB+B,KAAK,EAAC;EAA+B,gBAErCjH,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAE,gBAChBzC,MAAA,YAAAsF,aAAA,aAAI,kBAAoB,CAChB,CAAC,eACXtF,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAS,GAAC,SAAiB,CAAC,eAC5CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAU,GAAC,UAAkB,CAAC,eAC9CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAc,GAAC,cAAsB,CAAC,eACtDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAS,GAAC,SAAiB,CAAC,eAC5CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAU,GAAC,UAAkB,CAAC,eAC9CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAQ,GAAC,QAAgB,CAAC,eAC1CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAS,GAAC,SAAiB,CAAC,eAC5CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAQ,GAAC,QAAgB,CAAC,eAC1CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAQ,GAAC,QAAgB,CAAC,eAC1CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAQ,GAAC,QAAgB,CAAC,eAC1CzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAmB,GAAC,mBAA2B,CAAC,eAChEzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAO,GAAC,OAAe,CACjC,CACG,CAAC,eAEdzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAqG,WAAW;IACVP,KAAK,EAAE;MACLQ,SAAS,EAAE;IACb,CAAE;IACFC,OAAO,EAAC,UAAU;IAClBC,SAAS;IACTC,MAAM,EAAC;EAAQ,gBAEf5G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA0G,UAAU,QAAC,yCAAmD,CAAC,eAChE7G,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA2G,MAAM;IACLlD,IAAI,EAAC,WAAW;IAChBnB,KAAK,EAAEuC,IAAI,CAACoC,SAAU;IACtBJ,QAAQ,EAAE9B,YAAa;IACvB+B,KAAK,EAAC;EAAyC,gBAE/CjH,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAE,gBAChBzC,MAAA,YAAAsF,aAAA,aAAI,kBAAoB,CAChB,CAAC,eACXtF,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAM,GAAC,qBAA6B,CAAC,eACrDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAY,GAAC,iBAAoB,CAAC,eAClDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAY,GAAC,iBAAoB,CAAC,eAClDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAe,GAAC,WAAmB,CAAC,eACpDzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAA+G,QAAQ;IAACzE,KAAK,EAAC;EAAO,GAAC,OAAe,CACjC,CACG,CAAC,eAEdzC,MAAA,YAAAsF,aAAA,CAACnF,KAAA,CAAAoF,GAAG;IAACM,OAAO,EAAC,MAAM;IAACE,cAAc,EAAC,UAAU;IAACsB,EAAE,EAAE;EAAE,gBAClDrH,MAAA,YAAAsF,aAAA,CAAClF,CAAC,CAACkH,MAAM;IAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQ9C,MAAM,CAACO,IAAI,CAAC;IAAA,CAAC;IAACwC,QAAQ,EAAE9C;EAAU,GAAC,MAElD,CAAC,eACX1E,MAAA,YAAAsF,aAAA,CAAClF,CAAC,CAACkH,MAAM;IAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQ/C,UAAU,CAACQ,IAAI,CAAC;IAAA,CAAC;IAACwC,QAAQ,EAAE9C;EAAU,GAAC,UAEtD,CACP,CACD,CACH,CAAC;AAEV,CAAC;AAAC,IAAA+C,QAAA,GAAAC,OAAA,cAEapD,eAAe","ignoreList":[]}

package/lib/components/toolbar/popup/savedesign/index.js

@@ -1,516 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var S = _interopRequireWildcard(require("./styles"));
-var _constants = require("../../../../constants");
-var _emailValidator = require("../../../../utils/email-validator");
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _index = _interopRequireDefault(require("../../../atoms/Snackbar/index"));
-var _phoneValidator = require("../../../../utils/phone-validator");
-var _localstorageSlim = _interopRequireDefault(require("localstorage-slim"));
-var _FullPictureForm = _interopRequireDefault(require("../../../../../src/components/toolbar/popup/savedesign/FullPictureForm"));
-var _templateObject;
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": 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 _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-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 _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); }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var StyledDialog = (0, _styledComponents["default"])(_Dialog["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paperWidthSm {\n    border-radius: 10px;\n    width: 480px;\n    padding: 32px;\n  }\n"])));
-var SaveDesignPopup = /*#__PURE__*/function (_React$Component) {
-  function SaveDesignPopup(props) {
-    var _customerInfo, _customerInfo2, _customerInfo3;
-    var _this;
-    _classCallCheck(this, SaveDesignPopup);
-    _this = _callSuper(this, SaveDesignPopup, [props]);
-    _defineProperty(_this, "submitFinalData", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(payload) {
-        var result;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              _this.setState({
-                isLoading: true
-              });
-              _context.n = 1;
-              return _this.props.saveProject(payload);
-            case 1:
-              result = _context.v;
-              if (result !== null && result !== void 0 && result.success) {
-                _this.closePanel(); // Reset state, close modal
-              }
-              _this.setState({
-                isLoading: false
-              });
-            case 2:
-              return _context.a(2);
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    var customerInfo = {};
-    try {
-      customerInfo = _localstorageSlim["default"].get(_constants.LOCAL_STORAGE_CUSTOMER_INFO);
-    } catch (e) {
-      customerInfo = {};
-    }
-    var email = props.match.params.token ? sessionStorage.getItem('email') : (_customerInfo = customerInfo) === null || _customerInfo === void 0 ? void 0 : _customerInfo.email;
-    var firstName = props.match.params.token ? sessionStorage.getItem('firstName') : (_customerInfo2 = customerInfo) === null || _customerInfo2 === void 0 ? void 0 : _customerInfo2.firstName;
-    var lastName = props.match.params.token ? sessionStorage.getItem('lastName') : (_customerInfo3 = customerInfo) === null || _customerInfo3 === void 0 ? void 0 : _customerInfo3.lastName;
-    _this.state = {
-      email: email || '',
-      emailfocusOn: false,
-      phone: sessionStorage.getItem('phone') || '',
-      phonefocusOn: false,
-      notes: '',
-      notefocusOn: false,
-      firstName: firstName || '',
-      firstNamefocusOn: false,
-      lastNamefocusOn: false,
-      lastName: lastName || '',
-      projectNamefocusOn: false,
-      projectName: 'Untitled',
-      // error handling
-      pjNameLimit: false,
-      isSnackBarOpen: false,
-      snackBarMessage: '',
-      isLoading: false,
-      showFullForm: false
-    };
-    _this.timeoutId = null;
-    functionBinder.call(_this);
-    function functionBinder() {
-      this.closePanel = this.closePanel.bind(this);
-      this.projectNameChangeHandler = this.projectNameChangeHandler.bind(this);
-    }
-    return _this;
-  }
-  _inherits(SaveDesignPopup, _React$Component);
-  return _createClass(SaveDesignPopup, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
-      var _customerInfo4, _customerInfo5, _customerInfo6;
-      var customerInfo = {};
-      try {
-        customerInfo = _localstorageSlim["default"].get(_constants.LOCAL_STORAGE_CUSTOMER_INFO);
-      } catch (e) {
-        customerInfo = {};
-      }
-      var email = ((_customerInfo4 = customerInfo) === null || _customerInfo4 === void 0 ? void 0 : _customerInfo4.email) || sessionStorage.getItem('email');
-      var phone = sessionStorage.getItem('phone');
-      var firstName = ((_customerInfo5 = customerInfo) === null || _customerInfo5 === void 0 ? void 0 : _customerInfo5.firstName) || sessionStorage.getItem('firstName');
-      var lastName = ((_customerInfo6 = customerInfo) === null || _customerInfo6 === void 0 ? void 0 : _customerInfo6.lastName) || sessionStorage.getItem('lastName');
-      var projectName = sessionStorage.getItem('projectTitle');
-      if (newProps.state.scene.title !== '') {
-        projectName = newProps.state.scene.title || sessionStorage.getItem('projectTitle');
-      }
-      if (newProps.visible !== this.props.visible && newProps.visible) {
-        if (email !== null && email !== 'temp_xxx@yyy.com') {
-          this.setState({
-            email: email
-          });
-        }
-        if (phone !== null) {
-          this.setState({
-            phone: phone
-          });
-        }
-        if (firstName !== null) {
-          this.setState({
-            firstName: firstName
-          });
-        }
-        if (lastName !== null) {
-          this.setState({
-            lastName: lastName
-          });
-        }
-        if (projectName !== null) {
-          this.setState({
-            projectName: projectName
-          });
-        }
-      }
-    }
-  }, {
-    key: "closePanel",
-    value: function closePanel() {
-      var _this2 = this;
-      this.props.handleSaveDesign(false);
-      setTimeout(function () {
-        _this2.setState({
-          firstName: '',
-          lastName: '',
-          email: '',
-          projectName: '',
-          notes: '',
-          phone: '',
-          showFullForm: false
-        });
-      }, 500);
-    }
-  }, {
-    key: "projectNameChangeHandler",
-    value: function projectNameChangeHandler(e) {
-      var _this3 = this;
-      if (e.target.value.length >= _constants.PROJECT_NAME_LENGTH_LIMIT) {
-        this.setState({
-          pjNameLimit: true
-        });
-        clearTimeout(this.timeoutId);
-        this.timeoutId = setTimeout(function () {
-          return _this3.setState({
-            pjNameLimit: false
-          });
-        }, 2000);
-      } else {
-        this.setState({
-          projectName: e.target.value
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-      var visible = this.props.visible;
-      var _this$state = this.state,
-        email = _this$state.email,
-        emailfocusOn = _this$state.emailfocusOn,
-        phone = _this$state.phone,
-        phonefocusOn = _this$state.phonefocusOn,
-        notes = _this$state.notes,
-        firstName = _this$state.firstName,
-        firstNamefocusOn = _this$state.firstNamefocusOn,
-        lastName = _this$state.lastName,
-        lastNamefocusOn = _this$state.lastNamefocusOn,
-        projectName = _this$state.projectName,
-        projectNamefocusOn = _this$state.projectNamefocusOn,
-        notefocusOn = _this$state.notefocusOn,
-        isLoading = _this$state.isLoading;
-      var initialFullFormValues = {
-        userType: sessionStorage.getItem('user_type') || '',
-        designType: sessionStorage.getItem('project_type') || '',
-        startTime: sessionStorage.getItem('project_timeline') || ''
-      };
-      var visualizerName = sessionStorage.getItem('visualizerName');
-      if (this.state.showFullForm) {
-        return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-          open: visible,
-          onClose: !isLoading ? this.closePanel.bind(this) : undefined
-        }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-          isOpen: this.state.isSnackBarOpen,
-          message: this.state.snackBarMessage,
-          handleClose: function handleClose() {
-            return _this4.setState({
-              isSnackBarOpen: false,
-              snackBarMessage: ''
-            });
-          }
-        }), /*#__PURE__*/_react["default"].createElement(S.DialogTitle, null, "Give Us the Full Picture"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("b", null, "Thanks for saving your project!")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, "Sharing a few details helps us guide you based on your goals and experience.")), /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement(_FullPictureForm["default"], {
-          isLoading: isLoading,
-          initialValues: initialFullFormValues,
-          onComplete: function onComplete(extraFormData) {
-            sessionStorage.setItem('user_type', extraFormData.userType);
-            sessionStorage.setItem('project_type', extraFormData.designType);
-            sessionStorage.setItem('project_timeline', extraFormData.startTime);
-            var payload = _objectSpread(_objectSpread({}, _this4.state), {}, {
-              user_type: extraFormData.userType,
-              project_type: extraFormData.designType,
-              project_timeline: extraFormData.startTime
-            }, extraFormData);
-            _this4.submitFinalData(payload);
-          },
-          onSkip: function onSkip(extraFormData) {
-            var payload = _objectSpread(_objectSpread({}, _this4.state), {}, {
-              user_type: extraFormData.userType,
-              project_type: extraFormData.designType,
-              project_timeline: extraFormData.startTime
-            }, extraFormData);
-            _this4.submitFinalData(payload);
-          }
-        })));
-      }
-      return /*#__PURE__*/_react["default"].createElement(StyledDialog, {
-        open: visible,
-        onClose: !isLoading ? this.closePanel.bind(this) : undefined
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        isOpen: this.state.isSnackBarOpen,
-        message: this.state.snackBarMessage,
-        handleClose: function handleClose() {
-          return _this4.setState({
-            isSnackBarOpen: false,
-            snackBarMessage: ''
-          });
-        }
-      }), /*#__PURE__*/_react["default"].createElement(S.DialogTitle, null, "Save your project"), /*#__PURE__*/_react["default"].createElement(S.DialogContent, null, "Save your project in order to request Designer Assistance and/or Add to Cart, and to be able to access it later via the email link."), /*#__PURE__*/_react["default"].createElement(S.DialogContentSelection, null, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: '1rem'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        id: "first_name_input",
-        value: firstName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            firstName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            firstNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            firstNamefocusOn: false
-          });
-        },
-        placeholder: firstNamefocusOn ? 'Enter first name' : 'First name',
-        required: true
-      }), (firstNamefocusOn || !!firstName.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !firstNamefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "First Name"), !!firstName.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            firstName: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: lastName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            lastName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            lastNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            lastNamefocusOn: false
-          });
-        },
-        placeholder: lastNamefocusOn ? 'Enter last name' : 'Last name',
-        required: true
-      }), (lastNamefocusOn || !!lastName.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !lastNamefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Last Name"), !!lastName.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            lastName: ''
-          });
-        }
-      }))), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: email,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            email: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            emailfocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            emailfocusOn: false
-          });
-        },
-        placeholder: emailfocusOn ? 'Enter email address' : 'Email Address',
-        required: true
-      }), (emailfocusOn || !!email.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !emailfocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Email Address"), !!email.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            email: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        value: phone,
-        onChange: function onChange(e) {
-          _this4.setState({
-            phone: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            phonefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            phonefocusOn: false
-          });
-        },
-        maxLength: 50,
-        placeholder: phonefocusOn ? 'Enter phone number' : 'Phone Number',
-        required: true
-      }), (phonefocusOn || !!phone.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !phonefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Phone Number"), !!phone.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            phone: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.StyledInput, {
-        style: {
-          fontWeight: 700,
-          color: _constants.TEXT_COLOR_NEUTRAL_0
-        },
-        value: projectName,
-        onChange: function onChange(e) {
-          return _this4.setState({
-            projectName: e.target.value
-          });
-        },
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            projectNamefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            projectNamefocusOn: false
-          });
-        },
-        placeholder: projectNamefocusOn ? 'Enter project name' : 'Project Name',
-        required: true
-      }), (projectNamefocusOn || !!projectName.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !projectNamefocusOn && _constants.TEXT_COLOR_NEUTRAL_2
-        }
-      }, "Project Name"), !!projectName.length && /*#__PURE__*/_react["default"].createElement(S.PlusImage, {
-        maskImage: "/assets/img/svg/bottombar/arrow-plus.svg",
-        onClick: function onClick() {
-          return _this4.setState({
-            projectName: ''
-          });
-        }
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          width: '100%',
-          marginTop: 10,
-          display: 'none'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(S.StyledInputWrapper, null, /*#__PURE__*/_react["default"].createElement(S.DialogTextArea, {
-        value: notes,
-        maxLength: 200,
-        onFocus: function onFocus(e) {
-          return _this4.setState({
-            notefocusOn: true
-          });
-        },
-        onBlur: function onBlur(e) {
-          return _this4.setState({
-            notefocusOn: false
-          });
-        },
-        placeholder: notefocusOn ? 'Input' : 'Notes (optional)',
-        onChange: function onChange(e) {
-          return _this4.setState({
-            notes: e.target.value
-          });
-        }
-      }), (notefocusOn || !!notes.length) && /*#__PURE__*/_react["default"].createElement(S.StyledInputHeadLabel, {
-        style: {
-          color: !notefocusOn && _constants.TEXT_COLOR_NEUTRAL_2,
-          left: 7
-        }
-      }, "Notes (optional)")), /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          fontFamily: _constants.DEFAULT_FONT_FAMILY,
-          fontSize: 13,
-          color: _constants.TEXT_COLOR_NEUTRAL_1,
-          "float": 'right',
-          lineHeight: '18px',
-          fontWeight: 400
-        }
-      }, notes.length, "/200 characters")), /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          fontFamily: _constants.DEFAULT_FONT_FAMILY,
-          fontSize: 12,
-          color: _constants.TEXT_COLOR_NEUTRAL_1,
-          lineHeight: '16px',
-          marginTop: 10
-        }
-      }, "By entering your email, you agree to receive marketing\n            communications from ".concat(_constants.CLIENTS_NAME[visualizerName], ". We respect your privacy and\n            will never share your information with third parties. You can\n            unsubscribe at any time."))), /*#__PURE__*/_react["default"].createElement(S.DialogAction, null, /*#__PURE__*/_react["default"].createElement(S.Button, {
-        onClick: function onClick() {
-          return _this4.closePanel();
-        }
-      }, "Cancel"), /*#__PURE__*/_react["default"].createElement(S.Button, {
-        style: {
-          marginRight: 0
-        },
-        onClick: function onClick() {
-          var _this4$state = _this4.state,
-            firstName = _this4$state.firstName,
-            lastName = _this4$state.lastName,
-            email = _this4$state.email,
-            projectName = _this4$state.projectName,
-            phone = _this4$state.phone;
-          if (firstName === '' || lastName === '' || email === '' || projectName === '' || !(0, _emailValidator.emailValidation)(email) || phone === '' || !(0, _phoneValidator.phoneValidation)(phone) || projectName.trim() === '' || firstName.trim() === '' || lastName.trim() === '') {
-            var msg;
-            if (firstName === '' || firstName.trim() === '') msg = 'Type your first name';else if (lastName === '' || lastName.trim() === '') msg = 'Type your last name';else if (email === '') msg = 'Type your email address';else if (phone === '') msg = 'Type your phone number';else if (projectName === '' || projectName.trim() === '') msg = 'Type your project name';else if (!(0, _emailValidator.emailValidation)(email)) msg = 'Type your valid email address';else if (!(0, _phoneValidator.phoneValidation)(phone)) msg = 'Type your valid phone';
-            _this4.setState({
-              isSnackBarOpen: true,
-              snackBarMessage: msg
-            });
-            return;
-          }
-          _this4.setState({
-            showFullForm: true
-          });
-        }
-      }, isLoading ? /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-        size: 20
-      }) : 'Save')));
-    }
-  }]);
-}(_react["default"].Component);
-var _default = exports["default"] = SaveDesignPopup;
-//# sourceMappingURL=index.js.map