How to use the @hpcc-js/common.EntityPin function in @hpcc-js/common

.titleColor("#ecf0f1")
                                    .description("SomeDescription")
                                    .descriptionColor("#ecf0f1")
                                    .iconColor("#ecf0f1")
                                    .backgroundShape("rect")
                                    .backgroundColorFill("#2980b9")
                                    .backgroundColorStroke("#2c3e50")
                                    .annotationIcons([
                                        { faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
                                        { faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
                                        { faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" }
                                    ])
                                );
                                break;
                            case EntityPin:
                                renderMedium(new EntityPin()
                                    .icon("")
                                    .iconDiameter(18)
                                    .iconPaddingPercent(1)
                                    .title("SomeTitle")
                                    .titleColor("#E3151A")
                                    .titleFontSize(24)
                                    .description("SomeDescription")
                                    .descriptionColor("#000000")
                                    .descriptionFontSize(15)
                                    .iconColor("#E3151A")
                                    .titleColor("#E3151A")
                                    .descriptionColor("#E3151A")
                                    .backgroundShape("pin")
                                    .backgroundColorFill("#F8F8F8")
                                    .backgroundColorStroke("#CCCCCC")
                                    .cornerRadius(5)

.each(function (d, i) {
                const entityPin = new EntityPin()
                    .target(this)
                    .icon("")
                    .iconOnlyShowOnHover(context.hideIconWhenCollapsed())
                    .titleOnlyShowOnHover(context.hideTitleWhenCollapsed())
                    .descriptionOnlyShowOnHover(context.hideDescriptionWhenCollapsed())
                    .annotationOnlyShowOnHover(context.hideAnnotationsWhenCollapsed())
                    .iconDiameter(18)
                    .iconPaddingPercent(1)
                    .titleFontSize(14)
                    .descriptionColor("#333")
                    .descriptionFontSize(15)
                    .iconColor(eventFontColor_idx === -1 ? "#333" : d[eventFontColor_idx])
                    .titleColor(eventFontColor_idx === -1 ? "#333" : d[eventFontColor_idx])
                    .descriptionColor(eventFontColor_idx === -1 ? "#333" : d[eventFontColor_idx])
                    .backgroundShape("pin")
                    .backgroundColorFill(eventFontColor_idx === -1 ? "#f8f8f8" : d[eventBackgroundColor_idx])

import { EntityPin } from "@hpcc-js/common";

new EntityPin()
    .annotationIcons([
        {faChar: "A",image_colorFill: "#E3151A",shape_colorFill: "none",shape_colorStroke: "#E3151A",shape: "circle"},
        {faChar: "B",image_colorFill: "#E3151A",shape_colorFill: "none",shape_colorStroke: "#E3151A",shape: "circle"},
        {faChar: "C",image_colorFill: "#E3151A",shape_colorFill: "none",shape_colorStroke: "#E3151A",shape: "circle"}
    ])
    .target("target")
    .icon("")
    .iconDiameter(18)
    .iconPaddingPercent(1)
    .title("SomeTitle")
    .titleColor("#E3151A")
    .titleFontSize(24)
    .description("SomeDescription")
    .descriptionColor("#000000")
    .descriptionFontSize(15)
    .iconColor("#E3151A")