Widget

Внимание

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

Общие методы API экземпляра InlineWidget

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

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

reload

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

afishaInlineWidget.reload()

mount

/**
 * Монтирует виджет
 * @returns {Promise<void>}
 */

afishaInlineWidget.mount()

unmount

/**
 * Демонтирует виджет из document
 * @returns {void}
 */

afishaInlineWidget.unmount()

destroy

/**
 * Уничтожает экземпляр виджета
 * @returns {void}
 */

afishaInlineWidget.destroy()

navigateTo

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

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

on

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

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

sendMessage

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

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