{"version":3,"file":"short-text-DRYNL2r-.js","sources":["../../../app/javascript/api/form_email_verification.js","../../../app/javascript/components/builder/components/email-verification.vue","../../../app/javascript/assets/images/check-icon.png","../../../app/javascript/components/builder/components/short-text.vue"],"sourcesContent":["import { post } from \"./_utils\";\n\nexport const sendVerificationCode = (uuid, email) => {\n  return post(`/forms/${uuid}/email_verification/send_code`, { email });\n};\n\nexport const verifyCode = (uuid, email, code) => {\n  return post(`/forms/${uuid}/email_verification/verify_code`, { email, code });\n};\n","<template>\n  <div class=\"email-verification__container\">\n    <div class=\"email-verification__header\">\n      <label class=\"formester-label\" :style=\"labelStyles\">\n        {{ emailVerification.title }}\n      </label>\n\n      <p class=\"email-verification__description\">\n        {{ description }}\n      </p>\n    </div>\n\n    <div class=\"otp-container\">\n      <input\n        v-for=\"(digit, index) in otpDigits\"\n        ref=\"otpInputRefs\"\n        :key=\"index\"\n        v-model=\"otpDigits[index]\"\n        type=\"number\"\n        class=\"formester-input otp-input\"\n        :class=\"{ error: hasError }\"\n        maxlength=\"1\"\n        min=\"0\"\n        max=\"9\"\n        placeholder=\"0\"\n        :readonly=\"editing\"\n        @input=\"handleInput($event, index)\"\n        @keydown=\"handleKeydown($event, index)\"\n        @paste=\"handlePaste\"\n      />\n\n      <i v-if=\"loading\" class=\"fa-solid fa-circle-notch fa-spin\" />\n    </div>\n\n    <div v-if=\"hasError\" class=\"error-message\">\n      Invalid confirmation code. Please try again.\n    </div>\n\n    <div v-if=\"emailVerification.verified\" class=\"success-message\">\n      Email verified successfully!\n    </div>\n\n    <p class=\"email-verification__hint\">\n      <!-- Resend -->\n      {{ emailVerification.resendDescription }}\n      <span class=\"email-verification__hint__action-btn\" @click=\"handleResend\">\n        {{ emailVerification.resendButtonText }}\n      </span>\n\n      <!-- Change Email -->\n      {{ emailVerification.alternateEmailDescription }}\n      <span\n        class=\"email-verification__hint__action-btn\"\n        @click=\"handleChangeEmail\"\n      >\n        {{ emailVerification.alternateEmailButtonText }}\n      </span>\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch, onMounted, nextTick } from \"vue\";\nimport {\n  sendVerificationCode,\n  verifyCode,\n} from \"@/api/form_email_verification\";\nimport { ElNotification } from \"element-plus\";\n\n// Props\nconst props = defineProps({\n  item: {\n    type: Object,\n    required: true,\n  },\n  styling: {\n    type: Object,\n    required: true,\n  },\n  uuid: {\n    type: String,\n    required: true,\n  },\n  editing: {\n    type: Boolean,\n    default: false,\n  },\n});\n\n// Emits\nconst emit = defineEmits([\"verification-complete\"]);\n\n// State\nconst otpDigits = ref(Array(6).fill(\"\"));\nconst hasError = ref(false);\nconst otpInputRefs = ref([]);\nconst loading = ref(false);\n\n// Mounted\nonMounted(() => {\n  otpInputRefs.value[0]?.setCustomValidity(\n    \"Please confirm your email address by entering the confirmation code.\",\n  );\n});\n\n// Computed\nconst emailVerification = computed(() => props.item.emailConfirmationData);\n\nconst labelStyles = computed(() => {\n  return {\n    \"margin-bottom\": `${props.styling.labelBottomMargin}px`,\n    color: props.styling.fontColor,\n    \"font-family\": props.styling.fontFamily,\n    \"font-size\": `${props.styling.fontSize}px`,\n    \"font-weight\": props.styling.labelFontWeight,\n    \"font-style\": props.styling.italicFont ? \"italic\" : \"normal\",\n  };\n});\n\nconst description = computed(() =>\n  emailVerification.value.description.replace(\n    \"{{email}}\",\n    props.item.value || \"your email\",\n  ),\n);\n\n// Methods\nfunction handleInput(event, index) {\n  const value = event.target.value;\n\n  // Allow only single digit\n  otpDigits.value[index] = value.slice(-1);\n\n  // Move to next after value is entered\n  if (value && index < 5) {\n    otpInputRefs.value[index + 1].focus();\n  }\n\n  if (value && index === 5) {\n    verifyOTP();\n  }\n}\n\nfunction handleKeydown(event, index) {\n  if (props.editing) return;\n\n  // Handle backspace\n  if (event.key === \"Backspace\" && !otpDigits.value[index] && index > 0) {\n    otpDigits.value[index - 1] = \"\";\n    otpInputRefs.value[index - 1].focus();\n  } else if (event.key === \"Enter\") {\n    event.preventDefault();\n    verifyOTP();\n  }\n}\n\nfunction handlePaste(event) {\n  if (props.editing) return;\n\n  event.preventDefault();\n  const pastedData = event.clipboardData.getData(\"text\");\n  const numbers = pastedData.replace(/\\D/g, \"\").slice(0, 6);\n\n  numbers.split(\"\").forEach((num, index) => {\n    if (index < 6) {\n      otpDigits.value[index] = num;\n      otpInputRefs.value[index + 1]?.focus();\n    }\n  });\n\n  if (numbers.length >= 6) {\n    verifyOTP();\n  }\n}\n\nasync function handleResend() {\n  if (props.editing) return;\n\n  loading.value = true;\n  try {\n    const { data } = await sendVerificationCode(props.uuid, props.item.value);\n    loading.value = false;\n\n    ElNotification({\n      message: data.message,\n      type: \"success\",\n      position: \"bottom-right\",\n    });\n  } catch (error) {\n    loading.value = false;\n    const errorMessage =\n      error.response?.data?.message ||\n      \"Unable to resend confirmation code. Please try again.\";\n\n    ElNotification({\n      message: errorMessage,\n      type: \"error\",\n      position: \"bottom-right\",\n    });\n  }\n}\n\nfunction handleChangeEmail() {\n  if (props.editing) return;\n\n  emailVerification.value.verifying = false;\n}\n\nasync function verifyOTP() {\n  const otp = otpDigits.value.join(\"\");\n  loading.value = true;\n\n  try {\n    const { data } = await verifyCode(props.uuid, props.item.value, otp);\n\n    loading.value = false;\n    hasError.value = false;\n    emailVerification.value.verifying = false;\n    emailVerification.value.verified = true;\n    emailVerification.value.code = otp;\n\n    nextTick(() => {\n      emit(\"verification-complete\");\n    });\n\n    ElNotification({\n      message: data.message,\n      type: \"success\",\n      position: \"bottom-right\",\n    });\n  } catch (error) {\n    console.error(error);\n    loading.value = false;\n    hasError.value = true;\n    const errorMessage =\n      error.response?.data?.message ||\n      \"Unable to confirm code. Please try again.\";\n\n    ElNotification({\n      message: errorMessage,\n      type: \"error\",\n      position: \"bottom-right\",\n    });\n  }\n}\n\nwatch(\n  otpDigits,\n  () => {\n    if (hasError.value) {\n      hasError.value = false;\n    }\n  },\n  { deep: true },\n);\n</script>\n\n<style scoped>\n.email-verification__container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-2);\n}\n\n.email-verification__header {\n  margin-bottom: var(--spacing-2);\n}\n\n.email-verification__header label {\n  display: block;\n  margin-bottom: 8px;\n  word-wrap: break-word;\n  line-height: 150%;\n}\n\n.email-verification__description {\n  color: var(--description-font-color);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-sm);\n  margin-bottom: 0;\n}\n\n.otp-container {\n  display: flex;\n  gap: var(--spacing-2);\n}\n\n.otp-input {\n  width: 40px;\n  height: 50px;\n  text-align: center;\n  transition: all 0.2s ease;\n  appearance: none;\n  -moz-appearance: textfield;\n}\n.otp-input::placeholder {\n  color: var(--placeholder-text-color);\n}\n.otp-input::-webkit-outer-spin-button,\n.otp-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.otp-input:focus {\n  border-color: transparent;\n}\n\n.otp-input:read-only:focus {\n  border-color: var(--border-color);\n}\n\n.otp-input.error {\n  border-color: #dc2626;\n  animation: shake 0.3s;\n}\n\n.error-message {\n  color: #dc2626;\n  font-size: var(--font-size-sm);\n}\n\n.success-message {\n  color: #16a34a;\n  font-size: var(--font-size-sm);\n}\n\n@keyframes shake {\n  0%,\n  100% {\n    transform: translateX(0);\n  }\n  25% {\n    transform: translateX(-5px);\n  }\n  75% {\n    transform: translateX(5px);\n  }\n}\n\n.email-verification__hint {\n  font-size: var(--font-size-sm);\n  color: var(--description-font-color);\n  margin: 0;\n  margin-top: var(--spacing-2);\n}\n\n.email-verification__hint__action-btn {\n  color: var(--primary-color);\n  cursor: pointer;\n}\n\n.otp-container i {\n  font-size: 20px;\n  color: var(--primary-color);\n  display: flex;\n  align-items: center;\n}\n</style>\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJCSURBVHgBtZY/bNNAFMa/e06igoQUxIIQgz3wZ0siMZTNLhMUiTAwQCVKB9SOBbG32RHQrYihMAALQ1SB2NowtZvTEVFkDwixoEaqREKJ77g7Gitx7SYx6W855b2X7zufz++OoQ+u8PJoowgRmBDMVDFitMNZe6uUPVfr93+WKPzHs0nwspSblj/zCWUNKVANAlRKxyx/IAM1Y6ONBSEwjyGQQs+CrDRiViMS7xJveiYR1mXURDp8HsDpfho2QvFYE+pEDQMrIxBXmFprH23gNrfvCcBGCr43fmLV3eiJKS239XU+NCAyFpACJX5/5Sme1z4cyBGR1iT393Y5zdJ0xBUvZh7EleTd5hdbvlcqY0g64mp8cnsOZ/KnYuuYkZnOgLEChuDzj294+HZZiz+6egsXTp9NrJVb1M7IsRiXfLOxpsc7lyd6xNXMd1u/MOtcx9T4BPqQzyRlluWLU0K7raYUm+wRdy4WMGdPYgC0gfq0D/SaWecaHn98J43ea9HV+qYe1XpXbt7FoJDctI24xNT4lXB9X2+uheJqx5wYO44BqROH+JSUVS+xm8N2TBxCGYCzl0kFl8zzev3VjPvtmDjkB1zVzW5rz9tBcs9Pi1/IWZZuFZyjglFDtKiGsF3X97x1lrLhRZFrXyvmLEf7hMEAMzLj4//xtdY+R36iUXdWJXgOJQ6+hKHhSzyLUvTwT75VyKcBiUVi7AYOuVXIybxCQFUpXIsrSDSImNlkUIGL9sl/kxW+PGR9jKEevUVE+QvwNuee/usRsgAAAABJRU5ErkJggg==\"","<template>\n  <div :class=\"rootClasses\" :style=\"rootStyles\">\n    <ElementControls\n      v-if=\"editing\"\n      :no-page-break=\"!pageBreakAllowed\"\n      @delete=\"$emit('delete')\"\n      @duplicate=\"$emit('duplicate')\"\n      @page-break=\"$emit('page-break')\"\n      @hide=\"$emit('hide')\"\n    />\n\n    <div\n      v-if=\"confirmEmail && editing\"\n      class=\"email-verification__builder-info\"\n    >\n      <TickMarkRoundedIcon />\n      <div class=\"email-verification__builder-info__content\">\n        <span> Email Confirmation is On! </span>\n\n        <span class=\"highlight\" @click=\"otpView = !otpView\">\n          <EyeIcon color=\"var(--color-success-700)\" />\n          {{ emailVerifying ? \"Preview Email Field View\" : \"Preview OTP View\" }}\n        </span>\n      </div>\n    </div>\n\n    <AnalyticsWrapper>\n      <Transition :name=\"fieldTransitionName\">\n        <EmailVerification\n          v-if=\"confirmEmail && emailVerifying\"\n          :key=\"'verification'\"\n          class=\"email-verification\"\n          :item=\"item\"\n          :styling=\"styling\"\n          :uuid=\"uuid\"\n          :editing=\"editing\"\n          @verification-complete=\"handleEmailVerified\"\n        />\n\n        <div v-else :key=\"'input'\" :class=\"layoutClasses\">\n          <div\n            v-if=\"label || description\"\n            class=\"formester-label-description-wrapper\"\n            :style=\"labelDescriptionWrapperStyles\"\n          >\n            <label\n              :class=\"labelClasses\"\n              :style=\"labelStyles\"\n              :for=\"item.label + item.id\"\n              v-html=\"label\"\n            />\n            <SmartText\n              :active=\"active\"\n              :editing=\"editing\"\n              :item=\"item\"\n              :style=\"descriptionStyles\"\n              :text=\"description\"\n            />\n          </div>\n\n          <div class=\"d-flex gap-3 position-relative\">\n            <input\n              :id=\"item.label + item.id\"\n              ref=\"shortTextRef\"\n              v-model=\"itemValue\"\n              v-maska=\"inputMask\"\n              :data-uuid=\"item.id\"\n              :readonly=\"editing\"\n              :class=\"inputClasses\"\n              :style=\"inputStyles\"\n              :placeholder=\"placeholder\"\n              :name=\"item.label\"\n              :required=\"item.required\"\n              :type=\"item.validate\"\n              :min=\"item.min\"\n              :max=\"item.max\"\n              :minlength=\"item.minimum\"\n              :maxlength=\"item.maximum\"\n              :step=\"item.stepSize || 'any'\"\n              :disabled=\"isDisabled\"\n              @input=\"validate\"\n            />\n\n            <button\n              v-if=\"confirmEmail && !emailVerified\"\n              type=\"button\"\n              class=\"formester-input__verify__btn\"\n              :style=\"verifyButtonStyle\"\n              :disabled=\"isEmailVerifyBtnDisabled || editing\"\n              @click=\"sendCode\"\n            >\n              <i v-if=\"sendingCode\" class=\"fa-solid fa-circle-notch fa-spin\" />\n              {{ item.emailConfirmationData.buttonText }}\n            </button>\n\n            <img\n              v-if=\"confirmEmail && emailVerified\"\n              src=\"@/assets/images/check-icon.png\"\n              class=\"verified__checkmark\"\n              aria-hidden=\"true\"\n            />\n          </div>\n          <ErrorMessage :item=\"item\" />\n        </div>\n      </Transition>\n    </AnalyticsWrapper>\n  </div>\n</template>\n\n<script>\nimport ElementControls from \"./element-controls.vue\";\nimport commonStyles from \"./mixins/commonStyles\";\nimport sharedActions from \"./mixins/sharedActions\";\nimport ErrorMessage from \"./error-message.vue\";\nimport SmartText from \"./shared/smart-text.vue\";\nimport AnalyticsWrapper from \"./analytics-wrapper.vue\";\nimport EmailVerification from \"@/components/builder/components/email-verification.vue\";\nimport setItem from \"lodash/set\";\nimport { isValidEmail } from \"@/helpers/utils\";\nimport { sendVerificationCode } from \"@/api/form_email_verification\";\nimport { ElNotification } from \"element-plus\";\nimport TickMarkRoundedIcon from \"@/components/icons/tick-mark-rounded.vue\";\nimport EyeIcon from \"@/components/icons/eye.vue\";\nimport { vMaska } from \"maska/vue\";\n\nexport default {\n  directives: { maska: vMaska },\n  name: \"ShortText\",\n  components: {\n    ElementControls,\n    ErrorMessage,\n    SmartText,\n    AnalyticsWrapper,\n    EmailVerification,\n    TickMarkRoundedIcon,\n    EyeIcon,\n  },\n  mixins: [commonStyles, sharedActions],\n  props: {\n    uuid: {\n      type: String,\n      required: true,\n    },\n    item: {\n      type: Object,\n      required: true,\n    },\n    required: {\n      type: Boolean,\n      default: false,\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    styling: {\n      type: Object,\n      required: true,\n    },\n    pageBreakAllowed: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: [\"delete\", \"page-break\", \"duplicate\", \"hide\"],\n  data() {\n    return {\n      sendingCode: false,\n      confirmedEmails: [],\n      otpView: false,\n      mask: null,\n    };\n  },\n  computed: {\n    inputMask() {\n      if (!this.isMaskEnabled) return {};\n\n      const mask = this.normalizeMaskString(this.item.maskFormat);\n      return {\n        mask: () => {\n          return this.item.allowMaskOverflow ? mask + \" ~\" : mask;\n        },\n        tokens: {\n          w: { pattern: /[^\\s]/, multiple: true },\n          \"~\": { pattern: /./, multiple: true },\n        },\n      };\n    },\n    isMaskEnabled() {\n      return this.item.useMask && this.item.maskFormat;\n    },\n    placeholder() {\n      if (this.isMaskEnabled && this.item.allowSmartPlaceholder) {\n        return this.maskaPlaceholder(this.item.maskFormat);\n      } else {\n        return this.item.placeholder;\n      }\n    },\n    itemValue: {\n      get() {\n        return this.item.value;\n      },\n      set(e) {\n        setItem(this.item, \"value\", e);\n      },\n    },\n    isEmailVerifyBtnDisabled() {\n      return (\n        !this.itemValue ||\n        !isValidEmail(this.itemValue) ||\n        this.sendingCode ||\n        this.editing\n      );\n    },\n    emailVerifying: {\n      get() {\n        if (this.editing) {\n          return this.otpView;\n        }\n\n        return this.item.emailConfirmationData.verifying;\n      },\n      set(e) {\n        if (this.editing) {\n          this.otpView = e;\n          return;\n        }\n\n        setItem(this.item, \"emailConfirmationData.verifying\", e);\n      },\n    },\n    emailVerified: {\n      get() {\n        return this.item.emailConfirmationData.verified;\n      },\n      set(e) {\n        setItem(this.item, \"emailConfirmationData.verified\", e);\n      },\n    },\n    inputClasses() {\n      return {\n        \"formester-input\": true,\n        \"formester-input__shorttext\": true,\n      };\n    },\n    verifyButtonStyle() {\n      return {\n        \"border-color\": this.styling.buttonColor || \"#6d5eac\",\n        color: this.styling.buttonColor || \"white\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n      };\n    },\n    confirmEmail() {\n      return this.item.confirmEmail && this.item.type === \"email\";\n    },\n    fieldTransitionName() {\n      if (this.editing) {\n        return \"fade-in\";\n      }\n\n      return this.confirmEmail && this.emailVerifying ? \"next\" : \"back\";\n    },\n  },\n  mounted() {\n    if (this.confirmEmail && !this.emailVerified) {\n      this.$refs.shortTextRef.setCustomValidity(\"Please confirm your email\");\n    }\n  },\n  methods: {\n    normalizeMaskString(maskString) {\n      // Collapse consecutive 'w' into a single 'w'\n      return maskString.replace(/(?<!!)w+/g, \"w\");\n    },\n    maskaPlaceholder(maskString) {\n      const letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n      const all = letters + \"0123456789\";\n      const randomlyChoose = (source) =>\n        source[Math.floor(Math.random() * source.length)];\n      const randomWord = (length = 10) =>\n        Array.from({ length })\n          .map(() => randomlyChoose(all))\n          .join(\"\");\n      return this.normalizeMaskString(maskString)\n        ?.replace(/(?<!!)#/g, () => Math.floor(Math.random() * 10))\n        ?.replace(/(?<!!)\\@/g, () => randomlyChoose(letters))\n        ?.replace(/(?<!!)\\*/g, () => randomlyChoose(all))\n        ?.replace(/(?<!!)w/g, () =>\n          randomWord(Math.floor(5 + 5 * Math.random())),\n        )\n        ?.replace(/!w/g, \"w\")\n        ?.replace(/!#/g, \"#\")\n        ?.replace(/!\\@/g, \"@\")\n        ?.replace(/!\\*/g, \"*\");\n    },\n    validate(event) {\n      const el = event.srcElement;\n      if (\n        parseInt(el.value) < parseInt(el.min) ||\n        parseInt(el.value) > parseInt(el.max)\n      ) {\n        setItem(\n          this.item,\n          \"error\",\n          `Enter a value between ${el.min} to ${el.max}`,\n        );\n      } else {\n        setItem(this.item, \"error\", \"\");\n      }\n\n      // Email Confirmation validation\n      if (this.confirmEmail) {\n        const isConfirmedEmail = this.confirmedEmails.includes(\n          this.itemValue.toLowerCase(),\n        );\n\n        if (!isConfirmedEmail) {\n          this.$refs.shortTextRef.setCustomValidity(\n            \"Please confirm your email\",\n          );\n          this.emailVerified = false;\n        } else {\n          this.$refs.shortTextRef.setCustomValidity(\"\");\n          this.emailVerified = true;\n        }\n      }\n    },\n    async sendCode() {\n      this.sendingCode = true;\n      try {\n        await sendVerificationCode(this.uuid, this.itemValue);\n        this.sendingCode = false;\n        this.emailVerifying = true;\n      } catch (error) {\n        this.sendingCode = false;\n        const errorMessage =\n          error.response?.data?.message ||\n          \"Unable to resend confirmation code. Please try again.\";\n\n        ElNotification({\n          message: errorMessage,\n          type: \"error\",\n          position: \"bottom-right\",\n        });\n      }\n    },\n    handleEmailVerified() {\n      this.emailVerified = true;\n      this.confirmedEmails.push(this.itemValue.toLowerCase());\n      this.$refs.shortTextRef.setCustomValidity(\"\");\n      this.$refs.shortTextRef.checkValidity();\n    },\n  },\n};\n</script>\n\n<style scoped>\n.formester-input__verify__btn {\n  cursor: pointer;\n  font-size: var(--answer-input-font-size);\n  border-radius: var(--rounded);\n  border: 1px solid var(--primary-color);\n  color: var(--primary-color);\n  background-color: transparent;\n  padding: 10px var(--spacing-3);\n  flex: none;\n  max-width: 160px;\n  box-shadow: none;\n  transition: all 0.3s ease;\n}\n\n.formester-input__verify__btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.formester-input__verify__btn:focus {\n  border-color: var(--btn-focus-color);\n  box-shadow: 0 0 0 0.2rem var(--btn-focus-color);\n  outline: none;\n}\n\n.formester-input__verify__btn:hover {\n  transform: scale(1.03);\n  box-shadow: 0 0 0 0.2rem var(--btn-focus-color);\n}\n\n.formester-input__verify__btn i {\n  color: var(--primary-color);\n}\n\n/* Transition */\n.next-enter-active {\n  animation: next 0.3s ease;\n}\n\n.back-enter-active {\n  animation: back 0.3s ease;\n}\n\n.fade-in-enter-active {\n  animation: fade-in 0.3s ease;\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n    scale: 0.9;\n  }\n  100% {\n    opacity: 1;\n    scale: 1;\n  }\n}\n\n@keyframes next {\n  0% {\n    opacity: 0;\n    transform: translateX(100px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes back {\n  0% {\n    opacity: 0;\n    transform: translateX(-100px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.verified__checkmark {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.email-verification__builder-info {\n  display: flex;\n  align-items: center;\n  background-color: #ecfdf3;\n  gap: var(--spacing-2);\n  padding: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n  border-radius: var(--rounded);\n  color: var(--color-secondary-text);\n}\n\n.email-verification__builder-info__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1);\n}\n\n.email-verification__builder-info__content .highlight {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  color: var(--color-success-700);\n  font-size: var(--font-size-sm);\n  font-style: italic;\n  font-weight: var(--font-weight-regular);\n}\n\ninput:disabled {\n  background-color: #7d2c2c;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n</style>\n"],"names":["sendVerificationCode","uuid","email","post","verifyCode","code","props","__props","emit","__emit","otpDigits","ref","hasError","otpInputRefs","loading","onMounted","_a","emailVerification","computed","labelStyles","description","handleInput","event","index","value","verifyOTP","handleKeydown","handlePaste","numbers","num","handleResend","data","ElNotification","error","errorMessage","_b","handleChangeEmail","otp","nextTick","watch","_imports_0","_sfc_main","vMaska","ElementControls","ErrorMessage","SmartText","AnalyticsWrapper","EmailVerification","TickMarkRoundedIcon","EyeIcon","commonStyles","sharedActions","mask","e","setItem","isValidEmail","maskString","letters","all","randomlyChoose","source","randomWord","length","_h","_g","_f","_e","_d","_c","el","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","$props","_createBlock","_component_ElementControls","_createCommentVNode","$options","_openBlock","_hoisted_1","_createVNode","_component_TickMarkRoundedIcon","_createElementVNode","_cache","$event","$data","_component_EyeIcon","_createTextVNode","_component_AnalyticsWrapper","_withCtx","_Transition","_component_EmailVerification","_component_SmartText","args","_hoisted_7","_toDisplayString","_hoisted_8","_component_ErrorMessage"],"mappings":"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"}