{"version":3,"sources":["webpack:///./domain/constants/callToAction.ts","webpack:///./presentation/components/ribbons/tiers/Tiers.tsx","webpack:///./presentation/components/ribbons/tiers/ConnectedTiers.tsx"],"names":["Behavior","DesktopTiers","lazy","MobileTiers","PureTiers","loading","colorway","layout","name","links","props","isMinSm","useBreakpoints","Tiers","Ribbon","id","flush","type","Type","TIERS","fallback","displayName","errorBoundary","visibilitySet","ConnectedTiers","window","useWindow","location","url","origin","pathname","isVisibilitySetActive","useIsVisibilitySetActive","selected","findIndex","link","behavior","goto","NAVIGATION","SET_VISIBILITY","matchUrl","hash","hasVisibilitySetActive"],"mappings":"8EAAO,IAAKA,EAAZ,kC,SAAYA,K,wBAAAA,E,4BAAAA,E,sBAAAA,E,2CAAAA,E,wBAAAA,M,8JCQZ,MAAMC,EAAeC,eAAK,IAAM,qEAC1BC,EAAcD,eAAK,IAAM,sEAalBE,EAAY,IAA2E,IAA1E,QAAEC,EAAF,SAAWC,EAAX,OAAqBC,EAArB,KAA6BC,EAA7B,MAAmCC,EAAQ,MAAOC,GAAwB,EAClG,MAAM,QAAEC,GAAYC,cACdC,EAAQF,EAAUV,EAAeE,EAEvC,OACE,cAACW,EAAA,EAAD,CACEC,GAAIL,EAAMK,GACVR,OAAQA,EACRD,SAAUA,EACVU,OAAO,EACPX,QAASA,EACTG,KAAMA,EACNS,KAAMC,IAAKC,MAPb,SASE,cAAC,WAAD,CAAUC,SAAU,wBAApB,SACE,cAACP,EAAD,CAAOP,SAAUA,EAAUC,OAAQA,EAAQE,MAAOA,KAAWC,SAMrEN,EAAUiB,YAAc,QAETC,kBAAcC,YAAcnB,ICZ5BoB,MApBSd,IACtB,MAAMe,EAASC,eAET,MAAEjB,EAAQ,IAAOC,EACjBiB,EAAWF,EAAOE,SAClBC,EAAMD,EAASE,OAASF,EAASG,SACjCC,EAAwBC,cAExBC,EAAWxB,EAAMyB,UAAWC,IAChC,MAAMC,EAAWD,EAAKC,SAChBC,GAAOD,aAAA,EAAAA,EAAUnB,QAASjB,IAASsC,WAAaF,EAASC,KAAO,KAChEd,GAAgBa,aAAA,EAAAA,EAAUnB,QAASjB,IAASuC,eAAiBH,EAASb,cAAgB,KACtFiB,EAAWH,IAASV,EAASG,UAAYO,IAASV,EAASc,MAAQJ,IAAST,EAC5Ec,EAA0C,MAAjBnB,GAAyBQ,EAAsBR,GAC9E,OAAOiB,GAAYE,IAGrB,OAAO,cAAC,EAAD,CAAOT,SAAUA,KAAcvB","file":"pex-static/34/59.c397731a306a05b3736a.chunk.js","sourcesContent":["export enum Behavior {\n  NAVIGATION = 'navigation',\n  ADD_TO_BASKET = 'addToBasket',\n  CONFIGURE = 'configure',\n  SET_VISIBILITY = 'changeActiveVisibilitySet',\n  PLAY_VIDEO = 'playVideo',\n}\n\nexport default null;\n","import React, { ComponentType, lazy, Suspense } from 'react';\nimport { useBreakpoints } from '@ux/responsive';\nimport { BehaviorType } from 'core/ribbons/cta';\nimport { RibbonProps, Type } from 'domain/constants/ribbons';\nimport Ribbon from 'components/ribbons/Ribbon';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\n\nconst DesktopTiers = lazy(() => import('./Desktop'));\nconst MobileTiers = lazy(() => import('./Mobile'));\n\nexport type Link = {\n  href?: string;\n  first?: boolean;\n  behavior?: BehaviorType;\n};\n\nexport interface OuterProps extends RibbonProps {\n  selected: number;\n  links?: Array<Link>;\n}\n\nexport const PureTiers = ({ loading, colorway, layout, name, links = [], ...props }: OuterProps) => {\n  const { isMinSm } = useBreakpoints();\n  const Tiers = isMinSm ? DesktopTiers : MobileTiers;\n\n  return (\n    <Ribbon\n      id={props.id}\n      layout={layout}\n      colorway={colorway}\n      flush={true}\n      loading={loading}\n      name={name}\n      type={Type.TIERS}\n    >\n      <Suspense fallback={<div />}>\n        <Tiers colorway={colorway} layout={layout} links={links} {...props} />\n      </Suspense>\n    </Ribbon>\n  );\n};\n\nPureTiers.displayName = 'Tiers';\n\nexport default errorBoundary(visibilitySet(PureTiers)) as ComponentType<OuterProps>;\n","import React from 'react';\nimport { useWindow } from '@uds/hooks';\nimport { useIsVisibilitySetActive } from 'presentation/context/VisibilitySets';\nimport { Behavior } from 'domain/constants/callToAction';\n\nimport Tiers, { OuterProps as PureProps } from './Tiers';\n\ninterface ConnectedProps {\n  selected: number;\n}\n\ninterface OuterProps extends Omit<PureProps, keyof ConnectedProps> { }\n\nconst ConnectedTiers = (props: OuterProps) => {\n  const window = useWindow();\n\n  const { links = [] } = props;\n  const location = window.location;\n  const url = location.origin + location.pathname;\n  const isVisibilitySetActive = useIsVisibilitySetActive();\n\n  const selected = links.findIndex((link) => {\n    const behavior = link.behavior;\n    const goto = behavior?.type === Behavior.NAVIGATION ? behavior.goto : null;\n    const visibilitySet = behavior?.type === Behavior.SET_VISIBILITY ? behavior.visibilitySet : null;\n    const matchUrl = goto === location.pathname || goto === location.hash || goto === url;\n    const hasVisibilitySetActive = visibilitySet != null && isVisibilitySetActive(visibilitySet);\n    return matchUrl || hasVisibilitySetActive;\n  });\n\n  return <Tiers selected={selected} {...props} />;\n};\n\nexport default ConnectedTiers;\n"],"sourceRoot":""}