(function (global) {
    @include('widgets.embed.partials.xd')

    let _id = 'recoma-landing-widget';
    let el = document.createElement('iframe');

    el.id = _id;
    el.style.position = 'relative'
    el.style.width = '100%';
    el.style.height = '100%';
    el.style.border = 'none';
    el.style.zIndex = 2001;
    el.style.display = 'block';
    el.frameborder = 'no';
    el.scrolling = 'no';
    el.src = '{{ route('embed-landing', ['alias' => $seller->alias]) }}#' + encodeURIComponent(document.location.href);

    document.body.appendChild(el);

    XD.receiveMessage(function(msg) {
        console.log(msg);
        if (msg.data && msg.data.target == _id && document.getElementById(_id)) {
            document.getElementById(_id).style.height = msg.data.height;
            document.getElementById(_id).style.width = msg.data.width;
        }
    }, '{{ Request::secure() ? 'https://' : 'http://' }}' + '{{ Request::getHost() }}');
})(this)