@crediball/elements 0.9.0 → 0.10.0

package/dist/{chunk-MLNG4RJB.js → chunk-YP5JNDTD.js}

@@ -433,7 +433,7 @@ var CrediballPaywallElement = class extends CrediballElement {
                      </button>`
     ).join("")}
                  </div>` : ""}
-          ${this.renderPromoCode()}
+          ${this.renderPromoCode(Boolean(pkgs?.hasActiveCheckoutPromotion))}
           <div class="list">
             ${packages.length ? packages.map(
       (p) => `
@@ -568,11 +568,14 @@ var CrediballPaywallElement = class extends CrediballElement {
       }
     });
   }
-  /** HTML for the "Have a promo code?" toggle-open field. Gated on the
-   * `allow-promo-code` attribute (off by default). Not validated client-side —
-   * an invalid code simply doesn't grant a bonus when the top-up is processed. */
-  renderPromoCode() {
-    if (!this.hasAttribute("allow-promo-code")) return "";
+  /** HTML for the "Have a promo code?" toggle-open field. Shown automatically
+   * once the app has an active Checkout promotion (same as the custom-amount
+   * field auto-following the dashboard's custom-topup config) — the
+   * `allow-promo-code` attribute is only needed to force it on before you've
+   * set one up. Not validated client-side — an invalid code simply doesn't
+   * grant a bonus when the top-up is processed. */
+  renderPromoCode(hasActiveCheckoutPromotion) {
+    if (!this.hasAttribute("allow-promo-code") && !hasActiveCheckoutPromotion) return "";
     const label = this.getAttribute("promo-code-label") ?? "Have a promo code?";
     if (!this.promoCodeOpen) {
       return `<div class="promo-code">

package/dist/crediball-elements.iife.js

@@ -847,7 +847,7 @@ var Crediball = (() => {
                      </button>`
       ).join("")}
                  </div>` : ""}
-          ${this.renderPromoCode()}
+          ${this.renderPromoCode(Boolean(pkgs?.hasActiveCheckoutPromotion))}
           <div class="list">
             ${packages.length ? packages.map(
         (p) => `
@@ -982,11 +982,14 @@ var Crediball = (() => {
         }
       });
     }
-    /** HTML for the "Have a promo code?" toggle-open field. Gated on the
-     * `allow-promo-code` attribute (off by default). Not validated client-side —
-     * an invalid code simply doesn't grant a bonus when the top-up is processed. */
-    renderPromoCode() {
-      if (!this.hasAttribute("allow-promo-code")) return "";
+    /** HTML for the "Have a promo code?" toggle-open field. Shown automatically
+     * once the app has an active Checkout promotion (same as the custom-amount
+     * field auto-following the dashboard's custom-topup config) — the
+     * `allow-promo-code` attribute is only needed to force it on before you've
+     * set one up. Not validated client-side — an invalid code simply doesn't
+     * grant a bonus when the top-up is processed. */
+    renderPromoCode(hasActiveCheckoutPromotion) {
+      if (!this.hasAttribute("allow-promo-code") && !hasActiveCheckoutPromotion) return "";
       const label = this.getAttribute("promo-code-label") ?? "Have a promo code?";
       if (!this.promoCodeOpen) {
         return `<div class="promo-code">

package/dist/index.d.ts

@@ -123,9 +123,12 @@ declare class CrediballPaywallElement extends CrediballElement {
     open(): void;
     close(): void;
     protected render(): void;
-    /** HTML for the "Have a promo code?" toggle-open field. Gated on the
-     * `allow-promo-code` attribute (off by default). Not validated client-side —
-     * an invalid code simply doesn't grant a bonus when the top-up is processed. */
+    /** HTML for the "Have a promo code?" toggle-open field. Shown automatically
+     * once the app has an active Checkout promotion (same as the custom-amount
+     * field auto-following the dashboard's custom-topup config) — the
+     * `allow-promo-code` attribute is only needed to force it on before you've
+     * set one up. Not validated client-side — an invalid code simply doesn't
+     * grant a bonus when the top-up is processed. */
     private renderPromoCode;
     /** The current promo code input value (uppercased, trimmed), or undefined
      * when the field isn't shown/filled in. Read at click time — never re-render

package/dist/index.js

@@ -6,7 +6,7 @@ import {
   CrediballReferralCardElement,
   CrediballTopUpButtonElement,
   CrediballUsageElement
-} from "./chunk-MLNG4RJB.js";
+} from "./chunk-YP5JNDTD.js";
 export {
   CrediballBalanceElement,
   CrediballElement,

package/dist/register.js

@@ -5,7 +5,7 @@ import {
   CrediballReferralCardElement,
   CrediballTopUpButtonElement,
   CrediballUsageElement
-} from "./chunk-MLNG4RJB.js";
+} from "./chunk-YP5JNDTD.js";
 
 // src/register.ts
 function define(name, ctor) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crediball/elements",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Framework-agnostic web components for showing Crediball credits inside your AI app.",
   "license": "MIT",
   "author": "Filippo Rezzadore <filipporezzadore@gmail.com>",
@@ -56,7 +56,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@crediball/core": "^0.8.0"
+    "@crediball/core": "^0.9.0"
   },
   "devDependencies": {
     "tsup": "^8.3.5",