{"version":3,"sources":["webpack:///./Avensia.Common/Features/WatchItems/index.tsx"],"names":["state","cloakedImages","appShellData","cloakProductImages","props","productName","Wrapper","appearance","Main","Heading","page","headingText","ProductDetails","Brand","productBrand","ProductName","RedirectButton","to","redirectPage","url","Tertiary","Full","buttonCaption","AlreadyUnregisteredMessage","alreadyUnregisteredMessage","margin","xy","alignItems","backgroundColor","display","flexDirection","maxWidth","textAlign","marginTop","y","padding","x","textTransform","div","span","color","fontSize","h1","width","minHeight","justifyContent"],"mappings":"2FAAA,iFAwCe,uBACb,SAACA,GAA4B,OAC3BC,cAAeD,EAAME,aAAaC,sBAFvB,EApBI,SAACC,GAClB,OAAOA,EAAMC,YACX,kBAACC,EAAO,CAACC,WAAY,IAAeC,MAClC,kBAACC,EAAO,KAAE,YAAiBL,EAAMM,KAAKC,cACtC,kBAACC,EAAc,KACb,kBAACC,EAAK,KAAET,EAAMU,cACd,kBAACC,EAAW,KAAEX,EAAMC,cAEtB,kBAACW,EAAc,CACbC,GAAI,YAAiBb,EAAMM,KAAKQ,cAAcC,IAC9CZ,WAAY,CAAC,IAAiBa,SAAU,IAAiBC,OAExD,YAAiBjB,EAAMM,KAAKY,iBAIjC,kBAACC,EAA0B,KAAE,YAAiBnB,EAAMM,KAAKc,gCAU7D,IAAMlB,EAAU,YAAO,IAAM,CAC3BmB,OAAQ,CACNC,GAAI,MAENC,WAAY,SACZC,gBAAiB,KACjBC,QAAS,OACTC,cAAe,SACfC,SAAU,UAGNtB,EAAU,YAAO,IAAI,CACzBuB,UAAW,SACXC,UAAW,SAGPjB,EAAiB,YAAO,IAAQ,CACpCS,OAAQ,CACNS,EAAG,aAAa,KAElBC,QAAS,CACPC,EAAG,aAAa,KAElBC,cAAe,aACfN,SAAU,aAAa,OAGnBnB,EAAiB,IAAO0B,IAAI,CAChCL,UAAW,aAAa,IACxBD,UAAW,WAGPnB,EAAQ,IAAO0B,KAAK,gBAEpBxB,EAAc,IAAOuB,IAAI,CAC7BE,MAAO,KACPC,SAAU,MAGNlB,EAA6B,IAAOmB,GAAG,CAC3CV,UAAW,SACXW,MAAO,OACPC,UAAW,aAAa,KACxBf,QAAS,OACTgB,eAAgB,SAChBf,cAAe","file":"assets/74.chunk.8788df7288299aaec14e.js","sourcesContent":["/**\r\n * @ComponentFor UnregisterWatchItemPageViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { Main, Appearance as PageAppearance } from 'Shared/PageLayout';\r\nimport H1 from 'Shared/Generic/h1';\r\nimport { epiPropertyValue } from '@avensia/scope-episerver';\r\nimport { iota, lightBlack, whitelilac, pixelsToUnit, truncate, small } from 'Shared/Style';\r\nimport Button, { Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport UnregisterWatchItemViewModel from './UnregisterWatchItemPageViewModel.type';\r\nimport connect from 'Shared/connect';\r\n\r\ntype ConnectStateType = {\r\n  cloakedImages: boolean;\r\n};\r\n\r\ntype PropType = UnregisterWatchItemViewModel & ConnectStateType;\r\n\r\nconst WatchItems = (props: PropType) => {\r\n  return props.productName ? (\r\n    <Wrapper appearance={PageAppearance.Main}>\r\n      <Heading>{epiPropertyValue(props.page.headingText)}</Heading>\r\n      <ProductDetails>\r\n        <Brand>{props.productBrand}</Brand>\r\n        <ProductName>{props.productName}</ProductName>\r\n      </ProductDetails>\r\n      <RedirectButton\r\n        to={epiPropertyValue(props.page.redirectPage).url}\r\n        appearance={[ButtonAppearance.Tertiary, ButtonAppearance.Full]}\r\n      >\r\n        {epiPropertyValue(props.page.buttonCaption)}\r\n      </RedirectButton>\r\n    </Wrapper>\r\n  ) : (\r\n    <AlreadyUnregisteredMessage>{epiPropertyValue(props.page.alreadyUnregisteredMessage)}</AlreadyUnregisteredMessage>\r\n  );\r\n};\r\n\r\nexport default connect(\r\n  (state): ConnectStateType => ({\r\n    cloakedImages: state.appShellData.cloakProductImages,\r\n  }),\r\n)(WatchItems);\r\n\r\nconst Wrapper = styled(Main, {\r\n  margin: {\r\n    xy: small,\r\n  },\r\n  alignItems: 'center',\r\n  backgroundColor: whitelilac,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  maxWidth: 'unset',\r\n});\r\n\r\nconst Heading = styled(H1, {\r\n  textAlign: 'center',\r\n  marginTop: '2rem',\r\n});\r\n\r\nconst RedirectButton = styled(Button, {\r\n  margin: {\r\n    y: pixelsToUnit(36),\r\n  },\r\n  padding: {\r\n    x: pixelsToUnit(26),\r\n  },\r\n  textTransform: 'capitalize',\r\n  maxWidth: pixelsToUnit(250),\r\n});\r\n\r\nconst ProductDetails = styled.div({\r\n  marginTop: pixelsToUnit(20),\r\n  textAlign: 'center',\r\n});\r\n\r\nconst Brand = styled.span(truncate());\r\n\r\nconst ProductName = styled.div({\r\n  color: lightBlack,\r\n  fontSize: iota,\r\n});\r\n\r\nconst AlreadyUnregisteredMessage = styled.h1({\r\n  textAlign: 'center',\r\n  width: '100%',\r\n  minHeight: pixelsToUnit(300),\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  flexDirection: 'column',\r\n});\r\n"],"sourceRoot":""}