@juo/blocks 1.15.0 → 1.16.0

package/dist/core.js

@@ -159,13 +159,43 @@ async function loadBlockRegistry(options = {}) {
 function createCustomerService(options) {
   const current = d(null);
   const accountOrdersUrl = d(options.getAccountOrdersUrl());
-  const service = {
+  return {
     current,
-    accountOrdersUrl
+    accountOrdersUrl,
+    async getCurrent() {
+      const result = await options.adapter.getCurrent();
+      if (result._tag === "Success") current.value = result.data;
+      return result;
+    }
   };
-  return service;
 }
 const CustomerServiceContext = createContext("services/customer");
+function createMockCustomerAdapter() {
+  const customer = { id: "customer-1", name: "Customer 1" };
+  return {
+    async getCurrent() {
+      return { _tag: "Success", data: customer };
+    }
+  };
+}
+function createApiCustomerAdapter(fetcher) {
+  return {
+    async getCurrent() {
+      try {
+        const res = await fetcher("/customer/info");
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        const name = [data.firstName, data.lastName].filter(Boolean).join(" ") || data.email || "";
+        return {
+          _tag: "Success",
+          data: { id: data.id, name, email: data.email }
+        };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    }
+  };
+}
 const PARAMS = {
   DELETGATED_TOKEN: "delegated-token",
   REDIRECT_TO: "redirect-to",
@@ -182,6 +212,123 @@ function uuid() {
     (c2) => (c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c2 / 4).toString(16)
   );
 }
+function createMockLoginAdapter(opts = {}) {
+  const appUrl = opts.appUrl ?? "https://admin.juo.io";
+  return {
+    async passwordlessStart() {
+      return { _tag: "Success", data: void 0 };
+    },
+    async authenticate() {
+      return {
+        _tag: "Success",
+        data: {
+          access_token: "mock-access-token",
+          refresh_token: "mock-refresh-token",
+          expires_in: 3600
+        }
+      };
+    },
+    getAuthorizeUrl({ connection, state, shop }) {
+      const url = new URL(`${appUrl}/auth/customer/authorize`);
+      url.searchParams.set("connection", connection);
+      url.searchParams.set("state", state);
+      url.searchParams.set("shop", shop);
+      return url.toString();
+    }
+  };
+}
+function createApiLoginAdapter(fetcher, opts) {
+  const { shopDomain, appUrl } = opts;
+  async function callAuthEndpoint(path, body, lang) {
+    const url = lang ? `${path}?lang=${lang}` : path;
+    const res = await fetcher(url, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        "X-Shopify-Shop-Domain": shopDomain
+      },
+      body: JSON.stringify(body)
+    });
+    if (res.status === 403) {
+      const data = await res.json();
+      if ("error_description" in data) {
+        if (data.error_description === "Wrong email or verification code.") {
+          throw new AuthenticationError(AuthenticationErrorReason.IncorrectCode);
+        } else if (data.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
+          throw new AuthenticationError(AuthenticationErrorReason.TooManyTries);
+        } else if (data.error_description === "The verification code has expired. Please try to login again.") {
+          throw new AuthenticationError(AuthenticationErrorReason.Expired);
+        }
+      } else if ("code" in data && data.code === "AUTH_ERROR") {
+        throw new AuthenticationError(AuthenticationErrorReason.NoEmail, {
+          connection: data.connection
+        });
+      }
+    }
+    if (!res.ok) {
+      throw new Error(`Unexpected response: ${res.statusText}`);
+    }
+    return { _tag: "Success", data: void 0 };
+  }
+  return {
+    async passwordlessStart({ email, lang }) {
+      try {
+        await callAuthEndpoint(
+          "/auth/customer/passwordless/start",
+          { email },
+          lang
+        );
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async authenticate(params) {
+      try {
+        const res = await fetcher("/auth/customer/token", {
+          method: "POST",
+          headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+            "X-Shopify-Shop-Domain": shopDomain
+          },
+          body: JSON.stringify(params)
+        });
+        if (res.status === 403) {
+          const data = await res.json();
+          if ("error_description" in data) {
+            if (data.error_description === "Wrong email or verification code.") {
+              throw new AuthenticationError(AuthenticationErrorReason.IncorrectCode);
+            } else if (data.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
+              throw new AuthenticationError(AuthenticationErrorReason.TooManyTries);
+            } else if (data.error_description === "The verification code has expired. Please try to login again.") {
+              throw new AuthenticationError(AuthenticationErrorReason.Expired);
+            }
+          } else if ("code" in data && data.code === "AUTH_ERROR") {
+            throw new AuthenticationError(AuthenticationErrorReason.NoEmail, {
+              connection: data.connection
+            });
+          }
+        }
+        if (!res.ok) {
+          throw new Error(`Unexpected response: ${res.statusText}`);
+        }
+        return { _tag: "Success", data: await res.json() };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    getAuthorizeUrl({ connection, state, shop }) {
+      const url = new URL(`${appUrl}/auth/customer/authorize`);
+      url.searchParams.set("connection", connection);
+      url.searchParams.set("state", state);
+      url.searchParams.set("shop", shop);
+      return url.toString();
+    }
+  };
+}
+const __vite_import_meta_env__ = {};
 var AuthenticationErrorReason = /* @__PURE__ */ ((AuthenticationErrorReason2) => {
   AuthenticationErrorReason2["Expired"] = "expired";
   AuthenticationErrorReason2["IncorrectCode"] = "wrong-code";
@@ -200,6 +347,9 @@ class AuthenticationError extends Error {
     this.data = data ?? {};
   }
 }
+const STORAGE_DELEGATED_TOKEN = "delegated-token";
+const STORAGE_REFRESH_TOKEN_KEY = "refresh-token";
+const STORAGE_STATE_KEY = "state";
 function storage(key, value) {
   const storageKey = `auth:${key}`;
   try {
@@ -215,83 +365,33 @@ function storage(key, value) {
   }
   return null;
 }
-const STORAGE_DELEGATED_TOKEN = "delegated-token";
-const STORAGE_REFRESH_TOKEN_KEY = "refresh-token";
-const STORAGE_STATE_KEY = "state";
-function createAuthFunctions(basePath, shop) {
-  async function start(email, lang) {
-    const response = await fetch(
-      `${basePath}/auth/customer/passwordless/start?lang=${lang}`,
-      {
-        method: "POST",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json",
-          "X-Shopify-Shop-Domain": shop
-        },
-        body: JSON.stringify({ email })
-      }
-    );
-    if (response.status !== 200) {
-      throw new Error(`Unexpected response: ${response.statusText}`);
-    }
-  }
-  async function authenticate(data) {
-    const response = await fetch(`${basePath}/auth/customer/token`, {
-      method: "POST",
-      headers: {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        "X-Shopify-Shop-Domain": shop
-      },
-      body: JSON.stringify(data)
-    });
-    if (response.status === 403) {
-      const data2 = await response.json();
-      if ("error_description" in data2) {
-        if (data2.error_description === "Wrong email or verification code.") {
-          throw new AuthenticationError(
-            "wrong-code"
-            /* IncorrectCode */
-          );
-        } else if (data2.error_description === "You've reached the maximum number of attempts. Please try to login again.") {
-          throw new AuthenticationError(
-            "too-many-tries"
-            /* TooManyTries */
-          );
-        } else if (data2.error_description === "The verification code has expired. Please try to login again.") {
-          throw new AuthenticationError(
-            "expired"
-            /* Expired */
-          );
-        }
-      } else if ("code" in data2) {
-        if (data2.code === "AUTH_ERROR") {
-          throw new AuthenticationError("no-email", {
-            connection: data2.connection
-          });
-        }
-      }
-    }
-    if (response.status !== 200) {
-      throw new Error(`Unexpected response: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-  return { start, authenticate };
-}
 function nonce(len = 10) {
   return uuid().replace(/-/g, "").slice(0, len);
 }
-function createAuthService(apiUrl, shopDomain) {
-  const { start: authStart, authenticate: authAuthenticate } = createAuthFunctions(apiUrl, shopDomain);
+function loginService(deps) {
+  const apiBase = deps.shop.rootUrl.replace(/\/$/, "") + "/api";
+  const appUrl = (typeof import.meta !== "undefined" ? __vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_APP_URL : void 0) ?? "https://admin.juo.io";
+  const fetcher = (path, init) => fetch(`${apiBase}${path}`, init);
+  const adapter = createApiLoginAdapter(fetcher, {
+    shopDomain: deps.shop.domain,
+    appUrl
+  });
+  return createLoginService({
+    adapter,
+    router: deps.router,
+    formatError: deps.formatError,
+    shop: {
+      domain: deps.shop.domain,
+      locale: w(() => deps.getLocale())
+    },
+    onLoginSuccess: deps.onLoginSuccess
+  });
+}
+function createLoginService(init) {
+  const { adapter, formatError, router, shop, onLoginSuccess } = init;
   const accessToken = d(null);
-  const delegatedToken = d(
-    storage(STORAGE_DELEGATED_TOKEN)
-  );
-  const refreshToken = d(
-    storage(STORAGE_REFRESH_TOKEN_KEY)
-  );
+  const delegatedToken = d(storage(STORAGE_DELEGATED_TOKEN));
+  const refreshToken = d(storage(STORAGE_REFRESH_TOKEN_KEY));
   const expires = d(null);
   const state = d(storage(STORAGE_STATE_KEY));
   E(() => {
@@ -303,67 +403,28 @@ function createAuthService(apiUrl, shopDomain) {
   E(() => {
     storage(STORAGE_STATE_KEY, state.value);
   });
-  function store(data) {
+  function storeTokens(data) {
     const { access_token, refresh_token, expires_in } = data;
     accessToken.value = access_token;
     refreshToken.value = refresh_token;
     expires.value = new Date(Date.now() + expires_in);
   }
-  return {
-    state,
-    async start(email, lang) {
-      await authStart(email, lang);
-    },
-    async authenticate(data) {
-      store(await authAuthenticate(data));
-    },
-    getDelegatedToken() {
-      return delegatedToken.value;
-    },
-    setDelegatedToken(token) {
-      delegatedToken.value = token;
-    },
-    async getToken() {
-      if (refreshToken.value == null) {
-        return null;
-      }
-      if (accessToken.value == null || typeof accessToken.value === "string" && (expires.value == null || expires.value < /* @__PURE__ */ new Date())) {
-        accessToken.value = new Promise(
-          (resolve, reject) => authAuthenticate({ refreshToken: refreshToken.value }).then((data) => data).then((data) => {
-            store(data);
-            resolve(data.access_token);
+  async function getToken() {
+    if (refreshToken.value == null) return null;
+    if (accessToken.value == null || typeof accessToken.value === "string" && (expires.value == null || expires.value < /* @__PURE__ */ new Date())) {
+      accessToken.value = new Promise(
+        (resolve, reject) => adapter.authenticate({ refreshToken: refreshToken.value }).then((result) => {
+          if (result._tag === "Failure") {
+            reject(result.error);
             return;
-          }).catch(reject)
-        );
-      }
-      return Promise.resolve(accessToken.value);
-    },
-    logout() {
-      accessToken.value = null;
-      delegatedToken.value = null;
-      refreshToken.value = null;
-      expires.value = null;
-    },
-    isAuthenticated: w(
-      () => delegatedToken.value != null || refreshToken.value != null
-    )
-  };
-}
-function loginService(deps) {
-  return createLoginService({
-    apiUrl: `${deps.shop.rootUrl.replace(/\/$/, "")}/api`,
-    router: deps.router,
-    formatError: deps.formatError,
-    shop: {
-      domain: deps.shop.domain,
-      locale: w(() => deps.getLocale())
-    },
-    onLoginSuccess: deps.onLoginSuccess
-  });
-}
-function createLoginService(init) {
-  const { formatError, router, shop, onLoginSuccess } = init;
-  const auth = createAuthService(init.apiUrl.replace(/\/$/, ""), shop.domain);
+          }
+          storeTokens(result.data);
+          resolve(result.data.access_token);
+        }).catch(reject)
+      );
+    }
+    return Promise.resolve(accessToken.value);
+  }
   const userEmail = d(null);
   async function onSuccess(query) {
     await (onLoginSuccess == null ? void 0 : onLoginSuccess());
@@ -376,13 +437,9 @@ function createLoginService(init) {
             queryParams[key] = value;
           }
         });
-        router.push({
-          path: decodeURIComponent(redirect),
-          query: queryParams
-        });
+        router.push({ path: decodeURIComponent(redirect), query: queryParams });
       } else {
-        const redirect = query.get(PARAMS.REDIRECT_TO);
-        router.replace(decodeURIComponent(redirect));
+        router.replace(decodeURIComponent(query.get(PARAMS.REDIRECT_TO)));
       }
     } else {
       router.replace("/");
@@ -394,16 +451,17 @@ function createLoginService(init) {
         async start(email) {
           try {
             userEmail.value = email;
-            await auth.start(
-              userEmail.value,
-              shop.locale instanceof u ? shop.locale.value : shop.locale
-            );
+            const lang = shop.locale instanceof u ? shop.locale.value : shop.locale;
+            const result = await adapter.passwordlessStart({
+              email: userEmail.value,
+              lang
+            });
+            if (result._tag === "Failure") {
+              return { _tag: "Failure", error: formatError(result.error) };
+            }
             return { _tag: "Success", data: void 0 };
           } catch (error) {
-            return {
-              _tag: "Failure",
-              error: formatError(error)
-            };
+            return { _tag: "Failure", error: formatError(error) };
           }
         },
         async verify(email, code) {
@@ -414,63 +472,57 @@ function createLoginService(init) {
             };
           }
           try {
-            const result = await auth.authenticate({
+            const result = await adapter.authenticate({
               email: userEmail.value,
               code
             });
+            if (result._tag === "Failure") {
+              return { _tag: "Failure", error: formatError(result.error) };
+            }
+            storeTokens(result.data);
             await onSuccess();
-            return { _tag: "Success", data: result };
+            return { _tag: "Success", data: void 0 };
           } catch (error) {
-            return {
-              _tag: "Failure",
-              error: formatError(error)
-            };
+            return { _tag: "Failure", error: formatError(error) };
           }
         }
       }
     },
     social: {
       async start(provider) {
-        function socialUrl(key, shop2) {
-          auth.state.value = nonce();
-          const url = new URL(
-            // TODO: double check admin url
-            `${"https://admin.juo.io"}/auth/customer/authorize`
-          );
-          url.searchParams.append("connection", key);
-          url.searchParams.append("state", auth.state.value ?? "");
-          url.searchParams.append("shop", shop2);
-          return url.toString();
-        }
-        window.location.href = socialUrl(
-          provider === "Facebook" ? "facebook" : "google-oauth2",
-          shop.domain
-        );
-        return {
-          _tag: "Success",
-          data: void 0
-        };
+        state.value = nonce();
+        const connection = provider === "Facebook" ? "facebook" : "google-oauth2";
+        window.location.href = adapter.getAuthorizeUrl({
+          connection,
+          state: state.value ?? "",
+          shop: shop.domain
+        });
+        return { _tag: "Success", data: void 0 };
       },
       async verify(code) {
         try {
-          const result = await auth.authenticate({ code });
+          const result = await adapter.authenticate({ code });
+          if (result._tag === "Failure") {
+            return { _tag: "Failure", error: formatError(result.error) };
+          }
+          storeTokens(result.data);
           await onSuccess();
-          return { _tag: "Success", data: result };
+          return { _tag: "Success", data: void 0 };
         } catch (error) {
-          return {
-            _tag: "Failure",
-            error: formatError(error)
-          };
+          return { _tag: "Failure", error: formatError(error) };
         }
       }
     },
     async logout() {
-      await auth.logout();
+      accessToken.value = null;
+      delegatedToken.value = null;
+      refreshToken.value = null;
+      expires.value = null;
       return { _tag: "Success", data: void 0 };
     },
     async handleQueryParams(query) {
       if (query.has(PARAMS.DELETGATED_TOKEN)) {
-        auth.setDelegatedToken(query.get(PARAMS.DELETGATED_TOKEN));
+        delegatedToken.value = query.get(PARAMS.DELETGATED_TOKEN);
         await onSuccess(query);
         return { _tag: "Success", data: void 0 };
       }
@@ -482,16 +534,13 @@ function createLoginService(init) {
       }
       const code = query.get(PARAMS.CODE);
       if (code != null) {
-        if (query.get(PARAMS.STATE) !== auth.state.value) {
-          return {
-            _tag: "Failure",
-            error: formatError("Invalid state")
-          };
+        if (query.get(PARAMS.STATE) !== state.value) {
+          return { _tag: "Failure", error: formatError("Invalid state") };
         } else {
           return service.social.verify(code);
         }
       }
-      if (query.get(PARAMS.REFRESH) === "1" && await auth.getToken() != null) {
+      if (query.get(PARAMS.REFRESH) === "1" && await getToken() != null) {
         await onSuccess();
         return { _tag: "Success", data: void 0 };
       }
@@ -508,8 +557,20 @@ function createLoginService(init) {
       }
       return { _tag: "Success", data: void 0 };
     },
-    isAuthenticated: auth.isAuthenticated,
-    getToken: () => auth.getToken()
+    isAuthenticated: w(
+      () => delegatedToken.value != null || refreshToken.value != null
+    ),
+    getToken,
+    async getAuthHeaders() {
+      if (delegatedToken.value) {
+        return { "X-Delegated-Token": delegatedToken.value };
+      }
+      const token = await getToken();
+      if (token) {
+        return { Authorization: `Bearer ${token}` };
+      }
+      return {};
+    }
   };
   return service;
 }
@@ -575,6 +636,55 @@ function createMockOrdersAdapter() {
     }
   };
 }
+function mapOrderLine(item) {
+  var _a;
+  return {
+    id: item.id,
+    title: item.title,
+    quantity: item.quantity,
+    variantImage: ((_a = item.variantImage) == null ? void 0 : _a.url) ? { url: item.variantImage.url, altText: item.variantImage.altText ?? void 0 } : null,
+    customAttributes: item.customAttributes
+  };
+}
+function mapOrder(order) {
+  return {
+    id: order.id,
+    createdAt: order.createdAt,
+    placedAt: order.placedAt,
+    currencyCode: order.currencyCode,
+    totalPrice: order.totalPrice,
+    financialStatus: order.financialStatus,
+    fulfillmentStatus: order.fulfillmentStatus,
+    lines: order.items.map(mapOrderLine),
+    customAttributes: order.customAttributes
+  };
+}
+function createApiOrdersAdapter(fetcher) {
+  return {
+    async getOrders(params) {
+      const query = new URLSearchParams();
+      if ((params == null ? void 0 : params.limit) != null) query.set("limit", String(params.limit));
+      if ((params == null ? void 0 : params.after) != null) query.set("after", params.after);
+      if ((params == null ? void 0 : params.before) != null) query.set("before", params.before);
+      if ((params == null ? void 0 : params.query) != null) query.set("query", params.query);
+      if ((params == null ? void 0 : params.includeOneTime) != null) query.set("includeOneTime", String(params.includeOneTime));
+      if ((params == null ? void 0 : params.sort) != null) query.set("sort", params.sort);
+      const qs = query.toString();
+      const res = await fetcher(`/customer/v1/orders${qs ? `?${qs}` : ""}`);
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const body = await res.json();
+      return {
+        items: body.data.map(mapOrder),
+        pageInfo: {
+          hasNextPage: body.hasNextPage,
+          hasPrevPage: body.hasPrevPage,
+          startCursor: body.startCursor,
+          endCursor: body.endCursor
+        }
+      };
+    }
+  };
+}
 function createOrdersService(adapter) {
   return {
     async getOrders(params) {
@@ -594,7 +704,7 @@ function createMockProductAdapter() {
       id: "sample-1",
       title: "Hydrating Gel Cleanser for Face and Eye Area",
       featuredImage: {
-        url: "https://via.placeholder.com/400x400?text=Product+1"
+        url: "https://placehold.co/400x400?text=Product+1"
       },
       hasOnlyDefaultVariant: true,
       variants: [
@@ -602,7 +712,7 @@ function createMockProductAdapter() {
           id: "sample-1-1",
           title: "150 ml bottle",
           image: {
-            url: "https://via.placeholder.com/400x400?text=Product+1"
+            url: "https://placehold.co/400x400?text=Product+1"
           },
           price: {
             amount: "12.49",
@@ -628,7 +738,7 @@ function createMockProductAdapter() {
       id: "sample-2",
       title: "More COLLAGEN",
       featuredImage: {
-        url: "https://via.placeholder.com/400x400?text=Product+2"
+        url: "https://placehold.co/400x400?text=Product+2"
       },
       hasOnlyDefaultVariant: true,
       variants: [
@@ -636,7 +746,7 @@ function createMockProductAdapter() {
           id: "sample-2-1",
           title: "blackcurrant",
           image: {
-            url: "https://via.placeholder.com/400x400?text=Product+2"
+            url: "https://placehold.co/400x400?text=Product+2"
           },
           price: {
             amount: "12.49",
@@ -657,7 +767,7 @@ function createMockProductAdapter() {
       id: "sample-3",
       title: "Gentle deodorant for underarms and bust",
       featuredImage: {
-        url: "https://via.placeholder.com/400x400?text=Product+3"
+        url: "https://placehold.co/400x400?text=Product+3"
       },
       hasOnlyDefaultVariant: false,
       variants: [
@@ -665,7 +775,7 @@ function createMockProductAdapter() {
           id: "sample-3-1",
           title: "Green tea and jasmine",
           image: {
-            url: "https://via.placeholder.com/400x400?text=Product+3a"
+            url: "https://placehold.co/400x400?text=Product+3a"
           },
           price: {
             amount: "6.7",
@@ -683,7 +793,7 @@ function createMockProductAdapter() {
           id: "sample-3-2",
           title: "Lavender and mint",
           image: {
-            url: "https://via.placeholder.com/400x400?text=Product+3b"
+            url: "https://placehold.co/400x400?text=Product+3b"
           },
           price: {
             amount: "7.5",
@@ -715,6 +825,48 @@ function createMockProductAdapter() {
       }
     };
   }
+  function toAvailableProduct(product) {
+    return {
+      id: product.id,
+      title: product.title,
+      description: `Sample description for ${product.title}.`,
+      featuredImage: product.featuredImage ?? void 0,
+      hasOnlyDefaultVariant: product.hasOnlyDefaultVariant,
+      variants: product.variants.map((variant) => {
+        var _a, _b, _c;
+        const base = Number.parseFloat(variant.price.amount);
+        const sub = (_b = (_a = variant.purchaseOptions) == null ? void 0 : _a[0]) == null ? void 0 : _b.price.amount;
+        const current = sub == null ? base : Number.parseFloat(sub);
+        return {
+          id: variant.id,
+          availableForSale: true,
+          title: variant.title,
+          currentPrice: { amount: current, currencyCode: variant.price.currencyCode },
+          basePrice: { amount: base, currencyCode: variant.price.currencyCode },
+          image: variant.image ?? void 0,
+          recurring: (((_c = variant.purchaseOptions) == null ? void 0 : _c.length) ?? 0) > 0
+        };
+      })
+    };
+  }
+  const sampleBox = {
+    id: "sample-box-1",
+    title: "Build Your Own Box",
+    minProductsCount: 3,
+    parentProduct: "sample-1",
+    tiers: [
+      { value: 5, threshold: 3 },
+      { value: 10, threshold: 5 }
+    ],
+    variants: products.map((product) => ({
+      id: product.id,
+      variants: product.variants.map((variant) => ({ id: variant.id }))
+    })),
+    freeVariants: [],
+    thresholdType: "LINES_COUNT",
+    type: "PERCENTAGE",
+    restrictQuantityToTiers: false
+  };
   return {
     async getById(id) {
       await new Promise((resolve) => setTimeout(resolve, 100));
@@ -728,6 +880,27 @@ function createMockProductAdapter() {
       );
       return product == null ? null : processProduct(product);
     },
+    async getProductsByIds({ ids }) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      return products.filter((product) => ids.includes(product.id)).map(({ variants: _variants, ...product }) => product);
+    },
+    async getBoxVariants({ ids }) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      return products.filter((product) => ids.includes(product.id)).map(toAvailableProduct);
+    },
+    async getAvailableProducts({ q }) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      const queryLower = q == null ? void 0 : q.toLowerCase();
+      return products.filter(
+        (product) => !queryLower || product.title.toLowerCase().includes(queryLower) || product.variants.some(
+          (variant) => variant.title.toLowerCase().includes(queryLower)
+        )
+      ).map(toAvailableProduct);
+    },
+    async getBox({ id }) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      return id === sampleBox.id ? sampleBox : null;
+    },
     async search(opts) {
       await new Promise((resolve) => setTimeout(resolve, 100));
       let filteredProducts = [...products];
@@ -768,6 +941,185 @@ function createMockProductAdapter() {
     }
   };
 }
+function mapVariant(variant, currencyCode) {
+  var _a;
+  return {
+    id: variant.id,
+    title: variant.title,
+    image: variant.image == null ? null : { url: variant.image.url, altText: variant.image.altText ?? void 0 },
+    price: { amount: variant.price.toFixed(2), currencyCode },
+    ...((_a = variant.purchaseOptions) == null ? void 0 : _a.length) ? {
+      purchaseOptions: variant.purchaseOptions.map((opt) => ({
+        name: opt.name,
+        price: { amount: opt.price.toFixed(2), currencyCode },
+        interval: opt.interval
+      }))
+    } : {}
+  };
+}
+function mapProduct(product, currencyCode) {
+  return {
+    id: product.id,
+    title: product.title,
+    featuredImage: product.image == null ? null : { url: product.image.url, altText: product.image.altText ?? void 0 },
+    hasOnlyDefaultVariant: product.variants.length <= 1,
+    variants: {
+      items: product.variants.map((v2) => mapVariant(v2, currencyCode)),
+      pageInfo: {
+        hasNextPage: false,
+        hasPrevPage: false,
+        startCursor: null,
+        endCursor: null
+      }
+    },
+    collections: product.collections
+  };
+}
+function createApiProductAdapter(fetcher, opts = { currencyCode: "USD" }) {
+  const { currencyCode } = opts;
+  async function fetchProducts(params) {
+    const query = params.toString() ? `?${params.toString()}` : "";
+    const res = await fetcher(`/customer/v1/products${query}`);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    return res.json();
+  }
+  return {
+    async getById(id) {
+      try {
+        const params = new URLSearchParams({ query: `id:"${id}"`, limit: "1" });
+        const body = await fetchProducts(params);
+        return body.data.length > 0 ? mapProduct(body.data[0], currencyCode) : null;
+      } catch {
+        return null;
+      }
+    },
+    async getByVariantId(variantId) {
+      try {
+        const params = new URLSearchParams({
+          query: `variants.id:"${variantId}"`,
+          limit: "1"
+        });
+        const body = await fetchProducts(params);
+        return body.data.length > 0 ? mapProduct(body.data[0], currencyCode) : null;
+      } catch {
+        return null;
+      }
+    },
+    async search(opts2) {
+      try {
+        const params = new URLSearchParams();
+        if (opts2 == null ? void 0 : opts2.query) {
+          params.set("query", `"${opts2.query.trim().replace(/"/g, '\\"')}"`);
+        }
+        if (opts2 == null ? void 0 : opts2.pagination) {
+          if ("after" in opts2.pagination)
+            params.set("after", opts2.pagination.after);
+          else if ("before" in opts2.pagination)
+            params.set("before", opts2.pagination.before);
+        }
+        const body = await fetchProducts(params);
+        return {
+          items: body.data.map((p2) => mapProduct(p2, currencyCode)),
+          pageInfo: {
+            hasNextPage: body.hasNextPage,
+            hasPrevPage: body.hasPrevPage,
+            startCursor: body.startCursor,
+            endCursor: body.endCursor
+          }
+        };
+      } catch {
+        return {
+          items: [],
+          pageInfo: {
+            hasNextPage: false,
+            hasPrevPage: false,
+            startCursor: null,
+            endCursor: null
+          }
+        };
+      }
+    },
+    async getProductsByIds({ ids }) {
+      const params = new URLSearchParams();
+      for (const id of ids) params.append("ids", id);
+      const res = await fetcher(`/customer/products/by-ids?${params.toString()}`);
+      if (!res.ok) return [];
+      const data = await res.json();
+      return (data ?? []).map((p2) => ({
+        id: p2.id,
+        title: p2.title ?? "",
+        featuredImage: p2.featuredImage ? { url: p2.featuredImage.url, altText: p2.featuredImage.altText } : null,
+        hasOnlyDefaultVariant: true,
+        collections: []
+      }));
+    },
+    async getBoxVariants({ ids, subscriptionId }) {
+      const params = new URLSearchParams();
+      for (const id of ids) params.append("ids", id);
+      params.set("subscriptionId", subscriptionId);
+      const res = await fetcher(`/customer/products/variants?${params.toString()}`);
+      if (!res.ok) return [];
+      const data = await res.json();
+      return (data ?? []).map((p2) => {
+        var _a;
+        return {
+          id: p2.id,
+          title: p2.title,
+          description: p2.description ?? "",
+          featuredImage: p2.featuredImage,
+          hasOnlyDefaultVariant: p2.hasOnlyDefaultVariant ?? (((_a = p2.variants) == null ? void 0 : _a.length) ?? 0) <= 1,
+          variants: (p2.variants ?? []).map((v2) => ({
+            id: v2.id,
+            availableForSale: v2.availableForSale,
+            title: v2.title,
+            currentPrice: v2.currentPrice,
+            basePrice: v2.basePrice,
+            image: v2.image,
+            recurring: v2.recurring
+          }))
+        };
+      });
+    },
+    async getAvailableProducts({ subscriptionId, lineId, q, mode, action, pagination }) {
+      const params = new URLSearchParams();
+      params.set("action", action);
+      if (q) params.set("q", q);
+      if (mode) params.set("mode", mode);
+      if (pagination && "after" in pagination) params.set("after", pagination.after);
+      if (pagination && "before" in pagination) params.set("before", pagination.before);
+      const res = await fetcher(
+        `/customer/subscriptions/${subscriptionId}/lines/${lineId}/available-products?${params.toString()}`
+      );
+      if (!res.ok) return [];
+      const data = await res.json();
+      return (data ?? []).map((p2) => {
+        var _a;
+        return {
+          id: p2.id,
+          title: p2.title,
+          description: p2.description ?? "",
+          featuredImage: p2.featuredImage,
+          hasOnlyDefaultVariant: p2.hasOnlyDefaultVariant ?? (((_a = p2.variants) == null ? void 0 : _a.length) ?? 0) <= 1,
+          variants: (p2.variants ?? []).map((v2) => ({
+            id: v2.id,
+            availableForSale: v2.availableForSale,
+            title: v2.title,
+            currentPrice: v2.currentPrice,
+            basePrice: v2.basePrice,
+            image: v2.image,
+            recurring: v2.recurring
+          }))
+        };
+      });
+    },
+    async getBox({ id }) {
+      const res = await fetcher(`/customer/boxes/${id}`);
+      if (!res.ok) return null;
+      const data = await res.json();
+      return { id, ...data };
+    }
+  };
+}
 const ProductServiceContext = createContext("services/product");
 function createProductService(adapter) {
   return {
@@ -779,7 +1131,11 @@ function createProductService(adapter) {
     },
     async search(opts) {
       return adapter.search(opts);
-    }
+    },
+    getProductsByIds: (ids) => adapter.getProductsByIds({ ids }),
+    getBoxVariants: (ids, subscriptionId) => adapter.getBoxVariants({ ids, subscriptionId }),
+    getAvailableProducts: (params) => adapter.getAvailableProducts(params),
+    getBox: (id) => adapter.getBox({ id })
   };
 }
 function routeNameTableFromPages(pages) {
@@ -833,7 +1189,85 @@ function createMockRouterService() {
     }
   }).routerService;
 }
