{"version":3,"file":"contact-fdfe2e13.js","sources":["../../../app/javascript/vuecomponents/ContactFormDiagnostic.vue","../../../app/javascript/vuecomponents/ContactFormTextInput.vue","../../../app/javascript/vuecomponents/ContactForm.vue","../../../app/javascript/vuecomponents/LandsideFooterOld.vue","../../../app/javascript/vuecomponents/contact_header.vue","../../../app/javascript/vuecomponents/contact_nav.vue","../../../app/javascript/pages/contact.ts"],"sourcesContent":["<script lang=\"ts\">\n// Keep in sync with `ContactFormController`\nexport const DIAGNOSTIC_CATEGORIES = [\n  'javascript',\n  'cookies',\n  'api.padlet.com',\n  'whiteboard-server.padlet.com',\n  'padletcdn.com',\n  'padlet.pics',\n  'padlet.net',\n  'cdnjs.cloudflare.com',\n  'googleapis.com',\n  'googleusercontent.com',\n  'images.unsplash.com',\n  'websocket',\n  'u1.padletusercontent.com',\n  'iframe.mediadelivery.net',\n  'vz-72e428e7-67e.b-cdn.net',\n  'sc-cdn.net',\n  'camera-kit-api.snapar.com',\n] as const\nexport type DiagnosticCategory = typeof DIAGNOSTIC_CATEGORIES[number]\nexport type DiagnosticResults = Record<DiagnosticCategory, boolean | undefined>\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nconst diagnosticResults: DiagnosticResults = DIAGNOSTIC_CATEGORIES.reduce(\n  (prev, category) =>\n    Object.assign(\n      prev,\n      [\n        'padlet.pics',\n        'cdnjs.cloudflare.com',\n        'googleapis.com',\n        'googleusercontent.com',\n        'images.unsplash.com',\n        'sc-cdn.net',\n        'camera-kit-api.snapar.com',\n      ].includes(category)\n        ? { [category]: false } // for async checks, we assume they are false by default\n        : { [category]: undefined }, // for other checks, they are undefined by default\n    ),\n  {},\n) as DiagnosticResults\n\nconst runDiagnostics = async (): Promise<void> => {\n  await Promise.all(\n    DIAGNOSTIC_CATEGORIES.map(async (category) => {\n      const result = await runDiagnostic(category)\n      diagnosticResults[category] = result\n    }),\n  )\n}\n\nfunction asyncLoadImage(url: string): Promise<boolean> {\n  return new Promise((resolve) => {\n    const image = new Image()\n    let done = false\n    image.onload = function () {\n      resolve(true)\n      done = false\n    }\n    image.src = url\n    setTimeout(() => {\n      if (!done) resolve(false)\n    }, 3000)\n  })\n}\n\n// Note: asyncLoadAudio will always fail for some browsers like Mobile Safari\n// because Mobile Safari doesn't load audio until it is played so the tests using Audio's onloadeddata doesn't work\n// => We should use images for things to work across browsers\n// function asyncLoadAudio(url: string): Promise<boolean> {\n//   return new Promise((resolve) => {\n//     const audio = new Audio(url)\n//     let done = false\n//     audio.onloadeddata = function () {\n//       resolve(true)\n//       done = false\n//     }\n//     audio.src = url\n//     setTimeout(() => {\n//       if (!done) resolve(false)\n//     }, 3000)\n//   })\n// }\n\nconst runDiagnostic = async (category: DiagnosticCategory): Promise<boolean> => {\n  switch (category) {\n    case 'javascript':\n      return true\n    case 'cookies':\n      return navigator.cookieEnabled\n    case 'api.padlet.com':\n      try {\n        await fetch('https://api.padlet.com/api/5/users/12')\n        return true\n      } catch (e) {\n        return false\n      }\n    case 'whiteboard-server.padlet.com':\n      try {\n        await fetch('https://whiteboard-server.padlet.com/hc')\n        return true\n      } catch (e) {\n        return false\n      }\n    case 'padletcdn.com':\n      return (window as any).domains?.['padletcdn.com']\n    case 'padlet.pics':\n      return asyncLoadImage('https://padlet.pics/1/image?url=https%3A%2F%2Fpadlet.com%2Ffavicon.ico')\n    case 'padlet.net':\n      return (window as any).domains?.['padlet.net']\n    case 'cdnjs.cloudflare.com':\n      return new Promise((resolve) => {\n        const anchor = document.getElementsByTagName('script')[0] as HTMLElement\n        const a = document.createElement('script')\n        let done = false\n        a.type = 'text/javascript'\n        a.async = true\n        a.src = 'https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.min.js'\n        a.onload = function () {\n          resolve(true)\n          done = true\n        }\n        ;(anchor.parentNode as HTMLElement).insertBefore(a, anchor)\n        setTimeout(() => {\n          if (!done) resolve(false)\n        }, 3000)\n      })\n    case 'googleapis.com':\n      return asyncLoadImage(\n        'https://padlet-uploads.storage.googleapis.com/93511621/281def7aba6021983b2db8f8972ccae0/Bishan_home.jpg',\n      )\n\n    case 'googleusercontent.com':\n      return asyncLoadImage(\n        'https://lh5.googleusercontent.com/LNhmlmZ83hCLPxEAik9nAHAS5XCrsVpx3EY4Nzp5EGRqFpwiDpp2wcq_Q5ILsbmLfejbd-_ll3GnTi1ICYJ-8CYPgH6iuOJgRFs=w32-h32-p',\n      )\n    case 'images.unsplash.com':\n      return asyncLoadImage(\n        'https://images.unsplash.com/photo-1579149254497-5b90981f0c93?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100',\n      )\n    case 'websocket':\n      return new Promise((resolve) => {\n        const socket = new WebSocket('wss://padlet.com/diagnostics/websocket')\n        let done = false\n        socket.addEventListener('message', () => {\n          resolve(true)\n          done = true\n          socket.close()\n        })\n        socket.addEventListener('open', () => {\n          socket.send('ping')\n        })\n        setTimeout(() => {\n          if (!done) resolve(false)\n        }, 3000)\n      })\n    case 'u1.padletusercontent.com':\n      return asyncLoadImage(\n        'https://u1.padletusercontent.com/uploads/padlet-uploads/613524129/64bcedafe70575e5a6acd67fce5c963a/kawaii_cat_chi_saying_chi_o21zmwv5sojf8yqu.jpeg?token=yx56m-2CVSUIUuRIxSKBL9DuuU3emKBxCzrAwuekGa7CxN8E6C6xeg73sErewwiVohPrzj267fuFPHSEA6pTOhL-kCX1uXhmhA_RqcPII5vnscG209GD1buGGAqljT0BIYd4nRf_53OyRSY-B7I-0gaXA7UXRLx45ZWer7JMxaby6e9MCGGp2I-CtJL44ZRAH9xODQTaH__joE9EHvqxFrfR9y2F6HKtnJrCoKrJbpRKvTq7y2brZsALeOrEF-Bcjhv5ZLuEEOBmMt-M6PKNz0iZwmTIHQZC_gDfz_gZ2es=',\n      )\n    case 'iframe.mediadelivery.net':\n      try {\n        await fetch('https://iframe.mediadelivery.net/play/775/5faa213c-35e9-4bee-b01b-abab6c13f057')\n        return true\n      } catch (e) {\n        return false\n      }\n    case 'vz-72e428e7-67e.b-cdn.net':\n      try {\n        await fetch('https://vz-72e428e7-67e.b-cdn.net/5faa213c-35e9-4bee-b01b-abab6c13f057/playlist.m3u8')\n        return true\n      } catch (e) {\n        return false\n      }\n    case 'sc-cdn.net':\n      try {\n        await fetch('https://cf-st.sc-cdn.net/d/cLSplk9up0w6P1GYxKklJ/285/435/rel-simd-neh/LensCoreWebAssembly.js')\n        return true\n      } catch (e) {\n        return false\n      }\n    case 'camera-kit-api.snapar.com':\n      // Expect 401 here. fetch only rejects on network failures (no internet, firewall blocks, CORS failures)\n      // HTTP error responses (404, 500, etc) will still resolve\n      try {\n        await fetch('https://camera-kit-api.snapar.com/com.snap.camerakit.v3.Metrics/GetInitializationConfig', {\n          method: 'OPTIONS',\n        })\n        return true\n      } catch (e) {\n        return false\n      }\n  }\n}\nconst emit = defineEmits(['result'])\nrunDiagnostics().then(() => {\n  emit('result', diagnosticResults)\n})\n</script>\n\n<template><div /></template>\n","<script setup lang=\"ts\">\nimport { isEmail } from '@@/bits/email'\nimport { __ } from '@@/bits/intl'\nimport { useDarkModeStore } from '@@/pinia/dark_mode'\nimport { storeToRefs } from 'pinia'\nimport { computed, ref } from 'vue'\n\ntype InputFieldRules = { required?: boolean; minLength?: number; email?: boolean }\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines label name\n     */\n    name: string\n    /**\n     * Insert id to bind label/input, which will enable autofocus\n     * on input field when label is clicked. This value will also be used to locate the\n     * correct input element that is being updated.\n     */\n    id: string\n    /**\n     * Bind input value attribute with value prop\n     */\n    value: string\n    placeholder?: string\n    /**\n     * Insert rules for input.\n     * Supported rules are: required, minLength, email\n     */\n    rules?: InputFieldRules\n    type?: 'text' | 'email'\n  }>(),\n  {\n    placeholder: '',\n    rules: () => ({ required: false }),\n    type: 'text',\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update', payload: { id: string; name: string; value: string }): void\n}>()\n\nconst { isDarkMode } = storeToRefs(useDarkModeStore())\n\nconst inputRef = ref<HTMLInputElement>()\n\nconst requiredLabel = computed<string>(() => {\n  return props.rules.required ? `${props.name} *` : props.name\n})\n\nconst isRequired = computed<boolean>(() => {\n  return !!props.rules.required\n})\n\nconst wrapperClass = computed<Record<string, boolean>>(() => {\n  return {\n    'dark-mode': isDarkMode.value,\n    'input-wrapper': true,\n  }\n})\n\nfunction input(ev): void {\n  validate(ev.target.value)\n  /**\n   * Triggers when the input value changes\n   *\n   * @property {string} id Data required to specify which input value it's updating\n   * @property {string} name Name that was set before the change\n   * @property {string} value Data that updates new input value (Updates parent state with value)\n   */\n  emit('update', {\n    id: props.id,\n    name: props.name,\n    value: ev.target.value,\n  })\n}\n\nfunction validateEmail(email: string, element: HTMLInputElement): void {\n  const validEmail = isEmail(email)\n\n  // Set email validation error message\n  if (!validEmail && element) {\n    element.setCustomValidity(__('Please enter valid email'))\n  } else {\n    element.setCustomValidity('')\n  }\n}\n\nfunction validate(value): void {\n  // Show error messages based on rules prop\n  const inputElement = inputRef.value as HTMLInputElement\n\n  if (inputElement) {\n    if (props.rules.minLength && value.length < props.rules.minLength) {\n      const errorMessage = __('Minimum length is %{minimumLength}', { minimumLength: props.rules.minLength })\n      inputElement.setCustomValidity(errorMessage)\n    } else if (props.rules.email) {\n      validateEmail(value, inputElement)\n    } else {\n      inputElement.setCustomValidity('')\n    }\n  }\n}\n</script>\n\n<template>\n  <div :class=\"wrapperClass\">\n    <div class=\"label\">\n      <label :for=\"id\">{{ requiredLabel }}</label>\n    </div>\n    <input\n      :id=\"id\"\n      ref=\"inputRef\"\n      class=\"input-field\"\n      :value=\"value\"\n      :type=\"type\"\n      :required=\"isRequired\"\n      :placeholder=\"placeholder\"\n      @input=\"input\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n@import '../library/v4/stylesheets/colors';\n\n:root {\n  // Colors for input field\n  --input-text-color: #{$dark-grey-1};\n  --input-field-bg-color: #{$white};\n  --input-field-bd-color: #{$dark-grey-7};\n  --input-field-ph-text-color: #909090;\n  --input-field-hl-color: #{$yellow-color};\n}\n\n.dark-mode {\n  --input-text-color: #{$light-grey-text-1};\n  --input-field-bg-color: #{$dark-grey-4};\n  --input-field-bd-color: #{$white};\n  --input-field-ph-text-color: #{$light-grey-text-2};\n}\n</style>\n<style lang=\"scss\" scoped>\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.label {\n  font-size: 14px;\n  word-break: break-word;\n  color: var(--input-text-color);\n  margin: 0px 16px 10px;\n}\n\n.input-field {\n  font-size: 16px;\n  line-height: 18px;\n  color: var(--input-text-color);\n  background: var(--input-field-bg-color);\n  transition: all 0.3s;\n\n  width: 100%;\n  height: 46px;\n  padding: 0px 16px;\n  border-radius: 16px;\n  box-sizing: border-box;\n  border: 2px solid var(--input-field-bd-color);\n  box-shadow: none;\n  outline: none;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  &:-webkit-autofill {\n    -webkit-box-shadow: 0 0 0px 1000px var(--input-field-bg-color) inset;\n    -webkit-text-fill-color: var(--input-text-color);\n  }\n\n  &:focus {\n    border: 2px solid var(--input-field-hl-color);\n  }\n\n  &::placeholder {\n    color: var(--input-field-ph-text-color);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport getCsrfToken from '@@/bits/csrf_token'\nimport currentUser from '@@/bits/current_user'\nimport { captureException } from '@@/bits/error_tracker'\nimport { ww } from '@@/bits/global'\nimport { __ } from '@@/bits/intl'\nimport { currentUrl, navigateTo } from '@@/bits/location'\nimport { SnackbarNotificationType } from '@@/enums'\nimport OzIcon from '@@/library/v4/components/OzIcon.vue'\nimport OzPlainButton, {\n  OzPlainButtonColorScheme,\n  OzPlainButtonSizePreset,\n} from '@@/library/v4/components/OzPlainButton.vue'\nimport { useDarkModeStore } from '@@/pinia/dark_mode'\nimport { useGlobalSnackbarStore } from '@@/pinia/global_snackbar'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport type { DiagnosticResults } from '@@/vuecomponents/ContactFormDiagnostic.vue'\nimport ContactFormDiagnostic from '@@/vuecomponents/ContactFormDiagnostic.vue'\nimport ContactFormTextInput from '@@/vuecomponents/ContactFormTextInput.vue'\nimport GlobalSnackbar from '@@/vuecomponents/GlobalSnackbar.vue'\nimport BaseButton from '@@/vuecomponents/base_button.vue'\nimport { HTTPMethod, fetchJson } from '@padlet/fetch'\nimport { storeToRefs } from 'pinia'\nimport { computed, onMounted, ref } from 'vue'\n// Show current response time -- retrieve from Front app\n// For future -- enable screenshot/document/etc. attachments\n\nenum FormError {\n  Unknown = 'Unknown',\n  MaxFilesExceeded = 'MaxFilesExceeded',\n  FileTooLarge = 'FileTooLarge',\n  FileTypeNotAllowed = 'FileTypeNotAllowed',\n}\n\ntype ContactFormJsonResponse = { redirect_to?: string; error?: FormError }\ntype ContactReasonValue = { title: string; value: string; id: string }\n\nconst CONTACT_REASONS = {\n  account: {\n    title: __('Account / Login'),\n    value: 'Account / Login',\n    id: 'account',\n  },\n  accessibility: {\n    title: __('Accessibility'),\n    value: 'Accessibility',\n    id: 'accessibility',\n  },\n  billing: {\n    title: __('Billing'),\n    value: 'Billing',\n    id: 'billing',\n  },\n  bug: {\n    title: __('Bug report'),\n    value: 'Bug report',\n    id: 'bug',\n  },\n  feedback: {\n    title: __('Feedback'),\n    value: 'Feedback',\n    id: 'feedback',\n  },\n  report: {\n    title: __('Report a padlet'),\n    value: 'Report a padlet',\n    id: 'report',\n  },\n  quotation: {\n    title: __('Request a quote'),\n    value: 'Request a quote',\n    id: 'quotation',\n  },\n  mapDomain: {\n    title: __('Map a domain'),\n    value: 'Map a domain',\n    id: 'mapDomain',\n  },\n  others: {\n    title: __('Others'),\n    value: 'Others',\n    id: 'others',\n  },\n}\n\nconst MAX_FILE_SIZE_MB = 18\nconst MAX_FILES_ALLOWED = 3\n\nconst FORM_ERROR_MESSAGE: Record<FormError, string> = {\n  [FormError.Unknown]: __(\"We're sorry, the form could not be submitted. Please try again.\"),\n  [FormError.MaxFilesExceeded]: __('Too many files are selected. Please select up to %{numFilesAllowed} files.', {\n    numFilesAllowed: MAX_FILES_ALLOWED,\n  }),\n  [FormError.FileTooLarge]: __(\n    'The file(s) you selected are too large. Total file size must not exceed %{fileSize}MB.',\n    { fileSize: MAX_FILE_SIZE_MB },\n  ),\n  [FormError.FileTypeNotAllowed]: __('File type is not supported. Please select image files only.'),\n}\n\nconst FORM_RADIO_GROUP_LABEL = computed<string>(() => {\n  return __('%{radioGroupLabel} *', { radioGroupLabel: __('What do you need help with?') })\n})\n\nconst { isBiggerThanTabletLandscape } = storeToRefs(useWindowSizeStore())\nconst { isDarkMode } = storeToRefs(useDarkModeStore())\nconst { setSnackbar } = useGlobalSnackbarStore()\n\nconst message = ref(\n  ww.vueStartingState && ww.vueStartingState.message ? decodeURIComponent(ww.vueStartingState.message) : '',\n)\nconst selected = ref(\n  ww.vueStartingState && ww.vueStartingState.selected ? decodeURIComponent(ww.vueStartingState.selected) : '',\n)\nconst showFormGenerator = ref(ww.vueStartingState?.showFormGenerator ?? false)\nconst showMapDomainForm = ref(\n  (ww.vueStartingState?.showMapDomainForm || ww.vueStartingState?.showFormGenerator) ?? false,\n)\n\nconst navigating = ref(false)\nconst selectableContactReasons = ref<Record<string, ContactReasonValue>>({})\n\nconst attachments = ref<\n  {\n    filename: string\n    mime_type: string\n    size: number\n    content: string\n    encoding?: string\n  }[]\n>([])\n\nconst formInput = ref({\n  name: {\n    id: 'name',\n    name: __('Name'),\n    value: currentUser.name ? currentUser.name : '',\n    valid: !!currentUser.name,\n  },\n  email: {\n    id: 'email',\n    name: __('Email'),\n    value: currentUser.email ? currentUser.email : '',\n    valid: !!currentUser.email,\n  },\n  padletUrl: {\n    id: 'padletUrl',\n    name: __('Padlet Link'),\n    value: '',\n  },\n  domain: {\n    id: 'domain',\n    name: __('I would like to map this domain'),\n    value: '',\n    valid: false,\n  },\n  mapPadletUrl: {\n    id: 'mapPadletUrl',\n    name: __('Map the domain to this padlet'),\n    value: '',\n  },\n  registrarName: {\n    id: 'registrarName',\n    name: __('I am using this domain name registrar'),\n    value: '',\n  },\n})\n\nconst attachmentsLoadingPromise = ref<Promise<unknown> | null>(null)\n\nconst diagnosticResults = ref<DiagnosticResults | null>(null)\n\nconst formRef = ref<HTMLFormElement>()\nconst attachmentsInputRef = ref<HTMLInputElement>()\n\nconst formMessageLabel = computed<string>(() => {\n  if (selected.value === 'Map a domain') return __('Any other question, comment or issue?')\n  return __('%{messageLabel} *', { messageLabel: __('What is your question, comment, or issue?') })\n})\n\nconst formAttachmentsLabel = computed<string>(() => {\n  return __(\n    'Please add up to %{numFilesAllowed} additional screenshots to help us understand your issue (maximum total file size is %{fileSize}MB)',\n    { numFilesAllowed: MAX_FILES_ALLOWED, fileSize: MAX_FILE_SIZE_MB },\n  )\n})\n\nconst submitButtonText = computed<string>(() => {\n  return navigating.value ? __('Submitting...') : __('Submit')\n})\n\nconst formGeneratedUrl = computed<string>(() => {\n  if (!showFormGenerator.value) {\n    return ''\n  }\n\n  const generatedUrl = new URL(currentUrl({ withQueryString: false }))\n\n  if (selected.value.length > 0) {\n    generatedUrl.searchParams.append('selected', selected.value)\n    if (selected.value === 'Map a domain') {\n      generatedUrl.searchParams.append('map_domain', 'true')\n    }\n  }\n\n  if (message.value.length > 0) {\n    generatedUrl.searchParams.append('message', message.value)\n  }\n\n  return generatedUrl.href\n})\n\nconst mapDomainMessage = computed<string>(() => {\n  return `I would like to map ${formInput.value.domain.value} to ${formInput.value.mapPadletUrl.value}. I am using ${formInput.value.registrarName.value}. Other comments: ${message.value}`\n})\n\nconst shouldAttachDiagnosticResults = computed<boolean>(() => {\n  if (!diagnosticResults.value) return false\n  const hasDiagnosticFailed = Object.values(diagnosticResults.value).some(\n    (diagnosticResult: boolean | undefined) => !diagnosticResult,\n  )\n  return hasDiagnosticFailed || selected.value === 'Bug report'\n})\n\nfunction onAttachmentsPicked(event: { target: HTMLInputElement }): void {\n  if (!event.target?.files || event.target?.files?.length === 0) return\n\n  const files = Array.from(event.target.files)\n  if (files.length > MAX_FILES_ALLOWED) {\n    showErrorMessage(FormError.MaxFilesExceeded)\n    clearAttachments()\n    return\n  }\n\n  const totalFileSize = files.reduce((sum: number, file: File) => sum + file.size, 0)\n  if (totalFileSize > MAX_FILE_SIZE_MB * 1024 * 1024) {\n    showErrorMessage(FormError.FileTooLarge)\n    clearAttachments()\n    return\n  }\n\n  if (files.some((file) => !file.type.startsWith('image/'))) {\n    showErrorMessage(FormError.FileTypeNotAllowed)\n    clearAttachments()\n    return\n  }\n\n  // Clear the attachments array every time new files are picked\n  attachments.value = []\n\n  attachmentsLoadingPromise.value = Promise.all(\n    files.map((file: File): Promise<void> => {\n      return new Promise((resolve) => {\n        // File content must be converted to base64 encoded string to send in a\n        // JSON request.\n        const reader = new FileReader()\n        reader.addEventListener('load', (): void => {\n          if (typeof reader.result === 'string') {\n            const base64Content = reader.result.replace(/^data:[\\w/*]+;base64,/, '')\n            attachments.value = [\n              ...attachments.value,\n              {\n                filename: file.name,\n                mime_type: file.type,\n                size: file.size,\n                content: base64Content,\n                encoding: 'base64',\n              },\n            ]\n          }\n          resolve()\n        })\n        reader.readAsDataURL(file)\n      })\n    }),\n  )\n}\n\nasync function submit(): Promise<void> {\n  // Only submit after attachments are loaded\n  attachmentsLoadingPromise.value && (await attachmentsLoadingPromise.value)\n\n  const userData = {\n    name: formInput.value.name.value,\n    email: formInput.value.email.value,\n    message: selected.value === 'Map a domain' ? mapDomainMessage.value : message.value,\n    selected: selected.value,\n    padlet_url: formInput.value.padletUrl.value,\n    attachments: attachments.value,\n    diagnostics: processDiagnosticResults(),\n  }\n\n  navigating.value = true\n  try {\n    const options = { method: HTTPMethod.post, csrfToken: getCsrfToken(), jsonData: userData }\n    const response: ContactFormJsonResponse = await fetchJson(`/contact-us/mail`, options)\n\n    if (response.error) {\n      showErrorMessage(response.error)\n    } else if (response.redirect_to) {\n      navigateTo(response.redirect_to)\n      // block this page from being accessed -- if form not submitted\n      clear()\n    }\n  } catch (error) {\n    captureException(error)\n    showErrorMessage(FormError.Unknown)\n  } finally {\n    navigating.value = false\n  }\n}\n\nfunction clear(): void {\n  if (formRef.value) {\n    clearAttachments()\n    formRef.value.reset()\n  }\n}\n\nfunction clearAttachments(): void {\n  if (attachmentsInputRef.value) {\n    attachmentsInputRef.value.value = ''\n    attachments.value = []\n  }\n}\n\nfunction showErrorMessage(error: FormError): void {\n  setSnackbar({\n    message: FORM_ERROR_MESSAGE[error],\n    notificationType: SnackbarNotificationType.error,\n  })\n}\n\nfunction update(payload): void {\n  const inputId = payload.id\n  formInput.value[inputId] = {\n    id: payload.id,\n    name: payload.name,\n    value: payload.value,\n    valid: payload.valid,\n  }\n}\n\nfunction handleDiagnostics(payload: DiagnosticResults): void {\n  diagnosticResults.value = payload\n}\n\nfunction processDiagnosticResults(): DiagnosticResults | null {\n  if (!shouldAttachDiagnosticResults.value) return null\n  return diagnosticResults.value\n}\n\nonMounted(() => {\n  selectableContactReasons.value = Object.entries(CONTACT_REASONS)\n    .filter((entry) => (showMapDomainForm.value ? true : entry[0] !== 'mapDomain'))\n    .reduce((acc, keyValueTuple) => ({ ...acc, [keyValueTuple[0]]: keyValueTuple[1] }), {}) as Record<\n    string,\n    ContactReasonValue\n  >\n})\n</script>\n\n<template>\n  <div class=\"contact-form-contain\">\n    <form\n      ref=\"formRef\"\n      :class=\"{\n        tablet: !isBiggerThanTabletLandscape,\n        'dark-mode': isDarkMode,\n      }\"\n      @submit.prevent=\"submit\"\n    >\n      <div class=\"data-row\">\n        <ContactFormTextInput\n          :id=\"formInput.name.id\"\n          :name=\"formInput.name.name\"\n          type=\"text\"\n          :value=\"formInput.name.value\"\n          :rules=\"{ required: true }\"\n          placeholder=\"Harry Potter\"\n          @update=\"update\"\n        />\n      </div>\n      <div class=\"data-row\">\n        <ContactFormTextInput\n          :id=\"formInput.email.id\"\n          :name=\"formInput.email.name\"\n          type=\"text\"\n          :value=\"formInput.email.value\"\n          :rules=\"{ required: true, email: true }\"\n          placeholder=\"harrypotter@gryffindor.com\"\n          @update=\"update\"\n        />\n      </div>\n      <fieldset class=\"data-row options\">\n        <legend class=\"data-label\">{{ FORM_RADIO_GROUP_LABEL }}</legend>\n        <div class=\"data-options-container\">\n          <label v-for=\"(reason, viz) in selectableContactReasons\" :key=\"viz\" :for=\"reason.id\">\n            <input\n              :id=\"reason.id\"\n              v-model=\"selected\"\n              class=\"visually-hidden\"\n              type=\"radio\"\n              name=\"reason\"\n              required\n              :value=\"reason.value\"\n            />\n            <span class=\"radio-label\">{{ reason.title }}</span>\n          </label>\n        </div>\n      </fieldset>\n      <template v-if=\"selected === 'Map a domain'\">\n        <div class=\"data-row\">\n          <ContactFormTextInput\n            :id=\"formInput.domain.id\"\n            :name=\"formInput.domain.name\"\n            type=\"text\"\n            :value=\"formInput.domain.value\"\n            :rules=\"{ required: true }\"\n            placeholder=\"myblog.com\"\n            @update=\"update\"\n          />\n        </div>\n        <div class=\"data-row\">\n          <ContactFormTextInput\n            :id=\"formInput.mapPadletUrl.id\"\n            :name=\"formInput.mapPadletUrl.name\"\n            type=\"url\"\n            :value=\"formInput.mapPadletUrl.value\"\n            :rules=\"{ required: true }\"\n            placeholder=\"https://padlet.com/gallery/harrypotterquiz\"\n            @update=\"update\"\n          />\n        </div>\n        <div class=\"data-row\">\n          <ContactFormTextInput\n            :id=\"formInput.registrarName.id\"\n            :name=\"formInput.registrarName.name\"\n            type=\"text\"\n            :value=\"formInput.registrarName.value\"\n            :rules=\"{ required: true }\"\n            placeholder=\"Namecheap, Gandi, or something else\"\n            @update=\"update\"\n          />\n        </div>\n      </template>\n      <div v-if=\"selected !== 'Map a domain'\" class=\"data-row\">\n        <ContactFormTextInput\n          :id=\"formInput.padletUrl.id\"\n          :name=\"formInput.padletUrl.name\"\n          type=\"url\"\n          :value=\"formInput.padletUrl.value\"\n          :rules=\"{ required: selected === 'Bug report' || selected === 'Report a padlet' }\"\n          placeholder=\"https://padlet.com/gallery/harrypotterquiz\"\n          @update=\"update\"\n        />\n      </div>\n      <div class=\"data-row\">\n        <label class=\"data-label\" for=\"change-user-message\">{{ formMessageLabel }}</label>\n        <div class=\"data-value\">\n          <textarea\n            id=\"change-user-message\"\n            v-model=\"message\"\n            name=\"message\"\n            rows=\"10\"\n            required\n            :placeholder=\"__('I lost my wand. Please help me!')\"\n          ></textarea>\n        </div>\n      </div>\n      <div class=\"data-row\">\n        <label class=\"data-label\" for=\"attachments\">{{ formAttachmentsLabel }}</label>\n        <div class=\"data-value\">\n          <input\n            id=\"attachments\"\n            ref=\"attachmentsInputRef\"\n            type=\"file\"\n            name=\"attachments\"\n            accept=\"image/*\"\n            multiple\n            @change=\"onAttachmentsPicked\"\n          />\n        </div>\n      </div>\n      <div class=\"data-row submit-button\">\n        <base-button variation=\"fat-contained\" color-scheme=\"black\" class=\"submit-button\">{{\n          submitButtonText\n        }}</base-button>\n        <div\n          v-if=\"shouldAttachDiagnosticResults\"\n          class=\"mx-2 mt-2 flex justify-center items-center space-s-1 text-dark-text-200 dark:text-light-text-200\"\n        >\n          <p class=\"m-0 text-body-small\">\n            {{\n              __(\n                'Your browser and network diagnostics will be included for debugging purposes when you submit this form',\n              )\n            }}\n          </p>\n          <OzPlainButton\n            href=\"https://padlet.help/l/en/article/uym730l0xb\"\n            target=\"_blank\"\n            :color-scheme=\"OzPlainButtonColorScheme.SecondaryIcon\"\n            :size-preset=\"OzPlainButtonSizePreset.H28px\"\n            :aria-label=\"__('Go to diagnostics article')\"\n          >\n            <OzIcon name=\"help\" :size=\"20\" />\n          </OzPlainButton>\n        </div>\n      </div>\n    </form>\n    <div v-if=\"showFormGenerator\" class=\"break-all mx-auto my-0 text-center w-6/12\">\n      <h4>Generated URL</h4>\n      <a :href=\"formGeneratedUrl\" class=\"text-dark-text dark:text-light-text\" target=\"_blank\">{{ formGeneratedUrl }}</a>\n    </div>\n\n    <ContactFormDiagnostic @result=\"handleDiagnostics\" />\n    <GlobalSnackbar />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.contact-form-contain {\n  width: 100%;\n}\n\nform {\n  max-width: 836px;\n  min-width: 630px;\n  margin: 0 auto;\n  height: fit-content;\n  width: 60%;\n\n  .data-row {\n    margin-bottom: 46px;\n\n    :deep(.label) {\n      font-size: 16px;\n      font-weight: bold;\n      line-height: 30px;\n      margin: 0px 0px 12px 0px;\n    }\n\n    .data-label {\n      font-size: 16px;\n      font-weight: bold;\n      line-height: 30px;\n      display: inline-block;\n      margin: 0px 0px 16px 0px;\n      color: var(--body-text-color);\n    }\n\n    textarea {\n      border: 2px solid var(--input-field-bd-color);\n      background: var(--input-field-bg-color);\n      color: var(--input-text-color);\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n      width: 100%;\n      margin: 0;\n      font-size: 14px;\n      padding: 12px 14px;\n      border-radius: 16px;\n      line-height: 30px;\n      transition: all 0.3s;\n    }\n\n    textarea:focus {\n      border-color: var(--input-field-hl-color);\n      box-shadow: 0 0 8px var(--input-field-focused-box-shadow);\n      outline: 0 none;\n    }\n\n    textarea::placeholder {\n      color: var(--input-field-ph-text-color);\n    }\n  }\n\n  .data-row .submit-button {\n    width: 100%;\n  }\n}\n\nfieldset,\nlegend {\n  padding: 0;\n}\n\nfieldset {\n  margin: 0;\n  border: none;\n}\n\n.data-row.options {\n  display: flex;\n  flex-direction: column;\n\n  .data-options-container {\n    display: flex;\n    flex-wrap: wrap;\n\n    // visually hide radio input elements\n    input.visually-hidden {\n      position: absolute;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      width: 1px;\n      margin: -1px;\n      padding: 0;\n      border: 0;\n    }\n\n    label {\n      background: var(--radio-background-color);\n      display: inline-block;\n      margin-right: 12px;\n      margin-bottom: 12px;\n      border-radius: 10px;\n      cursor: pointer;\n      font-size: 14px;\n      transition: 0.3s;\n\n      &:hover {\n        background: var(--radio-hover-color);\n      }\n    }\n\n    span {\n      display: block;\n      position: relative;\n      white-space: nowrap;\n      border-radius: 10px;\n      padding: 7px 16px 7px 30px;\n      transition: all 0.3 linear;\n    }\n\n    span:before {\n      content: '';\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      -webkit-transform: translatey(-50%);\n      transform: translatey(-50%);\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: var(--radio-input-background-color);\n      border: 1px solid var(--radio-input-border-color);\n      transition: all 0.3 linear;\n    }\n\n    input[type='radio']:checked + span {\n      background: var(--radio-checked-background-color);\n    }\n\n    input[type='radio']:checked + span:before {\n      background: var(--radio-checked-input-background);\n      border: none;\n      left: 11px;\n    }\n  }\n}\n\n.error-message {\n  position: fixed;\n  font-size: 14px;\n\n  :deep(button) {\n    border-radius: 8px;\n    margin-right: 14px;\n    cursor: pointer;\n    border: none;\n  }\n}\n\nform.tablet {\n  width: 100%;\n  min-width: unset;\n  box-sizing: border-box;\n  padding: 0px 14px;\n\n  .data-row {\n    margin-bottom: 24px;\n\n    input[type='text'],\n    textarea {\n      margin-top: 8px;\n    }\n  }\n\n  .data-options-container label {\n    margin-right: 10px;\n    margin-bottom: 10px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport LocaleSelector from '@@/vuecomponents/LocaleSelector.vue'\n\nconst windowSizeStore = useWindowSizeStore()\nconst { isSmallerThanTabletPortrait, isBiggerThanTabletLandscape } = storeToRefs(windowSizeStore)\n</script>\n\n<template>\n  <footer :class=\"{ 'mobile-view': isSmallerThanTabletPortrait, 'portrait-view': !isBiggerThanTabletLandscape }\">\n    <div class=\"nav-container\">\n      <nav :aria-label=\"__('Footer')\">\n        <div class=\"row\">\n          <strong>{{ __('Product') }}</strong>\n          <div class=\"row-items\">\n            <a href=\"https://padlet.com/site/product\" target=\"_blank\">{{ __('Features,') }}</a>\n            <a href=\"https://padlet.com/about/apps\" target=\"_blank\">{{ __('Apps and Plugins,') }}</a>\n            <a href=\"https://padlet.blog\" target=\"_blank\">{{ __(\"What's new\") }}</a>\n          </div>\n        </div>\n        <div class=\"row\">\n          <strong>{{ __('Memberships') }}</strong>\n          <div class=\"row-items\">\n            <a href=\"https://padlet.com/memberships\" target=\"_blank\">{{ __('All,') }}</a>\n            <a href=\"https://padlet.com/memberships\" target=\"_blank\">{{ __('Personal,') }}</a>\n            <a href=\"https://padlet.com/memberships\" target=\"_blank\">{{ __('School,') }}</a>\n            <a href=\"https://padlet.com/memberships\" target=\"_blank\">{{ __('Team') }}</a>\n          </div>\n        </div>\n        <div class=\"row\">\n          <strong>{{ __('Support') }}</strong>\n          <div class=\"row-items\">\n            <a href=\"https://padlet.help\" target=\"_blank\">{{ __('Knowledge Base,') }}</a>\n            <a href=\"https://www.youtube.com/padlet\" target=\"_blank\">{{ __('Video Tutorials,') }}</a>\n            <a href=\"https://padlet.com/gallery\" target=\"_blank\">{{ __('Examples,') }}</a>\n            <a href=\"https://twitter.com/padlet\" target=\"_blank\">{{ __('Twitter') }}</a>\n          </div>\n        </div>\n        <div class=\"row\">\n          <strong>{{ __('Company') }}</strong>\n          <div class=\"row-items\">\n            <a href=\"https://padlet.com/about/us\" target=\"_blank\">{{ __('About Us,') }}</a>\n            <a href=\"https://padlet.jobs\" target=\"_blank\">{{ __('Careers') }}</a>\n          </div>\n        </div>\n        <div class=\"row\">\n          <strong>{{ __('Legal') }}</strong>\n          <div class=\"row-items\">\n            <a href=\"https://padlet.com/about/terms\" target=\"_blank\">{{ __('Terms of Use,') }}</a>\n            <a href=\"https://padlet.com/about/privacy\" target=\"_blank\">{{ __('Privacy Policy,') }}</a>\n            <a href=\"https://padlet.com/about/content\" target=\"_blank\">{{ __('Content Policy,') }}</a>\n            <a href=\"https://padlet.com/about/accessibility\" target=\"_blank\">{{ __('Accessibility') }}</a>\n          </div>\n        </div>\n        <div class=\"beautiful-message\">{{ __(\"Oh wow, you're so beautiful. Just saying.\") }}</div>\n        <LocaleSelector />\n      </nav>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\" scoped>\nfooter {\n  font-size: 16px;\n  max-width: 836px;\n  min-width: 630px;\n  margin: 120px auto 0px auto;\n  width: 60%;\n\n  nav {\n    max-width: 1080px;\n    margin: 0px auto;\n\n    select {\n      width: max-content;\n      padding-left: 0px;\n      padding-right: 30px;\n    }\n  }\n\n  .nav-container {\n    height: 480px;\n  }\n}\n.row {\n  line-height: 2.7rem;\n  display: flex;\n\n  a {\n    text-decoration: none;\n    color: var(--body-text-color);\n    margin: 0 0.5em;\n  }\n\n  strong {\n    margin: 0;\n    margin-right: 0.9em;\n  }\n}\n\n.beautiful-message {\n  margin: 2em 0;\n  font-size: 0.75em;\n  text-transform: uppercase;\n  letter-spacing: 0.3em;\n  color: var(--muted-text-color);\n}\n\n.portrait-view {\n  box-sizing: border-box;\n  margin: 14px 0px;\n  padding: 0 14px;\n  min-width: unset;\n  width: 100%;\n}\n\n.mobile-view {\n  margin-top: 15px;\n\n  .nav-container {\n    height: 750px;\n  }\n\n  nav {\n    padding-left: 0px;\n    padding-right: 0px;\n  }\n\n  .row {\n    flex-direction: column;\n    line-height: 32px;\n\n    .row-items {\n      display: flex;\n      flex-wrap: wrap;\n    }\n  }\n\n  strong {\n    font-weight: 600;\n    font-size: 14px;\n    margin: 0px;\n    margin-right: 10px;\n  }\n\n  a {\n    font-size: 14px;\n    font-weight: 300;\n    margin: 0px;\n    margin-right: 10px;\n    white-space: nowrap;\n    color: var(--body-text-color);\n  }\n\n  .beautiful-message {\n    line-height: 26px;\n    letter-spacing: 1.1px;\n  }\n}\n\n.beautiful-message:hover {\n  animation: rainbow 1s infinite;\n}\n\n@keyframes rainbow {\n  0% {\n    color: #f05ea7;\n  }\n  10% {\n    color: #ff0000;\n  }\n  20% {\n    color: #ff8000;\n  }\n  40% {\n    color: #07c107;\n  }\n  50% {\n    color: #3fc280;\n  }\n  70% {\n    color: #3b92eac4;\n  }\n  80% {\n    color: #6f6fed;\n  }\n  90% {\n    color: #8000ffbd;\n  }\n  100% {\n    color: #f71988;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport currentUser from '@@/bits/current_user'\nimport { __ } from '@@/bits/intl'\nimport { storeToRefs } from 'pinia'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nconst windowSizeStore = useWindowSizeStore()\nconst { isBiggerThanTabletLandscape } = storeToRefs(windowSizeStore)\nlet prefilledMessage = ''\nif (currentUser == null || currentUser.name == null || currentUser.email == null) {\n  prefilledMessage = __('User: Unknown\\n----\\nHi Padlet, ')\n} else {\n  prefilledMessage = __('User: %{name} - %{email}\\n----\\nHi Padlet, ', {\n    name: currentUser.name || '',\n    email: currentUser.email || '',\n  })\n}\nconst encodedPrefilledMessage = encodeURIComponent(prefilledMessage)\nconst subheading = __(\n  \"Submitting this form will help us respond to your request faster. If you would prefer to send us a quick message, our WhatsApp number is <a href='%{whatsappLink}' target='_blank'>+1-844-472-3538</a>. If <a href='https://padlet.com/' target='_blank' >%{padletPage}</a> is unavailable for you at the moment, please check out <a href='https://status.padlet.help/' target='_blank' >%{statusPage}</a> to see the current status of our site.\",\n  {\n    padletPage: 'padlet.com',\n    statusPage: 'status.padlet.help',\n    whatsappLink: `https://wa.me/18444723538?text=${encodedPrefilledMessage}`,\n  },\n)\n</script>\n\n<template>\n  <div :class=\"['contact-header', !isBiggerThanTabletLandscape && 'tablet']\">\n    <div class=\"contact-header-text\">\n      <h1>{{ __('Contact Padlet') }}</h1>\n      <p v-html=\"subheading\"></p>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.contact-header {\n  width: 100%;\n  padding: 80px 0px;\n  box-sizing: border-box;\n}\n.contact-header-text {\n  margin: 0 auto;\n  width: 60%;\n  height: 100%;\n  max-width: 836px;\n  min-width: 630px;\n  color: black;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  color: var(--body-text-color);\n}\n\nh1 {\n  font-size: 50px;\n  line-height: 50px;\n  margin: 0;\n  margin-bottom: 10px;\n}\n\np {\n  font-size: 16px;\n  line-height: 30px;\n\n  a {\n    color: var(--link-color);\n    text-decoration: none;\n\n    &:hover {\n      color: darken(#ff4081, 10%);\n    }\n  }\n}\n\n.contact-header.tablet {\n  padding: 60px 0px;\n\n  .contact-header-text {\n    box-sizing: border-box;\n    min-width: unset;\n    padding: 0 14px;\n    width: 100%;\n  }\n\n  h1 {\n    font-size: 40px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n// TODO: Render user profile if logged in\nimport currentUser from '@@/bits/current_user'\nimport { __ } from '@@/bits/intl'\nimport OzContainedButton, {\n  OzContainedButtonColorScheme,\n  OzContainedButtonSizePreset,\n} from '@@/library/v4/components/OzContainedButton.vue'\nimport { useDarkModeStore } from '@@/pinia/dark_mode'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport PadletLogo from '@@/vuecomponents/PadletLogo.vue'\nimport SkipToContentLink from '@@/vuecomponents/SkipToContentLink.vue'\nimport { storeToRefs } from 'pinia'\n\nconst darkModeStore = useDarkModeStore()\nconst { isDarkMode } = storeToRefs(darkModeStore)\n\nconst windowSizeStore = useWindowSizeStore()\nconst { isBiggerThanTabletLandscape } = storeToRefs(windowSizeStore)\n\nconst isLoggedIn = currentUser.email !== null\n</script>\n\n<template>\n  <nav :class=\"[!isBiggerThanTabletLandscape && 'nav-tablet']\">\n    <SkipToContentLink />\n\n    <PadletLogo :dark-mode=\"isDarkMode\" class=\"w-20 h-5\" />\n    <div v-if=\"!isLoggedIn\" class=\"flex justify-end flex-wrap gap-2\">\n      <OzContainedButton\n        href=\"/auth/login\"\n        :text=\"__('Log in')\"\n        :color-scheme=\"OzContainedButtonColorScheme.Alternative\"\n        :size-preset=\"OzContainedButtonSizePreset.H32px\"\n      />\n      <OzContainedButton href=\"/auth/signup\" :text=\"__('Sign up')\" :size-preset=\"OzContainedButtonSizePreset.H32px\" />\n    </div>\n  </nav>\n</template>\n\n<style lang=\"scss\" scoped>\nnav {\n  width: 100%;\n  background: var(--nav-background-color);\n  box-sizing: border-box;\n  padding: 20px 24px 12px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: sticky;\n  top: 0;\n  left: 0;\n  z-index: 100;\n\n  .padlet-logo {\n    margin-bottom: 8px;\n  }\n}\n\nnav.nav-tablet {\n  padding: 20px 14px 12px 8px;\n}\n</style>\n","// @file Entrypoint for contact us page\nimport { currentUserPromise } from '@@/bits/current_user'\nimport { captureException, setScope } from '@@/bits/error_tracker'\nimport { setupVueApp } from '@@/bits/vue'\nimport ContactApp from '@@/vuecomponents/contact_app.vue'\n\ncurrentUserPromise.then((user) => setScope({ userId: user.id })).catch(captureException)\n\nsetupVueApp({\n  el: '#app',\n  rootComponent: ContactApp,\n  usePinia: true,\n}).catch(captureException)\n"],"names":["DIAGNOSTIC_CATEGORIES","__default__","diagnosticResults","reduce","prev","category","Object","assign","includes","runDiagnostics","Promise","all","map","result","runDiagnostic","asyncLoadImage","url","resolve","image","Image","done","onload","src","setTimeout","navigator","cookieEnabled","fetch","window","domains","anchor","document","getElementsByTagName","a","createElement","type","async","parentNode","insertBefore","socket","WebSocket","addEventListener","close","send","method","then","emit","isDarkMode","storeToRefs","useDarkModeStore","inputRef","ref","requiredLabel","computed","props","rules","required","name","isRequired","wrapperClass","value","input","ev","validate","target","id","validateEmail","email","element","isEmail","setCustomValidity","__","inputElement","minLength","length","errorMessage","minimumLength","FormError","CONTACT_REASONS","account","title","accessibility","billing","bug","feedback","report","quotation","mapDomain","others","MAX_FILE_SIZE_MB","MAX_FILES_ALLOWED","FORM_ERROR_MESSAGE","numFilesAllowed","fileSize","FORM_RADIO_GROUP_LABEL","radioGroupLabel","isBiggerThanTabletLandscape","useWindowSizeStore","setSnackbar","useGlobalSnackbarStore","message","ww","vueStartingState","decodeURIComponent","selected","showFormGenerator","showMapDomainForm","navigating","selectableContactReasons","attachments","formInput","currentUser","valid","padletUrl","domain","mapPadletUrl","registrarName","attachmentsLoadingPromise","formRef","attachmentsInputRef","formMessageLabel","messageLabel","formAttachmentsLabel","submitButtonText","formGeneratedUrl","generatedUrl","URL","currentUrl","withQueryString","searchParams","append","href","mapDomainMessage","shouldAttachDiagnosticResults","values","some","diagnosticResult","onAttachmentsPicked","event","files","Array","from","showErrorMessage","clearAttachments","sum","file","size","startsWith","reader","FileReader","base64Content","replace","filename","mime_type","content","encoding","readAsDataURL","submit","userData","padlet_url","diagnostics","processDiagnosticResults","options","HTTPMethod","post","csrfToken","getCsrfToken","jsonData","response","fetchJson","error","redirect_to","navigateTo","clear","captureException","reset","notificationType","SnackbarNotificationType","update","payload","inputId","handleDiagnostics","onMounted","entries","filter","entry","acc","keyValueTuple","windowSizeStore","isSmallerThanTabletPortrait","prefilledMessage","encodedPrefilledMessage","encodeURIComponent","subheading","padletPage","statusPage","whatsappLink","darkModeStore","isLoggedIn","currentUserPromise","user","setScope","userId","catch","setupVueApp","el","rootComponent","ContactApp","usePinia"],"mappings":"wnEAEO,MAAMA,EAAwB,CACnC,aACA,UACA,iBACA,+BACA,gBACA,cACA,aACA,uBACA,iBACA,wBACA,sBACA,YACA,2BACA,2BACA,4BACA,aACA,2BAAA,EAIFC,GAAe,CAAA,gFAIf,MAAMC,EAAuCF,EAAsBG,OACjE,CAACC,EAAMC,IACLC,OAAOC,OACLH,EACA,CACE,cACA,uBACA,iBACA,wBACA,sBACA,aACA,2BAAA,EACAI,SAASH,CAAQ,EACf,CAAE,CAACA,CAAQ,EAAG,EAAM,EACpB,CAAE,CAACA,CAAQ,EAAG,MAAU,CAC9B,EACF,CACF,CAAA,EAEMI,EAAiB,SAA2B,CAChD,MAAMC,QAAQC,IACZX,EAAsBY,IAAI,MAAOP,GAAa,CACtC,MAAAQ,EAAS,MAAMC,EAAcT,CAAQ,EAC3CH,EAAkBG,CAAQ,EAAIQ,CAC/B,CAAA,CACH,GAGF,SAASE,EAAeC,EAA+B,CAC9C,OAAA,IAAIN,QAASO,GAAY,CACxB,MAAAC,EAAQ,IAAIC,MAClB,IAAIC,EAAO,GACXF,EAAMG,OAAS,UAAY,CACzBJ,EAAQ,EAAI,EACLG,EAAA,IAETF,EAAMI,IAAMN,EACZO,WAAW,IAAM,CACVH,GAAMH,EAAQ,EAAK,GACvB,GAAI,CACT,CAAC,CACH,CAoBM,MAAAH,EAAgB,MAAOT,GAAmD,SAC9E,OAAQA,EAAU,CAChB,IAAK,aACI,MAAA,GACT,IAAK,UACH,OAAOmB,UAAUC,cACnB,IAAK,iBACC,GAAA,CACF,aAAMC,MAAM,uCAAuC,EAC5C,QACG,CACH,MAAA,EACT,CACF,IAAK,+BACC,GAAA,CACF,aAAMA,MAAM,yCAAyC,EAC9C,QACG,CACH,MAAA,EACT,CACF,IAAK,gBACK,OAAAC,EAAAA,OAAeC,UAAfD,YAAAA,EAAyB,iBACnC,IAAK,cACH,OAAOZ,EAAe,wEAAwE,EAChG,IAAK,aACK,OAAAY,EAAAA,OAAeC,UAAfD,YAAAA,EAAyB,cACnC,IAAK,uBACI,OAAA,IAAIjB,QAASO,GAAY,CAC9B,MAAMY,EAASC,SAASC,qBAAqB,QAAQ,EAAE,CAAC,EAClDC,EAAIF,SAASG,cAAc,QAAQ,EACzC,IAAIb,EAAO,GACXY,EAAEE,KAAO,kBACTF,EAAEG,MAAQ,GACVH,EAAEV,IAAM,0EACRU,EAAEX,OAAS,UAAY,CACrBJ,EAAQ,EAAI,EACLG,EAAA,IAEPS,EAAOO,WAA2BC,aAAaL,EAAGH,CAAM,EAC1DN,WAAW,IAAM,CACVH,GAAMH,EAAQ,EAAK,GACvB,GAAI,CACT,CAAC,EACH,IAAK,iBACI,OAAAF,EACL,yGACF,EAEF,IAAK,wBACI,OAAAA,EACL,iJACF,EACF,IAAK,sBACI,OAAAA,EACL,kIACF,EACF,IAAK,YACI,OAAA,IAAIL,QAASO,GAAY,CACxB,MAAAqB,EAAS,IAAIC,UAAU,wCAAwC,EACrE,IAAInB,EAAO,GACJkB,EAAAE,iBAAiB,UAAW,IAAM,CACvCvB,EAAQ,EAAI,EACLG,EAAA,GACPkB,EAAOG,MAAM,CACf,CAAC,EACMH,EAAAE,iBAAiB,OAAQ,IAAM,CACpCF,EAAOI,KAAK,MAAM,CACpB,CAAC,EACDnB,WAAW,IAAM,CACVH,GAAMH,EAAQ,EAAK,GACvB,GAAI,CACT,CAAC,EACH,IAAK,2BACI,OAAAF,EACL,ucACF,EACF,IAAK,2BACC,GAAA,CACF,aAAMW,MAAM,gFAAgF,EACrF,QACG,CACH,MAAA,EACT,CACF,IAAK,4BACC,GAAA,CACF,aAAMA,MAAM,sFAAsF,EAC3F,QACG,CACH,MAAA,EACT,CACF,IAAK,aACC,GAAA,CACF,aAAMA,MAAM,8FAA8F,EACnG,QACG,CACH,MAAA,EACT,CACF,IAAK,4BAGC,GAAA,CACF,aAAMA,MAAM,0FAA2F,CACrGiB,OAAQ,SACV,CAAC,EACM,QACG,CACH,MAAA,EACT,CACJ,GAGalC,OAAAA,EAAA,EAAEmC,KAAK,IAAM,CAC1BC,EAAK,SAAU3C,CAAiB,CAClC,CAAC,6cC7JK,CAAE4C,WAAAA,CAAW,EAAIC,EAAYC,GAAkB,EAE/CC,EAAWC,IAEXC,EAAgBC,EAAiB,IAC9BC,EAAMC,MAAMC,SAAW,GAAGF,EAAMG,IAAI,KAAOH,EAAMG,IACzD,EAEKC,EAAaL,EAAkB,IAC5B,CAAC,CAACC,EAAMC,MAAMC,QACtB,EAEKG,EAAeN,EAAkC,KAC9C,CACL,YAAaN,EAAWa,MACxB,gBAAiB,IAEpB,EAED,SAASC,EAAMC,EAAU,CACdC,EAAAD,EAAGE,OAAOJ,KAAK,EAQxBd,EAAK,SAAU,CACbmB,GAAIX,EAAMW,GACVR,KAAMH,EAAMG,KACZG,MAAOE,EAAGE,OAAOJ,KACnB,CAAC,CACH,CAES,SAAAM,EAAcC,EAAeC,EAAiC,CAIjE,CAHeC,GAAQF,CAAK,GAGbC,EACTA,EAAAE,kBAAkBC,EAAG,0BAA0B,CAAC,EAExDH,EAAQE,kBAAkB,EAAE,CAEhC,CAEA,SAASP,EAASH,EAAa,CAE7B,MAAMY,EAAetB,EAASU,MAE9B,GAAIY,EACF,GAAIlB,EAAMC,MAAMkB,WAAab,EAAMc,OAASpB,EAAMC,MAAMkB,UAAW,CAC3D,MAAAE,EAAeJ,EAAG,qCAAsC,CAAEK,cAAetB,EAAMC,MAAMkB,SAAU,CAAC,EACtGD,EAAaF,kBAAkBK,CAAY,CAC7C,MAAWrB,EAAMC,MAAMY,MACrBD,EAAcN,EAAOY,CAAY,EAEjCA,EAAaF,kBAAkB,EAAE,CAGvC,skBC7EA,IAAKO,GAAAA,IACHA,EAAA,QAAU,UACVA,EAAA,iBAAmB,mBACnBA,EAAA,aAAe,eACfA,EAAA,mBAAqB,qBAJlBA,IAAAA,GAAA,CAAA,CAAA,sDAUL,MAAMC,EAAkB,CACtBC,QAAS,CACPC,MAAOT,EAAG,iBAAiB,EAC3BX,MAAO,kBACPK,GAAI,SACN,EACAgB,cAAe,CACbD,MAAOT,EAAG,eAAe,EACzBX,MAAO,gBACPK,GAAI,eACN,EACAiB,QAAS,CACPF,MAAOT,EAAG,SAAS,EACnBX,MAAO,UACPK,GAAI,SACN,EACAkB,IAAK,CACHH,MAAOT,EAAG,YAAY,EACtBX,MAAO,aACPK,GAAI,KACN,EACAmB,SAAU,CACRJ,MAAOT,EAAG,UAAU,EACpBX,MAAO,WACPK,GAAI,UACN,EACAoB,OAAQ,CACNL,MAAOT,EAAG,iBAAiB,EAC3BX,MAAO,kBACPK,GAAI,QACN,EACAqB,UAAW,CACTN,MAAOT,EAAG,iBAAiB,EAC3BX,MAAO,kBACPK,GAAI,WACN,EACAsB,UAAW,CACTP,MAAOT,EAAG,cAAc,EACxBX,MAAO,eACPK,GAAI,WACN,EACAuB,OAAQ,CACNR,MAAOT,EAAG,QAAQ,EAClBX,MAAO,SACPK,GAAI,QACN,GAGIwB,EAAmB,GACnBC,EAAoB,EAEpBC,EAAgD,CACnD,QAAoBpB,EAAG,iEAAiE,EACxF,iBAA6BA,EAAG,6EAA8E,CAC7GqB,gBAAiBF,CACnB,CAAC,EACA,aAAyBnB,EACxB,yFACA,CAAEsB,SAAUJ,CAAiB,CAC/B,EACC,mBAA+BlB,EAAG,6DAA6D,GAG5FuB,EAAyBzC,EAAiB,IACvCkB,EAAG,uBAAwB,CAAEwB,gBAAiBxB,EAAG,6BAA6B,CAAE,CAAC,CACzF,EAEK,CAAEyB,4BAAAA,CAA4B,EAAIhD,EAAYiD,GAAoB,EAClE,CAAElD,WAAAA,CAAW,EAAIC,EAAYC,GAAkB,EAC/C,CAAEiD,YAAAA,CAAY,EAAIC,GAAuB,EAEzCC,EAAUjD,EACdkD,EAAGC,kBAAoBD,EAAGC,iBAAiBF,QAAUG,mBAAmBF,EAAGC,iBAAiBF,OAAO,EAAI,EACzG,EACMI,EAAWrD,EACfkD,EAAGC,kBAAoBD,EAAGC,iBAAiBE,SAAWD,mBAAmBF,EAAGC,iBAAiBE,QAAQ,EAAI,EAC3G,EACMC,EAAoBtD,IAAIkD,EAAAA,EAAGC,mBAAHD,YAAAA,EAAqBI,oBAAqB,EAAK,EACvEC,EAAoBvD,KACvBkD,EAAAA,EAAGC,mBAAHD,YAAAA,EAAqBK,sBAAqBL,EAAAA,EAAGC,mBAAHD,YAAAA,EAAqBI,qBAAsB,EACxF,EAEME,EAAaxD,EAAI,EAAK,EACtByD,EAA2BzD,EAAwC,CAAA,CAAE,EAErE0D,EAAc1D,EAQlB,CAAA,CAAE,EAEE2D,EAAY3D,EAAI,CACpBM,KAAM,CACJQ,GAAI,OACJR,KAAMc,EAAG,MAAM,EACfX,MAAOmD,EAAYtD,KAAOsD,EAAYtD,KAAO,GAC7CuD,MAAO,CAAC,CAACD,EAAYtD,IACvB,EACAU,MAAO,CACLF,GAAI,QACJR,KAAMc,EAAG,OAAO,EAChBX,MAAOmD,EAAY5C,MAAQ4C,EAAY5C,MAAQ,GAC/C6C,MAAO,CAAC,CAACD,EAAY5C,KACvB,EACA8C,UAAW,CACThD,GAAI,YACJR,KAAMc,EAAG,aAAa,EACtBX,MAAO,EACT,EACAsD,OAAQ,CACNjD,GAAI,SACJR,KAAMc,EAAG,iCAAiC,EAC1CX,MAAO,GACPoD,MAAO,EACT,EACAG,aAAc,CACZlD,GAAI,eACJR,KAAMc,EAAG,+BAA+B,EACxCX,MAAO,EACT,EACAwD,cAAe,CACbnD,GAAI,gBACJR,KAAMc,EAAG,uCAAuC,EAChDX,MAAO,EACT,CACF,CAAC,EAEKyD,EAA4BlE,EAA6B,IAAI,EAE7DhD,EAAoBgD,EAA8B,IAAI,EAEtDmE,EAAUnE,IACVoE,EAAsBpE,IAEtBqE,EAAmBnE,EAAiB,IACpCmD,EAAS5C,QAAU,eAAuBW,EAAG,uCAAuC,EACjFA,EAAG,oBAAqB,CAAEkD,aAAclD,EAAG,2CAA2C,CAAE,CAAC,CACjG,EAEKmD,EAAuBrE,EAAiB,IACrCkB,EACL,yIACA,CAAEqB,gBAAiBF,EAAmBG,SAAUJ,CAAiB,CACnE,CACD,EAEKkC,GAAmBtE,EAAiB,IACjCsD,EAAW/C,MAAQW,EAAG,eAAe,EAAIA,EAAG,QAAQ,CAC5D,EAEKqD,GAAmBvE,EAAiB,IAAM,CAC1C,GAAA,CAACoD,EAAkB7C,MACd,MAAA,GAGH,MAAAiE,EAAe,IAAIC,IAAIC,GAAW,CAAEC,gBAAiB,EAAO,CAAA,CAAC,EAE/D,OAAAxB,EAAS5C,MAAMc,OAAS,IAC1BmD,EAAaI,aAAaC,OAAO,WAAY1B,EAAS5C,KAAK,EACvD4C,EAAS5C,QAAU,gBACRiE,EAAAI,aAAaC,OAAO,aAAc,MAAM,GAIrD9B,EAAQxC,MAAMc,OAAS,GACzBmD,EAAaI,aAAaC,OAAO,UAAW9B,EAAQxC,KAAK,EAGpDiE,EAAaM,IACtB,CAAC,EAEKC,EAAmB/E,EAAiB,IACjC,uBAAuByD,EAAUlD,MAAMsD,OAAOtD,KAAK,OAAOkD,EAAUlD,MAAMuD,aAAavD,KAAK,gBAAgBkD,EAAUlD,MAAMwD,cAAcxD,KAAK,qBAAqBwC,EAAQxC,KAAK,EACzL,EAEKyE,EAAgChF,EAAkB,IACjDlD,EAAkByD,MACKrD,OAAO+H,OAAOnI,EAAkByD,KAAK,EAAE2E,KAChEC,GAA0C,CAACA,CAC9C,GAC8BhC,EAAS5C,QAAU,aAJZ,EAKtC,EAED,SAAS6E,GAAoBC,EAA2C,WACtE,GAAI,GAACA,EAAAA,EAAM1E,SAAN0E,MAAAA,EAAcC,UAASD,GAAAA,EAAAA,EAAM1E,SAAN0E,YAAAA,EAAcC,QAAdD,YAAAA,EAAqBhE,UAAW,EAAG,OAE/D,MAAMiE,EAAQC,MAAMC,KAAKH,EAAM1E,OAAO2E,KAAK,EACvC,GAAAA,EAAMjE,OAASgB,EAAmB,CACpCoD,EAAiB,kBAA0B,EAC1BC,IACjB,MACF,CAGI,GADkBJ,EAAMvI,OAAO,CAAC4I,EAAaC,IAAeD,EAAMC,EAAKC,KAAM,CAAC,EAC9DzD,EAAmB,KAAO,KAAM,CAClDqD,EAAiB,cAAsB,EACtBC,IACjB,MACF,CAEI,GAAAJ,EAAMJ,KAAMU,GAAS,CAACA,EAAK9G,KAAKgH,WAAW,QAAQ,CAAC,EAAG,CACzDL,EAAiB,oBAA4B,EAC5BC,IACjB,MACF,CAGAlC,EAAYjD,MAAQ,GAEpByD,EAA0BzD,MAAQjD,QAAQC,IACxC+H,EAAM9H,IAAKoI,GACF,IAAItI,QAASO,GAAY,CAGxB,MAAAkI,EAAS,IAAIC,WACZD,EAAA3G,iBAAiB,OAAQ,IAAY,CACtC,GAAA,OAAO2G,EAAOtI,QAAW,SAAU,CACrC,MAAMwI,GAAgBF,EAAOtI,OAAOyI,QAAQ,wBAAyB,EAAE,EACvE1C,EAAYjD,MAAQ,CAClB,GAAGiD,EAAYjD,MACf,CACE4F,SAAUP,EAAKxF,KACfgG,UAAWR,EAAK9G,KAChB+G,KAAMD,EAAKC,KACXQ,QAASJ,GACTK,SAAU,QACZ,CAAA,CAEJ,CACQzI,GACV,CAAC,EACDkI,EAAOQ,cAAcX,CAAI,CAC3B,CAAC,CACF,CACH,CACF,CAEA,eAAeY,IAAwB,CAEXxC,EAAAzD,OAAU,MAAMyD,EAA0BzD,MAEpE,MAAMkG,EAAW,CACfrG,KAAMqD,EAAUlD,MAAMH,KAAKG,MAC3BO,MAAO2C,EAAUlD,MAAMO,MAAMP,MAC7BwC,QAASI,EAAS5C,QAAU,eAAiBwE,EAAiBxE,MAAQwC,EAAQxC,MAC9E4C,SAAUA,EAAS5C,MACnBmG,WAAYjD,EAAUlD,MAAMqD,UAAUrD,MACtCiD,YAAaA,EAAYjD,MACzBoG,YAAaC,EAAyB,GAGxCtD,EAAW/C,MAAQ,GACf,GAAA,CACI,MAAAsG,EAAU,CAAEtH,OAAQuH,GAAWC,KAAMC,UAAWC,GAAgB,EAAAC,SAAUT,GAC1EU,EAAoC,MAAMC,GAAU,mBAAoBP,CAAO,EAEjFM,EAASE,MACX5B,EAAiB0B,EAASE,KAAK,EACtBF,EAASG,cAClBC,GAAWJ,EAASG,WAAW,EAEzBE,WAEDH,EAAO,CACdI,EAAiBJ,CAAK,EACtB5B,EAAiB,SAAiB,CACpC,QAAE,CACAnC,EAAW/C,MAAQ,EACrB,CACF,CAEA,SAASiH,GAAc,CACjBvD,EAAQ1D,QACOmF,IACjBzB,EAAQ1D,MAAMmH,QAElB,CAEA,SAAShC,GAAyB,CAC5BxB,EAAoB3D,QACtB2D,EAAoB3D,MAAMA,MAAQ,GAClCiD,EAAYjD,MAAQ,GAExB,CAEA,SAASkF,EAAiB4B,EAAwB,CACpCxE,EAAA,CACVE,QAAST,EAAmB+E,CAAK,EACjCM,iBAAkBC,GAAyBP,KAC7C,CAAC,CACH,CAEA,SAASQ,GAAOC,EAAe,CAC7B,MAAMC,EAAUD,EAAQlH,GACd6C,EAAAlD,MAAMwH,CAAO,EAAI,CACzBnH,GAAIkH,EAAQlH,GACZR,KAAM0H,EAAQ1H,KACdG,MAAOuH,EAAQvH,MACfoD,MAAOmE,EAAQnE,MAEnB,CAEA,SAASqE,GAAkBF,EAAkC,CAC3DhL,EAAkByD,MAAQuH,CAC5B,CAEA,SAASlB,GAAqD,CAC5D,OAAK5B,EAA8BzE,MAC5BzD,EAAkByD,MADwB,IAEnD,CAEA0H,OAAAA,GAAU,IAAM,CACd1E,EAAyBhD,MAAQrD,OAAOgL,QAAQzG,CAAe,EAC5D0G,OAAQC,GAAW/E,EAAkB9C,MAAQ,GAAO6H,EAAM,CAAC,IAAM,WAAY,EAC7ErL,OAAO,CAACsL,EAAKC,KAAmB,CAAE,GAAGD,EAAK,CAACC,EAAc,CAAC,CAAC,EAAGA,EAAc,CAAC,CAAE,GAAI,CAAE,CAAA,CAI1F,CAAC,+7KClWD,MAAMC,EAAkB3F,IAClB,CAAE4F,4BAAAA,EAA6B7F,4BAAAA,CAA4B,EAAIhD,EAAY4I,CAAe,k3FCDhG,MAAMA,EAAkB3F,IAClB,CAAED,4BAAAA,CAA4B,EAAIhD,EAAY4I,CAAe,EACnE,IAAIE,EAAmB,GACnB/E,GAAe,MAAQA,EAAYtD,MAAQ,MAAQsD,EAAY5C,OAAS,KAC1E2H,EAAmBvH,EAAG;AAAA;AAAA,YAAkC,EAExDuH,EAAmBvH,EAAG;AAAA;AAAA,aAA+C,CACnEd,KAAMsD,EAAYtD,MAAQ,GAC1BU,MAAO4C,EAAY5C,OAAS,EAC9B,CAAC,EAEG,MAAA4H,EAA0BC,mBAAmBF,CAAgB,EAC7DG,EAAa1H,EACjB,qbACA,CACE2H,WAAY,aACZC,WAAY,qBACZC,aAAc,kCAAkCL,CAAuB,EACzE,CACF,6gBCVA,MAAMM,EAAgBpJ,IAChB,CAAEF,WAAAA,CAAW,EAAIC,EAAYqJ,CAAa,EAE1CT,EAAkB3F,IAClB,CAAED,4BAAAA,CAA4B,EAAIhD,EAAY4I,CAAe,EAE7DU,EAAavF,EAAY5C,QAAU,yzCCdzCoI,GAAmB1J,KAAM2J,GAASC,GAAS,CAAEC,OAAQF,EAAKvI,EAAG,CAAC,CAAC,EAAE0I,MAAM7B,CAAgB,EAEvF8B,GAAY,CACVC,GAAI,OACJC,cAAeC,GACfC,SAAU,EACZ,CAAC,EAAEL,MAAM7B,CAAgB"}