{"version":3,"file":"widget_boot-CG7cuUAT.js","sources":["../../../app/frontend/javascript/widget/icons.js","../../../app/frontend/javascript/widget/template.js","../../../app/frontend/javascript/widget/index.js","../../../app/frontend/entrypoints/widget_boot.js"],"sourcesContent":["const iconBackgroundColor = '#5796C7'\nconst iconContentColor = '#ffffff'\n\nexport const hideIcon =\n  `<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"30\" cy=\"30\" r=\"30\" fill=\"${iconBackgroundColor}\" />\n    <path fill=\"${iconContentColor}\" d=\"M40.6918 20.9535L39.1721 19.4518C38.7609 19.0406 38.0815 19.0406 37.6524 19.4518L30.0717 27.0323L22.3482 19.3088C21.9368 18.8974 21.2574 18.8974 20.8285 19.3088L19.3088 20.8285C18.8974 21.2397 18.8974 21.9191 19.3088 22.3482L27.0146 30.054L19.4518 37.6525C19.0406 38.0638 19.0406 38.7432 19.4518 39.1723L20.9715 40.692C21.3827 41.1032 22.0621 41.1032 22.4912 40.692L30.0717 33.1113L37.6524 40.692C38.0636 41.1032 38.743 41.1032 39.1721 40.692L40.6918 39.1723C41.103 38.761 41.103 38.0816 40.6918 37.6525L33.0933 30.0719L40.6739 22.4914C41.103 22.062 41.103 21.3826 40.6918 20.9535Z\" />\n  </svg>`\n\nexport const openIcon =\n  `<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"30\" cy=\"30\" r=\"30\" fill=\"${iconBackgroundColor}\" />\n    <path fill=\"${iconContentColor}\" d=\"M49 26.5C49 32.8513 41.6127 38 32.5 38C23.3873 38 16 32.8513 16 26.5C16 20.1487 23.3873 15 32.5 15C41.6127 15 49 20.1487 49 26.5Z\" />\n    <path fill=\"${iconContentColor}\" fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M15.0238 30C15.0238 30 12.6476 31.2963 11.9612 31.9964C10.4274 33.561 10.2032 34.9172 10.2032 34.9172C10.2032 34.9172 9.62622 36.8862 10.4168 39.14C10.7533 40.0994 12.9693 41.9488 12.9693 41.9488L11.1043 45C11.1043 45 14.6949 43.6994 16.5002 43.6994C17.3921 43.6994 18.3931 44.289 21.0172 44.5851C22.3981 44.741 25.8815 44.355 25.8815 44.355C25.8815 44.355 28.8213 43.6088 30.0462 42.8279C31.2711 42.0469 33 39.8163 33 39.8163C33 39.8163 25.7481 39.6028 21.5 37.283C17.2519 34.9632 15.0238 30 15.0238 30Z\" />\n  </svg>`\n","const html = (strings, ...keys) => {\n  return (values) => {\n    // Replace placeholders with values from the passed object\n    const result = strings.map((str, i) => {\n      const key = keys[i]\n      return str + (values[key] || '')\n    }).join('')\n    return result\n  }\n}\n\nexport const widgetTemplate = html`\n  <a id=\"upthread-widget-action\" class=\"switch\" data-testid=\"widget-button\">\n    <div class=\"badge\"></div>\n    ${'icon'}\n  </a>\n  <div id=\"upthread-widget-container\" class=\"window\" style=\"display: none;\">\n    <div id=\"upthread-widget-loader\" class=\"circle-loader\">\n      <div class=\"loader\"></div>\n      <p style=\"loader-p\">Loading...</p>\n    </div>\n    <iframe id=\"upthread-widget-frame\" frameborder=\"0\" style=\"display: none;\"></iframe>\n  </div>\n  <div id=\"upthread-widget-close\" class=\"close\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-x\" viewBox=\"0 0 16 16\">\n      <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n    </svg>\n  </div>\n  `\n","import styles from '~js/widget/styles.css?inline'\nimport { openIcon, hideIcon } from '~js/widget/icons'\nimport { widgetTemplate } from './template'\n\nexport default class Widget extends HTMLElement {\n  static defaultConfiguration = {}\n\n  bootstrap = false\n  open = false\n\n  rootUrl = null\n  primaryColor = null\n\n  configuration = {}\n\n  set configuration(configuration) {\n    this.configuration = Object.assign({}, Widget.defaultConfiguration, configuration)\n  }\n\n  get frameWindow() { return this.frameTarget.contentWindow }\n  get frameTarget() { return this.shadowRoot.getElementById('upthread-widget-frame') }\n  get actionTarget() { return this.shadowRoot.getElementById('upthread-widget-action') }\n  get closeTarget() { return this.shadowRoot.getElementById('upthread-widget-close') }\n  get loaderTarget() { return this.shadowRoot.getElementById('upthread-widget-loader') }\n  get containerTarget() { return this.shadowRoot.getElementById('upthread-widget-container') }\n  get authToken() { return (this.configuration.authToken || localStorage.getItem(`${this.widgetToken}-upthread-auth-token`)) }\n  get widgetToken() { return this.configuration.token }\n  get widgetMethods() { return ['startWorkflow', 'openWidget'] }\n  get rootURL() { return this.enrichURL(this.rootUrl) }\n\n  constructor() {\n    super()\n    this.css = new CSSStyleSheet()\n    this.css.replaceSync(styles)\n    this.attachShadow({ mode: 'open', delegatesFocus: true })\n    this.shadowRoot.adoptedStyleSheets = [this.css]\n  }\n\n  async connectedCallback() {\n    const response = await this.fetchConfiguration()\n\n    this.rootUrl = response.root_url\n    this.primaryColor = response.primary_color\n\n    this.css.insertRule(`:host { --primary-color: ${this.primaryColor} }`)\n    this.shadowRoot.innerHTML = widgetTemplate({ icon: openIcon })\n\n    if (this.authToken) {\n      this.bootstrapFrame()\n    }\n\n    window.addEventListener('message', this.handleMessage.bind(this), false)\n    document.addEventListener('click', this.handleExternalEvent.bind(this))\n    this.actionTarget.addEventListener('click', this.handleButtonClick.bind(this))\n    this.closeTarget.addEventListener('click', this.handleCloseClick.bind(this))\n  }\n\n  async fetchConfiguration() {\n    const params = new URLSearchParams({\n      time_zone: Intl.DateTimeFormat().resolvedOptions().timeZone\n    })\n    const response = await fetch(`${window.location.protocol}//${import.meta.env.VITE_UPTHREAD_HOST}/widget.json?${params}`, {\n      headers: {\n        Accept: 'application/json',\n        Authorization: `Bearer ${this.authToken}`,\n        'X-Widget-Token': this.widgetToken,\n      }\n    })\n\n    return await response.json()\n  }\n\n  enrichURL(url) {\n    const enrichedUrl = new URL(url)\n    enrichedUrl.searchParams.append('widget_token', this.widgetToken)\n    enrichedUrl.searchParams.append('auth_token', this.authToken)\n    return enrichedUrl\n  }\n\n  bootstrapFrame(urlAsString) {\n    this.frameTarget.src = urlAsString || this.rootURL.toString()\n  }\n\n  handleMessage(event) {\n    const { message, payload } = event.data\n\n    if (message === 'onFrameLoaded') {\n      this.onFrameLoaded(payload)\n    } else if (message === 'notification') {\n      this.shadowRoot.querySelector('.badge').style.display = 'block'\n    } else if (message === 'localStore') {\n      localStorage.setItem(payload.key, payload.value)\n    }\n  }\n\n  handleExternalEvent(event) {\n    const target = event.target.closest('a')\n\n    if (!target) { return }\n\n    const href = target.getAttribute('href')\n\n    if (href.includes('#upthread#')) {\n      event.preventDefault()\n\n      const [method, params] = href.split('#').filter(str => str !== 'upthread' && str !== '')\n\n      const rootUrl = this.rootURL\n\n      if (this.widgetMethods.includes(method)) {\n        if (method === 'startWorkflow') {\n\n          if (params.length > 0) {\n            const paramPairs = params.split('&')\n\n            const urlParams = new URLSearchParams(rootUrl.search)\n\n            paramPairs.forEach(param => {\n              const [key, value] = param.split('=')\n              if (key && value) {\n                urlParams.append(key, value)\n              }\n            })\n\n            rootUrl.search = urlParams.toString()\n          }\n        }\n\n        this.openWidget(rootUrl.toString())\n      }\n    } else {\n      if (!target.dataset.turboAction) {\n        target.dataset.turboAction = 'advance'\n      }\n    }\n  }\n\n  handleButtonClick(event) {\n    event.preventDefault()\n    this.toggleWidget()\n  }\n\n  handleCloseClick(event) {\n    event.preventDefault()\n    this.hideWidget()\n  }\n\n  onFrameLoaded() {\n    this.showFrame()\n    this.hideLoader()\n    this.bootstrap = true\n  }\n\n  showFrame() {\n    this.frameTarget.style.display = 'block'\n  }\n\n  hideLoader() {\n    this.loaderTarget.style.display = 'none'\n  }\n\n  showContainer() {\n    this.containerTarget.style.display = 'block'\n  }\n\n  hideContainer() {\n    this.containerTarget.style.display = 'none'\n  }\n\n  openWidget(UrlAsString) {\n    if (this.bootstrap == false) {\n      this.bootstrapFrame(UrlAsString)\n    } else {\n      this.visit(UrlAsString)\n    }\n\n    this.open = true\n    this.showContainer()\n    this.actionTarget.innerHTML = hideIcon\n    document.querySelector('html').classList.add('upthread-widget-open')\n    this.closeTarget.classList.add('active')\n  }\n\n  visit(url) {\n    this.frameWindow.postMessage({ message: 'visit', payload: { url: url } }, '*')\n  }\n\n  hideWidget() {\n    this.open = false\n    this.hideContainer()\n    this.actionTarget.innerHTML = openIcon\n    document.querySelector('html').classList.remove('upthread-widget-open')\n    this.closeTarget.classList.remove('active')\n  }\n\n  toggleWidget() {\n    if (this.open) { this.hideWidget() } else { this.openWidget() }\n  }\n}\n\ncustomElements.define('upthread-widget', Widget)\n","import '~js/widget'\n\n(() => {\n  const globalAction = () => {\n    const initAction = window[window['upthread']]\n    if (!initAction) { return }\n    const queue = initAction.q\n    const globalStyle = `\n      <style id=\"upthread-widget-custom-css\">\n        @media only screen and (max-width: 576px) {\n          .upthread-widget-open, .upthread-widget-open > body {\n            position: static !important;\n            transform: none !important;\n            overflow: hidden !important;\n          }\n        }\n      </style>\n    `\n    document.head.insertAdjacentHTML('beforeend', globalStyle)\n    if (queue) {\n      if (queue[0] && queue[0][0] === 'init') {\n        let configuration = queue[0][1]\n        let widget = document.createElement('upthread-widget')\n        widget.configuration = configuration\n        document.body.appendChild(widget)\n      }\n    }\n  }\n  globalAction()\n})()\n"],"names":["iconBackgroundColor","iconContentColor","hideIcon","openIcon","html","strings","keys","values","str","i","key","widgetTemplate","_Widget","__publicField","styles","configuration","response","params","url","enrichedUrl","urlAsString","event","message","payload","target","href","method","rootUrl","paramPairs","urlParams","param","value","UrlAsString","Widget","initAction","queue","widget"],"mappings":"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"}