@tapni/auth 1.0.53 → 1.0.55

package/dist/{install-CxwvMS0_.js → install-BOL4A3mD.js}

@@ -1391,7 +1391,7 @@ function wa(n, e, t, r, o, i) {
 const lo = /* @__PURE__ */ an(fa, [["render", wa], ["__scopeId", "data-v-cb61958b"]]), ka = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: lo
-}, Symbol.toStringTag, { value: "Module" })), Ca = "1.0.53", qn = {
+}, Symbol.toStringTag, { value: "Module" })), Ca = "1.0.55", qn = {
   getMe() {
     return pe().get("/users/me");
   },
@@ -5828,7 +5828,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
     app_region: "지역",
     app_region_p: "맞춤형 결제 및 지원을 위해 지역을 선택하세요"
   }
-}, Mo = () => Promise.resolve().then(() => ka), Ta = () => Promise.resolve().then(() => Rc), Sa = () => Promise.resolve().then(() => Al), Ia = () => Promise.resolve().then(() => ip), Aa = () => Promise.resolve().then(() => tl), Ra = () => Promise.resolve().then(() => ql), Pa = () => Promise.resolve().then(() => dp), Ma = () => import("./QR-Df7yi4HX.js"), Na = () => Promise.resolve().then(() => Ku), Oa = () => import("./Apps-CZ2op1LG.js"), La = () => import("./Billing-DV1Hs3lz.js"), za = () => import("./CustomApp-BYs5VWm4.js"), xa = () => Promise.resolve().then(() => Pd), Ua = [
+}, Mo = () => Promise.resolve().then(() => ka), Ta = () => Promise.resolve().then(() => Rc), Sa = () => Promise.resolve().then(() => Al), Ia = () => Promise.resolve().then(() => ip), Aa = () => Promise.resolve().then(() => tl), Ra = () => Promise.resolve().then(() => ql), Pa = () => Promise.resolve().then(() => dp), Ma = () => import("./QR-IJ_P2MoC.js"), Na = () => Promise.resolve().then(() => qu), Oa = () => import("./Apps-DzIa48pX.js"), La = () => import("./Billing-CZ9c8qXr.js"), za = () => import("./CustomApp-BlGPzlvg.js"), xa = () => Promise.resolve().then(() => Pd), Ua = [
   {
     path: "/welcome",
     name: "AuthWelcome",
@@ -17583,23 +17583,23 @@ const Kl = {
   key: 1,
   class: "margin-center small-top",
   style: { width: "100%" }
-}, fu = { class: "left-text" }, mu = { key: 0 }, gu = { key: 1 }, _u = { class: "firstRow" }, vu = ["src"], yu = { class: "center-text half-top" }, bu = ["placeholder"], wu = { class: "small-text small-top-padding small-bottom" }, ku = ["placeholder"], Cu = { class: "small-text small-top-padding small-bottom" }, Eu = ["placeholder"], Tu = { class: "small-text small-top-padding small-bottom" }, Su = {
+}, fu = { class: "left-text" }, mu = { key: 0 }, gu = { key: 1 }, _u = { class: "firstRow" }, vu = ["src"], yu = ["placeholder"], bu = { class: "small-text small-top-padding small-bottom" }, wu = ["placeholder"], ku = { class: "small-text small-top-padding small-bottom" }, Cu = ["placeholder"], Eu = { class: "small-text small-top-padding small-bottom" }, Tu = {
   type: "submit",
   class: "button black-button google-button bg-tapni-grey button-90 button-center uppercase bold full-top pointer"
-}, Iu = { key: 0 }, Au = {
+}, Su = { key: 0 }, Iu = {
   key: 1,
   class: "button--loading button__loader"
-}, Ru = { class: "center-text font-13 half-top half-bottom" }, Pu = ["innerHTML"], Mu = { class: "firstRow" }, Nu = { class: "red-text" }, Ou = ["src"], Lu = { class: "center-text half-top" }, zu = { class: "settingRow full-top" }, xu = { class: "firstRow" }, Uu = {
+}, Au = { class: "center-text font-13 half-top half-bottom" }, Ru = ["innerHTML"], Pu = { class: "firstRow" }, Mu = { class: "red-text" }, Nu = ["src"], Ou = { class: "center-text half-top" }, Lu = { class: "settingRow full-top" }, zu = { class: "firstRow" }, xu = {
   class: "ios-switch",
   style: { display: "inline-block" }
-}, Bu = { class: "left-text small-top" }, Du = {
+}, Uu = { class: "left-text small-top" }, Bu = {
   type: "submit",
   class: "button black-button button-full google-button bg-tapni-grey button-90 button-center uppercase bold full-top pointer"
-}, ju = { key: 0 }, Hu = {
+}, Du = { key: 0 }, ju = {
   key: 1,
   class: "button--loading button__loader"
-}, Fu = { class: "small-bottom red-text" };
-function qu(n, e, t, r, o, i) {
+}, Hu = { class: "small-bottom red-text" };
+function Fu(n, e, t, r, o, i) {
   const a = rn("router-link");
   return O(), U("div", Gl, [
     n.isModal ? (O(), U("a", {
@@ -17619,7 +17619,7 @@ function qu(n, e, t, r, o, i) {
     _("div", Vl, [
       n.isModal ? (O(), U("div", {
         key: 0,
-        class: "button gray-button pointer left-button",
+        class: "pointer left-button",
         onClick: e[1] || (e[1] = (s) => n.$emit("update:viewProp", "AuthAccount"))
       }, [
         _("img", {
@@ -17740,85 +17740,84 @@ function qu(n, e, t, r, o, i) {
             }, null, 10, vu)
           ])
         ]),
-        _e(_("form", yu, [
-          _("form", {
-            onSubmit: e[11] || (e[11] = Xe((...s) => i.submitChangePassword && i.submitChangePassword(...s), ["prevent"]))
-          }, [
-            _e(_("input", {
-              type: "password",
-              "onUpdate:modelValue": e[8] || (e[8] = (s) => o.currentPassword = s),
-              placeholder: n.ssoLang[n.appLanguage].password_current_p,
-              class: "edit-input h-40 lh-40",
-              required: "",
-              minlength: "8",
-              style: { width: "100%" }
-            }, null, 8, bu), [
-              [ct, o.currentPassword]
-            ]),
-            _("p", wu, B(n.ssoLang[n.appLanguage].password_current), 1),
-            _e(_("input", {
-              type: "password",
-              "onUpdate:modelValue": e[9] || (e[9] = (s) => o.password = s),
-              placeholder: n.ssoLang[n.appLanguage].password_new_p,
-              class: "bg-white edit-input h-40 lh-40",
-              required: "",
-              minlength: "8",
-              style: { width: "100%" }
-            }, null, 8, ku), [
-              [ct, o.password]
-            ]),
-            _("p", Cu, B(n.ssoLang[n.appLanguage].password_new), 1),
-            _e(_("input", {
-              type: "password",
-              "onUpdate:modelValue": e[10] || (e[10] = (s) => o.passwordRepeat = s),
-              placeholder: n.ssoLang[n.appLanguage].password_new_repeat_p,
-              class: "edit-input h-40 lh-40",
-              required: "",
-              minlength: "8",
-              style: { width: "100%" }
-            }, null, 8, Eu), [
-              [ct, o.passwordRepeat]
-            ]),
-            _("p", Tu, B(n.ssoLang[n.appLanguage].password_new_repeat), 1),
-            _("button", Su, [
-              o.loading ? (O(), U("span", Au)) : (O(), U("span", Iu, B(n.ssoLang[n.appLanguage].password_update), 1))
-            ]),
-            _("p", Ru, [
-              _("span", {
-                innerHTML: n.ssoLang[n.appLanguage].password_reset
-              }, null, 8, Pu),
-              gt(a, {
-                to: "/reset",
-                exact: "",
-                class: "color-black"
-              }, {
-                default: et(() => [
-                  Ee(B(n.ssoLang[n.appLanguage].by_clicking_here), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ], 32)
-        ], 512), [
+        _e(_("form", {
+          onSubmit: e[11] || (e[11] = Xe((...s) => i.submitChangePassword && i.submitChangePassword(...s), ["prevent"])),
+          class: "center-text half-top"
+        }, [
+          _e(_("input", {
+            type: "password",
+            "onUpdate:modelValue": e[8] || (e[8] = (s) => o.currentPassword = s),
+            placeholder: n.ssoLang[n.appLanguage].password_current_p,
+            class: "edit-input h-40 lh-40",
+            required: "",
+            minlength: "8",
+            style: { width: "100%" }
+          }, null, 8, yu), [
+            [ct, o.currentPassword]
+          ]),
+          _("p", bu, B(n.ssoLang[n.appLanguage].password_current), 1),
+          _e(_("input", {
+            type: "password",
+            "onUpdate:modelValue": e[9] || (e[9] = (s) => o.password = s),
+            placeholder: n.ssoLang[n.appLanguage].password_new_p,
+            class: "bg-white edit-input h-40 lh-40",
+            required: "",
+            minlength: "8",
+            style: { width: "100%" }
+          }, null, 8, wu), [
+            [ct, o.password]
+          ]),
+          _("p", ku, B(n.ssoLang[n.appLanguage].password_new), 1),
+          _e(_("input", {
+            type: "password",
+            "onUpdate:modelValue": e[10] || (e[10] = (s) => o.passwordRepeat = s),
+            placeholder: n.ssoLang[n.appLanguage].password_new_repeat_p,
+            class: "edit-input h-40 lh-40",
+            required: "",
+            minlength: "8",
+            style: { width: "100%" }
+          }, null, 8, Cu), [
+            [ct, o.passwordRepeat]
+          ]),
+          _("p", Eu, B(n.ssoLang[n.appLanguage].password_new_repeat), 1),
+          _("button", Tu, [
+            o.loading ? (O(), U("span", Iu)) : (O(), U("span", Su, B(n.ssoLang[n.appLanguage].password_update), 1))
+          ]),
+          _("p", Au, [
+            _("span", {
+              innerHTML: n.ssoLang[n.appLanguage].password_reset
+            }, null, 8, Ru),
+            gt(a, {
+              to: "/reset",
+              exact: "",
+              class: "color-black"
+            }, {
+              default: et(() => [
+                Ee(B(n.ssoLang[n.appLanguage].by_clicking_here), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ], 544), [
           [kt, o.changePassword]
         ]),
         _("div", {
           class: "settingRow full-top",
           onClick: e[12] || (e[12] = (s) => o.accountDelete = !o.accountDelete)
         }, [
-          _("div", Mu, [
-            _("h4", Nu, B(n.ssoLang[n.appLanguage].delete_account), 1),
+          _("div", Pu, [
+            _("h4", Mu, B(n.ssoLang[n.appLanguage].delete_account), 1),
             _("img", {
               class: fn(["transition-icon", { "rotate-icon": !!o.accountDelete }]),
               src: n.getIcon("arrow-gray-down.svg")
-            }, null, 10, Ou)
+            }, null, 10, Nu)
           ])
         ]),
-        _e(_("div", Lu, [
-          _("div", zu, [
-            _("div", xu, [
+        _e(_("div", Ou, [
+          _("div", Lu, [
+            _("div", zu, [
               _("h4", null, B(n.ssoLang[n.appLanguage].active_account), 1),
-              _("div", Uu, [
+              _("div", xu, [
                 _e(_("input", {
                   type: "checkbox",
                   name: "ios-switch",
@@ -17835,14 +17834,14 @@ function qu(n, e, t, r, o, i) {
               ])
             ])
           ]),
-          _("p", Bu, B(n.ssoLang[n.appLanguage].active_account_p), 1),
+          _("p", Uu, B(n.ssoLang[n.appLanguage].active_account_p), 1),
           _("form", {
             onSubmit: e[14] || (e[14] = Xe((...s) => i.deleteAccountSubmit && i.deleteAccountSubmit(...s), ["prevent"]))
           }, [
-            _("button", Du, [
-              o.loading ? (O(), U("span", Hu)) : (O(), U("span", ju, B(n.ssoLang[n.appLanguage].permanent_delete), 1))
+            _("button", Bu, [
+              o.loading ? (O(), U("span", ju)) : (O(), U("span", Du, B(n.ssoLang[n.appLanguage].permanent_delete), 1))
             ]),
-            _("p", Fu, B(n.ssoLang[n.appLanguage].permanent_delete_p), 1)
+            _("p", Hu, B(n.ssoLang[n.appLanguage].permanent_delete_p), 1)
           ], 32)
         ], 512), [
           [kt, o.accountDelete]
@@ -17851,7 +17850,7 @@ function qu(n, e, t, r, o, i) {
     ])
   ]);
 }
-const ko = /* @__PURE__ */ an(Kl, [["render", qu], ["__scopeId", "data-v-a8c1558d"]]), Ku = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ an(Kl, [["render", Fu], ["__scopeId", "data-v-64ae2517"]]), qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ko
 }, Symbol.toStringTag, { value: "Module" }));
@@ -17870,13 +17869,13 @@ const Mr = (n, e) => {
   for (const [r, o] of e)
     t[r] = o;
   return t;
-}, Gu = {}, Vu = {
+}, Ku = {}, Gu = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 };
-function Qu(n, e) {
-  return O(), U("svg", Vu, e[0] || (e[0] = [
+function Vu(n, e) {
+  return O(), U("svg", Gu, e[0] || (e[0] = [
     _("path", {
       "fill-rule": "evenodd",
       d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
@@ -17884,17 +17883,17 @@ function Qu(n, e) {
     }, null, -1)
   ]));
 }
-const $u = /* @__PURE__ */ Mr(Gu, [["render", Qu]]), Yu = {}, Wu = {
+const Qu = /* @__PURE__ */ Mr(Ku, [["render", Vu]]), $u = {}, Yu = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 };
-function Ju(n, e) {
-  return O(), U("svg", Wu, e[0] || (e[0] = [
+function Wu(n, e) {
+  return O(), U("svg", Yu, e[0] || (e[0] = [
     _("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }, null, -1)
   ]));
 }
-const Zo = /* @__PURE__ */ Mr(Yu, [["render", Ju]]), Xu = ["aria-disabled", "aria-selected"], Zu = /* @__PURE__ */ ei({
+const Zo = /* @__PURE__ */ Mr($u, [["render", Wu]]), Ju = ["aria-disabled", "aria-selected"], Xu = /* @__PURE__ */ ei({
   __name: "MenuOption",
   props: {
     menu: {},
@@ -17926,21 +17925,21 @@ const Zo = /* @__PURE__ */ Mr(Yu, [["render", Ju]]), Xu = ["aria-disabled", "ari
       onKeydown: a[1] || (a[1] = mn((s) => r("select"), ["enter"]))
     }, [
       Wt(i.$slots, "default")
-    ], 42, Xu));
+    ], 42, Ju));
   }
-}), ed = {}, td = { className: "spinner" };
-function nd(n, e) {
-  return O(), U("div", td, [
+}), Zu = {}, ed = { className: "spinner" };
+function td(n, e) {
+  return O(), U("div", ed, [
     (O(), U(Fr, null, qr(12, (t) => _("div", {
       key: t,
       class: "spinner-circle"
     })), 64))
   ]);
 }
-const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed866313"]]), od = ["aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required"], id = ["onClick"], ad = ["id", "disabled", "placeholder"], sd = { class: "indicators-container" }, cd = ["disabled"], ld = ["disabled"], ud = ["aria-label", "aria-multiselectable"], dd = {
+const nd = /* @__PURE__ */ Mr(Zu, [["render", td], ["__scopeId", "data-v-ed866313"]]), rd = ["aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required"], od = ["onClick"], id = ["id", "disabled", "placeholder"], ad = { class: "indicators-container" }, sd = ["disabled"], cd = ["disabled"], ld = ["aria-label", "aria-multiselectable"], ud = {
   key: 0,
   class: "no-results"
-}, pd = /* @__PURE__ */ ei({
+}, dd = /* @__PURE__ */ ei({
   __name: "Select",
   props: /* @__PURE__ */ Ao({
     options: {},
@@ -18100,7 +18099,7 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
               }, [
                 Ee(B(I.getMultiValueLabel(de)), 1),
                 gt(Zo)
-              ], 8, id)
+              ], 8, od)
             ], !0)), 128)) : le("", !0),
             _e(_("input", {
               id: I.inputId,
@@ -18119,11 +18118,11 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
               placeholder: f.value.length === 0 ? I.placeholder : "",
               onMousedown: te[2] || (te[2] = (de) => k()),
               onKeydown: V
-            }, null, 40, ad), [
+            }, null, 40, id), [
               [ct, l.value]
             ])
-          ], 10, od),
-          _("div", sd, [
+          ], 10, rd),
+          _("div", ad, [
             f.value.length > 0 && I.isClearable && !I.isLoading ? (O(), U("button", {
               key: 0,
               type: "button",
@@ -18135,7 +18134,7 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
               Wt(I.$slots, "clear", {}, () => [
                 gt(Zo)
               ], !0)
-            ], 8, cd)) : le("", !0),
+            ], 8, sd)) : le("", !0),
             I.isLoading ? le("", !0) : (O(), U("button", {
               key: 1,
               type: "button",
@@ -18145,11 +18144,11 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
               onClick: P
             }, [
               Wt(I.$slots, "dropdown", {}, () => [
-                gt($u)
+                gt(Qu)
               ], !0)
-            ], 8, ld)),
+            ], 8, cd)),
             Wt(I.$slots, "loading", {}, () => [
-              I.isLoading ? (O(), ze(rd, { key: 0 })) : le("", !0)
+              I.isLoading ? (O(), ze(nd, { key: 0 })) : le("", !0)
             ], !0)
           ])
         ], 2),
@@ -18173,7 +18172,7 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
             })
           }, [
             Wt(I.$slots, "menu-header", {}, void 0, !0),
-            (O(!0), U(Fr, null, qr(m.value, (de, Ue) => (O(), ze(Zu, {
+            (O(!0), U(Fr, null, qr(m.value, (de, Ue) => (O(), ze(Xu, {
               key: Ue,
               type: "button",
               class: fn(["menu-option", { focused: u.value === Ue, selected: de.value === o.value }]),
@@ -18191,21 +18190,21 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
               ]),
               _: 2
             }, 1032, ["class", "menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)),
-            m.value.length === 0 ? (O(), U("div", dd, [
+            m.value.length === 0 ? (O(), U("div", ud, [
               Wt(I.$slots, "no-options", {}, () => [
                 te[3] || (te[3] = Ee(" No results found "))
               ], !0)
             ])) : le("", !0)
-          ], 12, ud)) : le("", !0)
+          ], 12, ld)) : le("", !0)
         ], 8, ["to", "disabled"]))
       ], 2);
     };
   }
-}), hd = /* @__PURE__ */ Mr(pd, [["__scopeId", "data-v-7f19f42a"]]), fd = {
+}), pd = /* @__PURE__ */ Mr(dd, [["__scopeId", "data-v-7f19f42a"]]), hd = {
   name: "AuthGeneral",
   mixins: [Qt],
   components: {
-    VueSelect: hd
+    VueSelect: pd
   },
   props: {
     isModal: {
@@ -18249,15 +18248,8 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
       }, [e, t] = await we(qn.updateAccount(n));
       e ? this.errorHandler(e) : t.data.success && (this.successSnack(this.ssoLang[this.appLanguage].profile_update_success), await this.getAccountSettings()), this.loading = !1;
     }
-  },
-  computed: {
-    containerStyle() {
-      return {
-        height: this.isModal ? "90vh" : "auto"
-      };
-    }
   }
-}, md = { class: "subheaderContainer full-top" }, gd = ["src"], _d = ["src"], vd = {
+}, fd = { class: "page-login content-boxed content-boxed-padding tapni-auth-general" }, md = { class: "subheaderContainer full-top" }, gd = ["src"], _d = ["src"], vd = {
   class: "center-text",
   style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
 }, yd = { class: "container left-text" }, bd = { class: "center-text" }, wd = { class: "full-top bold small-bottom" }, kd = ["placeholder"], Cd = ["placeholder"], Ed = { class: "full-top bold" }, Td = { class: "full-top bold" }, Sd = {
@@ -18269,10 +18261,7 @@ const rd = /* @__PURE__ */ Mr(ed, [["render", nd], ["__scopeId", "data-v-ed86631
 };
 function Rd(n, e, t, r, o, i) {
   const a = rn("router-link"), s = rn("VueSelect");
-  return O(), U("div", {
-    class: "page-login content-boxed content-boxed-padding tapni-auth-general",
-    style: or(i.containerStyle)
-  }, [
+  return O(), U("div", fd, [
     t.isModal ? (O(), U("a", {
       key: 0,
       onClick: e[0] || (e[0] = (...l) => i.close && i.close(...l)),
@@ -18390,9 +18379,9 @@ function Rd(n, e, t, r, o, i) {
         ])
       ], 32)
     ])
-  ], 4);
+  ]);
 }
-const Co = /* @__PURE__ */ an(fd, [["render", Rd]]), Pd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Co = /* @__PURE__ */ an(hd, [["render", Rd]]), Pd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Co
 }, Symbol.toStringTag, { value: "Module" })), Md = {
@@ -18793,20 +18782,20 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
       await jr.setRaw(e);
     }, { deep: !0 });
   }
-}, hp = { id: "ssoapp" }, fp = {
+}, hp = {
   key: 0,
   href: "/",
   class: "header-logo"
-}, mp = {
+}, fp = {
   class: "snackbar snackbar-boxed",
   id: "snackbar"
-}, gp = {
+}, mp = {
   class: "snack-body",
   id: "errorSnack"
-}, _p = { id: "errorMessage" }, vp = {
+}, gp = { id: "errorMessage" }, _p = {
   class: "snack-body",
   id: "successSnack"
-}, yp = { id: "successMessage" }, bp = {
+}, vp = { id: "successMessage" }, yp = {
   store: uo,
   name: "TapniAuth",
   mixins: [pp, Qt],
@@ -18856,6 +18845,12 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
   computed: {
     initialized() {
       return this.isSetup || this.isModal;
+    },
+    containerStyle() {
+      return {
+        maxHeight: this.isModal ? "90vh" : "auto",
+        overflowY: this.isModal ? "auto" : "hidden"
+      };
     }
   },
   async mounted() {
@@ -18898,13 +18893,16 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
       deep: !0
     }
   }
-}, wp = /* @__PURE__ */ Object.assign(bp, {
+}, bp = /* @__PURE__ */ Object.assign(yp, {
   setup(n) {
     return window.Buffer = la, document.addEventListener("DOMContentLoaded", function() {
       const e = document.createElement("script");
       e.src = "https://www.google.com/recaptcha/api.js?render=undefined", document.head.appendChild(e);
-    }), (e, t) => (O(), U("div", hp, [
-      e.display === "redirect" || e.renderView.includes("Auth") ? (O(), U("a", fp, t[2] || (t[2] = [
+    }), (e, t) => (O(), U("div", {
+      id: "ssoapp",
+      style: or(e.containerStyle)
+    }, [
+      e.display === "redirect" || e.renderView.includes("Auth") ? (O(), U("a", hp, t[2] || (t[2] = [
         _("img", {
           src: "https://cdn.tapni.co/images/logo-dark.png",
           class: "header-logo-img"
@@ -18933,9 +18931,9 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
         payload: n.payload,
         "onUpdate:viewProp": e.setView
       }, null, 8, ["isModal", "payload", "onUpdate:viewProp"])) : e.initialized && e.renderView === "AuthReset" ? (O(), ze(Eo, { key: 8 })) : e.initialized && e.renderView === "AuthCallback" ? (O(), ze(To, { key: 9 })) : e.display !== "npm" ? (O(), ze(Fi(Gi), { key: 10 })) : le("", !0),
-      _("div", mp, [
-        _("p", gp, [
-          _("span", _p, B(e.ssoLang[e.appLanguage].error), 1),
+      _("div", fp, [
+        _("p", mp, [
+          _("span", gp, B(e.ssoLang[e.appLanguage].error), 1),
           _("a", {
             onClick: t[0] || (t[0] = (...r) => e.closeSnacks && e.closeSnacks(...r)),
             style: { position: "absolute", right: "10px", top: "10px", width: "50px", height: "50px" }
@@ -18946,8 +18944,8 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
             }, null, -1)
           ]))
         ]),
-        _("p", vp, [
-          _("span", yp, B(e.ssoLang[e.appLanguage].success), 1),
+        _("p", _p, [
+          _("span", vp, B(e.ssoLang[e.appLanguage].success), 1),
           _("a", {
             onClick: t[1] || (t[1] = (...r) => e.closeSnacks && e.closeSnacks(...r)),
             style: { position: "absolute", right: "10px", top: "10px", width: "50px", height: "50px" }
@@ -18959,11 +18957,11 @@ const To = /* @__PURE__ */ an(ap, [["render", up]]), dp = /* @__PURE__ */ Object
           ]))
         ])
       ])
-    ]));
+    ], 4));
   }
-}), zp = {
+}), Lp = {
   install: (n, { store: e, apiRoot: t }) => {
-    n.component("TapniAuth", wp), e.hasModule("auth") || e.registerModule("auth", uo), n.config.globalProperties.$apiRoot = t;
+    n.component("TapniAuth", bp), e.hasModule("auth") || e.registerModule("auth", uo), n.config.globalProperties.$apiRoot = t;
   }
 };
 export {
@@ -18973,5 +18971,5 @@ export {
   an as _,
   pe as a,
   nt as b,
-  zp as i
+  Lp as i
 };

package/dist/style.css

@@ -1 +1 @@
-.app-store-icon[data-v-cb61958b]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-7d5cdeb9],#emailInput[data-v-7d5cdeb9]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-a8c1558d]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}#emailInput[data-v-707a4b16]{text-align:center;padding-right:15%;font-size:17px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.header-logo-img{height:40px;margin-top:10px}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:15px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-4d3e1bec],.withBackground[data-v-36b27d1f]{height:50px}
+.app-store-icon[data-v-cb61958b]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-7d5cdeb9],#emailInput[data-v-7d5cdeb9]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-64ae2517]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}#emailInput[data-v-707a4b16]{text-align:center;padding-right:15%;font-size:17px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.header-logo-img{height:40px;margin-top:10px}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:15px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-4d3e1bec],.withBackground[data-v-36b27d1f]{height:50px}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tapni/auth",
-	"version": "1.0.53",
+	"version": "1.0.55",
 	"type": "module",
 	"main": "./dist/TapniAuth.umd.js",
 	"module": "./dist/TapniAuth.es.js",

package/src/App.vue

@@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', function () {
 </script>
 
 <template>
-	<div id="ssoapp">
+	<div id="ssoapp" :style="containerStyle">
 		<a v-if="display === 'redirect' || renderView.includes('Auth')" href="/" class="header-logo"><img src="https://cdn.tapni.co/images/logo-dark.png" class="header-logo-img" /></a>
 
 		<AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
@@ -108,6 +108,12 @@ export default {
 	computed: {
 		initialized() {
 			return this.isSetup || this.isModal;
+		},
+		containerStyle() {
+			return {
+				maxHeight: this.isModal ? '90vh' : 'auto',
+				overflowY: this.isModal ? 'auto' : 'hidden'
+			}
 		}
 	},
 	async mounted() {

package/src/views/General.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page-login content-boxed content-boxed-padding tapni-auth-general" :style="containerStyle">
+    <div class="page-login content-boxed content-boxed-padding tapni-auth-general">
         <a v-if="isModal" @click="close" class="color-black pull-right pointer" style="margin-top: 0px; position: absolute; right: -20px; text-align: right;">
           <i class="font-17 color-black">
             <img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%;"/>
@@ -170,13 +170,6 @@ export default {
 
       this.loading = false;
     },
-  },
-  computed: {
-    containerStyle() {
-      return {
-        height: this.isModal ? '90vh' : 'auto'
-      }
-    }
   }
 };
-</script>
+</script>

package/src/views/Security.vue

@@ -7,7 +7,7 @@
         </a>
       <div class="subheaderContainer full-top">
         <!-- Back Button -->
-        <div v-if="isModal" class="button gray-button pointer left-button" @click="$emit('update:viewProp', 'AuthAccount')">
+        <div v-if="isModal" class="pointer left-button" @click="$emit('update:viewProp', 'AuthAccount')">
           <img
               :src="getIcon('arrow-gray-right.svg')"
               height="20"
@@ -113,8 +113,8 @@
               <img class="transition-icon" :class="{ 'rotate-icon': !!changePassword }" :src="getIcon('arrow-gray-down.svg')" />
             </div>
           </div>
-          <form v-show="changePassword" class="center-text half-top">
-            <form @submit.prevent="submitChangePassword">
+          
+            <form @submit.prevent="submitChangePassword" v-show="changePassword" class="center-text half-top">
               <input type="password" v-model="currentPassword" :placeholder="ssoLang[appLanguage].password_current_p"
                      class="edit-input h-40 lh-40" required minlength="8" style="width: 100%"/>
               <p class="small-text small-top-padding small-bottom">{{ssoLang[appLanguage].password_current}}</p>
@@ -140,9 +140,7 @@
                 <router-link to="/reset" exact class="color-black">{{ssoLang[appLanguage].by_clicking_here}}</router-link>
               </p>
             </form>
-          </form>
-
-
+          
           <!-- Delete Account -->
           <div class="settingRow full-top" @click="accountDelete = !accountDelete">
             <div class="firstRow">