react-pdf-levelup 2.0.28 → 2.0.33

package/dist/index.js

@@ -1,95 +1,7 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/core/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  A: () => A,
-  BR: () => BR,
-  Blockquote: () => Blockquote,
-  Center: () => Center,
-  Col1: () => Col1,
-  Col10: () => Col10,
-  Col11: () => Col11,
-  Col12: () => Col12,
-  Col2: () => Col2,
-  Col3: () => Col3,
-  Col4: () => Col4,
-  Col5: () => Col5,
-  Col6: () => Col6,
-  Col7: () => Col7,
-  Col8: () => Col8,
-  Col9: () => Col9,
-  Container: () => Container,
-  Em: () => Em,
-  Font: () => import_renderer11.Font,
-  Footer: () => Footer,
-  H1: () => H1,
-  H2: () => H2,
-  H3: () => H3,
-  H4: () => H4,
-  H5: () => H5,
-  H6: () => H6,
-  Header: () => Header,
-  Img: () => Img_default,
-  LI: () => LI,
-  LayoutPDF: () => LayoutPDF_default,
-  Left: () => Left,
-  Mark: () => Mark,
-  OL: () => OL,
-  P: () => P,
-  QR: () => QR_default,
-  Right: () => Right,
-  Row: () => Row,
-  Small: () => Small,
-  Span: () => Span,
-  Strong: () => Strong,
-  StyleSheet: () => import_renderer11.StyleSheet,
-  Table: () => Table,
-  Tbody: () => Tbody,
-  Td: () => Td,
-  Text: () => import_renderer11.Text,
-  Th: () => Th,
-  Thead: () => Thead,
-  Tr: () => Tr,
-  U: () => U,
-  UL: () => UL,
-  View: () => import_renderer11.View,
-  decodeBase64Pdf: () => decodeBase64Pdf_default,
-  generatePDF: () => generatePDF_default
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/components/core/LayoutPDF.tsx
-var import_react = __toESM(require("react"));
-var import_renderer = require("@react-pdf/renderer");
-var styles = import_renderer.StyleSheet.create({
+import React from "react";
+import { Page, Document, StyleSheet, Text } from "@react-pdf/renderer";
+var styles = StyleSheet.create({
   page: {
     backgroundColor: "white",
     padding: 30,
@@ -146,8 +58,8 @@ var LayoutPDF = ({
     padding,
     ...style
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ import_react.default.createElement(
-    import_renderer.Text,
+  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ React.createElement(
+    Text,
     {
       style: styles.pageNumber,
       render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
@@ -158,9 +70,9 @@ var LayoutPDF = ({
 var LayoutPDF_default = LayoutPDF;
 
 // src/components/core/Img.tsx
-var import_react2 = __toESM(require("react"));
-var import_renderer2 = require("@react-pdf/renderer");
-var styles2 = import_renderer2.StyleSheet.create({
+import React2 from "react";
+import { Image as Image2, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
+var styles2 = StyleSheet2.create({
   image: {
     width: "100%",
     height: "auto",
@@ -168,14 +80,14 @@ var styles2 = import_renderer2.StyleSheet.create({
   }
 });
 var Img = ({ src, style }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { src, style: [styles2.image, style] });
+  return /* @__PURE__ */ React2.createElement(Image2, { src, style: [styles2.image, style] });
 };
 var Img_default = Img;
 
 // src/components/core/Position.tsx
-var import_react3 = __toESM(require("react"));
-var import_renderer3 = require("@react-pdf/renderer");
-var styles3 = import_renderer3.StyleSheet.create({
+import React3 from "react";
+import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
+var styles3 = StyleSheet3.create({
   left: {
     textAlign: "left"
   },
@@ -187,19 +99,19 @@ var styles3 = import_renderer3.StyleSheet.create({
   }
 });
 var Left = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.left, style] }, children);
 };
 var Right = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.right, style] }, children);
 };
 var Center = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.center, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.center, style] }, children);
 };
 
 // src/components/core/Etiquetas.tsx
-var import_react4 = __toESM(require("react"));
-var import_renderer4 = require("@react-pdf/renderer");
-var styles4 = import_renderer4.StyleSheet.create({
+import React4 from "react";
+import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
+var styles4 = StyleSheet4.create({
   p: {
     fontSize: 12,
     marginBottom: 14,
@@ -269,58 +181,58 @@ var styles4 = import_renderer4.StyleSheet.create({
   }
 });
 var P = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.p, style] }, children);
 };
 var H1 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h1, style] }, children);
 };
 var H2 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h2, style] }, children);
 };
 var H3 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h3, style] }, children);
 };
 var H4 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h4, style] }, children);
 };
 var H5 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h5, style] }, children);
 };
 var H6 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h6, style] }, children);
 };
 var Strong = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.strong, style] }, children);
 };
 var Em = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.em, style] }, children);
 };
 var U = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.u, style] }, children);
 };
 var Small = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.small, style] }, children);
 };
 var Blockquote = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.blockquote, style] }, children);
 };
 var Mark = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.mark, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.mark, style] }, children);
 };
 var A = ({ children, style, href }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Link, { src: href, style: [styles4.A, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Link, { src: href, style: [styles4.A, style] }, children);
 };
 var BR = ({ style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.br, style] }, "\n");
 };
 var Span = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [style] }, children);
 };
 
 // src/components/core/Tablet.tsx
