@axium/server 0.22.8 → 0.22.10

package/build/server/chunks/_page.svelte-B_j_iDFj.js

@@ -0,0 +1,643 @@
+import { v as push, F as copy_payload, G as assign_payload, x as pop, J as ensure_array_like, K as head, N as attr, y as escape_html, O as stringify, P as css_props, Q as attr_style, T as spread_attributes, V as props_id, W as bind_props, X as maybe_selected } from './index-apo9QTc6.js';
+import { g as getUserImage, F as FormDialog, p as preferenceSchemas, a as preferenceLabels, z as zIs, b as preferenceDefaults, d as deleteUser, u as updatePasskey, c as deletePasskey, l as logout, e as logoutAll, f as updateUser } from './FormDialog-CUzCwBFr.js';
+import './index-iqDDeMM6.js';
+import { g as getByString, p as pick } from './string-DCbyDSv6.js';
+import { L as Logout } from './Logout-48MBrG2s.js';
+
+const $$css$4 = {
+  hash: "svelte-1l501sr",
+  code: "svg.svelte-1l501sr {width:var(--size, 1em);height:var(--size, 1em);display:inline-block;fill:var(--fill, hsl(var(--hue) 0 var(--fg-light)));}"
+};
+function Icon($$payload, $$props) {
+  $$payload.css.add($$css$4);
+  push();
+  const { i, $$slots, $$events, ...rest } = $$props;
+  const [style, id] = i.includes("/") ? i.split("/") : ["solid", i];
+  const href = `/icons/${style}.svg#${id}`;
+  $$payload.out.push(`<svg${spread_attributes(
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      width: "1em",
+      height: "1em",
+      ...rest
+    },
+    "svelte-1l501sr",
+    void 0,
+    void 0,
+    3
+  )}><use${attr("href", href)}></use></svg>`);
+  pop();
+}
+const $$css$3 = {
+  hash: "svelte-g409dh",
+  code: "button.svelte-g409dh {position:relative;display:inline-block;width:1em;height:1em;border:none;background:transparent;}span.svelte-g409dh {position:absolute;inset:0;}"
+};
+function ClipboardCopy($$payload, $$props) {
+  $$payload.css.add($$css$3);
+  push();
+  $$payload.out.push(`<button class="svelte-g409dh">`);
+  {
+    $$payload.out.push("<!--[!-->");
+    $$payload.out.push(`<span class="svelte-g409dh">`);
+    Icon($$payload, { i: "copy" });
+    $$payload.out.push(`<!----></span>`);
+  }
+  $$payload.out.push(`<!--]--></button>`);
+  pop();
+}
+const $$css$2 = {
+  hash: "svelte-23hpnn",
+  code: "input[type='checkbox'].svelte-23hpnn {display:none;}label.checkbox.svelte-23hpnn {cursor:pointer;width:1.5em;height:1.5em;border:1px solid var(--border-accent);border-radius:0.5em;display:inline-flex;justify-content:center;align-items:center;}"
+};
+function Preference_1($$payload, $$props) {
+  $$payload.css.add($$css$2);
+  push();
+  const id = props_id($$payload);
+  let { preferences = void 0, userId, path, schema, optional = false } = $$props;
+  let checked = schema.def.type == "boolean" && getByString(preferences, path);
+  function dateAttr(date, format) {
+    if (!date) return null;
+    const pad = (n) => String(n).padStart(2, "0");
+    const yyyy = date.getFullYear();
+    const mm = pad(date.getMonth() + 1);
+    const dd = pad(date.getDate());
+    const dateStr = `${yyyy}-${mm}-${dd}`;
+    const HH = pad(date.getHours());
+    const MM = pad(date.getMinutes());
+    const timeStr = `${HH}:${MM}`;
+    switch (format) {
+      case "date":
+        return dateStr;
+      case "time":
+        return timeStr;
+      case "time+sec":
+        return `${timeStr}:${pad(date.getSeconds())}`;
+      case "datetime":
+      default:
+        return `${dateStr}T${timeStr}`;
+    }
+  }
+  function _in($$payload2, rest) {
+    $$payload2.out.push(`<input${spread_attributes(
+      {
+        id,
+        ...rest,
+        value: getByString(preferences, path) ?? getByString(preferenceDefaults, path),
+        required: !optional
+      },
+      "svelte-23hpnn"
+    )}/>`);
+  }
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    if (zIs(schema, "string")) {
+      $$payload2.out.push("<!--[-->");
+      _in($$payload2, {
+        type: schema.format == "email" ? "email" : "text",
+        ...pick(schema, "minLength", "maxLength")
+      });
+    } else {
+      $$payload2.out.push("<!--[!-->");
+      if (zIs(schema, "number")) {
+        $$payload2.out.push("<!--[-->");
+        _in($$payload2, {
+          type: "number",
+          min: schema.minValue,
+          max: schema.maxValue,
+          step: schema.format?.includes("int") ? 1 : 0.1
+        });
+      } else {
+        $$payload2.out.push("<!--[!-->");
+        if (zIs(schema, "bigint")) {
+          $$payload2.out.push("<!--[-->");
+          _in($$payload2, {
+            type: "number",
+            min: Number(schema.minValue),
+            max: Number(schema.maxValue),
+            step: 1
+          });
+        } else {
+          $$payload2.out.push("<!--[!-->");
+          if (zIs(schema, "boolean")) {
+            $$payload2.out.push("<!--[-->");
+            $$payload2.out.push(`<input${attr("checked", checked, true)}${attr("id", id)} type="checkbox"${attr("required", !optional, true)} class="svelte-23hpnn"/> <label${attr("for", id)} class="checkbox svelte-23hpnn">`);
+            if (checked) {
+              $$payload2.out.push("<!--[-->");
+              css_props($$payload2, true, { "--size": "1.3em" }, () => {
+                Icon($$payload2, { i: "check" });
+              });
+            } else {
+              $$payload2.out.push("<!--[!-->");
+            }
+            $$payload2.out.push(`<!--]--></label>`);
+          } else {
+            $$payload2.out.push("<!--[!-->");
+            if (zIs(schema, "date")) {
+              $$payload2.out.push("<!--[-->");
+              _in($$payload2, {
+                type: "date",
+                min: dateAttr(schema.minDate, "date"),
+                max: dateAttr(schema.maxDate, "date")
+              });
+            } else {
+              $$payload2.out.push("<!--[!-->");
+              if (zIs(schema, "file")) {
+                $$payload2.out.push("<!--[-->");
+              } else {
+                $$payload2.out.push("<!--[!-->");
+                if (zIs(schema, "literal")) {
+                  $$payload2.out.push("<!--[-->");
+                  const each_array = ensure_array_like(schema.values);
+                  $$payload2.out.push(`<select${attr("id", id)}${attr("required", !optional, true)}><!--[-->`);
+                  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+                    let value = each_array[$$index];
+                    $$payload2.out.push(`<option${attr("value", value)}${maybe_selected($$payload2, value)}>${escape_html(value)}</option>`);
+                  }
+                  $$payload2.out.push(`<!--]--></select>`);
+                } else {
+                  $$payload2.out.push("<!--[!-->");
+                  if (zIs(schema, "template_literal")) {
+                    $$payload2.out.push("<!--[-->");
+                  } else {
+                    $$payload2.out.push("<!--[!-->");
+                    if (zIs(schema, "nullable") || zIs(schema, "optional")) {
+                      $$payload2.out.push("<!--[-->");
+                      Preference_1($$payload2, {
+                        userId,
+                        path,
+                        schema: schema.def.innerType,
+                        optional: true,
+                        get preferences() {
+                          return preferences;
+                        },
+                        set preferences($$value) {
+                          preferences = $$value;
+                          $$settled = false;
+                        }
+                      });
+                    } else {
+                      $$payload2.out.push("<!--[!-->");
+                      if (zIs(schema, "array")) {
+                        $$payload2.out.push("<!--[-->");
+                        const each_array_1 = ensure_array_like(getByString(preferences, path));
+                        $$payload2.out.push(`<div class="pref-sub"><!--[-->`);
+                        for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+                          $$payload2.out.push(`<div class="pref-record-entry">`);
+                          Preference_1($$payload2, {
+                            userId,
+                            path: `${stringify(path)}.${stringify(i)}`,
+                            schema: schema.element,
+                            get preferences() {
+                              return preferences;
+                            },
+                            set preferences($$value) {
+                              preferences = $$value;
+                              $$settled = false;
+                            }
+                          });
+                          $$payload2.out.push(`<!----></div>`);
+                        }
+                        $$payload2.out.push(`<!--]--></div>`);
+                      } else {
+                        $$payload2.out.push("<!--[!-->");
+                        if (zIs(schema, "record")) {
+                          $$payload2.out.push("<!--[-->");
+                          const each_array_2 = ensure_array_like(Object.keys(getByString(preferences, path)));
+                          $$payload2.out.push(`<div class="pref-sub"><!--[-->`);
+                          for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+                            let key = each_array_2[$$index_2];
+                            $$payload2.out.push(`<div class="pref-record-entry"><label${attr("for", id)}>${escape_html(key)}</label> `);
+                            Preference_1($$payload2, {
+                              userId,
+                              path: `${stringify(path)}.${stringify(key)}`,
+                              schema: schema.valueType,
+                              get preferences() {
+                                return preferences;
+                              },
+                              set preferences($$value) {
+                                preferences = $$value;
+                                $$settled = false;
+                              }
+                            });
+                            $$payload2.out.push(`<!----></div>`);
+                          }
+                          $$payload2.out.push(`<!--]--></div>`);
+                        } else {
+                          $$payload2.out.push("<!--[!-->");
+                          if (zIs(schema, "object")) {
+                            $$payload2.out.push("<!--[-->");
+                            const each_array_3 = ensure_array_like(Object.entries(schema.shape));
+                            $$payload2.out.push(`<!--[-->`);
+                            for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+                              let [key, value] = each_array_3[$$index_3];
+                              $$payload2.out.push(`<div class="pref-sub"><label${attr("for", id)}>${escape_html(key)}</label> `);
+                              Preference_1($$payload2, {
+                                userId,
+                                path: `${stringify(path)}.${stringify(key)}`,
+                                schema: value,
+                                get preferences() {
+                                  return preferences;
+                                },
+                                set preferences($$value) {
+                                  preferences = $$value;
+                                  $$settled = false;
+                                }
+                              });
+                              $$payload2.out.push(`<!----></div>`);
+                            }
+                            $$payload2.out.push(`<!--]-->`);
+                          } else {
+                            $$payload2.out.push("<!--[!-->");
+                            if (zIs(schema, "tuple")) {
+                              $$payload2.out.push("<!--[-->");
+                              const each_array_4 = ensure_array_like(schema.def.items);
+                              $$payload2.out.push(`<div class="pref-sub"${attr("data-rest", schema.def.rest)}><!--[-->`);
+                              for (let i = 0, $$length = each_array_4.length; i < $$length; i++) {
+                                let item = each_array_4[i];
+                                Preference_1($$payload2, {
+                                  userId,
+                                  path: `${stringify(path)}.${stringify(i)}`,
+                                  schema: item,
+                                  get preferences() {
+                                    return preferences;
+                                  },
+                                  set preferences($$value) {
+                                    preferences = $$value;
+                                    $$settled = false;
+                                  }
+                                });
+                              }
+                              $$payload2.out.push(`<!--]--></div>`);
+                            } else {
+                              $$payload2.out.push("<!--[!-->");
+                              if (zIs(schema, "enum")) {
+                                $$payload2.out.push("<!--[-->");
+                                const each_array_5 = ensure_array_like(Object.entries(schema.enum));
+                                $$payload2.out.push(`<select${attr("id", id)}${attr("required", !optional, true)}><!--[-->`);
+                                for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+                                  let [key, val] = each_array_5[$$index_5];
+                                  $$payload2.out.push(`<option${attr("value", val)}${maybe_selected($$payload2, val)}>${escape_html(key)}</option>`);
+                                }
+                                $$payload2.out.push(`<!--]--></select>`);
+                              } else {
+                                $$payload2.out.push("<!--[!-->");
+                                $$payload2.out.push(`<i class="error-text">Invalid preference type: ${escape_html(JSON.stringify(schema?.def?.type))}</i>`);
+                              }
+                              $$payload2.out.push(`<!--]-->`);
+                            }
+                            $$payload2.out.push(`<!--]-->`);
+                          }
+                          $$payload2.out.push(`<!--]-->`);
+                        }
+                        $$payload2.out.push(`<!--]-->`);
+                      }
+                      $$payload2.out.push(`<!--]-->`);
+                    }
+                    $$payload2.out.push(`<!--]-->`);
+                  }
+                  $$payload2.out.push(`<!--]-->`);
+                }
+                $$payload2.out.push(`<!--]-->`);
+              }
+              $$payload2.out.push(`<!--]-->`);
+            }
+            $$payload2.out.push(`<!--]-->`);
+          }
+          $$payload2.out.push(`<!--]-->`);
+        }
+        $$payload2.out.push(`<!--]-->`);
+      }
+      $$payload2.out.push(`<!--]-->`);
+    }
+    $$payload2.out.push(`<!--]-->`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  bind_props($$props, { preferences });
+  pop();
+}
+const $$css$1 = {
+  hash: "svelte-b9ddyh",
+  code: ".pref.svelte-b9ddyh {display:grid;grid-template-columns:1fr 1fr;gap:1em;}"
+};
+function Preferences($$payload, $$props) {
+  $$payload.css.add($$css$1);
+  push();
+  const id = props_id($$payload);
+  let { preferences = void 0, userId } = $$props;
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    const each_array = ensure_array_like(Object.keys(preferenceSchemas));
+    $$payload2.out.push(`<!--[-->`);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let path = each_array[$$index];
+      $$payload2.out.push(`<div class="pref svelte-b9ddyh"><label${attr("for", id)}>${escape_html(preferenceLabels[path])}</label> `);
+      Preference_1($$payload2, {
+        userId,
+        path,
+        schema: preferenceSchemas[path],
+        get preferences() {
+          return preferences;
+        },
+        set preferences($$value) {
+          preferences = $$value;
+          $$settled = false;
+        }
+      });
+      $$payload2.out.push(`<!----></div>`);
+    }
+    $$payload2.out.push(`<!--]-->`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  bind_props($$props, { preferences });
+  pop();
+}
+const $$css = {
+  hash: "svelte-c74k6c",
+  code: "#pfp-container.svelte-c74k6c {width:100px;height:100px;margin-top:3em;.MenuToggle {float:right;position:relative;top:-24px;}}#pfp.svelte-c74k6c {width:100px;height:100px;border-radius:50%;border:1px solid #8888;}.greeting.svelte-c74k6c {font-size:2em;}.signout.svelte-c74k6c {margin-top:2em;}.section.svelte-c74k6c {width:50%;padding-top:4em;\n\n		/* This is causing duplicate separators when removing sessions/passkeys\n		> div:has(+ div) {\n			border-bottom: 1px solid #8888;\n		}\n		*/}.section.svelte-c74k6c .item:where(.svelte-c74k6c) {display:grid;align-items:center;width:100%;gap:1em;text-wrap:nowrap;border-top:1px solid #8888;padding-bottom:1em;}.info.svelte-c74k6c {grid-template-columns:10em 1fr 2em;> :where(.svelte-c74k6c):first-child {margin-left:1em;}> :where(.svelte-c74k6c):nth-child(2) {text-overflow:ellipsis;overflow:hidden;}}.passkey.svelte-c74k6c {grid-template-columns:1em 1em 1fr 1fr 1em 1em;dfn:where(.svelte-c74k6c):not(.disabled) {cursor:help;}}.session.svelte-c74k6c {grid-template-columns:1fr 1fr 1fr 1em;.current:where(.svelte-c74k6c) {border-radius:2em;padding:0 0.5em;background-color:#337;}.elevated:where(.svelte-c74k6c) {border-radius:2em;padding:0 0.5em;background-color:#733;}}"
+};
+function _page($$payload, $$props) {
+  $$payload.css.add($$css);
+  push();
+  const { data } = $$props;
+  const { canVerify } = data;
+  const dialogs = {};
+  let currentSession = data.currentSession;
+  let user = data.user;
+  let passkeys = data.passkeys;
+  let sessions = data.sessions;
+  async function _editUser(data2) {
+    const result = await updateUser(user.id, data2);
+    user = result;
+  }
+  function action($$payload2, name, i = "pen") {
+    $$payload2.out.push(`<button class="svelte-c74k6c"${attr_style("", { display: "contents" })}>`);
+    css_props($$payload2, true, { "--size": "16px" }, () => {
+      Icon($$payload2, { i });
+    });
+    $$payload2.out.push(`</button>`);
+  }
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    const each_array = ensure_array_like(passkeys);
+    const each_array_1 = ensure_array_like(sessions);
+    head($$payload2, ($$payload3) => {
+      $$payload3.title = `<title>Account</title>`;
+    });
+    $$payload2.out.push(`<div class="Account flex-content"><div id="pfp-container" class="svelte-c74k6c"><img id="pfp"${attr("src", getUserImage(user))} alt="User profile" width="100px" height="100px" class="svelte-c74k6c"/></div> <p class="greeting svelte-c74k6c">Welcome, ${escape_html(user.name)}</p> <div class="section main svelte-c74k6c"><h3>Personal Information</h3> <div class="item info svelte-c74k6c"><p class="subtle svelte-c74k6c">Name</p> <p class="svelte-c74k6c">${escape_html(user.name)}</p> `);
+    action($$payload2);
+    $$payload2.out.push(`<!----></div> `);
+    FormDialog($$payload2, {
+      submit: _editUser,
+      submitText: "Change",
+      get dialog() {
+        return dialogs.edit_name;
+      },
+      set dialog($$value) {
+        dialogs.edit_name = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<div><label for="name">What do you want to be called?</label> <input name="name" type="text"${attr("value", user.name || "")} required/></div>`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> <div class="item info svelte-c74k6c"><p class="subtle svelte-c74k6c">Email</p> <p class="svelte-c74k6c">${escape_html(user.email)} `);
+    if (user.emailVerified) {
+      $$payload2.out.push("<!--[-->");
+      $$payload2.out.push(`<dfn${attr("title", `Email verified on ${stringify(user.emailVerified.toLocaleDateString())}`)}>`);
+      Icon($$payload2, { i: "regular/circle-check" });
+      $$payload2.out.push(`<!----></dfn>`);
+    } else {
+      $$payload2.out.push("<!--[!-->");
+      if (canVerify) {
+        $$payload2.out.push("<!--[-->");
+        $$payload2.out.push(`<button>${escape_html("Verify")}</button>`);
+      } else {
+        $$payload2.out.push("<!--[!-->");
+      }
+      $$payload2.out.push(`<!--]-->`);
+    }
+    $$payload2.out.push(`<!--]--></p> `);
+    action($$payload2);
+    $$payload2.out.push(`<!----></div> `);
+    FormDialog($$payload2, {
+      submit: _editUser,
+      submitText: "Change",
+      get dialog() {
+        return dialogs.edit_email;
+      },
+      set dialog($$value) {
+        dialogs.edit_email = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<div><label for="email">Email Address</label> <input name="email" type="email"${attr("value", user.email || "")} required/></div>`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> <div class="item info svelte-c74k6c"><p class="subtle svelte-c74k6c">User ID <dfn title="This is your UUID. It can't be changed.">`);
+    Icon($$payload2, { i: "regular/circle-info" });
+    $$payload2.out.push(`<!----></dfn></p> <p class="svelte-c74k6c">${escape_html(user.id)}</p> `);
+    css_props($$payload2, true, { "--size": "16px" }, () => {
+      ClipboardCopy($$payload2, { value: user.id });
+    });
+    $$payload2.out.push(`</div> <span><button class="signout svelte-c74k6c">Sign Out</button> <button class="danger"${attr_style("", { cursor: "pointer" })}>Delete Account</button> `);
+    Logout($$payload2, {
+      get dialog() {
+        return dialogs.logout;
+      },
+      set dialog($$value) {
+        dialogs.logout = $$value;
+        $$settled = false;
+      }
+    });
+    $$payload2.out.push(`<!----> `);
+    FormDialog($$payload2, {
+      submit: () => deleteUser(user.id).then(() => window.location.href = "/"),
+      submitText: "Delete Account",
+      submitDanger: true,
+      get dialog() {
+        return dialogs.delete;
+      },
+      set dialog($$value) {
+        dialogs.delete = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<p>Are you sure you want to delete your account?<br/>This action can't be undone.</p>`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----></span></div> <div class="section main svelte-c74k6c"><h3>Passkeys</h3> <!--[-->`);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let passkey = each_array[$$index];
+      $$payload2.out.push(`<div class="item passkey svelte-c74k6c"><dfn${attr("title", passkey.deviceType == "multiDevice" ? "Multiple devices" : "Single device")} class="svelte-c74k6c">`);
+      css_props($$payload2, true, { "--size": "16px" }, () => {
+        Icon($$payload2, {
+          i: passkey.deviceType == "multiDevice" ? "laptop-mobile" : "mobile"
+        });
+      });
+      $$payload2.out.push(`</dfn> <dfn${attr("title", `This passkey is ${stringify(passkey.backedUp ? "" : "not ")}backed up`)} class="svelte-c74k6c">`);
+      css_props($$payload2, true, { "--size": "16px" }, () => {
+        Icon($$payload2, { i: passkey.backedUp ? "circle-check" : "circle-xmark" });
+      });
+      $$payload2.out.push(`</dfn> `);
+      if (passkey.name) {
+        $$payload2.out.push("<!--[-->");
+        $$payload2.out.push(`<p>${escape_html(passkey.name)}</p>`);
+      } else {
+        $$payload2.out.push("<!--[!-->");
+        $$payload2.out.push(`<p class="subtle"><i>Unnamed</i></p>`);
+      }
+      $$payload2.out.push(`<!--]--> <p>Created ${escape_html(passkey.createdAt.toLocaleString())}</p> `);
+      action($$payload2, "edit_passkey#" + passkey.id);
+      $$payload2.out.push(`<!----> `);
+      if (passkeys.length > 1) {
+        $$payload2.out.push("<!--[-->");
+        action($$payload2, "delete_passkey#" + passkey.id, "trash");
+      } else {
+        $$payload2.out.push("<!--[!-->");
+        $$payload2.out.push(`<dfn title="You must have at least one passkey" class="disabled svelte-c74k6c">`);
+        css_props($$payload2, true, { "--fill": "#888", "--size": "16px" }, () => {
+          Icon($$payload2, { i: "trash-slash" });
+        });
+        $$payload2.out.push(`</dfn>`);
+      }
+      $$payload2.out.push(`<!--]--></div> `);
+      FormDialog($$payload2, {
+        submit: (data2) => {
+          if (typeof data2.name != "string") throw "Passkey name must be a string";
+          passkey.name = data2.name;
+          return updatePasskey(passkey.id, data2);
+        },
+        submitText: "Change",
+        get dialog() {
+          return dialogs["edit_passkey#" + passkey.id];
+        },
+        set dialog($$value) {
+          dialogs["edit_passkey#" + passkey.id] = $$value;
+          $$settled = false;
+        },
+        children: ($$payload3) => {
+          $$payload3.out.push(`<div><label for="name">Passkey Name</label> <input name="name" type="text"${attr("value", passkey.name || "")}/></div>`);
+        },
+        $$slots: { default: true }
+      });
+      $$payload2.out.push(`<!----> `);
+      FormDialog($$payload2, {
+        submit: () => deletePasskey(passkey.id).then(() => passkeys.splice(passkeys.indexOf(passkey), 1)),
+        submitText: "Delete",
+        submitDanger: true,
+        get dialog() {
+          return dialogs["delete_passkey#" + passkey.id];
+        },
+        set dialog($$value) {
+          dialogs["delete_passkey#" + passkey.id] = $$value;
+          $$settled = false;
+        },
+        children: ($$payload3) => {
+          $$payload3.out.push(`<p>Are you sure you want to delete this passkey?<br/>This action can't be undone.</p>`);
+        },
+        $$slots: { default: true }
+      });
+      $$payload2.out.push(`<!---->`);
+    }
+    $$payload2.out.push(`<!--]--> <span><button class="icon-text">`);
+    Icon($$payload2, { i: "plus" });
+    $$payload2.out.push(`<!----> Create</button></span></div> <div class="section main svelte-c74k6c"><h3>Sessions</h3> <!--[-->`);
+    for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+      let session = each_array_1[$$index_1];
+      $$payload2.out.push(`<div class="item session svelte-c74k6c"><p>${escape_html(session.id.slice(0, 4))}...${escape_html(session.id.slice(-4))} `);
+      if (session.id == currentSession.id) {
+        $$payload2.out.push("<!--[-->");
+        $$payload2.out.push(`<span class="current svelte-c74k6c">Current</span>`);
+      } else {
+        $$payload2.out.push("<!--[!-->");
+      }
+      $$payload2.out.push(`<!--]--> `);
+      if (session.elevated) {
+        $$payload2.out.push("<!--[-->");
+        $$payload2.out.push(`<span class="elevated svelte-c74k6c">Elevated</span>`);
+      } else {
+        $$payload2.out.push("<!--[!-->");
+      }
+      $$payload2.out.push(`<!--]--></p> <p>Created ${escape_html(session.created.toLocaleString())}</p> <p>Expires ${escape_html(session.expires.toLocaleString())}</p> `);
+      action($$payload2, "logout#" + session.id, "right-from-bracket");
+      $$payload2.out.push(`<!----></div> `);
+      FormDialog($$payload2, {
+        submit: async () => {
+          await logout(user.id, session.id);
+          dialogs["logout#" + session.id].remove();
+          sessions.splice(sessions.indexOf(session), 1);
+          if (session.id == currentSession.id) window.location.href = "/";
+        },
+        submitText: "Logout",
+        get dialog() {
+          return dialogs["logout#" + session.id];
+        },
+        set dialog($$value) {
+          dialogs["logout#" + session.id] = $$value;
+          $$settled = false;
+        },
+        children: ($$payload3) => {
+          $$payload3.out.push(`<p>Are you sure you want to log out this session?</p>`);
+        },
+        $$slots: { default: true }
+      });
+      $$payload2.out.push(`<!---->`);
+    }
+    $$payload2.out.push(`<!--]--> <span><button class="danger">Logout All</button></span> `);
+    FormDialog($$payload2, {
+      submit: () => logoutAll(user.id).then(() => window.location.href = "/"),
+      submitText: "Logout All Sessions",
+      submitDanger: true,
+      get dialog() {
+        return dialogs["logout_all"];
+      },
+      set dialog($$value) {
+        dialogs["logout_all"] = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<p>Are you sure you want to log out all sessions?</p>`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----></div> <div class="section main svelte-c74k6c"><h3>Preferences</h3> `);
+    Preferences($$payload2, {
+      userId: user.id,
+      get preferences() {
+        return user.preferences;
+      },
+      set preferences($$value) {
+        user.preferences = $$value;
+        $$settled = false;
+      }
+    });
+    $$payload2.out.push(`<!----></div></div>`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  pop();
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-B_j_iDFj.js.map