{"version":3,"sources":["webpack:///./Avensia.Common/Features/CustomerService/LinkIconTextBlock.tsx","webpack:///./Avensia.Common/Features/CustomerService/current-page-is-customer-service-main.tsx"],"names":["LinkBlockWrapper","connect","state","isCustomerServiceMainPage","currentPage","componentName","Avensia_Common_Features_CustomerService_CustomerServiceMainPageViewModel","props","activeLinkWrapper","border","xy","color","boxShadow","activeLinkToPage","pathname","url","css","LinkWrapper","to","linkIdentifier","ticket","ImageWrapper","backgroundColor","src","imageUrl","Text","text","div","display","alignItems","justifyContent","height","width","style","Link","flexDirection","textDecoration","borderRadius","margin","x","y"],"mappings":"2KAgDMA,GANS,iBAAAC,EAAA,IACb,SAACC,GAA4B,OAC3BC,2BCtCYC,EDsCgCF,EAAME,YCpClDA,EAAYC,gBACZ,IAAeC,2EAHJ,IAACF,IDoCD,EApBW,SAACG,GACzB,IAAMC,EAAoB,CACxBC,OAAQ,CACNC,GAAI,CAAEC,MAPc,YAStBC,UAAW,gCAEPC,GAAoBN,EAAMJ,2BAA6B,cAAaW,WAAaP,EAAMQ,IAC7F,OACE,kBAACf,EAAgB,CAACgB,IAAKH,GAAoBL,GACzC,kBAACS,EAAW,CAACC,GAAIX,EAAMQ,IAAKI,eAAgBZ,EAAMa,QAChD,kBAACC,EAAY,CAACL,IAAKH,GAAoB,CAAES,gBAbf,YAcxB,yBAAKC,IAAKhB,EAAMiB,YAElB,kBAACC,EAAI,KAAElB,EAAMmB,WAYI,IAAOC,IAAI,CAClCC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,OAAQ,aAAa,KACrBtB,OAAQ,CACNC,GAAI,CACFsB,MAAO,KACPC,MAAO,QACPtB,MAAO,eAIPM,EAAc,YAAOiB,EAAA,EAAM,CAC/BN,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,cAAe,SACfC,eAAgB,OAChBJ,MAAO,OACPD,OAAQ,SAGJN,EAAO,IAAOE,IAAI,CACtBC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBnB,MAAO,MAGHU,EAAe,IAAOM,IAAI,CAC9BC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBE,MAAO,aAAa,IACpBD,OAAQ,aAAa,IACrBT,gBAjE0B,UAkE1Be,aAAc,MACdC,OAAQ,CACNC,EAAG,OACHC,EAAG","file":"assets/50.chunk.be5447b64783f617f56c.js","sourcesContent":["/**\r\n * @ComponentFor LinkIconTextBlockViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { currentUrl } from '@avensia/scope';\r\nimport connect from 'Shared/connect';\r\nimport Link from 'Shared/Link';\r\nimport { pixelsToUnit, thin } from 'Shared/Style';\r\nimport isCurrentPageCsm from './current-page-is-customer-service-main';\r\nimport { black } from 'Shared/Style/colors';\r\nimport LinkIconTextBlockViewModel from './LinkIconTextBlockViewModel.type';\r\n\r\ntype ConnectStateType = { isCustomerServiceMainPage: boolean };\r\n\r\ntype PropType = LinkIconTextBlockViewModel & ConnectStateType;\r\n\r\nconst activeBorderColor = '#A7A7A7';\r\nconst iconBackgroundColor = '#F1F1F1';\r\nconst activeIconBackgroundColor = '#CCE7EE';\r\n\r\nconst LinkIconTextBlock = (props: PropType) => {\r\n  const activeLinkWrapper = {\r\n    border: {\r\n      xy: { color: activeBorderColor },\r\n    },\r\n    boxShadow: '0 2px 6px 0 rgba(0,0,0,0.17)',\r\n  };\r\n  const activeLinkToPage = !props.isCustomerServiceMainPage && currentUrl().pathname === props.url;\r\n  return (\r\n    <LinkBlockWrapper css={activeLinkToPage && activeLinkWrapper}>\r\n      <LinkWrapper to={props.url} linkIdentifier={props.ticket}>\r\n        <ImageWrapper css={activeLinkToPage && { backgroundColor: activeIconBackgroundColor }}>\r\n          <img src={props.imageUrl} />\r\n        </ImageWrapper>\r\n        <Text>{props.text}</Text>\r\n      </LinkWrapper>\r\n    </LinkBlockWrapper>\r\n  );\r\n};\r\n\r\nexport default connect(\r\n  (state): ConnectStateType => ({\r\n    isCustomerServiceMainPage: isCurrentPageCsm(state.currentPage),\r\n  }),\r\n)(LinkIconTextBlock);\r\n\r\nconst LinkBlockWrapper = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  height: pixelsToUnit(112),\r\n  border: {\r\n    xy: {\r\n      width: thin,\r\n      style: 'solid',\r\n      color: '#E9E9E9',\r\n    },\r\n  },\r\n});\r\nconst LinkWrapper = styled(Link, {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  flexDirection: 'column',\r\n  textDecoration: 'none',\r\n  width: '100%',\r\n  height: '100%',\r\n});\r\n\r\nconst Text = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  color: black,\r\n});\r\n\r\nconst ImageWrapper = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  width: pixelsToUnit(66),\r\n  height: pixelsToUnit(66),\r\n  backgroundColor: iconBackgroundColor,\r\n  borderRadius: '50%',\r\n  margin: {\r\n    x: 'auto',\r\n    y: 0,\r\n  },\r\n});\r\n","import { PageType } from 'Shared/State';\r\nimport { componentNames } from 'Shared/component-registry';\r\nimport CustomerServiceMainPageViewModelType from './CustomerServiceMainPageViewModel.type';\r\n\r\ntype CustomerServiceMainPage = CustomerServiceMainPageViewModelType & PageType;\r\n\r\nexport default (currentPage: PageType): currentPage is CustomerServiceMainPage => {\r\n  return (\r\n    currentPage.componentName ===\r\n    componentNames.Avensia_Common_Features_CustomerService_CustomerServiceMainPageViewModel\r\n  );\r\n};\r\n"],"sourceRoot":""}