@craterapp/vue-sdk 0.0.2-alpha.1

package/README.md

@@ -0,0 +1,34 @@
+## Crater Vue SDK
+
+### 1. Install    
+  
+  Run the following command to Install Crater Vue SDK
+
+### NPM
+```bash
+npm install @craterapp/vue-sdk
+```
+### Yarn
+```bash
+yarn add @craterapp/vue-sdk
+```
+
+### 2. Configuration 
+   
+  Add Crater SDK to the main application.
+
+```js
+import { createApp } from 'vue'
+import '@craterapp/vue-sdk/dist/style.css'
+import { craterPlugin } from '@craterapp/vue-sdk'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(craterPlugin, {
+  apiBaseUrl: '<API_BASE_URL>',
+})
+
+app.mount('#app')
+
+```

package/dist/AddressType-m1hqKeYp.js

@@ -0,0 +1,227 @@
+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
+};

package/dist/CheckboxType-i0NN31IO.js

@@ -0,0 +1,72 @@
+import { c as m, t as p, s as f, a as y, u as _, f as v, b } from "./index-IlzZ4Xqv.js";
+import { defineComponent as x, computed as n, openBlock as V, createBlock as g, unref as t, withCtx as s, createVNode as k, createTextVNode as S, toDisplayString as $, createElementVNode as h } from "vue";
+const q = ["href"], A = /* @__PURE__ */ x({
+  __name: "CheckboxType",
+  props: {
+    modelValue: {
+      type: String,
+      default: null
+    },
+    requirements: {
+      type: Array,
+      default: () => []
+    },
+    field: {
+      type: Object,
+      required: !0
+    },
+    validationScope: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    step: {
+      type: Object
+    }
+  },
+  setup(e) {
+    const r = e, l = {
+      value: {
+        sameAs: m.withMessage(
+          p("validation.required"),
+          f(!0)
+        )
+      }
+    }, i = n(() => window.tenant), a = y(
+      l,
+      n(() => r.field),
+      { $scope: r.validationScope }
+    );
+    return _(), (w, o) => {
+      const u = v, c = b;
+      return V(), g(c, {
+        error: t(a).value.$error && t(a).value.$errors[0].$message
+      }, {
+        default: s(() => [
+          k(u, {
+            modelValue: e.field.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (d) => e.field.value = d),
+            variant: "primary"
+          }, {
+            default: s(() => [
+              S($(e.label) + " ", 1),
+              h("a", {
+                class: "text-primary-500 dark:text-primary-400",
+                href: t(i).terms_link,
+                target: "_blank"
+              }, " terms of service", 8, q)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["error"]);
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/DOBType-7LLta_0g.js

@@ -0,0 +1,129 @@
+import { u as F, c as b, t as m, r as f, a as $, d as V, b as x } from "./index-IlzZ4Xqv.js";
+import { defineComponent as w, computed as g, resolveDirective as _, openBlock as i, createBlock as a, unref as o, withCtx as k, createElementVNode as l, withDirectives as y, createCommentVNode as p } from "vue";
+const D = { class: "flex -space-x-px" }, M = { class: "min-w-0" }, S = /* @__PURE__ */ l("label", {
+  for: "card-expiration-date",
+  class: "sr-only"
+}, " Month ", -1), B = { class: "min-w-0" }, Y = /* @__PURE__ */ l("label", {
+  for: "card-expiration-date",
+  class: "sr-only"
+}, " Day ", -1), z = { class: "min-w-0" }, C = /* @__PURE__ */ l("label", {
+  for: "card-expiration-date",
+  class: "sr-only"
+}, " Year ", -1), U = /* @__PURE__ */ w({
+  __name: "DOBType",
+  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(d) {
+    const n = d;
+    F();
+    const h = {
+      subFields: {
+        [e("dob.day")]: {
+          required: b.withMessage(
+            m("validation.required"),
+            f(e("dob.day"))
+          )
+        },
+        [e("dob.month")]: {
+          required: b.withMessage(
+            m("validation.required"),
+            f(e("dob.month"))
+          )
+        },
+        [e("dob.year")]: {
+          required: b.withMessage(
+            m("validation.required"),
+            f(e("dob.year"))
+          )
+        }
+      }
+    }, r = $(
+      h,
+      g(() => n.field),
+      { $scope: n.validationScope }
+    );
+    function e(v) {
+      return n.requirements.find((t) => t.includes(v));
+    }
+    return (v, t) => {
+      const u = V, q = x, c = _("maska");
+      return i(), a(q, {
+        label: d.field.label,
+        required: !!d.field.is_required,
+        error: o(r).subFields[e("dob.day")].$error && o(r).subFields[e("dob.day")].$errors[0].$message || o(r).subFields[e("dob.month")].$error && o(r).subFields[e("dob.month")].$errors[0].$message || o(r).subFields[e("dob.year")].$error && o(r).subFields[e("dob.year")].$errors[0].$message
+      }, {
+        default: k(() => [
+          l("div", D, [
+            l("div", M, [
+              S,
+              e("dob.month") ? y((i(), a(u, {
+                key: 0,
+                modelValue: d.field.subFields[e("dob.month")],
+                "onUpdate:modelValue": t[0] || (t[0] = (s) => d.field.subFields[e("dob.month")] = s),
+                placeholder: "MM",
+                class: "w-14 text-center rounded-r-none relative focus:z-10",
+                invalid: o(r).subFields[e("dob.month")].$error
+              }, null, 8, ["modelValue", "invalid"])), [
+                [c, "##"]
+              ]) : p("", !0)
+            ]),
+            l("div", B, [
+              Y,
+              e("dob.day") ? y((i(), a(u, {
+                key: 0,
+                modelValue: d.field.subFields[e("dob.day")],
+                "onUpdate:modelValue": t[1] || (t[1] = (s) => d.field.subFields[e("dob.day")] = s),
+                placeholder: "DD",
+                class: "w-14 text-center rounded-none relative focus:z-10",
+                invalid: o(r).subFields[e("dob.day")].$error
+              }, null, 8, ["modelValue", "invalid"])), [
+                [c, "##"]
+              ]) : p("", !0)
+            ]),
+            l("div", z, [
+              C,
+              e("dob.year") ? y((i(), a(u, {
+                key: 0,
+                modelValue: d.field.subFields[e("dob.year")],
+                "onUpdate:modelValue": t[2] || (t[2] = (s) => d.field.subFields[e("dob.year")] = s),
+                placeholder: "YYYY",
+                class: "w-16 text-center rounded-l-none relative focus:z-10",
+                invalid: o(r).subFields[e("dob.year")].$error
+              }, null, 8, ["modelValue", "invalid"])), [
+                [c, "####"]
+              ]) : p("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["label", "required", "error"]);
+    };
+  }
+});
+export {
+  U as default
+};