@craterapp/vue-sdk/dist/InputType-SM3zO2qx.js

Embedded Invoicing & Bill Pay for platforms.

import { c, t as f, r as p, a as m, u as v, d as y, b as q } from "./index-IlzZ4Xqv.js";
import { defineComponent as $, computed as b, openBlock as g, createBlock as S, unref as a, withCtx as V, createVNode as _ } from "vue";
const I = /* @__PURE__ */ $({
  __name: "InputType",
  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, i = {
      value: {
        required: c.withMessage(
          f("validation.required"),
          p(r.field.is_required)
        )
      }
    }, t = m(
      i,
      b(() => r.field),
      { $scope: r.validationScope }
    );
    v();
    function o(l) {
      return l.toLowerCase().replace(/ /g, "-");
    }
    return (l, u) => {
      const d = y, n = q;
      return g(), S(n, {
        label: e.field.label,
        required: !!e.field.is_required,
        error: a(t).value.$error && a(t).value.$errors[0].$message,
        "data-cy": o(e.field.label)
      }, {
        default: V(() => [
          _(d, {
            modelValue: e.field.value,
            "onUpdate:modelValue": u[0] || (u[0] = (s) => e.field.value = s),
            type: "text",
            invalid: a(t).value.$error
          }, null, 8, ["modelValue", "invalid"])
        ]),
        _: 1
      }, 8, ["label", "required", "error", "data-cy"]);
    };
  }
});
export {
  I as default
};