@yourgoods/ui-smart 0.3.0 → 0.5.0

package/dist/ProfilePasswordDialog-DLXWVm3l.js

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