{"version":3,"file":"static/chunks/8744.d57908e2dd7c1d65.js","mappings":"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","sources":["webpack://_N_E/./src/api/client/portfolio-chart.api.types.ts","webpack://_N_E/./src/components/pages/detail/portfolio-chart/configs.ts","webpack://_N_E/./src/api/client/portfolio-chart.api.ts","webpack://_N_E/./src/components/pages/detail/portfolio-chart/calc-percentage-with-others.ts","webpack://_N_E/./src/components/pages/detail/portfolio-chart/chart-utils.tsx","webpack://_N_E/./src/components/pages/detail/portfolio-chart/use-portfolio-chart.ts","webpack://_N_E/./src/components/pages/detail/portfolio-chart/portfolio-chart.tsx","webpack://_N_E/./src/hooks/portfolio/use-asset-color.ts","webpack://_N_E/./src/hooks/portfolio/use-weightage-formatter.ts","webpack://_N_E/<anon>"],"sourcesContent":["export enum EnumAssetType {\n    Stock = \"Stock\",\n    ETF = \"ETF\",\n    Derivatives = \"Derivatives\",\n    Wikifolios = \"Wikifolios\",\n    Cash = \"Cash\",\n}\n\ninterface IAsset {\n    assetType: EnumAssetType;\n    name: string;\n    amount: number;\n}\n\nexport interface IPortfolioChartResponse {\n    portfolio: {\n        isSuperWikifolio: boolean;\n        hasWeighting: boolean;\n        underlyings: IAsset[];\n    };\n}\n","import { Options, Point, SeriesBarOptions, SeriesOptionsType, TooltipPositionerPointObject } from \"highcharts/highstock\";\nimport { IAsset } from \"./chart-utils\";\n\ninterface IAssetTooltipData {\n    color: string;\n    name: string;\n    percentageFormatted: string;\n}\nexport const getAssetSeries = (underlying: IAsset, color: string, percentageFormatted: string): SeriesBarOptions & { custom: IAssetTooltipData } => ({\n    type: \"bar\",\n    name: underlying.name,\n    data: [underlying.allocPercentage],\n    color,\n    custom: {\n        color,\n        name: underlying.name,\n        percentageFormatted,\n    },\n});\n\nconst CLASS_PORTFOLIO_CHART_TOOLTIP = \"portfolio-chart-tooltip\";\nexport const PORTFOLIO_CHART_TOOLTIP_SX = {\n    [\".\" + CLASS_PORTFOLIO_CHART_TOOLTIP]: {\n        h: 4,\n        display: \"flex\",\n        alignItems: \"center\",\n        color: \"white\",\n        px: 1,\n        bg: \"gray.800\",\n        rounded: \"8px\",\n        fontSize: \"xs\",\n        \"> span:nth-of-type(1)\": {\n            flexShrink: 0,\n            mr: 0.5,\n        },\n        \"> span:nth-of-type(2)\": {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n            fontWeight: 600,\n        },\n        \"> span:nth-of-type(3)\": {\n            flexShrink: 0,\n            ml: 2,\n        },\n    },\n};\nconst getTooltipHtml = (point: Point) => {\n    const underlying = point.series.options.custom as IAssetTooltipData;\n\n    return `<div class=\"${CLASS_PORTFOLIO_CHART_TOOLTIP}\">\n        <span style=\"color:${underlying.color}\">●</span>\n        <span>${underlying.name}</span>\n        <span>${underlying.percentageFormatted}</span>\n    </div>`;\n};\n\ninterface IExtendedTooltipPositionerPointObject extends TooltipPositionerPointObject {\n    h: number;\n}\n\nexport const PORTFOLIO_CHART_HEIGHT = 74;\nexport const getPortfolioChartConfig = (series: SeriesOptionsType[]): Options => ({\n    chart: {\n        type: \"bar\",\n        spacing: [27, 0, 0, 0],\n        height: PORTFOLIO_CHART_HEIGHT,\n        backgroundColor: \"transparent\",\n    },\n    accessibility: {\n        point: {\n            descriptionFormatter: point => `${point.series.name} ${point.percentage?.toFixed(2)}%`,\n        },\n    },\n    plotOptions: {\n        bar: {\n            borderWidth: 2,\n        },\n        series: {\n            stacking: \"percent\",\n            accessibility: {\n                descriptionFormat: \"\",\n            },\n        },\n    },\n    // Disable Title, Credits, Legends, RangeSelector and Exporting\n    title: { text: undefined },\n    credits: { enabled: false },\n    legend: { enabled: false },\n    exporting: { buttons: { contextButton: { enabled: false } } },\n    // Define Axis\n    xAxis: {\n        tickLength: 0,\n        lineWidth: 0,\n        labels: {\n            enabled: false,\n        },\n    },\n    yAxis: {\n        title: { text: null },\n        gridLineWidth: 0,\n        labels: {\n            enabled: false,\n        },\n    },\n    tooltip: {\n        useHTML: true,\n        borderWidth: 0,\n        padding: 2,\n        distance: 14,\n        shadow: false,\n        headerFormat: \"\",\n        shape: \"square\",\n        positioner: function (w, _, point) {\n            const chartW = this.chart.chartWidth;\n            // Center tooltip\n            let x = point.plotX - (point as IExtendedTooltipPositionerPointObject).h / 2 - w / 2;\n\n            // Ensure the tooltip is not overflowing the chart\n            if (x < 0) {\n                x = 0;\n            } else if (chartW < x + w) {\n                x = chartW - w;\n            }\n\n            return { x, y: 0 };\n        },\n        pointFormatter: function () {\n            return getTooltipHtml(this);\n        },\n    },\n    series,\n});\n","import { createApiPortfolioChartDataUrl } from \"src/consts/urls\";\nimport { useQuery } from \"src/hooks/react-query/use-query\";\nimport { IPortfolioChartResponse } from \"./portfolio-chart.api.types\";\n\nexport function usePortfolioChartQuery(wikifolioId: string, retry = 0) {\n    return useQuery<IPortfolioChartResponse>(createApiPortfolioChartDataUrl(wikifolioId), {\n        queryParams: new URLSearchParams({ includePortfolio: \"true\" }),\n        retry: retry,\n    });\n}\n","/*\n * This algorithm takes an array of IValuePercentagesItem and mutates\n * the array updating the realPercentage and allocPercentage.\n *\n * The realPercentage is the actual percent of item in the given percentageBase (default is 100%).\n * and the allocPercentage is the allocation percentage for this item for the charts.\n * The allocPercentage is bigger or equal to minPercentage.\n *\n * If at the end, there is no space in the percentageBase for all items, a new item is created as first one.\n * This is the \"Others\" item where aggregates all the items where cannot fit.\n *\n * The algorithm is not \"detecting\" the assets for the \"Others\" but is pushing\n * the assets to the \"Others\" if they don't fit in the chart.\n *\n * This is how it works:\n * - if the percentage of an asset is <1% then make it 1%\n * - this is increasing the amount of percentage to be more that 100%\n * - the algorithm takes all these assets (above the 100%) and adds it in the \"others\"\n *\n * There is a tolerance (of 5%) where when the sum of the percentages is up to 105%,\n * it doesn't create the \"Others\" slice but it shrinks all the assets.\n * Thanks to this we don't see the \"others\" slice when small changes made only.\n */\n\nexport interface IValuePercentagesItem {\n    amount: number;\n    realPercentage: number; // the actual percentage of an item\n    allocPercentage: number; // the allocation percentage of an item for the chart\n}\n\ninterface IArgs {\n    items: IValuePercentagesItem[];\n    /** The minimum allocation percentage */\n    minPercentage?: number;\n    /**\n     * Valid values: 1-100. Default is 100.\n     * How much allocation percentage the items should cover.\n     * In case to calculate partial items of a bigger collection of items,\n     * define here the desired partial percent that allocation percentage should cover.\n     */\n    percentageBase?: number;\n    /**\n     * After the apply of the minPercentage,\n     * do not create the \"Others\" slice if the difference of the new total percentage\n     * it up to this percentage. i.e. 5% means if the new percentage is up to 105% do\n     * not create the \"Others\" but shrink them all.\n     */\n    othersTolerancePercentage?: number;\n    skipSort?: boolean;\n}\n\n/**\n * Calculate the allocation percentage (the optical percentage) applying min\n * percentage and aggregate the items that don't fit.\n * If the \"Others\" item is created, will be placed as first.\n * @returns {IValuePercentagesItem[]} - The items (with the same references) with\n * the allocPercentage property updated\n */\nexport const calcPercentagesWithOthers = (args: IArgs) => {\n    const { items: _items, minPercentage = 1, percentageBase = 100, othersTolerancePercentage = 5, skipSort = false } = args;\n    let items = _items;\n\n    const amountSum = items.reduce((acc: number, item: IValuePercentagesItem) => acc + item.amount, 0);\n\n    // Calculate the percentages\n    items.forEach((item: IValuePercentagesItem) => {\n        item.realPercentage = (item.amount * percentageBase) / amountSum;\n        item.allocPercentage = item.realPercentage;\n    });\n\n    // Sort them\n    if (!skipSort) {\n        items = items.sort((itemA: IValuePercentagesItem, itemB: IValuePercentagesItem) => itemA.realPercentage - itemB.realPercentage);\n    }\n\n    // Exit if all items have same or equal to percentage, no need for aggregation\n    if (!items.find(item => item.allocPercentage < minPercentage)) {\n        return items;\n    }\n\n    // Apply the minPercentage to allocPercentage if it is lower\n    items.forEach((item: IValuePercentagesItem) => {\n        if (item.allocPercentage < minPercentage) {\n            item.allocPercentage = minPercentage;\n        }\n    });\n\n    // If the allocPercentage exceeds the tolerance\n    if (getAllocPercentageSum(items) - percentageBase > othersTolerancePercentage) {\n        // Create the \"Others\" item, for the items that doesn't fit\n        createOthers(items, minPercentage, percentageBase);\n    } else {\n        // Otherwise fit all items in the given space without reducing the items with percentage === minPercentage\n\n        let sumOfMinPercentage = 0;\n        let sumOfBigEnoughPercentage = 0;\n        let countItemBiggerThanMin = 0;\n\n        items.forEach(item => {\n            if (item.allocPercentage <= minPercentage) {\n                sumOfMinPercentage += item.allocPercentage;\n            } else {\n                sumOfBigEnoughPercentage += item.allocPercentage;\n                countItemBiggerThanMin++;\n            }\n        });\n\n        if (percentageBase - sumOfMinPercentage - countItemBiggerThanMin * minPercentage < 0) {\n            createOthers(items, minPercentage, percentageBase);\n            return;\n        }\n\n        const availableSpaceForCompressableItems = percentageBase - sumOfMinPercentage;\n\n        items.forEach((item: IValuePercentagesItem) => {\n            if (item.allocPercentage > minPercentage) {\n                item.allocPercentage = (item.allocPercentage * availableSpaceForCompressableItems) / sumOfBigEnoughPercentage;\n            }\n        });\n\n        // If again cannot fit, because there wasn't enough space from the compressables, create the \"Others\" item\n        if (round(getAllocPercentageSum(items)) > round(percentageBase)) {\n            createOthers(items, minPercentage, percentageBase);\n        }\n    }\n};\n\n/**\n * Create the \"Others\" item adding anything that doesn't fit as first new item\n * @param {IValuePercentagesItem[]} items - The items that will be proceeded\n * @param {number} minPercentage - The minimum allocation percentage\n * @param {number} percentageBase - How much allocation percentage the items should cover.\n */\nexport const createOthers = (items: IValuePercentagesItem[], minPercentage: number, percentageBase: number): void => {\n    let othersValue = 0;\n    let othersRealPercentage = 0;\n    let allocPercentageSum = getAllocPercentageSum(items);\n\n    // Add to \"Others\" items that doesn't fit\n    const roundedPercentageBase = round(percentageBase);\n    while (items.length && round(othersRealPercentage + allocPercentageSum) > roundedPercentageBase) {\n        const itemForTheOthers = items.shift()!;\n        othersValue += itemForTheOthers.amount;\n        othersRealPercentage += itemForTheOthers.realPercentage;\n        allocPercentageSum -= itemForTheOthers.allocPercentage;\n    }\n\n    // Calculate the alloc percentage\n    let othersAllocPercentage = percentageBase - allocPercentageSum;\n\n    // If the othersAllocPercentage is too small, make it minPercentage and subtract from the other items proportional\n    if (othersAllocPercentage < minPercentage) {\n        const differ = minPercentage - othersAllocPercentage;\n        othersAllocPercentage = minPercentage;\n\n        if (items.length > 0) {\n            const subtractPortionForEvery = differ / items.length;\n            items.forEach((item: IValuePercentagesItem) => {\n                item.allocPercentage = item.allocPercentage - subtractPortionForEvery;\n            });\n        }\n    }\n\n    // Add the new \"Others\" item as the first one\n    items.unshift({\n        amount: othersValue,\n        allocPercentage: othersAllocPercentage,\n        realPercentage: othersRealPercentage,\n    });\n};\n\nconst getAllocPercentageSum = (items: IValuePercentagesItem[]): number => {\n    return items.reduce((acc: number, item: IValuePercentagesItem) => acc + item.allocPercentage, 0);\n};\n\nconst round = (value: number, digits = 5): number => {\n    return Math.round(value * Math.pow(10, digits)) / Math.pow(10, digits);\n};\n","import { EnumAssetType, IPortfolioChartResponse } from \"src/api/client/portfolio-chart.api.types\";\nimport { calcPercentagesWithOthers } from \"./calc-percentage-with-others\";\n\nexport interface IAsset {\n    assetType: EnumAssetType;\n    name: string;\n    amount: number;\n    allocPercentage: number;\n    realPercentage: number;\n}\n\ninterface IAssetGroup {\n    assetType: EnumAssetType;\n    totalUnderlyings: number;\n    underlyings: IAsset[];\n    amount: number;\n    allocPercentage: number;\n    realPercentage: number;\n}\n\ninterface IArgs {\n    data: IPortfolioChartResponse;\n    othersLabel: string;\n    /** The minimum optical percentage */\n    minPercentage?: number;\n    /** After the apply of the minPercentage,\n     *  do not create the \"Others\" slice if the difference of the new total percentage\n     *  it up to this percentage. i.e. 5% means if the new percentage is up to 105% do\n     *  not create the \"Others\" but shrink them all.\n     */\n    othersTolerancePercentage?: number;\n}\n\n/**\n * Group the underlyings by their asset type.\n * Each underlying will have a minPercentage for the optical representation.\n * For the underlyings of each one asset type, create the \"Others\" slice aggregating the underlyings that don't fit.\n * Note: if an underlying has negative value, this value is changed to 0.00001 by default, in order to be shown in the chart as <1.0%.\n * @returns {IAssetGroup[]} - Return the AssetGroup for the chart.\n */\nexport const convertUnderlyingsToAssetGroupsWithOthers = (args: IArgs): IAssetGroup[] => {\n    const { data, othersLabel, minPercentage = 1, othersTolerancePercentage = 5 } = args;\n\n    const assetGroups = createAssetGroups(data);\n    calcAllocPercentages(assetGroups, othersLabel, minPercentage, othersTolerancePercentage);\n    return assetGroups;\n};\n\n/**\n * Group the underlyings by their asset to asset groups.\n * @param {IAsset[]} underlyings - The underlying to be grouped.\n * @returns {IAssetGroup[]} - The underlyings grouped.\n */\nconst createAssetGroups = (data: IPortfolioChartResponse): IAssetGroup[] => {\n    const assetGroupMap = new Map<EnumAssetType, IAssetGroup>();\n\n    // Create the asset groups dictionary\n    data.portfolio.underlyings.forEach(underlying => {\n        // Skip if the underlying has negative value\n        if (underlying.amount < 0) {\n            return;\n        }\n\n        const groupUnderlying: IAsset = { ...underlying, allocPercentage: 0, realPercentage: 0 };\n        const assetGroup = assetGroupMap.get(underlying.assetType);\n        if (!assetGroup) {\n            // create the group if it doesn't exist\n            assetGroupMap.set(groupUnderlying.assetType, {\n                assetType: groupUnderlying.assetType,\n                totalUnderlyings: 1,\n                underlyings: [groupUnderlying],\n                amount: groupUnderlying.amount,\n                allocPercentage: 0,\n                realPercentage: 0,\n            });\n        } else {\n            // update it\n            assetGroup.underlyings.push(groupUnderlying);\n            assetGroup.amount += groupUnderlying.amount;\n            assetGroup.totalUnderlyings++;\n        }\n    });\n\n    const result: (IAssetGroup | undefined)[] = [];\n    // schedule the order of the asset-group within the bar chart\n    if (data.portfolio.isSuperWikifolio) {\n        result.push(assetGroupMap.get(EnumAssetType.Wikifolios));\n    } else {\n        result.push(assetGroupMap.get(EnumAssetType.Stock));\n        result.push(assetGroupMap.get(EnumAssetType.ETF));\n        result.push(assetGroupMap.get(EnumAssetType.Derivatives));\n    }\n    result.push(assetGroupMap.get(EnumAssetType.Cash));\n\n    return result.filter(Boolean) as IAssetGroup[]; // :-(\n};\n\n/**\n * Calculate the allocation percentage (the optical percentage), applying min percentage for each one and aggregate the underlyings that don't fit.\n * @param {IAssetGroup[]} assetGroups - The grouped underlyings to asset groups\n * @param {string} othersLabel - Label of the \"Others\" slice\n * @param {number} minPercentage - Minimum optical percentage for each underlying.\n * @param {number} othersTolerancePercentage - After the apply of the minPercentage,\n *  do not create the \"Others\" slice if the difference of the new total percentage\n *  it up to this percentage. i.e. 5% means if the new percentage is up to 105% do\n *  not create the \"Others\" but shrink them all.\n */\nconst calcAllocPercentages = (assetGroups: IAssetGroup[], othersLabel: string, minPercentage: number, othersTolerancePercentage: number): void => {\n    const underlyingCountMap = new Map<EnumAssetType, number>();\n\n    // Get the underlying counts\n    assetGroups.forEach(assetGroup => underlyingCountMap.set(assetGroup.assetType, assetGroup.underlyings.length));\n\n    // Calculate the percentages for each asset group\n    calcPercentagesWithOthers({\n        items: assetGroups,\n        minPercentage,\n        percentageBase: 100,\n        othersTolerancePercentage,\n        skipSort: true,\n    });\n\n    // Calculate the percentages for the underlyings of each one asset group\n    assetGroups.forEach((assetGroup: IAssetGroup) => {\n        // The percentage base is the assetGroup.allocPercentage!\n        calcPercentagesWithOthers({\n            items: assetGroup.underlyings,\n            minPercentage,\n            percentageBase: assetGroup.allocPercentage,\n            othersTolerancePercentage,\n            skipSort: false,\n        });\n\n        // Add asset type and name for the others asset\n        if (!assetGroup.underlyings[0].assetType) {\n            const othersCount: number = underlyingCountMap.get(assetGroup.assetType)! - (assetGroup.underlyings.length - 1);\n            assetGroup.underlyings[0].assetType = assetGroup.assetType;\n            assetGroup.underlyings[0].name = `${othersLabel} (${othersCount})`;\n        }\n\n        // Reverse the assetGroup.underlyings, since the calc function returns the smallers first\n        assetGroup.underlyings.reverse();\n    });\n};\n","import { useMemo } from \"react\";\nimport { useTranslation } from \"next-i18next\";\nimport { usePortfolioChartQuery } from \"src/api/client/portfolio-chart.api\";\nimport { useAssetColor } from \"src/hooks/portfolio/use-asset-color\";\nimport { useWeightageFormatter } from \"src/hooks/portfolio/use-weightage-formatter\";\nimport { convertUnderlyingsToAssetGroupsWithOthers } from \"./chart-utils\";\nimport { getAssetSeries, getPortfolioChartConfig } from \"./configs\";\n\nexport const usePortfolioChart = (wikifolioId: string) => {\n    const colorMap = useAssetColor();\n    const formatWeightage = useWeightageFormatter();\n    const { t } = useTranslation(\"wf-detail\");\n    const { isLoading, isError, data } = usePortfolioChartQuery(wikifolioId);\n\n    const computedData = useMemo(() => {\n        if (!data?.portfolio.hasWeighting) {\n            return null;\n        }\n\n        const assetGroups = convertUnderlyingsToAssetGroupsWithOthers({ data, othersLabel: t(\"others\") });\n        const amountSum = assetGroups.reduce((acc, assetGroup) => acc + assetGroup.amount, 0);\n\n        const series = assetGroups\n            .flatMap(assetGroup => assetGroup.underlyings)\n            .reverse()\n            .map(asset => getAssetSeries(asset, colorMap[asset.assetType], formatWeightage(asset.amount / amountSum, 1)));\n        const config = getPortfolioChartConfig(series);\n\n        return { assetGroups, config, amountSum };\n    }, [colorMap, data, formatWeightage, t]);\n\n    return {\n        isLoading,\n        isError: isError,\n        hasWeighting: Boolean(data?.portfolio.hasWeighting),\n        ...(computedData ?? {}),\n    };\n};\n","import { useRef } from \"react\";\nimport { Box, BoxProps, Flex, Grid, SimpleGrid, Text } from \"@chakra-ui/react\";\nimport Highstock from \"highcharts/highstock\";\nimport HighchartsAccessibility from \"highcharts/modules/accessibility\";\nimport { useTranslation } from \"next-i18next\";\nimport { EnumAssetType } from \"src/api/client/portfolio-chart.api.types\";\nimport { IPortfolioChartDict } from \"src/api/server/wf-detail.types\";\nimport { FullSizeFlexCentered } from \"src/components/base\";\nimport { IconHidden } from \"src/components/icons\";\nimport { useAssetColor } from \"src/hooks/portfolio/use-asset-color\";\nimport { useWeightageFormatter } from \"src/hooks/portfolio/use-weightage-formatter\";\nimport { useIsomorphicLayoutEffect } from \"src/utils/common-util\";\nimport { logger } from \"src/utils/logger-util\";\nimport { PORTFOLIO_CHART_HEIGHT, PORTFOLIO_CHART_TOOLTIP_SX } from \"./configs\";\nimport { LoadingState } from \"./loading-state\";\nimport { usePortfolioChart } from \"./use-portfolio-chart\";\n\nconst UNKNOWN_ASSET_TYPE_ERROR_MESSAGE = \"Unknown asset type:\";\n\nconst getAssetGroupLabel = (type: EnumAssetType, dict: IPortfolioChartDict) => {\n    switch (type) {\n        case EnumAssetType.Stock:\n            return dict.stock;\n        case EnumAssetType.ETF:\n            return dict.etf;\n        case EnumAssetType.Derivatives:\n            return dict.derivatives;\n        case EnumAssetType.Wikifolios:\n            return dict.wikifolios;\n        case EnumAssetType.Cash:\n            return dict.cash;\n        default:\n            logger.error({ message: UNKNOWN_ASSET_TYPE_ERROR_MESSAGE, type });\n            return \"\";\n    }\n};\n\nconst getColumnsXs = (assetGroupsLength: number) => (assetGroupsLength === 1 ? 1 : 2);\n\nconst EmptyState = () => {\n    const { t } = useTranslation(\"common\");\n\n    return (\n        <Box pb={7} pointerEvents=\"none\">\n            <Box h={3} mt={4} rounded=\"4px\" bg=\"gray.100\" />\n            <SimpleGrid columns={[2, 4]}>\n                {[1, 2, 3, 4].map(key => (\n                    <Box key={key} w={10} h={2} mt={2} mx=\"auto\" rounded=\"4px\" bg=\"gray.100\" />\n                ))}\n            </SimpleGrid>\n            <FullSizeFlexCentered direction=\"column\" top={[4, 0]}>\n                <IconHidden boxSize=\"136px\" />\n                <Text fontSize=\"lg\" fontWeight=\"semibold\" mt={2}>\n                    {t(\"no-data\")}\n                </Text>\n            </FullSizeFlexCentered>\n        </Box>\n    );\n};\n\nconst CHART_SX = {\n    mt: -1,\n    [\"& *\"]: {\n        fontFamily: \"body\",\n    },\n    ...PORTFOLIO_CHART_TOOLTIP_SX,\n};\n\ninterface IAssetGroupProps {\n    value: string;\n    color: string;\n    label: string;\n    count?: number;\n}\nconst AssetGroup = ({ value, color, label, count }: IAssetGroupProps) => (\n    <Flex direction=\"column\" align=\"center\">\n        <Box fontSize=\"xl\" fontWeight=\"bold\">\n            {value}\n        </Box>\n        <Flex align=\"center\">\n            <Box fontSize=\"xs\" color={color} mr={0.5}>\n                ●\n            </Box>\n            <Box fontSize={[\"xs\", \"md\"]}>\n                {label}\n                {count && <> ({count})</>}\n            </Box>\n        </Flex>\n    </Flex>\n);\n\nexport interface IPortfolioChartProps extends BoxProps {\n    wikifolioId: string;\n    dict: IPortfolioChartDict;\n}\n\nexport const PortfolioChart = ({ wikifolioId, dict }: IPortfolioChartProps) => {\n    const { t } = useTranslation([\"common\", \"wf-detail\"]);\n    const formatWeightage = useWeightageFormatter();\n    const colorMap = useAssetColor();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const { isLoading, isError, hasWeighting, config, assetGroups, amountSum } = usePortfolioChart(wikifolioId);\n\n    useIsomorphicLayoutEffect(() => {\n        HighchartsAccessibility(Highstock);\n\n        if (!ref.current || !config) {\n            return;\n        }\n\n        Highstock.setOptions({\n            lang: {\n                accessibility: {\n                    svgContainerLabel: t(\"labels.portfolio-chart-aria-label\", { ns: \"wf-detail\" }),\n                },\n            },\n        });\n        Highstock.chart(ref.current, config);\n    });\n\n    const columnXs = assetGroups ? getColumnsXs(assetGroups.length) : undefined;\n\n    return (\n        <>\n            {isLoading && <LoadingState />}\n            {!isLoading && (isError || !hasWeighting) && <EmptyState />}\n            {config && assetGroups && amountSum && (\n                <>\n                    <Box pointerEvents=\"fill\" ref={ref} h={PORTFOLIO_CHART_HEIGHT + \"px\"} sx={CHART_SX} />\n                    <Grid templateColumns={[`repeat(${columnXs}, 1fr)`, `repeat(${assetGroups.length}, auto)`]} rowGap={2} mt={0.5}>\n                        {assetGroups.map((group, i) => (\n                            <AssetGroup\n                                key={i}\n                                value={formatWeightage(group.amount / amountSum, 1)}\n                                color={colorMap[group.assetType]}\n                                label={getAssetGroupLabel(group.assetType, dict)}\n                                count={group.assetType === EnumAssetType.Cash ? undefined : group.totalUnderlyings}\n                            />\n                        ))}\n                    </Grid>\n                </>\n            )}\n        </>\n    );\n};\n","import { useMemo } from \"react\";\nimport { useToken } from \"@chakra-ui/react\";\nimport { EnumAssetType } from \"src/api/client/portfolio-chart.api.types\";\nimport { EnumAssetType as EnumAssetType2 } from \"src/api/client/portfolio-table.api\";\n\nexport const useAssetColor = () => {\n    const [green600, lilac600, orange600, yellow600, blue600] = useToken(\"colors\", [\n        \"green.600\",\n        \"lilac.600\",\n        \"orange.600\",\n        \"yellow.600\",\n        \"blue.600\",\n    ]) as string[];\n\n    return useMemo(\n        () => ({\n            [EnumAssetType.Stock]: green600,\n            [EnumAssetType.ETF]: lilac600,\n            [EnumAssetType.Derivatives]: orange600,\n            [EnumAssetType.Wikifolios]: yellow600,\n            [EnumAssetType.Cash]: blue600,\n            // number based\n            [EnumAssetType2.Stocks]: green600,\n            [EnumAssetType2.ETFs]: lilac600,\n            [EnumAssetType2.Derivatives]: orange600,\n            [EnumAssetType2.Wikifolios]: yellow600,\n            [EnumAssetType2.Cash]: blue600,\n        }),\n        [blue600, green600, lilac600, orange600, yellow600]\n    );\n};\n","import { useCallback } from \"react\";\nimport { IFractionDigits } from \"../formatters/number-formatter\";\nimport { useNumberFormatter } from \"../formatters/use-number-formatter\";\n\nexport const useWeightageFormatter = () => {\n    const { formatPercent } = useNumberFormatter();\n\n    return useCallback(\n        (weightPercent: number, fractionDigits?: IFractionDigits) => {\n            if (weightPercent <= 0.01) {\n                return \"<\" + formatPercent(0.01, fractionDigits);\n            } else if (0.999 < weightPercent && weightPercent < 1) {\n                return formatPercent(0.999, fractionDigits);\n            } else {\n                return formatPercent(weightPercent, fractionDigits);\n            }\n        },\n        [formatPercent]\n    );\n};\n"],"names":["EnumAssetType","Stock","ETF","Derivatives","Wikifolios","Cash","getAssetSeries","underlying","color","percentageFormatted","type","name","data","allocPercentage","custom","CLASS_PORTFOLIO_CHART_TOOLTIP","getTooltipHtml","point","series","options","concat","getPortfolioChartConfig","chart","spacing","height","backgroundColor","accessibility","descriptionFormatter","percentage","toFixed","plotOptions","bar","borderWidth","stacking","descriptionFormat","title","text","undefined","credits","enabled","legend","exporting","buttons","contextButton","xAxis","tickLength","lineWidth","labels","yAxis","gridLineWidth","tooltip","useHTML","padding","distance","shadow","headerFormat","shape","positioner","w","_","chartW","chartWidth","x","plotX","h","y","pointFormatter","calcPercentagesWithOthers","items","_items","minPercentage","percentageBase","othersTolerancePercentage","skipSort","args","amountSum","reduce","acc","item","amount","forEach","realPercentage","sort","itemA","itemB","find","getAllocPercentageSum","createOthers","sumOfMinPercentage","sumOfBigEnoughPercentage","countItemBiggerThanMin","availableSpaceForCompressableItems","round","othersValue","othersRealPercentage","allocPercentageSum","roundedPercentageBase","length","itemForTheOthers","shift","othersAllocPercentage","differ","subtractPortionForEvery","unshift","value","digits","Math","pow","convertUnderlyingsToAssetGroupsWithOthers","othersLabel","assetGroups","createAssetGroups","calcAllocPercentages","assetGroupMap","Map","portfolio","underlyings","groupUnderlying","assetGroup","get","assetType","push","totalUnderlyings","set","result","isSuperWikifolio","filter","Boolean","underlyingCountMap","othersCount","reverse","usePortfolioChart","colorMap","useAssetColor","formatWeightage","useWeightageFormatter","t","useTranslation","isLoading","isError","usePortfolioChartQuery","wikifolioId","retry","useQuery","createApiPortfolioChartDataUrl","queryParams","URLSearchParams","includePortfolio","computedData","useMemo","hasWeighting","flatMap","map","asset","config","getAssetGroupLabel","dict","stock","etf","derivatives","wikifolios","cash","logger","message","getColumnsXs","assetGroupsLength","EmptyState","jsx_runtime","jsxs","Box","pb","pointerEvents","jsx","mt","rounded","bg","SimpleGrid","columns","key","mx","FullSizeFlexCentered","direction","top","IconHidden","boxSize","Text","fontSize","fontWeight","CHART_SX","fontFamily","display","alignItems","px","flexShrink","mr","overflow","textOverflow","whiteSpace","ml","AssetGroup","label","count","param","Flex","align","Fragment","PortfolioChart","ref","useRef","useIsomorphicLayoutEffect","HighchartsAccessibility","Highstock","current","lang","svgContainerLabel","ns","columnXs","LoadingState","PORTFOLIO_CHART_HEIGHT","sx","Grid","templateColumns","rowGap","group","i","green600","lilac600","orange600","yellow600","blue600","useToken","EnumAssetType2","formatPercent","useNumberFormatter","useCallback","weightPercent","fractionDigits"],"sourceRoot":""}