\n \n - \n Draw a text field on the page with a mouse\n
\n - \n Drag & drop any other field type on the page\n
\n - \n Click on the field type above to add it to the form without drawing it on the document\n
\n
\n \n\n\n\n","\n \n \n \n
\n
\n \n \n
\n
\n \n \n Required\n \n
\n \n \n \n Page {{ area.page + 1 }}\n \n \n \n \n \n Draw New Area\n \n \n \n \n \n Copy to All Pages\n \n \n \n \n \n \n \n \n \n \n \n \n {{ index + 1 }}.\n \n 0 || field.areas.find((a) => a.option_uuid) || !field.areas.length) && !field.areas.find((a) => a.option_uuid === option.uuid)\"\n class=\"items-center flex w-full\"\n >\n \n \n \n \n \n \n \n ×\n \n \n \n + Add option\n \n \n \n \n\n\n\n","\n \n \n {{ value }}\n \n \n *\n \n \n \n\n\n\n","import { render } from \"./contenteditable.vue?vue&type=template&id=18c36aba\"\nimport script from \"./contenteditable.vue?vue&type=script&lang=js\"\nexport * from \"./contenteditable.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n \n \n \n \n \n \n \n \n \n {{ fieldNames[type] }}\n \n \n \n \n \n\n\n\n","import { render } from \"./field_type.vue?vue&type=template&id=1cb7938a\"\nimport script from \"./field_type.vue?vue&type=script&lang=js\"\nexport * from \"./field_type.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n \n \n \n \n \n \n {{ currency }}\n \n \n \n Currency\n \n \n \n \n \n Price\n \n \n \n \n \n Stripe Connected\n \n \n \n \n \n \n \n \n \n \n Connect Stripe\n \n \n \n \n \n Connect Stripe\n \n \n \n \n \n \n \n\n\n\n","import { render } from \"./payment_settings.vue?vue&type=template&id=53c1d214\"\nimport script from \"./payment_settings.vue?vue&type=script&lang=js\"\nexport * from \"./payment_settings.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./field.vue?vue&type=template&id=50edcc7f\"\nimport script from \"./field.vue?vue&type=script&lang=js\"\nexport * from \"./field.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n
\n
\n
\n
\n \n \n \n \n \n \n \n \n {{ submitter.name }}\n \n \n 1 && editable\"\n class=\"px-2\"\n @click.stop=\"remove(submitter)\"\n >\n \n \n \n \n \n \n \n \n Add {{ names[submitters.length] }}\n \n \n \n \n \n
\n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n {{ submitter.name }}\n \n \n 1 && editable\"\n class=\"hidden group-hover:block px-2\"\n @click.stop=\"remove(submitter)\"\n >\n \n \n \n \n \n \n \n \n Add {{ names[submitters.length] }}\n \n \n \n \n \n\n\n\n","import { render } from \"./field_submitter.vue?vue&type=template&id=14b1e940\"\nimport script from \"./field_submitter.vue?vue&type=script&lang=js\"\nexport * from \"./field_submitter.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n \n \n \n \n \n \n \n\n\n\n","import { render } from \"./icon_drag.vue?vue&type=template&id=48fe12a0\"\nimport script from \"./icon_drag.vue?vue&type=script&lang=js\"\nexport * from \"./icon_drag.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./fields.vue?vue&type=template&id=460da74c\"\nimport script from \"./fields.vue?vue&type=script&lang=js\"\nexport * from \"./fields.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n
\n \n \n Draw {{ fieldNames[drawField.type] }} Field \n
\n \n Cancel\n \n \n
s.uuid === $event))\"\n />\n \n
\n
\n \n \n \n \n \n
\n \n \n \n ×\n \n
\n \n \n ↑\n \n \n ↓\n \n \n
\n \n
\n \n\n\n\n","\n \n {{ message }}\n \n \n \n \n\n\n\n","import { render } from \"./replace.vue?vue&type=template&id=09a7b6ce\"\nimport script from \"./replace.vue?vue&type=script&lang=js\"\nexport * from \"./replace.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./preview.vue?vue&type=template&id=3823ca48\"\nimport script from \"./preview.vue?vue&type=script&lang=js\"\nexport * from \"./preview.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n \n \n \n \n ↑\n \n \n ↓\n \n \n ×\n \n
\n\n\n\n","import { render } from \"./controls.vue?vue&type=template&id=dfd72e8c\"\nimport script from \"./controls.vue?vue&type=script&lang=js\"\nexport * from \"./controls.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./builder.vue?vue&type=template&id=9f66f0b8\"\nimport script from \"./builder.vue?vue&type=script&lang=js\"\nexport * from \"./builder.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { actionable } from '@github/catalyst/lib/actionable'\n\nexport default actionable(class extends HTMLElement {\n trigger (event) {\n const elementIds = JSON.parse(this.dataset.elementIds)\n\n elementIds.forEach((elementId) => {\n document.getElementById(elementId).classList.toggle('hidden', event.target.value !== elementId)\n })\n }\n})\n","export default class extends HTMLElement {\n static observedAttributes = ['class']\n\n connectedCallback () {\n this.trigger()\n }\n\n attributeChangedCallback (attributeName, oldValue, newValue) {\n if (attributeName === 'class' && oldValue !== newValue) {\n this.trigger()\n }\n }\n\n trigger () {\n const hasHiddenClass = this.classList.contains('hidden')\n const elements = this.querySelectorAll('input, textarea, select')\n\n elements.forEach((element) => {\n if (hasHiddenClass) {\n element.disabled = true\n\n if (!element.dataset.wasRequired) {\n element.dataset.wasRequired = element.required\n }\n\n element.required = false\n } else {\n element.disabled = false\n\n if (element.dataset.wasRequired) {\n element.required = element.dataset.wasRequired === 'true'\n\n delete element.dataset.wasRequired\n }\n }\n })\n }\n}\n","import { actionable } from '@github/catalyst/lib/actionable'\n\nexport default actionable(class extends HTMLElement {\n connectedCallback () {\n document.body.classList.add('overflow-hidden')\n\n document.addEventListener('keyup', this.onEscKey)\n\n document.addEventListener('turbo:before-cache', this.close)\n\n if (this.dataset.closeAfterSubmit !== 'false') {\n document.addEventListener('turbo:submit-end', this.onSubmit)\n }\n }\n\n disconnectedCallback () {\n document.body.classList.remove('overflow-hidden')\n\n document.removeEventListener('keyup', this.onEscKey)\n document.removeEventListener('turbo:submit-end', this.onSubmit)\n document.removeEventListener('turbo:before-cache', this.close)\n }\n\n onSubmit = (e) => {\n if (e.detail.success) {\n this.close()\n }\n }\n\n onEscKey = (e) => {\n if (e.code === 'Escape') {\n this.close()\n }\n }\n\n close = (e) => {\n e?.preventDefault()\n\n this.remove()\n }\n})\n","import { actionable } from '@github/catalyst/lib/actionable'\nimport { target, targetable } from '@github/catalyst/lib/targetable'\n\nexport default actionable(targetable(class extends HTMLElement {\n static [target.static] = [\n 'loading',\n 'icon',\n 'input'\n ]\n\n connectedCallback () {\n if (this.dataset.isDirectUpload === 'true') {\n import('@rails/activestorage')\n }\n\n this.addEventListener('drop', this.onDrop)\n\n this.addEventListener('dragover', (e) => e.preventDefault())\n\n document.addEventListener('turbo:submit-end', this.toggleLoading)\n }\n\n disconnectedCallback () {\n document.removeEventListener('turbo:submit-end', this.toggleLoading)\n }\n\n onDrop (e) {\n e.preventDefault()\n\n this.input.files = e.dataTransfer.files\n\n this.uploadFiles(e.dataTransfer.files)\n }\n\n onSelectFiles (e) {\n e.preventDefault()\n\n this.uploadFiles(this.input.files)\n }\n\n toggleLoading = (e) => {\n if (e && e.target && !e.target.contains(this)) {\n return\n }\n\n this.loading.classList.toggle('hidden')\n this.icon.classList.toggle('hidden')\n this.classList.toggle('opacity-50')\n }\n\n async uploadFiles (files) {\n this.toggleLoading()\n\n if (this.dataset.isDirectUpload === 'true') {\n const { DirectUpload } = await import('@rails/activestorage')\n\n await Promise.all(\n Array.from(files).map(async (file) => {\n const upload = new DirectUpload(\n file,\n '/direct_uploads',\n this.input\n )\n\n return new Promise((resolve, reject) => {\n upload.create((error, blob) => {\n if (error) {\n console.error(error)\n\n return reject(error)\n } else {\n return resolve(blob)\n }\n })\n }).catch((error) => {\n console.error(error)\n })\n })\n ).then((blobs) => {\n if (this.dataset.submitOnUpload) {\n this.querySelectorAll('[name=\"blob_signed_ids[]\"]').forEach((e) => e.remove())\n }\n\n blobs.forEach((blob) => {\n const input = document.createElement('input')\n\n input.type = 'hidden'\n input.name = 'blob_signed_ids[]'\n input.value = blob.signed_id\n\n this.append(input)\n })\n\n if (this.dataset.submitOnUpload === 'true') {\n this.closest('form').querySelector('button[type=\"submit\"]').click()\n }\n }).finally(() => {\n if (this.dataset.submitOnUpload !== 'true') {\n this.toggleLoading()\n }\n })\n } else {\n if (this.dataset.submitOnUpload) {\n this.closest('form').querySelector('button[type=\"submit\"]').click()\n }\n }\n }\n}))\n","export default class extends HTMLElement {\n connectedCallback () {\n this.querySelectorAll('a').forEach((link) => {\n if (document.location.pathname.startsWith(link.pathname) && !link.getAttribute('href').startsWith('http')) {\n link.classList.add('bg-base-300')\n }\n })\n }\n}\n","export default class extends HTMLElement {\n connectedCallback () {\n this.clearChecked()\n\n this.addEventListener('click', (e) => {\n e.stopPropagation()\n\n const text = this.dataset.text || this.innerText.trim()\n\n if (navigator.clipboard) {\n navigator.clipboard.writeText(text)\n } else {\n if (e.target.tagName !== 'INPUT') {\n alert(`Clipboard not available. Make sure you're using https://\\nCopy text: ${text}`)\n }\n }\n })\n }\n\n clearChecked () {\n this.querySelectorAll('input').forEach((e) => {\n e.checked = false\n })\n }\n}\n","import { actionable } from '@github/catalyst/lib/actionable'\nimport { targets, targetable } from '@github/catalyst/lib/targetable'\n\nexport default actionable(targetable(class extends HTMLElement {\n static [targets.static] = ['items']\n\n addItem (e) {\n e.preventDefault()\n\n const originalItem = this.items[0]\n const duplicateItem = originalItem.cloneNode(true)\n const uniqueId = Math.floor(Math.random() * 10 ** 16)\n\n duplicateItem.querySelectorAll(\"select, textarea, input:not([type='hidden'])\").forEach((input) => {\n input.value = ''\n input.checked = false\n input.removeAttribute('selected')\n })\n\n duplicateItem.querySelectorAll('select, textarea, input').forEach((input) => {\n input.name = input.name.replace('[1]', `[${uniqueId}]`)\n })\n\n duplicateItem.querySelectorAll('a.hidden').forEach((button) => button.classList.toggle('hidden'))\n\n originalItem.parentNode.append(duplicateItem)\n }\n\n removeItem (e) {\n e.preventDefault()\n\n this.items.find((item) => item.contains(e.target))?.remove()\n }\n}))\n","import { target, targetable } from '@github/catalyst/lib/targetable'\n\nexport default targetable(class extends HTMLElement {\n static [target.static] = ['defaultButton', 'loadingButton']\n\n connectedCallback () {\n this.addEventListener('click', () => this.downloadFiles())\n }\n\n toggleState () {\n this.defaultButton?.classList?.toggle('hidden')\n this.loadingButton?.classList?.toggle('hidden')\n }\n\n downloadFiles () {\n if (!this.dataset.src) return\n\n this.toggleState()\n\n fetch(this.dataset.src).then((response) => response.json()).then((urls) => {\n const fileRequests = urls.map((url) => {\n return () => {\n return fetch(url).then(async (resp) => {\n const blobUrl = URL.createObjectURL(await resp.blob())\n const link = document.createElement('a')\n\n link.href = blobUrl\n link.setAttribute('download', decodeURI(url.split('/').pop()))\n\n link.click()\n\n URL.revokeObjectURL(url)\n })\n }\n })\n\n fileRequests.reduce(\n (prevPromise, request) => prevPromise.then(() => request()),\n Promise.resolve()\n )\n\n this.toggleState()\n })\n }\n})\n","export default class extends HTMLElement {\n connectedCallback () {\n if (this.dataset.inputId) {\n document.getElementById(this.dataset.inputId).value = document.location.origin\n }\n }\n}\n","export default class extends HTMLElement {\n connectedCallback () {\n if (this.dataset.inputId) {\n const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n if (this.dataset.params === 'true') {\n const params = new URLSearchParams(this.input.value)\n\n params.set('timezone', timezone)\n\n this.input.value = params.toString()\n } else {\n this.input.value = timezone\n }\n }\n }\n\n get input () {\n return document.getElementById(this.dataset.inputId)\n }\n}\n","export default class extends HTMLElement {\n connectedCallback () {\n this.resize()\n\n this.textarea.addEventListener('input', () => this.resize())\n }\n\n resize () {\n if (this.textarea.clientHeight < this.textarea.scrollHeight) {\n this.textarea.style.height = `${this.textarea.scrollHeight}px`\n }\n }\n\n get textarea () {\n return this.querySelector('textarea')\n }\n}\n","import autocomplete from 'autocompleter'\n\nexport default class extends HTMLElement {\n connectedCallback () {\n autocomplete({\n input: this.input,\n preventSubmit: 1,\n minLength: 1,\n showOnFocus: true,\n onSelect: this.onSelect,\n render: this.render,\n fetch: this.fetch\n })\n }\n\n onSelect = (item) => {\n const fields = ['email', 'name', 'phone']\n const submitterItemEl = this.closest('submitter-item')\n\n fields.forEach((field) => {\n const input = submitterItemEl.querySelector(`submitters-autocomplete[data-field=\"${field}\"] input`)\n const textarea = submitterItemEl.querySelector(`submitters-autocomplete[data-field=\"${field}\"] textarea`)\n\n if (input && item[field]) {\n input.value = item[field]\n }\n\n if (textarea && item[field]) {\n textarea.value = textarea.value.replace(/[^;,\\s]+$/, item[field] + ' ')\n }\n })\n }\n\n fetch = (text, resolve) => {\n const q = text.split(/[;,\\s]+/).pop().trim()\n\n if (q) {\n const queryParams = new URLSearchParams({ q, field: this.dataset.field })\n\n fetch('/api/submitters_autocomplete?' + queryParams).then(async (resp) => {\n const items = await resp.json()\n\n if (q.length < 3) {\n resolve(items.filter((e) => e[this.dataset.field].startsWith(q)))\n } else {\n resolve(items)\n }\n }).catch(() => {\n resolve([])\n })\n } else {\n resolve([])\n }\n }\n\n render = (item) => {\n const div = document.createElement('div')\n\n div.textContent = item[this.dataset.field]\n\n return div\n }\n\n get input () {\n return this.querySelector('input') || this.querySelector('textarea')\n }\n}\n","import autocomplete from 'autocompleter'\n\nexport default class extends HTMLElement {\n connectedCallback () {\n autocomplete({\n input: this.input,\n preventSubmit: this.dataset.submitOnSelect === 'true' ? 0 : 1,\n minLength: 0,\n showOnFocus: true,\n onSelect: this.onSelect,\n render: this.render,\n fetch: this.fetch\n })\n }\n\n onSelect = (item) => {\n this.input.value = item.name\n }\n\n fetch = (text, resolve) => {\n const queryParams = new URLSearchParams({ q: text })\n\n fetch('/api/template_folders_autocomplete?' + queryParams).then(async (resp) => {\n const items = await resp.json()\n\n resolve(items)\n }).catch(() => {\n resolve([])\n })\n }\n\n render = (item) => {\n const div = document.createElement('div')\n\n div.textContent = item.name\n\n return div\n }\n\n get input () {\n return this.querySelector('input')\n }\n}\n","import { target, targetable } from '@github/catalyst/lib/targetable'\nimport { cropCanvasAndExportToPNG } from '../submission_form/crop_canvas'\n\nexport default targetable(class extends HTMLElement {\n static [target.static] = ['canvas', 'input', 'clear', 'button']\n\n async connectedCallback () {\n this.canvas.width = this.canvas.parentNode.parentNode.clientWidth\n this.canvas.height = this.canvas.parentNode.parentNode.clientWidth / 3\n\n const { default: SignaturePad } = await import('signature_pad')\n\n this.pad = new SignaturePad(this.canvas)\n\n this.clear.addEventListener('click', (e) => {\n e.preventDefault()\n\n this.pad.clear()\n })\n\n this.button.addEventListener('click', (e) => {\n e.preventDefault()\n\n this.button.disabled = true\n\n this.submit()\n })\n }\n\n async submit () {\n const blob = await cropCanvasAndExportToPNG(this.canvas)\n const file = new File([blob], 'signature.png', { type: 'image/png' })\n\n const dataTransfer = new DataTransfer()\n\n dataTransfer.items.add(file)\n\n this.input.files = dataTransfer.files\n\n if (this.input.webkitEntries.length) {\n this.input.dataset.file = `${dataTransfer.files[0].name}`\n }\n\n this.closest('form').requestSubmit()\n }\n})\n","function cropCanvasAndExportToPNG (canvas) {\n const ctx = canvas.getContext('2d')\n\n const width = canvas.width\n const height = canvas.height\n\n let topmost = height\n let bottommost = 0\n let leftmost = width\n let rightmost = 0\n\n const imageData = ctx.getImageData(0, 0, width, height)\n const pixels = imageData.data\n\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n const pixelIndex = (y * width + x) * 4\n const alpha = pixels[pixelIndex + 3]\n if (alpha !== 0) {\n topmost = Math.min(topmost, y)\n bottommost = Math.max(bottommost, y)\n leftmost = Math.min(leftmost, x)\n rightmost = Math.max(rightmost, x)\n }\n }\n }\n\n const croppedWidth = rightmost - leftmost + 1\n const croppedHeight = bottommost - topmost + 1\n\n const croppedCanvas = document.createElement('canvas')\n croppedCanvas.width = croppedWidth\n croppedCanvas.height = croppedHeight\n const croppedCtx = croppedCanvas.getContext('2d')\n\n croppedCtx.drawImage(canvas, leftmost, topmost, croppedWidth, croppedHeight, 0, 0, croppedWidth, croppedHeight)\n\n return new Promise((resolve, reject) => {\n croppedCanvas.toBlob((blob) => {\n if (blob) {\n resolve(blob)\n } else {\n reject(new Error('Failed to create a PNG blob.'))\n }\n }, 'image/png')\n })\n}\n\nexport { cropCanvasAndExportToPNG }\n","export default class extends HTMLElement {\n connectedCallback () {\n this.querySelector('form').requestSubmit()\n }\n}\n","const requestCache = new Map()\nconst cacheTtl = 10 * 1000\n\nfunction isPreloadable (linkElement) {\n const href = linkElement.getAttribute('href')\n\n if (!href || href === '#' || linkElement.dataset.turbo === 'false' || linkElement.dataset.prefetch === 'false') {\n return\n }\n\n if (linkElement.origin !== document.location.origin) {\n return\n }\n\n if (!['http:', 'https:'].includes(linkElement.protocol)) {\n return\n }\n\n if (linkElement.pathname + linkElement.search === document.location.pathname + document.location.search) {\n return\n }\n\n if (linkElement.dataset.turboMethod && linkElement.dataset.turboMethod !== 'get') {\n return\n }\n\n return true\n}\n\nfunction mouseoverListener (event) {\n let linkElement\n\n if (event.target.tagName === 'A') {\n linkElement = event.target\n } else {\n linkElement = event.target.closest('a')\n }\n\n if (!linkElement) {\n return\n }\n\n if (!isPreloadable(linkElement)) {\n return\n }\n\n const url = linkElement.getAttribute('href')\n const loc = new URL(url, location.protocol + '//' + location.host)\n const absoluteUrl = loc.toString()\n\n const cached = requestCache.get(absoluteUrl)\n\n if (cached && cached.ttl > new Date()) {\n return\n }\n\n const requestOptions = {\n credentials: 'same-origin',\n headers: { Accept: 'text/html, application/xhtml+xml', 'VND.PREFETCH': 'true' },\n method: 'GET',\n redirect: 'follow'\n }\n\n if (linkElement.dataset.turboFrame && linkElement.dataset.turboFrame !== '_top') {\n requestOptions.headers['Turbo-Frame'] = linkElement.dataset.turboFrame\n } else if (linkElement.dataset.turboFrame !== '_top') {\n const turboFrame = linkElement.closest('turbo-frame')\n\n if (turboFrame) {\n requestOptions.headers['Turbo-Frame'] = turboFrame.id\n }\n }\n\n requestCache.set(absoluteUrl, { request: fetch(absoluteUrl, requestOptions), ttl: new Date(new Date().getTime() + cacheTtl) })\n}\n\nfunction turboBeforeFetchRequest (event) {\n if (event.target.tagName !== 'FORM' && event.detail.fetchOptions.method === 'GET') {\n const cached = requestCache.get(event.detail.url.toString())\n\n if (cached && cached.ttl > new Date()) {\n event.detail.response = cached.request\n }\n }\n\n requestCache.clear()\n}\n\nfunction start () {\n if (!window.turboInstantClickEnabled) {\n document.addEventListener('turbo:before-fetch-request', turboBeforeFetchRequest)\n document.addEventListener('mouseover', mouseoverListener, { capture: true, passive: true })\n }\n\n window.turboInstantClickEnabled = true\n}\n\nexport { start }\n","import '@hotwired/turbo'\nimport { encodeMethodIntoRequestBody } from '@hotwired/turbo-rails/app/javascript/turbo/fetch_requests'\n\nimport { createApp, reactive } from 'vue'\nimport TemplateBuilder from './template_builder/builder'\n\nimport ToggleVisible from './elements/toggle_visible'\nimport DisableHidden from './elements/disable_hidden'\nimport TurboModal from './elements/turbo_modal'\nimport FileDropzone from './elements/file_dropzone'\nimport MenuActive from './elements/menu_active'\nimport ClipboardCopy from './elements/clipboard_copy'\nimport DynamicList from './elements/dynamic_list'\nimport DownloadButton from './elements/download_button'\nimport SetOriginUrl from './elements/set_origin_url'\nimport SetTimezone from './elements/set_timezone'\nimport AutoresizeTextarea from './elements/autoresize_textarea'\nimport SubmittersAutocomplete from './elements/submitter_autocomplete'\nimport FolderAutocomplete from './elements/folder_autocomplete'\nimport SignatureForm from './elements/signature_form'\nimport SubmitForm from './elements/submit_form'\n\nimport * as TurboInstantClick from './lib/turbo_instant_click'\n\nimport './images/preview.png'\n\nTurboInstantClick.start()\n\ndocument.addEventListener('turbo:before-cache', () => {\n window.flash?.remove()\n})\n\ndocument.addEventListener('keyup', (e) => {\n if (e.code === 'Escape') {\n document.activeElement?.blur()\n }\n})\n\nwindow.customElements.define('toggle-visible', ToggleVisible)\nwindow.customElements.define('disable-hidden', DisableHidden)\nwindow.customElements.define('turbo-modal', TurboModal)\nwindow.customElements.define('file-dropzone', FileDropzone)\nwindow.customElements.define('menu-active', MenuActive)\nwindow.customElements.define('clipboard-copy', ClipboardCopy)\nwindow.customElements.define('dynamic-list', DynamicList)\nwindow.customElements.define('download-button', DownloadButton)\nwindow.customElements.define('set-origin-url', SetOriginUrl)\nwindow.customElements.define('set-timezone', SetTimezone)\nwindow.customElements.define('autoresize-textarea', AutoresizeTextarea)\nwindow.customElements.define('submitters-autocomplete', SubmittersAutocomplete)\nwindow.customElements.define('folder-autocomplete', FolderAutocomplete)\nwindow.customElements.define('signature-form', SignatureForm)\nwindow.customElements.define('submit-form', SubmitForm)\n\ndocument.addEventListener('turbo:before-fetch-request', encodeMethodIntoRequestBody)\ndocument.addEventListener('turbo:submit-end', async (event) => {\n const resp = event.detail?.formSubmission?.result?.fetchResponse?.response\n\n if (!resp?.headers?.get('content-disposition')?.includes('attachment')) {\n return\n }\n\n const url = URL.createObjectURL(await resp.blob())\n const link = document.createElement('a')\n\n link.href = url\n link.setAttribute('download', decodeURIComponent(resp.headers.get('content-disposition').split('\"')[1]))\n\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n\n URL.revokeObjectURL(url)\n})\n\nwindow.customElements.define('template-builder', class extends HTMLElement {\n connectedCallback () {\n this.appElem = document.createElement('div')\n\n this.appElem.classList.add('md:h-screen')\n\n this.app = createApp(TemplateBuilder, {\n template: reactive(JSON.parse(this.dataset.template)),\n backgroundColor: '#faf7f5',\n withPhone: this.dataset.withPhone === 'true',\n withLogo: this.dataset.withLogo !== 'false',\n withPayment: this.dataset.withPayment !== 'false',\n acceptFileTypes: this.dataset.acceptFileTypes,\n isDirectUpload: this.dataset.isDirectUpload === 'true'\n })\n\n this.app.mount(this.appElem)\n\n this.appendChild(this.appElem)\n }\n\n disconnectedCallback () {\n this.app?.unmount()\n this.appElem?.remove()\n }\n})\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = (chunkId) => {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"js/\" + chunkId + \"-\" + {\"672\":\"7ca41e9c90807c71e084\",\"849\":\"dd290b25403eac85adc3\"}[chunkId] + \".chunk.js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = (chunkId) => {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/packs/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t34: 0\n};\n\n__webpack_require__.f.j = (chunkId, promises) => {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = (event) => {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdocuseal\"] = self[\"webpackChunkdocuseal\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\n__webpack_require__.O(undefined, [686], () => (__webpack_require__(1689)))\nvar __webpack_exports__ = __webpack_require__.O(undefined, [686], () => (__webpack_require__(1692)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","inProgress","dataWebpackPrefix","style","class","href","_createElementVNode","ref","tabindex","name","components","IconUpload","IconInnerShadowTop","inject","props","templateId","type","Number","String","required","acceptFileTypes","default","isDirectUpload","Boolean","emits","data","isLoading","isProcessing","computed","inputId","Math","random","toString","split","mounted","this","methods","async","DirectUpload","blobs","Promise","all","Array","from","$refs","input","files","map","upload","file","resolve","reject","create","error","blob","console","catch","finally","baseFetch","method","body","JSON","stringify","headers","then","resp","json","$emit","value","FormData","form","_createElementBlock","for","$options","_normalizeClass","$data","_createBlock","_component_IconInnerShadowTop","width","_component_IconUpload","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","id","accept","$props","multiple","onChange","_cache","args","IconCloudUpload","message","Upload","onDropFiles","e","dataTransfer","every","f","match","alert","onDragover","_withModifiers","onDrop","height","_component_IconCloudUpload","_toDisplayString","_hoisted_6","title","IconPencil","modelValue","iconInline","iconWidth","withRequired","selectOnEditClick","editable","iconStrokeWidth","watch","handler","immediate","selectContent","el","contenteditable","range","document","createRange","selectNodeContents","sel","window","getSelection","removeAllRanges","addRange","onBlur","setTimeout","innerText","trim","focusContenteditable","focus","blurContenteditable","blur","onKeydown","_withKeys","onFocus","$event","_ctx","_hoisted_1","onClick","_createVNode","_component_IconPencil","invisible","_normalizeStyle","right","menuClasses","buttonClasses","buttonWidth","fieldNames","text","signature","initials","date","image","select","checkbox","radio","cells","phone","payment","fieldIcons","IconTextSize","IconWritingSign","IconLetterCaseUpper","IconCalendarEvent","IconPhoto","IconPaperclip","IconSelect","IconCheckbox","IconCircleDot","IconChecks","IconColumns3","IconPhoneCheck","IconCreditCard","closeDropdown","activeElement","_renderSlot","$slots","_resolveDynamicComponent","_Fragment","_renderList","icon","withPhone","withPayment","includes","action","target","autocomplete","isConnected","IconSettings","IconCircleCheck","IconBrandStripe","field","Object","isOauthSuccess","location","search","redirectUri","origin","currencies","authenticityToken","querySelector","content","oauthState","params","URLSearchParams","set","defaultCurrency","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","startsWith","created","preferences","currency","checkStatus","fetch","status","price","_component_IconSettings","draggable","onDragstart","placeholder","save","key","backgroundColor","_component_IconCircleCheck","_hoisted_7","disabled","_hoisted_10","_hoisted_11","_hoisted_12","_component_IconBrandStripe","_hoisted_13","Contenteditable","IconShape","PaymentSettings","IconNewSection","IconTrashX","IconCopy","FieldType","defaultField","isNameFocus","showPaymentModal","dateFormats","defaultName","formattedPrice","NumberFormat","format","typeIndex","template","fields","filter","indexOf","suffix","areas","locale","endsWith","formatDate","parts","day","D","DD","month","M","MM","MMM","MMMM","year","YYYY","YY","formatToParts","replace","find","p","copyToAllPages","areaString","documents","forEach","attachment","preview_images","page","area","attachment_uuid","uuid","parseInt","filename","push","parse","$nextTick","length","onNameFocus","maybeFocusOnOptionArea","option","a","option_uuid","selectedAreaRef","scrollToFirstArea","addOption","options","v4","inputs","querySelectorAll","removeOption","splice","findIndex","maybeUpdateOptions","default_value","cell_w","w","floor","h","onNameBlur","removeArea","_component_FieldType","_component_Contenteditable","onMousedown","_component_IconNewSection","_component_PaymentSettings","_hoisted_8","_hoisted_9","Date","readonly","_hoisted_14","_hoisted_15","index","_component_IconShape","_hoisted_17","_hoisted_18","_component_IconCopy","_component_IconTrashX","_hoisted_19","_hoisted_20","_hoisted_24","IconUserPlus","IconPlus","IconChevronUp","submitters","compact","mobileView","colors","names","selectedSubmitter","selectSubmitter","submitter","remove","confirm","addSubmitter","newSubmitter","_component_IconChevronUp","_component_IconUserPlus","_hoisted_16","_component_IconPlus","_hoisted_21","xmlns","viewBox","stroke","fill","Field","FieldSubmitter","IconDrag","IconLock","defaultFields","defaultSubmitters","withStickySubmitters","dragField","submitterFields","submitter_uuid","submitterDefaultFields","role","onFieldDragover","targetFieldUuid","closest","dataset","currentIndex","targetIndex","removeSubmitter","removeField","addField","_component_FieldSubmitter","onNewSubmitter","onRemove","onNameChange","s","_component_Field","onDragend","onScrollTo","onSetDraw","_component_IconDrag","_component_IconLock","drawField","IconX","isDraw","isResize","isDragged","textOverflowChars","dragFrom","x","y","optionIndexText","o","currentWidth","submitterIndex","borderColors","bgColors","isSelected","positionStyle","top","left","textContainer","$el","clientHeight","minWidth","clientWidth","startResizeCell","getRootNode","addEventListener","onResizeCell","stopResizeCell","removeEventListener","positionX","layerX","onNameEnter","resize","layerY","drag","startDrag","rect","getBoundingClientRect","clientX","clientY","stopDrag","startTouchDrag","touchTarget","preventDefault","touches","touchDrag","stopTouchDrag","$parent","mask","previousSibling","startResize","stopResize","startTouchResize","touchResize","stopTouchResize","FieldArea","onPointerdown","onTouchstart","cellW","_component_IconX","isDrag","number","areaRefs","showMask","isMove","resizeDirection","newArea","isMobile","test","navigator","userAgent","resizeDirectionClasses","nwse","ew","metadata","beforeUpdate","onImageLoad","setAttribute","naturalWidth","naturalHeight","setAreaRefs","maskW","maskH","onStartDraw","initialX","initialY","onPointermove","dx","dy","abs","onPointerup","Page","loading","src","url","onLoad","item","i","_component_FieldArea","onStartResize","onStopResize","onStartDrag","onStopDrag","areasIndex","baseUrl","pageRefs","basePreviewUrl","URL","numberOfPages","pdf","number_of_pages","sortedPreviewImages","lazyloadMetadata","keys","previewImagesIndex","reduce","acc","scrollToArea","scrollIntoView","behavior","block","setPageRefs","_component_Page","onDropField","onRemoveArea","onDraw","version","ReplaceButton","withReplaceButton","withArrows","previewImage","sort","b","onUpdateName","_component_ReplaceButton","onSuccess","replaceSchemaItem","Document","Fields","MobileDrawField","Logo","Dropzone","DocumentPreview","DocumentControls","IconUsersPlus","IconDeviceFloppy","provide","withLogo","onUpload","Function","withUploadButton","withTitle","fetchOptions","documentRefs","isBreakpointLg","isSaving","drawOption","fieldAreasIndex","selectedField","sortedDocuments","schema","doc","undoStack","redoStack","onWindowResize","onKeyUp","onKeyDown","unmounted","startFieldDraw","undo","pop","stringData","currentStringData","assign","redo","lastRedoData","offsetWidth","setDocumentRefs","scrollIntoDocument","code","event","metaKey","shiftKey","ctrlKey","stopImmediatePropagation","pushUndo","areaWithoutOption","pageMask","previousField","reverse","previousArea","areaW","areaH","onDropfield","fieldArea","baseArea","updateFromUpload","previews","scrollTop","scrollHeight","updateName","onDocumentRemove","onDocumentReplace","moveDocument","direction","unshift","maybeShowEmptyTemplateAlert","onSaveClick","Turbo","visit","path","buttons","_component_Logo","slug","_component_IconWritingSign","_component_IconUsersPlus","_mergeProps","_component_IconDeviceFloppy","_component_DocumentPreview","onReplace","onUp","onDown","_component_Upload","_component_Dropzone","_component_Document","_component_DocumentControls","_component_MobileDrawField","onCancel","onChangeSubmitter","_component_Fields","onSetDrag","onDragEnd","onScrollToArea","actionable","HTMLElement","trigger","elementIds","elementId","getElementById","classList","toggle","_class","connectedCallback","attributeChangedCallback","attributeName","oldValue","newValue","hasHiddenClass","contains","element","wasRequired","constructor","_defineProperty","detail","success","close","add","onEscKey","closeAfterSubmit","onSubmit","disconnectedCallback","targetable","_target$static","toggleLoading","uploadFiles","onSelectFiles","submitOnUpload","createElement","signed_id","append","click","link","pathname","getAttribute","clearChecked","stopPropagation","clipboard","writeText","tagName","checked","_targets$static","targets","addItem","originalItem","items","duplicateItem","cloneNode","uniqueId","removeAttribute","button","parentNode","removeItem","downloadFiles","toggleState","defaultButton","loadingButton","response","urls","blobUrl","createObjectURL","decodeURI","revokeObjectURL","prevPromise","request","timezone","textarea","submitterItemEl","q","queryParams","div","textContent","preventSubmit","minLength","showOnFocus","onSelect","render","submitOnSelect","canvas","SignaturePad","pad","clear","submit","ctx","getContext","topmost","bottommost","leftmost","rightmost","pixels","getImageData","min","max","croppedWidth","croppedHeight","croppedCanvas","drawImage","toBlob","Error","cropCanvasAndExportToPNG","File","DataTransfer","webkitEntries","requestSubmit","requestCache","Map","cacheTtl","mouseoverListener","linkElement","turbo","prefetch","protocol","turboMethod","isPreloadable","absoluteUrl","host","cached","get","ttl","requestOptions","credentials","Accept","redirect","turboFrame","getTime","turboBeforeFetchRequest","turboInstantClickEnabled","capture","passive","flash","customElements","define","ToggleVisible","DisableHidden","TurboModal","FileDropzone","MenuActive","ClipboardCopy","DynamicList","DownloadButton","SetOriginUrl","SetTimezone","AutoresizeTextarea","SubmittersAutocomplete","FolderAutocomplete","SignatureForm","SubmitForm","encodeMethodIntoRequestBody","formSubmission","result","fetchResponse","decodeURIComponent","appendChild","removeChild","appElem","app","createApp","TemplateBuilder","reactive","mount","unmount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","r","n","getter","__esModule","d","definition","defineProperty","enumerable","chunkId","promises","u","miniCssF","g","globalThis","obj","prop","prototype","hasOwnProperty","l","done","script","needAttach","scripts","getElementsByTagName","charset","timeout","nc","onScriptComplete","prev","onerror","onload","clearTimeout","doneFns","bind","head","Symbol","toStringTag","installedChunks","installedChunkData","promise","errorType","realSrc","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}