{"version":3,"file":"static/js/AccountWidget.1063e15f.chunk.js","mappings":"+SAGaA,EAAgBC,EAAAA,GAAOC,IAAGC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,q/DAqF1BC,EAAcJ,EAAAA,GAAOC,IAAGI,IAAAA,GAAAF,EAAAA,EAAAA,GAAA,yJASxBG,GAAcN,EAAAA,EAAAA,IAAOO,EAAAA,EAAPP,CAAmBQ,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,0C,iEC7FjCM,EAASC,EAAAA,QAAUD,OACnBE,EAAWD,EAAAA,QAAUC,SAUrBC,EAAS,SAAHC,GAMe,IALhCC,EAAKD,EAALC,MACAC,EAAgBF,EAAhBE,iBACAC,EAAQH,EAARG,SACAC,EAASJ,EAATI,UACGC,GAAKC,EAAAA,EAAAA,GAAAN,EAAAO,GAEFC,EAAgBC,EAAAA,SAASC,QAAQL,EAAMM,UAEvCC,GAAgBC,EAAAA,EAAAA,UAAQ,WAC5B,OAAgC,IAAzBL,EAAcM,SAAiBV,CACxC,GAAG,CAACI,IAEJ,OACEO,EAAAA,EAAAA,MAACC,EAAoB,CAACC,UAAWf,EAAiBS,SAAA,CAC/CV,IAASiB,EAAAA,EAAAA,KAACF,EAAkB,CAAAL,SAAEV,KAC/BiB,EAAAA,EAAAA,KAAArB,EAAAA,SAAAsB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,CACEhB,SAAUA,GAAYS,EACtBQ,WAAYR,EAAgB,MAAOM,EAAAA,EAAAA,KAACF,EAAkB,IACtDK,WAAY,CAAC,SACbC,KAAK,QACLC,kBAAmB,SAACC,GAAwB,OAC1CA,EAAYC,aAAa,GAEvBpB,GAAK,IAAAM,SAERN,EAAMM,cAIf,C,uGCxCae,EAAoB,WAC/B,IAAQC,GAASC,EAAAA,EAAAA,KAATD,KASR,MAAO,CAAEE,kBAPgBC,EAAAA,EAAAA,cAAY,SAACC,GACpC,IAAMC,GAAeC,EAAAA,EAAAA,IAAkB,GAADC,QACjCC,EAAAA,EAAAA,IAAuB,GAAK,aAAAD,OAAYH,IAE7C,OAAOJ,EAAKK,EACd,GAAG,IAGL,C,wGCXaI,EAAwB,WACnC,IAAQT,GAASC,EAAAA,EAAAA,KAATD,KASR,MAAO,CAAEU,sBAPoBP,EAAAA,EAAAA,cAAY,SAACQ,GACxC,IAAMN,GAAeC,EAAAA,EAAAA,IAAkB,GAADC,QACjCC,EAAAA,EAAAA,IAAuB,GAAK,iBAAAD,OAAgBI,IAEjD,OAAOX,EAAKK,EACd,GAAG,IAGL,C,kFCdaO,EAAc,SACzBC,EACAC,EACAC,EACAC,GAEA,IAAMC,GAAgBC,EAAAA,EAAAA,SAAO,IAC7BC,EAAAA,EAAAA,YAAU,WACR,IAAIH,IAAqBC,EAAcG,QAAvC,CAIA,IAAMC,EAAUC,YAAW,kBAAMT,GAAQ,GAAEC,GAE3C,OAAO,kBAAMS,aAAaF,EAAS,CAHnC,CAFEJ,EAAcG,SAAU,CAM5B,GAAE,GAADb,QAAAiB,EAAAA,EAAAA,GAAMT,GAAI,CAAED,IACf,C,wDClBO,IAAMW,EAAc,SACzBC,GAEA,MAAqB,qBAAVA,EACFA,EAGFC,OAAOC,MAAMD,OAAOD,IAAO,GAAAnB,OAAMmB,GAAK,GAAAnB,OAAQmB,EAAK,KAC5D,C","sources":["components/UI/Select/styles.ts","components/UI/Select/index.tsx","hooks/artist/useOpenArtistView.ts","hooks/collection/useOpenCollectionView.ts","hooks/useDebounce.ts","utils/styles/numeric-to-px.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { ChevronDown } from 'icons/ChevronDown';\n\nexport const SelectWrapper = styled.div`\n  &&& {\n    display: flex;\n    flex-direction: column;\n\n    & [class$='-select-selection-search'] {\n      overflow: hidden;\n    }\n\n    & [class$='-select-selector'] {\n      background-color: var(--v3-black-1);\n      border: 1px solid var(--v3-black-1);\n\n      & [class$='-select-selection-item'] {\n        padding-right: 26px;\n      }\n\n      & [class$='-select-selection-overflow'] {\n        gap: 3px;\n\n        & [class$='-select-selection-overflow-item'] {\n          line-height: 32px;\n          height: 38px;\n          font-size: 14px;\n          display: inline-flex;\n          align-items: center;\n          margin: 0;\n        }\n      }\n    }\n    & [class*='-select-dropdown'] {\n      background-color: var(--v3-black-0);\n      border: 1px solid var(--v3-black-2);\n      box-shadow: 0px 16px 33px rgba(119, 110, 171, 0.11);\n      border-radius: 12px;\n      padding: 8px;\n      margin-top: 10px;\n    }\n    & .rc-virtual-list-holder {\n      overflow-y: auto !important;\n    }\n    & .ant-select-item {\n      border-radius: 12px;\n      padding: 12px 0;\n      font-weight: 500;\n      font-size: 15px;\n      line-height: 25px;\n      color: var(--v3-text-color);\n    }\n    & .ant-select-item-option {\n      text-align: left;\n      padding-left: 20px;\n    }\n    & .ant-select-item-group {\n      text-align: left;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 16px;\n      letter-spacing: -0.02em;\n      padding-left: 10px;\n      color: var(--v3-black-45);\n    }\n    & .ant-select-item:hover {\n      background-color: var(--v3-black-0);\n    }\n    & [class*='-select-focused'] {\n      & [class$='-select-selector'] {\n        background-color: var(--v3-black-1);\n        border: 1px solid var(--v3-black-1);\n        box-shadow: none;\n      }\n    }\n\n    & .ant-select-open {\n      & .ant-select-arrow {\n        transform: rotate(180deg);\n      }\n    }\n\n    & .ant-select-arrow {\n      transition: transform 0.2s ease-in-out;\n    }\n  }\n`;\n\nexport const SelectLabel = styled.div`\n  font-weight: bold;\n  font-size: 14px;\n  color: var(--v3-black-85);\n  line-height: 20px;\n  letter-spacing: 0.3px;\n  margin-bottom: 4px;\n`;\n\nexport const SelectArrow = styled(ChevronDown)`\n  color: var(--v3-text-color);\n`;\n","import { Children, ReactElement, useMemo } from 'react';\nimport { Select as AntSelect, SelectProps as AntSelectProps } from 'antd';\nimport * as Styled from './styles';\n\nexport const Option = AntSelect.Option;\nexport const OptGroup = AntSelect.OptGroup;\n\ntype SelectProps = AntSelectProps & {\n  label?: string;\n  wrapperClassName?: string;\n  disabled?: boolean;\n  hasAddNew?: boolean;\n  children: ReactElement | ReactElement[];\n};\n\nexport const Select = ({\n  label,\n  wrapperClassName,\n  disabled,\n  hasAddNew,\n  ...props\n}: SelectProps): ReactElement => {\n  const childrenArray = Children.toArray(props.children);\n\n  const isSingleValue = useMemo(() => {\n    return childrenArray.length === 1 && !hasAddNew;\n  }, [childrenArray]);\n\n  return (\n    <Styled.SelectWrapper className={wrapperClassName}>\n      {label && <Styled.SelectLabel>{label}</Styled.SelectLabel>}\n      <AntSelect\n        disabled={disabled || isSingleValue}\n        suffixIcon={isSingleValue ? null : <Styled.SelectArrow />}\n        showAction={['focus']}\n        size=\"large\"\n        getPopupContainer={(triggerNode: HTMLElement) =>\n          triggerNode.parentElement as HTMLElement\n        }\n        {...props}\n      >\n        {props.children}\n      </AntSelect>\n    </Styled.SelectWrapper>\n  );\n};\n","import { useCallback } from 'react';\nimport { useHistory } from 'hooks/generic/useHistory';\nimport { normalizePathname } from 'utils';\nimport { getInitialMountingPath } from 'utils/app/get-initial-mounting-path';\n\nexport const useOpenArtistView = () => {\n  const { push } = useHistory();\n\n  const handleOpenArtist = useCallback((artistUrlKey: string) => {\n    const redirectPath = normalizePathname(\n      `${getInitialMountingPath(true)}/artists/${artistUrlKey}`\n    );\n    return push(redirectPath);\n  }, []);\n\n  return { handleOpenArtist };\n};\n","import { useCallback } from 'react';\nimport { useHistory } from 'hooks/generic/useHistory';\nimport { normalizePathname } from 'utils';\nimport { getInitialMountingPath } from 'utils/app/get-initial-mounting-path';\n\nexport const useOpenCollectionView = () => {\n  const { push } = useHistory();\n\n  const handleOpenCollection = useCallback((collectionUrlKey: string) => {\n    const redirectPath = normalizePathname(\n      `${getInitialMountingPath(true)}/collections/${collectionUrlKey}`\n    );\n    return push(redirectPath);\n  }, []);\n\n  return { handleOpenCollection };\n};\n","import { useEffect, useRef } from 'react';\n\nexport const useDebounce = (\n  effect: Function,\n  delay: number,\n  deps: Array<string | undefined>,\n  skipInitialEffect?: boolean\n): void => {\n  const isFirstEffect = useRef(true);\n  useEffect(() => {\n    if (skipInitialEffect && isFirstEffect.current) {\n      isFirstEffect.current = false;\n      return;\n    }\n    const handler = setTimeout(() => effect(), delay);\n\n    return () => clearTimeout(handler);\n  }, [...deps, delay]);\n};\n","export const numericToPx = (\n  value: string | number | undefined\n): string | undefined => {\n  if (typeof value === 'undefined') {\n    return value;\n  }\n\n  return Number.isNaN(Number(value)) ? `${value}` : `${value}px`;\n};\n"],"names":["SelectWrapper","styled","div","_templateObject","_taggedTemplateLiteral","SelectLabel","_templateObject2","SelectArrow","ChevronDown","_templateObject3","Option","_Select","OptGroup","Select","_ref","label","wrapperClassName","disabled","hasAddNew","props","_objectWithoutProperties","_excluded","childrenArray","Children","toArray","children","isSingleValue","useMemo","length","_jsxs","Styled","className","_jsx","_objectSpread","suffixIcon","showAction","size","getPopupContainer","triggerNode","parentElement","useOpenArtistView","push","useHistory","handleOpenArtist","useCallback","artistUrlKey","redirectPath","normalizePathname","concat","getInitialMountingPath","useOpenCollectionView","handleOpenCollection","collectionUrlKey","useDebounce","effect","delay","deps","skipInitialEffect","isFirstEffect","useRef","useEffect","current","handler","setTimeout","clearTimeout","_toConsumableArray","numericToPx","value","Number","isNaN"],"sourceRoot":""}