@feedmepos/mf-payment 1.2.27 → 1.2.29

package/dist/OnboardForm-BwHRuUJ2.js

@@ -0,0 +1,709 @@
+import { defineComponent as $, ref as N, computed as L, resolveComponent as v, openBlock as y, createElementBlock as x, createElementVNode as o, toDisplayString as I, Fragment as z, createBlock as j, withCtx as c, createVNode as n, createCommentVNode as E, unref as e, createTextVNode as B, onMounted as X, resolveDynamicComponent as Z } from "vue";
+import { o as T } from "./index-MqVn-IaA.js";
+import { u as M } from "./index-BasdAonL.js";
+import { useRouter as h } from "vue-router";
+import { z as d, a as m } from "./validator-D5jtpt9A.js";
+import { P as ee } from "./payout-account-6yMkxM2O.js";
+import { P as le } from "./PDFViewer-DlSCBBxr.js";
+import { _ as te } from "./Status.vue_vue_type_script_setup_true_lang-wrcEbNj3.js";
+import { useSnackbar as J } from "@feedmepos/ui-library";
+import { u as A } from "./error-K1CakhA9.js";
+const ae = ["src"], _ = /* @__PURE__ */ $({
+  __name: "UploadButton",
+  props: {
+    modelValue: {},
+    label: {},
+    type: {}
+  },
+  emits: ["update:modelValue"],
+  setup(R, { emit: D }) {
+    const S = R, b = N(S.modelValue), f = D, F = (g) => {
+      const a = new FileReader();
+      a.onload = (u) => {
+        var k;
+        b.value = (k = u.target) == null ? void 0 : k.result, f("update:modelValue", g);
+      }, a.readAsDataURL(g);
+    }, i = L(() => S.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
+    return (g, a) => {
+      const u = v("FmButton"), k = v("FmDialog"), r = v("FmDropField");
+      return y(), x("div", null, [
+        o("p", null, I(g.label), 1),
+        b.value ? (y(), x(z, { key: 0 }, [
+          g.type === "pdf" ? (y(), j(k, {
+            key: 0,
+            '"': ""
+          }, {
+            "dialog-button": c(() => [
+              n(u, {
+                class: "mt-4",
+                "prepend-icon": "preview",
+                label: "Preview"
+              })
+            ]),
+            "dialog-header": c(() => a[0] || (a[0] = [
+              o("div", null, "Document Preview", -1)
+            ])),
+            default: c(() => [
+              n(le, {
+                height: 450,
+                pdf: b.value,
+                "disable-text-layer": !0,
+                "disable-annotation-layer": !0
+              }, null, 8, ["pdf"])
+            ]),
+            _: 1
+          })) : E("", !0),
+          g.type === "image" ? (y(), x("img", {
+            key: 1,
+            src: b.value
+          }, null, 8, ae)) : E("", !0)
+        ], 64)) : (y(), j(r, {
+          key: 1,
+          accept: i.value,
+          onFileUpload: F
+        }, null, 8, ["accept"]))
+      ]);
+    };
+  }
+}), oe = ["src"], ne = {
+  key: 0,
+  class: "text-center text-red-700 py-4"
+}, se = { class: "flex justify-evenly py-3" }, re = /* @__PURE__ */ $({
+  __name: "SignatureBoard",
+  props: {
+    modelValue: {},
+    label: {}
+  },
+  emits: ["update:modelValue"],
+  setup(R, { emit: D }) {
+    const S = R, b = D, f = N(S.modelValue), F = N(!1), i = N(), g = N(!1);
+    function a(k, r) {
+      var U;
+      const V = k.split(","), w = ((U = V[0].match(/:(.*?);/)) == null ? void 0 : U[1]) || "", C = atob(V[1]);
+      let s = C.length;
+      const q = new Uint8Array(s);
+      for (; s--; )
+        q[s] = C.charCodeAt(s);
+      return new File([q], r, { type: w });
+    }
+    const u = function() {
+      const { isEmpty: k, data: r } = i.value.saveSignature();
+      if (k)
+        return F.value = !0;
+      f.value = r, g.value = !1, b("update:modelValue", a(r, "signature.png"));
+    };
+    return (k, r) => {
+      const V = v("FmButton"), w = v("VueSignaturePad"), C = v("FmDialog");
+      return y(), x("div", null, [
+        f.value ? (y(), x("img", {
+          key: 0,
+          src: f.value,
+          alt: "Signature Preview",
+          class: "w-full h-auto"
+        }, null, 8, oe)) : E("", !0),
+        f.value ? E("", !0) : (y(), j(C, {
+          key: 1,
+          modelValue: g.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (s) => g.value = s)
+        }, {
+          "dialog-button": c(() => [
+            n(V, {
+              "prepend-icon": "signature",
+              class: "w-full",
+              label: "Signature"
+            })
+          ]),
+          "dialog-header": c(() => r[2] || (r[2] = [
+            o("div", null, "Signature Board", -1)
+          ])),
+          default: c(() => [
+            n(w, {
+              ref_key: "signaturePad",
+              ref: i,
+              height: "300px",
+              customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
+              options: { penColor: "#000000" }
+            }, null, 512),
+            F.value ? (y(), x("p", ne, " Please sign your signature before saving. ")) : E("", !0),
+            o("div", se, [
+              n(V, {
+                variant: "destructive",
+                label: "Clear",
+                "prepend-icon": "delete",
+                onClick: r[0] || (r[0] = (s) => i.value.clearSignature())
+              }),
+              n(V, {
+                label: "Save",
+                "prepend-icon": "save",
+                onClick: u
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]))
+      ]);
+    };
+  }
+}), ie = { class: "space-y-2" }, ue = { class: "text-gray-900" }, de = { class: "text-gray-900" }, me = { class: "text-gray-900" }, pe = { class: "text-gray-900" }, be = { class: "text-gray-900" }, ce = { class: "text-gray-900" }, ge = { class: "mt-6 grid grid-cols-4 gap-24" }, ve = { class: "w-full flex justify-end mt-6" }, ye = { class: "mt-6 grid grid-cols-4 gap-24" }, Ve = { class: "col-span-2" }, fe = { class: "col-span-2" }, ke = { class: "col-span-2" }, Ce = { class: "col-span-2" }, Se = { class: "col-span-2" }, Pe = { class: "col-span-2" }, Fe = { class: "col-start-1 col-span-2" }, qe = { class: "col-span-2" }, we = { class: "col-span-2" }, Ne = { class: "col-span-2" }, xe = { class: "mt-6 grid grid-cols-4 gap-24" }, Ue = { class: "mt-6 grid grid-cols-2 gap-24" }, Re = /* @__PURE__ */ $({
+  __name: "SoftspaceSubmission",
+  props: {
+    submission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:submission"],
+  setup(R, { emit: D }) {
+    const S = R, b = D, f = J(), F = N(!1), { isLoading: i, startAsyncCall: g } = M(), { fields: a, documents: u, restaurantId: k, profile: r, status: V, statusReason: w } = S.submission, C = N(""), s = N(S.submission.rates ? Object.fromEntries(Object.entries(S.submission.rates).map(([P, l]) => [P, `${l}`])) : {
+      mydebitCard: "0",
+      localDebit: "0",
+      localCredit: "0",
+      foreignCard: "0",
+      jcbStandard: "0",
+      jcbPlatinum: "0"
+    }), q = L(
+      () => Object.values(s.value).every((P) => parseFloat(P) > 0)
+    ), U = () => g(async () => {
+      try {
+        const P = await T.reviewById(S.submission._id, {
+          rates: {
+            mydebitCard: parseFloat(s.value.mydebitCard),
+            localDebit: parseFloat(s.value.localDebit),
+            localCredit: parseFloat(s.value.localCredit),
+            foreignCard: parseFloat(s.value.foreignCard),
+            jcbStandard: parseFloat(s.value.jcbStandard),
+            jcbPlatinum: parseFloat(s.value.jcbPlatinum)
+          },
+          status: "approved"
+        });
+        b("update:submission", P), F.value = !1, f.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (P) {
+        f.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: A(P)
+        });
+      }
+    }), G = () => g(async () => {
+      try {
+        const P = await T.reviewById(S.submission._id, {
+          status: "rejected",
+          statusReason: C.value
+        });
+        b("update:submission", P), F.value = !1, f.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (P) {
+        f.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: A(P)
+        });
+      }
+    });
+    return (P, l) => {
+      const p = v("FmTextField"), O = v("FmButton"), K = v("FmTextarea"), Y = v("FmDialog"), Q = v("FmPhoneNumber"), H = v("FmSelect"), W = v("FmForm");
+      return y(), x(z, null, [
+        o("div", ie, [
+          o("div", null, [
+            l[31] || (l[31] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            o("span", ue, I(e(k)), 1)
+          ]),
+          o("div", null, [
+            l[32] || (l[32] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            o("span", de, I(e(r).name) + " ( " + I(e(r).legalName) + " )", 1)
+          ]),
+          o("div", null, [
+            l[33] || (l[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            o("span", me, I(e(r).email), 1)
+          ]),
+          o("div", null, [
+            l[34] || (l[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            o("span", pe, I(e(r).phoneNo), 1)
+          ]),
+          o("div", null, [
+            l[35] || (l[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            o("span", be, [
+              n(te, { data: e(V) }, null, 8, ["data"])
+            ])
+          ]),
+          o("div", null, [
+            l[36] || (l[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            o("span", ce, I(e(w)), 1)
+          ])
+        ]),
+        l[47] || (l[47] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Rate Settings ", -1)),
+        o("div", ge, [
+          n(p, {
+            modelValue: s.value.mydebitCard,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value.mydebitCard = t),
+            label: "myDebit Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[37] || (l[37] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.localDebit,
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => s.value.localDebit = t),
+            label: "Local Debit Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[38] || (l[38] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.localCredit,
+            "onUpdate:modelValue": l[2] || (l[2] = (t) => s.value.localCredit = t),
+            label: "Local Credit Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[39] || (l[39] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.foreignCard,
+            "onUpdate:modelValue": l[3] || (l[3] = (t) => s.value.foreignCard = t),
+            label: "Foreign Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[40] || (l[40] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.jcbStandard,
+            "onUpdate:modelValue": l[4] || (l[4] = (t) => s.value.jcbStandard = t),
+            label: "JCB Standard",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[41] || (l[41] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.jcbPlatinum,
+            "onUpdate:modelValue": l[5] || (l[5] = (t) => s.value.jcbPlatinum = t),
+            label: "JCB Platinum",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(d)(e(m).string().min(1, "Rate is required"))
+          }, {
+            append: c(() => l[42] || (l[42] = [
+              B("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ]),
+        o("div", ve, [
+          n(Y, {
+            modelValue: F.value,
+            "onUpdate:modelValue": l[7] || (l[7] = (t) => F.value = t)
+          }, {
+            "dialog-button": c(() => [
+              n(O, {
+                class: "mr-6",
+                type: "button",
+                variant: "destructive",
+                "prepend-icon": "block",
+                loading: e(i),
+                label: "Reject Submission"
+              }, null, 8, ["loading"])
+            ]),
+            "dialog-header": c(() => l[43] || (l[43] = [
+              o("div", null, "Rejecting Submission", -1)
+            ])),
+            default: c(() => [
+              n(K, {
+                modelValue: C.value,
+                "onUpdate:modelValue": l[6] || (l[6] = (t) => C.value = t),
+                label: "Reason for Rejection",
+                "label-mark": "optional",
+                "helper-text": "Please provide a reason for rejection."
+              }, null, 8, ["modelValue"]),
+              n(O, {
+                class: "mb-2 mt-6 w-full",
+                label: "Submit",
+                "prepend-icon": "save",
+                onClick: G,
+                loading: e(i)
+              }, null, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(O, {
+            type: "button",
+            variant: "primary",
+            "prepend-icon": "approval",
+            disabled: !q.value,
+            label: "Approve Submission with Rates",
+            onClick: U,
+            loading: e(i)
+          }, null, 8, ["disabled", "loading"])
+        ]),
+        n(W, { disabled: !0 }, {
+          default: c(() => [
+            l[44] || (l[44] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
+            o("div", ye, [
+              o("div", Ve, [
+                n(p, {
+                  modelValue: e(a).picName,
+                  "onUpdate:modelValue": l[8] || (l[8] = (t) => e(a).picName = t),
+                  label: "PIC Name",
+                  placeholder: "Enter your name",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "PIC Name is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", fe, [
+                n(p, {
+                  modelValue: e(a).picRole,
+                  "onUpdate:modelValue": l[9] || (l[9] = (t) => e(a).picRole = t),
+                  label: "PIC Role",
+                  placeholder: "Enter your role",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "PIC Role is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", ke, [
+                n(p, {
+                  modelValue: e(a).picEmail,
+                  "onUpdate:modelValue": l[10] || (l[10] = (t) => e(a).picEmail = t),
+                  label: "PIC Email",
+                  type: "email",
+                  placeholder: "Enter your email address",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "PIC Email is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Ce, [
+                n(Q, {
+                  "model-value": e(a).picContact,
+                  "onUpdate:modelValue": l[11] || (l[11] = (t) => e(a).picContact = t),
+                  "default-country": "MY",
+                  label: "PIC Contact",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "PIC Contact is required"))
+                }, null, 8, ["model-value", "rules"])
+              ]),
+              o("div", Se, [
+                n(p, {
+                  modelValue: e(a).outletName,
+                  "onUpdate:modelValue": l[12] || (l[12] = (t) => e(a).outletName = t),
+                  label: "Outlet Name",
+                  placeholder: "Enter outlet name",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "Outlet Name is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Pe, [
+                n(p, {
+                  modelValue: e(a).outletAddress,
+                  "onUpdate:modelValue": l[13] || (l[13] = (t) => e(a).outletAddress = t),
+                  label: "Outlet Address",
+                  placeholder: "Enter outlet address",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "Address is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              n(p, {
+                modelValue: e(a).outletPostCode,
+                "onUpdate:modelValue": l[14] || (l[14] = (t) => e(a).outletPostCode = t),
+                label: "Postal Code",
+                placeholder: "Enter postal code",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "Postal Code is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(p, {
+                modelValue: e(a).outletState,
+                "onUpdate:modelValue": l[15] || (l[15] = (t) => e(a).outletState = t),
+                label: "State",
+                placeholder: "Enter state",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "State is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(p, {
+                modelValue: e(a).outletCity,
+                "onUpdate:modelValue": l[16] || (l[16] = (t) => e(a).outletCity = t),
+                label: "City",
+                placeholder: "Enter city",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "City is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              o("div", Fe, [
+                n(H, {
+                  modelValue: e(a).businessType,
+                  "onUpdate:modelValue": l[17] || (l[17] = (t) => e(a).businessType = t),
+                  label: "Type",
+                  placeholder: "Select business type",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "Business Type is required")),
+                  items: [
+                    { label: "Sole Proprietorship", value: "sole_proprietorship" },
+                    { label: "Partnership", value: "partnership" },
+                    { label: "Private Limited Company (Sdn Bhd)", value: "private_limited" },
+                    { label: "Public Limited Company (Berhad)", value: "public_limited" }
+                  ]
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", qe, [
+                n(p, {
+                  modelValue: e(a).businessRegNo,
+                  "onUpdate:modelValue": l[18] || (l[18] = (t) => e(a).businessRegNo = t),
+                  label: "Registration No",
+                  placeholder: "Enter registration number",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "Reg No is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", we, [
+                n(p, {
+                  modelValue: e(a).tinNo,
+                  "onUpdate:modelValue": l[19] || (l[19] = (t) => e(a).tinNo = t),
+                  label: "Tax Identification No (TIN)",
+                  placeholder: "Enter your TIN number",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "TIN is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Ne, [
+                n(p, {
+                  modelValue: e(a).sstNo,
+                  "onUpdate:modelValue": l[20] || (l[20] = (t) => e(a).sstNo = t),
+                  label: "SST Registration No (SST)",
+                  placeholder: "Enter your SST number",
+                  "label-mark": "required",
+                  rules: e(d)(e(m).string().min(1, "SST No is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ])
+            ]),
+            l[45] || (l[45] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information & Documents ", -1)),
+            o("div", xe, [
+              n(H, {
+                modelValue: e(a).bankName,
+                "onUpdate:modelValue": l[21] || (l[21] = (t) => e(a).bankName = t),
+                label: "Bank",
+                placeholder: "Select bank type",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "Bank Type is required")),
+                items: e(ee).bankNameOptions()
+              }, null, 8, ["modelValue", "rules", "items"]),
+              n(p, {
+                modelValue: e(a).bankHolderName,
+                "onUpdate:modelValue": l[22] || (l[22] = (t) => e(a).bankHolderName = t),
+                label: "Beneficiary Name",
+                placeholder: "Enter Beneficiary Name",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "Beneficiary Name is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(p, {
+                modelValue: e(a).bankAccountNo,
+                "onUpdate:modelValue": l[23] || (l[23] = (t) => e(a).bankAccountNo = t),
+                label: "Account Number",
+                placeholder: "Enter Account Number",
+                "label-mark": "required",
+                rules: e(d)(e(m).string().min(1, "Account Number is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(_, {
+                label: "Authorized Person ID",
+                modelValue: e(u).authorizedPersonID,
+                "onUpdate:modelValue": l[24] || (l[24] = (t) => e(u).authorizedPersonID = t),
+                type: "image"
+              }, null, 8, ["modelValue"]),
+              n(_, {
+                label: "Outlet Photo",
+                modelValue: e(u).outletPhoto,
+                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(u).outletPhoto = t),
+                type: "image"
+              }, null, 8, ["modelValue"]),
+              n(_, {
+                label: "Latest Bank Statement",
+                modelValue: e(u).bankStatement,
+                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(u).bankStatement = t),
+                type: "pdf"
+              }, null, 8, ["modelValue"]),
+              e(a).businessType === "private_limited" || e(a).businessType === "public_limited" ? (y(), j(_, {
+                key: 0,
+                label: "Superform",
+                type: "pdf",
+                modelValue: e(u).certificate,
+                "onUpdate:modelValue": l[27] || (l[27] = (t) => e(u).certificate = t)
+              }, null, 8, ["modelValue"])) : E("", !0),
+              e(a).businessType === "sole_proprietorship" || e(a).businessType === "partnership" ? (y(), j(_, {
+                key: 1,
+                label: "SSM Certificate & Info",
+                type: "pdf",
+                modelValue: e(u).certificate,
+                "onUpdate:modelValue": l[28] || (l[28] = (t) => e(u).certificate = t)
+              }, null, 8, ["modelValue"])) : E("", !0)
+            ]),
+            l[46] || (l[46] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
+            o("div", Ue, [
+              n(re, {
+                modelValue: e(u).signature,
+                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(u).signature = t),
+                label: "Signature"
+              }, null, 8, ["modelValue"]),
+              n(_, {
+                label: "Company Stamp",
+                type: "image",
+                modelValue: e(u).companyStamp,
+                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(u).companyStamp = t)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), De = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, Ie = { class: "px-32 pb-32" }, He = /* @__PURE__ */ $({
+  __name: "OnboardForm",
+  props: {
+    submissionId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(R) {
+    const { startAsyncCall: D, isLoading: S } = M(), b = J(), f = R, F = h(), i = N(null);
+    X(() => {
+      D(async () => {
+        i.value = await T.readById(f.submissionId);
+      });
+    });
+    const g = L(() => {
+      if (!i.value) return null;
+      switch (i.value.type) {
+        case "softspace":
+          return Re;
+        default:
+          return null;
+      }
+    }), a = N(0);
+    function u(r) {
+      i.value = r, a.value = Date.now();
+    }
+    const k = async (r) => {
+      var V, w, C, s;
+      if (i.value)
+        switch (r) {
+          case "preview":
+            let q;
+            try {
+              q = b.open({
+                message: "Generating preview document...",
+                type: "info"
+              }), await T.previewDocument(
+                (V = i.value) == null ? void 0 : V.restaurantId,
+                (w = i.value) == null ? void 0 : w._id
+              );
+            } catch (U) {
+              b.open({
+                type: "error",
+                title: "Error occurs when generating submission document",
+                message: A(U)
+              });
+            } finally {
+              q && b.close(q);
+            }
+            break;
+          case "send":
+            try {
+              b.open({
+                message: "Sending onboarding document...",
+                type: "info"
+              }), await T.sendDocument(
+                (C = i.value) == null ? void 0 : C.restaurantId,
+                (s = i.value) == null ? void 0 : s._id
+              ), b.open({
+                type: "success",
+                title: "Submission documents send successfully"
+              });
+            } catch (U) {
+              b.open({
+                type: "error",
+                title: "Error occurs when sending document",
+                message: A(U)
+              });
+            }
+            break;
+        }
+    };
+    return (r, V) => {
+      var s, q;
+      const w = v("FmCircularProgress"), C = v("FmPageHead");
+      return e(S) ? (y(), x("div", De, [
+        n(w, { size: "xxl" })
+      ])) : (y(), x(z, { key: 1 }, [
+        n(C, {
+          title: `Submission - ${(s = i.value) == null ? void 0 : s.type}`,
+          description: `ID - ${(q = i.value) == null ? void 0 : q._id}`,
+          "back-button": !0,
+          "onClick:back": V[0] || (V[0] = () => e(F).back()),
+          "onClick:action": k,
+          actions: [
+            {
+              label: "Preview Document",
+              value: "preview",
+              prependIcon: "preview"
+            },
+            {
+              label: "Send for Review",
+              value: "send",
+              isPrimary: !0,
+              prependIcon: "send"
+            }
+          ]
+        }, null, 8, ["title", "description"]),
+        o("div", Ie, [
+          (y(), j(Z(g.value), {
+            key: a.value,
+            submission: i.value,
+            "onUpdate:submission": u
+          }, null, 40, ["submission"]))
+        ])
+      ], 64));
+    };
+  }
+});
+export {
+  He as default
+};