@craterapp/vue-sdk
Version:
Embedded Invoicing & Bill Pay for platforms.
228 lines (227 loc) • 8.01 kB
JavaScript
import { u as q, c as n, t as r, r as c, a as v, _ as N, b as h, d as A, e as k } from "./index-IlzZ4Xqv.js";
import { defineComponent as C, computed as I, openBlock as t, createElementBlock as w, Fragment as _, createBlock as u, unref as a, withCtx as b, createVNode as f, createCommentVNode as m } from "vue";
const S = [
{ name: "Alabama", code: "AL" },
{ name: "Alaska", code: "AK" },
{ name: "Arizona", code: "AZ" },
{ name: "Arkansas", code: "AR" },
{ name: "California", code: "CA" },
{ name: "Colorado", code: "CO" },
{ name: "Connecticut", code: "CT" },
{ name: "Delaware", code: "DE" },
{ name: "District of Columbia", code: "DC" },
{ name: "Florida", code: "FL" },
{ name: "Georgia", code: "GA" },
{ name: "Hawaii", code: "HI" },
{ name: "Idaho", code: "ID" },
{ name: "Illinois", code: "IL" },
{ name: "Indiana", code: "IN" },
{ name: "Iowa", code: "IA" },
{ name: "Kansas", code: "KS" },
{ name: "Kentucky", code: "KY" },
{ name: "Louisiana", code: "LA" },
{ name: "Maine", code: "ME" },
{ name: "Maryland", code: "MD" },
{ name: "Massachusetts", code: "MA" },
{ name: "Michigan", code: "MI" },
{ name: "Minnesota", code: "MN" },
{ name: "Mississippi", code: "MS" },
{ name: "Missouri", code: "MO" },
{ name: "Montana", code: "MT" },
{ name: "Nebraska", code: "NE" },
{ name: "Nevada", code: "NV" },
{ name: "New Hampshire", code: "NH" },
{ name: "New Jersey", code: "NJ" },
{ name: "New Mexico", code: "NM" },
{ name: "New York", code: "NY" },
{ name: "North Carolina", code: "NC" },
{ name: "North Dakota", code: "ND" },
{ name: "Ohio", code: "OH" },
{ name: "Oklahoma", code: "OK" },
{ name: "Oregon", code: "OR" },
{ name: "Pennsylvania", code: "PA" },
{ name: "Rhode Island", code: "RI" },
{ name: "South Carolina", code: "SC" },
{ name: "South Dakota", code: "SD" },
{ name: "Tennessee", code: "TN" },
{ name: "Texas", code: "TX" },
{ name: "Utah", code: "UT" },
{ name: "Vermont", code: "VT" },
{ name: "Virginia", code: "VA" },
{ name: "Washington", code: "WA" },
{ name: "West Virginia", code: "WV" },
{ name: "Wisconsin", code: "WI" },
{ name: "Wyoming", code: "WY" }
], O = /* @__PURE__ */ C({
inheritAttrs: !1,
__name: "AddressType",
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(o) {
const y = o;
q();
function e(i) {
return y.requirements.find((s) => s.includes(i));
}
const V = function(i) {
return i ? /^\d{5}(-\d{4})?$/.test(i) : !0;
}, $ = {
subFields: {
[e("address.line1")]: {
required: n.withMessage(
r("validation.required"),
c(e("address.line1"))
)
},
[e("address.line2")]: {
required: n.withMessage(
r("validation.required"),
c(e("address.line2"))
)
},
[e("address.state")]: {
required: n.withMessage(
r("validation.required"),
c(e("address.state"))
)
},
[e("address.city")]: {
required: n.withMessage(
r("validation.required"),
c(e("address.city"))
)
},
[e("address.postal_code")]: {
required: n.withMessage(
r("validation.required"),
c(e("address.postal_code"))
),
postalCode: n.withMessage("Enter a valid postal code", V)
}
}
}, d = v(
$,
I(() => y.field),
{ $scope: y.validationScope }
);
return (i, s) => {
const F = N, p = h, g = A, M = k;
return t(), w(_, null, [
e("address.line1") || e("address.line2") ? (t(), u(p, {
key: 0,
label: r("customers.address"),
error: a(d).subFields[e("address.line1")].$error && a(d).subFields[e("address.line1")].$errors[0].$message || a(d).subFields[e("address.line2")].$error && a(d).subFields[e("address.line2")].$errors[0].$message,
required: ""
}, {
default: b(() => [
f(F, {
modelValue: o.field.subFields[e("address.line1")],
"onUpdate:modelValue": s[0] || (s[0] = (l) => o.field.subFields[e("address.line1")] = l),
placeholder: r("general.street_1"),
type: "text",
name: "address_street1",
"container-class": "mt-3",
invalid: a(d).subFields[e("address.line1")].$error
}, null, 8, ["modelValue", "placeholder", "invalid"]),
e("address.line2") ? (t(), u(F, {
key: 0,
modelValue: o.field.subFields[e("address.line2")],
"onUpdate:modelValue": s[1] || (s[1] = (l) => o.field.subFields[e("address.line2")] = l),
placeholder: r("general.street_2"),
type: "text",
class: "mt-3",
name: "address_street2",
"container-class": "mt-3",
invalid: a(d).subFields[e("address.line2")].$error
}, null, 8, ["modelValue", "placeholder", "invalid"])) : m("", !0)
]),
_: 1
}, 8, ["label", "error"])) : m("", !0),
e("address.city") ? (t(), u(p, {
key: 1,
label: r("customers.city"),
error: a(d).subFields[e("address.city")].$error && a(d).subFields[e("address.city")].$errors[0].$message,
required: ""
}, {
default: b(() => [
f(g, {
modelValue: o.field.subFields[e("address.city")],
"onUpdate:modelValue": s[2] || (s[2] = (l) => o.field.subFields[e("address.city")] = l),
name: "address.city",
type: "text",
invalid: a(d).subFields[e("address.city")].$error
}, null, 8, ["modelValue", "invalid"])
]),
_: 1
}, 8, ["label", "error"])) : m("", !0),
e("address.state") ? (t(), u(p, {
key: 2,
label: r("customers.state"),
error: a(d).subFields[e("address.state")].$error && a(d).subFields[e("address.state")].$errors[0].$message,
required: ""
}, {
default: b(() => [
f(M, {
modelValue: o.field.subFields[e("address.state")],
"onUpdate:modelValue": s[3] || (s[3] = (l) => o.field.subFields[e("address.state")] = l),
"value-prop": "code",
label: "name",
"track-by": "name",
searchable: "",
options: a(S),
placeholder: r("general.select_state"),
class: "w-full",
invalid: a(d).subFields[e("address.state")].$error
}, null, 8, ["modelValue", "options", "placeholder", "invalid"])
]),
_: 1
}, 8, ["label", "error"])) : m("", !0),
e("address.postal_code") ? (t(), u(p, {
key: 3,
label: r("general.zip_code"),
class: "mt-2 text-left",
error: a(d).subFields[e("address.postal_code")].$error && a(d).subFields[e("address.postal_code")].$errors[0].$message,
required: ""
}, {
default: b(() => [
f(g, {
modelValue: o.field.subFields[e("address.postal_code")],
"onUpdate:modelValue": s[4] || (s[4] = (l) => o.field.subFields[e("address.postal_code")] = l),
type: "text",
name: "postal_code",
invalid: a(d).subFields[e("address.postal_code")].$error
}, null, 8, ["modelValue", "invalid"])
]),
_: 1
}, 8, ["label", "error"])) : m("", !0)
], 64);
};
}
});
export {
O as default
};