@credenza3/passport-sui 0.1.5 → 0.1.7

package/dist/UpdateProfile-DKgDmHn9.js

@@ -0,0 +1,522 @@
+import { c as ee, m as Ee, p as _, h as fe, f as R, i as H, w as me, r as Q, b as k, k as Pe, e as Se, d as te, u as ae, t as Ce, o as pe, n as De } from "./legacy-CYnP3rAB.js";
+import { o as Ie } from "./index-client-DqEnqJlv.js";
+import { v as re, B as U, E as I, C as B, D as X, G as Y, K as e, A as Z, z as ne, u as h, J as i, m as E, w as _e, x as he, y as se, F as ie, L as ge, N as ke, aX as Ve, aW as W, aY as oe, I as Ue, $ as Be, S as de, R as Re } from "./index-qsKp2OJc.js";
+import { v as be, P as Ae } from "./validation-DaZvZUPL.js";
+import { C as Le } from "./App-D8Bsln9W.js";
+import { L as ue } from "./Label-4blmucYF.js";
+import { I as ve } from "./Input-C7u8hGWy.js";
+import { B as ze } from "./ButtonBack-DVLBbyYt.js";
+import { B as Ne } from "./Button-FKUK-FB7.js";
+import { e as Oe, i as Fe } from "./each-CvlyEbiw.js";
+var Te = R('<label class="crtw-font-medium" for="credenzaSelect"> </label>'), je = R("<option> </option>"), $e = R("<option> </option>"), qe = R('<div><!> <select name="credenzaSelect"><!><!></select></div>');
+const Ge = {
+  hash: "svelte-1dzo0ix",
+  code: ".simple.svelte-1dzo0ix {background-image:none;padding:0 10px;text-align:center;}.simple.svelte-1dzo0ix:focus {background-image:none;}"
+};
+function we(V, l) {
+  if (new.target) return ee({ component: we, ...V });
+  re(l, !1), Ee(V, Ge);
+  let p = _(l, "options", 12), c = _(l, "placeholder", 12, void 0), v = _(l, "label", 12, void 0), d = _(l, "selected", 12, void 0), u = _(l, "onChange", 12, void 0), g = _(l, "simple", 12, !1), P = _(l, "disabled", 12, !1);
+  const L = (t) => {
+    const r = t.target;
+    d() !== void 0 && d(r.value), u() && u()(t);
+  };
+  fe();
+  var z = qe(), n = U(z);
+  {
+    var S = (t) => {
+      var r = Te(), f = U(r, !0);
+      B(r), X(() => Q(f, v())), k(t, r);
+    };
+    H(n, (t) => {
+      v() && t(S);
+    });
+  }
+  var C = I(n, 2), O = U(C);
+  {
+    var o = (t) => {
+      var r = je();
+      r.disabled = !0, r.hidden = !0;
+      var f = {}, N = U(r, !0);
+      B(r), X(() => {
+        me(r, !d()), f !== (f = c()) && (r.value = (r.__value = c()) ?? ""), Q(N, c());
+      }), k(t, r);
+    };
+    H(O, (t) => {
+      c() && t(o);
+    });
+  }
+  var F = I(O);
+  return Oe(F, 1, p, Fe, (t, r) => {
+    var f = $e(), N = {}, A = U(f, !0);
+    B(f), X(() => {
+      N !== (N = (e(r), Y(() => e(r).value))) && (f.value = (f.__value = (e(r), Y(() => e(r).value))) ?? ""), me(f, (Z(d()), e(r), Y(() => d() === e(r).value))), Q(A, (e(r), Y(() => e(r).name ?? e(r).value)));
+    }), k(t, f);
+  }), B(C), B(z), X(() => {
+    Pe(
+      C,
+      1,
+      `crtw-w-full crtw-h-[53px] crtw-px-5 crtw-appearance-none crtw-text-base crtw-rounded crtw-border crtw-border-gray-300
+   crtw-cursor-pointer crtw-text-gray-500 focus:crtw-outline-none focus:crtw-border-blue-900 focus:crtw-text-blue-900
+    ${g() ? "simple" : ""}`,
+      "svelte-1dzo0ix"
+    ), C.disabled = P();
+  }), Se("change", C, L), k(V, z), ne({
+    get options() {
+      return p();
+    },
+    set options(t) {
+      p(t), h();
+    },
+    get placeholder() {
+      return c();
+    },
+    set placeholder(t) {
+      c(t), h();
+    },
+    get label() {
+      return v();
+    },
+    set label(t) {
+      v(t), h();
+    },
+    get selected() {
+      return d();
+    },
+    set selected(t) {
+      d(t), h();
+    },
+    get onChange() {
+      return u();
+    },
+    set onChange(t) {
+      u(t), h();
+    },
+    get simple() {
+      return g();
+    },
+    set simple(t) {
+      g(t), h();
+    },
+    get disabled() {
+      return P();
+    },
+    set disabled(t) {
+      P(t), h();
+    },
+    $set: ae,
+    $on: (t, r) => te(l, t, r)
+  });
+}
+const ce = [
+  { value: "+1", name: "US/CA +1" },
+  { value: "+49", name: "DE +49" },
+  { value: "+33", name: "FR +33" },
+  { value: "+44", name: "UK +44" },
+  { value: "+380", name: "UA +380" },
+  { value: "+48", name: "PL +48" },
+  { value: "+233", name: "GH +233" }
+];
+var He = R('<div class="crtw-flex crtw-justify-center crtw-flex-row"><div class="crtw-w-40 crtw-mr-0.5"><!></div> <!></div>');
+function xe(V, l) {
+  if (new.target) return ee({ component: xe, ...V });
+  re(l, !1);
+  let p = _(l, "phone", 12), c = _(l, "isValid", 12, !0), v = _(l, "disabled", 12, !1), d = E(ce[0].value), u = E();
+  if (p()) {
+    for (const n of ce)
+      if (p().indexOf(n.value) === 0) {
+        i(u, parseInt(p().slice(n.value.length))), i(d, n.value);
+        break;
+      }
+  }
+  _e(
+    () => (Z(c()), e(u), e(d)),
+    () => {
+      c(!e(u) || be(String(e(u)), Ae)), c() && e(d) && e(u) && p(e(d) + String(e(u)).trim());
+    }
+  ), he(), fe();
+  var g = He(), P = U(g), L = U(P);
+  we(L, {
+    get options() {
+      return ce;
+    },
+    simple: !0,
+    get disabled() {
+      return v();
+    },
+    get selected() {
+      return e(d);
+    },
+    set selected(n) {
+      i(d, n);
+    },
+    $$legacy: !0
+  }), B(P);
+  var z = I(P, 2);
+  return ve(z, {
+    type: "number",
+    min: "0",
+    inputmode: "numeric",
+    pattern: "[0-9]*",
+    placeholder: "Phone Number",
+    name: "phone",
+    get disabled() {
+      return v();
+    },
+    get value() {
+      return e(u);
+    },
+    set value(n) {
+      i(u, n);
+    },
+    $$legacy: !0
+  }), B(g), k(V, g), ne({
+    get phone() {
+      return p();
+    },
+    set phone(n) {
+      p(n), h();
+    },
+    get isValid() {
+      return c();
+    },
+    set isValid(n) {
+      c(n), h();
+    },
+    get disabled() {
+      return v();
+    },
+    set disabled(n) {
+      v(n), h();
+    },
+    $set: ae,
+    $on: (n, S) => te(l, n, S)
+  });
+}
+var Ke = R('<span class="crtw-text-red-500">*</span>'), Je = R("First and last name <!>", 1), We = R('<span class="crtw-text-red-500">*</span>'), Xe = R("Email address <!>", 1), Ye = R('<div class="crtw-text-xs crtw-text-[#990008]"> </div>'), Me = R('<div class="crtw-text-left crtw-mt-2.5 crtw-w-full"><!></div>'), Qe = R('<div class="crtw-flex crtw-flex-col"><!> <!></div> <div class="crtw-flex crtw-flex-col"><!> <!></div> <div class="crtw-flex crtw-flex-col"><!> <!></div> <!> <!> <!>', 1);
+function ye(V, l) {
+  if (new.target) return ee({ component: ye, ...V });
+  re(l, !1);
+  let p = _(l, "name", 12), c = _(l, "email", 12), v = _(l, "phone", 12), d = _(l, "isSubmitDisabled", 12), u = _(l, "error", 12), g = _(l, "isEmailInputValid", 12), P = _(l, "options", 12), {
+    isExtendedRegistration: L,
+    onProfileUpdate: z,
+    onBackClick: n,
+    shouldShowBackButton: S,
+    isEmailChangeDisabled: C,
+    isPhoneChangeDisabled: O
+  } = P();
+  return Le(V, {
+    class: "crtw-flex crtw-justify-center crtw-flex-col crtw-gap-2.5",
+    children: (o, F) => {
+      var t = Qe(), r = se(t), f = U(r);
+      ue(f, {
+        for: "NameInput",
+        children: (s, w) => {
+          ie();
+          var D = Je(), J = I(se(D));
+          {
+            var T = (x) => {
+              var j = Ke();
+              k(x, j);
+            };
+            H(J, (x) => {
+              L && x(T);
+            });
+          }
+          k(s, D);
+        },
+        $$slots: { default: !0 }
+      });
+      var N = I(f, 2);
+      ve(N, {
+        id: "NameInput",
+        type: "text",
+        placeholder: "First and last name",
+        name: "name",
+        get required() {
+          return L;
+        },
+        get value() {
+          return p();
+        },
+        set value(s) {
+          p(s);
+        },
+        $$legacy: !0
+      }), B(r);
+      var A = I(r, 2), $ = U(A);
+      ue($, {
+        for: "EmailInput",
+        children: (s, w) => {
+          ie();
+          var D = Xe(), J = I(se(D));
+          {
+            var T = (x) => {
+              var j = We();
+              k(x, j);
+            };
+            H(J, (x) => {
+              L && x(T);
+            });
+          }
+          k(s, D);
+        },
+        $$slots: { default: !0 }
+      });
+      var q = I($, 2);
+      ve(q, {
+        id: "EmailInput",
+        type: "email",
+        placeholder: "Email address",
+        name: "email",
+        get disabled() {
+          return C;
+        },
+        get isValid() {
+          return g();
+        },
+        set isValid(s) {
+          g(s);
+        },
+        get value() {
+          return c();
+        },
+        set value(s) {
+          c(s);
+        },
+        $$legacy: !0
+      }), B(A);
+      var K = I(A, 2), M = U(K);
+      ue(M, {
+        for: "PhoneInput",
+        children: (s, w) => {
+          ie();
+          var D = Ce("Phone number");
+          k(s, D);
+        },
+        $$slots: { default: !0 }
+      });
+      var le = I(M, 2);
+      xe(le, {
+        get disabled() {
+          return O;
+        },
+        get phone() {
+          return v();
+        },
+        set phone(s) {
+          v(s);
+        },
+        $$legacy: !0
+      }), B(K);
+      var a = I(K, 2);
+      Ne(a, {
+        text: "Update profile",
+        get onClick() {
+          return z;
+        },
+        get disabled() {
+          return d();
+        }
+      });
+      var y = I(a, 2);
+      {
+        var b = (s) => {
+          var w = Ye(), D = U(w);
+          B(w), X(() => Q(D, `- ${u() ?? ""}`)), k(s, w);
+        };
+        H(y, (s) => {
+          u() && s(b);
+        });
+      }
+      var m = I(y, 2);
+      {
+        var G = (s) => {
+          var w = Me(), D = U(w);
+          ze(D, {
+            get onClick() {
+              return n;
+            }
+          }), B(w), k(s, w);
+        };
+        H(m, (s) => {
+          S && s(G);
+        });
+      }
+      k(o, t);
+    },
+    $$slots: { default: !0 }
+  }), ne({
+    get name() {
+      return p();
+    },
+    set name(o) {
+      p(o), h();
+    },
+    get email() {
+      return c();
+    },
+    set email(o) {
+      c(o), h();
+    },
+    get phone() {
+      return v();
+    },
+    set phone(o) {
+      v(o), h();
+    },
+    get isSubmitDisabled() {
+      return d();
+    },
+    set isSubmitDisabled(o) {
+      d(o), h();
+    },
+    get error() {
+      return u();
+    },
+    set error(o) {
+      u(o), h();
+    },
+    get isEmailInputValid() {
+      return g();
+    },
+    set isEmailInputValid(o) {
+      g(o), h();
+    },
+    get options() {
+      return P();
+    },
+    set options(o) {
+      P(o), h();
+    },
+    $set: ae,
+    $on: (o, F) => te(l, o, F)
+  });
+}
+function Ze(V, l) {
+  if (new.target) return ee({ component: Ze, ...V });
+  re(l, !1);
+  const [p, c] = De(), v = () => pe(Be, "$configStore", p), d = () => pe(W, "$forcedPageStore", p);
+  var u = this && this.__awaiter || function(a, y, b, m) {
+    function G(s) {
+      return s instanceof b ? s : new b(function(w) {
+        w(s);
+      });
+    }
+    return new (b || (b = Promise))(function(s, w) {
+      function D(x) {
+        try {
+          T(m.next(x));
+        } catch (j) {
+          w(j);
+        }
+      }
+      function J(x) {
+        try {
+          T(m.throw(x));
+        } catch (j) {
+          w(j);
+        }
+      }
+      function T(x) {
+        x.done ? s(x.value) : G(x.value).then(D, J);
+      }
+      T((m = m.apply(a, y || [])).next());
+    });
+  }, g = E();
+  const { updateProfile: P, close: L, toastAlert: z } = ge(ke);
+  let n = E(), S = E(), C = E(), O, o = E(), F = E(), t = E();
+  const r = Ve.subscribe((a) => {
+    var y, b;
+    if (!a) {
+      W.set(null), L();
+      return;
+    }
+    i(S, a.name || ""), i(n, a.email || ""), i(C, a.phone || ""), O = a;
+    const m = a.login_type !== "credentials" && a.login_type !== "passwordless";
+    i(o, !!(!((y = a.pending) === null || y === void 0) && y.email) || m), i(F, !!(!((b = a.pending) === null || b === void 0) && b.phone) || m);
+  });
+  let f = E(!1), N = E(!1), A = E(!0), $ = E(!0), q = E("");
+  const K = () => u(void 0, void 0, void 0, function* () {
+    var a, y;
+    i(f, !0), i(q, "");
+    try {
+      const b = Object.assign(Object.assign(Object.assign({}, O.email !== e(n) ? { email: e(n) } : {}), O.name !== e(S) ? { name: e(S) } : {}), O.phone !== e(C) ? { phone: e(C) } : {}), m = yield P(b);
+      W.set(null), z("Account has been updated successfully. Email or phone should be confirmed by entering one-time code.", "success");
+      const G = ge(Re);
+      !(!((a = m == null ? void 0 : m.pending) === null || a === void 0) && a.phone) && !(!((y = m == null ? void 0 : m.pending) === null || y === void 0) && y.email) && (!G || G === de.UPDATE_PROFILE) && L();
+    } catch (b) {
+      const m = (b == null ? void 0 : b.message) || "Error while updating your account details.";
+      z(m, "failure"), i(q, m);
+    }
+    i(f, !1);
+  });
+  Ie(r), _e(
+    () => (e(N), e(n), e(A), oe(g), v(), e($), e(S), e(f)),
+    () => {
+      i(N, be(e(n))), i(A, !e(n) || e(N)), !(i(g, v().auth) === null || oe(g) === void 0) && oe(g).extendedRegistration && i($, !!e(S)), i(t, e(f) || !e(A) || !e($));
+    }
+  ), he(), fe();
+  const M = Ue(() => (v(), Z(W), d(), Z(de), e(o), e(F), Y(() => {
+    var a;
+    return {
+      isExtendedRegistration: (a = v().auth) == null ? void 0 : a.extendedRegistration,
+      onProfileUpdate: K,
+      onBackClick: () => W.set(null),
+      shouldShowBackButton: d() === de.UPDATE_PROFILE,
+      isEmailChangeDisabled: e(o),
+      isPhoneChangeDisabled: e(F)
+    };
+  })));
+  ye(V, {
+    get options() {
+      return e(M);
+    },
+    get error() {
+      return e(q);
+    },
+    set error(a) {
+      i(q, a);
+    },
+    get name() {
+      return e(S);
+    },
+    set name(a) {
+      i(S, a);
+    },
+    get email() {
+      return e(n);
+    },
+    set email(a) {
+      i(n, a);
+    },
+    get phone() {
+      return e(C);
+    },
+    set phone(a) {
+      i(C, a);
+    },
+    get isSubmitDisabled() {
+      return e(t);
+    },
+    set isSubmitDisabled(a) {
+      i(t, a);
+    },
+    get isEmailInputValid() {
+      return e(A);
+    },
+    set isEmailInputValid(a) {
+      i(A, a);
+    },
+    $$legacy: !0
+  });
+  var le = ne({
+    $set: ae,
+    $on: (a, y) => te(l, a, y)
+  });
+  return c(), le;
+}
+export {
+  Ze as default
+};
+//# sourceMappingURL=UpdateProfile-DKgDmHn9.js.map

