@craterapp/vue-sdk 0.0.2-alpha.4 → 0.0.2-alpha.40

package/README.md

@@ -1,5 +1,7 @@
 ## Crater Vue SDK
 
+### https://www.npmjs.com/package/@craterapp/vue-sdk
+
 ### 1. Install    
   
   Run the following command to Install Crater Vue SDK
@@ -26,9 +28,45 @@ import App from './App.vue'
 const app = createApp(App)
 
 app.use(craterPlugin, {
-  tenantUrl: '<API_BASE_URL>',
+  apiBaseUrl: '<API_BASE_URL>',
 })
 
 app.mount('#app')
 
 ```
+
+
+# Deployment Steps:
+
+Prerequisites:
+
+- Ensure Node.js and npm are installed and up-to-date.
+- You have publish access to the `@craterapp` npm scope and an npm account.
+
+Publish (alpha / prerelease):
+
+1. Login to npm for the scoped package:
+
+```bash
+npm login --scope=@craterapp
+```
+
+2. Bump a prerelease version (alpha tag):
+
+```bash
+npm version prerelease --preid=alpha
+```
+
+3. Build the package:
+
+```bash
+yarn build
+```
+
+4. Publish the prerelease under the `alpha` tag:
+
+```bash
+npm publish --tag alpha --access public
+```
+
+

package/dist/{AddressType-8PU0QNGJ.js → AddressType-2PURLweo.js}

@@ -1,6 +1,6 @@
-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-Pe5A-Fvf.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 = [
+import { c as n, t as s, r as t, u as q, _ as h, a as N, b as k, d as A } from "./index-v67UVpQ6.js";
+import { defineComponent as w, computed as C, openBlock as i, createElementBlock as I, Fragment as x, createBlock as u, unref as a, withCtx as p, createVNode as f, createCommentVNode as c } from "vue";
+const V = [
   { name: "Alabama", code: "AL" },
   { name: "Alaska", code: "AK" },
   { name: "Arizona", code: "AZ" },
@@ -52,7 +52,7 @@ const S = [
   { name: "West Virginia", code: "WV" },
   { name: "Wisconsin", code: "WI" },
   { name: "Wyoming", code: "WY" }
-], O = /* @__PURE__ */ C({
+], O = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "AddressType",
   props: {
@@ -81,143 +81,170 @@ const S = [
       required: !0
     }
   },
-  setup(o) {
-    const y = o;
-    q();
-    function e(i) {
-      return y.requirements.find((s) => s.includes(i));
+  setup(l) {
+    const g = l;
+    function e(m) {
+      return g.requirements.find((r) => r.includes(m));
     }
-    const V = function(i) {
-      return i ? /^\d{5}(-\d{4})?$/.test(i) : !0;
-    }, $ = {
+    const M = function(m) {
+      return m ? /^\d{5}(-\d{4})?$/.test(m) : !0;
+    }, v = {
       subFields: {
         [e("address.line1")]: {
           required: n.withMessage(
-            r("validation.required"),
-            c(e("address.line1"))
+            s("validation.required"),
+            t(e("address.line1"))
           )
         },
         [e("address.line2")]: {
           required: n.withMessage(
-            r("validation.required"),
-            c(e("address.line2"))
+            s("validation.required"),
+            t(e("address.line2"))
           )
         },
         [e("address.state")]: {
           required: n.withMessage(
-            r("validation.required"),
-            c(e("address.state"))
+            s("validation.required"),
+            t(e("address.state"))
+          )
+        },
+        [e("address.region")]: {
+          required: n.withMessage(
+            s("validation.required"),
+            t(e("address.region"))
           )
         },
         [e("address.city")]: {
           required: n.withMessage(
-            r("validation.required"),
-            c(e("address.city"))
+            s("validation.required"),
+            t(e("address.city"))
           )
         },
         [e("address.postal_code")]: {
           required: n.withMessage(
-            r("validation.required"),
-            c(e("address.postal_code"))
+            s("validation.required"),
+            t(e("address.postal_code"))
           ),
-          postalCode: n.withMessage("Enter a valid postal code", V)
+          postalCode: n.withMessage("Enter a valid postal code", M)
         }
       }
-    }, d = v(
-      $,
-      I(() => y.field),
-      { $scope: y.validationScope }
+    }, d = q(
+      v,
+      C(() => g.field),
+      { $scope: g.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, {
+    return (m, r) => {
+      const y = h, b = N, F = k, $ = A;
+      return i(), I(x, null, [
+        e("address.line1") || e("address.line2") ? (i(), u(b, {
           key: 0,
-          label: r("customers.address"),
+          label: s("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"),
+          default: p(() => [
+            f(y, {
+              modelValue: l.field.subFields[e("address.line1")],
+              "onUpdate:modelValue": r[0] || (r[0] = (o) => l.field.subFields[e("address.line1")] = o),
+              placeholder: s("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, {
+            e("address.line2") ? (i(), u(y, {
               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"),
+              modelValue: l.field.subFields[e("address.line2")],
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => l.field.subFields[e("address.line2")] = o),
+              placeholder: s("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)
+            }, null, 8, ["modelValue", "placeholder", "invalid"])) : c("", !0)
           ]),
           _: 1
-        }, 8, ["label", "error"])) : m("", !0),
-        e("address.city") ? (t(), u(p, {
+        }, 8, ["label", "error"])) : c("", !0),
+        e("address.city") ? (i(), u(b, {
           key: 1,
-          label: r("customers.city"),
+          label: s("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),
+          default: p(() => [
+            f(F, {
+              modelValue: l.field.subFields[e("address.city")],
+              "onUpdate:modelValue": r[2] || (r[2] = (o) => l.field.subFields[e("address.city")] = o),
               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, {
+        }, 8, ["label", "error"])) : c("", !0),
+        e("address.state") ? (i(), u(b, {
           key: 2,
-          label: r("customers.state"),
+          label: s("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),
+          default: p(() => [
+            f($, {
+              modelValue: l.field.subFields[e("address.state")],
+              "onUpdate:modelValue": r[3] || (r[3] = (o) => l.field.subFields[e("address.state")] = o),
               "value-prop": "code",
               label: "name",
               "track-by": "name",
               searchable: "",
-              options: a(S),
-              placeholder: r("general.select_state"),
+              options: a(V),
+              placeholder: s("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, {
+        }, 8, ["label", "error"])) : c("", !0),
+        e("address.region") ? (i(), u(b, {
           key: 3,
-          label: r("general.zip_code"),
+          label: s("customers.state"),
+          error: a(d).subFields[e("address.region")].$error && a(d).subFields[e("address.region")].$errors[0].$message,
+          required: ""
+        }, {
+          default: p(() => [
+            f($, {
+              modelValue: l.field.subFields[e("address.region")],
+              "onUpdate:modelValue": r[4] || (r[4] = (o) => l.field.subFields[e("address.region")] = o),
+              "value-prop": "code",
+              label: "name",
+              "track-by": "name",
+              searchable: "",
+              options: a(V),
+              placeholder: s("general.select_state"),
+              class: "w-full",
+              invalid: a(d).subFields[e("address.region")].$error
+            }, null, 8, ["modelValue", "options", "placeholder", "invalid"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])) : c("", !0),
+        e("address.postal_code") ? (i(), u(b, {
+          key: 4,
+          label: s("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),
+          default: p(() => [
+            f(F, {
+              modelValue: l.field.subFields[e("address.postal_code")],
+              "onUpdate:modelValue": r[5] || (r[5] = (o) => l.field.subFields[e("address.postal_code")] = o),
               type: "text",
               name: "postal_code",
               invalid: a(d).subFields[e("address.postal_code")].$error
             }, null, 8, ["modelValue", "invalid"])
           ]),
           _: 1
-        }, 8, ["label", "error"])) : m("", !0)
+        }, 8, ["label", "error"])) : c("", !0)
       ], 64);
     };
   }

package/dist/AmountType-xegmjFS_.js

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

package/dist/BusinessType--urewVkM.js

@@ -0,0 +1,72 @@
+import { f as d, c, t as p, r as f, u as m, d as v, a as b } from "./index-v67UVpQ6.js";
+import { defineComponent as q, computed as y, openBlock as _, createBlock as S, unref as r, withCtx as $, createVNode as g } from "vue";
+const k = /* @__PURE__ */ q({
+  inheritAttrs: !1,
+  __name: "BusinessType",
+  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 l = e, u = d(), s = {
+      value: {
+        required: c.withMessage(
+          p("validation.required"),
+          f(l.field.is_required)
+        )
+      }
+    }, t = m(
+      s,
+      y(() => l.field),
+      { $scope: l.validationScope }
+    );
+    return (B, a) => {
+      const i = v, o = b;
+      return _(), S(o, {
+        label: e.field.label,
+        required: !!e.field.is_required,
+        error: r(t).value.$error && r(t).value.$errors[0].$message
+      }, {
+        default: $(() => [
+          g(i, {
+            modelValue: e.field.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (n) => e.field.value = n),
+            "value-prop": "value",
+            label: "label",
+            "track-by": "label",
+            searchable: "",
+            options: r(u).businessTypes,
+            invalid: r(t).value.$error,
+            class: "w-full"
+          }, null, 8, ["modelValue", "options", "invalid"])
+        ]),
+        _: 1
+      }, 8, ["label", "required", "error"]);
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/{CheckboxType-C5lpH21J.js → CheckboxType-CS0_N8Yx.js}

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

package/dist/DOBType-Wl8DaZ8C.js

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