{"version":3,"file":"static/chunks/2168-e4dfe584e460ef21.js","mappings":"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","sources":["webpack://_N_E/./src/api/client/invest.api.ts","webpack://_N_E/./src/components/modals/invest-now-modal/invest-now-modal.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import { UseQueryOptions } from \"react-query\";\nimport { API_INVEST_NOW_MODAL_URL } from \"src/consts/urls\";\nimport { useQuery } from \"src/hooks/react-query/use-query\";\nimport { IBroker, ILink } from \"src/types/common\";\n\nexport interface IInvestResponse {\n    data: {\n        preferredBroker: IBroker | null;\n        availableBrokers: IBroker[];\n        containsLeverageProducts: boolean;\n        settingsLink: ILink;\n        depotLink: ILink;\n        firstLink: ILink;\n        secondLink: ILink;\n        savingsPlan?: ISavingsPlanData;\n    };\n    dict: {\n        buttonBroker: string;\n        buttonCopyIsin: string;\n        derivativesWarning: string;\n        notYourPreferredBroker: string;\n        investDescription: string;\n        placeholderBroker: string;\n        headerBroker: string;\n        headerInvestNow: string;\n        headerIsin: string;\n        headerDepot: string;\n        subHeaderBroker: string;\n        subHeaderInvestNow: string;\n        subHeaderIsin: string;\n        subHeaderDepot: string;\n        questions: string;\n        savingsPlan?: ISavingsPlanDict;\n    };\n}\n\nexport interface ISavingsPlanData {\n    preferredBroker: IBroker | null;\n    brokers: IBroker[];\n    settingsLink: ILink;\n}\n\nexport interface ISavingsPlanDict {\n    header: string;\n    subHeader: string;\n    placeholder: string;\n    button: string;\n    notYourPreferredBroker: string;\n}\n\ninterface IRequest {\n    isin: string;\n    wikifolioId: string;\n    wikifolioSecurityId?: string;\n}\n\nexport function useInvestQuery({ isin, wikifolioId, wikifolioSecurityId }: IRequest, options: UseQueryOptions<IInvestResponse>) {\n    const queryParams = new URLSearchParams({\n        isin,\n        wikifolioId,\n    });\n    if (wikifolioSecurityId) {\n        queryParams.set(\"wikifolioSecurityId\", wikifolioSecurityId);\n    }\n\n    return useQuery<IInvestResponse>(API_INVEST_NOW_MODAL_URL, {\n        queryParams,\n        ...options,\n    });\n}\n","import { useEffect, useState } from \"react\";\nimport {\n    Box,\n    Flex,\n    Image,\n    ImageProps,\n    Modal,\n    ModalBody,\n    ModalContent,\n    ModalFooter,\n    ModalHeader,\n    ModalOverlay,\n    ModalProps,\n    Stack,\n    StackDivider,\n    Text,\n    VStack,\n} from \"@chakra-ui/react\";\nimport { useTranslation } from \"next-i18next\";\nimport { useCustomActivityMutation } from \"src/api/client/custom-activity.api\";\nimport { EnumActivityType, useGenericActivityMutation } from \"src/api/client/generic-activity.api\";\nimport { IInvestResponse, useInvestQuery } from \"src/api/client/invest.api\";\nimport { ArrowLink } from \"src/components/base/arrow-link\";\nimport { Button } from \"src/components/base/button\";\nimport { ComboBox, ComboBoxItem } from \"src/components/base/combo-box\";\nimport { WfLink, WfLinkUnstyled } from \"src/components/base/wf-link\";\nimport { WfModalCloseButton } from \"src/components/base/wf-modal-close-button\";\nimport { CopyIsinButton } from \"src/components/common/buttons/copy-isin-button/copy-isin-button\";\nimport { SimpleRichText } from \"src/components/common/rich-text/simple-rich-text\";\nimport { IconInfo } from \"src/components/icons\";\nimport { useWfToast, EnumToastStatus } from \"src/hooks/use-wf-toast\";\nimport { IBroker } from \"src/types/common\";\nimport { triggerCallbackOnMiddleClickEvent } from \"src/utils/dom/mouse-util\";\nimport { buildUrl } from \"src/utils/responsive-image-util\";\n\nconst DERIVATIVES_WARNING_TEST_ID = \"derivatives-warning\";\n\n// if there are more than 6 brokers, the dropdown should be scrollable\nexport const MAX_HEIGHT_BROKER_LIST = \"270px\";\n\ninterface IBrokerImageProps extends ImageProps {\n    broker: IBroker;\n}\nexport const BrokerImage = ({\n    broker: {\n        image: { url, alt },\n    },\n    ...imageProps\n}: IBrokerImageProps) => <Image src={buildUrl(url)} alt={alt ?? undefined} h={4} w=\"auto\" {...imageProps} />;\n\nexport interface IInvestNowModalProps extends Omit<ModalProps, \"children\"> {\n    isin: string;\n    wikifolioId: string;\n    wikifolioSecurityId?: string;\n    onRequestSuccess?: () => void;\n    onRequestSettled?: () => void;\n}\n\nexport const InvestNowModal = (props: IInvestNowModalProps) => {\n    const { t } = useTranslation(\"common\");\n    const { isin, wikifolioId, wikifolioSecurityId, onRequestSuccess, onRequestSettled, ...modalProps } = props;\n    const toast = useWfToast();\n    const {\n        data: responseData,\n        isLoading,\n        isError,\n    } = useInvestQuery(\n        {\n            isin,\n            wikifolioId,\n            wikifolioSecurityId,\n        },\n        {\n            enabled: modalProps.isOpen,\n            onError: () => {\n                toast({ status: EnumToastStatus.Error, title: t(\"general-error\") });\n                modalProps.onClose();\n            },\n            onSuccess: onRequestSuccess,\n            onSettled: onRequestSettled,\n        }\n    );\n\n    // Dev-Note: Move the loading of the data outside of the invest-now-modal to invest-button\n    useEffect(() => {\n        if (modalProps.isOpen && !isLoading && responseData) {\n            onRequestSettled?.();\n        }\n    }, [modalProps.isOpen, isLoading, responseData, onRequestSettled]);\n\n    if (!modalProps.isOpen || isLoading || isError || !responseData) {\n        return null;\n    }\n\n    return <InvestNowModalContent {...props} {...responseData} />;\n};\n\ninterface IContentProps extends IInvestNowModalProps, IInvestResponse {}\n\nexport const InvestNowModalContent = ({\n    isin,\n    wikifolioId,\n    data: {\n        containsLeverageProducts,\n        preferredBroker,\n        availableBrokers,\n        savingsPlan,\n        settingsLink,\n        depotLink,\n        firstLink: faqsLink,\n        secondLink: contactLink,\n    },\n    dict,\n    ...modalProps\n}: IContentProps) => {\n    const hasPreferredBroker = preferredBroker !== null;\n    const hasPreferredSavingsPlanBroker = Boolean(savingsPlan?.preferredBroker);\n    const createCustomActivity = useCustomActivityMutation();\n    const genericActivity = useGenericActivityMutation();\n    const { t } = useTranslation(\"common\");\n\n    const [selectedBroker, setSelectedBroker] = useState(preferredBroker);\n    const [selectedSavingsPlan, setSelectedSavingsPlan] = useState(savingsPlan?.preferredBroker);\n    const showSavingsPlan = hasPreferredSavingsPlanBroker || Boolean(savingsPlan && savingsPlan!.brokers?.length > 0);\n\n    const onBrokerLinkClick = () => {\n        const brokerName = selectedBroker!.name;\n        // TODO: we have a followup ticket to clarify how we want to track in the future (marketo / generic activity)\n        createCustomActivity({ activity: \"BrokerLinkClicked\", value: brokerName });\n        genericActivity({ activityTypeId: EnumActivityType.InvestViaBrokerlinkPressed, parameter: `${wikifolioId},${brokerName}` });\n        modalProps.onClose();\n    };\n\n    const onSavingsPlanNextButtonClick = () => {\n        modalProps.onClose();\n        genericActivity({\n            activityTypeId: EnumActivityType.CreateSavingsPlanViaBrokerLinkClicked,\n            parameter: wikifolioId,\n        });\n    };\n\n    return (\n        <Modal {...modalProps}>\n            <ModalOverlay />\n            <ModalContent maxW={[\"full\", \"750px\", \"750px\", \"708px\"]}>\n                <ModalHeader pb={1}>{dict.headerInvestNow}</ModalHeader>\n                <WfModalCloseButton />\n                <ModalBody>\n                    <Text fontSize={[\"md\", \"xl\"]}>{dict.subHeaderInvestNow}</Text>\n                    <VStack my={5} divider={<StackDivider borderColor=\"gray.100\" />} spacing={[3, 4]} align=\"flex-start\">\n                        <Stack w=\"100%\" direction={[\"column\", \"row\"]} divider={<StackDivider borderColor=\"gray.100\" />} spacing={[3, 5]}>\n                            <VStack w=\"100%\" spacing={[2, 3]} align=\"flex-start\">\n                                <VStack spacing={1} align=\"flex-start\">\n                                    <Text fontWeight=\"bold\">{dict.headerIsin}</Text>\n                                    <Text fontSize=\"sm\">{dict.subHeaderIsin}</Text>\n                                </VStack>\n                                <Text fontWeight=\"bold\" fontSize=\"xl\" lineHeight=\"tall\" className=\"gtm-copy-isin\">\n                                    {isin}\n                                </Text>\n                                <CopyIsinButton isin={isin} size={[\"md\", \"sm\"]} w={[\"100%\", \"auto\"]}>\n                                    {dict.buttonCopyIsin}\n                                </CopyIsinButton>\n                                {/* Dev-Note: we override the default rich text numeric list here because it should be slightly different in the InvestNow Modal */}\n                                <Box sx={{ \"> div > ol\": { ml: 2, li: { m: 0, mt: 1 }, \"li:first-of-type\": { mt: 0 } } }}>\n                                    <SimpleRichText fontSize=\"sm\" text={dict.investDescription} />\n                                </Box>\n                            </VStack>\n                            <VStack w=\"100%\" spacing={[2, 3]} align=\"flex-start\">\n                                <VStack w=\"100%\" spacing={2} align=\"flex-start\">\n                                    <VStack spacing={1} align=\"flex-start\">\n                                        <Text fontWeight=\"bold\">{dict.headerBroker}</Text>\n                                        <Text fontSize=\"sm\">{dict.subHeaderBroker}</Text>\n                                    </VStack>\n                                    {hasPreferredBroker ? (\n                                        <Flex align=\"center\" h={6}>\n                                            <BrokerImage broker={preferredBroker!} />\n                                        </Flex>\n                                    ) : (\n                                        <ComboBox\n                                            value={selectedBroker}\n                                            onChange={value => setSelectedBroker(value)}\n                                            placeholder={dict.placeholderBroker}\n                                            menuListProps={{ maxH: MAX_HEIGHT_BROKER_LIST }}\n                                        >\n                                            {availableBrokers.map(broker => (\n                                                <ComboBoxItem key={broker.name} value={broker} h={5}>\n                                                    <BrokerImage broker={broker} h={3} />\n                                                </ComboBoxItem>\n                                            ))}\n                                        </ComboBox>\n                                    )}\n                                    <Button\n                                        as={WfLinkUnstyled}\n                                        href={selectedBroker?.url}\n                                        target=\"_blank\"\n                                        isDisabled={selectedBroker === null}\n                                        size={[\"md\", \"sm\"]}\n                                        w={[\"100%\", \"auto\"]}\n                                        onClick={onBrokerLinkClick}\n                                        onAuxClick={triggerCallbackOnMiddleClickEvent(() => onBrokerLinkClick())}\n                                        isExternal\n                                        className=\"gtm-invest-modal__broker-button\"\n                                        data-gtm-isin={isin}\n                                    >\n                                        {dict.buttonBroker}\n                                    </Button>\n                                </VStack>\n                                {hasPreferredBroker ? (\n                                    <VStack spacing={1} align=\"flex-start\">\n                                        <Text fontSize=\"sm\">{dict.notYourPreferredBroker}</Text>\n                                        {settingsLink && (\n                                            <WfLink size=\"sm\" href={settingsLink.url} target={settingsLink.target}>\n                                                {settingsLink.name}\n                                            </WfLink>\n                                        )}\n                                    </VStack>\n                                ) : (\n                                    <VStack spacing={1} align=\"flex-start\">\n                                        <Text fontWeight=\"bold\">{dict.headerDepot}</Text>\n                                        <Text fontSize=\"sm\">{dict.subHeaderDepot}</Text>\n                                        {depotLink && (\n                                            <WfLink size=\"sm\" href={depotLink.url} target={depotLink.target}>\n                                                {depotLink.name}\n                                            </WfLink>\n                                        )}\n                                    </VStack>\n                                )}\n                            </VStack>\n                        </Stack>\n                        {showSavingsPlan && (\n                            <Stack w=\"100%\" spacing={[2, 4]} direction={[\"column\", \"row\"]}>\n                                <VStack spacing={1} align=\"flex-start\">\n                                    <Text fontWeight=\"bold\">{dict.savingsPlan!.header}</Text>\n                                    <Text fontSize=\"sm\">{dict.savingsPlan!.subHeader}</Text>\n                                </VStack>\n                                <VStack w={[\"100%\", \"auto\"]} spacing={2} align=\"flex-start\">\n                                    {hasPreferredSavingsPlanBroker ? (\n                                        <Flex align=\"center\" h={6}>\n                                            <BrokerImage broker={savingsPlan!.preferredBroker!} />\n                                        </Flex>\n                                    ) : (\n                                        <ComboBox\n                                            value={selectedSavingsPlan!}\n                                            onChange={value => setSelectedSavingsPlan(value!)}\n                                            placeholder={dict.savingsPlan!.placeholder}\n                                            menuListProps={{ maxH: MAX_HEIGHT_BROKER_LIST }}\n                                        >\n                                            {savingsPlan!.brokers.map(broker => (\n                                                <ComboBoxItem key={broker.name} value={broker} h={5}>\n                                                    <BrokerImage broker={broker} h={3} />\n                                                </ComboBoxItem>\n                                            ))}\n                                        </ComboBox>\n                                    )}\n                                    <Button\n                                        as={WfLinkUnstyled}\n                                        href={selectedSavingsPlan?.url}\n                                        target=\"_blank\"\n                                        isDisabled={selectedSavingsPlan === null}\n                                        size={[\"md\", \"sm\"]}\n                                        w={[\"100%\", \"auto\"]}\n                                        onClick={onSavingsPlanNextButtonClick}\n                                        onAuxClick={triggerCallbackOnMiddleClickEvent(() => onSavingsPlanNextButtonClick())}\n                                        isExternal\n                                        className=\"gtm-invest-modal__savings-plan-broker-button\"\n                                        data-gtm-isin={isin}\n                                    >\n                                        {dict.savingsPlan!.button}\n                                    </Button>\n                                </VStack>\n                            </Stack>\n                        )}\n                        {containsLeverageProducts && (\n                            <VStack spacing={2} align=\"flex-start\" data-test-id={DERIVATIVES_WARNING_TEST_ID}>\n                                <Flex align=\"center\" color=\"orange.600\">\n                                    <IconInfo transform=\"rotate(180deg)\" boxSize={3} mr={1} fill=\"orange.100\" />\n                                    <Text fontWeight=\"bold\">{t(\"important-notice\")}</Text>\n                                </Flex>\n                                <SimpleRichText fontSize=\"sm\" text={dict.derivativesWarning} />\n                            </VStack>\n                        )}\n                    </VStack>\n                </ModalBody>\n                <ModalFooter\n                    bg=\"gray.50\"\n                    py={[4, 4]}\n                    px={[3, 5]}\n                    alignItems={[\"flex-start\", \"center\"]}\n                    justifyContent=\"space-between\"\n                    gridRowGap={2}\n                    flexDir={[\"column\", \"row\"]}\n                >\n                    <Text as=\"strong\">{dict.questions}</Text>\n                    <VStack spacing={2} align={[\"flex-start\", \"flex-end\"]}>\n                        {faqsLink && (\n                            <ArrowLink size=\"sm\" href={faqsLink.url} target={faqsLink.target}>\n                                {faqsLink.name}\n                            </ArrowLink>\n                        )}\n                        {contactLink && (\n                            <ArrowLink size=\"sm\" href={contactLink.url} target={contactLink.target}>\n                                {contactLink.name}\n                            </ArrowLink>\n                        )}\n                    </VStack>\n                </ModalFooter>\n            </ModalContent>\n        </Modal>\n    );\n};\n"],"names":["MAX_HEIGHT_BROKER_LIST","BrokerImage","broker","image","url","alt","imageProps","param","jsx_runtime","jsx","Image","src","buildUrl","undefined","h","w","InvestNowModal","t","useTranslation","isin","wikifolioId","wikifolioSecurityId","onRequestSuccess","onRequestSettled","modalProps","props","toast","useWfToast","data","responseData","isLoading","isError","useInvestQuery","options","queryParams","URLSearchParams","set","useQuery","API_INVEST_NOW_MODAL_URL","enabled","isOpen","onError","status","EnumToastStatus","title","onClose","onSuccess","onSettled","useEffect","InvestNowModalContent","savingsPlan","containsLeverageProducts","preferredBroker","availableBrokers","settingsLink","depotLink","firstLink","faqsLink","secondLink","contactLink","dict","hasPreferredBroker","hasPreferredSavingsPlanBroker","Boolean","createCustomActivity","useCustomActivityMutation","genericActivity","useGenericActivityMutation","selectedBroker","setSelectedBroker","useState","selectedSavingsPlan","setSelectedSavingsPlan","showSavingsPlan","brokers","length","onBrokerLinkClick","brokerName","name","activity","value","activityTypeId","EnumActivityType","parameter","concat","onSavingsPlanNextButtonClick","jsxs","Modal","ModalOverlay","ModalContent","maxW","ModalHeader","pb","headerInvestNow","WfModalCloseButton","ModalBody","Text","fontSize","subHeaderInvestNow","VStack","my","divider","StackDivider","borderColor","spacing","align","Stack","direction","fontWeight","headerIsin","subHeaderIsin","lineHeight","className","CopyIsinButton","size","buttonCopyIsin","Box","sx","ml","li","m","mt","SimpleRichText","text","investDescription","headerBroker","subHeaderBroker","Flex","ComboBox","onChange","placeholder","placeholderBroker","menuListProps","maxH","map","ComboBoxItem","Button","as","WfLinkUnstyled","href","target","isDisabled","onClick","onAuxClick","triggerCallbackOnMiddleClickEvent","isExternal","data-gtm-isin","buttonBroker","notYourPreferredBroker","WfLink","headerDepot","subHeaderDepot","header","subHeader","button","data-test-id","color","IconInfo","transform","boxSize","mr","fill","derivativesWarning","ModalFooter","bg","py","px","alignItems","justifyContent","gridRowGap","flexDir","questions","ArrowLink"],"sourceRoot":""}