package/dist/UpdateProfile-DKgDmHn9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateProfile-DKgDmHn9.js","sources":["../../ui/main/shared/inputs/select/Select.svelte","../../ui/main/shared/inputs/phone/PhoneInput.constants.ts","../../ui/main/shared/inputs/phone/PhoneInput.svelte","../../ui/main/update-profile/UpdateProfile.svelte","../src/app/pages/update-profile/UpdateProfile.svelte"],"sourcesContent":["<style>\n  .simple {\n    background-image: none;\n    padding: 0 10px;\n    text-align: center;   \n  }\n  .simple:focus {\n    background-image: none;\n  }\n</style>\n\n<script lang=\"ts\">\n  export let options: { value: string; name?: string }[]\n  export let placeholder: string | undefined = undefined\n  export let label: string | undefined = undefined\n  export let selected: string | undefined = undefined\n  export let onChange: undefined | ((...args: unknown[]) => unknown) = undefined\n  export let simple: boolean = false\n  export let disabled: boolean = false\n\n  const handleChange = (e: Event) => {\n    const target = e.target as HTMLSelectElement\n    if (selected !== undefined) selected = target.value\n    if (onChange) onChange(e)\n  }\n</script>\n\n<div>\n  {#if label}\n    <label class=\"crtw-font-medium\" for=\"credenzaSelect\">{label}</label>\n  {/if}\n  <select\n    class=\"crtw-w-full crtw-h-[53px] crtw-px-5 crtw-appearance-none crtw-text-base crtw-rounded crtw-border crtw-border-gray-300\n   crtw-cursor-pointer crtw-text-gray-500 focus:crtw-outline-none focus:crtw-border-blue-900 focus:crtw-text-blue-900\n    {simple ? 'simple' : ''}\"\n    name=\"credenzaSelect\"\n    on:change={handleChange}\n    {disabled}\n  >\n    {#if placeholder}\n      <option disabled={true} selected={!selected} hidden={true}>{placeholder}</option>\n    {/if}\n    {#each options as item}\n      <option value={item.value} selected={selected === item.value}> {item.name ?? item.value} </option>\n    {/each}\n  </select>\n</div>\n","export const countryCodes = [\n  { value: '+1', name: 'US/CA +1' },\n  { value: '+49', name: 'DE +49' },\n  { value: '+33', name: 'FR +33' },\n  { value: '+44', name: 'UK +44' },\n  { value: '+380', name: 'UA +380' },\n  { value: '+48', name: 'PL +48' },\n  { value: '+233', name: 'GH +233' },\n]\n","<script lang=\"ts\">\n  import Select from '../select/Select.svelte'\n  import Input from '../input/Input.svelte'\n  import { PHONE_PATTERN, validate } from '../../../../../utils/lib/validation/validation'\n  import { countryCodes } from './PhoneInput.constants'\n\n  export let phone: string\n  export let isValid: boolean = true\n  export let disabled: boolean = false\n\n  let selectedCountryCode: string = countryCodes[0].value\n  let number: number | null\n\n  if (phone) {\n    for (const countryCode of countryCodes) {\n      if (phone.indexOf(countryCode.value) === 0) {\n        number = parseInt(phone.slice(countryCode.value.length))\n        selectedCountryCode = countryCode.value\n        break\n      }\n    }\n  }\n\n  $: {\n    isValid = !number || validate(String(number), PHONE_PATTERN)\n    isValid && selectedCountryCode && number ? (phone = selectedCountryCode + String(number).trim()) : ''\n  }\n</script>\n\n<div class=\"crtw-flex crtw-justify-center crtw-flex-row\">\n  <div class=\"crtw-w-40 crtw-mr-0.5\">\n    <Select options={countryCodes} simple bind:selected={selectedCountryCode} {disabled} />\n  </div>\n  <Input\n    type=\"number\"\n    min=\"0\"\n    inputmode=\"numeric\"\n    pattern=\"[0-9]*\"\n    placeholder=\"Phone Number\"\n    bind:value={number}\n    name=\"phone\"\n    {disabled}\n  />\n</div>\n","<script lang=\"ts\">\n  import Container from \"../shared/Container.svelte\";\n  import Label from \"../shared/inputs/input/Label.svelte\";\n  import Input from \"../shared/inputs/input/Input.svelte\";\n  import ButtonBack from \"../shared/inputs/button-back/ButtonBack.svelte\";\n  import Button from \"../shared/inputs/button/Button.svelte\";\n  import PhoneInput from \"../shared/inputs/phone/PhoneInput.svelte\";\n\n  export let name: string;\n  export let email: string;\n  export let phone: string;\n  export let isSubmitDisabled: boolean;\n  export let error: string | null;\n  export let isEmailInputValid: boolean;\n  export let options: {\n    isExtendedRegistration: boolean | undefined;\n    onProfileUpdate: () => void;\n    onBackClick: () => void;\n    shouldShowBackButton: boolean;\n    isEmailChangeDisabled: boolean;\n    isPhoneChangeDisabled: boolean;\n  };\n\n  let {\n    isExtendedRegistration,\n    onProfileUpdate,\n    onBackClick,\n    shouldShowBackButton,\n    isEmailChangeDisabled,\n    isPhoneChangeDisabled,\n  } = options;\n</script>\n\n<Container class=\"crtw-flex crtw-justify-center crtw-flex-col crtw-gap-2.5\">\n  <div class=\"crtw-flex crtw-flex-col\">\n    <Label for=\"NameInput\"\n      >First and last name\n      {#if isExtendedRegistration}\n        <span class=\"crtw-text-red-500\">*</span>\n      {/if}\n    </Label>\n    <Input\n      id=\"NameInput\"\n      type=\"text\"\n      placeholder=\"First and last name\"\n      bind:value={name}\n      name=\"name\"\n      required={isExtendedRegistration}\n    />\n  </div>\n\n  <div class=\"crtw-flex crtw-flex-col\">\n    <Label for=\"EmailInput\"\n      >Email address\n      {#if isExtendedRegistration}\n        <span class=\"crtw-text-red-500\">*</span>\n      {/if}\n    </Label>\n    <Input\n      id=\"EmailInput\"\n      type=\"email\"\n      bind:isValid={isEmailInputValid}\n      placeholder=\"Email address\"\n      bind:value={email}\n      name=\"email\"\n      disabled={isEmailChangeDisabled}\n    />\n  </div>\n\n  <div class=\"crtw-flex crtw-flex-col\">\n    <Label for=\"PhoneInput\">Phone number</Label>\n    <PhoneInput bind:phone disabled={isPhoneChangeDisabled} />\n  </div>\n\n  <Button\n    text=\"Update profile\"\n    onClick={onProfileUpdate}\n    disabled={isSubmitDisabled}\n  />\n\n  {#if error}\n    <div class=\"crtw-text-xs crtw-text-[#990008]\">\n      - {error}\n    </div>\n  {/if}\n\n  {#if shouldShowBackButton}\n    <div class=\"crtw-text-left crtw-mt-2.5 crtw-w-full\">\n      <ButtonBack onClick={onBackClick} />\n    </div>\n  {/if}\n</Container>\n","<script lang=\"ts\">\n  import { onDestroy } from 'svelte'\n  import { get } from 'svelte/store'\n  import { validate } from '@lib/validation/validation'\n  import { fn, userStore, pageStore, forcedPageStore } from '@packages/stores'\n  import { Pages } from '@packages/utils/enums'\n  import { UpdateProfile } from '@packages/ui'\n  import { type TUser } from '@packages/utils/types'\n  import { configStore } from '@src/stores/config'\n\n  const { updateProfile, close, toastAlert } = get(fn)\n\n  let email: string\n  let name: string\n  let phone: string\n\n  let currentUser: TUser\n\n  let isEmailChangeDisabled: boolean\n  let isPhoneChangeDisabled: boolean\n  let isSubmitDisabled: boolean\n\n  const unsubscribeUserStore = userStore.subscribe((user) => {\n    if (!user) {\n      forcedPageStore.set(null)\n      close()\n      return\n    }\n\n    name = user.name || ''\n    email = user.email || ''\n    phone = user.phone || ''\n    currentUser = user\n\n    const isSocialLoginType =\n      user.login_type !== 'credentials' && user.login_type !== 'passwordless'\n    isEmailChangeDisabled = !!user.pending?.email || isSocialLoginType\n    isPhoneChangeDisabled = !!user.pending?.phone || isSocialLoginType\n  })\n\n  let isLoading = false\n  let isEmailValid: boolean = false\n  let isEmailInputValid: boolean = true\n  let isNameValid: boolean = true\n  let error: string = ''\n\n  const executeProfileUpdate = async () => {\n    isLoading = true\n    error = ''\n    try {\n      const newData = {\n        ...(currentUser.email !== email ? { email } : {}),\n        ...(currentUser.name !== name ? { name } : {}),\n        ...(currentUser.phone !== phone ? { phone } : {}),\n      }\n      const updatedUser = await updateProfile(newData)\n      forcedPageStore.set(null)\n\n      toastAlert(\n        'Account has been updated successfully. Email or phone should be confirmed by entering one-time code.',\n        'success',\n      )\n      const page = get(pageStore)\n      if (!updatedUser?.pending?.phone && !updatedUser?.pending?.email && (!page || page === Pages.UPDATE_PROFILE))\n        close()\n    } catch (err) {\n      const errorText = err?.message || 'Error while updating your account details.'\n      toastAlert(errorText, 'failure')\n      error = errorText\n    }\n    isLoading = false\n  }\n\n  $: {\n    isEmailValid = validate(email)\n    isEmailInputValid = !email || isEmailValid\n\n    $configStore.auth?.extendedRegistration && (isNameValid = !!name)\n\n    isSubmitDisabled = isLoading || !isEmailInputValid || !isNameValid\n  }\n\n  onDestroy(unsubscribeUserStore)\n</script>\n\n<UpdateProfile\n  bind:error\n  bind:name\n  bind:email\n  bind:phone\n  bind:isSubmitDisabled\n  bind:isEmailInputValid\n  options={{\n    isExtendedRegistration: $configStore.auth?.extendedRegistration,\n    onProfileUpdate: executeProfileUpdate,\n    onBackClick: () => forcedPageStore.set(null),\n    shouldShowBackButton: $forcedPageStore === Pages.UPDATE_PROFILE,\n    isEmailChangeDisabled,\n    isPhoneChangeDisabled,\n  }}\n/>\n"],"names":["options","$.prop","$$props","placeholder","label","selected","onChange","simple","disabled","handleChange","e","target","$$render","consequent","consequent_1","$.each","node_2","item","$.untrack","$.get","countryCodes","phone","isValid","selectedCountryCode","$.mutable_source","number","countryCode","validate","PHONE_PATTERN","$$value","name","email","isSubmitDisabled","error","isEmailInputValid","isExtendedRegistration","onProfileUpdate","onBackClick","shouldShowBackButton","isEmailChangeDisabled","isPhoneChangeDisabled","consequent_2","consequent_3","__awaiter","thisArg","_arguments","P","generator","updateProfile","close","toastAlert","get","fn","currentUser","unsubscribeUserStore","userStore","user","forcedPageStore","$.set","isSocialLoginType","_a","_b","isLoading","isEmailValid","isNameValid","executeProfileUpdate","newData","updatedUser","page","pageStore","Pages","err","errorText","onDestroy","$configStore","$.safe_get","$forcedPageStore"],"mappings":"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"}