{"version":3,"file":"LazyModelPage.a0c80649d7f4c74c.prod.js","mappings":"soCAYO,SAASA,GAAM,UAAEC,IACtB,MAAMC,GAAY,OAAa,OAEzB,QAAEC,EAAO,OAAEC,IAAW,WACrBC,EAAcC,IAAmB,IAAAC,UAAgC,OAGxE,OAAkB,CAAEF,eAAcG,cAAc,EAAMC,GAAIR,IAE1D,MAAMS,GAAa,OAAkB,CACnCC,WAAYR,GAASS,cAAc,YAWrC,OARA,IAAAC,YAAU,KACJH,GACFR,GAAWY,MAAM,KAAoBC,0BAA2B,CAC9DC,WAAYf,GAEhB,GACC,CAACS,EAAYR,EAAWD,KAGzB,iCACE,SAACgB,EAAY,CAACC,IAlBFA,GAAwBZ,EAAgBY,GAkB3B,iBAAiB,SAAQ,8BAC/Cd,IAAW,KAAUe,UAAW,SAAC,IAAc,OAElD,SAAC,IAAe,CAACC,OAAK,EAACC,KAAG,MAGhC,CAEA,MAAMJ,EAAe,MAAOK,IAAG;;;;EC9BxB,SAASC,GAAU,UAAEtB,IAC1B,MAAMC,GAAY,OAAa,OAEzB,WAAEsB,IAAe,UAEjB,KAAEC,EAAI,QAAEC,IAAY,QAA0C,CAClEC,KAAqB,KAAfH,EACNI,UAAW,CAAEnB,GAAIe,KAqBnB,OAlBA,IAAAX,YAAU,MACRgB,iBAEOH,GAAmB,MAARD,UACRvB,GAAW4B,cAASC,EAAW,CACnCC,aAAcP,EAAKQ,kCAAkCC,YACrDC,cAAeC,OAAOC,YACtBC,aAAcF,OAAOG,WACrBC,gBAAiBhB,EACjBR,WAAYf,WAGRC,GAAWuC,KAAK,KAAmBC,mBAE7C,CACAC,EAAe,GACd,CAACzC,EAAWuB,EAAMC,EAASzB,EAAWuB,KAGvC,SAAC,MAAgB,CAACoB,UAAU,QAAQC,MAAO,MAAgB,UACzD,SAAC,KAAkB,WACjB,SAAC7C,EAAK,CAACC,UAAWA,OAI1B,CAEA,S","sources":["webpack://aurora-new-frontend/./packages/lead-capture/src/pages/model/components/model.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/model/model-page.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { CadLoadingPage, CadStatus, useCadContext, useLeadCaptureCad } from '@aurorasolar/cad-core';\nimport styled from '@xstyled/styled-components';\nimport { Analytics, AnalyticsEventTypes, useAppModule } from '@aurorasolar/common-module-loader';\nimport { useInterceptMouse } from '@aurorasolar/common-shared-domain';\nimport { PoweredByAurora } from '../../../shared-components';\n\nexport interface ModelProps {\n  projectId: string;\n}\n\nexport function Model({ projectId }: ModelProps) {\n  const analytics = useAppModule(Analytics);\n\n  const { domNode, status } = useCadContext();\n  const [cadContainer, setCadContainer] = useState<HTMLDivElement | null>(null);\n  const setRef = (ref: HTMLDivElement) => setCadContainer(ref);\n\n  useLeadCaptureCad({ cadContainer, hasOrbitMode: true, id: projectId });\n\n  const wasClicked = useInterceptMouse({\n    cadDomNode: domNode?.querySelector('canvas'),\n  });\n\n  useEffect(() => {\n    if (wasClicked) {\n      analytics?.track(AnalyticsEventTypes.LeadCaptureClickedCADView, {\n        project_id: projectId,\n      });\n    }\n  }, [wasClicked, analytics, projectId]);\n\n  return (\n    <>\n      <CadContainer ref={setRef} data-chromatic=\"ignore\" data-happo-hide>\n        {status === CadStatus.Loading && <CadLoadingPage />}\n      </CadContainer>\n      <PoweredByAurora right top />\n    </>\n  );\n}\n\nconst CadContainer = styled.div`\n  position: absolute;\n  inset: 0;\n  cursor: move !important;\n`;\n","import { useEffect } from 'react';\nimport { CadContextProvider } from '@aurorasolar/cad-core';\nimport * as DS from '@aurorasolar/ds';\n\nimport { Analytics, AnalyticsPageTypes, useAppModule } from '@aurorasolar/common-module-loader';\nimport { useGetLeadCaptureProjectTemplateDataQuery } from '../../lead-capture.generated';\nimport { useRouteData } from '../../hooks';\nimport { Model } from './components/model';\n\nexport interface ModelPageProps {\n  projectId: string;\n}\n\nexport function ModelPage({ projectId }: ModelPageProps) {\n  const analytics = useAppModule(Analytics);\n\n  const { templateId } = useRouteData();\n\n  const { data, loading } = useGetLeadCaptureProjectTemplateDataQuery({\n    skip: templateId === '',\n    variables: { id: templateId },\n  });\n\n  useEffect(() => {\n    async function sendAnalytics() {\n      // Don't send analytics until we have projectTemplateData back\n      if (!loading && data != null) {\n        await analytics?.identify(undefined, {\n          company_name: data.getLeadCaptureProjectTemplateData.companyName,\n          iframe_height: window.innerHeight,\n          iframe_width: window.innerWidth,\n          organization_id: templateId,\n          project_id: projectId,\n        });\n\n        await analytics?.page(AnalyticsPageTypes.LeadCaptureModel);\n      }\n    }\n    sendAnalytics();\n  }, [analytics, data, loading, projectId, templateId]);\n\n  return (\n    <DS.StyleProvider colorMode=\"light\" theme={DS.BorealisTheme}>\n      <CadContextProvider>\n        <Model projectId={projectId} />\n      </CadContextProvider>\n    </DS.StyleProvider>\n  );\n}\n\nexport default ModelPage;\n"],"names":["Model","projectId","analytics","domNode","status","cadContainer","setCadContainer","useState","hasOrbitMode","id","wasClicked","cadDomNode","querySelector","useEffect","track","LeadCaptureClickedCADView","project_id","CadContainer","ref","Loading","right","top","div","ModelPage","templateId","data","loading","skip","variables","async","identify","undefined","company_name","getLeadCaptureProjectTemplateData","companyName","iframe_height","window","innerHeight","iframe_width","innerWidth","organization_id","page","LeadCaptureModel","sendAnalytics","colorMode","theme"],"sourceRoot":""}