@feedmepos/mf-miniprogram-v2 0.2.8-dev.3 → 0.2.8-dev.5

package/dist/MobileProjectsView-DP_MBdDX.js

@@ -1,400 +0,0 @@
-import { defineComponent as O, ref as p, onMounted as Y, resolveComponent as I, openBlock as a, createBlock as P, withCtx as q, createVNode as f, normalizeClass as K, createElementBlock as l, createElementVNode as y, toDisplayString as V, Fragment as $, createCommentVNode as w, computed as E, h as d, withModifiers as L, onScopeDispose as Q, createTextVNode as U, unref as z } from "vue";
-import { useRoute as W, useRouter as X } from "vue-router";
-import { components as Z, useDialog as ee } from "@feedmepos/ui-library";
-import { a as M } from "./routes-CJa85dEy.js";
-import { c as R, e as D, a as te } from "./controlPlane--Q2ulw38.js";
-import { u as ae } from "./portalContext-CzdVaxBH.js";
-import { w as B } from "./portalNavigation-L5VwKlps.js";
-import { _ as oe, p as le } from "./AppTemplatePicker.vue_vue_type_script_setup_true_lang-BeNabALJ.js";
-import { m as se } from "./index-CIJWcl_6.js";
-import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as A } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";
-const re = ["miniprogram-vue"], ne = {
-  key: 0,
-  class: "project-dialog__head"
-}, ie = { key: 1 }, ue = { class: "project-dialog__body" }, de = {
-  key: 0,
-  role: "status"
-}, ce = {
-  key: 2,
-  class: "portal-error",
-  role: "alert"
-}, pe = {
-  key: 0,
-  class: "project-dialog__note"
-}, me = {
-  key: 1,
-  class: "portal-error",
-  role: "alert"
-}, ve = /* @__PURE__ */ O({
-  __name: "MobileProjectDialog",
-  props: {
-    businessId: {},
-    projectId: {},
-    initialName: {}
-  },
-  emits: ["saved", "close"],
-  setup(T, { emit: x }) {
-    const c = T, m = x, r = p(c.initialName ?? ""), i = p(null), v = p([]), n = !c.projectId, b = p(n), s = p(!1), u = p(""), C = se(), j = p(n ? "template" : "name"), S = p("");
-    async function N() {
-      var _, o;
-      b.value = !0, u.value = "";
-      try {
-        const k = await R(M.appTemplates());
-        v.value = k.templates, i.value = ((_ = k.templates.find((h) => !re.includes(h.id))) == null ? void 0 : _.id) ?? ((o = k.templates[0]) == null ? void 0 : o.id) ?? null;
-      } catch (k) {
-        u.value = D(k);
-      } finally {
-        b.value = !1;
-      }
-    }
-    function t() {
-      i.value && (j.value = "name");
-    }
-    function e() {
-      j.value = "template";
-    }
-    async function F() {
-      if (!(s.value || !r.value.trim() || r.value.trim().length > 120 || n && !i.value)) {
-        s.value = !0, u.value = "";
-        try {
-          const _ = await R(
-            c.projectId ? M.project(c.businessId, c.projectId) : M.projects(c.businessId),
-            {
-              method: c.projectId ? "PATCH" : "POST",
-              body: JSON.stringify({
-                name: r.value.trim(),
-                ...c.projectId ? {} : {
-                  projectId: C,
-                  kind: "mobile",
-                  appTemplate: i.value,
-                  country: te()
-                }
-              })
-            }
-          );
-          m("saved", _);
-        } catch (_) {
-          u.value = D(_);
-        } finally {
-          s.value = !1;
-        }
-      }
-    }
-    return Y(() => {
-      n && N();
-    }), (_, o) => {
-      const k = I("FmTextField"), h = I("FmButton"), H = I("FmCard"), J = I("FmForm");
-      return a(), P(J, { onValidationSuccess: F }, {
-        default: q(() => [
-          f(H, {
-            class: K(["project-dialog", j.value === "template" ? "project-dialog--wide" : ""])
-          }, {
-            default: q(() => [
-              j.value === "template" ? (a(), l("div", ne, [
-                o[5] || (o[5] = y("h2", null, "Choose a template", -1)),
-                f(k, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": o[0] || (o[0] = (g) => S.value = g),
-                  placeholder: "Search",
-                  disabled: s.value,
-                  class: "project-dialog__search"
-                }, null, 8, ["modelValue", "disabled"])
-              ])) : (a(), l("h2", ie, V(T.projectId ? "Rename project" : "Name your project"), 1)),
-              y("div", ue, [
-                j.value === "template" ? (a(), l($, { key: 0 }, [
-                  b.value ? (a(), l("p", de, "Loading templates…")) : (a(), P(oe, {
-                    key: 1,
-                    templates: v.value,
-                    modelValue: i.value,
-                    "onUpdate:modelValue": o[1] || (o[1] = (g) => i.value = g),
-                    search: S.value,
-                    disabled: s.value,
-                    onAdvance: t
-                  }, null, 8, ["templates", "modelValue", "search", "disabled"])),
-                  u.value ? (a(), l("p", ce, V(u.value), 1)) : w("", !0),
-                  !v.value.length && !b.value ? (a(), P(h, {
-                    key: 3,
-                    label: "Retry loading templates",
-                    variant: "secondary",
-                    onClick: N
-                  })) : w("", !0)
-                ], 64)) : (a(), l($, { key: 1 }, [
-                  f(k, {
-                    modelValue: r.value,
-                    "onUpdate:modelValue": o[2] || (o[2] = (g) => r.value = g),
-                    label: "Project name",
-                    placeholder: "e.g. Summer ordering",
-                    disabled: s.value,
-                    rules: [(g) => g.trim().length > 0 && g.trim().length <= 120 || "Enter a name up to 120 characters"]
-                  }, null, 8, ["modelValue", "disabled", "rules"]),
-                  n ? (a(), l("p", pe, "Start a separate app from a template. Your live app stays as it is.")) : w("", !0),
-                  u.value ? (a(), l("p", me, V(u.value), 1)) : w("", !0)
-                ], 64))
-              ]),
-              y("footer", null, [
-                j.value === "template" ? (a(), l($, { key: 0 }, [
-                  f(h, {
-                    label: "Cancel",
-                    variant: "tertiary",
-                    disabled: s.value,
-                    onClick: o[3] || (o[3] = (g) => m("close"))
-                  }, null, 8, ["disabled"]),
-                  f(h, {
-                    label: "Next",
-                    type: "button",
-                    disabled: b.value || !i.value,
-                    onClick: t
-                  }, null, 8, ["disabled"])
-                ], 64)) : (a(), l($, { key: 1 }, [
-                  n ? (a(), P(h, {
-                    key: 0,
-                    label: "Back",
-                    variant: "tertiary",
-                    disabled: s.value,
-                    onClick: e
-                  }, null, 8, ["disabled"])) : w("", !0),
-                  f(h, {
-                    label: "Cancel",
-                    variant: "tertiary",
-                    disabled: s.value,
-                    onClick: o[4] || (o[4] = (g) => m("close"))
-                  }, null, 8, ["disabled"]),
-                  f(h, {
-                    label: T.projectId ? "Save" : "Create project",
-                    type: "submit",
-                    loading: s.value,
-                    disabled: !r.value.trim() || r.value.trim().length > 120 || n && !i.value
-                  }, null, 8, ["label", "loading", "disabled"])
-                ], 64))
-              ])
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), be = /* @__PURE__ */ G(ve, [["__scopeId", "data-v-46ec1d0a"]]), ge = { class: "portal-page" }, fe = { class: "portal-page-inner" }, ye = { class: "portal-page-heading" }, _e = {
-  key: 0,
-  class: "mobile-projects__count"
-}, je = {
-  key: 0,
-  class: "portal-error",
-  role: "alert"
-}, ke = {
-  key: 1,
-  role: "status"
-}, he = {
-  key: 2,
-  class: "portal-empty"
-}, we = {
-  key: 3,
-  class: "rounded-2xl border border-portal-border-default bg-portal-bg-default",
-  "aria-label": "Mobile projects"
-}, Ce = /* @__PURE__ */ O({
-  __name: "MobileProjectsView",
-  setup(T) {
-    const { FmButton: x } = Z, c = ae(), m = W(), r = X(), i = ee(), v = p([]), n = p(!0), b = p(""), s = new AbortController();
-    async function u() {
-      n.value = !0, b.value = "";
-      try {
-        const t = await R(M.projects(c.businessId.value), {
-          signal: s.signal
-        });
-        v.value = t.projects;
-      } catch (t) {
-        s.signal.aborted || (b.value = D(t));
-      } finally {
-        n.value = !1;
-      }
-    }
-    function C(t) {
-      i.open({
-        title: t ? "Rename project" : "New Mobile project",
-        // MobileProjectDialog draws its own header (a step title, plus the
-        // template step's search box) and its own Cancel/Next/Back/Create
-        // buttons — FmDynamicDialog's default close icon is absolutely
-        // positioned in the dialog's own top-right corner regardless of what
-        // dialogComponent puts there, so left on it sits on top of the search
-        // box instead of a page area with room reserved for it (same fix as
-        // PreviewPanel.vue's openLibraryExpandDialog).
-        closeButton: !1,
-        dialogComponent: be,
-        dialogComponentProps: {
-          businessId: c.businessId.value,
-          projectId: t == null ? void 0 : t.projectId,
-          initialName: t == null ? void 0 : t.name,
-          onClose: () => i.close(),
-          onSaved: (e) => {
-            i.close(), t ? u() : r.push(B(e.projectId, "workspace", m.query, { setup: !0 }));
-          }
-        }
-      });
-    }
-    function j(t) {
-      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(t));
-    }
-    const S = E(() => [
-      {
-        id: "project",
-        header: () => "Project",
-        cell: (t) => {
-          const e = t.row.original;
-          return d("div", { class: "flex min-w-0 flex-col gap-2" }, [
-            d("span", { class: "truncate fm-typo-en-body-md-600 text-portal-text-primary" }, e.name),
-            d(
-              "span",
-              { class: "fm-typo-en-body-sm-400 text-portal-text-muted", title: e.projectId },
-              `…${e.projectId.slice(-6)}`
-            )
-          ]);
-        }
-      },
-      {
-        id: "setup",
-        header: () => "Setup",
-        size: 130,
-        enableSorting: !1,
-        cell: (t) => d(
-          A,
-          { variant: t.row.original.provisioningStatus === "failed" ? "error" : "neutral", size: "sm" },
-          () => le(t.row.original.provisioningStatus)
-        )
-      },
-      {
-        id: "live",
-        header: () => "Live",
-        size: 200,
-        enableSorting: !1,
-        // Badges only. The muted sentence this replaces ("Unpublished release
-        // available") was the one thing in the row set in prose, and prose in a 200px
-        // column wraps — which is what made the cell look crowded. The state it
-        // carried is worth keeping, so it becomes a second tag rather than going away:
-        // it is the only place in this list that shows a merchant they have work built
-        // and waiting to go live.
-        //
-        // Nothing is rendered for a project with no pending release. That is the
-        // resting state of most rows, and a tag saying so would be back to filling the
-        // column with "nothing happened".
-        cell: (t) => {
-          const e = t.row.original;
-          return d("div", { class: "flex flex-wrap items-center gap-4" }, [
-            // "Live project" in a column headed Live said the word twice, and cost the
-            // width that made the line below it wrap.
-            d(
-              A,
-              { variant: e.isLive ? "success" : "neutral", size: "sm" },
-              () => e.isLive ? "Live" : "Not live"
-            ),
-            // `=== true` rather than truthiness: the field is optional in the contract,
-            // and an absent value means the state is unknown, not that it is false.
-            // This endpoint always sends a boolean, so that is a contract-level
-            // possibility rather than one a merchant meets.
-            e.hasUnpublishedRelease === !0 ? d(
-              A,
-              { variant: "warning", size: "sm", title: "A release is built and waiting to be published" },
-              () => "Unpublished"
-            ) : null
-          ]);
-        }
-      },
-      {
-        id: "updatedAt",
-        header: () => "Last edited",
-        size: 170,
-        enableSorting: !1,
-        cell: (t) => d("span", { class: "fm-typo-en-body-sm-400 text-portal-text-muted" }, j(t.row.original.updatedAt))
-      },
-      {
-        id: "actions",
-        header: () => "",
-        size: 340,
-        enableSorting: !1,
-        cell: (t) => {
-          const e = t.row.original;
-          return d("div", { class: "flex flex-wrap items-center justify-end gap-4" }, [
-            e.provisioningStatus === "ready" ? d(x, {
-              icon: "deployed_code",
-              variant: "tertiary",
-              title: "View releases",
-              onClick: L(
-                () => r.push(B(e.projectId, "releases", m.query)),
-                ["stop"]
-              )
-            }) : null,
-            d(x, {
-              label: "Rename",
-              variant: "tertiary",
-              onClick: L(() => C(e), ["stop"])
-            }),
-            d(x, {
-              label: e.provisioningStatus === "ready" ? "Open editor" : "Continue setup",
-              variant: "secondary",
-              onClick: L(
-                () => r.push(B(e.projectId, "workspace", m.query)),
-                ["stop"]
-              )
-            })
-          ]);
-        }
-      }
-    ]), N = E(() => !n.value && v.value.length > 0);
-    return Y(() => {
-      if (u(), m.query.create === "1") {
-        const { create: t, ...e } = m.query;
-        r.replace({ query: e }), C();
-      }
-    }), Q(() => s.abort()), (t, e) => {
-      const F = I("FmButton"), _ = I("FmTable");
-      return a(), l("div", ge, [
-        y("div", fe, [
-          y("header", ye, [
-            y("div", null, [
-              e[4] || (e[4] = y("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
-              y("h1", null, [
-                e[3] || (e[3] = U("Projects ", -1)),
-                n.value ? w("", !0) : (a(), l("span", _e, V(v.value.length), 1))
-              ])
-            ]),
-            N.value ? (a(), P(F, {
-              key: 0,
-              label: "New project",
-              icon: "add",
-              onClick: e[0] || (e[0] = (o) => C())
-            })) : w("", !0)
-          ]),
-          b.value ? (a(), l("p", je, [
-            U(V(b.value) + " ", 1),
-            f(F, {
-              label: "Retry",
-              variant: "tertiary",
-              onClick: u
-            })
-          ])) : n.value ? (a(), l("p", ke, "Loading projects…")) : v.value.length ? (a(), l("section", we, [
-            f(_, {
-              "column-defs": S.value,
-              "row-data": v.value,
-              "page-size": v.value.length,
-              "hide-footer": "",
-              "pin-header-row": "",
-              onRowClick: e[2] || (e[2] = (o) => z(r).push(z(B)(o.original.projectId, "workspace", z(m).query)))
-            }, null, 8, ["column-defs", "row-data", "page-size"])
-          ])) : (a(), l("section", he, [
-            e[5] || (e[5] = y("h2", null, "Your first Mobile project", -1)),
-            e[6] || (e[6] = y("p", null, "Create an app from a template to start editing.", -1)),
-            f(F, {
-              label: "New project",
-              icon: "add",
-              onClick: e[1] || (e[1] = (o) => C())
-            })
-          ]))
-        ])
-      ]);
-    };
-  }
-}), Le = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-66c90eec"]]);
-export {
-  Le as default
-};

package/dist/StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js

@@ -1,30 +0,0 @@
-import { defineComponent as p, computed as a, openBlock as c, createElementBlock as l, normalizeClass as m, renderSlot as i } from "vue";
-const d = /* @__PURE__ */ p({
-  __name: "StatusBadge",
-  props: {
-    variant: { default: "neutral" },
-    size: { default: "md" }
-  },
-  setup(e) {
-    const o = e, t = {
-      success: "bg-fm-color-system-success-100 text-fm-color-typo-success",
-      warning: "bg-fm-color-system-warning-100 text-fm-color-typo-warning",
-      error: "bg-fm-color-system-error-100 text-fm-color-typo-error",
-      info: "bg-fm-color-system-info-100 text-fm-color-typo-info",
-      neutral: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary",
-      primary: "bg-fm-color-primary text-fm-color-typo-white"
-    }, r = {
-      xs: "rounded-[4px] px-[4px] py-[2px] text-[10px] leading-[14px] font-medium tracking-[0.2px]",
-      sm: "rounded-[4px] px-[6px] py-[4px] text-[12px] leading-[16px] font-medium tracking-[0.24px]",
-      md: "rounded-full px-8 py-2 leading-[16px]"
-    }, n = a(() => r[o.size]);
-    return (s, x) => (c(), l("span", {
-      class: m(["inline-flex shrink-0 items-center gap-4", [t[e.variant], n.value]])
-    }, [
-      i(s.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  d as _
-};