{"version":3,"file":"145.85cf1be3c571e66c.js","mappings":"4MAQA,MAmCA,EAnC2BA,KACnB,MAAAC,GAAWC,EAAAA,EAAAA,MACfC,GAASC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,aAAaH,SACnDI,GAAKH,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,aAAaC,KAC/CC,GAAWJ,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,aAAaE,WAASC,GAClCC,EAAAA,EAAAA,WAAS,GAAMC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAuC,KADXX,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,aAAaU,4BAqBxE,OAlBAC,EAAAA,EAAAA,YAAU,KAER,GADAH,GAAa,GACTP,EAAI,CACN,MAAMW,EAAc,yBAAyBX,KAC7C,IAAIY,EAAgBX,QAA8C,aAAeA,EAAW,GAC5FY,QAAQC,KAAKH,IACbI,EAAAA,EAAAA,IAAI,6BAA+Bf,EAAK,cAAgBgB,OAAOC,SAASC,UAAUC,iBAAmBP,GAClGQ,MAAMC,GAAaA,EAASC,SAC5BF,MAAMG,IACL7B,GAAS8B,EAAAA,EAAAA,IAAKD,KACdE,EAAAA,EAAAA,IAA6BF,EAAK,IACjCG,SAAQ,KACTb,QAAQc,QAAQhB,GAChBJ,GAAa,EAAM,GAEzB,IACC,CAACP,IAGF4B,EAAAA,cAAA,UAAQC,UAAW,uBAAyBrB,EAAS,6BAA+B,IAAKsB,KAAMlC,GAC3FgC,EAAAA,cAACG,EAAAA,EAAgB,CAACzB,UAAWA,IAC5BA,EAAYsB,EAAAA,cAACI,EAAAA,EAAwB,MAAMJ,EAAAA,cAACK,EAAAA,EAAgB,MACxD,C","sources":["webpack:///./Scripts/Components/Configurator/ConfiguratorDialog.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport ConfiguratorBase from './ConfiguratorBase';\r\nimport ConfiguratorTabs from './Tabs/ConfiguratorTabs';\r\nimport ConfiguratorLoadingState from './ConfiguratorLoadingState';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { get } from '../../Services/http';\r\nimport { load,renderProductGoogleAnalytics } from '../../Actions/Configurator.action';\r\n\r\nconst ConfiguratorDialog = () => {\r\n  const dispatch = useDispatch(),\r\n    isOpen = useSelector((state) => state.configurator.isOpen),\r\n    id = useSelector((state) => state.configurator.id),\r\n    orderRow = useSelector((state) => state.configurator.orderRow),\r\n    [isLoading, setIsLoading] = useState(false),\r\n    selectedProductServiceTab = useSelector((state) => state.configurator.selectedProductServiceTab),\r\n    isWide = selectedProductServiceTab === 2;\r\n\r\n  useEffect(() => {\r\n    setIsLoading(true);\r\n    if (id) {\r\n      const timingLabel = `loading configurator (${id})`;\r\n      var orderRowParam = orderRow !== null && orderRow !== undefined ? '&orderRow=' + orderRow : '';\r\n      console.time(timingLabel);\r\n      get('/api/configurator/load?id=' + id + '&channelId=' + window.__litium.constants.currentChannelId + orderRowParam)\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          dispatch(load(data));\r\n          renderProductGoogleAnalytics(data)\r\n        }).finally(() => {\r\n          console.timeEnd(timingLabel);\r\n          setIsLoading(false);\r\n        });\r\n    }\r\n  }, [id]);\r\n\r\n  return (\r\n    <dialog className={'configurator-dialog' + (isWide ? ' configurator-dialog--wide' : '')} open={isOpen}>\r\n        <ConfiguratorTabs isLoading={isLoading} />\r\n        {isLoading ? <ConfiguratorLoadingState /> : <ConfiguratorBase />}\r\n    </dialog>\r\n  );\r\n};\r\n\r\nexport default ConfiguratorDialog;\r\n"],"names":["ConfiguratorDialog","dispatch","useDispatch","isOpen","useSelector","state","configurator","id","orderRow","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","isWide","selectedProductServiceTab","useEffect","timingLabel","orderRowParam","console","time","get","window","__litium","constants","currentChannelId","then","response","json","data","load","renderProductGoogleAnalytics","finally","timeEnd","React","className","open","ConfiguratorTabs","ConfiguratorLoadingState","ConfiguratorBase"],"sourceRoot":""}