@vue-storefront/storyblok/lib/index.es.js

Storyblok CMS integration with Vue Storefront

import { __assign, __awaiter, __generator } from 'tslib';
import { useContentFactory } from '@vue-storefront/core';

var storyblokBridge = function (content, events, relations) {
    if (content === void 0) { content = { content: {} }; }
    if (events === void 0) { events = ['change', 'input']; }
    if (relations === void 0) { relations = []; }
    if (window) {
        // eslint-disable-next-line
        // @ts-ignore
        var instance = new StoryblokBridge({
            resolveRelations: relations,
        });
        instance.on(events, function (payload) {
            content.content = __assign(__assign({}, payload.story.content), { _meta: payload.story });
        });
    }
};

var search = function (context, params) { return __awaiter(void 0, void 0, void 0, function () {
    return __generator(this, function (_a) {
        return [2 /*return*/, context.$sb.api.getContent(params)];
    });
}); };
var useContent = useContentFactory({ search: search });

var buildImageObject = function (items, actions) {
    if (actions === void 0) { actions = { replace: false }; }
    return items.map(function (item) {
        var replace = actions.replace;
        if (item.image) {
            var image = item.image;
            var itemObject = replace
                ? __assign(__assign({}, item), { url: image }) : __assign(__assign({}, item), { image: {
                    url: image,
                } });
            if (replace)
                delete itemObject.image;
            return itemObject;
        }
        return item;
    });
};

var extractComponents = function (contentData) {
    if (contentData === void 0) { contentData = []; }
    var content = contentData;
    if (!Array.isArray(contentData))
        content = [content];
    return content.map(function (component) {
        var props = Object.keys(component).reduce(function (res, key) {
            var _a;
            return (__assign(__assign({}, res), (_a = {}, _a[key] = component[key], _a)));
        }, {});
        if (props.items && Array.isArray(props.items)) {
            props.items = buildImageObject(props.items);
        }
        if (props.images && Array.isArray(props.images)) {
            props.images = buildImageObject(props.images, { replace: true });
        }
        if (props.image) {
            props.image = {
                url: props.image,
            };
        }
        return {
            componentName: component.component || 'CustomComponent',
            props: props,
        };
    });
};

export { extractComponents, storyblokBridge, useContent };
//# sourceMappingURL=index.es.js.map