\n
\n`;\n\nconst SLOT_PICKER_CALENDAR_TEMPLATE = `\n\n
\n\n
\n`;\n\nconst SLOT_PICKER_DAY_SLOTS_TEMPLATE = `\n\n \n \n \n
\n\n \n \n \n
\n\n \n Mo\n Tu\n We\n Th\n Fr\n Sa\n Su\n
\n \n
\n\n
\n`;\n\nconst SLOT_CELL_TEMPLATE = `\nslot-picker#selectSlot\">\n`;\n\nconst DATE_CELL_TEMPLATE = `\nslot-picker#selectDate\">\n`;\n\nconst NO_SLOTS_CELL_TEMPLATE = `\nSlots not available\n`;\n\nclass CalGridController extends Controller {\n static targets = [\n 'input',\n 'toggleButton',\n 'dropdown',\n 'root',\n 'calendar',\n 'grid',\n 'slots',\n 'morningSlots',\n 'afternoonSlots',\n 'eveningSlots',\n 'nightSlots',\n 'currMonth',\n 'currDate',\n 'prevMonthBtn',\n 'nextMonthBtn',\n 'backToMonthBtn',\n 'submitBtn',\n ];\n\n connect() {\n if (this.element.querySelector('#slot-picker--pickerButton')) {\n return;\n }\n this.element.classList.add('slot-picker');\n this.showToggleOfficeHours =\n this.element.dataset.showToggleOfficeHours === 'true';\n this.ignoreOfficeHours = this.element.dataset.ignoreOfficeHours === 'true';\n this.hideCalendar = this.element.dataset.hideCalendar === 'true';\n this.autoSubmit = this.element.dataset.autoSubmit === 'true';\n let tmpEl = document.createElement('div');\n tmpEl.innerHTML = SLOT_PICKER_BUTTON_TEMPLATE;\n this.element.appendChild(tmpEl.firstElementChild);\n\n tmpEl.innerHTML = SLOT_PICKER_CONTAINER_TEMPLATE;\n this.element.appendChild(tmpEl.firstElementChild);\n\n this.availability =\n this.element.dataset.json != 'null'\n ? this.loadAvailability(this.element.dataset.json)\n : null;\n this.selectionTargetValue = this.element.dataset.selectionTargetValue;\n this.selectionTargetDisplay = this.element.dataset.selectionTargetDisplay;\n let startDate = moment();\n this.startDate = moment();\n this.data.set('month', startDate.date(1).format('YYYY-MM-DD'));\n this.endDate = moment().add(this.visibilityDays(), 'days');\n this.availability && this.renderCalendar();\n\n if (this.hideCalendar) {\n this.hideWidget();\n } else {\n this.showWidget();\n }\n this.addFocusOutListener();\n }\n\n disconnect() {\n console.log('Disconnecting Slot Picker Controller!');\n }\n\n renderCalendar() {\n this.rootTarget.innerHTML = SLOT_PICKER_CALENDAR_TEMPLATE;\n this.makeCalendar();\n }\n\n toggleWidget(e) {\n e.preventDefault();\n if (this.element.dataset.widgetState == 'opened') {\n this.hideWidget();\n } else {\n this.showWidget();\n }\n }\n\n visibilityDays() {\n try {\n let vis = parseInt(this.element.dataset.visibilitydays);\n if (isNaN(vis)) {\n return 45;\n }\n return vis;\n } catch (e) {\n return 45;\n }\n }\n\n loadAvailability(json) {\n let slots = {};\n JSON.parse(json).forEach((slot) => {\n slots[new Date(slot.start).toDateString()] =\n slots[new Date(slot.start).toDateString()] || [];\n slots[new Date(slot.start).toDateString()].push(slot);\n });\n return slots;\n }\n\n showWidget() {\n // this.toggleButtonTarget.innerText = 'Close'\n this.element.dataset.widgetState = 'opened';\n this.dropdownTarget.classList.add('show');\n }\n\n hideWidget() {\n // this.toggleButtonTarget.innerText = 'Open'\n this.element.dataset.widgetState = 'closed';\n this.dropdownTarget.classList.remove('show');\n }\n\n prevMonth(e) {\n e.preventDefault();\n this.currMoment = this.currMoment.add(-1, 'month');\n this.makeCalendar();\n }\n\n nextMonth(e) {\n e.preventDefault();\n this.currMoment = this.currMoment.add(1, 'month');\n this.makeCalendar();\n }\n\n toggleOfficeHours() {\n let officeHourContainers = this.element\n .getRootNode()\n .querySelectorAll('.toggle-office-hours-container');\n if (this.showToggleOfficeHours) {\n officeHourContainers.forEach((item) => item.classList.remove('d-none'));\n }\n officeHourContainers.forEach(\n (item) =>\n (item.querySelector('.toggle_office_hours').checked =\n !this.ignoreOfficeHours)\n );\n }\n\n makeCalendar() {\n let d = this.currMoment;\n if (this.diffMonths(d, this.startDate) <= 0) {\n this.prevMonthBtnTarget.disabled = true;\n } else {\n this.prevMonthBtnTarget.disabled = false;\n }\n if (this.diffMonths(d, this.endDate) >= 0) {\n this.nextMonthBtnTarget.disabled = true;\n } else {\n this.nextMonthBtnTarget.disabled = false;\n }\n this.currMonthTarget.innerText = d.format('MMM YYYY');\n this.gridTarget.innerHTML = '';\n this.gridTarget.style.setProperty('--month-offset', d.isoWeekday());\n this.renderDates(d);\n var self = this;\n }\n\n renderDates(d) {\n this.toggleOfficeHours();\n for (let i = 1; i <= d.daysInMonth(); i++) {\n let tmpEl = document.createElement('div');\n let daySlots = this.availability[d.date(i).toDate().toDateString()];\n if (daySlots && daySlots.length > 0) {\n tmpEl.innerHTML = DATE_CELL_TEMPLATE;\n } else {\n tmpEl.innerHTML = NO_SLOTS_CELL_TEMPLATE;\n }\n let btn = tmpEl.firstElementChild;\n\n btn.dataset.date = d.date(i).toDate().toDateString();\n btn.innerText = i;\n this.gridTarget.appendChild(btn);\n }\n }\n\n renderSlots(date) {\n if (!this.availability[date]) {\n return;\n }\n this.toggleOfficeHours();\n let slotsCount = [\n { slot: this.morningSlotsTarget, count: 0 },\n { slot: this.afternoonSlotsTarget, count: 0 },\n { slot: this.eveningSlotsTarget, count: 0 },\n { slot: this.nightSlotsTarget, count: 0 },\n ];\n this.availability[date].forEach((slot) => {\n let slotTime = moment(slot.start);\n let tmpEl = document.createElement('div');\n tmpEl.innerHTML = SLOT_CELL_TEMPLATE;\n let slotBtn = tmpEl.firstElementChild;\n slotBtn.innerHTML = slotTime.format('h:mm');\n slotBtn.dataset.slot = slot.start;\n if (slotTime.hour() < 12) {\n this.morningSlotsTarget.appendChild(slotBtn);\n slotsCount.find((item) => item.slot === this.morningSlotsTarget)\n .count++;\n }\n if (slotTime.hour() >= 12 && slotTime.hour() < 16) {\n this.afternoonSlotsTarget.appendChild(slotBtn);\n slotsCount.find((item) => item.slot === this.afternoonSlotsTarget)\n .count++;\n }\n if (slotTime.hour() >= 16 && slotTime.hour() < 19) {\n this.eveningSlotsTarget.appendChild(slotBtn);\n slotsCount.find((item) => item.slot === this.eveningSlotsTarget)\n .count++;\n }\n if (slotTime.hour() >= 19) {\n this.nightSlotsTarget.appendChild(slotBtn);\n slotsCount.find((item) => item.slot === this.nightSlotsTarget).count++;\n }\n // this.slotsGridTarget.appendChild(slotBtn);\n });\n slotsCount.forEach((item) => {\n if (item.count == 0) {\n item.slot.parentNode.classList.add('d-none');\n }\n });\n }\n\n selectDate(e) {\n e.preventDefault();\n let date = e.target.dataset.date;\n this.rootTarget.innerHTML = SLOT_PICKER_DAY_SLOTS_TEMPLATE;\n this.currDateTarget.innerHTML = moment(date).format('DD MMM, YYYY');\n this.renderSlots(date);\n this.backToMonthBtnTarget.dataset.date = date;\n }\n\n selectSlot(e) {\n e.preventDefault();\n let slot = e.target.dataset.slot;\n let valueEl = document.querySelector(this.selectionTargetValue);\n if (valueEl) {\n valueEl.value = slot;\n }\n let displayEl = document.querySelector(this.selectionTargetDisplay);\n if (displayEl) {\n displayEl.value = moment(slot).format('ddd DD MMM, h:mm a');\n displayEl.dispatchEvent(new Event('change'));\n }\n this.hideWidget();\n\n if (this.autoSubmit) {\n this.submitBtnTarget.click();\n new Analytics().track('selected_slot', {\n slot,\n registrable_id: this.element.dataset.registrableId,\n account_id: this.element.dataset.accountId,\n });\n }\n }\n\n backToMonth(e) {\n e.preventDefault();\n let date = e.target.dataset.date;\n this.renderCalendar();\n }\n\n addFocusOutListener() {\n // var self = this;\n // this.element.addEventListener('focusout', (event)=> {\n // if (!self.element.contains(event.relatedTarget)) {\n // self.hideWidget();\n // }\n // });\n }\n\n get currMoment() {\n return moment(this.data.get('month'));\n }\n\n set currMoment(m) {\n if (moment.isMoment(m)) {\n this.data.set('month', m.format('YYYY-MM-DD'));\n } else {\n this.currMoment = moment(m);\n }\n }\n\n get startDate() {\n return moment(this.data.get('startDate'));\n }\n\n get endDate() {\n return moment(this.data.get('endDate'));\n }\n\n set endDate(d) {\n if (!moment.isMoment(d)) {\n d = moment(d);\n }\n this.data.set('endDate', d.endOf('month'));\n }\n\n set startDate(d) {\n if (!moment.isMoment(d)) {\n d = moment(d);\n }\n this.data.set('startDate', d);\n }\n\n diffMonths(d1, d2) {\n let diff = d1.month() - d2.month() + 12 * (d1.year() - d2.year());\n return diff;\n }\n}\n\nexport default CalGridController;\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\n\nconst observer = new ResizeObserver((entries) => {\n for (let entry of entries) {\n Rails.fire(entry.target, 'resize');\n }\n});\n\nexport default class extends Controller {\n static values = { scrollOnConnect: { type: Boolean, default: true } };\n static targets = ['item'];\n\n connect() {\n observer.observe(this.element);\n this.shouldScroll = true;\n if (this.scrollOnConnectValue) this.scrollToBottom();\n }\n\n disconnect() {\n observer.unobserve(this.element);\n }\n\n scrollToBottom() {\n const { scrollHeight, clientHeight } = this.element;\n if (scrollHeight >= clientHeight) {\n this.element.scrollTop = scrollHeight - clientHeight;\n }\n }\n\n handleAdded() {\n const { scrollHeight, clientHeight } = this.element;\n if (clientHeight >= scrollHeight) {\n this.shouldScroll = true;\n }\n\n if (this.shouldScroll) {\n this.scrollToBottom();\n }\n }\n\n itemTargetConnected(element) {\n if (element.dataset['scrollToBottom'] != 'true') return;\n\n delete element.dataset['scrollToBottom'];\n this.scrollToBottom();\n }\n\n handleScroll() {\n const { scrollTop, scrollHeight, clientHeight, offsetHeight } =\n this.element;\n if (clientHeight >= scrollHeight) {\n this.shouldScroll = true;\n } else {\n this.shouldScroll = Math.abs(scrollTop + offsetHeight - scrollHeight) < 1;\n }\n }\n}\n","import { Controller } from 'stimulus';\nimport { getParentController } from './stimulus_utils';\nimport Rails from '@rails/ujs';\n\nexport default class extends Controller {\n connect() {\n const parent = getParentController(this, 'smart-scroll');\n Rails.fire(parent.element, 'smart-scroll:added');\n }\n}\n","import { Controller } from 'stimulus';\nimport Sortable from 'sortablejs';\nimport { patch } from '@rails/request.js'\n\nexport default class extends Controller {\n static values = { url: String, column: String, klass: String, group: String }\n\n connect() {\n this.initSortable();\n }\n\n initSortable() {\n var options = {\n dataIdAttr: 'data-id',\n fallbackOnBody: true,\n group: this.groupValue,\n swapThreshold: 0.65,\n animation: 150,\n sort: true,\n handle: '.sortable-handle',\n onSort: this.sort.bind(this),\n };\n\n this.sortable = Sortable.create(this.element, options);\n }\n\n disconnect() {\n this.sortable.destroy();\n }\n\n sort(evt) {\n const { item: { dataset: { id } }, newIndex } = evt;\n this.updatePosition(this.urlValue.replace(':id', id), newIndex);\n }\n\n async updatePosition(url, position) {\n const { klassValue, columnValue } = this;\n let data = { [klassValue]: { [columnValue]: position } };\n\n const response = await patch(url, {\n responseKind: 'turbo-stream',\n body: JSON.stringify(data)\n });\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['downloadPopup', 'linkToggle', 'link'];\n\n connect() {\n this.showDownloadPopup();\n }\n\n showDownloadPopup() {\n if (!this.hasDownloadPopupTarget) return;\n if (this.downloadPopupTarget.dataset.show == 'false') return;\n setTimeout(() => {\n this.downloadPopupTarget.classList.remove('d-none');\n }, 2000);\n }\n\n closeDownloadPopup() {\n if (!this.hasDownloadPopupTarget) return;\n this.downloadPopupTarget.remove();\n }\n\n toggleVideoStoreLink() {\n if (!this.hasLinkToggleTarget || !this.hasLinkTarget) return;\n let active = this.linkToggleTarget.dataset.active == \"true\"\n this.linkToggleTarget.dataset.active = !active;\n let preview_url = document.getElementById(\"preview-url-btn\");\n let bagitLink = this.element.dataset.bagitLink\n let videoStoreLink = this.element.dataset.videoStoreLink\n if (active) {\n this.linkTarget.innerHTML = bagitLink\n this.linkToggleTarget.innerHTML = \"Use your domain\"\n this.element.dataset.text = bagitLink\n if(preview_url) preview_url.setAttribute('href',`${bagitLink}?preview=true`);\n }\n else {\n this.linkTarget.innerHTML = videoStoreLink\n this.linkToggleTarget.innerHTML = \"Use bagit.live\"\n this.element.dataset.text = videoStoreLink\n if(preview_url) preview_url.setAttribute('href',videoStoreLink);\n }\n }\n\n}\n","import { Controller } from 'stimulus';\nimport StimulusReflex from 'stimulus_reflex';\n\nexport default class extends Controller {\n static targets = ['client', 'secret'];\n\n connect() {\n StimulusReflex.register(this);\n $('select#provider_name').trigger('change');\n }\n\n switchProvider(event) {\n $('.validatable_field').parents('.form-group').removeClass('d-none');\n $('.validatable_field').parents('.form-group').show();\n let allowedColumns = JSON.parse(event.target.dataset.allowedColumns);\n let allowedFields = allowedColumns[event.target.value].map(\n (val) => 'provider_' + val\n );\n $('.validatable_field').each(function (field) {\n if (!allowedFields.includes(this.id)) {\n $(this).parents('.form-group').hide();\n }\n });\n }\n\n toggleVisibility(e) {\n if (this.targets.find(e.target.dataset.value)) {\n let target = this.targets.find(e.target.dataset.value);\n target.type = target.type == 'password' ? 'text' : 'password';\n e.target.innerHTML =\n target.type == 'password' ? 'visibility' : 'visibility_off';\n }\n }\n}\n","export function getParentController(controller, identifier) {\n const application = controller.application;\n let element = controller.element;\n do {\n let foundController = application.getControllerForElementAndIdentifier(\n element,\n identifier\n );\n if (foundController) {\n return foundController;\n }\n } while ((element = element.parentElement));\n}\n","import { Controller } from 'stimulus';\nimport { get } from '@rails/request.js';\n\nexport default class extends Controller {\n static targets = ['storyPageSelector'];\n\n connect() {\n this.selected_story_page_id = this.storyPageSelectorTarget.value;\n this.selected_story_page_url =\n this.storyPageSelectorTarget.selectedOptions[0].dataset.storyPageUrl;\n }\n\n async pageSelected(e) {\n this.selected_story_page_id = this.storyPageSelectorTarget.value;\n this.selected_story_page_url =\n e.target.selectedOptions[0].dataset.storyPageUrl;\n await get(this.selected_story_page_url, {\n responseKind: 'turbo-stream',\n });\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['image', 'value']\n imageSelected(e) {\n let image_url = e.detail.selected_url\n this.imageTarget.src = image_url;\n this.valueTarget.value = image_url;\n this.valueTarget.form.requestSubmit();\n }\n}","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static values = { storyUrl: String };\n\n connect() {\n const stories = [\n {\n href: this.storyUrlValue,\n },\n ];\n const playerContainer = this.element;\n playerContainer.innerHTML = null;\n const playerEl = document.createElement('amp-story-player');\n playerEl.setAttribute(\n 'style',\n `height: ${this.element.dataset['crop'] || 'calc(100vh - 160px)'};`\n );\n playerContainer.append(playerEl);\n // eslint-disable-next-line\n const player = new AmpStoryPlayer(window, playerEl);\n player.load();\n\n if (playerEl.isReady) {\n playerEl.add(stories);\n } else {\n playerEl.addEventListener('ready', () => {\n playerEl.add(stories);\n });\n }\n }\n}\n","import { Controller } from 'stimulus';\nimport StimulusReflex from 'stimulus_reflex';\nimport debounced from 'debounced';\n\nexport default class extends Controller {\n connect() {\n debounced.initialize({ input: { wait: 1000 }, keyup: { wait: 1000 } });\n StimulusReflex.register(this);\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['tab'];\n static values = { parameter: String };\n\n connect() {\n let selection = this.findSelectedTab(new URL(window.location.href));\n if (!selection) {\n selection = this.element.dataset.tabsDefaultValue;\n }\n this.refreshTabSelection(selection);\n this.refreshTabContents(selection);\n this.addTabClickListeners();\n }\n\n setActiveTab(selection) {\n this.showTabLoadingIndicator(selection);\n this.refreshTabSelection(selection);\n this.refreshTabContents(selection);\n }\n\n findSelectedTab(parent_url) {\n return parent_url.searchParams.get(this.parameterValue);\n }\n\n showTabLoadingIndicator(selection) {\n let spinner = document\n .querySelector('#tab-loading-spinner div')\n .cloneNode(true);\n let listEl = document.querySelector(\n '#conversations_' + selection + '_list'\n );\n if (listEl && spinner) {\n listEl.insertBefore(spinner, listEl.firstChild);\n }\n }\n\n refreshTabSelection(selection) {\n if (selection === '' || selection == null) return;\n for (var i = 0, len = this.tabTargets.length; i < len; i++) {\n if (this.tabTargets[i].getAttribute('data-selection') == selection) {\n this.tabTargets[i].classList.add('active');\n } else {\n this.tabTargets[i].classList.remove('active');\n }\n }\n }\n\n refreshTabContents(selection) {\n let tabs = ['open', 'closed', 'unassigned'];\n tabs.forEach((tab) => {\n let listFrame = document.querySelector(\n 'turbo-frame[data-conversation-list-target=\"' + tab + '\"]'\n );\n if (tab == selection && listFrame) {\n listFrame.classList.remove('d-none');\n listFrame.classList.add('active');\n } else if (listFrame) {\n listFrame.classList.remove('active');\n listFrame.classList.add('d-none');\n }\n });\n }\n\n addTabClickListeners() {\n let self = this;\n this.tabTargets.forEach((e) => {\n e.addEventListener('click', (evnt) => {\n if (!evnt.target.href) {\n evnt.preventDefault();\n return false;\n }\n let newUrl = new URL(evnt.target.href);\n window.history.pushState({}, '', newUrl);\n self.setActiveTab(self.findSelectedTab(newUrl));\n });\n });\n }\n}\n","import { Controller } from 'stimulus';\nimport initIntlTelephoneInput from '../lib/telephone_input';\n\nexport default class extends Controller {\n connect() {\n initIntlTelephoneInput();\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['value', 'image', 'video', 'document'];\n\n mediaSelected(e) {\n const mediaURL = e.detail.selected_url;\n if (this.hasImageTarget) {\n this.imageTarget.src = mediaURL;\n }\n if (this.hasVideoTarget) {\n this.videoTarget.src = mediaURL;\n this.videoTarget.parentElement.load();\n }\n if (this.hasDocumentTarget) {\n this.documentTarget.src = mediaURL;\n }\n this.valueTarget.value = mediaURL;\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['weekdays'];\n connect() {}\n\n static days = {\n sunday: 1,\n monday: 2,\n tuesday: 4,\n wednesday: 8,\n thursday: 16,\n friday: 32,\n saturday: 64,\n };\n\n toggleInputs(e) {\n let element = e.target;\n let checked = element.checked;\n if (isNaN(parseInt(this.weekdaysTarget.value))) {\n this.weekdaysTarget.value = 0;\n }\n if (checked) {\n this.weekdaysTarget.value =\n parseInt(this.weekdaysTarget.value) + this.constructor.days[element.id];\n } else {\n this.weekdaysTarget.value =\n parseInt(this.weekdaysTarget.value) - this.constructor.days[element.id];\n }\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['fileField'];\n static values = { maxFileSize: Number };\n\n submit() {\n if (this.fileFieldTarget.files[0].size > this.maxFileSizeValue) {\n window.alert('File size is too large');\n this.value = '';\n return;\n }\n\n this.fileFieldTarget.form.requestSubmit();\n this.fileFieldTarget.value = '';\n }\n\n triggerFilePicker() {\n this.fileFieldTarget.click();\n return false;\n }\n}\n","import { Controller } from 'stimulus';\nimport { get } from '@rails/request.js';\n\nexport default class extends Controller {\n static values = {\n updateHistory: Boolean,\n };\n connect() {\n let url = this.element.href;\n this.element.addEventListener('click', (e) => {\n e.preventDefault();\n let spinnerEl = document.querySelector('.loading-spinner');\n if (spinnerEl) {\n spinnerEl.classList.remove('d-none');\n }\n if (this.hasUpdateHistoryValue && this.updateHistoryValue) {\n history.pushState({ turbo_frame_history: true }, '', url);\n }\n let resp = get(url, { responseKind: 'turbo-stream' });\n resp.finally(() => {\n if (spinnerEl) {\n spinnerEl.classList.add('d-none');\n }\n });\n });\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static values = {\n url: String,\n target: String\n };\n\n connect() {\n this.element.addEventListener('click', this.onClick.bind(this));\n }\n\n onClick() {\n if (this.urlValue) {\n let frame = document.querySelector(this.targetValue)\n frame.src = this.urlValue;\n frame.reload();\n }\n }\n}","import { Controller } from 'stimulus';\nimport { post, patch } from '@rails/request.js';\n\nexport default class extends Controller {\n static values = { userId: String, createUrl: String, updateUrl: String, updateDuration: String };\n static targets = [\"option\", \"input\", \"submit\"];\n\n connect(){\n let default_option;\n for(let i=0; i\n \n \n \n
\n\n \n \n \n
\n\n \n
\n\n Morning\n
\n \n
\n \n Afternoon\n
\n \n
\n \n Evening\n
\n \n
\n \n Night\n
\n \n
\n