-function createMockSubscriptionAdapter(options = {}) {
+const DISCOUNT_REJECTION_REASONS = [
+  "INVALID_CODE",
+  "INACTIVE",
+  "NOT_APPLICABLE_TO_CUSTOMER",
+  "ALREADY_ADDED",
+  "ALREADY_USED",
+  "NOT_APPLICABLE_TO_PRODUCTS",
+  "NOT_APPLICABLE_TO_SUBSCRIPTION",
+  "INVALID_COMBINATION",
+  "QUANTITY_REQUIREMENT_NOT_MET"
+];
+function toAttributeArray(next) {
+  return Object.entries(next).map(([key, value]) => ({ key, value }));
+}
+function createMockSubscriptionAdapter(options = {}) {
+  const richBase = (id, itemId, renewalId) => ({
+    id,
+    customerId: "customer_1",
+    items: [
+      {
+        id: itemId,
+        // Aligned with the mock product catalog (createMockProductAdapter):
+        // sample-3 "Gentle deodorant", variant sample-3-1 "Green tea and jasmine",
+        // recurring price 5.36 EUR (10% off → 4.82 with SAVE10).
+        productId: "sample-3",
+        variantId: "sample-3-1",
+        quantity: 2,
+        price: { amount: "5.36", currencyCode: "EUR" },
+        nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
+        isUpsell: false,
+        isVirtual: false,
+        nextBillingDate: "2025-11-15T00:00:00Z",
+        currentPrice: { amount: "5.36", currencyCode: "EUR" },
+        lineDiscountedPrice: { amount: "4.82", currencyCode: "EUR" },
+        variantAvailableForSale: true,
+        title: "Gentle deodorant for underarms and bust",
+        variantTitle: "Green tea and jasmine",
+        variantImage: { url: "https://placehold.co/400x400?text=Product+3a" },
+        billingPolicy: { intervalCount: 1, interval: "MONTH" },
+        deliveryPolicy: { intervalCount: 1, interval: "MONTH" }
+      }
+    ],
+    discounts: [
+      {
+        id: "discount_1",
+        type: "percentage",
+        value: 10,
+        code: "SAVE10",
+        description: "10% off subscription"
+      }
+    ],
+    status: "active",
+    nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
+    frequency: "1 MONTH",
+    createdAt: "2024-10-01T00:00:00Z",
+    updatedAt: "2024-10-14T00:00:00Z",
+    billingPolicy: { intervalCount: 1, interval: "MONTH", minCycles: 6 },
+    deliveryPolicy: {
+      intervalCount: 1,
+      interval: "MONTH",
+      anchors: [{ day: 15, type: "MONTHDAY" }]
+    },
+    nextBillingDate: "2025-11-15T00:00:00Z",
+    nextBillingAttempt: { date: "2025-11-15T00:00:00Z", attempt: 1, ready: true },
+    lastBillingAttempt: { date: "2025-10-15T00:00:00Z", ready: true },
+    nextFulfillment: "2025-11-17T00:00:00Z",
+    estimatedOrderDate: "2025-11-13T00:00:00Z",
+    customerPaymentMethod: {
+      id: "pm_1",
+      instrument: { type: "credit_card", brand: "visa", maskedNumber: "************4242" },
+      active: true,
+      isRecurring: true
+    },
+    requiredBillingCyclesLeft: 3,
+    renewal: { id: renewalId, isInActiveProcessState: false },
+    lastPaymentStatus: "succeeded",
+    pausePeriod: null,
+    isEditable: true
+  });
   const mockSubscriptions = [
     {
       id: "sub_1",
@@ -841,14 +1275,27 @@ function createMockSubscriptionAdapter(options = {}) {
       items: [
         {
           id: "item_1",
-          productId: "product_1",
-          variantId: "variant_1",
+          // Aligned with the mock product catalog (createMockProductAdapter):
+          // sample-1 "Hydrating Gel Cleanser" (default variant), recurring price
+          // 9.99 EUR (10% off → 8.99 with SAVE10).
+          productId: "sample-1",
+          variantId: "sample-1-1",
           quantity: 2,
-          price: { amount: "29.99", currencyCode: "USD" },
+          price: { amount: "9.99", currencyCode: "EUR" },
           nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-15"),
+          isUpsell: false,
+          isVirtual: false,
+          nextBillingDate: "2025-11-15T00:00:00Z",
+          currentPrice: { amount: "9.99", currencyCode: "EUR" },
+          lineDiscountedPrice: { amount: "8.99", currencyCode: "EUR" },
+          variantAvailableForSale: true,
+          title: "Hydrating Gel Cleanser for Face and Eye Area",
+          variantImage: { url: "https://placehold.co/400x400?text=Product+1" },
+          billingPolicy: { intervalCount: 1, interval: "MONTH" },
+          deliveryPolicy: { intervalCount: 1, interval: "MONTH" },
           customAttributes: [
-            { key: "roast_level", value: "medium" },
-            { key: "grind_type", value: "whole_bean" }
+            { key: "skin_type", value: "combination" },
+            { key: "fragrance", value: "fragrance_free" }
           ]
         }
       ],
@@ -866,9 +1313,31 @@ function createMockSubscriptionAdapter(options = {}) {
       frequency: "1 MONTH",
       createdAt: "2024-10-01T00:00:00Z",
       updatedAt: "2024-10-14T00:00:00Z",
+      billingPolicy: { intervalCount: 1, interval: "MONTH", minCycles: 6 },
+      deliveryPolicy: {
+        intervalCount: 1,
+        interval: "MONTH",
+        anchors: [{ day: 15, type: "MONTHDAY" }]
+      },
+      nextBillingDate: "2025-11-15T00:00:00Z",
+      nextBillingAttempt: { date: "2025-11-15T00:00:00Z", attempt: 1, ready: true },
+      lastBillingAttempt: { date: "2025-10-15T00:00:00Z", ready: true },
+      nextFulfillment: "2025-11-17T00:00:00Z",
+      estimatedOrderDate: "2025-11-13T00:00:00Z",
+      customerPaymentMethod: {
+        id: "pm_1",
+        instrument: { type: "credit_card", brand: "visa", maskedNumber: "************4242" },
+        active: true,
+        isRecurring: true
+      },
+      requiredBillingCyclesLeft: 3,
+      renewal: { id: "ren_1", isInActiveProcessState: false },
+      lastPaymentStatus: "succeeded",
+      pausePeriod: null,
+      isEditable: true,
       customAttributes: [
         { key: "subscription_tier", value: "premium" },
-        { key: "gift_message", value: "Enjoy your coffee!" }
+        { key: "gift_message", value: "Enjoy your skincare routine!" }
       ]
     },
     {
@@ -877,11 +1346,17 @@ function createMockSubscriptionAdapter(options = {}) {
       items: [
         {
           id: "item_2",
-          productId: "product_2",
-          variantId: "variant_2",
+          // Aligned with the mock product catalog (createMockProductAdapter):
+          // sample-2 "More COLLAGEN" (default variant), recurring price 10.99 EUR.
+          productId: "sample-2",
+          variantId: "sample-2-1",
           quantity: 1,
-          price: { amount: "49.99", currencyCode: "USD" },
+          price: { amount: "10.99", currencyCode: "EUR" },
           nextDeliveryDate: /* @__PURE__ */ new Date("2025-11-20"),
+          title: "More COLLAGEN",
+          variantImage: { url: "https://placehold.co/400x400?text=Product+2" },
+          billingPolicy: { intervalCount: 2, interval: "WEEK" },
+          deliveryPolicy: { intervalCount: 2, interval: "WEEK" },
           customAttributes: []
         }
       ],
@@ -892,17 +1367,66 @@ function createMockSubscriptionAdapter(options = {}) {
       createdAt: "2024-09-15T00:00:00Z",
       updatedAt: "2024-10-10T00:00:00Z",
       customAttributes: []
+    },
+    // Per-status fixtures: groundwork for the deferred editor preview picker
+    // (docs/superpowers/specs/2026-06-17-renewalsummary-parity-and-mock-groundwork-design.md §9).
+    // Not consumed yet — the editor still seeds the active sub_1 via getDefaultSubscriptionId().
+    {
+      ...richBase("sub_paused", "item_paused", "ren_paused"),
+      status: "paused",
+      pausePeriod: { start: "2025-11-01T00:00:00Z", end: "2026-01-01T00:00:00Z" }
+    },
+    {
+      ...richBase("sub_canceled", "item_canceled", "ren_canceled"),
+      status: "canceled",
+      pausePeriod: null
+    },
+    {
+      ...richBase("sub_failed", "item_failed", "ren_failed"),
+      status: "failed",
+      lastPaymentStatus: "failed",
+      pausePeriod: null
+    },
+    {
+      ...richBase("sub_expired", "item_expired", "ren_expired"),
+      status: "expired",
+      pausePeriod: null
+    }
+  ];
+  const mockUpsellProducts = [
+    {
+      id: "upsell-1",
+      variantId: "upsell-v-1",
+      title: "Retinol Night Cream",
+      imageUrl: "https://images.unsplash.com/photo-1617897903246-719242758050?w=200",
+      price: { amount: "38.00", currencyCode: "USD" },
+      description: "Anti-aging night treatment"
+    },
+    {
+      id: "upsell-2",
+      variantId: "upsell-v-2",
+      title: "SPF 50 Day Shield",
+      imageUrl: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=200",
+      price: { amount: "24.00", currencyCode: "USD" },
+      description: "Lightweight daily sun protection"
     }
   ];
   return {
     async getById(id) {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const subscription = mockSubscriptions.find((sub) => sub.id === id) || null;
-      return { _tag: "Success", data: subscription };
+      const subscription = mockSubscriptions.find((sub) => sub.id === id);
+      return {
+        _tag: "Success",
+        data: subscription ? {
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((d3) => ({ ...d3 }))
+        } : null
+      };
     },
     async search(options2 = {}) {
       await new Promise((resolve) => setTimeout(resolve, 300));
-      const pageSize = 1;
+      const pageSize = 2;
       const allItems = mockSubscriptions;
       let startIndex = 0;
       let endIndex = pageSize;
@@ -918,29 +1442,108 @@ function createMockSubscriptionAdapter(options = {}) {
         }
       }
       const pageItems = allItems.slice(startIndex, endIndex);
-      const paginatedList = {
-        items: pageItems.map((sub) => ({
-          ...sub,
-          items: sub.items.map((item) => ({ ...item })),
-          discounts: sub.discounts.map((discount) => ({ ...discount }))
-        })),
-        pageInfo: {
-          hasNextPage: endIndex < allItems.length,
-          hasPrevPage: startIndex > 0,
-          startCursor: pageItems.length > 0 ? startIndex.toString() : null,
-          endCursor: pageItems.length > 0 ? (endIndex - 1).toString() : null
+      return {
+        _tag: "Success",
+        data: {
+          items: pageItems.map((sub) => ({
+            ...sub,
+            items: sub.items.map((item) => ({ ...item })),
+            discounts: sub.discounts.map((discount) => ({ ...discount }))
+          })),
+          pageInfo: {
+            hasNextPage: endIndex < allItems.length,
+            hasPrevPage: startIndex > 0,
+            startCursor: pageItems.length > 0 ? startIndex.toString() : null,
+            endCursor: pageItems.length > 0 ? (endIndex - 1).toString() : null
+          }
         }
       };
-      return { _tag: "Success", data: paginatedList };
     },
-    async addItem() {
+    async addItem({ subscriptionId, item }) {
+      var _a, _b, _c, _d, _e, _f, _g;
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      const currencyCode = ((_a = subscription.items[0]) == null ? void 0 : _a.price.currencyCode) ?? "USD";
+      const product = await ((_b = options.productAdapter) == null ? void 0 : _b.getByVariantId(item.variantId)) ?? await ((_c = options.productAdapter) == null ? void 0 : _c.getById(item.variantId)) ?? null;
+      const variant = (product == null ? void 0 : product.variants.items.find((v2) => v2.id === item.variantId)) ?? (product == null ? void 0 : product.variants.items[0]);
+      const linePrice = ((_e = (_d = variant == null ? void 0 : variant.purchaseOptions) == null ? void 0 : _d[0]) == null ? void 0 : _e.price) ?? (variant == null ? void 0 : variant.price);
+      subscription.items.push({
+        id: `item_${Date.now()}_${subscription.items.length}`,
+        productId: (product == null ? void 0 : product.id) ?? "",
+        variantId: item.variantId,
+        quantity: item.quantity,
+        price: linePrice ? { ...linePrice } : { amount: "0.00", currencyCode },
+        ...linePrice ? { currentPrice: { ...linePrice } } : {},
+        title: (product == null ? void 0 : product.title) ?? `Product ${item.variantId}`,
+        ...variant && product && !product.hasOnlyDefaultVariant ? { variantTitle: variant.title } : {},
+        ...(variant == null ? void 0 : variant.image) ? { variantImage: variant.image } : {},
+        variantAvailableForSale: true,
+        billingPolicy: ((_f = subscription.items[0]) == null ? void 0 : _f.billingPolicy) ?? subscription.billingPolicy ?? null,
+        deliveryPolicy: ((_g = subscription.items[0]) == null ? void 0 : _g.deliveryPolicy) ?? subscription.deliveryPolicy ?? null
+      });
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return { _tag: "Success", data: void 0 };
+    },
+    async removeItem({ subscriptionId, itemId }) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      subscription.items = subscription.items.filter((i2) => i2.id !== itemId);
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return { _tag: "Success", data: void 0 };
+    },
+    async updateItem({ subscriptionId, lineId, update }) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      const item = subscription.items.find((i2) => i2.id === lineId);
+      if (!item) {
+        return { _tag: "Failure", error: "Line item not found" };
+      }
+      if (update.variantId !== void 0) item.variantId = update.variantId;
+      if (update.quantity !== void 0) item.quantity = update.quantity;
+      if (update.billingPolicy !== void 0) item.billingPolicy = update.billingPolicy;
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return { _tag: "Success", data: void 0 };
+    },
+    async updateItemAttributes({ subscriptionId, lineId, customAttributes }) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      const item = subscription.items.find((i2) => i2.id === lineId);
+      if (!item) {
+        return { _tag: "Failure", error: "Line item not found" };
+      }
+      item.customAttributes = toAttributeArray(customAttributes);
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return { _tag: "Success", data: void 0 };
+    },
+    async updateAttributes({ subscriptionId, customAttributes }) {
       await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      subscription.customAttributes = toAttributeArray(customAttributes);
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
       return { _tag: "Success", data: void 0 };
     },
-    async removeItem() {
+    async skipLineItem() {
       await new Promise((resolve) => setTimeout(resolve, 300));
       return { _tag: "Success", data: void 0 };
     },
+    async updateBoxItems() {
+      return { _tag: "Success", data: void 0 };
+    },
     async addDiscount() {
       await new Promise((resolve) => setTimeout(resolve, 300));
       const behavior = options.addDiscountBehavior ?? { kind: "success" };
@@ -969,24 +1572,29 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return {
-          _tag: "Failure",
-          error: "Subscription not found"
-        };
+        return { _tag: "Failure", error: "Subscription not found" };
       }
       subscription.nextDeliveryDate = new Date(params.newDate);
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      subscription.items.forEach((item) => {
-        item.nextDeliveryDate = new Date(params.newDate);
-      });
-      return {
-        _tag: "Success",
-        data: {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((discount) => ({ ...discount }))
-        }
-      };
+      return { _tag: "Success", data: { ...subscription } };
+    },
+    async updateCustomAttributes(params) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find(
+        (sub) => sub.id === params.subscriptionId
+      );
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      const preserved = (subscription.customAttributes ?? []).filter(
+        (attr) => attr.key.startsWith("_")
+      );
+      const next = Object.entries(params.customAttributes).map(
+        ([key, value]) => ({ key, value })
+      );
+      subscription.customAttributes = [...preserved, ...next];
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return { _tag: "Success", data: { ...subscription } };
     },
     async resume(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -994,21 +1602,11 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return {
-          _tag: "Failure",
-          error: "Subscription not found"
-        };
+        return { _tag: "Failure", error: "Subscription not found" };
       }
       subscription.status = "active";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return {
-        _tag: "Success",
-        data: {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((discount) => ({ ...discount }))
-        }
-      };
+      return { _tag: "Success", data: { ...subscription } };
     },
     async pause(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -1016,21 +1614,11 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return {
-          _tag: "Failure",
-          error: "Subscription not found"
-        };
+        return { _tag: "Failure", error: "Subscription not found" };
       }
       subscription.status = "paused";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return {
-        _tag: "Success",
-        data: {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((discount) => ({ ...discount }))
-        }
-      };
+      return { _tag: "Success", data: { ...subscription } };
     },
     async reactivate(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -1038,21 +1626,11 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return {
-          _tag: "Failure",
-          error: "Subscription not found"
-        };
+        return { _tag: "Failure", error: "Subscription not found" };
       }
       subscription.status = "active";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return {
-        _tag: "Success",
-        data: {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((discount) => ({ ...discount }))
-        }
-      };
+      return { _tag: "Success", data: { ...subscription } };
     },
     async cancel(params) {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -1060,21 +1638,11 @@ function createMockSubscriptionAdapter(options = {}) {
         (sub) => sub.id === params.subscriptionId
       );
       if (!subscription) {
-        return {
-          _tag: "Failure",
-          error: "Subscription not found"
-        };
+        return { _tag: "Failure", error: "Subscription not found" };
       }
       subscription.status = "canceled";
       subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      return {
-        _tag: "Success",
-        data: {
-          ...subscription,
-          items: subscription.items.map((item) => ({ ...item })),
-          discounts: subscription.discounts.map((discount) => ({ ...discount }))
-        }
-      };
+      return { _tag: "Success", data: { ...subscription } };
     },
     async getAvailablePlans() {
       await new Promise((resolve) => setTimeout(resolve, 300));
@@ -1102,128 +1670,1460 @@ function createMockSubscriptionAdapter(options = {}) {
         ]
       };
     },
+    async getLastOrder(params) {
+      await new Promise((resolve) => setTimeout(resolve, 200));
+      const subscription = mockSubscriptions.find((sub) => sub.id === params.subscriptionId);
+      if (!subscription) return { _tag: "Success", data: null };
+      return {
+        _tag: "Success",
+        data: {
+          id: `mock_last_order_${params.subscriptionId}`,
+          createdAt: "2026-04-22T12:00:00Z"
+        }
+      };
+    },
+    async renewNow(_params) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      return { _tag: "Success", data: { result: "success" } };
+    },
+    async changeFrequency(params) {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      const subscription = mockSubscriptions.find((sub) => sub.id === params.subscriptionId);
+      if (!subscription) {
+        return { _tag: "Failure", error: "Subscription not found" };
+      }
+      if (typeof params.plan === "string") {
+        subscription.frequency = `1 ${params.plan}`;
+      } else {
+        subscription.frequency = `${params.plan.intervalCount} ${params.plan.interval}`;
+        if (subscription.billingPolicy) {
+          subscription.billingPolicy = { ...subscription.billingPolicy, ...params.plan };
+        }
+        if (subscription.deliveryPolicy) {
+          subscription.deliveryPolicy = { ...subscription.deliveryPolicy, ...params.plan };
+        }
+      }
+      subscription.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      return {
+        _tag: "Success",
+        data: {
+          ...subscription,
+          items: subscription.items.map((item) => ({ ...item })),
+          discounts: subscription.discounts.map((d3) => ({ ...d3 }))
+        }
+      };
+    },
     async getDefaultSubscriptionId() {
       var _a;
       await new Promise((resolve) => setTimeout(resolve, 300));
       return { _tag: "Success", data: ((_a = mockSubscriptions[0]) == null ? void 0 : _a.id) ?? null };
+    },
+    async getUpsellProducts() {
+      await new Promise((resolve) => setTimeout(resolve, 300));
+      return { _tag: "Success", data: [...mockUpsellProducts] };
+    },
+    async addUpsellProduct() {
+      await new Promise((resolve) => setTimeout(resolve, 400));
+      return { _tag: "Success", data: void 0 };
     }
   };
 }