-var import_react5 = __toESM(require("react"));
-var import_renderer5 = require("@react-pdf/renderer");
-var styles5 = import_renderer5.StyleSheet.create({
+import React5 from "react";
+import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
+var styles5 = StyleSheet5.create({
   table: {
     width: "100%",
     borderWidth: 1,
@@ -351,13 +263,13 @@ var styles5 = import_renderer5.StyleSheet.create({
     backgroundColor: "#eeeeee"
   }
 });
-var Table = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children);
-var Thead = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children);
+var Table = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { style: [styles5.table, style] }, children);
+var Thead = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { style: [styles5.thead, style] }, children);
 var Tbody = ({ children, style }) => {
-  const rows = import_react5.default.Children.toArray(children);
+  const rows = React5.Children.toArray(children);
   const count = rows.length;
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, rows.map(
-    (row, idx) => import_react5.default.cloneElement(row, {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, rows.map(
+    (row, idx) => React5.cloneElement(row, {
       isLastRow: idx === count - 1,
       isOdd: idx % 2 === 1
     })
@@ -369,12 +281,12 @@ var Tr = ({
   isLastRow = false,
   isOdd = false
 }) => {
-  const elements = import_react5.default.Children.toArray(children);
+  const elements = React5.Children.toArray(children);
   const count = elements.length;
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, elements.map((child, idx) => {
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tr, style] }, elements.map((child, idx) => {
     const isLast = idx === count - 1;
     const width = `${(100 / count).toFixed(2)}%`;
-    return import_react5.default.cloneElement(child, { width, isLast, isLastRow, isOdd });
+    return React5.cloneElement(child, { width, isLast, isLastRow, isOdd });
   }));
 };
 var Th = ({
@@ -393,7 +305,7 @@ var Th = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 var Td = ({
   children,
@@ -412,19 +324,19 @@ var Td = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [
+  return /* @__PURE__ */ React5.createElement(View2, { style: [
     styles5.text,
     isOdd && styles5.zebraOdd,
     { width: baseWidth },
     borders,
     style
-  ] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  ] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 
 // src/components/core/Grid.tsx
-var import_react6 = __toESM(require("react"));
-var import_renderer6 = require("@react-pdf/renderer");
-var styles6 = import_renderer6.StyleSheet.create({
+import React6 from "react";
+import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
+var styles6 = StyleSheet6.create({
   container: {
     width: "100%",
     paddingHorizontal: 20
@@ -451,52 +363,52 @@ var styles6 = import_renderer6.StyleSheet.create({
   col12: { width: "100%" }
 });
 var Container = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.container, style] }, children);
 };
 var Row = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.row, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.row, style] }, children);
 };
 var Col1 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col1, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col1, style] }, children);
 };
 var Col2 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col2, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col2, style] }, children);
 };
 var Col3 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col3, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col3, style] }, children);
 };
 var Col4 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col4, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col4, style] }, children);
 };
 var Col5 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col5, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col5, style] }, children);
 };
 var Col6 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col6, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col6, style] }, children);
 };
 var Col7 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col7, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col7, style] }, children);
 };
 var Col8 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col8, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col8, style] }, children);
 };
 var Col9 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col9, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col9, style] }, children);
 };
 var Col10 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col10, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col10, style] }, children);
 };
 var Col11 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col11, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col11, style] }, children);
 };
 var Col12 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
 };
 
 // src/components/core/PageElements.tsx
