{"version":3,"file":"FormEmailCompleter-BIQBfFok.js","sources":["../../../resources/js/helpers/LevenshteinDistance.js","../../../resources/js/components/FormEmailCompleter.vue"],"sourcesContent":["export const getLevenshteinDistance = (str1, str2) => {\n  const len1 = str1.length;\n  const len2 = str2.length;\n\n  const dp = Array(len1 + 1).fill(null).map(() => Array(len2 + 1).fill(null));\n\n  for (let i = 0; i <= len1; i++) {\n    dp[i][0] = i;\n  }\n  for (let j = 0; j <= len2; j++) {\n    dp[0][j] = j;\n  }\n\n  for (let i = 1; i <= len1; i++) {\n    for (let j = 1; j <= len2; j++) {\n      const cost = str1[i - 1] === str2[j - 1] ? 0 : 1;\n      dp[i][j] = Math.min(\n        dp[i - 1][j] + 1,       // Deletion\n        dp[i][j - 1] + 1,       // Insertion\n        dp[i - 1][j - 1] + cost // Substitution\n      );\n    }\n  }\n\n  return dp[len1][len2];\n};\n","<template>\n  <div class=\"flex items-start gap-1 hide-scrollbar\" :class=\"!disableFlexWrap && 'flex-wrap'\">\n    <button\n      v-for=\"suggestion in firstFourSuggestions\"\n      :key=\"suggestion.id\"\n      :class=\"buttonClass\"\n      :style=\"buttonStyle\"\n      @click=\"() => implementSuggestion(suggestion)\"\n      type=\"button\">\n      {{ suggestion.copy }}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport {computed, ref, watch} from \"vue\";\nimport {debounce} from \"../marketing-site/lightweight-debounce\";\nimport {getLevenshteinDistance} from \"../helpers/LevenshteinDistance\";\n\nconst emits = defineEmits([\"update:modelValue\"]);\nconst props = defineProps({\n  modelValue: {\n    type: String,\n    default: \"\",\n  },\n  buttonClass: {\n    type: String,\n    default: \"bg-slate-200 text-slate-600 text-xs font-medium px-2 py-1 rounded-lg\",\n  },\n  buttonStyle: {\n    type: String,\n    default: \"\",\n  },\n  maxSuggestions: {\n    type: Number,\n    default: 4,\n  },\n  disableFlexWrap: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst debouncedInput = ref(\"\");\nconst debounceUpdateInput = debounce((value) => debouncedInput.value = value, 100);\n\nconst TOP_EMAIL_PROVIDERS = [\n  \"@gmail.com\",\n  \"@outlook.com\",\n  \"@icloud.com\",\n  \"@yahoo.com\",\n  \"@hotmail.com\",\n  \"@aol.com\",\n  \"@protonmail.com\",\n  \"@zoho.com\",\n];\n\nconst SUGGESTION_TYPE_AUTOCOMPLETE = \"autocomplete\";\nconst SUGGESTION_TYPE_TYPO = \"typo\";\nconst SUGGESTION_TYPE_DOMAIN = \"domain\";\n\nconst makeSuggestion = (type, value) => {\n  let copy, rank, handler;\n\n  switch (type) {\n  case SUGGESTION_TYPE_AUTOCOMPLETE:\n    copy = value;\n    rank = 1;\n    handler = (val) => {\n      const atIndex = val.indexOf(\"@\");\n      return atIndex !== -1 ? val.slice(0, atIndex + 1) + value : val + value;\n    };\n    break;\n\n  case SUGGESTION_TYPE_TYPO:\n    rank = 2;\n    copy = \"Do you mean @\" + value + \"?\";\n    handler = (val) => val.replace(/@[^@]+$/, \"@\" + value);\n    break;\n\n  case SUGGESTION_TYPE_DOMAIN:\n    rank = 3;\n    copy = \"Do you mean .\" + value + \"?\";\n    handler = (val) => val.replace(/\\.[a-z]+$/, \".\" + value);\n    break;\n  }\n\n  const id = Math.random().toString(36).slice(2);\n\n  return {id, type, rank, copy, handler};\n};\n\nconst detectTypo = (value) => {\n  const indexOfAt = value.indexOf(\"@\");\n  const domainPart = value.slice(indexOfAt);\n  if (!domainPart) return null;\n\n  if (TOP_EMAIL_PROVIDERS.includes(domainPart)) return null;\n\n  for (const provider of TOP_EMAIL_PROVIDERS) {\n    const d = getLevenshteinDistance(provider, domainPart);\n    if (d <= 2) return provider.slice(1);\n  }\n\n  return null;\n};\n\nconst popularTLDS = [\n  \"com\", \"co\", \"org\", \"net\", \"io\", \"ai\", \"online\", \"store\", \"us\"\n];\n\nconst detectDomainTypo = (input) => {\n  const TLDPattern = /\\.[a-z]+$/;\n  const TLDMatch = input.match(TLDPattern);\n  if (!TLDMatch) return null;\n\n  const TLD = TLDMatch[0].slice(1);\n  if (popularTLDS.includes(TLD)) return null;\n\n  const firstLetter = TLD[0];\n\n  for (const popularTLD of popularTLDS) {\n    if (popularTLD[0] === firstLetter) {\n      return popularTLD;\n    }\n  }\n\n  return \"com\";\n};\n\n// Compute suggestions based on user input\nconst suggestions = computed(() => {\n  const input = debouncedInput.value;\n  const atIndex = input.indexOf(\"@\");\n\n  if (atIndex === -1) {\n    return TOP_EMAIL_PROVIDERS.map((provider) =>\n      makeSuggestion(SUGGESTION_TYPE_AUTOCOMPLETE, provider)\n    );\n  }\n\n  if (input.slice(atIndex + 1).includes(\"@\")) return [];\n\n  const domain = input.slice(atIndex + 1);\n  const hasTLD = domain.includes(\".\");\n\n  const allSuggestions = [];\n\n  let typo, domainTypo = \"\";\n\n  if (hasTLD) {\n    typo = detectTypo(input);\n    domainTypo = detectDomainTypo(input);\n\n    if (typo) {\n      allSuggestions.push(makeSuggestion(SUGGESTION_TYPE_TYPO, typo));\n    } else if (domainTypo) {\n      allSuggestions.push(makeSuggestion(SUGGESTION_TYPE_DOMAIN, domainTypo));\n    }\n  }\n\n  const autocompleteSuggestions = TOP_EMAIL_PROVIDERS\n    .filter((provider) => provider.startsWith(\"@\" + domain) && provider !== \"@\" + domain && !provider.startsWith(\"@\" + typo))\n    .map((provider) => makeSuggestion(SUGGESTION_TYPE_AUTOCOMPLETE, provider));\n\n  return allSuggestions.concat(autocompleteSuggestions);\n});\n\nconst firstFourSuggestions = computed(() => {\n  const copySuggestions = suggestions.value.map((suggestion) => ({...suggestion}));\n  return copySuggestions.sort((a, b) => a.rank - b.rank).slice(0, props.maxSuggestions);\n});\n\nconst implementSuggestion = (suggestion) => emits(\"update:modelValue\", suggestion.handler(props.modelValue));\n\nwatch(() => props.modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return;\n  if (newValue) debounceUpdateInput(newValue);\n  else debouncedInput.value = \"\";\n}, {immediate: true});\n</script>\n"],"names":["getLevenshteinDistance","str1","str2","len1","len2","dp","i","j","cost","SUGGESTION_TYPE_AUTOCOMPLETE","SUGGESTION_TYPE_TYPO","SUGGESTION_TYPE_DOMAIN","emits","__emit","props","__props","debouncedInput","ref","debounceUpdateInput","debounce","value","TOP_EMAIL_PROVIDERS","makeSuggestion","type","copy","rank","handler","val","atIndex","detectTypo","indexOfAt","domainPart","provider","popularTLDS","detectDomainTypo","input","TLDPattern","TLDMatch","TLD","firstLetter","popularTLD","suggestions","computed","domain","hasTLD","allSuggestions","typo","domainTypo","autocompleteSuggestions","firstFourSuggestions","suggestion","a","b","implementSuggestion","watch","newValue","oldValue"],"mappings":"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"}