-const SubscriptionServiceContext = createContext("services/subscription");
-function getCurrentSubscriptionId() {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  const pathname = window.location.pathname;
-  const segments = pathname.split("/").filter(Boolean);
-  const subscriptionIndex = segments.findIndex(
-    (segment) => segment === "subscriptions" || segment === "subscription"
-  );
-  if (subscriptionIndex !== -1 && segments[subscriptionIndex + 1]) {
-    return segments[subscriptionIndex + 1];
-  }
-  const uuidPattern = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-  const lastSegment = segments[segments.length - 1];
-  if (lastSegment && uuidPattern.test(lastSegment)) {
-    return lastSegment;
-  }
-  return null;
+function normalizeInstrumentType(type) {
+  return type.replace(/-/g, "_");
 }
-function createSubscriptionService(adapter) {
-  const current = d(null);
-  const discountsChangedAtSignal = d(0);
-  const itemsChangedAtSignal = d(0);
-  async function refreshCurrent(subscriptionId) {
-    const result = await adapter.getById(subscriptionId);
-    if (result._tag === "Success" && result.data != null) {
-      current.value = result.data;
-    }
+function mapPaymentMethod(rawPm) {
+  if (!rawPm) return null;
+  if (typeof rawPm === "string") {
+    return { id: rawPm };
   }
-  async function refreshAfterDiscountChange(subscriptionId) {
-    await refreshCurrent(subscriptionId);
-    discountsChangedAtSignal.value = discountsChangedAtSignal.value + 1;
-  }
-  async function refreshAfterItemChange(subscriptionId) {
-    await refreshCurrent(subscriptionId);
-    itemsChangedAtSignal.value = itemsChangedAtSignal.value + 1;
-  }
-  function subscriptionIdFromCurrent() {
-    var _a;
-    return ((_a = current.value) == null ? void 0 : _a.id) ?? null;
-  }
-  const service = {
-    search: adapter.search,
-    getById: adapter.getById,
-    getCurrentSubscriptionId,
-    addItem: async (subscriptionId, item) => {
-      const result = await adapter.addItem({ subscriptionId, item });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange(subscriptionId);
-      }
-      return result;
-    },
-    removeItem: async (subscriptionId, itemId) => {
-      const result = await adapter.removeItem({ subscriptionId, itemId });
-      if (result._tag === "Success") {
-        await refreshAfterItemChange(subscriptionId);
+  return {
+    id: rawPm.id ?? "",
+    ...rawPm.instrument != null ? {
+      instrument: {
+        ...rawPm.instrument,
+        type: normalizeInstrumentType(rawPm.instrument.type)
       }
-      return result;
-    },
-    addDiscount: async (code, subscriptionId) => {
-      const id = subscriptionId ?? subscriptionIdFromCurrent();
-      if (id == null) {
+    } : {},
+    ...rawPm.active != null ? { active: rawPm.active } : {},
+    ...rawPm.isRecurring != null ? { isRecurring: rawPm.isRecurring } : {}
+  };
+}
+function mapSubscription(raw) {
+  var _a, _b;
+  const status = raw.status === "merged" ? "canceled" : raw.status;
+  const deliveryPolicy = raw.deliveryPolicy ?? ((_b = (_a = raw.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.deliveryPolicy);
+  const frequency = deliveryPolicy ? `${deliveryPolicy.intervalCount} ${deliveryPolicy.interval}` : "";
+  return {
+    id: raw.id,
+    customerId: "",
+    serial: raw.serial,
+    items: (raw.items ?? []).map(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (item) => ({
+        id: item.id,
+        productId: item.productId ?? item.product ?? "",
+        variantId: item.variantId ?? item.variant ?? "",
+        quantity: item.quantity,
+        price: item.price ?? {
+          amount: String(item.totalPrice ?? 0),
+          currencyCode: raw.currencyCode ?? ""
+        },
+        nextDeliveryDate: item.nextDeliveryDate ? new Date(item.nextDeliveryDate) : null,
+        billingPolicy: item.billingPolicy ?? raw.billingPolicy ?? null,
+        deliveryPolicy: item.deliveryPolicy ?? raw.deliveryPolicy ?? null,
+        // Map human-readable titles from the v1 SubscriptionItemResource
+        title: item.title,
+        variantTitle: item.subtitle ?? void 0,
+        // recurringCycleLimit === 1 means the item charges exactly once (one-time upsell)
+        recurringCycleLimit: item.recurringCycleLimit ?? null,
+        customAttributes: Array.isArray(item.customAttributes) ? item.customAttributes : []
+      })
+    ),
+    discounts: (raw.discounts ?? []).map(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (d3) => {
+        var _a2, _b2, _c;
         return {
-          _tag: "Failure",
-          error: { kind: "SUBSCRIPTION_NOT_FOUND" }
+          id: d3.id,
+          type: ((_a2 = d3.value) == null ? void 0 : _a2.type) === "fixed-amount" || d3.type === "fixed_amount" ? "fixed_amount" : "percentage",
+          value: ((_b2 = d3.value) == null ? void 0 : _b2.amount) ?? ((_c = d3.value) == null ? void 0 : _c.percentage) ?? d3.value ?? 0,
+          code: d3.title ?? d3.code ?? "",
+          description: d3.description ?? ""
         };
       }
-      const result = await adapter.addDiscount({ subscriptionId: id, code });
-      if (result._tag === "Success") {
-        await refreshAfterDiscountChange(id);
-      }
-      return result;
-    },
-    removeDiscount: async (discountId, subscriptionId) => {
-      const id = subscriptionId ?? subscriptionIdFromCurrent();
-      if (id == null) {
+    ),
+    status,
+    nextDeliveryDate: raw.nextBillingDate ? new Date(raw.nextBillingDate) : raw.nextDeliveryDate ? new Date(raw.nextDeliveryDate) : null,
+    // Map nextBillingDate as the raw ISO string for ProductSelect skip() and other consumers
+    nextBillingDate: raw.nextBillingDate ?? null,
+    // Map customerPaymentMethod — expanded to an object (id + instrument) via the
+    // adapter's ?expand=paymentMethod request; mapPaymentMethod tolerates a bare id too.
+    customerPaymentMethod: mapPaymentMethod(raw.paymentMethod),
+    frequency,
+    createdAt: raw.createdAt,
+    updatedAt: raw.updatedAt,
+    billingPolicy: raw.billingPolicy ?? null,
+    deliveryPolicy: raw.deliveryPolicy ?? null,
+    customAttributes: Array.isArray(raw.customAttributes) ? raw.customAttributes : []
+  };
+}
+async function readErrorBody(res) {
+  try {
+    const body = await res.json();
+    return body != null && typeof body === "object" ? body : {};
+  } catch {
+    return {};
+  }
+}
+function createApiSubscriptionAdapter(fetcher) {
+  const adapter = {
+    async search(options) {
+      var _a;
+      try {
+        const params = new URLSearchParams();
+        if ((_a = options == null ? void 0 : options.filters) == null ? void 0 : _a.length) {
+          const groups = options.filters.filter((f) => Object.keys(f).length > 0).map((f) => Object.entries(f).filter(([, v2]) => Boolean(v2))).filter((entries) => entries.length > 0).map(
+            (entries) => "(" + entries.map(([k, v2]) => `${k}:'${v2}'`).join(" AND ") + ")"
+          );
+          if (groups.length) params.set("query", groups.join(" OR "));
+        }
+        if (options == null ? void 0 : options.includeCanceledItems) {
+          params.set("includeCanceledItems", "true");
+        }
+        params.set("expand", "paymentMethod");
+        if (options == null ? void 0 : options.pagination) {
+          if ("after" in options.pagination)
+            params.set("after", options.pagination.after);
+          else if ("before" in options.pagination)
+            params.set("before", options.pagination.before);
+        }
+        const query = params.toString() ? `?${params.toString()}` : "";
+        const res = await fetcher(`/customer/v1/subscriptions${query}`);
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const body = await res.json();
         return {
-          _tag: "Failure",
-          error: { kind: "SUBSCRIPTION_NOT_FOUND" }
+          _tag: "Success",
+          data: {
+            items: body.data.map(mapSubscription),
+            pageInfo: {
+              hasNextPage: body.hasNextPage,
+              hasPrevPage: body.hasPrevPage,
+              startCursor: body.startCursor,
+              endCursor: body.endCursor
+            }
+          }
         };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async getById(id) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions?query=id:"${id}"&limit=1&expand=paymentMethod`
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const body = await res.json();
+        const raw = body.data[0];
+        return { _tag: "Success", data: raw ? mapSubscription(raw) : null };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async addItem({ subscriptionId, item }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/items`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ variant: item.variantId, quantity: item.quantity })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async removeItem({ subscriptionId, itemId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/items/${itemId}`,
+          { method: "DELETE" }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async updateItem({ subscriptionId, lineId, update }) {
+      try {
+        const body = {
+          ...update.variantId !== void 0 ? { productVariantId: update.variantId } : {},
+          ...update.quantity !== void 0 ? { quantity: update.quantity } : {},
+          ...update.billingPolicy !== void 0 ? { billingPolicy: update.billingPolicy } : {},
+          ...update.shippingMethodHandle !== void 0 ? { shippingMethodHandle: update.shippingMethodHandle } : {}
+        };
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/lines/${lineId}`,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body)
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async updateItemAttributes({ subscriptionId, lineId, customAttributes }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/items/${lineId}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ customAttributes })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async updateAttributes({ subscriptionId, customAttributes }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ customAttributes })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async skipLineItem({ subscriptionId, lineId, nextBillingDate }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/lines/${lineId}`,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ nextBillingDate })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async updateBoxItems({ subscriptionId, parentId, items, shippingMethodHandle }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/update-box-products`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ parentId, items, shippingMethodHandle })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async addDiscount({ subscriptionId, code }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/discounts`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ code })
+          }
+        );
+        if (!res.ok) {
+          const body = await readErrorBody(res);
+          if (res.status === 400 && body.code === "DISCOUNT_CODE_REJECTED") {
+            const raw = body.rejectionReason;
+            const reason = typeof raw === "string" && DISCOUNT_REJECTION_REASONS.includes(raw) ? raw : "INVALID_CODE";
+            return { _tag: "Failure", error: { kind: "REJECTED", reason } };
+          }
+          if (res.status === 404) {
+            return { _tag: "Failure", error: { kind: "SUBSCRIPTION_NOT_FOUND" } };
+          }
+          return { _tag: "Failure", error: { kind: "UNKNOWN", message: `HTTP ${res.status}` } };
+        }
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return {
+          _tag: "Failure",
+          error: { kind: "NETWORK", message: e2 instanceof Error ? e2.message : void 0 }
+        };
+      }
+    },
+    async removeDiscount({ subscriptionId, discountId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/discounts/${discountId}`,
+          { method: "DELETE" }
+        );
+        if (!res.ok) {
+          if (res.status === 404) {
+            const body = await readErrorBody(res);
+            const message = typeof body.message === "string" ? body.message : "";
+            if (message.toLowerCase().includes("discount")) {
+              return { _tag: "Failure", error: { kind: "DISCOUNT_NOT_FOUND" } };
+            }
+            return { _tag: "Failure", error: { kind: "SUBSCRIPTION_NOT_FOUND" } };
+          }
+          return { _tag: "Failure", error: { kind: "UNKNOWN", message: `HTTP ${res.status}` } };
+        }
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return {
+          _tag: "Failure",
+          error: { kind: "NETWORK", message: e2 instanceof Error ? e2.message : void 0 }
+        };
+      }
+    },
+    // Uses PATCH /customer/v1/subscriptions/{id} — the dedicated /reschedule route does not exist.
+    async reschedule({ subscriptionId, newDate }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ nextBillingDate: newDate })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // PATCH /customer/v1/subscriptions/{id} with the full customer-visible set.
+    async updateCustomAttributes({ subscriptionId, customAttributes }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ customAttributes })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async resume({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/resume`,
+          { method: "POST" }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async pause({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/pause`,
+          { method: "POST" }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async reactivate({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/reactivate`,
+          { method: "POST" }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async cancel({ subscriptionId, reason }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/subscriptions/${subscriptionId}/cancel`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ cancellationReason: reason })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: mapSubscription(data) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — no /customer/v1/subscriptions/{id}/plans exists yet.
+    async getAvailablePlans({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/plans`
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — no /customer/v1 equivalent exists yet.
+    async getDefaultSubscriptionId() {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/one-by-next-billing-date`
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: (data == null ? void 0 : data.id) ?? null };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — no /customer/v1/subscriptions/{id}/upsells exists yet.
+    async getUpsellProducts({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/upsell-products`
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        const products = data.map((p2) => {
+          var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+          return {
+            id: p2.id,
+            variantId: ((_b = (_a = p2.variants) == null ? void 0 : _a[0]) == null ? void 0 : _b.id) ?? "",
+            title: p2.title ?? "",
+            imageUrl: ((_c = p2.featuredImage) == null ? void 0 : _c.url) ?? void 0,
+            price: {
+              amount: String(((_f = (_e = (_d = p2.variants) == null ? void 0 : _d[0]) == null ? void 0 : _e.currentPrice) == null ? void 0 : _f.amount) ?? 0),
+              currencyCode: ((_i = (_h = (_g = p2.variants) == null ? void 0 : _g[0]) == null ? void 0 : _h.currentPrice) == null ? void 0 : _i.currencyCode) ?? ""
+            },
+            // recurring comes from the upsell rule on variants[0]; present in PreparedProductSchema
+            recurring: (_k = (_j = p2.variants) == null ? void 0 : _j[0]) == null ? void 0 : _k.recurring
+          };
+        });
+        return { _tag: "Success", data: products };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — no /customer/v1/subscriptions/{id}/upsells POST exists yet.
+    async addUpsellProduct({ subscriptionId, variantId, quantity, oneTime }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/upsell`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              productVariantId: variantId,
+              quantity,
+              ...oneTime ? { renewalLimit: 1 } : {}
+            })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — no /customer/v1 equivalent exists yet.
+    async getLastOrder({ subscriptionId }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/last-order`
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        if (!data) return { _tag: "Success", data: null };
+        return {
+          _tag: "Success",
+          data: { id: data.id, createdAt: data.createdAt }
+        };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoints, split by stage (see SubscriptionService.renewNow docs):
+    //   retry      → POST /customer/subscriptions/{id}/retry
+    //   renewalId  → POST /customer/renewals/{renewalId}/renew
+    //   default    → POST /customer/subscriptions/{id}/order-now
+    async renewNow({ subscriptionId, renewalId, retry }) {
+      try {
+        const url = retry ? `/customer/subscriptions/${subscriptionId}/retry` : renewalId ? `/customer/renewals/${renewalId}/renew` : `/customer/subscriptions/${subscriptionId}/order-now`;
+        const res = await fetcher(url, { method: "POST" });
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const body = res.status === 204 ? null : await res.json();
+        return {
+          _tag: "Success",
+          data: {
+            nextActionUrl: (body == null ? void 0 : body.nextActionUrl) ?? void 0,
+            result: (body == null ? void 0 : body.result) ?? "success"
+          }
+        };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    // Legacy endpoint — POST /plan returns 204; re-fetch to return the updated subscription.
+    async changeFrequency({ subscriptionId, plan }) {
+      try {
+        const res = await fetcher(
+          `/customer/subscriptions/${subscriptionId}/plan`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ plan })
+          }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const refreshed = await adapter.getById(subscriptionId);
+        if (refreshed._tag === "Failure") return refreshed;
+        if (refreshed.data) return { _tag: "Success", data: refreshed.data };
+        return {
+          _tag: "Failure",
+          error: "Subscription not found after frequency change"
+        };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    }
+  };
+  return adapter;
+}
+function expandableId(field) {
+  if (typeof field === "string") return field;
+  if (field != null && typeof field === "object" && "id" in field) {
+    const id = field.id;
+    return typeof id === "string" ? id : void 0;
+  }
+  return void 0;
+}
+function mapScheduleOrder(order) {
+  return {
+    id: order.id,
+    customerId: order.customerId,
+    subscriptionId: order.subscriptionId,
+    date: order.date,
+    skipped: order.skipped ?? false,
+    currencyCode: order.currencyCode,
+    subtotal: order.subtotal,
+    deliveryPrice: order.deliveryPrice,
+    cycleIndex: order.cycleIndex,
+    deliveryDate: order.deliveryDate ?? order.date,
+    status: order.status ?? (order.skipped ? "skipped" : "scheduled"),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    items: (order.items ?? []).map((item) => {
+      var _a;
+      return {
+        id: item.id,
+        title: item.title,
+        subtitle: item.subtitle ?? null,
+        imageUrl: item.imageUrl ?? ((_a = item.variantImage) == null ? void 0 : _a.url) ?? void 0,
+        variantId: expandableId(item.variant) ?? "",
+        quantity: item.quantity,
+        price: item.price,
+        totalPrice: item.totalPrice,
+        skipped: item.skipped ?? false,
+        variantImage: item.variantImage != null ? { url: item.variantImage.url ?? "", altText: item.variantImage.altText ?? void 0 } : null,
+        variantAvailableForSale: item.variantAvailableForSale ?? void 0,
+        subscriptionId: expandableId(item.subscription) ?? "",
+        subscriptionLineId: expandableId(item.subscriptionItem) ?? "",
+        productId: expandableId(item.product),
+        parentProductId: item.parentProductId ?? null,
+        parentLineId: item.parentLineId ?? null,
+        isVirtual: item.isVirtual ?? void 0,
+        isUpsell: item.isUpsell ?? void 0,
+        recurringCycleLimit: item.recurringCycleLimit ?? null,
+        customAttributes: item.customAttributes ?? [],
+        sellingPlanId: item.sellingPlanId ?? null,
+        sellingPlanName: item.sellingPlanName ?? null,
+        nextBillingDate: item.nextBillingDate ?? null,
+        billingPolicy: item.billingPolicy ?? null,
+        subscriptionStatus: item.subscriptionStatus ?? null,
+        subscriptionIsEditable: item.subscriptionIsEditable ?? null,
+        requiredBillingCyclesLeft: item.requiredBillingCyclesLeft ?? null
+      };
+    }),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    discounts: (order.discounts ?? []).map((d3) => {
+      var _a, _b, _c;
+      return {
+        id: d3.id,
+        title: d3.title ?? void 0,
+        type: ((_a = d3.value) == null ? void 0 : _a.type) === "fixed-amount" ? "fixed_amount" : "percentage",
+        value: ((_b = d3.value) == null ? void 0 : _b.amount) ?? ((_c = d3.value) == null ? void 0 : _c.percentage) ?? 0
+      };
+    })
+  };
+}
+function toIsoOrNull(value) {
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? null : date.toISOString();
+}
+function buildMatcher(params) {
+  const { cycle, date } = params;
+  let iso;
+  if (date != null) {
+    const parsed = toIsoOrNull(date);
+    if (parsed == null) return { ok: false, error: "date must be a valid date" };
+    iso = parsed;
+  }
+  if (cycle != null && iso != null) {
+    return { ok: true, matcher: { type: "CYCLE_AND_DATE", input: { cycle, date: iso } } };
+  }
+  if (cycle != null) return { ok: true, matcher: { type: "CYCLE", input: { cycle } } };
+  if (iso != null) return { ok: true, matcher: { type: "DATE", input: { date: iso } } };
+  return { ok: false, error: "Either cycle or date is required" };
+}
+function buildSkipItemMatcher(params) {
+  const { cycle, date } = params;
+  if (cycle != null) {
+    return { ok: true, matcher: { type: "CYCLE", input: { cycle } } };
+  }
+  if (date != null) {
+    const iso = toIsoOrNull(date);
+    if (iso == null) return { ok: false, error: "date must be a valid date" };
+    return { ok: true, matcher: { type: "DATE", input: { date: iso } } };
+  }
+  return { ok: false, error: "Either cycle or date is required" };
+}
+const DELIVERY_PRICE = 5;
+const DELIVERY_OFFSET_DAYS = 2;
+function toPrice(amount) {
+  const n = Number.parseFloat(amount ?? "0");
+  return Number.isFinite(n) ? n : 0;
+}
+function addInterval(date, interval, units) {
+  const d3 = new Date(date);
+  switch (interval) {
+    case "DAY":
+      d3.setDate(d3.getDate() + units);
+      break;
+    case "WEEK":
+      d3.setDate(d3.getDate() + units * 7);
+      break;
+    case "YEAR":
+      d3.setFullYear(d3.getFullYear() + units);
+      break;
+    default:
+      d3.setMonth(d3.getMonth() + units);
+      break;
+  }
+  return d3;
+}
+function mapItem(sub, item, cycle) {
+  var _a, _b;
+  const price = toPrice(((_a = item.currentPrice) == null ? void 0 : _a.amount) ?? item.price.amount);
+  return {
+    id: `${sub.id}_cycle_${cycle}_${item.id}`,
+    title: item.title ?? `Product ${item.variantId}`,
+    subtitle: item.variantTitle ?? null,
+    imageUrl: (_b = item.variantImage) == null ? void 0 : _b.url,
+    variantId: item.variantId,
+    quantity: item.quantity,
+    price,
+    totalPrice: price * item.quantity,
+    skipped: false,
+    variantImage: item.variantImage ?? null,
+    variantAvailableForSale: item.variantAvailableForSale ?? true,
+    subscriptionId: sub.id,
+    subscriptionLineId: item.id,
+    productId: item.productId,
+    parentProductId: item.parentProductId ?? null,
+    parentLineId: item.parentLineId ?? null,
+    isVirtual: item.isVirtual ?? false,
+    isUpsell: item.isUpsell ?? false,
+    recurringCycleLimit: item.recurringCycleLimit ?? null,
+    customAttributes: item.customAttributes ?? []
+  };
+}
+function projectUpcomingOrders(sub, count) {
+  var _a, _b;
+  if (sub.status !== "active") return [];
+  const billing = sub.billingPolicy ?? ((_a = sub.items[0]) == null ? void 0 : _a.billingPolicy) ?? { interval: "MONTH", intervalCount: 1 };
+  const baseStr = sub.nextBillingDate ?? (sub.nextDeliveryDate ? sub.nextDeliveryDate.toISOString() : null);
+  const base = baseStr ? new Date(baseStr) : /* @__PURE__ */ new Date();
+  const currencyCode = ((_b = sub.items[0]) == null ? void 0 : _b.price.currencyCode) ?? "USD";
+  const orders = [];
+  for (let cycle = 0; cycle < count; cycle++) {
+    const billingDate = addInterval(
+      base,
+      billing.interval,
+      cycle * billing.intervalCount
+    );
+    const deliveryDate = addInterval(billingDate, "DAY", DELIVERY_OFFSET_DAYS);
+    const items = sub.items.map((item) => mapItem(sub, item, cycle));
+    const subtotal = items.reduce((sum, it) => sum + it.totalPrice, 0);
+    orders.push({
+      id: `${sub.id}_cycle_${cycle}`,
+      customerId: sub.customerId,
+      subscriptionId: sub.id,
+      date: billingDate.toISOString(),
+      skipped: false,
+      currencyCode,
+      subtotal,
+      deliveryPrice: DELIVERY_PRICE,
+      cycleIndex: cycle,
+      deliveryDate: deliveryDate.toISOString(),
+      status: "scheduled",
+      items,
+      discounts: sub.discounts.map((d3) => ({
+        id: d3.id,
+        title: d3.code,
+        type: d3.type,
+        value: d3.value
+      }))
+    });
+  }
+  return orders;
+}
+function applyAdjustments(orders, stored) {
+  return orders.map((order) => {
+    let next = order;
+    for (const { adjustment, subscriptionId, cycle } of stored) {
+      if (subscriptionId !== order.subscriptionId) continue;
+      if (cycle !== order.cycleIndex) continue;
+      const { action } = adjustment;
+      if (action.type === "SKIP_ORDER") {
+        next = { ...next, skipped: true, status: "skipped" };
+      } else if (action.type === "CHANGE_DATE") {
+        next = {
+          ...next,
+          date: action.input.newDate,
+          deliveryDate: action.input.newDate
+        };
+      } else if (action.type === "SKIP_ITEM") {
+        const lineIds = new Set(action.input.lineIds);
+        const items = next.items.map(
+          (item) => lineIds.has(item.subscriptionLineId) ? { ...item, skipped: true, totalPrice: 0 } : item
+        );
+        const subtotal = items.reduce((sum, it) => sum + it.totalPrice, 0);
+        next = { ...next, items, subtotal };
+        if (items.length > 0 && items.every((i2) => i2.skipped)) {
+          next = { ...next, skipped: true, status: "skipped", deliveryPrice: 0 };
+        }
+      }
+    }
+    return next;
+  });
+}
+function createMockSchedulesAdapter(subscriptions = createMockSubscriptionAdapter()) {
+  const RESOLVE_DEPTH = 12;
+  let stored = [];
+  let idSeq = 0;
+  async function subscriptionsToProject(subscriptionId) {
+    if (subscriptionId) {
+      const res = await subscriptions.getById(subscriptionId);
+      return res._tag === "Success" && res.data ? [res.data] : [];
+    }
+    const all = [];
+    let pagination;
+    for (let guard = 0; guard < 50; guard++) {
+      const res = await subscriptions.search(pagination ? { pagination } : {});
+      if (res._tag !== "Success") break;
+      all.push(...res.data.items);
+      const { hasNextPage, endCursor } = res.data.pageInfo;
+      if (!hasNextPage || !endCursor) break;
+      pagination = { after: endCursor };
+    }
+    return all;
+  }
+  function resolveCycle(orders, opts) {
+    if (opts.cycle != null) return opts.cycle;
+    if (opts.date) {
+      const iso = toIsoOrNull(opts.date);
+      const target = iso == null ? void 0 : iso.split("T")[0];
+      const match = target ? orders.find(
+        (o2) => o2.deliveryDate.split("T")[0] === target || o2.date.split("T")[0] === target
+      ) : void 0;
+      return match ? match.cycleIndex : null;
+    }
+    const firstScheduled = orders.find((o2) => o2.status === "scheduled");
+    return (firstScheduled == null ? void 0 : firstScheduled.cycleIndex) ?? null;
+  }
+  async function recordAdjustment(subscriptionId, opts, buildAction, matcherOverride) {
+    const res = await subscriptions.getById(subscriptionId);
+    const sub = res._tag === "Success" ? res.data : null;
+    if (!sub) return { _tag: "Failure", error: "No scheduled order found" };
+    const orders = applyAdjustments(
+      projectUpcomingOrders(sub, RESOLVE_DEPTH),
+      stored
+    );
+    const cycle = resolveCycle(orders, opts);
+    if (cycle == null) {
+      return { _tag: "Failure", error: "No scheduled order found" };
+    }
+    const built = buildMatcher({ cycle, date: opts.date });
+    const matcher = matcherOverride ?? (built.ok ? built.matcher : { type: "CYCLE", input: { cycle } });
+    stored = [
+      ...stored,
+      {
+        adjustment: { id: `adj-${idSeq++}`, matcher, action: buildAction() },
+        subscriptionId,
+        cycle
+      }
+    ];
+    return { _tag: "Success", data: void 0 };
+  }
+  return {
+    async getUpcomingOrders({ count, subscriptionId, excludeSkipped = true }) {
+      await new Promise((r2) => setTimeout(r2, 200));
+      const subs = await subscriptionsToProject(subscriptionId);
+      const skipCount = new Set(
+        stored.filter(
+          (s) => s.adjustment.action.type === "SKIP_ORDER" || s.adjustment.action.type === "SKIP_ITEM"
+        ).map((s) => `${s.subscriptionId}:${s.cycle}`)
+      ).size;
+      const depth = excludeSkipped ? count + skipCount : count;
+      const orders = subs.flatMap(
+        (sub) => applyAdjustments(projectUpcomingOrders(sub, depth), stored)
+      ).filter((o2) => excludeSkipped ? !o2.skipped : true).map(
+        (o2) => (
+          // Mirror backend removeSkippedItems: the billable view also strips
+          // skipped lines from surviving (partially-skipped) orders. No
+          // recompute needed — skipped lines already carry totalPrice 0 (R4).
+          excludeSkipped && o2.items.some((i2) => i2.skipped) ? { ...o2, items: o2.items.filter((i2) => !i2.skipped) } : o2
+        )
+      ).sort((a8, b2) => a8.date.localeCompare(b2.date));
+      return { _tag: "Success", data: orders.slice(0, count) };
+    },
+    async getAdjustments() {
+      await new Promise((r2) => setTimeout(r2, 200));
+      return { _tag: "Success", data: stored.map((s) => s.adjustment) };
+    },
+    async skipOrder({ subscriptionId, cycle, date }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
+        type: "SKIP_ORDER",
+        input: { reason: "" }
+      }));
+    },
+    async skipItem({ subscriptionId, lineId, cycle, date, reason }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      const built = buildSkipItemMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return recordAdjustment(
+        subscriptionId,
+        { cycle, date },
+        () => ({
+          type: "SKIP_ITEM",
+          input: { lineIds: [lineId], reason: reason ?? "" }
+        }),
+        built.matcher
+      );
+    },
+    async changeDateAdjustment({ subscriptionId, newDate, cycle, currentDate }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      const newIso = toIsoOrNull(newDate);
+      if (newIso == null) {
+        return { _tag: "Failure", error: "newDate must be a valid date" };
+      }
+      return recordAdjustment(
+        subscriptionId,
+        { cycle, date: currentDate },
+        () => ({
+          type: "CHANGE_DATE",
+          input: { newDate: newIso }
+        })
+      );
+    },
+    async updateShippingAdjustment({ subscriptionId, address, cycle, date }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
+        type: "UPDATE_SHIPPING",
+        input: { address }
+      }));
+    },
+    async updatePaymentMethodAdjustment({
+      subscriptionId,
+      paymentMethodId,
+      cycle,
+      date
+    }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
+        type: "UPDATE_PAYMENT_METHOD",
+        input: { paymentMethodId }
+      }));
+    },
+    async updateProductsAdjustment({ subscriptionId, lines, cycle, date }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      return recordAdjustment(subscriptionId, { cycle, date }, () => ({
+        type: "UPDATE_PRODUCTS",
+        input: { lines }
+      }));
+    },
+    async applyDiscountAdjustment({ subscriptionId, discountCode, cycle }) {
+      await new Promise((r2) => setTimeout(r2, 300));
+      return recordAdjustment(subscriptionId, { cycle }, () => ({
+        type: "APPLY_DISCOUNT",
+        input: { discountSource: "code", discountCode }
+      }));
+    },
+    async removeAdjustment({ adjustmentId }) {
+      await new Promise((r2) => setTimeout(r2, 200));
+      stored = stored.filter((s) => s.adjustment.id !== adjustmentId);
+      return { _tag: "Success", data: void 0 };
+    }
+  };
+}
+function createApiSchedulesAdapter(fetcher) {
+  async function postAdjustment(matcher, action) {
+    try {
+      const res = await fetcher(`/customer/v1/schedules/adjustments`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ matcher, action })
+      });
+      if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+      return { _tag: "Success", data: void 0 };
+    } catch (e2) {
+      return { _tag: "Failure", error: e2 };
+    }
+  }
+  return {
+    async getUpcomingOrders({ count, subscriptionId, excludeSkipped = true }) {
+      try {
+        const params = new URLSearchParams({ count: String(count) });
+        params.set("excludeSkipped", String(excludeSkipped));
+        if (subscriptionId) params.set("query", `id:"${subscriptionId}"`);
+        const res = await fetcher(`/customer/v1/schedules/?${params.toString()}`);
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        const data = await res.json();
+        return { _tag: "Success", data: (data.orders ?? []).map(mapScheduleOrder) };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async getAdjustments() {
+      try {
+        const all = [];
+        let after;
+        for (let guard = 0; guard < 50; guard++) {
+          const params = new URLSearchParams({ limit: "100" });
+          if (after) params.set("after", after);
+          const res = await fetcher(
+            `/customer/v1/schedules/adjustments?${params.toString()}`
+          );
+          if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+          const body = await res.json();
+          all.push(
+            ...body.data.map((a8) => ({
+              id: a8.id,
+              matcher: a8.matcher,
+              action: a8.action
+            }))
+          );
+          if (!body.hasNextPage) return { _tag: "Success", data: all };
+          if (!body.endCursor || body.endCursor === after) {
+            return {
+              _tag: "Failure",
+              error: "Adjustments pagination cursor did not advance"
+            };
+          }
+          after = body.endCursor;
+        }
+        return {
+          _tag: "Failure",
+          error: "Adjustments pagination exceeded 50 pages"
+        };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    },
+    async skipOrder({ cycle, date }) {
+      const built = buildMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return postAdjustment(built.matcher, {
+        type: "SKIP_ORDER",
+        input: { reason: "" }
+      });
+    },
+    async skipItem({ lineId, cycle, date, reason }) {
+      const built = buildSkipItemMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return postAdjustment(built.matcher, {
+        type: "SKIP_ITEM",
+        input: { lineIds: [lineId], reason: reason ?? "" }
+      });
+    },
+    async changeDateAdjustment({ newDate, cycle }) {
+      if (cycle == null) {
+        return {
+          _tag: "Failure",
+          error: "cycle is required for changeDateAdjustment"
+        };
+      }
+      const newIso = toIsoOrNull(newDate);
+      if (newIso == null) {
+        return { _tag: "Failure", error: "newDate must be a valid date" };
+      }
+      return postAdjustment(
+        { type: "CYCLE", input: { cycle } },
+        { type: "CHANGE_DATE", input: { newDate: newIso } }
+      );
+    },
+    async updateShippingAdjustment({ address, cycle, date }) {
+      const built = buildMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return postAdjustment(built.matcher, {
+        type: "UPDATE_SHIPPING",
+        input: { address }
+      });
+    },
+    async updatePaymentMethodAdjustment({ paymentMethodId, cycle, date }) {
+      const built = buildMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return postAdjustment(built.matcher, {
+        type: "UPDATE_PAYMENT_METHOD",
+        input: { paymentMethodId }
+      });
+    },
+    async updateProductsAdjustment({ lines, cycle, date }) {
+      const built = buildMatcher({ cycle, date });
+      if (!built.ok) return { _tag: "Failure", error: built.error };
+      return postAdjustment(built.matcher, {
+        type: "UPDATE_PRODUCTS",
+        input: { lines }
+      });
+    },
+    async applyDiscountAdjustment({ discountCode, cycle }) {
+      return postAdjustment(
+        { type: "CYCLE", input: { cycle } },
+        {
+          type: "APPLY_DISCOUNT",
+          input: { discountSource: "code", discountCode }
+        }
+      );
+    },
+    async removeAdjustment({ adjustmentId }) {
+      try {
+        const res = await fetcher(
+          `/customer/v1/schedules/adjustments/${adjustmentId}`,
+          { method: "DELETE" }
+        );
+        if (!res.ok) return { _tag: "Failure", error: `HTTP ${res.status}` };
+        return { _tag: "Success", data: void 0 };
+      } catch (e2) {
+        return { _tag: "Failure", error: e2 };
+      }
+    }
+  };
+}
+const SchedulesServiceContext = createContext("services/schedules");
+function isSameCalendarDay(a8, b2) {
+  const da = new Date(a8);
+  const db = new Date(b2);
+  if (Number.isNaN(da.getTime()) || Number.isNaN(db.getTime())) return false;
+  return da.toISOString().slice(0, 10) === db.toISOString().slice(0, 10);
+}
+function matcherArms(matcher, target) {
+  const cycleArm = (matcher.type === "CYCLE" || matcher.type === "CYCLE_AND_DATE") && matcher.input.cycle === target.cycle;
+  const dateArm = (matcher.type === "DATE" || matcher.type === "CYCLE_AND_DATE") && isSameCalendarDay(matcher.input.date, target.date);
+  return { cycleArm, dateArm };
+}
+function matcherAffects(matcher, target) {
+  const { cycleArm, dateArm } = matcherArms(matcher, target);
+  return cycleArm || dateArm;
+}
+function matcherExactlyTargets(matcher, target) {
+  const { cycleArm, dateArm } = matcherArms(matcher, target);
+  if (matcher.type === "CYCLE") return cycleArm;
+  if (matcher.type === "DATE") return dateArm;
+  return cycleArm && dateArm;
+}
+function createSchedulesService(adapter, opts) {
+  const current = d(null);
+  const currentLoading = d(false);
+  const hasPendingBilling = (opts == null ? void 0 : opts.hasPendingBilling) ?? d(false);
+  const schedulesChangedAt = d(0);
+  let reloadToken = 0;
+  let currentSubscriptionId;
+  async function getUpcomingOrder() {
+    const result = await adapter.getUpcomingOrders({ count: 1 });
+    if (result._tag === "Failure") return result;
+    return { _tag: "Success", data: result.data[0] ?? null };
+  }
+  async function getUpcomingOrders(count, opts2) {
+    return adapter.getUpcomingOrders({ count, ...opts2 });
+  }
+  async function reloadCurrent(subscriptionId) {
+    var _a;
+    const scopeChanged = currentSubscriptionId !== subscriptionId;
+    currentSubscriptionId = subscriptionId;
+    const token = ++reloadToken;
+    currentLoading.value = true;
+    const count = Math.max(((_a = current.value) == null ? void 0 : _a.length) ?? 0, 3);
+    if (scopeChanged) current.value = null;
+    const result = await adapter.getUpcomingOrders({
+      count,
+      subscriptionId
+    });
+    if (token !== reloadToken) return;
+    currentLoading.value = false;
+    if (result._tag === "Success") {
+      current.value = result.data;
+    }
+  }
+  async function notifyChanged(subscriptionId) {
+    if (subscriptionId) await reloadCurrent(subscriptionId);
+    schedulesChangedAt.value++;
+  }
+  return {
+    current,
+    currentLoading,
+    hasPendingBilling,
+    schedulesChangedAt,
+    getUpcomingOrder,
+    getUpcomingOrders,
+    async getAdjustments() {
+      return adapter.getAdjustments();
+    },
+    async skipOrder(params) {
+      const result = await adapter.skipOrder(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async skipItem(params) {
+      const result = await adapter.skipItem(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async unskipItem({ subscriptionId, lineId, cycle, date }) {
+      const adjustments = await adapter.getAdjustments();
+      if (adjustments._tag === "Failure") return adjustments;
+      const covering = adjustments.data.filter(
+        (a8) => a8.action.type === "SKIP_ITEM" && a8.action.input.lineIds.includes(lineId) && matcherAffects(a8.matcher, { cycle, date })
+      );
+      if (covering.length === 0) {
+        return { _tag: "Failure", error: "No skip found for this item" };
+      }
+      if (covering.some((a8) => a8.action.input.lineIds.length > 1)) {
+        return {
+          _tag: "Failure",
+          error: "This item was skipped together with other items and can't be unskipped individually"
+        };
+      }
+      if (covering.some((a8) => !matcherExactlyTargets(a8.matcher, { cycle, date }))) {
+        return {
+          _tag: "Failure",
+          error: "This skip also affects another order and can't be removed from here"
+        };
+      }
+      let deleted = 0;
+      for (const a8 of covering) {
+        const result = await adapter.removeAdjustment({ adjustmentId: a8.id });
+        if (result._tag === "Failure") {
+          if (deleted > 0) await notifyChanged(subscriptionId);
+          return result;
+        }
+        deleted++;
+      }
+      await notifyChanged(subscriptionId);
+      return { _tag: "Success", data: void 0 };
+    },
+    async changeDateAdjustment(params) {
+      const result = await adapter.changeDateAdjustment(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async updateShippingAdjustment(params) {
+      const result = await adapter.updateShippingAdjustment(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async updatePaymentMethodAdjustment(params) {
+      const result = await adapter.updatePaymentMethodAdjustment(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async updateProductsAdjustment(params) {
+      const result = await adapter.updateProductsAdjustment(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async applyDiscountAdjustment(params) {
+      const result = await adapter.applyDiscountAdjustment(params);
+      if (result._tag === "Success") await notifyChanged(params.subscriptionId);
+      return result;
+    },
+    async removeAdjustment(params) {
+      var _a, _b, _c;
+      const result = await adapter.removeAdjustment(params);
+      if (result._tag === "Success") {
+        const order = (_a = current.value) == null ? void 0 : _a[0];
+        const subscriptionId = currentSubscriptionId ?? (order == null ? void 0 : order.subscriptionId) ?? ((_c = (_b = order == null ? void 0 : order.items) == null ? void 0 : _b[0]) == null ? void 0 : _c.subscriptionId);
+        await notifyChanged(subscriptionId);
+      }
+      return result;
+    },
+    reloadCurrent
+  };
+}
+const SettingsServiceContext = createContext("services/settings");
+function createSettingsService(initial = {}) {
+  const current = d(initial);
+  return {
+    current,
+    get(key) {
+      return this.current.value[key];
+    }
+  };
+}
+function createShopService(options) {
+  const contactEmail = d(options.getContactEmail());
+  const service = { contactEmail };
+  return service;
+}
+const ShopServiceContext = createContext("services/shop");
+const SubscriptionServiceContext = createContext("services/subscription");
+function getCurrentSubscriptionId() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const pathname = window.location.pathname;
+  const segments = pathname.split("/").filter(Boolean);
+  const subscriptionIndex = segments.findIndex(
+    (segment) => segment === "subscriptions" || segment === "subscription"
+  );
+  if (subscriptionIndex !== -1 && segments[subscriptionIndex + 1]) {
+    return segments[subscriptionIndex + 1];
+  }
+  const uuidPattern = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  const lastSegment = segments[segments.length - 1];
+  if (lastSegment && uuidPattern.test(lastSegment)) {
+    return lastSegment;
+  }
+  return null;
+}
+function createSubscriptionService(adapter) {
+  const current = d(null);
+  const hasPendingBilling = w(
+    () => {
+      var _a, _b, _c, _d;
+      return ((_b = (_a = current.value) == null ? void 0 : _a.lastBillingAttempt) == null ? void 0 : _b.ready) === false || ((_d = (_c = current.value) == null ? void 0 : _c.renewal) == null ? void 0 : _d.isInActiveProcessState) === true;
+    }
+  );
+  const discountsChangedAt = d(0);
+  const itemsChangedAt = d(0);
+  const lastOrder = d(null);
+  async function refreshAfterDiscountChange() {
+    await reload();
+    discountsChangedAt.value = discountsChangedAt.value + 1;
+  }
+  async function refreshAfterItemChange() {
+    await reload();
+    itemsChangedAt.value = itemsChangedAt.value + 1;
+  }
+  function subscriptionIdFromCurrent() {
+    var _a;
+    return ((_a = current.value) == null ? void 0 : _a.id) ?? null;
+  }
+  async function reload() {
+    var _a, _b;
+    const id = (_a = current.value) == null ? void 0 : _a.id;
+    if (!id) return;
+    const [subResult, lastOrderResult] = await Promise.all([
+      adapter.getById(id),
+      adapter.getLastOrder({ subscriptionId: id })
+    ]);
+    if (((_b = current.value) == null ? void 0 : _b.id) !== id) return;
+    if (subResult._tag === "Success") current.value = subResult.data;
+    if (lastOrderResult._tag === "Success") lastOrder.value = lastOrderResult.data;
+  }
+  const service = {
+    current,
+    hasPendingBilling,
+    discountsChangedAt,
+    itemsChangedAt,
+    lastOrder,
+    search: adapter.search,
+    // Prefer the adapter's rich cross-subscription list (legacy endpoint, active-first).
+    // Fall back to a single `search` page for adapters that don't implement it
+    // (e.g. the editor mock) so the cross-subscription views still render.
+    listAll: adapter.listAll ? adapter.listAll.bind(adapter) : async () => {
+      const result = await adapter.search();
+      if (result._tag !== "Success") return result;
+      return { _tag: "Success", data: result.data.items };
+    },
+    getById: adapter.getById,
+    getCurrentSubscriptionId,
+    addItem: async (subscriptionId, item) => {
+      const result = await adapter.addItem({ subscriptionId, item });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    removeItem: async (subscriptionId, itemId) => {
+      const result = await adapter.removeItem({ subscriptionId, itemId });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    updateItem: async (subscriptionId, lineId, update) => {
+      const result = await adapter.updateItem({ subscriptionId, lineId, update });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    updateItemAttributes: async (subscriptionId, lineId, customAttributes) => {
+      const result = await adapter.updateItemAttributes({ subscriptionId, lineId, customAttributes });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    updateAttributes: async (subscriptionId, customAttributes) => {
+      const result = await adapter.updateAttributes({ subscriptionId, customAttributes });
+      if (result._tag === "Success") {
+        await reload();
+      }
+      return result;
+    },
+    skipLineItem: async (subscriptionId, lineId, nextBillingDate) => {
+      const result = await adapter.skipLineItem({ subscriptionId, lineId, nextBillingDate });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    updateBoxItems: async (subscriptionId, params) => {
+      const result = await adapter.updateBoxItems({ subscriptionId, ...params });
+      if (result._tag === "Success") {
+        await refreshAfterItemChange();
+      }
+      return result;
+    },
+    addDiscount: async (code, subscriptionId) => {
+      const id = subscriptionId ?? subscriptionIdFromCurrent();
+      if (id == null) {
+        return {
+          _tag: "Failure",
+          error: { kind: "SUBSCRIPTION_NOT_FOUND" }
+        };
+      }
+      const result = await adapter.addDiscount({ subscriptionId: id, code });
+      if (result._tag === "Success") {
+        await refreshAfterDiscountChange();
+      }
+      return result;
+    },
+    removeDiscount: async (discountId, subscriptionId) => {
+      const id = subscriptionId ?? subscriptionIdFromCurrent();
+      if (id == null) {
+        return {
+          _tag: "Failure",
+          error: { kind: "SUBSCRIPTION_NOT_FOUND" }
+        };
+      }
+      const result = await adapter.removeDiscount({
+        subscriptionId: id,
+        discountId
+      });
+      if (result._tag === "Success") {
+        await refreshAfterDiscountChange();
       }
-      const result = await adapter.removeDiscount({
-        subscriptionId: id,
-        discountId
-      });
-      if (result._tag === "Success") {
-        await refreshAfterDiscountChange(id);
-      }
       return result;
     },
     reschedule: (subscriptionId, newDate) => adapter.reschedule({ subscriptionId, newDate }),
+    updateCustomAttributes: (subscriptionId, customAttributes) => adapter.updateCustomAttributes({ subscriptionId, customAttributes }),
     resume: (subscriptionId) => adapter.resume({ subscriptionId }),
     pause: (subscriptionId) => adapter.pause({ subscriptionId }),
     reactivate: (subscriptionId) => adapter.reactivate({ subscriptionId }),
     cancel: (subscriptionId, reason) => adapter.cancel({ subscriptionId, reason }),
+    renewNow: (params) => adapter.renewNow(params),
+    changeFrequency: (subscriptionId, plan) => adapter.changeFrequency({ subscriptionId, plan }),
+    reload,
     getAvailablePlans: (subscriptionId) => adapter.getAvailablePlans({ subscriptionId }),
     getDefaultSubscriptionId: () => adapter.getDefaultSubscriptionId(),
-    current,
-    discountsChangedAt: discountsChangedAtSignal,
-    itemsChangedAt: itemsChangedAtSignal
+    getUpsellProducts: (params) => adapter.getUpsellProducts ? adapter.getUpsellProducts(params) : Promise.resolve({ _tag: "Success", data: [] }),
+    addUpsellProduct: (params) => adapter.addUpsellProduct ? adapter.addUpsellProduct(params) : Promise.resolve({ _tag: "Success", data: void 0 })
   };
   return service;
 }
-const DISCOUNT_REJECTION_REASONS = [
-  "INVALID_CODE",
-  "INACTIVE",
-  "NOT_APPLICABLE_TO_CUSTOMER",
-  "ALREADY_ADDED",
-  "ALREADY_USED",
-  "NOT_APPLICABLE_TO_PRODUCTS",
-  "NOT_APPLICABLE_TO_SUBSCRIPTION",
-  "INVALID_COMBINATION",
-  "QUANTITY_REQUIREMENT_NOT_MET"
-];
 function getDefaultBlockForAction(actionType, actionConfig, blockId) {
   const blockName = `action:${actionType}`;
   const definedBlocks = getDefinedBlocks();
@@ -2200,7 +4100,10 @@ export {
   P as PAGE_ROOT_SLOT,
   ProductServiceContext,
   RouterServiceContext,
+  SchedulesServiceContext,
   S as SelectedBlockContext,
+  SettingsServiceContext,
+  ShopServiceContext,
   u as Signal,
   StateContext,
   SubscriptionServiceContext,
@@ -2219,6 +4122,12 @@ export {
   compactItems,
   I as compactLayoutDocument,
   w as computed,
+  createApiCustomerAdapter,
+  createApiLoginAdapter,
+  createApiOrdersAdapter,
+  createApiProductAdapter,
+  createApiSchedulesAdapter,
+  createApiSubscriptionAdapter,
   createBlockInstance,
   J as createBlockInstanceFromJSON,
   K as createBlockInstanceFromObject,
@@ -2226,15 +4135,22 @@ export {
   createContext,
   createCustomerService,
   O as createDefaultLayoutDocument,
+  createLoginService,
+  createMockCustomerAdapter,
+  createMockLoginAdapter,
   createMockOrdersAdapter,
   createMockProductAdapter,
   createMockRouterService,
+  createMockSchedulesAdapter,
   createMockSubscriptionAdapter,
   createMockWorkflowApiAdapter,
   createOrdersService,
   createProductService,
   createRouterService,
+  createSchedulesService,
   Q as createSelectedBlock,
+  createSettingsService,
+  createShopService,
   createState,
   createSubscriptionService,
   R as createThemeState,