Modal Widget

Внимание

Для встраивания используеться iframe, third party cookies недоступны, в некоторых бразерах авторизация недоступна

Методы API экземпляра ModalWidget

import { WidgetManager } from 'afisha-widget-manager'

const afishaWidgetManager = new WidgetManager('41fa9cef-a753-4119-8e44-45d013717a2a')
const afishaModalWidget = afishaWidgetManager.appendWidget(
  {
    route: 'creations',
    embedType: 'modal',
    cityId: '2'
  },
  document.body
)

open

/**
 * Открывает виджет в модальном окне
 * @returns {Promise<void>}
 */

afishaModalWidget.open()

close

/**
 * Закрывает модальное окно с виджетом
 * @returns {void}
 */

afishaModalWidget.close()

mount

/**
 * Монтирует виджет
 * @param {boolean} [skipButton=false] - не монтировать кнопку
 * @returns {void}
 */

afishaModalWidget.mount()

/**
 * Перезагружает frame виджета
 * @returns {void}
 */

afishaModalWidget.reload()

navigateTo

/**
 * Сообщает виджету на какой route ему нужно перейти
 * @param {Routes} route - наименование экрана на котором нужно открыть виджет
 * @param {PartialRecord<SpecialTagsAttributes, string>} [params={}] - параметры виджета
 */

afishaModalWidget.navigateTo('creationsType', {
  creationType: 'movie',
  cityId: '2'
})

on

/**
 * Подписка на события виджета
 * @param {LifeCycleHooks} hook - событие
 * @param {LifeCycleHook} fn - функция callback
 */
const { afterMount } = LIFECYCLE_HOOKS

afishaModalWidget.on(afterMount, () => {
  console.log('Виджет смотирован')
})

sendMessage

/**
 * Отправить post message напрямую в виджет
 * @param {OutgoingPostMessages} id - событие
 * @param {Object} params - параметры которые нужно отправить
 */
import { OUTGOING_POST_MESSAGES } from 'afisha-widget-manager'

afishaModalWidget.sendMessage(managerSetPartnerECommerce, { currency: 'EUR', price: '200' })