appmax-client-vue3 5.0.5 → 5.0.6

package/dist/ConfirmationModal-t8hM5cPb.js

@@ -0,0 +1,105 @@
+import { ab as defineComponent, d as useBreakpoint, u as useI18n, e as computed, v as createBlock, h as openBlock, l as unref, K as script, w as withCtx, j as createBaseVNode, i as createVNode, y, m as createTextVNode, t as toDisplayString, g as createElementBlock, F as Fragment, $, n as normalizeClass, _ as _export_sfc } from "./main-ByGSHXk8.js";
+const _hoisted_1 = { class: "flex flex-col w-full gap-4" };
+const __default__ = { name: "ConfirmationModal" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    visible: {
+      type: Boolean,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    customerName: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["update:visible", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isMobileSize = useBreakpoint("mobile");
+    const { t } = useI18n();
+    const isVisible = computed({
+      get: () => props.visible,
+      set: (value) => emit("update:visible", value)
+    });
+    const onHide = () => {
+      emit("update:visible", false);
+    };
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: isVisible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isVisible.value = $event),
+        modal: "",
+        style: { width: "450px" },
+        header: unref(t)("subscription.list.modal.title"),
+        closable: false,
+        position: "center",
+        onHide
+      }, {
+        footer: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass([
+              "flex gap-3 w-full",
+              unref(isMobileSize) ? "flex-col" : "flex-row justify-end"
+            ])
+          }, [
+            unref(isMobileSize) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.confirmButton"),
+                loading: __props.loading,
+                class: "w-full",
+                onClick: onConfirm
+              }, null, 8, ["label", "loading"]),
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.backButton"),
+                text: "",
+                class: "w-full",
+                onClick: onHide
+              }, null, 8, ["label"])
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.backButton"),
+                text: "",
+                onClick: onHide
+              }, null, 8, ["label"]),
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.confirmButton"),
+                loading: __props.loading,
+                onClick: onConfirm
+              }, null, 8, ["label", "loading"])
+            ], 64))
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            createVNode(unref(y), { "is-strong": "" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("subscription.list.modal.message", { customerName: __props.customerName })), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(y), null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("subscription.list.modal.warning")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const ConfirmationModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bcbc9e2d"]]);
+export {
+  ConfirmationModal as C
+};