@occluze/tether 0.6.4 → 0.6.6

package/dist/tether.account-pages.js

@@ -0,0 +1,579 @@
+(() => {
+  var __defProp = Object.defineProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+
+  // src/account-pages.js
+  var account_pages_exports = {};
+  __export(account_pages_exports, {
+    addresses: () => addresses,
+    deleteAddress: () => deleteAddress,
+    order: () => order,
+    renderPages: () => renderPages,
+    requestReturn: () => requestReturn,
+    saveAddress: () => saveAddress,
+    setup: () => setup,
+    subscriptionAction: () => subscriptionAction,
+    subscriptions: () => subscriptions,
+    updateProfile: () => updateProfile
+  });
+
+  // tether-core:config.js
+  var m = window.Tether.__core["config.js"];
+  var { DEFAULTS, cfg, configure, isConfigured, log, reportError, warn } = m;
+
+  // tether-core:client.js
+  var m2 = window.Tether.__core["client.js"];
+  var { TetherError, endpoint, gql, request, unwrap, withContext } = m2;
+
+  // tether-core:dom.js
+  var m3 = window.Tether.__core["dom.js"];
+  var { attr, busy, cdnUrl, dataKey, emit, formatDate, formatMoney, formatPercent, get, has, hasTemplate, imageUrl, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, readText, repeat, repeatKeyed, sameImage, scoped, sel, setImage, setSelected, setText, setTextTracked, show, toAttributes, watchImages } = m3;
+
+  // server/src/account-ops.js
+  var MONEY = "amount currencyCode";
+  var ADDRESS = "id firstName lastName company address1 address2 city province zoneCode zip country countryCode phoneNumber formatted";
+  var Q = {
+    order: `query TetherOrder($id:ID!){order(id:$id){id name number processedAt cancelledAt financialStatus fulfillmentStatus statusPageUrl requiresShipping totalPrice{${MONEY}}subtotal{${MONEY}}totalShipping{${MONEY}}totalTax{${MONEY}}shippingAddress{${ADDRESS}}billingAddress{${ADDRESS}}lineItems(first:50){nodes{id name title variantTitle quantity sku image{url altText}price{${MONEY}}totalPrice{${MONEY}}suggestedReturnReasonDefinitions(first:10){nodes{id name handle}}}}fulfillments(first:10){nodes{id status createdAt estimatedDeliveryAt latestShipmentStatus trackingInformation{company number url}}}returnInformation{returnableLineItems(first:50){nodes{quantity lineItem{id}}}}returns(first:10){nodes{id status}}}}`,
+    addresses: `query TetherAddresses{customer{defaultAddress{id}addresses(first:20){nodes{${ADDRESS}}}}}`,
+    subscriptions: `query TetherSubscriptions{customer{subscriptionContracts(first:20,reverse:true){nodes{id status nextBillingDate currencyCode deliveryPrice{${MONEY}}deliveryPolicy{interval intervalCount{count}}lines(first:20){nodes{id name title variantTitle quantity sku currentPrice{${MONEY}}lineDiscountedPrice{${MONEY}}image{url altText}}}upcomingBillingCycles(first:3){nodes{cycleIndex skipped billingAttemptExpectedDate}}}}}}`,
+    contract: `query TetherContract($id:ID!){customer{subscriptionContract(id:$id){id status upcomingBillingCycles(first:3){nodes{cycleIndex skipped}}}}}`
+  };
+  var M = {
+    profile: "mutation TetherProfile($input: CustomerUpdateInput!) { customerUpdate(input: $input) { customer { firstName lastName } userErrors { field message } } }",
+    addressCreate: `mutation TetherAddressCreate($address:CustomerAddressInput!,$default:Boolean){customerAddressCreate(address:$address,defaultAddress:$default){customerAddress{${ADDRESS}}userErrors{field message}}}`,
+    addressUpdate: `mutation TetherAddressUpdate($id:ID!,$address:CustomerAddressInput,$default:Boolean){customerAddressUpdate(addressId:$id,address:$address,defaultAddress:$default){customerAddress{${ADDRESS}}userErrors{field message}}}`,
+    addressDelete: "mutation TetherAddressDelete($id: ID!) { customerAddressDelete(addressId: $id) { deletedAddressId userErrors { field message } } }",
+    pause: "mutation TetherPause($id: ID!) { subscriptionContractPause(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",
+    resume: "mutation TetherResume($id: ID!) { subscriptionContractActivate(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",
+    cancel: "mutation TetherCancel($id: ID!) { subscriptionContractCancel(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",
+    skip: "mutation TetherSkip($input: SubscriptionBillingCycleInput!) { subscriptionBillingCycleSkip(billingCycleInput: $input) { billingCycle { cycleIndex skipped } userErrors { field message } } }",
+    unskip: "mutation TetherUnskip($input: SubscriptionBillingCycleInput!) { subscriptionBillingCycleUnskip(billingCycleInput: $input) { billingCycle { cycleIndex skipped } userErrors { field message } } }",
+    returnRequest: "mutation TetherReturn($orderId: ID!, $lines: [RequestedLineItemInput!]!) { orderRequestReturn(orderId: $orderId, requestedLineItems: $lines) { return { id status } userErrors { field message } } }"
+  };
+  var InputError = class extends Error {
+  };
+  var gid = (type) => new RegExp(`^gid://shopify/${type}/\\d+(\\?[\\w=&.-]{1,80})?$`);
+  var IDS = {
+    Order: gid("Order"),
+    CustomerAddress: gid("CustomerAddress"),
+    SubscriptionContract: gid("SubscriptionContract"),
+    LineItem: gid("LineItem"),
+    ReturnReasonDefinition: gid("ReturnReasonDefinition")
+  };
+  function idOf(type, value) {
+    const v = /^\d{1,20}$/.test(String(value ?? "")) ? `gid://shopify/${type}/${value}` : String(value ?? "");
+    if (!IDS[type].test(v)) throw new InputError(`${type} id`);
+    return v;
+  }
+  var text = (v, max = 255) => {
+    if (v == null || v === "") return void 0;
+    if (typeof v !== "string" && typeof v !== "number") throw new InputError("text");
+    const s = String(v).replace(/[\u0000-\u001f\u007f]/g, "").trim();
+    if (s.length > max) throw new InputError("too long");
+    return s;
+  };
+  var ADDRESS_FIELDS = ["firstName", "lastName", "company", "address1", "address2", "city", "zip", "zoneCode", "phoneNumber"];
+  function addressInput(a = {}) {
+    if (!a || typeof a !== "object" || Array.isArray(a)) throw new InputError("address");
+    const out = {};
+    ADDRESS_FIELDS.forEach((k) => {
+      const v = text(a[k]);
+      if (v !== void 0) out[k] = v;
+    });
+    if (a.countryCode != null && a.countryCode !== "") {
+      const c = String(a.countryCode).toUpperCase();
+      if (!/^[A-Z]{2}$/.test(c)) throw new InputError("countryCode");
+      out.countryCode = c;
+    }
+    return out;
+  }
+  var userErrors = (payload) => {
+    const errs = payload?.userErrors || [];
+    if (errs.length) {
+      const e = new InputError(errs.map((x) => x.message).join(" | "));
+      e.userErrors = errs;
+      throw e;
+    }
+    return payload;
+  };
+  var ops = {
+    async order(ask, { id }) {
+      const data = await ask(Q.order, { id: idOf("Order", id) });
+      return { order: data?.order || null };
+    },
+    async profile(ask, { firstName, lastName }) {
+      const input = {};
+      if (firstName !== void 0) input.firstName = text(firstName, 100) ?? "";
+      if (lastName !== void 0) input.lastName = text(lastName, 100) ?? "";
+      if (!Object.keys(input).length) throw new InputError("nothing to change");
+      const p = userErrors((await ask(M.profile, { input }))?.customerUpdate);
+      return { customer: p.customer };
+    },
+    async addresses(ask) {
+      const c = (await ask(Q.addresses, {}))?.customer;
+      const def = c?.defaultAddress?.id || null;
+      return { addresses: (c?.addresses?.nodes || []).map((a) => ({ ...a, isDefault: a.id === def })) };
+    },
+    async saveAddress(ask, { id, address, isDefault }) {
+      const a = addressInput(address || {});
+      const def = isDefault === true ? true : void 0;
+      const p = id ? userErrors((await ask(M.addressUpdate, { id: idOf("CustomerAddress", id), address: Object.keys(a).length ? a : null, default: def ?? null }))?.customerAddressUpdate) : userErrors((await ask(M.addressCreate, { address: a, default: def ?? false }))?.customerAddressCreate);
+      return { address: p.customerAddress };
+    },
+    async deleteAddress(ask, { id }) {
+      const p = userErrors((await ask(M.addressDelete, { id: idOf("CustomerAddress", id) }))?.customerAddressDelete);
+      return { deleted: p.deletedAddressId };
+    },
+    async subscriptions(ask) {
+      return { subscriptions: (await ask(Q.subscriptions, {}))?.customer?.subscriptionContracts?.nodes || [] };
+    },
+    async subscription(ask, { id, action }) {
+      if (!["pause", "resume", "skip", "unskip", "cancel"].includes(action)) throw new InputError("action");
+      const contractId = idOf("SubscriptionContract", id);
+      const contract = (await ask(Q.contract, { id: contractId }))?.customer?.subscriptionContract;
+      if (!contract) {
+        const e = new InputError("not found");
+        e.status = 404;
+        throw e;
+      }
+      if (action === "skip" || action === "unskip") {
+        const cycles = contract.upcomingBillingCycles?.nodes || [];
+        const cycle = action === "skip" ? cycles.find((c) => !c.skipped) : cycles.find((c) => c.skipped);
+        if (!cycle) throw new InputError(action === "skip" ? "no upcoming delivery to skip" : "nothing skipped");
+        const p2 = userErrors((await ask(M[action], { input: { contractId, selector: { index: cycle.cycleIndex } } }))?.[action === "skip" ? "subscriptionBillingCycleSkip" : "subscriptionBillingCycleUnskip"]);
+        return { billingCycle: p2.billingCycle };
+      }
+      const name = { pause: "subscriptionContractPause", resume: "subscriptionContractActivate", cancel: "subscriptionContractCancel" }[action];
+      const p = userErrors((await ask(M[action], { id: contractId }))?.[name]);
+      return { contract: p.contract };
+    },
+    async requestReturn(ask, { orderId, lines: lines2 }) {
+      const oid = idOf("Order", orderId);
+      if (!Array.isArray(lines2) || !lines2.length || lines2.length > 50) throw new InputError("lines");
+      const requested = lines2.map((l) => {
+        const q = Number(l?.quantity);
+        if (!Number.isInteger(q) || q < 1 || q > 1e3) throw new InputError("quantity");
+        const out = { lineItemId: idOf("LineItem", l.lineItemId), quantity: q };
+        if (l.reasonId) out.returnReasonDefinitionId = idOf("ReturnReasonDefinition", l.reasonId);
+        const note = text(l.note, 300);
+        if (note) out.customerNote = note;
+        return out;
+      });
+      const p = userErrors((await ask(M.returnRequest, { orderId: oid, lines: requested }))?.orderRequestReturn);
+      return { return: p.return };
+    }
+  };
+
+  // src/account-pages.js
+  var ctx = null;
+  var bound = false;
+  function setup(c) {
+    ctx = c;
+  }
+  var https = (u) => {
+    try {
+      return new URL(u).protocol === "https:";
+    } catch {
+      return false;
+    }
+  };
+  var date = (s) => {
+    try {
+      return new Date(s).toLocaleDateString(cfg.locale || void 0);
+    } catch {
+      return s;
+    }
+  };
+  var ROUTE = {
+    order: (i) => ["GET", `/order?id=${encodeURIComponent(i.id)}`],
+    addresses: () => ["GET", "/addresses"],
+    subscriptions: () => ["GET", "/subscriptions"],
+    profile: () => ["POST", "/profile"],
+    saveAddress: () => ["POST", "/address"],
+    deleteAddress: () => ["POST", "/address/delete"],
+    subscription: () => ["POST", "/subscription"],
+    requestReturn: () => ["POST", "/return"]
+  };
+  async function run(name, input = {}) {
+    const { server, serverFetch, query } = ctx;
+    if (server()) {
+      const [method, path] = ROUTE[name](input);
+      const data = await serverFetch(path, method === "POST" ? { method, body: input } : {});
+      if (data.loggedIn === false) throw new TetherError("Not logged in", { code: "NOT_LOGGED_IN", status: 401 });
+      return data;
+    }
+    try {
+      return await ops[name]((q, v) => query(q, v), input);
+    } catch (err) {
+      if (err instanceof InputError) throw new TetherError(err.message, { code: "INVALID", userErrors: err.userErrors });
+      throw err;
+    }
+  }
+  var changed = (what) => {
+    ctx.reset();
+    emit("account-updated", { what });
+  };
+  var order = (id) => run("order", { id }).then((r) => r.order);
+  var updateProfile = ({ firstName, lastName } = {}) => run("profile", { firstName, lastName }).then((r) => {
+    changed("profile");
+    return r.customer;
+  });
+  var addresses = () => run("addresses").then((r) => r.addresses);
+  var saveAddress = (address, { id, isDefault } = {}) => run("saveAddress", { id, address, isDefault }).then((r) => {
+    changed("addresses");
+    return r.address;
+  });
+  var deleteAddress = (id) => run("deleteAddress", { id }).then((r) => {
+    changed("addresses");
+    return r.deleted;
+  });
+  var subscriptions = () => run("subscriptions").then((r) => r.subscriptions);
+  var subscriptionAction = (id, action) => run("subscription", { id, action }).then((r) => {
+    changed("subscriptions");
+    return r;
+  });
+  var requestReturn = (orderId, lines2) => run("requestReturn", { orderId, lines: lines2 }).then((r) => {
+    changed("orders");
+    return r.return;
+  });
+  var lower = (v) => v ? String(v).toLowerCase().replace(/_/g, " ") : "";
+  var lines = (a) => (a?.formatted || []).join(", ");
+  var showIn = (root, name, conds) => qsa(root, sel(name)).forEach((el) => {
+    const k = get(el, name);
+    if (k in conds) show(el, Boolean(conds[k]));
+  });
+  var showGlobal = (root, conds) => showIn(root, "show", conds);
+  function fillLines(box, items, returnable = null) {
+    repeat(box, items, (row, l) => {
+      const can = returnable ? returnable.get(l.id) || 0 : 0;
+      row.dataset.tetherLine = l.id;
+      qsa(row, sel("order-line")).concat(row.matches(sel("order-line")) ? [row] : []).forEach((el) => {
+        const k = get(el, "order-line");
+        if (k === "image") {
+          if (l.image) setImage(el, l.image.url, l.image.altText || l.title);
+          return;
+        }
+        const v = { title: l.title || l.name, "variant-title": l.variantTitle || "", quantity: String(l.quantity), price: l.price ? formatMoney(l.price) : "", total: l.totalPrice ? formatMoney(l.totalPrice) : "", sku: l.sku || "", returnable: String(can) }[k];
+        if (v != null) setText(el, v);
+      });
+      showIn(row, "order-line-show", { returnable: can > 0 });
+      qsa(row, sel("return-quantity")).forEach((input) => {
+        input.max = String(can);
+        input.min = "0";
+        if (!input.value) input.value = "0";
+        input.disabled = can < 1;
+      });
+      qsa(row, `select${sel("return-reason")}`).forEach((select) => {
+        const reasons = l.suggestedReturnReasonDefinitions?.nodes || [];
+        if (select.dataset.tetherFilled !== l.id) {
+          select.dataset.tetherFilled = l.id;
+          reasons.forEach((r) => select.appendChild(new Option(r.name, r.id)));
+        }
+      });
+    });
+  }
+  var SCOPE = { order: sel("order") };
+  async function renderOrder(el) {
+    const raw = get(el, "order") || "";
+    const key = raw.startsWith("url:") ? new URL(window.location.href).searchParams.get(raw.slice(4) || "id") : raw;
+    const state = (s) => el.setAttribute(attr("order-state"), s);
+    if (!key) {
+      state("not-found");
+      showIn(el, "order-show", { "not-found": true });
+      return;
+    }
+    state("loading");
+    showIn(el, "order-show", { loading: true, ready: false, "not-found": false, error: false });
+    let o;
+    try {
+      o = await order(key);
+    } catch (err) {
+      reportError(err, "order");
+      state("error");
+      showIn(el, "order-show", { loading: false, error: true });
+      return;
+    }
+    if (!o) {
+      state("not-found");
+      showIn(el, "order-show", { loading: false, "not-found": true });
+      return;
+    }
+    el.dataset.tetherOrderId = o.id;
+    const returnable = new Map((o.returnInformation?.returnableLineItems?.nodes || []).map((r) => [r.lineItem?.id, r.quantity]));
+    const ships = o.fulfillments?.nodes || [];
+    qsa(el, sel("order-bind")).forEach((b) => {
+      const k = get(b, "order-bind");
+      if (k === "url") {
+        if (https(o.statusPageUrl)) b.setAttribute("href", o.statusPageUrl);
+        return;
+      }
+      const v = {
+        name: o.name,
+        date: date(o.processedAt),
+        total: formatMoney(o.totalPrice),
+        subtotal: o.subtotal ? formatMoney(o.subtotal) : "",
+        shipping: o.totalShipping ? formatMoney(o.totalShipping) : "",
+        tax: o.totalTax ? formatMoney(o.totalTax) : "",
+        status: lower(o.financialStatus),
+        fulfillment: lower(o.fulfillmentStatus),
+        "shipping-address": lines(o.shippingAddress),
+        "billing-address": lines(o.billingAddress),
+        items: (o.lineItems?.nodes || []).map((l) => `${l.quantity}\xD7 ${l.title || l.name}`).join(", "),
+        cancelled: o.cancelledAt ? date(o.cancelledAt) : ""
+      }[k];
+      if (v != null) setText(b, v);
+    });
+    qsa(el, sel("order-lines")).forEach((box) => fillLines(box, o.lineItems?.nodes || [], returnable));
+    qsa(el, sel("order-fulfillments")).forEach((box) => repeat(box, ships, (row, f) => {
+      const t = f.trackingInformation?.[0] || {};
+      qsa(row, sel("fulfillment-bind")).concat(row.matches(sel("fulfillment-bind")) ? [row] : []).forEach((b) => {
+        const k = get(b, "fulfillment-bind");
+        if (k === "url") {
+          if (https(t.url)) b.setAttribute("href", t.url);
+          return;
+        }
+        const v = { status: lower(f.latestShipmentStatus || f.status), date: date(f.createdAt), eta: f.estimatedDeliveryAt ? date(f.estimatedDeliveryAt) : "", company: t.company || "", number: t.number || "" }[k];
+        if (v != null) setText(b, v);
+      });
+    }));
+    showIn(el, "order-show", {
+      loading: false,
+      ready: true,
+      error: false,
+      "not-found": false,
+      cancelled: Boolean(o.cancelledAt),
+      shipped: ships.length > 0,
+      returnable: [...returnable.values()].some((q) => q > 0),
+      "has-returns": (o.returns?.nodes || []).length > 0,
+      "return-requested": el.dataset.tetherReturned === "1"
+    });
+    state("ready");
+  }
+  async function renderProfile(form) {
+    const c = await ctx.customer().catch(() => null);
+    if (!c) return;
+    ["firstName", "lastName"].forEach((n) => {
+      const i = form.elements?.[n];
+      if (i && !i.dataset.tetherTouched) i.value = c[n] || "";
+    });
+  }
+  var addressCache = null;
+  async function renderAddresses(root) {
+    const boxes = qsa(root, sel("addresses"));
+    if (!boxes.length) return;
+    showGlobal(root, { "addresses-loading": true, "addresses-empty": false });
+    let list = [];
+    try {
+      list = addressCache = await addresses();
+    } catch (err) {
+      reportError(err, "addresses");
+    }
+    showGlobal(root, { "addresses-loading": false, "addresses-empty": list.length === 0 });
+    boxes.forEach((box) => repeat(box, list, (row, a) => {
+      row.dataset.tetherAddress = a.id;
+      qsa(row, sel("address-bind")).concat(row.matches(sel("address-bind")) ? [row] : []).forEach((b) => {
+        const v = { formatted: lines(a), name: [a.firstName, a.lastName].filter(Boolean).join(" "), company: a.company || "", address1: a.address1 || "", address2: a.address2 || "", city: a.city || "", zip: a.zip || "", province: a.province || "", country: a.country || "", phone: a.phoneNumber || "" }[get(b, "address-bind")];
+        if (v != null) setText(b, v);
+      });
+      showIn(row, "address-show", { default: a.isDefault, "not-default": !a.isDefault });
+    }));
+  }
+  var SUB_ACTIONS = ["pause", "resume", "skip", "unskip", "cancel"];
+  function subConds(c) {
+    const next = c.upcomingBillingCycles?.nodes?.[0];
+    const st = c.status;
+    return {
+      active: st === "ACTIVE",
+      paused: st === "PAUSED",
+      cancelled: st === "CANCELLED",
+      expired: st === "EXPIRED",
+      failed: st === "FAILED",
+      skipped: Boolean(next?.skipped),
+      "can-pause": st === "ACTIVE",
+      "can-resume": st === "PAUSED" || st === "FAILED",
+      "can-skip": st === "ACTIVE" && Boolean(next) && !next.skipped,
+      "can-unskip": st === "ACTIVE" && Boolean(next?.skipped),
+      "can-cancel": st === "ACTIVE" || st === "PAUSED" || st === "FAILED"
+    };
+  }
+  async function renderSubscriptions(root) {
+    const boxes = qsa(root, sel("subscriptions"));
+    if (!boxes.length) return;
+    showGlobal(root, { "subscriptions-loading": true, "subscriptions-empty": false });
+    let list = [];
+    try {
+      list = await subscriptions();
+    } catch (err) {
+      reportError(err, "subscriptions");
+    }
+    showGlobal(root, { "subscriptions-loading": false, "subscriptions-empty": list.length === 0 });
+    boxes.forEach((box) => repeat(box, list, (row, c) => {
+      row.dataset.tetherSubscription = c.id;
+      row.setAttribute(attr("subscription-status"), lower(c.status));
+      const ls = c.lines?.nodes || [];
+      const n = c.deliveryPolicy?.intervalCount?.count || 1;
+      const unit = lower(c.deliveryPolicy?.interval);
+      const total = ls.reduce((sum, l) => sum + parseFloat(l.lineDiscountedPrice?.amount || 0), 0);
+      qsa(row, sel("subscription-bind")).forEach((b) => {
+        const k = get(b, "subscription-bind");
+        const v = {
+          status: lower(c.status),
+          next: c.nextBillingDate ? date(c.nextBillingDate) : "",
+          interval: unit ? n === 1 ? unit : `${n} ${unit}s` : "",
+          products: ls.map((l) => `${l.quantity}\xD7 ${l.title}`).join(", "),
+          total: ls.length ? formatMoney({ amount: String(total), currencyCode: c.currencyCode }) : "",
+          delivery: c.deliveryPrice ? formatMoney(c.deliveryPrice) : ""
+        }[k];
+        if (v != null) setText(b, v);
+      });
+      qsa(row, sel("subscription-lines")).forEach((lb) => repeat(lb, ls, (lr, l) => {
+        qsa(lr, sel("subscription-line")).concat(lr.matches(sel("subscription-line")) ? [lr] : []).forEach((b) => {
+          const k = get(b, "subscription-line");
+          if (k === "image") {
+            if (l.image) setImage(b, l.image.url, l.image.altText || l.title);
+            return;
+          }
+          const v = { title: l.title, "variant-title": l.variantTitle || "", quantity: String(l.quantity), price: formatMoney(l.currentPrice) }[k];
+          if (v != null) setText(b, v);
+        });
+      }));
+      const conds = subConds(c);
+      showIn(row, "subscription-show", conds);
+      qsa(row, sel("subscription-action")).forEach((btn) => {
+        const a = get(btn, "subscription-action");
+        const ok = conds[`can-${a}`];
+        btn.disabled = !ok;
+        btn.classList.toggle("is-disabled", !ok);
+      });
+    }));
+  }
+  async function renderPages(root = document) {
+    if (!bound) {
+      bound = true;
+      bindPages();
+    }
+    await Promise.all([
+      ...qsa(root, sel("order")).map((el) => renderOrder(el)),
+      ...qsa(root, sel("profile-form")).map((f) => renderProfile(f)),
+      renderAddresses(root),
+      renderSubscriptions(root)
+    ]);
+  }
+  var fieldsOf = (form) => Object.fromEntries([...form.elements].filter((i) => i.name && i.type !== "submit" && i.type !== "button" && i.type !== "checkbox").map((i) => [i.name, i.value]));
+  async function act(el, fn, { error } = {}) {
+    el.classList.add("is-busy");
+    el.setAttribute("aria-busy", "true");
+    el.setAttribute(attr("form-state"), "pending");
+    qsa(el, sel("form-error")).forEach((e) => setText(e, ""));
+    try {
+      const out = await fn();
+      el.setAttribute(attr("form-state"), "saved");
+      return out;
+    } catch (err) {
+      el.setAttribute(attr("form-state"), "error");
+      const msg = err?.userErrors?.map((u) => u.message).join(" ") || err?.message || "Something went wrong";
+      qsa(el, sel("form-error")).forEach((e) => setText(e, msg.replace(/^Customer accounts: /, "")));
+      if (error) reportError(err, error);
+      return void 0;
+    } finally {
+      el.classList.remove("is-busy");
+      el.removeAttribute("aria-busy");
+    }
+  }
+  function bindPages() {
+    document.addEventListener("submit", (e) => {
+      const f = e.target;
+      if (f.matches?.(sel("profile-form"))) {
+        e.preventDefault();
+        act(f, () => updateProfile(fieldsOf(f)));
+      } else if (f.matches?.(sel("address-form"))) {
+        e.preventDefault();
+        const id = f.dataset.tetherAddressId || void 0;
+        const isDefault = Boolean(f.elements?.isDefault?.checked);
+        act(f, async () => {
+          await saveAddress(fieldsOf(f), { id, isDefault });
+          f.reset();
+          delete f.dataset.tetherAddressId;
+          await renderAddresses(document);
+        });
+      }
+    });
+    document.addEventListener("input", (e) => {
+      if (e.target.closest?.(sel("profile-form"))) e.target.dataset.tetherTouched = "1";
+    });
+    document.addEventListener("click", (e) => {
+      const t = e.target;
+      const row = t.closest?.("[data-tether-address]");
+      const confirmOk = (btn2) => {
+        const q = get(btn2, "confirm");
+        return !q || window.confirm(q);
+      };
+      let btn;
+      if ((btn = t.closest?.(sel("address-delete"))) && row) {
+        e.preventDefault();
+        if (confirmOk(btn)) act(row, async () => {
+          await deleteAddress(row.dataset.tetherAddress);
+          await renderAddresses(document);
+        });
+      } else if ((btn = t.closest?.(sel("address-default"))) && row) {
+        e.preventDefault();
+        act(row, async () => {
+          await saveAddress(null, { id: row.dataset.tetherAddress, isDefault: true });
+          await renderAddresses(document);
+        });
+      } else if ((btn = t.closest?.(sel("address-edit"))) && row) {
+        e.preventDefault();
+        const a = (addressCache || []).find((x) => x.id === row.dataset.tetherAddress);
+        const f = document.querySelector(sel("address-form"));
+        if (a && f) {
+          f.dataset.tetherAddressId = a.id;
+          [...f.elements].forEach((i) => {
+            if (i.name && i.name in a) i.value = a[i.name] ?? "";
+            if (i.name === "isDefault") i.checked = a.isDefault;
+          });
+          f.scrollIntoView?.({ block: "nearest" });
+        }
+      } else if (btn = t.closest?.(sel("address-new"))) {
+        const f = document.querySelector(sel("address-form"));
+        if (f) {
+          f.reset();
+          delete f.dataset.tetherAddressId;
+        }
+      } else if (btn = t.closest?.(sel("subscription-action"))) {
+        e.preventDefault();
+        const sub = btn.closest("[data-tether-subscription]");
+        const a = get(btn, "subscription-action");
+        if (!sub || !SUB_ACTIONS.includes(a) || btn.disabled || !confirmOk(btn)) return;
+        sub.setAttribute(attr("subscription-state"), "pending");
+        act(sub, async () => {
+          await subscriptionAction(sub.dataset.tetherSubscription, a);
+          await renderSubscriptions(document);
+        }).then(() => {
+          sub.setAttribute(attr("subscription-state"), sub.getAttribute(attr("form-state")) === "error" ? "error" : "done");
+        });
+      } else if (btn = t.closest?.(sel("order-return"))) {
+        e.preventDefault();
+        const scope = btn.closest(SCOPE.order);
+        if (!scope?.dataset.tetherOrderId) return;
+        const req = qsa(scope, "[data-tether-line]").map((r) => ({
+          lineItemId: r.dataset.tetherLine,
+          quantity: parseInt(r.querySelector(sel("return-quantity"))?.value || "0", 10),
+          reasonId: r.querySelector(sel("return-reason"))?.value || void 0,
+          note: r.querySelector(sel("return-note"))?.value || void 0
+        })).filter((l) => l.quantity > 0);
+        if (!req.length || !confirmOk(btn)) return;
+        act(scope, async () => {
+          await requestReturn(scope.dataset.tetherOrderId, req);
+          scope.dataset.tetherReturned = "1";
+          await renderOrder(scope);
+        });
+      }
+    });
+  }
+
+  // src/parts/account-pages.js
+  window.Tether.__parts["account-pages"] = account_pages_exports;
+})();

