{"version":3,"file":"2159/bundle-17fbf66eab7b4affad8d.js","mappings":"8HAaKA,E,qHAAL,SAAKA,GACD,gDACA,8CACA,6CACH,CAJD,CAAKA,IAAAA,EAAM,KAmGX,UAxFkC,KAC9B,MACMC,GAAW,QACb,CAFa,EAAGC,cAAsBA,EAAS,QAG9CC,IAAwB,CACrBC,oBAAqBD,EAAIC,oBACzBC,cAAeF,EAAIE,mBAGrB,oBAAED,EAAmB,cAAEC,IAAkC,QAAYJ,GAErEK,GAAW,WACjB,IAAAC,YAAU,KACND,GAAS,UAAuB,GACjC,IAEH,MAAME,GAAU,IAAAC,cAAY,KACxBH,GAAS,SAAuB,IAChC,MAAMI,EAAqCL,EAAcM,QAAU,KAAiBC,IAAM,KAAiBC,IAC3GP,GAAS,QAA0BI,GAAkB,GACtD,CAACL,EAAcM,UAEZG,GAAS,IAAAL,cAAaC,IACxBJ,GAAS,SAAuB,IAChCA,GAAS,QAA0BI,GAAkB,GACtD,IAEH,OAAON,EACH,gBAAC,IAAK,CACFW,KAAM,SACNC,QAAS,OACTC,KAAM,SACNC,MAAM,EACNV,QAASA,EACTW,cAAe,QACfC,eAAgB,OAChBC,UAAW,IAAMC,OAEjB,gBAAC,IAAMC,QAAO,KACV,uBAAKC,UAAW,IAAW,oBAEvB,uBAAKA,UAAW,IAAWxB,EAAOyB,qBAAsB,0CACpD,uBACID,UAAW,QACXE,IAAK,GAAGrB,EAAcsB,qCAAqCtB,EAAcuB,oBACzEC,IAAI,SAER,uBAAKL,UAAW,2DACX,IAAAM,GAAE,4BAKX,uBAAKN,UAAW,IAAW,gEACvB,6BAAO,IAAAM,GAAE,4BACT,6BAAO,IAAAA,GAAE,6BAEb,uBAAKN,UAAW,wBACZ,gBAAC,KAAM,CACHO,OAAO,EACPC,YAAa,KACbC,QAAS,IAAMnB,EAAO,KAAiBF,KACvCY,UAAW,IAAWxB,EAAOkC,sBAAuB,+BAEpD,uBAAKV,UAAU,gCACX,wBAAMA,UAAW,kBAAkB,IAAAM,GAAE,uCACrC,wBAAMN,UAAW,YAAY,IAAAM,GAAE,2BAIvC,gBAAC,KAAM,CACHC,OAAO,EACPC,YAAa,KACbC,QAAS,IAAMnB,EAAO,KAAiBD,KACvCW,UAAW,IAAWxB,EAAOmC,qBAAsB,+BAEnD,uBAAKX,UAAU,gCACX,wBAAMA,UAAW,kBAAkB,IAAAM,GAAE,qCACrC,wBAAMN,UAAW,YAAY,IAAAM,GAAE,gCAOvD,IAAI,C","sources":["webpack://@spa/inkclub/../spa-ec/src/components/UserTypeDivider/UserTypeDivider.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react'\nimport Modal from '@ui-elem-js/Modal'\nimport Button from '@ui-elem/Button/Button'\nimport classNames from 'classnames'\nimport { Icons } from '@ui-elem/Icon/Icon'\nimport { t } from '@spa-core/locale'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { NAME as appReducerName, CustomerTypeMode } from '@spa-core/store/app/constants'\nimport { checkIfRedirectIsRequired, checkUserTypeDivider, setShowUserTypeDivider } from '@spa-core/store/app/actions'\nimport { createSelector } from 'reselect'\nimport { Store } from '@spa-core/store'\nimport { SessionConfig } from '@spa-core/store/app/interfaces'\n\nenum Styles {\n    BUSINESS_BUTTON_COLOR = 'business_button_color',\n    PRIVATE_BUTTON_COLOR = 'private_button_color',\n    DIVIDER_HEADER_COLOR = 'divider_header_color',\n}\n\ntype ComponentState = {\n    showUserTypeDivider: boolean\n    sessionConfig: SessionConfig\n}\n\nconst UserTypeDivider: React.FC = () => {\n    const appStore = ({ reducers }: Store) => reducers[appReducerName]\n    const selector = createSelector(\n        [appStore],\n        (app): ComponentState => ({\n            showUserTypeDivider: app.showUserTypeDivider,\n            sessionConfig: app.sessionConfig,\n        }),\n    )\n    const { showUserTypeDivider, sessionConfig }: ComponentState = useSelector(selector)\n\n    const dispatch = useDispatch()\n    useEffect(() => {\n        dispatch(checkUserTypeDivider())\n    }, [])\n\n    const onClose = useCallback(() => {\n        dispatch(setShowUserTypeDivider(false))\n        const customerTypeMode: CustomerTypeMode = sessionConfig.b2bMode ? CustomerTypeMode.B2B : CustomerTypeMode.B2C\n        dispatch(checkIfRedirectIsRequired(customerTypeMode))\n    }, [sessionConfig.b2bMode])\n\n    const select = useCallback((customerTypeMode: CustomerTypeMode) => {\n        dispatch(setShowUserTypeDivider(false))\n        dispatch(checkIfRedirectIsRequired(customerTypeMode))\n    }, [])\n\n    return showUserTypeDivider ? (\n        <Modal\n            mode={'dialog'}\n            padding={'none'}\n            size={'medium'}\n            open={true}\n            onClose={onClose}\n            closeIconSize={'large'}\n            closeIconColor={'none'}\n            closeIcon={Icons.Times}\n        >\n            <Modal.Content>\n                <div className={classNames('e2e-ver-divider')}>\n                    {/* HEADER */}\n                    <div className={classNames(Styles.DIVIDER_HEADER_COLOR, ' px-8 py-4 flex flex-row items-center')}>\n                        <img\n                            className={'w-1/3'}\n                            src={`${sessionConfig.themeResourcePath}/images/sitelogo/${sessionConfig.siteName}_logo.svg`}\n                            alt=\"logo\"\n                        />\n                        <div className={'w-2/3 flex justify-center text-m md:text-2xl font-spec'}>\n                            {t('phrase.divider.welcome')}\n                        </div>\n                    </div>\n\n                    {/* BODY */}\n                    <div className={classNames('flex flex-col p-2 font-bold text-base text-center font-spec')}>\n                        <span>{t('phrase.divider.message1')}</span>\n                        <span>{t('phrase.divider.message2')}</span>\n                    </div>\n                    <div className={'flex flex-row w-full'}>\n                        <Button\n                            fluid={true}\n                            buttonColor={null}\n                            onClick={() => select(CustomerTypeMode.B2B)}\n                            className={classNames(Styles.BUSINESS_BUTTON_COLOR, 'test-company p-2 m-2 w-1/2')}\n                        >\n                            <div className=\"flex flex-col justify-center\">\n                                <span className={'font-semibold'}>{t('registration.accountType.corporate')}</span>\n                                <span className={'text-sm'}>{t('divider.button.exVAT')}</span>\n                            </div>\n                        </Button>\n\n                        <Button\n                            fluid={true}\n                            buttonColor={null}\n                            onClick={() => select(CustomerTypeMode.B2C)}\n                            className={classNames(Styles.PRIVATE_BUTTON_COLOR, 'test-private p-2 m-2 w-1/2')}\n                        >\n                            <div className=\"flex flex-col justify-center\">\n                                <span className={'font-semibold'}>{t('registration.accountType.private')}</span>\n                                <span className={'text-sm'}>{t('divider.button.incVAT')}</span>\n                            </div>\n                        </Button>\n                    </div>\n                </div>\n            </Modal.Content>\n        </Modal>\n    ) : null\n}\n\nexport default UserTypeDivider\n"],"names":["Styles","selector","reducers","app","showUserTypeDivider","sessionConfig","dispatch","useEffect","onClose","useCallback","customerTypeMode","b2bMode","B2B","B2C","select","mode","padding","size","open","closeIconSize","closeIconColor","closeIcon","Times","Content","className","DIVIDER_HEADER_COLOR","src","themeResourcePath","siteName","alt","t","fluid","buttonColor","onClick","BUSINESS_BUTTON_COLOR","PRIVATE_BUTTON_COLOR"],"sourceRoot":""}