@yourgoods/ui-smart 0.1.1

package/dist/ProfilePasswordDialog-DTLqgHqm.js

@@ -0,0 +1,268 @@
+import { defineComponent as Pe, ref as r, reactive as N, computed as u, watch as X, onMounted as ye, createElementBlock as _, openBlock as C, Fragment as Ce, createVNode as n, unref as o, withCtx as P, createCommentVNode as Y, createElementVNode as l, toDisplayString as g, createBlock as S, resolveDynamicComponent as B, createTextVNode as R } from "vue";
+import { C as V, p as E, g as ge } from "./index-DtHlzO1x.js";
+import { PDialog as Ve, PInput as $, IconEyeMd as z, IconEyeClosedMd as M, PButton as O, PTopBar as be, IconCrossMd as Ie, PTeleportContainer as Te } from "@profeat/ui-kit";
+function xe(b) {
+  return { showPasswordRateLimitToast: (y) => {
+    if (!y) return;
+    const { attemptsLeft: a, retryAfterSec: I } = y;
+    if (a === 2) {
+      b("on-toast", {
+        color: "error",
+        text: "Осталось 2 попытки. Ввод пароля будет заблокирован на 5 минут."
+      });
+      return;
+    }
+    if (a === 1) {
+      b("on-toast", {
+        color: "error",
+        text: "Осталась 1 попытка. После исчерпания лимита ввод пароля будет заблокирован на 1 час."
+      });
+      return;
+    }
+    if (a === 0) {
+      const p = I && I > 0 ? I : 3600;
+      b("on-toast", {
+        color: "error",
+        text: `Достигнут лимит попыток ввода пароля. Попробуйте снова через ${Math.ceil(p / 60)} минут.`
+      });
+      return;
+    }
+  } };
+}
+const ke = { class: "text-center w-full" }, De = { class: "dialogTitle" }, Ee = {
+  key: 0,
+  class: "dialogDefaultContainer"
+}, he = { class: "dialogDefaultContainerInsideContent" }, Le = { class: "dialogDefaultContainerTextHint" }, Ne = { class: "input-wrapper" }, _e = {
+  key: 1,
+  class: "dialogDefaultContainer"
+}, Se = { class: "dialogDefaultContainerInsideContent" }, Be = { class: "input-wrapper" }, Re = { class: "input-wrapper" }, $e = { style: { width: "100%", display: "flex" } }, Z = 8, Ue = /* @__PURE__ */ Pe({
+  __name: "ProfilePasswordDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "Смена пароля" },
+    hintText: { default: "Введите ваш текущий пароль" },
+    oldPassword: { default: "" }
+  },
+  emits: ["update:modelValue", "submit", "edit", "close", "on-update-jwt", "on-password-error", "on-password-success", "on-toast"],
+  setup(b, { emit: U }) {
+    const y = b, a = U, I = r(!0), p = r(y.modelValue), v = N({ oldPassword: y.oldPassword ?? "" }), d = r(""), f = r(""), F = N({ oldPassword: !1 }), w = N({ newPassword: !1, newPasswordConfirm: !1 }), i = r(V.OLD), m = r(null), H = r(!1), { showPasswordRateLimitToast: ee } = xe(a), x = r(!1), se = u(() => x.value ? "text" : "password"), te = () => x.value = !x.value, k = r(!1), D = r(!1), oe = u(() => k.value ? "text" : "password"), ae = u(() => D.value ? "text" : "password"), re = () => {
+      k.value = !k.value;
+    }, le = () => {
+      D.value = !D.value;
+    }, T = r(!1), ne = u(() => T.value ? "Неверный текущий пароль" : F.oldPassword && !v.oldPassword.trim() ? "Введите пароль" : ""), de = u(() => !v.oldPassword.trim()), ie = u(() => H.value || !d.value.trim() || !f.value.trim() ? !0 : q.value);
+    X(
+      () => y.modelValue,
+      (t) => p.value = t
+    ), X(p, (t) => a("update:modelValue", t));
+    const ue = async (t = "email") => {
+      var s;
+      const e = await ge("/users/profile/session/get-edit-session", { params: { field: t } });
+      return ((s = e.data) == null ? void 0 : s.data) ?? e.data;
+    }, h = async (t = "email") => {
+      var s;
+      const e = await E("/users/profile/session/create-if-not-exists", { field: t, oldValue: v.oldPassword });
+      return ((s = e.data) == null ? void 0 : s.data) ?? e.data;
+    }, we = async () => {
+      var c, J, K, Q;
+      if (!m.value) throw new Error("Нет sessionId");
+      const t = await E("/users/profile/password/match", { sessionId: m.value, password: v.oldPassword }), e = ((c = t.data) == null ? void 0 : c.data) ?? t.data, s = ((K = (J = t.data) == null ? void 0 : J.data) == null ? void 0 : K.passwordRateLimit) ?? ((Q = t.data) == null ? void 0 : Q.passwordRateLimit);
+      return ee(s), { success: (e == null ? void 0 : e.success) ?? !1, message: (e == null ? void 0 : e.message) ?? "" };
+    }, ce = async () => {
+      await E("/users/profile/password/init", { never_: "never" });
+    }, pe = async () => {
+      await E("/users/profile/password/update", {
+        sessionId: m.value,
+        newPassword: d.value.trim(),
+        confirmPassword: f.value.trim()
+      });
+    }, j = async (t = "password") => {
+      try {
+        const e = await ue(t);
+        if (m.value = e.sessionId, i.value = e.step, !e.sessionId) {
+          const s = await h(t);
+          m.value = s.sessionId, i.value = s.step;
+        }
+      } catch {
+        const s = await h(t);
+        m.value = s.sessionId, i.value = s.step;
+      }
+    }, L = () => {
+      a("close"), p.value = !1;
+    }, A = (t) => {
+      F[t] = !0, T.value = !1;
+    }, ve = async () => {
+      var t, e;
+      T.value = !1;
+      try {
+        if (await j("password"), i.value !== V.OLD) return;
+        const { success: s } = await we();
+        if (!s) {
+          T.value = !0;
+          return;
+        }
+        const c = await h("password");
+        m.value = c.sessionId, i.value = c.step;
+      } catch (s) {
+        const c = ((e = (t = s == null ? void 0 : s.response) == null ? void 0 : t.data) == null ? void 0 : e.message) ?? "";
+        if (typeof c == "string" && c.toLowerCase().includes("never")) {
+          T.value = !0;
+          return;
+        }
+      }
+    }, fe = async () => {
+      if (!q.value)
+        try {
+          await pe(), i.value = V.COMPLETED, a("on-update-jwt", "password", "edit", d.value), a("on-toast", { color: "success", text: "Пароль изменён" }), a("close");
+        } catch {
+        }
+    }, me = async () => {
+      d.value = "", f.value = "", w.newPassword = !1, w.newPasswordConfirm = !1, i.value = V.OLD, v.oldPassword = "", a("close");
+    }, G = u(() => w.newPassword ? d.value.trim() ? d.value.trim().length < Z ? `Пароль слишком короткий. Введите хотя бы ${Z} символов` : "" : "Введите пароль" : ""), W = u(() => w.newPasswordConfirm ? f.value.trim() ? f.value !== d.value ? "Пароли не совпадают" : "" : "Повторите пароль" : ""), q = u(() => !!G.value || !!W.value);
+    return ye(async () => {
+      try {
+        await ce(), await j("password");
+      } finally {
+        I.value = !1;
+      }
+    }), (t, e) => (C(), _(Ce, null, [
+      n(o(Ve), {
+        modelValue: p.value,
+        "onUpdate:modelValue": [
+          e[9] || (e[9] = (s) => p.value = s),
+          L
+        ],
+        width: "small",
+        "auto-height": !0,
+        "close-on-click-outside": !0,
+        "onClick:outside": L
+      }, {
+        header: P(() => [
+          l("div", ke, [
+            n(o(be), {
+              "slot-left": !1,
+              size: "small",
+              borded: !0,
+              "no-padding": !1
+            }, {
+              title: P(() => [
+                l("span", De, g(t.title), 1)
+              ]),
+              "right-button": P(() => [
+                n(o(Ie), {
+                  class: "cross",
+                  onClick: L
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: P(() => [
+          i.value === o(V).OLD ? (C(), _("div", Ee, [
+            l("div", he, [
+              l("div", Le, g(t.hintText), 1),
+              l("div", Ne, [
+                n(o($), {
+                  modelValue: v.oldPassword,
+                  "onUpdate:modelValue": e[0] || (e[0] = (s) => v.oldPassword = s),
+                  size: "large",
+                  "text-size": "medium",
+                  label: "Текущий пароль",
+                  type: se.value,
+                  error: ne.value,
+                  onBlur: e[1] || (e[1] = (s) => A("oldPassword")),
+                  onInput: e[2] || (e[2] = (s) => A("oldPassword"))
+                }, null, 8, ["modelValue", "type", "error"]),
+                (C(), S(B(x.value ? o(z) : o(M)), {
+                  class: "icon-locked",
+                  onClick: te
+                }))
+              ]),
+              n(o(O), {
+                style: { width: "100%" },
+                disabled: de.value,
+                onClick: ve
+              }, {
+                default: P(() => e[10] || (e[10] = [
+                  R(g("Продолжить"))
+                ])),
+                _: 1,
+                __: [10]
+              }, 8, ["disabled"])
+            ])
+          ])) : Y("", !0),
+          i.value === o(V).NEW ? (C(), _("div", _e, [
+            l("div", Se, [
+              e[14] || (e[14] = l("div", { class: "dialogDefaultContainerTextHint" }, g("Установите новый пароль для защиты аккаунта. Пароль должен содержать не менее 8 символов."), -1)),
+              l("div", Be, [
+                n(o($), {
+                  modelValue: d.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (s) => d.value = s),
+                  size: "large",
+                  "text-size": "medium",
+                  label: "Новый пароль",
+                  type: oe.value,
+                  error: G.value,
+                  onBlur: e[4] || (e[4] = (s) => w.newPassword = !0),
+                  onInput: e[5] || (e[5] = (s) => w.newPassword = !0)
+                }, null, 8, ["modelValue", "type", "error"]),
+                (C(), S(B(k.value ? o(z) : o(M)), {
+                  class: "icon-locked",
+                  onClick: re
+                }))
+              ]),
+              l("div", Re, [
+                n(o($), {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (s) => f.value = s),
+                  size: "large",
+                  "text-size": "medium",
+                  label: "Повторите новый пароль",
+                  type: ae.value,
+                  error: W.value,
+                  onBlur: e[7] || (e[7] = (s) => w.newPasswordConfirm = !0),
+                  onInput: e[8] || (e[8] = (s) => w.newPasswordConfirm = !0)
+                }, null, 8, ["modelValue", "type", "error"]),
+                (C(), S(B(D.value ? o(z) : o(M)), {
+                  class: "icon-locked",
+                  onClick: le
+                }))
+              ]),
+              l("div", $e, [
+                n(o(O), {
+                  style: { width: "100%" },
+                  color: "secondary",
+                  disabled: H.value,
+                  onClick: me
+                }, {
+                  default: P(() => e[11] || (e[11] = [
+                    R(g("Отмена"))
+                  ])),
+                  _: 1,
+                  __: [11]
+                }, 8, ["disabled"]),
+                e[13] || (e[13] = l("div", { style: { width: "5%" } }, null, -1)),
+                n(o(O), {
+                  style: { width: "100%" },
+                  disabled: ie.value,
+                  onClick: fe
+                }, {
+                  default: P(() => e[12] || (e[12] = [
+                    R(g("Сохранить"))
+                  ])),
+                  _: 1,
+                  __: [12]
+                }, 8, ["disabled"])
+              ])
+            ])
+          ])) : Y("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      n(o(Te))
+    ], 64));
+  }
+});
+export {
+  Ue as default
+};