MagePlaza Gift Card integration

[rynfindlay]

Hi all,

I am running into issues that I suspect come from compatibility or improper handling of Knockout components and JS resources under Breeze when trying to integrate with the MagePlaza Gift Card extension.

Could someone please assist?

Issue 1 - this.deps.filter Error
I’m getting the following error from Mageplaza’s view/information component:

Uncaught TypeError: this.deps.filter is not a function at Class._initialize (component.js:472)

It seems to relate to the deps configuration, but even after ensuring deps is set as an array the error continues.

Here’s how the component is defined in view/information:

       return Component.extend({
            component: 'Mageplaza_GiftCard/js/view/information', // Breeze component
            defaults: {
                template: 'breeze.Rkdigital_BreezeGiftCard_product_view'
            },

Issue 2 - KO Template Doesn't Render
In the original view.phtml from Mageplaza, this KO template section is used:
<!-- ko template: getTemplate() --><!-- /ko -->
Under Breeze, this never renders. The component itself appears to load, but the template output is missing even with the loader disabled.

Here is my breeze_default.xml file:

            <arguments>
                <argument name="bundles" xsi:type="array">
                    <item name="default" xsi:type="array">
                        <item name="items" xsi:type="array">
                            <item name="Mageplaza_GiftCard/js/view/information" xsi:type="array">
                                <item name="path" xsi:type="string">Rkdigital_BreezeGiftCard/js/view/information</item>
                            </item>
                            <item name="Mageplaza_GiftCard/js/view/template" xsi:type="array">
                                <item name="path" xsi:type="string">Rkdigital_BreezeGiftCard/js/view/template</item>
                            </item>
                            <item name="Mageplaza_GiftCard/js/model/product" xsi:type="array">
                                <item name="path" xsi:type="string">Mageplaza_GiftCard/js/model/product</item>
                            </item>
                            <item name="Mageplaza_GiftCard/js/action/preview-email" xsi:type="array">
                                <item name="path" xsi:type="string">Mageplaza_GiftCard/js/action/preview-email</item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
        <referenceContainer name="breeze.container">
            <block class="Swissup\Breeze\Block\HtmlTemplate" name="breeze.Rkdigital_BreezeGiftCard_product_view" template="Rkdigital_BreezeGiftCard::product/view.html"/>
        </referenceContainer>

Any advice on getting these components working with Breeze would be appreciated

Thanks

[vovayatsyuk]

Can you please debug what this.deps is in your case? It should be an array to make the code work as expected.

https://github.com/breezefront/module-breeze/blob/master/view/frontend/web/js/core/component.js#L471-L474