-var import_react7 = __toESM(require("react"));
-var import_renderer7 = require("@react-pdf/renderer");
-var styles7 = import_renderer7.StyleSheet.create({
+import React7 from "react";
+import { Text as Text4, View as View4, StyleSheet as StyleSheet7 } from "@react-pdf/renderer";
+var styles7 = StyleSheet7.create({
   header: {
     position: "absolute",
     top: 20,
@@ -519,181 +431,162 @@ var styles7 = import_renderer7.StyleSheet.create({
   }
 });
 var Header = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
+  return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
 };
 var Footer = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
+  return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
 };
 
 // src/components/core/QR.tsx
-var import_react8 = __toESM(require("react"));
-var import_react9 = require("react");
-var import_renderer8 = require("@react-pdf/renderer");
-var import_qr_code_styling = __toESM(require("qr-code-styling"));
-var QR = ({
-  url,
-  size = 200,
-  colorData = "#000000",
-  colorDataBG = "#ffffff",
-  logo,
-  logoWidth = 30,
-  logoHeight,
+import React8 from "react";
+import { Image as Image3, StyleSheet as StyleSheet8, View as View5 } from "@react-pdf/renderer";
+import { useEffect, useState } from "react";
+
+// src/components/core/QRGenerator.tsx
+import QRCode from "qrcode";
+var generateQRAsBase64 = async ({
+  value,
+  size = 150,
+  colorDark = "#000000",
+  colorLight = "#ffffff",
   margin = 0,
-  errorCorrectionLevel = "H",
+  errorCorrectionLevel = "M"
+}) => {
+  try {
+    const options = {
+      errorCorrectionLevel,
+      type: "image/png",
+      quality: 0.92,
+      margin,
+      color: {
+        dark: colorDark,
+        light: colorLight
+      },
+      width: size
+    };
+    const qrDataUrl = QRCode.toDataURL(value, options);
+    return qrDataUrl;
+  } catch (error) {
+    console.error("Error generando QR:", error);
+    return "";
+  }
+};
+var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
+  return new Promise((resolve) => {
+    if (!qrDataUrl || !logoUrl) {
+      resolve(qrDataUrl);
+      return;
+    }
+    try {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        resolve(qrDataUrl);
+        return;
+      }
+      const qrImage = new Image();
+      qrImage.crossOrigin = "anonymous";
+      qrImage.onload = () => {
+        canvas.width = qrImage.width;
+        canvas.height = qrImage.height;
+        ctx.drawImage(qrImage, 0, 0, canvas.width, canvas.height);
+        const logoImage = new Image();
+        logoImage.crossOrigin = "anonymous";
+        logoImage.onload = () => {
+          const x = (canvas.width - logoWidth) / 2;
+          const y = (canvas.height - logoHeight) / 2;
+          ctx.fillStyle = "#FFFFFF";
+          ctx.fillRect(x - 5, y - 5, logoWidth + 10, logoHeight + 10);
+          ctx.drawImage(logoImage, x, y, logoWidth, logoHeight);
+          const finalQrDataUrl = canvas.toDataURL("image/png");
+          resolve(finalQrDataUrl);
+        };
+        logoImage.onerror = () => {
+          console.error("Error cargando el logo");
+          resolve(qrDataUrl);
+        };
+        logoImage.src = logoUrl;
+      };
+      qrImage.onerror = () => {
+        console.error("Error cargando el QR");
+        resolve("");
+      };
+      qrImage.src = qrDataUrl;
+    } catch (error) {
+      console.error("Error procesando el QR con logo:", error);
+      resolve(qrDataUrl);
+    }
+  });
+};
+
+// src/components/core/QR.tsx
+var styles8 = StyleSheet8.create({
+  qrContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: 10
+  }
+});
+var errorLevelMap = {
+  0: "L",
+  1: "M",
+  2: "Q",
+  3: "H"
+};
+var QR = ({
+  value,
+  size = 150,
   style,
-  dotType = "square",
-  cornerSquareType = "square",
-  cornerDotType = "square",
-  cornerSquareColor,
-  cornerDotColor,
-  logoBG = colorDataBG,
-  logoText,
-  moveText = 0,
-  textColor = colorData,
-  fontSize = 12,
-  fontFamily = "Helvetica",
-  textBackgroundColor = colorDataBG,
-  textPadding = 1,
-  textBold = true
+  colorDark = "#000000",
+  colorLight = "#ffffff",
+  margin = 0,
+  logo = "",
+  logoWidth = 30,
+  logoHeight = 30,
+  errorCorrectionLevel = "M"
 }) => {
-  const [qrDataURL, setQrDataURL] = (0, import_react9.useState)(null);
-  const actualLogoWidth = logoWidth || Math.floor(size * 0.2);
-  const actualLogoHeight = logoHeight || actualLogoWidth;
-  (0, import_react9.useEffect)(() => {
-    const generateQRCode = async () => {
+  const [qrDataUrl, setQrDataUrl] = useState("");
+  useEffect(() => {
+    const generateQR = async () => {
       try {
-        const qrCode = new import_qr_code_styling.default({
-          width: size,
-          height: size,
-          type: "canvas",
-          data: url,
-          dotsOptions: {
-            color: colorData,
-            type: dotType
-          },
-          cornersSquareOptions: {
-            color: cornerSquareColor || colorData,
-            type: cornerSquareType
-          },
-          cornersDotOptions: {
-            color: cornerDotColor || colorData,
-            type: cornerDotType
-          },
-          backgroundOptions: {
-            color: colorDataBG
-          },
-          qrOptions: {
-            errorCorrectionLevel
-          },
-          margin
+        const baseQrDataUrl = await generateQRAsBase64({
+          value,
+          size,
+          colorDark,
+          colorLight,
+          margin,
+          errorCorrectionLevel: typeof errorCorrectionLevel === "number" ? errorLevelMap[errorCorrectionLevel] || "M" : errorCorrectionLevel
         });
-        const container = document.createElement("div");
-        container.style.position = "absolute";
-        container.style.top = "-9999px";
-        container.style.left = "-9999px";
-        document.body.appendChild(container);
-        qrCode.append(container);
-        setTimeout(() => {
-          try {
-            const qrCanvas = container.querySelector("canvas");
-            if (qrCanvas) {
-              const canvas = document.createElement("canvas");
-              canvas.width = size;
-              canvas.height = size;
-              const ctx = canvas.getContext("2d");
-              if (ctx) {
-                ctx.drawImage(qrCanvas, 0, 0);
-                const dataURL = canvas.toDataURL("image/png");
-                setQrDataURL(dataURL);
-              }
-            }
-            document.body.removeChild(container);
-          } catch (error) {
-            console.error("Error capturing QR code:", error);
-          }
-        }, 100);
+        if (logo && logoWidth && logoHeight) {
+          const qrWithLogo = await addLogoToQR(baseQrDataUrl, logo, logoWidth, logoHeight);
+          setQrDataUrl(qrWithLogo);
+        } else {
+          setQrDataUrl(baseQrDataUrl);
+        }
       } catch (error) {
-        console.error("Error generating QR code:", error);
+        console.error("Error generando QR:", error);
+        const fallbackUrl2 = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
+          value
+        )}&size=${size}x${size}&color=${encodeURIComponent(colorDark.replace("#", ""))}&bgcolor=${encodeURIComponent(
+          colorLight.replace("#", "")
+        )}`;
+        setQrDataUrl(fallbackUrl2);
       }
     };
-    generateQRCode();
-  }, [
-    url,
-    size,
-    colorData,
-    colorDataBG,
-    margin,
-    errorCorrectionLevel,
-    dotType,
-    cornerSquareType,
-    cornerDotType,
-    cornerSquareColor,
-    cornerDotColor,
-    logoBG
-  ]);
-  if (!qrDataURL) return null;
-  const centerPosition = size / 2;
-  const logoContainerSize = Math.max(actualLogoWidth, actualLogoHeight) + 10;
-  return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: { width: size, height: size, position: "relative", ...style } }, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: qrDataURL || "/placeholder.svg", style: { width: size, height: size } }), logo && /* @__PURE__ */ import_react8.default.createElement(
-    import_renderer8.View,
-    {
-      style: {
-        position: "absolute",
-        width: logoContainerSize,
-        height: logoContainerSize,
-        backgroundColor: logoBG || colorDataBG,
-        left: centerPosition - logoContainerSize / 2,
-        top: centerPosition - logoContainerSize / 2,
-        borderRadius: 100,
-        border: `5px solid ${colorData}`,
-        padding: 0
-      }
-    },
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_renderer8.Image,
-      {
-        src: logo || "/placeholder.svg",
-        style: {
-          objectFit: "contain",
-          width: actualLogoWidth,
-          height: actualLogoHeight || actualLogoWidth
-        }
-      }
-    )
-  ), !logo && logoText && /* @__PURE__ */ import_react8.default.createElement(
-    import_renderer8.View,
-    {
-      style: {
-        position: "absolute",
-        backgroundColor: textBackgroundColor,
-        padding: textPadding,
-        borderRadius: 4,
-        left: moveText + centerPosition - 20,
-        // Approximate center
-        top: centerPosition - 10
-        // Approximate center
-      }
-    },
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_renderer8.Text,
-      {
-        style: {
-          color: textColor,
-          fontSize,
-          fontFamily,
-          fontWeight: textBold ? "bold" : "normal"
-        }
-      },
-      logoText
-    )
-  ));
+    generateQR();
+  }, [value, size, colorDark, colorLight, margin, logo, logoWidth, logoHeight, errorCorrectionLevel]);
+  const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
+    value
+  )}&size=${size}x${size}`;
+  return /* @__PURE__ */ React8.createElement(View5, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ React8.createElement(Image3, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
 };
 var QR_default = QR;
 
 // src/components/core/Lista.tsx
-var import_react10 = __toESM(require("react"));
-var import_renderer9 = require("@react-pdf/renderer");
-var styles8 = import_renderer9.StyleSheet.create({
+import React9 from "react";
+import { View as View6, Text as Text5, StyleSheet as StyleSheet9 } from "@react-pdf/renderer";
+var styles9 = StyleSheet9.create({
   ul: {
     marginBottom: 10,
     paddingLeft: 15
@@ -753,9 +646,9 @@ var toRoman = (num) => {
   return romanNumerals[3][Math.floor(num / 1e3)] + romanNumerals[2][Math.floor(num % 1e3 / 100)] + romanNumerals[1][Math.floor(num % 100 / 10)] + romanNumerals[0][num % 10];
 };
 var UL = ({ children, style, type = "disc" }) => {
-  const childrenWithBullets = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithBullets = React9.Children.map(children, (child, index) => {
+    if (React9.isValidElement(child)) {
+      return React9.cloneElement(child, {
         bulletType: type,
         isOrdered: false,
         index: index + 1
@@ -763,12 +656,12 @@ var UL = ({ children, style, type = "disc" }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles8.ul, style] }, childrenWithBullets);
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ul, style] }, childrenWithBullets);
 };
 var OL = ({ children, style, type = "decimal", start = 1 }) => {
-  const childrenWithNumbers = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithNumbers = React9.Children.map(children, (child, index) => {
+    if (React9.isValidElement(child)) {
+      return React9.cloneElement(child, {
         bulletType: type,
         isOrdered: true,
         index: index + 1,
@@ -777,7 +670,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles8.ol, style] }, childrenWithNumbers);
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ol, style] }, childrenWithNumbers);
 };
 var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
   let marker;
@@ -787,11 +680,11 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
   } else {
     marker = getBulletPoint(bulletType);
   }
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles8.li, style] }, /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, { style: styles8.bulletPoint }, marker), /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: styles8.itemContent }, typeof children === "string" ? /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, null, children) : children));
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.li, style] }, /* @__PURE__ */ React9.createElement(Text5, { style: styles9.bulletPoint }, marker), /* @__PURE__ */ React9.createElement(View6, { style: styles9.itemContent }, typeof children === "string" ? /* @__PURE__ */ React9.createElement(Text5, null, children) : children));
 };
 
 // src/components/core/index.tsx
-var import_renderer11 = require("@react-pdf/renderer");
+import { View as View7, Text as Text6, StyleSheet as StyleSheet10, Font } from "@react-pdf/renderer";
 
 // src/functions/decodeBase64Pdf.ts
 var decodeBase64Pdf = (base64, fileName) => {
@@ -821,15 +714,15 @@ var decodeBase64Pdf = (base64, fileName) => {
 var decodeBase64Pdf_default = decodeBase64Pdf;
 
 // src/functions/generatePDF.ts
-var import_renderer10 = require("@react-pdf/renderer");
-var import_react11 = require("react");
+import { renderToStream } from "@react-pdf/renderer";
+import { createElement } from "react";
 var generatePDF = async ({ template: Template, data }) => {
   try {
     if (!Template) {
       throw new Error("Template not provided");
     }
-    const MyDocument = (0, import_react11.createElement)(Template, { data });
-    const stream = await (0, import_renderer10.renderToStream)(MyDocument);
+    const MyDocument = createElement(Template, { data });
+    const stream = await renderToStream(MyDocument);
     const base64String = await new Promise((resolve, reject) => {
       const chunks = [];
       stream.on("data", (chunk) => chunks.push(chunk));
@@ -842,8 +735,7 @@ var generatePDF = async ({ template: Template, data }) => {
   }
 };
 var generatePDF_default = generatePDF;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   A,
   BR,
   Blockquote,
@@ -871,30 +763,30 @@ var generatePDF_default = generatePDF;
   H5,
   H6,
   Header,
-  Img,
+  Img_default as Img,
   LI,
-  LayoutPDF,
+  LayoutPDF_default as LayoutPDF,
   Left,
   Mark,
   OL,
   P,
-  QR,
+  QR_default as QR,
   Right,
   Row,
   Small,
   Span,
   Strong,
-  StyleSheet,
+  StyleSheet10 as StyleSheet,
   Table,
   Tbody,
   Td,
-  Text,
+  Text6 as Text,
   Th,
   Thead,
   Tr,
   U,
   UL,
-  View,
-  decodeBase64Pdf,
-  generatePDF
-});
+  View7 as View,
+  decodeBase64Pdf_default as decodeBase64Pdf,
+  generatePDF_default as generatePDF
+};