@orchidui/core 0.5.0 → 0.6.0

package/dist/OcConfirmationModal-BfCrRV9r.js

@@ -1,179 +0,0 @@
-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

@@ -1,65 +0,0 @@
-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

@@ -1,42 +0,0 @@
-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/OcCustomerCard-DbDOBO03.js

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

package/dist/OcDropdownItem-DAElmzEu.js

@@ -1,57 +0,0 @@
-import { computed as l, openBlock as o, createElementBlock as n, normalizeClass as m, createElementVNode as e, createBlock as d, unref as u, mergeProps as x, createCommentVNode as s, toDisplayString as i, renderSlot as p } from "vue";
-import "dayjs";
-import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as f } 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 g = { class: "flex items-center gap-x-3 p-3" }, v = { class: "md:text-base text-sm" }, b = {
-  key: 0,
-  class: "p-3 text-sm text-oc-text-300"
-}, O = {
-  __name: "OcDropdownItem",
-  props: {
-    variant: {
-      type: String,
-      default: "default"
-    },
-    icon: String,
-    iconClasses: String,
-    text: String,
-    subText: String,
-    pointed: Boolean,
-    iconProps: Object
-  },
-  setup(t) {
-    const a = l(() => ({
-      default: "text-oc-text",
-      destructive: "text-oc-error"
-    }));
-    return (c, r) => (o(), n("div", {
-      class: m(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", a.value[t.variant]])
-    }, [
-      e("div", g, [
-        t.icon ? (o(), d(u(f), x({
-          key: 0,
-          class: "w-5 h-5",
-          name: t.icon
-        }, t.iconProps, { class: t.iconClasses }), null, 16, ["name", "class"])) : s("", !0),
-        e("span", v, i(t.text), 1),
-        t.pointed ? p(c.$slots, "badge", { key: 1 }, () => [
-          r[0] || (r[0] = e("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1))
-        ]) : s("", !0)
-      ]),
-      t.subText ? (o(), n("div", b, [
-        e("span", null, i(t.subText), 1)
-      ])) : s("", !0)
-    ], 2));
-  }
-};
-export {
-  O as _
-};

package/dist/OcEmptyPage-CTwgMzRp.js

@@ -1,155 +0,0 @@
-import { computed as g, openBlock as n, createElementBlock as m, normalizeClass as i, createElementVNode as a, createVNode as f, unref as l, createBlock as s, createCommentVNode as r, toDisplayString as d, renderSlot as x } from "vue";
-import "dayjs";
-import { B as y } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as u } 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 z = { class: "relative" }, E = {
-  __name: "OcEmptyPage",
-  props: {
-    isButton: {
-      type: Boolean,
-      default: !0
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    },
-    isUpgrade: {
-      type: Boolean,
-      default: !1
-    },
-    containerClass: {
-      type: [Array, String],
-      required: !1
-    },
-    upgradeLabel: {
-      type: String,
-      default: "Upgrade now"
-    },
-    addButtonLabel: {
-      type: String,
-      default: "Add new"
-    },
-    addButtonIcon: {
-      type: String,
-      default: "plus"
-    },
-    icon: {
-      type: String,
-      default: "document"
-    },
-    size: {
-      type: String,
-      validator: (e) => ["large", "default", "small"].includes(e),
-      default: "default"
-    },
-    hideBadge: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: "click:Button",
-  setup(e) {
-    const t = g(() => ({
-      default: {
-        icon: {
-          container: "w-[64px]",
-          size: "32"
-        },
-        badge: {
-          class: "right-0 top-[2px]",
-          size: "20"
-        },
-        containerInfo: "gap-y-3",
-        box: "gap-y-7",
-        title: "text-lg",
-        description: ""
-      },
-      large: {
-        icon: {
-          container: "w-[128px]",
-          size: "64"
-        },
-        badge: {
-          class: "right-0 top-[2px]",
-          size: "32"
-        },
-        containerInfo: "gap-y-3",
-        box: "gap-y-7",
-        title: "text-lg",
-        description: ""
-      },
-      small: {
-        icon: {
-          container: "w-[48px]",
-          size: "24"
-        },
-        badge: {
-          class: "right-[-2px] top-[-2px]",
-          size: "20"
-        },
-        containerInfo: "gap-y-1",
-        box: "gap-y-5",
-        title: "text-[14px] font-medium",
-        description: "text-[12px]"
-      }
-    }));
-    return (o, c) => (n(), m("div", {
-      class: i(["flex flex-col items-center", t.value[e.size].box])
-    }, [
-      a("div", z, [
-        a("div", {
-          class: i(["flex justify-center border rounded-full items-center aspect-square", [
-            e.containerClass ? e.containerClass : e.isUpgrade ? "text-oc-warning-600 border-oc-warning-300 bg-oc-warning-50" : "text-oc-text-400 border-oc-gray-200 bg-oc-gray-50",
-            t.value[e.size].icon.container
-          ]])
-        }, [
-          f(l(u), {
-            name: e.icon,
-            width: t.value[e.size].icon.size,
-            height: t.value[e.size].icon.size
-          }, null, 8, ["name", "width", "height"])
-        ], 2),
-        !e.isUpgrade && !e.hideBadge ? (n(), s(l(u), {
-          key: 0,
-          name: "exclamation",
-          width: t.value[e.size].badge.size,
-          height: t.value[e.size].badge.size,
-          class: i(["absolute", t.value[e.size].badge.class])
-        }, null, 8, ["width", "height", "class"])) : r("", !0)
-      ]),
-      a("div", {
-        class: i(["flex flex-col items-center", t.value[e.size].containerInfo])
-      }, [
-        a("span", {
-          class: i([t.value[e.size].title, "font-medium"])
-        }, d(e.title), 3),
-        x(o.$slots, "description", {}, () => [
-          a("span", {
-            class: i([t.value[e.size].description, "text-oc-text-400 text-center"])
-          }, d(e.description), 3)
-        ])
-      ], 2),
-      e.isButton ? (n(), s(l(y), {
-        key: 0,
-        label: e.isUpgrade ? e.upgradeLabel : e.addButtonLabel,
-        "left-icon": e.isUpgrade ? "" : e.addButtonIcon,
-        onClick: c[0] || (c[0] = (b) => o.$emit("click:Button"))
-      }, null, 8, ["label", "left-icon"])) : r("", !0)
-    ], 2));
-  }
-};
-export {
-  E as _
-};