@orchidui/core 0.0.1 → 0.3.0

package/dist/OcConfirmationModal-BfCrRV9r.js

@@ -0,0 +1,179 @@
+import { openBlock as s, createElementBlock as r, normalizeClass as d, createVNode as g, unref as v, createCommentVNode as y, createElementVNode as u, renderSlot as b, computed as m, createBlock as S, withCtx as f, createSlots as B } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import { _ as L } from "./OcModal-DdD5VFEN.js";
+import { _ as $ } from "./OcIcon-CJgBICxh.js";
+import "@popperjs/core";
+const h = { class: "text-center" }, w = ["innerHTML"], x = {
+  __name: "OcConfirmation",
+  props: {
+    description: String,
+    iconClass: String,
+    variant: {
+      type: String,
+      default: "delete"
+    },
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    icon: String,
+    contentClass: String
+  },
+  setup(e) {
+    const o = {
+      delete: "bin",
+      warning: "alert",
+      success: "check-2",
+      question: "question-mark"
+    }, t = {
+      delete: "text-oc-error bg-oc-error-50-tr",
+      warning: "text-oc-warning-600 bg-oc-warning-50-tr",
+      success: "text-oc-success bg-oc-success-50-tr",
+      question: "text-oc-accent-1 bg-oc-accent-1-50-tr"
+    };
+    return (i, l) => (s(), r("div", {
+      class: d(["flex flex-col gap-y-4 items-center", e.contentClass])
+    }, [
+      e.hideIcon ? y("", !0) : (s(), r("div", {
+        key: 0,
+        class: d(["w-[48px] aspect-square rounded-full flex items-center justify-center", [t[e.variant], e.iconClass]])
+      }, [
+        g(v($), {
+          name: e.icon ?? o[e.variant]
+        }, null, 8, ["name"])
+      ], 2)),
+      u("div", h, [
+        b(i.$slots, "description", {}, () => [
+          u("span", { innerHTML: e.description }, null, 8, w)
+        ])
+      ])
+    ], 2));
+  }
+}, T = {
+  __name: "OcConfirmationModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "Are you sure?"
+    },
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    variant: {
+      type: String,
+      default: "delete"
+    },
+    icon: String,
+    labelConfirm: String,
+    labelCancel: String,
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    persistent: {
+      type: Boolean,
+      default: !1
+    },
+    contentClass: String,
+    confirmButtonProps: Object
+  },
+  emits: ["confirm", "cancel", "update:model-value"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, l = m(() => ({
+      delete: {},
+      warning: {},
+      success: {
+        class: "hidden"
+      },
+      question: {
+        label: "No"
+      }
+    })), c = m(() => ({
+      delete: {
+        label: "Delete",
+        variant: "destructive",
+        isLoading: t.isLoading ?? !1
+      },
+      warning: {
+        label: "Delete",
+        variant: "destructive",
+        isLoading: t.isLoading ?? !1
+      },
+      success: {
+        isLoading: t.isLoading ?? !1
+      },
+      question: {
+        label: "Yes",
+        isLoading: t.isLoading ?? !1
+      }
+    })), C = (n) => {
+      i("update:model-value", n), i("cancel");
+    };
+    return (n, a) => (s(), S(v(L), {
+      size: "small",
+      "model-value": e.modelValue,
+      title: e.title,
+      "is-borderless": "",
+      persistent: e.persistent,
+      "cancel-button-props": e.labelCancel ? {
+        ...l.value[e.variant],
+        label: e.labelCancel
+      } : l.value[e.variant],
+      "confirm-button-props": {
+        ...e.labelConfirm ? {
+          ...c.value[e.variant],
+          label: e.labelConfirm
+        } : c.value[e.variant],
+        ...e.confirmButtonProps
+      },
+      "footer-class": "justify-center",
+      "onUpdate:modelValue": C,
+      onConfirm: a[0] || (a[0] = (p) => n.$emit("confirm")),
+      onCancel: a[1] || (a[1] = (p) => n.$emit("cancel"))
+    }, {
+      default: f(() => [
+        g(x, {
+          "icon-class": e.iconClass,
+          variant: e.variant,
+          description: e.description,
+          "content-class": e.contentClass,
+          icon: e.icon,
+          "hide-icon": e.hideIcon
+        }, B({ _: 2 }, [
+          n.$slots.description ? {
+            name: "description",
+            fn: f(() => [
+              b(n.$slots, "description")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["icon-class", "variant", "description", "content-class", "icon", "hide-icon"])
+      ]),
+      _: 3
+    }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
+  }
+};
+export {
+  T as _
+};

package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js

@@ -0,0 +1,65 @@
+import { defineComponent as l, openBlock as c, createBlock as s, unref as i, mergeProps as m, withCtx as r, createElementVNode as p, toDisplayString as d, renderSlot as f, createVNode as u } from "vue";
+import "dayjs";
+import { T as x } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as y } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const b = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, N = /* @__PURE__ */ l({
+  __name: "OcCopyTooltip",
+  props: {
+    value: [String, Blob],
+    tooltipText: {
+      type: String,
+      default: "Copied!"
+    },
+    tooltipOptions: Object
+  },
+  setup(e) {
+    const n = async (t) => {
+      try {
+        t instanceof Blob ? await navigator.clipboard.write([
+          new ClipboardItem({
+            [t.type]: t
+          })
+        ]) : await navigator.clipboard.writeText(t);
+      } catch (o) {
+        console.error("Unable to copy text to clipboard. Error: ", o);
+      }
+    };
+    return (t, o) => (c(), s(i(x), m({
+      position: "top",
+      "hide-after": 1500,
+      "arrow-hidden": "",
+      trigger: "click",
+      distance: 20
+    }, e.tooltipOptions), {
+      popper: r(() => [
+        p("div", b, d(e.tooltipText), 1)
+      ]),
+      default: r(({ isShow: a }) => [
+        p("div", {
+          onClick: o[0] || (o[0] = (g) => n(e.value))
+        }, [
+          f(t.$slots, "default", { isShow: a }, () => [
+            u(i(y), {
+              width: "14",
+              height: "14",
+              class: "cursor-pointer transition-all duration-500",
+              name: "copy"
+            })
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  N as _
+};

package/dist/OcCriteria-CpIohheZ.js

@@ -0,0 +1,42 @@
+import { openBlock as t, createElementBlock as r, createElementVNode as c, normalizeClass as o, createBlock as i, unref as l, createCommentVNode as a, toDisplayString as m } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as s } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const n = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, C = {
+  __name: "OcCriteria",
+  props: {
+    modelValue: Boolean,
+    label: String
+  },
+  setup(e) {
+    return (u, p) => (t(), r("div", n, [
+      c("div", {
+        class: o([
+          "w-5 h-5 flex items-center justify-center rounded-full border transition-all duration-300",
+          e.modelValue ? "bg-oc-success border-oc-success" : "border-oc-primary-100 bg-oc-primary-50"
+        ])
+      }, [
+        e.modelValue ? (t(), i(l(s), {
+          key: 0,
+          name: "check-2",
+          class: "w-[10px] h-[10px] text-oc-text-100"
+        })) : a("", !0)
+      ], 2),
+      e.label ? (t(), r("span", {
+        key: 0,
+        class: o(e.modelValue ? "text-oc-success" : "text-oc-primary-300")
+      }, m(e.label), 3)) : a("", !0)
+    ]));
+  }
+};
+export {
+  C as _
+};

package/dist/OcCropper-31Y_S1Ne.js

@@ -0,0 +1,240 @@
+import { ref as p, watch as S, nextTick as F, openBlock as i, createElementBlock as y, createElementVNode as d, createBlock as u, unref as o, Fragment as A, createVNode as c, createCommentVNode as r, withCtx as V } from "vue";
+import "dayjs";
+import { B as g, a as D, T as G } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as H } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import { _ as x } from "./OcInput-tcRxG3Y2.js";
+import "libphonenumber-js";
+import { _ as J } from "./OcRadioGroup-DgfdWJos.js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+import { Cropper as K } from "vue-advanced-cropper";
+const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex gap-x-1 justify-center relative" }, W = { class: "grid grid-cols-2 gap-4" }, me = {
+  __name: "OcCropper",
+  props: {
+    inputOptions: Array,
+    inputOptionValues: Object,
+    img: String,
+    maxSize: [String, Number],
+    isReplaceImage: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["changeImage", "update:input-options"],
+  setup(n, { emit: E }) {
+    const v = n, h = E, k = p(), w = p(), s = p(""), C = p(!1), a = p(v.inputOptionValues ?? {});
+    S(
+      () => v.inputOptionValues,
+      () => {
+        a.value = v.inputOptionValues;
+      },
+      {
+        deep: !0
+      }
+    ), S(
+      () => v.img,
+      (l) => {
+        l && F(() => {
+          try {
+            const e = new URL(l);
+            e.protocol === "http:" || e.protocol === "https:" ? s.value = `${l}?${Date.now()}` : s.value = l;
+          } catch {
+            s.value = l;
+          }
+        });
+      },
+      { immediate: !0 }
+    );
+    const N = () => {
+      if (s.value && C.value) {
+        const { canvas: l } = k.value.getResult();
+        h("changeImage", l.toDataURL());
+      }
+      C.value = !0;
+    }, O = (l) => {
+      var e;
+      return (e = k.value) == null ? void 0 : e.rotate(l);
+    }, z = (l) => {
+      var e;
+      return (e = k.value) == null ? void 0 : e.zoom(l);
+    }, j = () => {
+      w.value.click();
+    }, T = (l) => {
+      if (l.target.files[0] / (1024 * 1024) > +v.maxSize)
+        return l.preventDefault(), !1;
+      s.value = URL.createObjectURL(l.target.files[0]);
+    }, q = ({ imageSize: l, visibleArea: e }) => ({
+      width: (e || l).width,
+      height: (e || l).height
+    }), f = (l, e) => {
+      let m = a.value;
+      m[l] = e, h("update:input-options", m);
+    }, b = p(!!a.value.caption), U = p(!!a.value.lightbox);
+    return (l, e) => {
+      var m, $, L, I, R, B;
+      return i(), y("div", M, [
+        d("input", {
+          id: "cropper-file-input",
+          ref_key: "fileUploadEl",
+          ref: w,
+          accept: "image/*",
+          type: "file",
+          class: "hidden",
+          onChange: T
+        }, null, 544),
+        s.value ? (i(), u(o(K), {
+          key: 0,
+          ref_key: "cropper",
+          ref: k,
+          class: "w-full h-[300px]",
+          src: s.value,
+          "resize-image": { wheel: !1 },
+          "background-class": "cropper-background",
+          "default-size": q,
+          onChange: N
+        }, null, 8, ["src"])) : (i(), y("img", {
+          key: 1,
+          class: "w-full",
+          src: n.img
+        }, null, 8, P)),
+        d("div", Q, [
+          s.value ? (i(), y(A, { key: 0 }, [
+            c(o(g), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "backward",
+              onClick: e[0] || (e[0] = (t) => O(-90))
+            }),
+            c(o(g), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-out",
+              onClick: e[1] || (e[1] = (t) => z(0.8))
+            }),
+            c(o(g), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-in",
+              onClick: e[2] || (e[2] = (t) => z(1.2))
+            }),
+            c(o(g), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "forward",
+              onClick: e[3] || (e[3] = (t) => O(90))
+            })
+          ], 64)) : r("", !0),
+          n.isReplaceImage ? (i(), u(o(g), {
+            key: 1,
+            class: "absolute right-0",
+            variant: "secondary",
+            size: "small",
+            label: "Replace image",
+            "left-icon": "refresh",
+            onClick: j
+          })) : r("", !0)
+        ]),
+        d("div", W, [
+          (m = n.inputOptions) != null && m.includes("description") ? (i(), u(o(x), {
+            key: 0,
+            modelValue: a.value.description,
+            "onUpdate:modelValue": [
+              e[4] || (e[4] = (t) => a.value.description = t),
+              e[5] || (e[5] = (t) => f("description", t))
+            ],
+            label: "Describe Image",
+            placeholder: ""
+          }, null, 8, ["modelValue"])) : r("", !0),
+          ($ = n.inputOptions) != null && $.includes("link") ? (i(), u(o(x), {
+            key: 1,
+            modelValue: a.value.link,
+            "onUpdate:modelValue": [
+              e[6] || (e[6] = (t) => a.value.link = t),
+              e[7] || (e[7] = (t) => f("link", t))
+            ],
+            placeholder: "https://hitpayapp.com",
+            label: "Link to"
+          }, null, 8, ["modelValue"])) : r("", !0),
+          d("div", null, [
+            (L = n.inputOptions) != null && L.includes("caption") ? (i(), u(o(D), {
+              key: 0,
+              modelValue: b.value,
+              "onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
+              label: "Caption",
+              class: "mb-4"
+            }, null, 8, ["modelValue"])) : r("", !0),
+            (I = n.inputOptions) != null && I.includes("caption") && b.value ? (i(), u(o(x), {
+              key: 1,
+              modelValue: a.value.caption,
+              "onUpdate:modelValue": [
+                e[9] || (e[9] = (t) => a.value.caption = t),
+                e[10] || (e[10] = (t) => f("caption", t))
+              ],
+              class: "mb-4",
+              placeholder: ""
+            }, null, 8, ["modelValue"])) : r("", !0),
+            (R = n.inputOptions) != null && R.includes("caption") && b.value ? (i(), u(o(J), {
+              key: 2,
+              "model-value": a.value.caption_variant,
+              "group-name": "caption_variant",
+              alignment: "horizontal",
+              radio: [
+                {
+                  value: "hover",
+                  label: "Show on hover"
+                },
+                {
+                  value: "bottom",
+                  label: "Show on bottom"
+                }
+              ],
+              label: "Caption position",
+              "onUpdate:modelValue": e[11] || (e[11] = (t) => f("caption_variant", t))
+            }, null, 8, ["model-value"])) : r("", !0)
+          ]),
+          d("div", null, [
+            (B = n.inputOptions) != null && B.includes("lightbox") ? (i(), u(o(D), {
+              key: 0,
+              modelValue: U.value,
+              "onUpdate:modelValue": [
+                e[12] || (e[12] = (t) => U.value = t),
+                e[13] || (e[13] = (t) => f("lightbox", t))
+              ],
+              label: "Lightbox"
+            }, {
+              after: V(() => [
+                c(o(G), {
+                  position: "bottom",
+                  distance: 10,
+                  "popper-class": "bg-oc-bg-light min-w-[125px]"
+                }, {
+                  popper: V(() => e[14] || (e[14] = [
+                    d("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
+                  ])),
+                  default: V(() => [
+                    c(o(H), {
+                      name: "question-mark",
+                      width: "16",
+                      height: "16",
+                      class: "text-oc-accent-1-500"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : r("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  me as default
+};

package/dist/OcCustomerCard-DbDOBO03.js

@@ -0,0 +1,160 @@
+import { openBlock as t, createElementBlock as o, normalizeClass as d, createElementVNode as s, createVNode as m, unref as n, createCommentVNode as i, createBlock as u, Fragment as D, withCtx as F, createTextVNode as G, toDisplayString as c, renderSlot as I } from "vue";
+import "dayjs";
+import { B as J } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as f } from "./OcListDetail-6XeME6ko.js";
+import { _ as P } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import { _ as T } from "./OcAvatar-NDXQiZvz.js";
+import "@popperjs/core";
+const L = { class: "flex flex-col items-center justify-center gap-y-3 overflow-hidden" }, M = { class: "w-full flex gap-x-3 items-center" }, Q = { class: "flex flex-col font-medium overflow-hidden" }, R = { class: "flex items-center gap-2" }, W = { class: "truncate" }, X = {
+  key: 0,
+  class: "rounded-md py-1 px-3 text-sm text-oc-accent-1-500 bg-oc-accent-1-50"
+}, Y = {
+  key: 0,
+  class: "text-sm text-oc-text-400"
+}, Z = {
+  key: 1,
+  class: "text-sm text-oc-text-400 truncate"
+}, p = {
+  key: 0,
+  class: "flex flex-col gap-y-4 pt-4 w-full"
+}, _ = { class: "flex flex-col gap-y-2 w-full items-center" }, ee = { key: 0 }, te = {
+  __name: "OcCustomerCard",
+  props: {
+    variant: {
+      type: String,
+      default: "small",
+      validator: (e) => ["small", "big", "float"].includes(e)
+    },
+    customer: Object,
+    isHover: {
+      type: Boolean,
+      default: !1
+    },
+    isEdit: {
+      type: Boolean,
+      default: !1
+    },
+    isClosable: Boolean,
+    isBeneficiary: Boolean
+  },
+  emits: ["addCustomer", "editCustomer", "closeCustomer"],
+  setup(e, { emit: U }) {
+    const q = U;
+    return (a, r) => {
+      var y, h, b, v, x, g, k, C, $, B, w, z, E, N, j, H, V, A, S;
+      return t(), o("div", {
+        class: d(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
+      }, [
+        s("div", L, [
+          e.isEdit ? (t(), o("div", {
+            key: 0,
+            class: d(["absolute right-3 top-3 transition", { "opacity-0 group-hover:opacity-100": e.isHover }])
+          }, [
+            m(n(J), {
+              "right-icon": "pencil",
+              variant: "secondary",
+              size: "small",
+              class: "*:!px-[6px]",
+              onClick: r[0] || (r[0] = (l) => a.$emit("editCustomer", e.customer))
+            })
+          ], 2)) : i("", !0),
+          e.isClosable ? (t(), u(n(P), {
+            key: 1,
+            class: "absolute -right-1.5 -top-1.5 border-1 border-white rounded-full text-gray-500 cursor-pointer transition-all duration-300 hover:text-oc-error",
+            name: "filled-x-circle",
+            onClick: r[1] || (r[1] = (l) => q("closeCustomer"))
+          })) : i("", !0),
+          e.customer ? (t(), o(D, { key: 2 }, [
+            s("div", M, [
+              m(n(T), {
+                class: "shrink-0 uppercase",
+                size: 32
+              }, {
+                default: F(() => {
+                  var l, O;
+                  return [
+                    G(c(((O = (l = e.customer) == null ? void 0 : l.name) == null ? void 0 : O[0]) || "J"), 1)
+                  ];
+                }),
+                _: 1
+              }),
+              s("div", Q, [
+                s("div", R, [
+                  s("span", W, c(((y = e.customer) == null ? void 0 : y.name) || "-"), 1),
+                  e.isBeneficiary ? (t(), o("span", X, c((h = e.customer.currency) == null ? void 0 : h.toUpperCase()), 1)) : i("", !0)
+                ]),
+                e.isBeneficiary ? (t(), o("span", Y, c(e.customer.bank_name) + " / " + c(e.customer.bank_account_number), 1)) : (t(), o("span", Z, c(((b = e.customer) == null ? void 0 : b.email) || ((v = e.customer) != null && v.phone_number_country_code && ((x = e.customer) != null && x.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (g = e.customer) != null && g.phone_number ? e.customer.phone_number : "-")), 1))
+              ])
+            ]),
+            e.variant !== "small" ? (t(), o("div", p, [
+              e.isBeneficiary ? i("", !0) : (t(), u(n(f), {
+                key: 0,
+                label: "Phone",
+                content: (k = e.customer) != null && k.phone_number_country_code && ((C = e.customer) != null && C.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : ($ = e.customer) != null && $.phone_number ? e.customer.phone_number : "-"
+              }, null, 8, ["content"])),
+              e.isBeneficiary ? (t(), u(n(f), {
+                key: 1,
+                label: "Email",
+                content: e.customer.email ?? "-"
+              }, null, 8, ["content"])) : (t(), u(n(f), {
+                key: 2,
+                label: "Address",
+                content: [
+                  ((w = (B = e.customer) == null ? void 0 : B.address) == null ? void 0 : w.street) || "",
+                  ((E = (z = e.customer) == null ? void 0 : z.address) == null ? void 0 : E.city) || "",
+                  ((j = (N = e.customer) == null ? void 0 : N.address) == null ? void 0 : j.state) || "",
+                  ((V = (H = e.customer) == null ? void 0 : H.address) == null ? void 0 : V.postal_code) || "",
+                  ((S = (A = e.customer) == null ? void 0 : A.address) == null ? void 0 : S.country) || ""
+                ].join(" ").trim() || "-"
+              }, null, 8, ["content"]))
+            ])) : i("", !0)
+          ], 64)) : e.isBeneficiary ? i("", !0) : (t(), o(D, { key: 3 }, [
+            s("div", _, [
+              m(n(T), { size: 32 }, {
+                default: F(() => [
+                  m(n(P), {
+                    name: "user-add",
+                    width: "16",
+                    height: "16"
+                  })
+                ]),
+                _: 1
+              }),
+              r[3] || (r[3] = s("div", { class: "flex flex-col font-medium text-center" }, [
+                s("span", null, "No customer attached"),
+                s("span", { class: "text-sm text-oc-text-400" }, " Add customer detail to this transaction ")
+              ], -1))
+            ]),
+            m(n(J), {
+              variant: "secondary",
+              size: "small",
+              class: "w-full",
+              label: "Add customer",
+              onClick: r[2] || (r[2] = (l) => a.$emit("addCustomer"))
+            })
+          ], 64)),
+          a.$slots.bottom ? (t(), o("div", {
+            key: 4,
+            class: d({ "opacity-0 group-hover:opacity-100": e.isHover })
+          }, [
+            I(a.$slots, "bottom", {}, void 0, !0)
+          ], 2)) : i("", !0)
+        ]),
+        a.$slots.leading ? (t(), o("div", ee, [
+          I(a.$slots, "leading", {}, void 0, !0)
+        ])) : i("", !0)
+      ], 2);
+    };
+  }
+}, ve = /* @__PURE__ */ K(te, [["__scopeId", "data-v-e499a3c4"]]);
+export {
+  ve as C
+};