@gomusdev/web-components 3.0.0-next.3 → 3.1.0

package/README.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## 3.1.0 (2026-05-26)
+
+### Features
+
+* **coupon:** ensure coupon codes are stored in uppercase and update tests/documentation
+
+### Bug Fixes
+
+* **auth:** replace 1s localStorage poll with storage event
+
+## 3.0.0 (2026-05-26)
+
+### ⚠ BREAKING CHANGES
+
+* **cart:** <go-cart> is now a composable shell. The old self-rendering
+<go-cart></go-cart> markup no longer renders the standard layout — integrators
+must migrate to the new subcomponents (<go-cart-items>, <go-cart-coupons>,
+<go-cart-subtotal-amount>, <go-cart-discounted-amount>, <go-cart-total-amount>)
+or use the `default` attribute as a drop-in. Coupon row classes are renamed
+(.go-cart-coupon, .go-cart-coupon-code, .go-cart-coupon-remove). The remove
+button uses the shared .go-cart-remove class. <go-if> now exposes the cart
+projection as data.cartView. See README.md and the cart documentation for
+the full migration.
+
+Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+
+### Features
+
+* **cart, if:** expose cart projection to go-if and document coupon scenarios
+* **cart:** enhance layout & UX with new coupon redemption and styling updates
+* **cart:** modularize cart components and add customizable subcomponents
+
+### Bug Fixes
+
+* flush unsubmitted coupon token before checkout
+* include 2.1.1 patches from master
+* **shop:** remove dangerous clearCache() that wiped auth and cart, closes [this.#data](https://gitlab.giantmonkey.de/gomus/this./issues/data) [gomus/frontend#24](https://gitlab.giantmonkey.de/gomus/frontend/issues/24)
+* validate coupon on go-after-validation, not just submit
+
+### Documentation
+
+* **cart:** announce 3.0.0 breaking change for cart composable rewrite
+
 ## 3.0.0-next.3 (2026-05-21)
 
 ### Bug Fixes

package/dist-js/gomus-webcomponents.iife.js

@@ -5684,7 +5684,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
     constructor() {
       this.load();
-      setInterval(() => this.load(), 1e3);
+      if (typeof window !== "undefined") {
+        window.addEventListener("storage", (e) => {
+          if (e.key === "go-auth") this.load();
+        });
+      }
     }
     customerLevel() {
       if (this.isGuest()) return 10;
@@ -5726,9 +5730,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       return JSON.stringify(this.#data);
     }
     save() {
+      if (typeof localStorage === "undefined") return;
       localStorage.setItem("go-auth", this.toString());
     }
     load() {
+      if (typeof localStorage === "undefined") return;
       const str = localStorage.getItem("go-auth");
       if (!str) {
         this.signOut();
@@ -17530,6 +17536,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       shop.cart.coupons.join("|");
       untrack(() => details.calculateDisplayCart());
     });
+    async function flushCoupons() {
+      const els = $$props.$$host.querySelectorAll("go-coupon-redemption");
+      let ok2 = true;
+      for (const el of els) {
+        const result = await el.flush?.();
+        if (result && !result.success) ok2 = false;
+      }
+      return ok2;
+    }
+    $$props.$$host.addEventListener("click", async (e) => {
+      const submit = e.target.closest("go-submit");
+      if (!submit) return;
+      const innerForm = submit.closest("go-form");
+      if (innerForm && $$props.$$host.contains(innerForm)) return;
+      const ok2 = await flushCoupons();
+      $$props.$$host.dispatchEvent(new CustomEvent("go-submit", { detail: { ok: ok2 }, bubbles: true, composed: true }));
+    });
     var $$exports = {
       get preview() {
         return preview();
@@ -17628,20 +17651,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       ]
     });
     wrapInElement($$props.$$host, "go-form", { "form-id": "checkoutGuest", custom: custom2() });
-    async function flushCoupons() {
-      const couponEls = document.querySelectorAll("go-coupon-redemption");
-      let allOk = true;
-      for (const el of couponEls) {
-        const result = await el.flush?.();
-        if (result && !result.success) allOk = false;
-      }
-      return allOk;
-    }
-    $$props.$$host.addEventListener("go-after-validation", flushCoupons);
     $$props.$$host.addEventListener("submit", async (e) => {
       const form = e.target;
       if (!get$2(cart)) return;
-      if (!await flushCoupons()) return;
       const auth = await shop.signUp(form.details.formData, true);
       if (auth.error) {
         form.details.apiErrors = auth.error.errors;
@@ -17720,7 +17732,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     async function runRedeem(form) {
       const field = form.details.fields.find((f) => f.key === "token");
-      const token = (form.details.fieldValue("token") ?? "").trim();
+      const token = (form.details.fieldValue("token") ?? "").trim().toUpperCase();
       if (!token) return { success: true };
       const result = await redeem(token);
       if (!result.success) {

package/dist-js/gomus-webcomponents.js

@@ -5684,7 +5684,11 @@ class Auth {
   };
   constructor() {
     this.load();
-    setInterval(() => this.load(), 1e3);
+    if (typeof window !== "undefined") {
+      window.addEventListener("storage", (e) => {
+        if (e.key === "go-auth") this.load();
+      });
+    }
   }
   customerLevel() {
     if (this.isGuest()) return 10;
@@ -5726,9 +5730,11 @@ class Auth {
     return JSON.stringify(this.#data);
   }
   save() {
+    if (typeof localStorage === "undefined") return;
     localStorage.setItem("go-auth", this.toString());
   }
   load() {
+    if (typeof localStorage === "undefined") return;
     const str = localStorage.getItem("go-auth");
     if (!str) {
       this.signOut();
@@ -17530,6 +17536,23 @@ function Cart($$anchor, $$props) {
     shop.cart.coupons.join("|");
     untrack(() => details.calculateDisplayCart());
   });
+  async function flushCoupons() {
+    const els = $$props.$$host.querySelectorAll("go-coupon-redemption");
+    let ok2 = true;
+    for (const el of els) {
+      const result = await el.flush?.();
+      if (result && !result.success) ok2 = false;
+    }
+    return ok2;
+  }
+  $$props.$$host.addEventListener("click", async (e) => {
+    const submit = e.target.closest("go-submit");
+    if (!submit) return;
+    const innerForm = submit.closest("go-form");
+    if (innerForm && $$props.$$host.contains(innerForm)) return;
+    const ok2 = await flushCoupons();
+    $$props.$$host.dispatchEvent(new CustomEvent("go-submit", { detail: { ok: ok2 }, bubbles: true, composed: true }));
+  });
   var $$exports = {
     get preview() {
       return preview();
@@ -17628,20 +17651,9 @@ function CheckoutForm($$anchor, $$props) {
     ]
   });
   wrapInElement($$props.$$host, "go-form", { "form-id": "checkoutGuest", custom: custom2() });
-  async function flushCoupons() {
-    const couponEls = document.querySelectorAll("go-coupon-redemption");
-    let allOk = true;
-    for (const el of couponEls) {
-      const result = await el.flush?.();
-      if (result && !result.success) allOk = false;
-    }
-    return allOk;
-  }
-  $$props.$$host.addEventListener("go-after-validation", flushCoupons);
   $$props.$$host.addEventListener("submit", async (e) => {
     const form = e.target;
     if (!get$2(cart)) return;
-    if (!await flushCoupons()) return;
     const auth = await shop.signUp(form.details.formData, true);
     if (auth.error) {
       form.details.apiErrors = auth.error.errors;
@@ -17720,7 +17732,7 @@ function CouponRedemption($$anchor, $$props) {
   });
   async function runRedeem(form) {
     const field = form.details.fields.find((f) => f.key === "token");
-    const token = (form.details.fieldValue("token") ?? "").trim();
+    const token = (form.details.fieldValue("token") ?? "").trim().toUpperCase();
     if (!token) return { success: true };
     const result = await redeem(token);
     if (!result.success) {