@erplora/outfitkit 0.1.16 → 0.1.17

package/dist/components/ok-receipt/ok-receipt.d.ts

@@ -77,6 +77,11 @@ export interface ReceiptData {
     qr?: string;
     /** Leyenda bajo el QR. */
     qr_note?: string;
+    /** QR promocional del negocio (reseñas Google, redes, web). Va SIEMPRE al final,
+     *  después del fiscal (que es el legal) y más pequeño. Si vacío, no deja rastro. */
+    promo_qr?: string;
+    /** Leyenda sobre el QR promocional (p.ej. «Escanea y déjanos una reseña»). */
+    promo_note?: string;
 }
 export declare class OkReceipt extends LitElement {
     static styles: import("lit").CSSResult;
@@ -95,6 +100,8 @@ export declare class OkReceipt extends LitElement {
     private renderLines;
     private renderTotals;
     private renderQr;
+    /** QR promocional (reseñas/redes): al final del papel y más pequeño que el fiscal. */
+    private renderPromo;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/ok-receipt/ok-receipt.test.d.ts

@@ -0,0 +1 @@
+import './ok-receipt.js';

package/dist/ok-receipt.js

@@ -76,6 +76,8 @@ class OkReceipt extends LitElement {
     .footer { font-size: 10px; white-space: pre-line; }
     .qr-wrap { display: flex; flex-direction: column; align-items: center; gap: 1mm; margin-top: 2mm; }
     .qr-note { font-size: 8px; text-align: center; word-break: break-word; }
+    .promo-wrap { display: flex; flex-direction: column; align-items: center; gap: 1mm; margin-top: 2mm; }
+    .promo-note { font-size: 9px; text-align: center; word-break: break-word; }
     .empty { padding: 4mm; text-align: center; color: #888; font-style: italic; }
   `;
   }
@@ -101,6 +103,7 @@ class OkReceipt extends LitElement {
       ${this.renderTotals(r)}
       ${r.footer ? html`<hr class="sep" /><div class="center footer">${r.footer}</div>` : nothing}
       ${this.renderQr(r)}
+      ${this.renderPromo(r)}
     </div>`;
   }
   renderHeader(r) {
@@ -167,6 +170,14 @@ class OkReceipt extends LitElement {
       ${r.qr_note ? html`<div class="qr-note">${r.qr_note}</div>` : nothing}
     </div>`;
   }
+  /** QR promocional (reseñas/redes): al final del papel y más pequeño que el fiscal. */
+  renderPromo(r) {
+    if (!r.promo_qr) return nothing;
+    return html`<div class="promo-wrap">
+      ${r.promo_note ? html`<div class="promo-note">${r.promo_note}</div>` : nothing}
+      <ok-qr .value=${r.promo_qr} .size=${Math.round(this.qrSize * 0.7)} ec="M" color="#000" background="#fff"></ok-qr>
+    </div>`;
+  }
 }
 __decorateClass([
   property({ attribute: false })

package/dist/outfitkit.bundle.js

@@ -10764,6 +10764,8 @@ class So extends g {
     .footer { font-size: 10px; white-space: pre-line; }
     .qr-wrap { display: flex; flex-direction: column; align-items: center; gap: 1mm; margin-top: 2mm; }
     .qr-note { font-size: 8px; text-align: center; word-break: break-word; }
+    .promo-wrap { display: flex; flex-direction: column; align-items: center; gap: 1mm; margin-top: 2mm; }
+    .promo-note { font-size: 9px; text-align: center; word-break: break-word; }
     .empty { padding: 4mm; text-align: center; color: #888; font-style: italic; }
   `;
   }
@@ -10788,6 +10790,7 @@ class So extends g {
       ${this.renderTotals(e)}
       ${e.footer ? s`<hr class="sep" /><div class="center footer">${e.footer}</div>` : m}
       ${this.renderQr(e)}
+      ${this.renderPromo(e)}
     </div>` : s`<div class="paper empty">${this.t.empty}</div>`;
   }
   renderHeader(e) {
@@ -10852,6 +10855,13 @@ class So extends g {
       ${e.qr_note ? s`<div class="qr-note">${e.qr_note}</div>` : m}
     </div>` : m;
   }
+  /** QR promocional (reseñas/redes): al final del papel y más pequeño que el fiscal. */
+  renderPromo(e) {
+    return e.promo_qr ? s`<div class="promo-wrap">
+      ${e.promo_note ? s`<div class="promo-note">${e.promo_note}</div>` : m}
+      <ok-qr .value=${e.promo_qr} .size=${Math.round(this.qrSize * 0.7)} ec="M" color="#000" background="#fff"></ok-qr>
+    </div>` : m;
+  }
 }
 Ci([
   l({ attribute: !1 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erplora/outfitkit",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "OutfitKit — librería de Web Components (Lit) que CONSTRUYE lo que Ionic no tiene (tree, data-table rica, inline-feedback, kpi/stat, stepper/wizard, calendar, kanban…) sobre primitivos de Ionic. Ionic es la base; OutfitKit cubre los huecos. npm + CDN, imports individuales, CSP-safe. Tema vía tokens --ok-* (fallback a --ion-*).",
   "type": "module",
   "license": "MIT",