\n \n Stop Recording\n \n
\n \n );\n case UPLOADING:\n return (\n \n
\n );\n }\n };\n\n return <>{renderContent()};\n}\n\nButtonsSection.propTypes = {\n blob: PropTypes.object,\n askerSide: PropTypes.bool,\n uuid: PropTypes.string.isRequired,\n uploadUrl: PropTypes.string.isRequired,\n recordingState: PropTypes.string.isRequired,\n setRecordingState: PropTypes.func.isRequired,\n startRecording: PropTypes.func.isRequired,\n stopRecording: PropTypes.func.isRequired,\n resetToInitial: PropTypes.func.isRequired,\n closeRecordPage: PropTypes.func.isRequired,\n ctaButtonContent: PropTypes.string,\n};\n\nexport default ButtonsSection;\n","import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport RecordRTC from 'recordrtc';\nimport _isEmpty from 'lodash/isEmpty';\nimport VideoBackground from '../responder/videoplayer/VideoBackground';\nimport ButtonsSection from './components/ButtonsSection';\nimport { isMobile } from '../../utils';\nimport { setMediaWrapperClassNames, setVideoTagClassNames } from './utils';\nimport ResponsePreview from '../responder/UgcUploadResponse/components/ResponsePreview';\nimport { setDefaultSignedIdObj } from '../responder/UgcUploadResponse';\n\nexport const INITIAL = 'initial';\nexport const COUNTDOWN = 'countdown';\nexport const RECORDING = 'recording';\nexport const UPLOADING = 'uploading';\nexport const RESPONSE_PREVIEW = 'response_preview';\n\nconst setDefaultRecordingState = (mediaResponse) => {\n if (mediaResponse.latest_attachment) {\n return RESPONSE_PREVIEW;\n } else {\n return INITIAL;\n }\n};\n\nfunction VideoRecord({\n uuid,\n askerSide,\n cancelPath,\n directUploadUrl,\n backgroundIsColor,\n backgroundLayout,\n ctaButtonContent,\n ctaButtonStyle,\n mediaResponse = {},\n}) {\n const [recordingState, setRecordingState] = React.useState(\n setDefaultRecordingState(mediaResponse),\n );\n const [blob, setBlob] = React.useState(null);\n const [responses, setResponses] = React.useState(mediaResponse);\n const [signedIdObj, setSignedIdObj] = React.useState(\n setDefaultSignedIdObj(mediaResponse),\n );\n\n const signedIdIsEmpty = React.useMemo(() => {\n return _isEmpty(signedIdObj);\n }, [signedIdObj]);\n\n const fileInputRef = React.useRef(null);\n const videoRef = useRef(null);\n const videoStream = useRef(null);\n const recorder = useRef(null);\n\n useEffect(() => {\n if (isMobile()) {\n if (fileInputRef && fileInputRef.current) {\n fileInputRef.current.addEventListener('change', fileUploadListener);\n\n return () => {\n fileInputRef.current.removeEventListener(\n 'change',\n fileUploadListener,\n );\n };\n }\n }\n }, []);\n\n useEffect(() => {\n if (!isMobile() && signedIdIsEmpty) {\n captureCamera();\n }\n }, [signedIdIsEmpty]);\n\n useEffect(() => {\n if (recordingState === RECORDING) {\n recorder.current = RecordRTC(videoStream.current, {\n type: 'video',\n bitsPerSecond: 25600000,\n canvas: { width: 500, height: 800 },\n });\n\n recorder.current.startRecording();\n }\n }, [recordingState]);\n\n const fileUploadListener = (e) => {\n setRecordingState(UPLOADING);\n setBlob(e.target.files[0]);\n };\n\n const captureCamera = () => {\n navigator.mediaDevices\n .getUserMedia({\n audio: true,\n video: true,\n })\n .then((stream) => {\n videoStream.current = stream;\n if (videoRef.current) {\n videoRef.current.muted = true;\n videoRef.current.volume = 0;\n videoRef.current.srcObject = stream;\n }\n });\n };\n\n const startRecording = () => {\n if (isMobile()) {\n if (fileInputRef && fileInputRef.current) {\n fileInputRef.current.click();\n }\n } else if (videoStream.current) {\n setRecordingState(COUNTDOWN);\n }\n };\n\n const stopRecordingCallback = () => {\n const videoBlob = recorder.current.getBlob();\n videoBlob.name = 'video-record-response';\n setBlob(videoBlob);\n setRecordingState(UPLOADING);\n\n recorder.current.destroy();\n recorder.current = null;\n };\n\n const stopRecording = () => {\n recorder.current.stopRecording(stopRecordingCallback);\n };\n\n const resetToInitial = () => {\n setRecordingState(INITIAL);\n setBlob(null);\n setResponses({});\n setSignedIdObj({});\n };\n\n const closeRecordPage = () => {\n if (window.Turbo) {\n Turbo.visit(cancelPath);\n } else {\n window.location.href = cancelPath;\n }\n };\n\n return (\n <>\n {askerSide && Upload media
}\n\n
\n \n
\n )}\n {!blob && !signedIdIsEmpty && (\n \n
\n {!askerSide && !signedIdIsEmpty && (\n \n
\n );\n};\n\nfunction Select({ creatable, ...props }) {\n const selectProps = {\n ...props,\n classNamePrefix: 'react-select',\n isClearable: true,\n isSearchable: true,\n maxMenuHeight: 200,\n placeholder: creatable ? 'Select or type other' : 'Select from the list',\n menuPlacement: 'top',\n closeMenuOnSelect: !props.isMulti,\n formatCreateLabel: (inputValue) => <>{`Select Other: \"${inputValue}\"`},\n components: {\n IndicatorsContainer,\n ...(props.isPreview && { Option: ReferenceOption }),\n ...(props.isPreview && { SingleValue: ReferenceOption }),\n },\n blurInputOnSelect: !props.isMulti,\n filterOption,\n styles,\n };\n\n if (creatable) {\n return \n {selected && (\n
\n );\n}\n\nButton.propTypes = {\n disabled: PropTypes.bool,\n selected: PropTypes.bool,\n option: PropTypes.array.isRequired,\n onClick: PropTypes.func.isRequired,\n isMulti: PropTypes.bool.isRequired,\n checked: PropTypes.bool.isRequired,\n};\n\nexport default Button;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle';\n\nimport wretch from 'wretch';\n\nimport {\n SingleSelectOptionButton,\n ActionButtonRounded,\n OtherButtonInputRounded,\n OtherButtonContainer,\n ErrorMessage,\n} from './style';\n\nconst disabledOtherButton = (\n \n
\n );\n } else {\n return \n
\n {name}\n \n );\n}\n","import React from 'react';\nimport { setClassName } from '../../../../../utils';\n\nexport function UploadedImage({ src, backgroundLayout }) {\n return (\n \n
\n );\n } else {\n return \n \n
\n )}\n {!_isEmpty(files) && (\n \n
\n {!signedIdIsEmpty && (\n \n `;\n }\n\n _setOriginalButtonContent() {\n const originalContent = this.submitTarget.dataset.originalContent;\n this.submitTarget.innerHTML = this._replaceAmountWithTotal(originalContent);\n }\n\n _replaceAmountWithTotal(text) {\n const totalAmount = this.selectedPaymentMethod?.total;\n return totalAmount ? text.replace(this.amount, totalAmount) : text;\n }\n\n _findDataParams() {\n const params = {\n payment_method: this.paymentType,\n payment_method_card_funding: this.selectedPaymentMethod?.card_funding,\n };\n\n // Build data fields responses here\n const dataFieldsWrappers = Array.from(\n document.querySelectorAll('[data-testid*=\"DataFieldsSelector/Field_\"]'),\n );\n const preparedAttributes = dataFieldsWrappers.reduce((acc, field) => {\n const fieldValue = field.querySelector('[name*=\"[value]\"').value;\n const idHiddenInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[id]\"]',\n );\n const dataFieldIdHiddenInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[data_field_id]\"]',\n );\n const mcOptionIdHiddenInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[mc_option_id]\"]',\n );\n const richTextTitleInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[value][title]\"]',\n );\n\n const attributes = {\n data_field_id: dataFieldIdHiddenInput.value,\n value: fieldValue,\n };\n\n if (idHiddenInput) {\n attributes.id = idHiddenInput.value;\n }\n\n if (mcOptionIdHiddenInput) {\n attributes.mc_option_id = mcOptionIdHiddenInput.value;\n }\n\n if (richTextTitleInput) {\n const richTextTitleHtmlInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[value][title_html]\"]',\n );\n const richTextTitleElementsInput = field.querySelector(\n 'input[type=\"hidden\"][name*=\"[value][title_elements]\"]',\n );\n\n attributes.value = {\n title: richTextTitleInput.value,\n title_html: richTextTitleHtmlInput.value,\n title_elements: richTextTitleElementsInput.value,\n };\n }\n\n acc.push(attributes);\n return acc;\n }, []);\n\n params.data_field_responses_attributes = preparedAttributes;\n if (this.hasDisclaimerCheckedTarget) {\n const disclaimerValue = this.disclaimerCheckedTarget.querySelector(\n 'input',\n ).checked;\n\n params.disclaimer_checked = disclaimerValue ? 'on' : 'off';\n }\n\n return params;\n }\n\n _findBillingDetailsParams() {\n const fieldTypes = [\n 'email',\n 'full_name',\n 'first_name',\n 'last_name',\n 'zip_code',\n ];\n const params = fieldTypes.reduce((acc, fieldType) => {\n const field = document.querySelector(`[data-testtype=\"${fieldType}\"]`);\n\n if (field) {\n const value = field.querySelector('[name*=\"[value]\"').value;\n\n switch (fieldType) {\n case 'email':\n acc.email = value;\n break;\n case 'full_name':\n acc.name = value;\n break;\n case 'first_name':\n acc.name = acc.name ? `${value} ${acc.name}` : value;\n break;\n case 'last_name':\n acc.name = acc.name ? `${acc.name} ${value}` : value;\n break;\n case 'zip_code':\n acc.address = { postal_code: value };\n break;\n }\n }\n\n return acc;\n }, {});\n\n return params;\n }\n\n _handleSubmitSuccess({ data: { attributes } }) {\n this._setOriginalButtonContent();\n const redirect = () => {\n Turbo.visit(attributes.redirectUrl);\n };\n\n if (typeof fbq !== 'undefined') {\n fbq('trackCustom', 'ExperiencePayment', {\n experience_id: attributes.experienceUuid,\n experience_name: attributes.experienceTitle,\n value: attributes.donationAmount,\n currency: attributes.currency,\n payment_type: attributes.recurring,\n });\n\n // We need timeout here to fire Facebook Pixel event before redirect\n setTimeout(redirect, 300);\n } else {\n redirect();\n }\n }\n\n _handleConfirmError(text) {\n this.submitTarget.disabled = false;\n this._setOriginalButtonContent();\n const errors = JSON.parse(text);\n\n this._handleDataErrors(errors);\n }\n\n _handleSubmitError({ text }) {\n this.submitTarget.disabled = false;\n this._setOriginalButtonContent();\n\n try {\n this._handleDataErrors(JSON.parse(text));\n } catch (e) {\n this._showFlashErrorMessage();\n }\n }\n\n _handleCreditCardErrors(errors) {\n if (!errors) {\n return;\n }\n const messages = errors[0];\n\n if (messages.already_charged) {\n renderFlashError(messages.already_charged, 'success');\n } else if (messages.error_message) {\n renderFlashError(messages.error_message);\n }\n setTimeout(hideFlashMessage, 3000);\n }\n\n _handleDataErrors(json) {\n if (!json) {\n return;\n }\n const messages = json.errors;\n\n for (const [key, value] of Object.entries(messages)) {\n this.sharedStoreErrorKeys.push(key);\n\n setValueToStore(`dataFieldError_${key}`, value[0]);\n }\n if (messages.disclaimer_checked) {\n this._addErrorToTarget(\n this.disclaimerCheckedTarget,\n messages.disclaimer_checked[0],\n );\n }\n }\n\n _handleConnectAccountError({ text }) {\n try {\n this._handleDataErrors(JSON.parse(text));\n } catch (e) {\n this._showFlashErrorMessage();\n }\n }\n\n _addErrorToTarget(target, message) {\n const errorEl = document.createElement('span');\n errorEl.classList.add('error');\n errorEl.innerText = message;\n\n target.classList.add('field_with_errors');\n target.appendChild(errorEl);\n }\n\n _removeErrorClass(target) {\n if (target.classList.contains('field_with_errors')) {\n target.classList.remove('field_with_errors');\n\n target.childNodes.forEach((el) => {\n if (el.tagName === 'SPAN' && el.classList.contains('error')) {\n el.remove();\n }\n });\n }\n }\n\n _hideDataFieldsErrors() {\n for (const key of this.sharedStoreErrorKeys) {\n setValueToStore(`dataFieldError_${key}`, null);\n }\n\n if (this.hasDisclaimerCheckedTarget) {\n this._removeErrorClass(this.disclaimerCheckedTarget);\n }\n\n if (this.hasConnectAccountCardTarget) {\n this._removeErrorClass(this.connectAccountCardTarget);\n }\n }\n\n _showFlashErrorMessage() {\n renderFlashError('Something went wrong. Try again later');\n setTimeout(hideFlashMessage, 3000);\n }\n}\n","// Load all the controllers within this directory and all subdirectories.\n// Controller files must be named *_controller.js.\n\nimport { Application } from 'stimulus';\nimport { definitionsFromContext } from 'stimulus/webpack-helpers';\n\nconst application = Application.start();\nconst context = require.context('controllers', true, /_controller\\.js$/);\napplication.load(definitionsFromContext(context));\n\nif (process.env.RAILS_ENV === 'production') {\n application.handleError = (error, message, detail) => {\n // eslint-disable-next-line no-console\n console.warn(message, detail);\n window.exceptionHandler.notify(error, {\n component: detail.identifier,\n message,\n });\n };\n}\n","import swipeDetect from 'swipe-detect';\nimport VideoPlayer from './video_player_controller';\n\nimport { subscribeTo } from '../sharedStore';\n\nexport default class extends VideoPlayer {\n static targets = [\n 'container',\n 'form',\n 'buttonContainer',\n 'redirectBack',\n ];\n\n timer = null;\n container = null;\n\n connect() {\n if (this.containerTarget.scrollHeight < this.responseAskTitleTarget.scrollHeight) {\n this.container = this.responseAskTitleTarget;\n } else {\n this.container = this.containerTarget;\n }\n\n if (!this.hasButtonContainerTarget && !this.isDisabled()) {\n this._bindRedirectActionListener();\n this._bindSwipeListener();\n }\n\n subscribeTo('videoEndedPlaying', this.redirectForward.bind(this));\n }\n\n disconnect() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n }\n\n redirectBack() {\n if (!this.hasButtonContainerTarget && !this.isDisabled()) {\n window.history.back();\n }\n }\n\n redirectForward() {\n if (!this.hasButtonContainerTarget && !this.isDisabled()) {\n this.formTarget.submit();\n }\n }\n\n _bindRedirectActionListener() {\n const timeout = parseInt(this.formTarget.dataset.timeout) * 1000;\n // We don't need create timeout for auto redirect when\n // conten timeout is null\n if (timeout) {\n this.timer = setTimeout(this.redirectForward.bind(this), timeout);\n }\n }\n\n _bindSwipeListener() {\n swipeDetect(this.container, function(direction) {\n switch (direction) {\n case 'right':\n this.redirectBack();\n break;\n case 'left':\n this.redirectForward();\n break;\n }\n }.bind(this));\n }\n\n isDisabled() {\n return this.data.get('disabled') === 'true';\n }\n}\n","import { Controller } from 'stimulus';\n\nimport { hideElement, showElement, isHiddenElement } from '../utils';\n\nimport { subscribeTo } from '../sharedStore';\n\nconst TITLE_HIDE_CLASS = 'hide-title-on-mobile';\nexport default class extends Controller {\n static targets = [\n 'playButton',\n 'playButtonContainer',\n 'responseFormContainer',\n 'responseAskTitle',\n 'cta',\n 'recordVideoControls',\n ];\n\n connect() {\n if (\n this.hasPlayButtonContainerTarget &&\n !isHiddenElement(this.playButtonContainerTarget)\n ) {\n this._hideRecordControls();\n }\n\n this._setInitialState();\n subscribeTo('videoStartedPlaying', this._showButtons.bind(this));\n subscribeTo('videoIsPlaying', this._toggleAskTitle.bind(this));\n }\n\n _showButtons() {\n if (this.hasResponseFormContainerTarget) {\n this.responseFormContainerTarget.classList.remove('hide-on-mobile');\n }\n\n if (this.hasCtaTarget) {\n this.ctaTarget.classList.remove('hide-on-mobile');\n }\n\n this._showRecordControls();\n }\n\n _toggleAskTitle(value) {\n if (this.hasResponseAskTitleTarget) {\n if (value) {\n this.responseAskTitleTarget.classList.add(TITLE_HIDE_CLASS);\n } else {\n this.responseAskTitleTarget.classList.remove(TITLE_HIDE_CLASS);\n }\n }\n }\n\n _setInitialState() {\n if (this._showActionButtons()) {\n if (this.hasResponseFormContainerTarget) {\n this.responseFormContainerTarget.classList.remove('hide-on-mobile');\n }\n\n if (this.hasCtaTarget) {\n this.ctaTarget.classList.remove('hide-on-mobile');\n }\n\n this._showRecordControls();\n }\n }\n\n _showActionButtons() {\n const startingScreen = this.data.get('starting-screen');\n\n if (startingScreen === 'play_button_first') {\n return false;\n }\n\n return true;\n }\n\n _hideRecordControls = () => {\n if (this.hasRecordVideoControlsTarget) {\n hideElement(this.recordVideoControlsTarget);\n }\n };\n\n _showRecordControls = () => {\n if (this.hasRecordVideoControlsTarget) {\n showElement(this.recordVideoControlsTarget);\n }\n };\n}\n","import {Controller} from 'stimulus';\nimport {showElement, hideElement} from '../utils';\n\nexport default class extends Controller {\n static targets = [\n 'source',\n 'form',\n 'colorBox',\n 'codeBlock',\n ];\n\n connect() {\n this.currentCodeBlock = 'basic';\n this._showCodeBlock();\n this._bindFormDataToTemplate();\n this.setColorBox();\n }\n\n _showCodeBlock = () => {\n this.codeBlockTargets.forEach((codeBlock) => {\n if (codeBlock.dataset.blockName === this.currentCodeBlock) {\n showElement(codeBlock);\n } else {\n hideElement(codeBlock);\n }\n });\n }\n\n _createTemplate = ({\n askUrl,\n dataUrl,\n widgetUrl,\n color,\n title,\n shape,\n position = 'right',\n }) => {\n const header = `\n \n`;\n const body = `\n`;\n\n return { header, body };\n };\n\n _bindFormDataToTemplate = () => {\n const { askUrl, dataUrl, widgetUrl } = this.sourceTarget.dataset;\n const form = this.formTarget;\n const title = form.title.value;\n const color = form.color.value;\n const position = form.position.value;\n const shape = form.shape.value;\n\n const { header, body } = this._createTemplate({\n askUrl,\n dataUrl,\n widgetUrl,\n color,\n title,\n position,\n shape,\n });\n\n this.sourceTargets.forEach((target) => {\n switch (target.dataset.widgetTabsTarget) {\n case 'widget-head':\n target.innerHTML = header;\n break;\n case 'widget-body':\n target.innerHTML = body;\n break;\n case 'widget':\n target.innerHTML = [header, body].join('\\n\\n');\n break;\n };\n });\n };\n\n setColorBox = (e) => {\n let color;\n\n if (e) {\n color = e.currentTarget.value;\n } else {\n color = this.formTarget.color.value;\n }\n\n if (this.color === color) {\n return;\n }\n\n this.color = color;\n this.colorBoxTarget.style.backgroundColor = color;\n }\n\n changeWidgetType = (e) => {\n const nextWidgetType = e.currentTarget.value;\n this.currentCodeBlock = nextWidgetType;\n\n this._showCodeBlock();\n }\n\n onFormUpdate = this._bindFormDataToTemplate;\n}\n","import { Controller } from 'stimulus';\nimport * as clipboard from 'clipboard-polyfill';\nimport _find from 'lodash/find';\n\nimport { hideElement, showElement } from '../utils';\n\nconst ACTIVE_SWITCHER_CLASS = 'popup__button--active';\nconst HEADER_SIZE = '60px';\nconst NOTICE_SHOW_TIME = 3000;\n\nexport default class extends Controller {\n static targets = [\n 'switcher',\n 'window',\n 'area',\n 'copyNotice',\n ]\n\n connect() {\n this._hideAll();\n this._showFirst();\n }\n\n _hideAll() {\n this.windowTargets.forEach(hideElement);\n this.switcherTargets.forEach((element) => element.classList.remove(ACTIVE_SWITCHER_CLASS));\n }\n\n _showFirst() {\n const panel = this.windowTargets[0];\n const button = this._findByReference(this.switcherTargets, panel.dataset.reference);\n\n button.classList.add(ACTIVE_SWITCHER_CLASS);\n showElement(panel);\n }\n\n _findByReference(elements, reference) {\n return elements.find((e) => e.dataset.reference === reference);\n }\n\n _activateByReference(reference) {\n const panel = this._findByReference(this.windowTargets, reference);\n const button = this._findByReference(this.switcherTargets, reference);\n\n button.classList.add(ACTIVE_SWITCHER_CLASS);\n showElement(panel);\n }\n\n _setNoticeTop({ target, scrollable }) {\n return () => {\n if (scrollable.scrollTop > 60) {\n target.style.top = `${scrollable.scrollTop}px`;\n } else {\n target.style.top = HEADER_SIZE;\n }\n };\n };\n\n /**\n * Exposed controller functions\n */\n changeTab(e) {\n this._hideAll();\n this._activateByReference(e.currentTarget.dataset.reference);\n }\n\n copy(e) {\n const targetName = e.currentTarget.dataset.widgetTabsTarget;\n const element = this.areaTargets.find((e) => e.dataset.widgetTabsTarget === targetName);\n\n clipboard.writeText(element.value);\n this.showCopyNotice();\n }\n\n showCopyNotice() {\n const target = this.copyNoticeTarget;\n const scrollable = _find(\n document.getElementsByClassName('popup'),\n (e) => !e.classList.contains('hidden')\n );\n const setNoticePosition = this._setNoticeTop({ target, scrollable });\n\n setNoticePosition();\n showElement(target);\n scrollable.addEventListener(\n 'scroll',\n setNoticePosition\n );\n\n if (this.timeout) {\n clearTimeout(this.timeout);\n };\n\n this.timeout = setTimeout(\n () => {\n hideElement(this.copyNoticeTarget);\n scrollable.removeEventListener('scroll', setNoticePosition);\n },\n NOTICE_SHOW_TIME,\n );\n }\n}\n","import { Controller } from 'stimulus';\nimport { hideElement, showElement, isHiddenElement } from '../utils';\n\nexport default class extends Controller {\n static targets = [\n 'trigger',\n 'window',\n ];\n\n\n toggle(e) {\n const popup = this._findPopup(e.currentTarget.dataset.reference);\n\n this._toggleWindow(popup);\n }\n\n _toggleWindow(popup) {\n if (isHiddenElement(popup)) {\n showElement(popup);\n this._setBodyOverflow('hidden');\n } else {\n hideElement(popup);\n this._setBodyOverflow('auto');\n }\n }\n\n _findPopup(reference) {\n const finder = (element) => element.dataset.reference === reference;\n return this.windowTargets.find(finder);\n }\n\n _setBodyOverflow(value) {\n document.body.style.overflow = value;\n }\n}\n","import { DirectUpload } from '@rails/activestorage';\n\nexport class Uploader {\n constructor(blob, url, uploadPercentage, uploadProgress, cancelCallback, onComplete) {\n this.uploadPercentage = uploadPercentage;\n this.uploadProgress = uploadProgress;\n this.blob = blob;\n this.url = url;\n this.cancelCallback = cancelCallback;\n this.onComplete = onComplete;\n }\n\n create(callback) {\n const uploader = new DirectUpload(this.blob, this.url, this);\n uploader.create(callback);\n }\n\n directUploadWillStoreFileWithXHR(request) {\n this.cancelCallback(request);\n\n request.upload.addEventListener('progress',\n event => this._directUploadDidProgress(event));\n if (this.onComplete) {\n request.addEventListener('load', this.onComplete, false);\n }\n }\n\n _directUploadDidProgress(event) {\n const percent = Math.round(event.loaded / event.total * 100);\n\n this._updateProgressBar(percent);\n }\n\n _updateProgressBar(percent) {\n this.uploadPercentage.innerHTML = `${percent}%`;\n this.uploadProgress.style.width = `${percent}%`;\n }\n}\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","Label","styled","html","style","useState","content","setContent","parsedTextWithReferences","useUpdateReferencesTags","useEffect","text","key","nanoid","name","UploadButtons","onCancel","cancelButtonRef","submitButtonRef","ctaButtonContent","ctaButtonStyle","className","type","onClick","ref","buttonRef","percentageRef","progressBarRef","cancelUpload","file","hidden","uploadUrl","refreshState","uploadCreateCallback","React","progressPercentageRef","activeUpload","handleUploadMedia","setActiveUploadRequest","request","current","Uploader","create","intervalId","setInterval","abort","clearInterval","uploadMediaValidator","responder","message","UNSUPPORTED_TYPE_ERROR_MESSAGE","includes","ALL_ALLOWED_FILE_TYPES","VIDEO_TYPE_ERROR_MESSAGE","size","VIDEO_SIZE_LIMIT","VIDEO_SIZE_ERROR_MESSAGE","BACKGROUND_VIDEO_SIZE_ERROR_MESSAGE","PREVIEWABLE_VIDEO_TYPES","IMAGE_SIZE_LIMIT","IMAGE_SIZE_ERROR_MESSAGE","BACKGROUND_IMAGE_SIZE_ERROR_MESSAGE","ALLOWED_IMAGE_TYPES","IMAGE_TYPE_ERROR_MESSAGE","FILE_SIZE_LIMIT","FILE_SIZE_ERROR_MESSAGE","initialValue","onTimerEnd","formatTimer","secondsLeft","setSecondsLeft","timer","setTimeout","clearTimeout","Date","toTimeString","substring","setButtonsWrapperClassName","askerSide","setHelpTextClassName","setCountdownClassName","setMediaWrapperClassNames","backgroundIsColor","setClassName","setVideoTagClassNames","backgroundLayout","blob","uuid","recordingState","setRecordingState","setSignedIdObj","startRecording","stopRecording","resetToInitial","closeRecordPage","error","signed_id","params","signedId","ask","background_video_signed_id","ugc_media_response","video_signed_id","buildParams","updateMedia","then","response","ok","value","RESPONSE_PREVIEW","INITIAL","display","COUNTDOWN","RECORDING","UPLOADING","UploadingState","renderContent","cancelPath","directUploadUrl","mediaResponse","latest_attachment","setDefaultRecordingState","setBlob","responses","setResponses","setDefaultSignedIdObj","signedIdObj","signedIdIsEmpty","_isEmpty","fileInputRef","videoRef","useRef","videoStream","recorder","isMobile","addEventListener","fileUploadListener","removeEventListener","captureCamera","RecordRTC","bitsPerSecond","canvas","width","height","target","files","navigator","mediaDevices","getUserMedia","audio","video","stream","muted","volume","srcObject","stopRecordingCallback","videoBlob","getBlob","destroy","accept","capture","autoPlay","playsInline","VideoBackground","sources","URL","createObjectURL","ResponsePreview","attachment","click","window","Turbo","visit","location","href","useContext","ReferencesContext","references","dispatch","parsedText","split","match","ADD_REFERENCE","payload","reference","borderRadius","ProgressContainer","Progress","amount","isFull","progress","full","Container","CurrentAmount","Caption","Description","MetricWrapper","SocialMetricName","SocialMetricValue","toInteger","v","_parseInt","toString","_isNaN","_isString","_isNumber","prepareProgressValues","currentAmount","restGoal","splitted","otherGoalAmount","otherGoal","otherGoalName","otherAmountMatch","otherGoalMatch","goal","raiseAmountByBlock","raiseAmountByExperience","raiseAmountByAsker","raiseAmountByVariant","raiseGoalType","raiseGoal","raiseGoalName","raiseCurrency","rest","raiseAmount","commaFormatter","restLabel","join","Number","AskMetric","props","submissionsMetric","amountRaisedMetric","amountRaisedByExperienceMetric","amountRaisedByAskerMetric","amountRaisedByVariantMetric","otherMetric","socialMetrics","withGoalProgress","isPreview","flexWrap","EditableReferenceLabel","borderWidth","padding","dangerouslySetInnerHTML","__html","renderGoalProgress","amountRaisedMetricName","amountRaisedByExperienceMetricName","amountRaisedByAskerMetricName","amountRaisedByVariantMetricName","submissionsMetricName","submissionAmount","otherMetricName","otherMetricAmount","metricStrings","prepareCurrentAmount","_isNull","kFormatter","push","metricValue","metricName","prepareCurrentOtherAmount","_uniqueId","renderSocialMetrics","PropTypes","defaultProps","NaN","submissionGoal","BottomBar","askMetric","MetricsBottomBar","DefaultMetricsPropTypes","Logo","logoUrl","BrandingName","Anchor","schemalessUrl","styles","marginTop","backgroundColor","position","transform","fontSize","color","border","right","zIndex","mr","pr","p","lineHeight","boxShadow","MozAppearance","WebkitAppearance","margin","fontWeight","letterSpacing","overflow","whiteSpace","transition","top","TextField","defaultValue","label","helperText","onFocus","disabled","multiline","cssStyle","onChange","valueAttribute","scrollIntoView","sx","mt","marginRight","mb","marginBottom","ml","marginLeft","opacity","variant","rows","inputRef","inputProps","InputProps","disableUnderline","m","WebkitTextFillColor","InputLabelProps","disableAnimation","getLabelMarginTop","paddingTop","background","FormHelperTextProps","DateSelector","selectedDate","setSelectedDate","LocalizationProvider","dateAdapter","AdapterDateFns","DesktopDatePicker","onAccept","renderInput","PaperProps","formControl","paddingRight","inputLabel","pointerEvents","inputLabelClasses","select","borderColor","cursor","formHelperText","getCustomizedFormControlsStyles","getCustomizedNativeSelectStyles","disabledTextColor","Select","options","isCurrentlyEmployed","onSelect","_isNil","setValue","FormControl","InputLabel","htmlFor","NativeSelect","event","IconComponent","ChevronDown","input","InputBase","FormHelperText","Checkbox","required","checkboxHidden","booleanDefaultValue","getBooleanFromString","FormControlLabel","minHeight","boxSizing","pl","bgcolor","control","checked","disableRipple","optionId","setOptionId","defaultOption","find","option","selectedOption","selectedOptions","dataset","optionName","MoneyTextField","fieldCurrency","number","replace","endAdornment","InputAdornment","textTransform","CURRENCY_SIGN_MAP","toUpperCase","onPopover","editor","useSlate","selection","setSelection","anchoreEl","setAnchoreEl","inputValue","setInputValue","setError","handleOpen","useCallback","link","activeLink","url","currentTarget","handleClose","handleUnlink","preventDefault","unwrapLink","handleLink","insertLink","isUrl","open","Boolean","undefined","isActive","iconColor","handleClick","popover","buttonProps","Link","Popover","onClose","anchorEl","anchorOrigin","vertical","horizontal","transformOrigin","Input","placeholder","autoFocus","paletteColors","setOpen","popoverIsOpen","setPopoverIsOpen","setAnchorEl","placement","setPlacement","useHorizontalScroll","scrollContainerRef","handleScroll","isAtStart","isAtEnd","closeToolbar","openToolbar","getMobileOS","Range","Editor","node","selectedEl","ReactEditor","getBoundingClientRect","nodeType","Popper","disablePortal","Box","maxWidth","overflowX","overflowY","left","bottom","onScroll","ClickAwayListener","onClickAway","mouseEvent","touchEvent","Stack","direction","alignItems","menuItems","FONT_WEIGHT_MENU_ITEMS","ariaLabel","ColorPicker","HighlightPicker","ParagraphButton","isOpen","Transforms","edge","MarkButton","format","BlockButton","LetterSettings","SlateInput","renderElement","renderLeaf","I","slateInput","RichTextField","_isObject","JSON","parse","titleElements","buildSlateElements","elements","setElements","firstRender","withMention","withLinks","withHistory","withReact","createEditor","at","elementProps","Element","Leaf","textValue","elementsToText","shrink","inputComponent","readOnly","slateToHtml","stringify","ProgressBar","visible","px","clip","clipPath","flexDirection","justifyContent","Typography","component","justifySelf","ClearOutlined","UploadField","fileName","setFileName","uploading","setUploading","setSignedId","errorMessage","setErrorMessage","handleClear","useDropzone","noClick","multiple","validator","onDropAccepted","acceptedFiles","onDropRejected","rejectedFiles","errors","getRootProps","getInputProps","isDragAccept","isDragReject","outline","py","CloudUploadOutlined","noWrap","DeleteOutlineOutlined","SignaturePad","onSave","onClear","canvasRef","isUploading","Modal","disableEnforceFocus","maxHeight","tabIndex","flex","Button","disableFocusRipple","disableElevation","disableTouchRipple","fontFamily","LoadingButton","loading","SignatureField","setIsUploading","isEmpty","setIsEmpty","svg","setSvg","DrawOutlined","Clear","clear","toSVG","timestamp","getTime","File","DirectUpload","currentlyEmployedOptions","DataFieldWrapper","parsedHtml","richText","titleHtml","previewHtmlLabel","toHtmlWithStyledReferences","subscribeTo","errorKey","handleStimulusError","preparedMultipleChoiceOptions","baseProps","previewDefaultValue","useReferenceName","COUNTRIES_FOR_SELECT","multipleChoiceOptions","title","DataFieldContainer","halfWidth","halfWidthTypes","typesMapper","first_name","last_name","setType","field","attributes","isHalfWidth","prev","next","currentType","nextType","prevType","initialCssStyle","borderStyle","checkboxInitialCssStyle","fields","currency","disabledFields","askLabel","theme","createTheme","typography","overrides","MuiInputLabel","root","inputName","index","attrName","parseErrors","errorMessages","ThemeProvider","BlockLabel","item","length","dataFieldId","getResponse","isHidden","_omitBy","initialStyles","textAlign","paddingBottom","paddingLeft","checkedStyles","children","isChecked","flexGrow","flexBasis","paymentOptions","withCustom","baseParams","chunkSize","_chunk","chunk","amountNumber","InlineEditInputPrompt","Prefix","InputPrefix","DisabledPrefix","InputField","StyledInputNoLeftRadius","InlineEditInputWrapper","InputWrapper","Postfix","DisabledPostfix","InlineEditInput","amountInputProps","noMargin","icon","postfixIcon","activeInputField","disabledInputField","DonationTypeWrapper","DonationTypeTitle","ButtonWrapper","RadioButton","RadioLabel","radioButtons","setDonationType","handleChange","isOtherAmount","amounts","DONATION_TYPE_VALUES","both","one_time","recurring","getDonationType","defaultDonationType","paymentType","DonationAmountsSelector","donationType","isCustomDonation","ctaButtonDisabled","defaultCheckedAmount","parseInt","parseDefaultAmount","checkedAmount","setCheckedAmount","isOther","otherChecked","setOtherChecked","otherAmount","setOtherAmount","currencySymbol","donationTypeValue","setDonationTypeValue","buttonTitle","useMemo","isOtherChecked","haveNotOneAmountOption","donationTypeIsBoth","donationTypeIsRecurring","AmountButtons","CtaButton","document","querySelector","requestSubmit","OptionButtonTemplate","MultiSelectOptionButton","SingleSelectOptionButton","selected","OtherButtonContainer","ActionButton","darken","ActionButtonRounded","InnerContentContainerForButton","CancelButton","EditButton","OtherButtonInput","OtherButtonInputRounded","ErrorMessage","IndicatorsContainer","c","src","container","valueContainer","menuList","state","selectProps","responsive","menu","isFocused","borderBottom","multiValue","multiValueLabel","multiValueRemove","indicatorsContainer","clearIndicator","indicatorSeparator","filterOption","candidate","val","_trim","_lowerCase","data","__isNew__","ReferenceOption","innerProps","innerRef","creatable","classNamePrefix","isClearable","isSearchable","maxMenuHeight","menuPlacement","closeMenuOnSelect","isMulti","formatCreateLabel","components","Option","SingleValue","blurInputOnSelect","OtherInputContainer","prepareDefaultOptions","defaultValues","_compact","_uniqBy","OtherOptionInput","onKeyPress","basicOptions","currentValues","otherOptionId","withOtherOption","responseId","defaultOptions","prepareDefaultValues","setOptions","setSelectedOptions","otherInputIsActive","setOtherInputIsActive","otherInputValue","setOtherInputValue","defaultMenuIsOpen","setDefaultMenuIsOpen","customProps","onCreateOption","formedOption","nextOptions","filter","nextSelectedOptions","multiple_choice_option_responses","_isArray","multiple_choice_option_name","multiple_choice_option_id","wretch","put","json","redirect_url","catch","responsesErrors","prepareErrorMessage","previewHtmlTitle","multipleChoiceId","textTitle","htmlTitle","role","CheckCircle","exceptionHandler","notify","disabledOtherButton","currentValue","otherName","setOtherName","isEditing","setIsEditing","handleSubmit","onOtherNameChange","shouldBeOpened","setChecked","isValid","String","trim","handleKeyPress","handleChecked","startEditing","stopPropagation","cancelEditing","saveValue","setParentErrorMessage","setCurrentValues","otherValue","otherOption","setOtherOption","handleButtonClick","handleCurrentValuesChange","nextValue","nextState","cId","isSelected","allOptions","newArray","el","localError","globalError","localMessage","globalMessage","MarginTop","shouldRenderButtons","titleSize","optionsLength","selector","isButtons","setIsButtons","selectorProps","addTransparency","Step","transparent","StepsContainer","count","stepsCount","currentStep","blockWithMedia","steps","step","renderSteps","SubmitButton","expResponseId","isVisible","formRef","action","method","withProgressBar","ShareIconWrapper","DropdownListContainer","Tooltip","tooltips","shareUrl","isOpenOnHover","setIsOpenOnHover","isOpenPermanently","setIsOpenPermanently","copyTooltipText","setCopyTooltipText","dropdownRef","closeDropdown","handleClickOutside","contains","onMouseEnter","onMouseLeave","clipboard","writeText","standardMessage","FacebookShareButton","resetButtonStyle","TwitterShareButton","EmailShareButton","openShareDialogOnClick","supportWebshare","file_url","UploadedFile","UploadedImage","preview","setFiles","assign","makeToast","forEach","revokeObjectURL","responderVideoPlayer","backgroundVideoTag","uploadButton","ugcSelectorsWrapper","uploadedFilePreview","classList","add","pause","remove","onclick","signedIdPropertyName","content_type","ALLOWED_VIDEO_TYPES","PlayButton","ControlButtonsContainer","withShareIcon","ControlButton","StyledPlayer","Player","layout","ClickableBackground","LoadingSpinner","playButtonIsHidden","readyState","CircularProgress","hidePlayButton","onVideoPlaying","onPlayButtonClick","placeholderImageUrl","setMuted","loop","setLoop","controlsAreHidden","setControlsAreHidden","isPlaying","setIsPlaying","setWithProgressBar","setReadyState","player","handlePostMessage","handlePlayerStateChange","progressBar","play","actions","toggleFullscreen","poster","subscribeToStateChange","lazyLoadInstance","LazyLoad","update","seek","setValueToStore","fluid","onEnded","onPause","source","disableCompletely","Shortcut","clickable","VideoContainer","hiddenOnMobile","LazyImage","BackgroundImage","imageUrl","backgroundMediaOpacity","BackgroundVideo","videoSources","controls","mediaStyles","objectFit","settings","backgroundColorOverlay","backgroundMediaIsImage","backgroundMediaIsVideo","styledLabel","pt","withMediaBackground","contentLayout","parseToRgb","alpha","readableColor","withStyledButtonText","styledContent","enabled","IconButton","findButton","buttons","b","NavigationButtons","skippable","controllerName","staticPosition","isMultiSelect","responseIsPublished","backPath","backIsDisabled","setBackIsDisabled","forwardIsDisabled","setForwardIsDisabled","backButton","forwardButton","ChevronLeft","forms","ctaButton","ChevronRight","Icon","fontColor","restProps","Textarea","ResponseTextField","textRef","setTextareaHeight","scrollHeight","focus","ugc_text","Component","textOverflow","ToastWrapper","DEFAULT_TOAST_ID","getToastOffset","topOffset","currentPosition","pageYOffset","Toast","setTop","findOrCreateElement","element","getElementById","createElement","setAttribute","body","insertBefore","lastElementChild","nextElementSibling","backgroundColorByType","timeout","render","this","sourceTarget","Controller","hideFlashMessage","flashContainer","hideElement","renderFlashError","messageClass","wrappedMessage","innerHTML","showElement","i","PAYMENT_TYPE_CARD","PAYMENT_TYPE_BANK","callbacks","self","func","getCardToken","fn","connectBankAccount","confirmBankAccountPayment","methods","paymentMethods","obj","selectedPaymentMethod","billingDetails","_enableSubmit","bind","_setOriginalButtonContent","_setButtonLoader","_handleSubmitSuccess","_handleSubmitError","_handleConfirmError","_handleConnectAccountError","get","_whenStripeAvailable","submitTarget","_hideDataFieldsErrors","responseUuid","dataParams","_findDataParams","post","payment_intent","client_secret","_findBillingDetailsParams","result","_handleCreditCardErrors","error_message","_addErrorToTarget","connectAccountCardTarget","connectAccountTarget","err","kind","originalContent","_replaceAmountWithTotal","totalAmount","total","payment_method","payment_method_card_funding","card_funding","preparedAttributes","Array","from","querySelectorAll","reduce","acc","fieldValue","idHiddenInput","dataFieldIdHiddenInput","mcOptionIdHiddenInput","richTextTitleInput","data_field_id","mc_option_id","richTextTitleHtmlInput","richTextTitleElementsInput","title_html","title_elements","data_field_responses_attributes","hasDisclaimerCheckedTarget","disclaimerValue","disclaimerCheckedTarget","disclaimer_checked","fieldType","email","address","postal_code","redirect","redirectUrl","fbq","experience_id","experienceUuid","experience_name","experienceTitle","donationAmount","payment_type","_handleDataErrors","_showFlashErrorMessage","messages","already_charged","entries","sharedStoreErrorKeys","errorEl","innerText","appendChild","childNodes","tagName","_removeErrorClass","hasConnectAccountCardTarget","application","Application","context","require","load","definitionsFromContext","handleError","detail","console","warn","identifier","containerTarget","responseAskTitleTarget","hasButtonContainerTarget","isDisabled","_bindRedirectActionListener","_bindSwipeListener","redirectForward","history","back","formTarget","submit","swipeDetect","redirectBack","VideoPlayer","TITLE_HIDE_CLASS","hasRecordVideoControlsTarget","recordVideoControlsTarget","hasPlayButtonContainerTarget","isHiddenElement","playButtonContainerTarget","_hideRecordControls","_setInitialState","_showButtons","_toggleAskTitle","hasResponseFormContainerTarget","responseFormContainerTarget","hasCtaTarget","ctaTarget","_showRecordControls","hasResponseAskTitleTarget","_showActionButtons","_bindFormDataToTemplate","codeBlockTargets","codeBlock","blockName","currentCodeBlock","askUrl","dataUrl","widgetUrl","shape","header","form","_createTemplate","sourceTargets","widgetTabsTarget","colorBoxTarget","nextWidgetType","_showCodeBlock","setColorBox","ACTIVE_SWITCHER_CLASS","_hideAll","_showFirst","windowTargets","switcherTargets","panel","_findByReference","scrollable","scrollTop","_activateByReference","targetName","areaTargets","showCopyNotice","copyNoticeTarget","_find","getElementsByClassName","setNoticePosition","_setNoticeTop","popup","_findPopup","_toggleWindow","_setBodyOverflow","uploadPercentage","uploadProgress","cancelCallback","onComplete","callback","upload","_directUploadDidProgress","percent","Math","round","loaded","_updateProgressBar"],"sourceRoot":""}