package/dist/tether.account-pages.min.js

@@ -0,0 +1 @@
+(()=>{var le=Object.defineProperty;var pe=(e,t)=>{for(var s in t)le(e,s,{get:t[s],enumerable:!0})};var M={};pe(M,{addresses:()=>re,deleteAddress:()=>ne,order:()=>te,renderPages:()=>De,requestReturn:()=>ae,saveAddress:()=>V,setup:()=>Ae,subscriptionAction:()=>oe,subscriptions:()=>ie,updateProfile:()=>se});var fe=window.Tether.__core["config.js"],{DEFAULTS:xe,cfg:Q,configure:ke,isConfigured:qe,log:Pe,reportError:q,warn:Re}=fe;var me=window.Tether.__core["client.js"],{TetherError:F,endpoint:Ue,gql:Le,request:Ne,unwrap:Be,withContext:je}=me;var he=window.Tether.__core["dom.js"],{attr:A,busy:Fe,cdnUrl:Ge,dataKey:Ve,emit:W,formatDate:ze,formatMoney:b,formatPercent:Me,get:y,has:Ke,hasTemplate:Je,imageUrl:Qe,notifyLayoutChanged:We,parseJSONAttr:Xe,productUrl:Ye,qsa:u,readText:Ze,repeat:v,repeatKeyed:He,sameImage:et,scoped:tt,sel:d,setImage:G,setSelected:st,setText:I,setTextTracked:rt,show:X,toAttributes:nt,watchImages:it}=he;var w="amount currencyCode",R="id firstName lastName company address1 address2 city province zoneCode zip country countryCode phoneNumber formatted",L={order:`query TetherOrder($id:ID!){order(id:$id){id name number processedAt cancelledAt financialStatus fulfillmentStatus statusPageUrl requiresShipping totalPrice{${w}}subtotal{${w}}totalShipping{${w}}totalTax{${w}}shippingAddress{${R}}billingAddress{${R}}lineItems(first:50){nodes{id name title variantTitle quantity sku image{url altText}price{${w}}totalPrice{${w}}suggestedReturnReasonDefinitions(first:10){nodes{id name handle}}}}fulfillments(first:10){nodes{id status createdAt estimatedDeliveryAt latestShipmentStatus trackingInformation{company number url}}}returnInformation{returnableLineItems(first:50){nodes{quantity lineItem{id}}}}returns(first:10){nodes{id status}}}}`,addresses:`query TetherAddresses{customer{defaultAddress{id}addresses(first:20){nodes{${R}}}}}`,subscriptions:`query TetherSubscriptions{customer{subscriptionContracts(first:20,reverse:true){nodes{id status nextBillingDate currencyCode deliveryPrice{${w}}deliveryPolicy{interval intervalCount{count}}lines(first:20){nodes{id name title variantTitle quantity sku currentPrice{${w}}lineDiscountedPrice{${w}}image{url altText}}}upcomingBillingCycles(first:3){nodes{cycleIndex skipped billingAttemptExpectedDate}}}}}}`,contract:"query TetherContract($id:ID!){customer{subscriptionContract(id:$id){id status upcomingBillingCycles(first:3){nodes{cycleIndex skipped}}}}}"},S={profile:"mutation TetherProfile($input: CustomerUpdateInput!) { customerUpdate(input: $input) { customer { firstName lastName } userErrors { field message } } }",addressCreate:`mutation TetherAddressCreate($address:CustomerAddressInput!,$default:Boolean){customerAddressCreate(address:$address,defaultAddress:$default){customerAddress{${R}}userErrors{field message}}}`,addressUpdate:`mutation TetherAddressUpdate($id:ID!,$address:CustomerAddressInput,$default:Boolean){customerAddressUpdate(addressId:$id,address:$address,defaultAddress:$default){customerAddress{${R}}userErrors{field message}}}`,addressDelete:"mutation TetherAddressDelete($id: ID!) { customerAddressDelete(addressId: $id) { deletedAddressId userErrors { field message } } }",pause:"mutation TetherPause($id: ID!) { subscriptionContractPause(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",resume:"mutation TetherResume($id: ID!) { subscriptionContractActivate(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",cancel:"mutation TetherCancel($id: ID!) { subscriptionContractCancel(subscriptionContractId: $id) { contract { id status } userErrors { field message } } }",skip:"mutation TetherSkip($input: SubscriptionBillingCycleInput!) { subscriptionBillingCycleSkip(billingCycleInput: $input) { billingCycle { cycleIndex skipped } userErrors { field message } } }",unskip:"mutation TetherUnskip($input: SubscriptionBillingCycleInput!) { subscriptionBillingCycleUnskip(billingCycleInput: $input) { billingCycle { cycleIndex skipped } userErrors { field message } } }",returnRequest:"mutation TetherReturn($orderId: ID!, $lines: [RequestedLineItemInput!]!) { orderRequestReturn(orderId: $orderId, requestedLineItems: $lines) { return { id status } userErrors { field message } } }"},p=class extends Error{},P=e=>new RegExp(`^gid://shopify/${e}/\\d+(\\?[\\w=&.-]{1,80})?$`),ge={Order:P("Order"),CustomerAddress:P("CustomerAddress"),SubscriptionContract:P("SubscriptionContract"),LineItem:P("LineItem"),ReturnReasonDefinition:P("ReturnReasonDefinition")};function T(e,t){let s=/^\d{1,20}$/.test(String(t??""))?`gid://shopify/${e}/${t}`:String(t??"");if(!ge[e].test(s))throw new p(`${e} id`);return s}var N=(e,t=255)=>{if(e==null||e==="")return;if(typeof e!="string"&&typeof e!="number")throw new p("text");let s=String(e).replace(/[\u0000-\u001f\u007f]/g,"").trim();if(s.length>t)throw new p("too long");return s},ye=["firstName","lastName","company","address1","address2","city","zip","zoneCode","phoneNumber"];function be(e={}){if(!e||typeof e!="object"||Array.isArray(e))throw new p("address");let t={};if(ye.forEach(s=>{let i=N(e[s]);i!==void 0&&(t[s]=i)}),e.countryCode!=null&&e.countryCode!==""){let s=String(e.countryCode).toUpperCase();if(!/^[A-Z]{2}$/.test(s))throw new p("countryCode");t.countryCode=s}return t}var D=e=>{let t=e?.userErrors||[];if(t.length){let s=new p(t.map(i=>i.message).join(" | "));throw s.userErrors=t,s}return e},Y={async order(e,{id:t}){return{order:(await e(L.order,{id:T("Order",t)}))?.order||null}},async profile(e,{firstName:t,lastName:s}){let i={};if(t!==void 0&&(i.firstName=N(t,100)??""),s!==void 0&&(i.lastName=N(s,100)??""),!Object.keys(i).length)throw new p("nothing to change");return{customer:D((await e(S.profile,{input:i}))?.customerUpdate).customer}},async addresses(e){let t=(await e(L.addresses,{}))?.customer,s=t?.defaultAddress?.id||null;return{addresses:(t?.addresses?.nodes||[]).map(i=>({...i,isDefault:i.id===s}))}},async saveAddress(e,{id:t,address:s,isDefault:i}){let r=be(s||{}),n=i===!0?!0:void 0;return{address:D(t?(await e(S.addressUpdate,{id:T("CustomerAddress",t),address:Object.keys(r).length?r:null,default:n??null}))?.customerAddressUpdate:(await e(S.addressCreate,{address:r,default:n??!1}))?.customerAddressCreate).customerAddress}},async deleteAddress(e,{id:t}){return{deleted:D((await e(S.addressDelete,{id:T("CustomerAddress",t)}))?.customerAddressDelete).deletedAddressId}},async subscriptions(e){return{subscriptions:(await e(L.subscriptions,{}))?.customer?.subscriptionContracts?.nodes||[]}},async subscription(e,{id:t,action:s}){if(!["pause","resume","skip","unskip","cancel"].includes(s))throw new p("action");let i=T("SubscriptionContract",t),r=(await e(L.contract,{id:i}))?.customer?.subscriptionContract;if(!r){let o=new p("not found");throw o.status=404,o}if(s==="skip"||s==="unskip"){let o=r.upcomingBillingCycles?.nodes||[],c=s==="skip"?o.find(m=>!m.skipped):o.find(m=>m.skipped);if(!c)throw new p(s==="skip"?"no upcoming delivery to skip":"nothing skipped");return{billingCycle:D((await e(S[s],{input:{contractId:i,selector:{index:c.cycleIndex}}}))?.[s==="skip"?"subscriptionBillingCycleSkip":"subscriptionBillingCycleUnskip"]).billingCycle}}let n={pause:"subscriptionContractPause",resume:"subscriptionContractActivate",cancel:"subscriptionContractCancel"}[s];return{contract:D((await e(S[s],{id:i}))?.[n]).contract}},async requestReturn(e,{orderId:t,lines:s}){let i=T("Order",t);if(!Array.isArray(s)||!s.length||s.length>50)throw new p("lines");let r=s.map(a=>{let o=Number(a?.quantity);if(!Number.isInteger(o)||o<1||o>1e3)throw new p("quantity");let c={lineItemId:T("LineItem",a.lineItemId),quantity:o};a.reasonId&&(c.returnReasonDefinitionId=T("ReturnReasonDefinition",a.reasonId));let f=N(a.note,300);return f&&(c.customerNote=f),c});return{return:D((await e(S.returnRequest,{orderId:i,lines:r}))?.orderRequestReturn).return}}};var _=null,Z=!1;function Ae(e){_=e}var H=e=>{try{return new URL(e).protocol==="https:"}catch{return!1}},O=e=>{try{return new Date(e).toLocaleDateString(Q.locale||void 0)}catch{return e}},Ie={order:e=>["GET",`/order?id=${encodeURIComponent(e.id)}`],addresses:()=>["GET","/addresses"],subscriptions:()=>["GET","/subscriptions"],profile:()=>["POST","/profile"],saveAddress:()=>["POST","/address"],deleteAddress:()=>["POST","/address/delete"],subscription:()=>["POST","/subscription"],requestReturn:()=>["POST","/return"]};async function E(e,t={}){let{server:s,serverFetch:i,query:r}=_;if(s()){let[n,a]=Ie[e](t),o=await i(a,n==="POST"?{method:n,body:t}:{});if(o.loggedIn===!1)throw new F("Not logged in",{code:"NOT_LOGGED_IN",status:401});return o}try{return await Y[e]((n,a)=>r(n,a),t)}catch(n){throw n instanceof p?new F(n.message,{code:"INVALID",userErrors:n.userErrors}):n}}var U=e=>{_.reset(),W("account-updated",{what:e})},te=e=>E("order",{id:e}).then(t=>t.order),se=({firstName:e,lastName:t}={})=>E("profile",{firstName:e,lastName:t}).then(s=>(U("profile"),s.customer)),re=()=>E("addresses").then(e=>e.addresses),V=(e,{id:t,isDefault:s}={})=>E("saveAddress",{id:t,address:e,isDefault:s}).then(i=>(U("addresses"),i.address)),ne=e=>E("deleteAddress",{id:e}).then(t=>(U("addresses"),t.deleted)),ie=()=>E("subscriptions").then(e=>e.subscriptions),oe=(e,t)=>E("subscription",{id:e,action:t}).then(s=>(U("subscriptions"),s)),ae=(e,t)=>E("requestReturn",{orderId:e,lines:t}).then(s=>(U("orders"),s.return));var k=e=>e?String(e).toLowerCase().replace(/_/g," "):"",z=e=>(e?.formatted||[]).join(", "),C=(e,t,s)=>u(e,d(t)).forEach(i=>{let r=y(i,t);r in s&&X(i,!!s[r])}),j=(e,t)=>C(e,"show",t);function we(e,t,s=null){v(e,t,(i,r)=>{let n=s&&s.get(r.id)||0;i.dataset.tetherLine=r.id,u(i,d("order-line")).concat(i.matches(d("order-line"))?[i]:[]).forEach(a=>{let o=y(a,"order-line");if(o==="image"){r.image&&G(a,r.image.url,r.image.altText||r.title);return}let c={title:r.title||r.name,"variant-title":r.variantTitle||"",quantity:String(r.quantity),price:r.price?b(r.price):"",total:r.totalPrice?b(r.totalPrice):"",sku:r.sku||"",returnable:String(n)}[o];c!=null&&I(a,c)}),C(i,"order-line-show",{returnable:n>0}),u(i,d("return-quantity")).forEach(a=>{a.max=String(n),a.min="0",a.value||(a.value="0"),a.disabled=n<1}),u(i,`select${d("return-reason")}`).forEach(a=>{let o=r.suggestedReturnReasonDefinitions?.nodes||[];a.dataset.tetherFilled!==r.id&&(a.dataset.tetherFilled=r.id,o.forEach(c=>a.appendChild(new Option(c.name,c.id))))})})}var Ce={order:d("order")};async function de(e){let t=y(e,"order")||"",s=t.startsWith("url:")?new URL(window.location.href).searchParams.get(t.slice(4)||"id"):t,i=o=>e.setAttribute(A("order-state"),o);if(!s){i("not-found"),C(e,"order-show",{"not-found":!0});return}i("loading"),C(e,"order-show",{loading:!0,ready:!1,"not-found":!1,error:!1});let r;try{r=await te(s)}catch(o){q(o,"order"),i("error"),C(e,"order-show",{loading:!1,error:!0});return}if(!r){i("not-found"),C(e,"order-show",{loading:!1,"not-found":!0});return}e.dataset.tetherOrderId=r.id;let n=new Map((r.returnInformation?.returnableLineItems?.nodes||[]).map(o=>[o.lineItem?.id,o.quantity])),a=r.fulfillments?.nodes||[];u(e,d("order-bind")).forEach(o=>{let c=y(o,"order-bind");if(c==="url"){H(r.statusPageUrl)&&o.setAttribute("href",r.statusPageUrl);return}let f={name:r.name,date:O(r.processedAt),total:b(r.totalPrice),subtotal:r.subtotal?b(r.subtotal):"",shipping:r.totalShipping?b(r.totalShipping):"",tax:r.totalTax?b(r.totalTax):"",status:k(r.financialStatus),fulfillment:k(r.fulfillmentStatus),"shipping-address":z(r.shippingAddress),"billing-address":z(r.billingAddress),items:(r.lineItems?.nodes||[]).map(m=>`${m.quantity}\xD7 ${m.title||m.name}`).join(", "),cancelled:r.cancelledAt?O(r.cancelledAt):""}[c];f!=null&&I(o,f)}),u(e,d("order-lines")).forEach(o=>we(o,r.lineItems?.nodes||[],n)),u(e,d("order-fulfillments")).forEach(o=>v(o,a,(c,f)=>{let m=f.trackingInformation?.[0]||{};u(c,d("fulfillment-bind")).concat(c.matches(d("fulfillment-bind"))?[c]:[]).forEach(h=>{let g=y(h,"fulfillment-bind");if(g==="url"){H(m.url)&&h.setAttribute("href",m.url);return}let l={status:k(f.latestShipmentStatus||f.status),date:O(f.createdAt),eta:f.estimatedDeliveryAt?O(f.estimatedDeliveryAt):"",company:m.company||"",number:m.number||""}[g];l!=null&&I(h,l)})})),C(e,"order-show",{loading:!1,ready:!0,error:!1,"not-found":!1,cancelled:!!r.cancelledAt,shipped:a.length>0,returnable:[...n.values()].some(o=>o>0),"has-returns":(r.returns?.nodes||[]).length>0,"return-requested":e.dataset.tetherReturned==="1"}),i("ready")}async function Ee(e){let t=await _.customer().catch(()=>null);t&&["firstName","lastName"].forEach(s=>{let i=e.elements?.[s];i&&!i.dataset.tetherTouched&&(i.value=t[s]||"")})}var ce=null;async function B(e){let t=u(e,d("addresses"));if(!t.length)return;j(e,{"addresses-loading":!0,"addresses-empty":!1});let s=[];try{s=ce=await re()}catch(i){q(i,"addresses")}j(e,{"addresses-loading":!1,"addresses-empty":s.length===0}),t.forEach(i=>v(i,s,(r,n)=>{r.dataset.tetherAddress=n.id,u(r,d("address-bind")).concat(r.matches(d("address-bind"))?[r]:[]).forEach(a=>{let o={formatted:z(n),name:[n.firstName,n.lastName].filter(Boolean).join(" "),company:n.company||"",address1:n.address1||"",address2:n.address2||"",city:n.city||"",zip:n.zip||"",province:n.province||"",country:n.country||"",phone:n.phoneNumber||""}[y(a,"address-bind")];o!=null&&I(a,o)}),C(r,"address-show",{default:n.isDefault,"not-default":!n.isDefault})}))}var Se=["pause","resume","skip","unskip","cancel"];function Te(e){let t=e.upcomingBillingCycles?.nodes?.[0],s=e.status;return{active:s==="ACTIVE",paused:s==="PAUSED",cancelled:s==="CANCELLED",expired:s==="EXPIRED",failed:s==="FAILED",skipped:!!t?.skipped,"can-pause":s==="ACTIVE","can-resume":s==="PAUSED"||s==="FAILED","can-skip":s==="ACTIVE"&&!!t&&!t.skipped,"can-unskip":s==="ACTIVE"&&!!t?.skipped,"can-cancel":s==="ACTIVE"||s==="PAUSED"||s==="FAILED"}}async function ue(e){let t=u(e,d("subscriptions"));if(!t.length)return;j(e,{"subscriptions-loading":!0,"subscriptions-empty":!1});let s=[];try{s=await ie()}catch(i){q(i,"subscriptions")}j(e,{"subscriptions-loading":!1,"subscriptions-empty":s.length===0}),t.forEach(i=>v(i,s,(r,n)=>{r.dataset.tetherSubscription=n.id,r.setAttribute(A("subscription-status"),k(n.status));let a=n.lines?.nodes||[],o=n.deliveryPolicy?.intervalCount?.count||1,c=k(n.deliveryPolicy?.interval),f=a.reduce((h,g)=>h+parseFloat(g.lineDiscountedPrice?.amount||0),0);u(r,d("subscription-bind")).forEach(h=>{let g=y(h,"subscription-bind"),l={status:k(n.status),next:n.nextBillingDate?O(n.nextBillingDate):"",interval:c?o===1?c:`${o} ${c}s`:"",products:a.map($=>`${$.quantity}\xD7 ${$.title}`).join(", "),total:a.length?b({amount:String(f),currencyCode:n.currencyCode}):"",delivery:n.deliveryPrice?b(n.deliveryPrice):""}[g];l!=null&&I(h,l)}),u(r,d("subscription-lines")).forEach(h=>v(h,a,(g,l)=>{u(g,d("subscription-line")).concat(g.matches(d("subscription-line"))?[g]:[]).forEach($=>{let K=y($,"subscription-line");if(K==="image"){l.image&&G($,l.image.url,l.image.altText||l.title);return}let J={title:l.title,"variant-title":l.variantTitle||"",quantity:String(l.quantity),price:b(l.currentPrice)}[K];J!=null&&I($,J)})}));let m=Te(n);C(r,"subscription-show",m),u(r,d("subscription-action")).forEach(h=>{let g=y(h,"subscription-action"),l=m[`can-${g}`];h.disabled=!l,h.classList.toggle("is-disabled",!l)})}))}async function De(e=document){Z||(Z=!0,$e()),await Promise.all([...u(e,d("order")).map(t=>de(t)),...u(e,d("profile-form")).map(t=>Ee(t)),B(e),ue(e)])}var ee=e=>Object.fromEntries([...e.elements].filter(t=>t.name&&t.type!=="submit"&&t.type!=="button"&&t.type!=="checkbox").map(t=>[t.name,t.value]));async function x(e,t,{error:s}={}){e.classList.add("is-busy"),e.setAttribute("aria-busy","true"),e.setAttribute(A("form-state"),"pending"),u(e,d("form-error")).forEach(i=>I(i,""));try{let i=await t();return e.setAttribute(A("form-state"),"saved"),i}catch(i){e.setAttribute(A("form-state"),"error");let r=i?.userErrors?.map(n=>n.message).join(" ")||i?.message||"Something went wrong";u(e,d("form-error")).forEach(n=>I(n,r.replace(/^Customer accounts: /,""))),s&&q(i,s);return}finally{e.classList.remove("is-busy"),e.removeAttribute("aria-busy")}}function $e(){document.addEventListener("submit",e=>{let t=e.target;if(t.matches?.(d("profile-form")))e.preventDefault(),x(t,()=>se(ee(t)));else if(t.matches?.(d("address-form"))){e.preventDefault();let s=t.dataset.tetherAddressId||void 0,i=!!t.elements?.isDefault?.checked;x(t,async()=>{await V(ee(t),{id:s,isDefault:i}),t.reset(),delete t.dataset.tetherAddressId,await B(document)})}}),document.addEventListener("input",e=>{e.target.closest?.(d("profile-form"))&&(e.target.dataset.tetherTouched="1")}),document.addEventListener("click",e=>{let t=e.target,s=t.closest?.("[data-tether-address]"),i=n=>{let a=y(n,"confirm");return!a||window.confirm(a)},r;if((r=t.closest?.(d("address-delete")))&&s)e.preventDefault(),i(r)&&x(s,async()=>{await ne(s.dataset.tetherAddress),await B(document)});else if((r=t.closest?.(d("address-default")))&&s)e.preventDefault(),x(s,async()=>{await V(null,{id:s.dataset.tetherAddress,isDefault:!0}),await B(document)});else if((r=t.closest?.(d("address-edit")))&&s){e.preventDefault();let n=(ce||[]).find(o=>o.id===s.dataset.tetherAddress),a=document.querySelector(d("address-form"));n&&a&&(a.dataset.tetherAddressId=n.id,[...a.elements].forEach(o=>{o.name&&o.name in n&&(o.value=n[o.name]??""),o.name==="isDefault"&&(o.checked=n.isDefault)}),a.scrollIntoView?.({block:"nearest"}))}else if(r=t.closest?.(d("address-new"))){let n=document.querySelector(d("address-form"));n&&(n.reset(),delete n.dataset.tetherAddressId)}else if(r=t.closest?.(d("subscription-action"))){e.preventDefault();let n=r.closest("[data-tether-subscription]"),a=y(r,"subscription-action");if(!n||!Se.includes(a)||r.disabled||!i(r))return;n.setAttribute(A("subscription-state"),"pending"),x(n,async()=>{await oe(n.dataset.tetherSubscription,a),await ue(document)}).then(()=>{n.setAttribute(A("subscription-state"),n.getAttribute(A("form-state"))==="error"?"error":"done")})}else if(r=t.closest?.(d("order-return"))){e.preventDefault();let n=r.closest(Ce.order);if(!n?.dataset.tetherOrderId)return;let a=u(n,"[data-tether-line]").map(o=>({lineItemId:o.dataset.tetherLine,quantity:parseInt(o.querySelector(d("return-quantity"))?.value||"0",10),reasonId:o.querySelector(d("return-reason"))?.value||void 0,note:o.querySelector(d("return-note"))?.value||void 0})).filter(o=>o.quantity>0);if(!a.length||!i(r))return;x(n,async()=>{await ae(n.dataset.tetherOrderId,a),n.dataset.tetherReturned="1",await de(n)})}})}window.Tether.__parts["account-pages"]=M;})();