Conversion Outline :: Unable to use convertFontIcon on conversion-outline.ts

[carlfromfelton]

Problem Description

Added to my conversion-outline.ts file the following code to handle the conversion of the icon font selection field

import {ModuleConversionOutline} from '@divi/types';
import {convertFontIcon} from "@divi/conversion";

export const conversionOutline: ModuleConversionOutline = {
...
valueExpansionFunctionMap: {
       prev_icon: convertFontIcon,
        next_icon: convertFontIcon,
        overlay_icon: convertFontIcon,
    },
...
}

Describe what you expected to happen Expect the D4 module to load the correct value for the icon selection when open for the first time on D5

Describe what actually happened After saving the change on my conversion-outline.ts file, I get the following error in the console

ERROR in ./src/components/dynamic-gallery/conversion-outline.ts 1:0-51
Module not found: Error: Can't resolve '@divi/conversion' in '/Users/carlos/Local Sites/dividev/app/public/wp-content/plugins/dp-divi-dynamic-gallery/src/components/dynamic-gallery'

Related Links or Information

• Discord Discussion: link

Screenshot and/or gif

System Information

• Divi version: 5.0.0-dev-alpha.2
• Operating System: macOS 14.15
• Browser: Chrome 130.0.6723.92
• PHP version: 8.3.11
• MySQL version: 8.0.16
• Web Server: Apache
• WordPress version: 6.6.2

[carlfromfelton]

It works if I use

// @ts-ignore
const {convertFontIcon} = window?.divi?.conversion;

Instead of

import {convertFontIcon} from "@divi/conversion";

[robicse11127]

As the issue gets resolved I am closing this one. Thanks.