@craterapp/vue-sdk/dist/EmailType-fxRHt19f.js

Embedded Invoicing & Bill Pay for platforms.

import { c as i, t as u, r as c, l as m, a as p, u as f, d as v, b as q } from "./index-IlzZ4Xqv.js";
import { defineComponent as y, computed as _, openBlock as $, createBlock as b, unref as t, withCtx as g, createVNode as S } from "vue";
const w = /* @__PURE__ */ y({
  __name: "EmailType",
  props: {
    modelValue: {
      type: String,
      default: null
    },
    requirements: {
      type: Array,
      default: () => []
    },
    field: {
      type: Object,
      required: !0
    },
    placeholder: {
      type: String,
      default: ""
    },
    validationScope: {
      type: String,
      required: !0
    },
    step: {
      type: Object,
      required: !0
    }
  },
  setup(e) {
    const r = e, o = {
      value: {
        required: i.withMessage(
          u("validation.required"),
          c(r.field.is_required)
        ),
        email: i.withMessage(u("validation.email_incorrect"), m)
      }
    }, a = p(
      o,
      _(() => r.field),
      { $scope: r.validationScope }
    );
    return f(), (V, l) => {
      const d = v, n = q;
      return $(), b(n, {
        label: e.field.label,
        required: !!e.field.is_required,
        error: t(a).value.$error && t(a).value.$errors[0].$message
      }, {
        default: g(() => [
          S(d, {
            modelValue: e.field.value,
            "onUpdate:modelValue": l[0] || (l[0] = (s) => e.field.value = s),
            type: "email",
            invalid: t(a).value.$error
          }, null, 8, ["modelValue", "invalid"])
        ]),
        _: 1
      }, 8, ["label", "required", "error"]);
    };
  }
});
export {
  w as default
};