@feedmepos/mf-payment 1.2.0 → 1.2.1

package/dist/PayoutAccountSetting-DjrQRJDm.js

@@ -1,728 +0,0 @@
-import { defineComponent as k, resolveComponent as y, openBlock as b, createElementBlock as A, Fragment as $, createElementVNode as l, createVNode as s, withCtx as F, createTextVNode as _, toDisplayString as h, createCommentVNode as S, createBlock as C, ref as V, watch as L, computed as G, unref as v, isRef as M, h as B, onMounted as H, resolveDynamicComponent as Y, normalizeProps as Q, mergeProps as W } from "vue";
-import { p as P } from "./index-CJL2mrrn.js";
-import { u as K, e as N } from "./index-B9Q6VJh7.js";
-import { _ as J } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { useRouter as X } from "vue-router";
-import { u as D } from "./index-C2ZxjTVN.js";
-import { P as z, _ as ee } from "./PDFViewer-BQfgFexr.js";
-import { useSnackbar as j, components as te } from "@feedmepos/ui-library";
-import { u as I } from "./error-K1CakhA9.js";
-import { z as R, a as E } from "./validator-D5jtpt9A.js";
-import { useCoreStore as ne } from "@feedmepos/mf-common";
-const ae = { class: "flex gap-16 mb-6" }, oe = ["src"], le = /* @__PURE__ */ k({
-  __name: "Information",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(n) {
-    return (r, e) => {
-      const p = y("FmCardHeader"), c = y("FmCardSection"), o = y("FmCard");
-      return b(), A($, null, [
-        l("div", ae, [
-          s(o, {
-            horizontal: "",
-            class: "flex-1 p-6",
-            variant: "elevated"
-          }, {
-            default: F(() => [
-              s(c, { class: "flex flex-col gap-16 justify-between" }, {
-                default: F(() => [
-                  s(p, {
-                    class: "p-0",
-                    title: "Account Info",
-                    subtitle: ""
-                  }),
-                  s(c, { class: "p-0" }, {
-                    default: F(() => {
-                      var u, f, d, a, t;
-                      return [
-                        e[0] || (e[0] = l("b", null, "For", -1)),
-                        _(": " + h((f = (u = n.payoutAccount) == null ? void 0 : u.store) == null ? void 0 : f.event) + " ", 1),
-                        e[1] || (e[1] = l("br", null, null, -1)),
-                        e[2] || (e[2] = l("b", null, "Reference", -1)),
-                        _(": " + h((a = (d = n.payoutAccount) == null ? void 0 : d.store) == null ? void 0 : a.id), 1),
-                        e[3] || (e[3] = l("br", null, null, -1)),
-                        e[4] || (e[4] = l("b", null, "Business", -1)),
-                        _(": " + h((t = n.payoutAccount) == null ? void 0 : t.businessId), 1),
-                        e[5] || (e[5] = l("br", null, null, -1))
-                      ];
-                    }),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          s(o, {
-            horizontal: "",
-            class: "flex-1 p-6",
-            variant: "elevated"
-          }, {
-            default: F(() => [
-              s(c, { class: "flex flex-col gap-16 justify-between" }, {
-                default: F(() => [
-                  s(p, {
-                    class: "p-0",
-                    title: "Key Person",
-                    subtitle: ""
-                  }),
-                  s(c, { class: "p-0" }, {
-                    default: F(() => {
-                      var u, f, d, a, t, i, m, w;
-                      return [
-                        e[6] || (e[6] = l("b", null, "Email", -1)),
-                        _(": " + h((d = (f = (u = n.payoutAccount) == null ? void 0 : u.store) == null ? void 0 : f.keyPerson) == null ? void 0 : d.email) + " ", 1),
-                        e[7] || (e[7] = l("br", null, null, -1)),
-                        e[8] || (e[8] = l("b", null, "Name", -1)),
-                        _(": " + h((i = (t = (a = n.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : t.keyPerson) == null ? void 0 : i.name), 1),
-                        e[9] || (e[9] = l("br", null, null, -1)),
-                        e[10] || (e[10] = l("b", null, "Phone", -1)),
-                        _(": " + h((w = (m = n.payoutAccount) == null ? void 0 : m.store.keyPerson) == null ? void 0 : w.phone), 1),
-                        e[11] || (e[11] = l("br", null, null, -1))
-                      ];
-                    }),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        e[12] || (e[12] = l("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
-        n.payoutAccount.store.exteriorPhoto ? (b(), A("img", {
-          key: 0,
-          src: n.payoutAccount.store.exteriorPhoto
-        }, null, 8, oe)) : S("", !0)
-      ], 64);
-    };
-  }
-}), ue = { class: "flex gap-16" }, se = { class: "flex-1" }, re = { class: "flex-1" }, ce = /* @__PURE__ */ k({
-  __name: "Settlement",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(n) {
-    return (r, e) => {
-      const p = y("FmCardHeader"), c = y("FmCardSection"), o = y("FmCard");
-      return b(), A($, null, [
-        s(o, {
-          horizontal: "",
-          class: "flex-1 p-6 mx-6 mb-6",
-          variant: "elevated"
-        }, {
-          default: F(() => [
-            s(c, { class: "flex flex-col gap-16 justify-between" }, {
-              default: F(() => [
-                s(p, {
-                  class: "p-0",
-                  title: "Bank Info",
-                  subtitle: ""
-                }),
-                s(c, { class: "p-0" }, {
-                  default: F(() => {
-                    var u, f, d, a, t, i;
-                    return [
-                      e[0] || (e[0] = l("b", null, "Bank", -1)),
-                      _(": " + h((f = (u = n.payoutAccount) == null ? void 0 : u.store.bank) == null ? void 0 : f.name), 1),
-                      e[1] || (e[1] = l("br", null, null, -1)),
-                      e[2] || (e[2] = l("b", null, "Name", -1)),
-                      _(": " + h((a = (d = n.payoutAccount) == null ? void 0 : d.store.bank) == null ? void 0 : a.holderName), 1),
-                      e[3] || (e[3] = l("br", null, null, -1)),
-                      e[4] || (e[4] = l("b", null, "Number", -1)),
-                      _(": " + h((i = (t = n.payoutAccount) == null ? void 0 : t.store.bank) == null ? void 0 : i.accountNumber), 1)
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        l("div", ue, [
-          l("div", se, [
-            e[5] || (e[5] = l("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
-            n.payoutAccount.store.ssm ? (b(), C(z, {
-              key: 0,
-              pdf: n.payoutAccount.store.ssm,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : S("", !0)
-          ]),
-          l("div", re, [
-            e[6] || (e[6] = l("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
-            n.payoutAccount.store.bankStatement ? (b(), C(z, {
-              key: 0,
-              pdf: n.payoutAccount.store.bankStatement,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : S("", !0)
-          ])
-        ])
-      ], 64);
-    };
-  }
-}), ie = /* @__PURE__ */ k({
-  __name: "RateInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(n) {
-    const r = n, e = V(r.data.toString());
-    return L(e, (p) => {
-      r.onChange(parseFloat(p));
-    }), (p, c) => {
-      const o = y("FmTextField");
-      return b(), C(o, {
-        inputmode: "decimal",
-        modelValue: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => e.value = u)
-      }, {
-        append: F(() => c[1] || (c[1] = [
-          _("%")
-        ])),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), de = /* @__PURE__ */ k({
-  __name: "TPlusInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(n) {
-    const r = n, e = V(r.data.toString());
-    return L(e, (p) => {
-      r.onChange(parseInt(p));
-    }), (p, c) => {
-      const o = y("FmTextField");
-      return b(), C(o, {
-        inputmode: "numeric",
-        modelValue: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => e.value = u)
-      }, null, 8, ["modelValue"]);
-    };
-  }
-}), me = { class: "flex gap-16 mt-6" }, pe = { class: "flex-1" }, ye = { class: "flex-1" }, fe = { class: "my-6 w-full flex justify-end" }, be = { class: "w-[320px]" }, ve = /* @__PURE__ */ k({
-  __name: "PaymentStatus",
-  props: {
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(n) {
-    const r = n, e = V(!1), p = j(), c = async (a) => {
-      try {
-        e.value = !0, await r.onUpdate(a), p.open({
-          type: "success",
-          title: "Payout account update succesfully"
-        });
-      } catch (t) {
-        p.open({
-          type: "error",
-          title: "Error occurs when updating payout account",
-          message: I(t)
-        });
-      } finally {
-        e.value = !1;
-      }
-    }, { search: o } = D({
-      search: ""
-    }), u = G(() => {
-      const { ssm: a, bank: t, bankStatement: i } = r.payoutAccount.store;
-      return a && t && t.name && t.accountNumber && t.holderName && i;
-    }), f = V(""), d = [
-      {
-        header: () => "Payment Method",
-        accessorKey: "issuer",
-        cell: (a) => `${a.row.original.issuer} (${a.row.original.variant})`
-      },
-      {
-        header: () => "Rate",
-        accessorKey: "rate",
-        cell: ({ row: a }) => {
-          let t = 0;
-          return a.original.rate && (t = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), B(ie, {
-            data: t,
-            onChange: (i) => {
-              const m = r.payoutAccount.methods.at(a.index);
-              m.rate || (m.rate = {
-                amount: 0,
-                precision: 4
-              }), m.rate.amount = i * Math.pow(10, m.rate.precision);
-            }
-          });
-        }
-      },
-      {
-        header: () => "T plus",
-        accessorKey: "tPlus",
-        cell: ({ row: a }) => B(de, {
-          data: a.original.tPlus ?? 0,
-          onChange: (t) => {
-            const i = r.payoutAccount.methods.at(a.index);
-            i.tPlus = t;
-          }
-        })
-      }
-    ];
-    return (a, t) => {
-      const i = y("FmRadio"), m = y("FmRadioGroup"), w = y("FmSwitch"), T = y("FmSearch"), U = y("FmTable"), x = y("FmButton");
-      return b(), A($, null, [
-        l("div", me, [
-          l("div", pe, [
-            s(m, {
-              modelValue: n.payoutAccount.status,
-              "onUpdate:modelValue": t[0] || (t[0] = (g) => n.payoutAccount.status = g),
-              label: "Account Status"
-            }, {
-              default: F(() => [
-                s(i, {
-                  value: "NEW",
-                  label: "New"
-                }),
-                s(i, {
-                  value: "PENDING",
-                  label: "Pending"
-                }),
-                s(i, {
-                  value: "APPROVED",
-                  label: "Approved"
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          l("div", ye, [
-            s(w, {
-              modelValue: n.payoutAccount.enable,
-              "onUpdate:modelValue": t[1] || (t[1] = (g) => n.payoutAccount.enable = g),
-              disabled: !u.value,
-              label: "Enabled",
-              sublabel: "Merchant can use online features such as e-payment, settlement"
-            }, null, 8, ["modelValue", "disabled"])
-          ])
-        ]),
-        n.payoutAccount.enable ? (b(), A($, { key: 0 }, [
-          l("div", fe, [
-            l("div", be, [
-              s(T, {
-                modelValue: v(o),
-                "onUpdate:modelValue": t[2] || (t[2] = (g) => M(o) ? o.value = g : null),
-                placeholder: "Search Method ..."
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          s(U, {
-            class: "mt-6",
-            modelValue: f.value,
-            "onUpdate:modelValue": t[3] || (t[3] = (g) => f.value = g),
-            "shrink-at": !1,
-            "search-value": v(o),
-            "row-data": n.payoutAccount.methods,
-            "column-defs": d
-          }, null, 8, ["modelValue", "search-value", "row-data"])
-        ], 64)) : S("", !0),
-        s(x, {
-          class: "w-full mt-6",
-          variant: "primary",
-          label: "Save",
-          loading: e.value,
-          onclick: () => c(n.payoutAccount)
-        }, null, 8, ["loading", "onclick"])
-      ], 64);
-    };
-  }
-}), ge = { class: "flex" }, Fe = /* @__PURE__ */ k({
-  __name: "Actions",
-  emits: ["edit", "delete"],
-  setup(n, { emit: r }) {
-    const e = r;
-    return (p, c) => {
-      const o = y("FmButton");
-      return b(), A("div", ge, [
-        s(o, {
-          variant: "plain",
-          "prepend-icon": "delete",
-          onClick: c[0] || (c[0] = (u) => {
-            u.stopPropagation(), e("delete");
-          })
-        })
-      ]);
-    };
-  }
-}), xe = { class: "flex justify-end px-6 pb-6" }, _e = /* @__PURE__ */ k({
-  __name: "PaymentChannel",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(n) {
-    const r = j(), e = n, { isLoading: p, startAsyncCall: c } = K(), o = V([]);
-    function u() {
-      c(async () => {
-        o.value = await P.getChannels(e.payoutAccount._id);
-      });
-    }
-    H(u);
-    function f() {
-      c(async () => {
-        try {
-          await P.updateChannels(e.payoutAccount._id, o.value), r.open({
-            type: "success",
-            title: "Payout account channels update succesfully"
-          });
-        } catch (t) {
-          r.open({
-            type: "error",
-            title: "Error occurs when updating payout account channels",
-            message: I(t)
-          });
-        }
-      });
-    }
-    function d() {
-      c(async () => {
-        try {
-          await P.resetChannels(e.payoutAccount._id), o.value = await P.getChannels(e.payoutAccount._id), r.open({
-            type: "success",
-            title: "Payout account channels reset succesfully"
-          });
-        } catch (t) {
-          r.open({
-            type: "error",
-            title: "Error occurs when reset payout account channels",
-            message: I(t)
-          });
-        }
-      });
-    }
-    const a = [
-      {
-        header: () => "Gateway",
-        accessorKey: "gateway"
-      },
-      {
-        header: () => "Payment Type",
-        accessorKey: "type"
-      },
-      {
-        header: () => "Display",
-        accessorKey: "icon",
-        cell: ({ row: t }) => B("img", { src: t.original.icon, width: 32, height: 32 })
-      },
-      {
-        header: () => "Label",
-        accessorKey: "label",
-        cell: ({ row: t }) => B(te.FmTextField, {
-          modelValue: t.original.label,
-          "onUpdate:modelValue": (i) => t.original.label = i
-        })
-      },
-      {
-        id: "actions",
-        header: () => "Actions",
-        cell: ({ row: t }) => B(Fe, {
-          onDelete: () => o.value.splice(t.index, 1)
-        })
-      }
-    ];
-    return (t, i) => {
-      const m = y("FmButton"), w = y("FmTable");
-      return b(), A($, null, [
-        l("div", xe, [
-          s(m, {
-            class: "mx-4",
-            variant: "destructive",
-            size: "md",
-            icon: "history",
-            label: "Reset",
-            onClick: d
-          }),
-          s(m, {
-            variant: "primary",
-            size: "md",
-            icon: "save",
-            label: "Save",
-            onClick: f
-          })
-        ]),
-        s(w, {
-          loading: v(p),
-          "row-data": o.value,
-          "column-defs": a,
-          "shrink-at": !1
-        }, null, 8, ["loading", "row-data"])
-      ], 64);
-    };
-  }
-}), we = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ k({
-  __name: "FiuuGateway",
-  props: {
-    gateway: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    onDelete: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(n) {
-    var p;
-    const e = V(((p = n.gateway) == null ? void 0 : p.config) || {
-      merchantId: "",
-      verifyKey: "",
-      secretKey: ""
-    });
-    return (c, o) => {
-      const u = y("FmTextField"), f = y("FmButton"), d = y("FmForm");
-      return b(), C(d, {
-        ref: "form",
-        class: "flex flex-col gap-16",
-        onValidationSuccess: o[3] || (o[3] = () => n.onUpdate(e.value))
-      }, {
-        default: F(() => [
-          s(u, {
-            modelValue: e.value.merchantId,
-            "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value.merchantId = a),
-            label: "Merchant ID",
-            rules: v(R)(v(E).string())
-          }, null, 8, ["modelValue", "rules"]),
-          s(u, {
-            modelValue: e.value.verifyKey,
-            "onUpdate:modelValue": o[1] || (o[1] = (a) => e.value.verifyKey = a),
-            label: "Verify Key",
-            rules: v(R)(v(E).string())
-          }, null, 8, ["modelValue", "rules"]),
-          s(u, {
-            modelValue: e.value.secretKey,
-            "onUpdate:modelValue": o[2] || (o[2] = (a) => e.value.secretKey = a),
-            label: "Secret Key",
-            rules: v(R)(v(E).string())
-          }, null, 8, ["modelValue", "rules"]),
-          l("div", we, [
-            n.gateway ? (b(), C(f, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : S("", !0),
-            s(f, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ce = {}, ke = { class: "flex items-center justify-center h-screen" };
-function he(n, r) {
-  return b(), A("div", ke, r[0] || (r[0] = [
-    l("h1", { class: "text-4xl font-bold text-gray-800" }, "Coming Soon", -1)
-  ]));
-}
-const Pe = /* @__PURE__ */ ee(Ce, [["render", he]]), Ve = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, Se = /* @__PURE__ */ k({
-  __name: "PaymentGateway",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(n) {
-    const r = ne().currentCountry, e = j(), { isLoading: p, startAsyncCall: c } = K(), { gatewayTab: o } = D({
-      gatewayTab: ""
-    }), u = n, f = [
-      {
-        label: "Fiuu",
-        value: "RAZER_MERCHANT_SERVICE",
-        render: Ae,
-        region: [N.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "Macau Pass",
-        value: "MACAU_PASS",
-        render: Pe,
-        region: [N.F_COUNTRY.enum.MO]
-      }
-    ], d = V(u.payoutAccount.gateways ?? []), a = G(() => f.find((i) => i.value === o.value));
-    async function t(i) {
-      await c(async () => {
-        try {
-          await P.updateGateway(u.payoutAccount._id, i), e.open({
-            type: "success",
-            title: "Payout account gateways update succesfully"
-          });
-        } catch (m) {
-          e.open({
-            type: "error",
-            title: "Error occurs when updating payout account gateways",
-            message: I(m)
-          });
-        }
-      });
-    }
-    return (i, m) => {
-      var U;
-      const w = y("FmCircularProgress"), T = y("FmTabs");
-      return b(), A($, null, [
-        m[1] || (m[1] = l("p", { className: "mt-1 my-6 text-gray-600" }, [
-          l("b", null, "Note: "),
-          _(" There's no setup required for Malaysia Payment Gateway, once Payout Account is ready you will able to configure the payment channels. ")
-        ], -1)),
-        v(p) ? (b(), A("div", Ve, [
-          s(w, { size: "xxl" })
-        ])) : (b(), C(T, {
-          key: 1,
-          "model-value": v(o),
-          "onUpdate:modelValue": m[0] || (m[0] = (x) => M(o) ? o.value = x : null),
-          class: "mb-6",
-          items: f.filter((x) => x.region.includes(v(r) ?? v(N.F_COUNTRY).enum.MY))
-        }, null, 8, ["model-value", "items"])),
-        v(o) ? (b(), C(Y((U = a.value) == null ? void 0 : U.render), Q(W({ key: 2 }, {
-          gateway: d.value.find((x) => {
-            var g;
-            return x.paymentGateway === ((g = a.value) == null ? void 0 : g.value);
-          }),
-          onDelete: async () => {
-            d.value = d.value.filter((x) => {
-              var g;
-              return x.paymentGateway !== ((g = a.value) == null ? void 0 : g.value);
-            }), t(d.value);
-          },
-          onUpdate: (x) => {
-            var O;
-            let g = d.value.find((Z) => {
-              var q;
-              return Z.paymentGateway === ((q = a.value) == null ? void 0 : q.value);
-            });
-            g ? g.config = x : d.value.push({
-              paymentGateway: (O = a.value) == null ? void 0 : O.value,
-              config: x
-            }), t(d.value);
-          }
-        })), null, 16)) : S("", !0)
-      ], 64);
-    };
-  }
-}), De = /* @__PURE__ */ k({
-  __name: "PayoutAccountSetting",
-  props: {
-    accountId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(n) {
-    const r = n, { tab: e } = D({
-      tab: "information"
-    }), { isLoading: p, startAsyncCall: c } = K(!0), o = X(), u = V();
-    async function f(i) {
-      await P.updateById(
-        r.accountId,
-        i
-      ), u.value = await P.readById(r.accountId);
-    }
-    const d = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: le
-      },
-      {
-        label: "Settlement",
-        value: "settlement",
-        icon: "payments",
-        render: ce
-      },
-      {
-        label: "MDR Status",
-        value: "payment",
-        icon: "account_box",
-        render: ve
-      },
-      {
-        label: "Online Gateways",
-        value: "gateways",
-        icon: "account_balance",
-        render: Se
-      },
-      {
-        label: "Online Channels",
-        value: "channels",
-        icon: "assured_workload",
-        render: _e
-      }
-    ];
-    function a() {
-      c(async () => {
-        u.value = await P.readById(r.accountId);
-      });
-    }
-    H(a);
-    const t = G(() => {
-      var i;
-      return (i = d.find((m) => m.value === e.value)) == null ? void 0 : i.render;
-    });
-    return (i, m) => {
-      var T;
-      const w = y("FmTabs");
-      return b(), C(J, {
-        title: `Payout Account (${(T = u.value) == null ? void 0 : T._id})`,
-        loading: v(p),
-        onBack: v(o).back
-      }, {
-        default: F(() => [
-          s(w, {
-            "model-value": v(e),
-            "onUpdate:modelValue": m[0] || (m[0] = (U) => M(e) ? e.value = U : null),
-            class: "mb-6",
-            items: d
-          }, null, 8, ["model-value"]),
-          v(e) ? (b(), C(Y(t.value), Q(W({ key: 0 }, {
-            payoutAccount: u.value,
-            onUpdate: f
-          })), null, 16)) : S("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  De as default
-};