{"version":3,"file":"SocialProviders-DGIcmehJ.js","sources":["../../src/components/pages/Auth/FormSection/FormContent/SocialProviders.tsx"],"sourcesContent":["import { FunctionComponent, PropsWithChildren } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { gql } from '__generated__/gql';\nimport { ReactComponent as LogoPlaceholder } from 'images/avatar-logo-placeholder.svg';\nimport { useExtendedIntl } from 'hooks/useExtendedIntl';\nimport { ErrorMessage } from 'shared/ErrorMessage';\nimport { LoadingBlock } from 'shared/LoadingBlock';\nimport { SocialProviderNode } from 'typeDeclarations/graphql/nodes';\nimport { SOCIAL_ACCOUNTS_ICONS } from 'shared/DefaultDataGrid/constants';\nimport { DefaultSVGIcon } from 'shared/DefaultSVGIcon';\n\nimport { Grid, ListItemButton, ListItemIcon, ListItemText, GridProps } from '@mui/material';\n\nconst SOCIAL_PROVIDERS_QUERY = gql(/* GraphQL */ `\n  query socialProvidersQuery {\n    ...AllSocialProvidersFragment\n  }\n`);\n\ninterface SocialProvidersQueryData {\n  allSocialProviders: SocialProviderNode[];\n}\n\ninterface SocialProvidersProps extends GridProps<'ul'> {\n  connect?: boolean;\n}\n\nexport const SocialProviders: FunctionComponent<PropsWithChildren<SocialProvidersProps>> = ({\n  connect,\n  ...remainingProps\n}) => {\n  const { formatMessage, formatSocialProviders } = useExtendedIntl();\n\n  const { data, loading, error } = useQuery<SocialProvidersQueryData>(SOCIAL_PROVIDERS_QUERY);\n\n  if (loading) return <LoadingBlock />;\n\n  if (error || !data) return <ErrorMessage />;\n\n  const { allSocialProviders } = data;\n\n  return (\n    <Grid container component=\"ul\" {...remainingProps}>\n      {allSocialProviders.map(({ _id, loginEndpoint, connectEndpoint }) => {\n        const icon = SOCIAL_ACCOUNTS_ICONS[_id] ?? LogoPlaceholder;\n\n        let endpoint: undefined | string;\n        let textIntlId: undefined | string;\n\n        if (connect) {\n          textIntlId = 'social-providers.sign-up-with';\n          endpoint = connectEndpoint + '&next=/account-settings/social-accounts/';\n        } else {\n          endpoint = loginEndpoint;\n          textIntlId = 'social-providers.sign-in-with';\n        }\n        const text = formatMessage({ id: textIntlId }, { socialProvider: formatSocialProviders(_id) });\n\n        return (\n          <Grid container item xs={12} sm={6} component=\"li\" key={_id}>\n            <ListItemButton\n              component=\"a\"\n              data-testid={`auth.login.${_id}`}\n              href={endpoint + '&next=/account-settings/social-accounts/'}\n              sx={{\n                borderRadius: 1,\n                border: '1px solid',\n                borderColor: 'grey.200',\n                backgroundColor: 'background.paper',\n                boxShadow: '2px 8px 16px rgba(24, 50, 115, 0.06)',\n              }}\n            >\n              <ListItemIcon sx={{ minWidth: 0, pr: 3 }}>\n                <DefaultSVGIcon component={icon} fontSize=\"small\" inheritViewBox={true} />\n              </ListItemIcon>\n              <ListItemText primary={text} primaryTypographyProps={{ color: 'text.secondary', fontWeight: '700' }} />\n            </ListItemButton>\n          </Grid>\n        );\n      })}\n    </Grid>\n  );\n};\n"],"names":["SOCIAL_PROVIDERS_QUERY","gql","SocialProviders","connect","remainingProps","formatMessage","formatSocialProviders","useExtendedIntl","data","loading","error","useQuery","jsx","LoadingBlock","ErrorMessage","allSocialProviders","Grid","_id","loginEndpoint","connectEndpoint","icon","SOCIAL_ACCOUNTS_ICONS","LogoPlaceholder","endpoint","textIntlId","text","jsxs","ListItemButton","ListItemIcon","DefaultSVGIcon","ListItemText"],"mappings":"oNAaA,MAAMA,EAAyBC,EAAkB;AAAA;AAAA;AAAA;AAAA,CAIhD,EAUYC,EAA8E,CAAC,CAC1F,QAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,cAAAC,EAAe,sBAAAC,CAAsB,EAAIC,EAAgB,EAE3D,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,CAAM,EAAIC,EAAmCX,CAAsB,EAEtF,GAAAS,EAAgB,OAAAG,EAAAA,IAACC,EAAa,CAAA,CAAA,EAElC,GAAIH,GAAS,CAACF,EAAM,aAAQM,EAAa,CAAA,CAAA,EAEnC,KAAA,CAAE,mBAAAC,CAAuB,EAAAP,EAE/B,OACGI,EAAAA,IAAAI,EAAA,CAAK,UAAS,GAAC,UAAU,KAAM,GAAGZ,EAChC,SAAAW,EAAmB,IAAI,CAAC,CAAE,IAAAE,EAAK,cAAAC,EAAe,gBAAAC,KAAsB,CAC7D,MAAAC,EAAOC,EAAsBJ,CAAG,GAAKK,EAEvC,IAAAC,EACAC,EAEArB,GACWqB,EAAA,gCACbD,EAAWJ,EAAkB,6CAElBI,EAAAL,EACEM,EAAA,iCAET,MAAAC,EAAOpB,EAAc,CAAE,GAAImB,CAAA,EAAc,CAAE,eAAgBlB,EAAsBW,CAAG,CAAA,CAAG,EAG3F,OAAAL,EAAAA,IAACI,EAAK,CAAA,UAAS,GAAC,KAAI,GAAC,GAAI,GAAI,GAAI,EAAG,UAAU,KAC5C,SAAAU,EAAA,KAACC,EAAA,CACC,UAAU,IACV,cAAa,cAAcV,CAAG,GAC9B,KAAMM,EAAW,2CACjB,GAAI,CACF,aAAc,EACd,OAAQ,YACR,YAAa,WACb,gBAAiB,mBACjB,UAAW,sCACb,EAEA,SAAA,CAAAX,MAACgB,GAAa,GAAI,CAAE,SAAU,EAAG,GAAI,CAAE,EACrC,SAAChB,EAAA,IAAAiB,EAAA,CAAe,UAAWT,EAAM,SAAS,QAAQ,eAAgB,EAAM,CAAA,EAC1E,EACAR,EAAAA,IAACkB,EAAa,CAAA,QAASL,EAAM,uBAAwB,CAAE,MAAO,iBAAkB,WAAY,KAAS,CAAA,CAAA,CAAA,CAAA,CAAA,GAhBjDR,CAkBxD,CAEH,CAAA,CACH,CAAA,CAEJ"}