react-pdf-levelup 2.0.32 → 3.0.34

package/dist/index.cjs

@@ -0,0 +1,954 @@
+"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_renderer10.Font,
+  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_renderer10.StyleSheet,
+  Table: () => Table,
+  Tbody: () => Tbody,
+  Td: () => Td,
+  Text: () => import_renderer10.Text,
+  Th: () => Th,
+  Thead: () => Thead,
+  Tr: () => Tr,
+  U: () => U,
+  UL: () => UL,
+  View: () => import_renderer10.View,
+  decodeBase64Pdf: () => decodeBase64Pdf_default,
+  generatePDF: () => generatePDF_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/core/LayoutPDF.tsx
+var import_react = __toESM(require("react"), 1);
+var import_renderer = require("@react-pdf/renderer");
+var styles = import_renderer.StyleSheet.create({
+  page: {
+    backgroundColor: "white",
+    padding: 30,
+    fontFamily: "Helvetica",
+    fontSize: 14
+  },
+  footer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    textAlign: "center"
+  }
+});
+var LayoutPDF = ({
+  children,
+  size = "A4",
+  orientation = "vertical",
+  backgroundColor = "white",
+  padding = 30,
+  margen = "normal",
+  style = {},
+  footer,
+  lines = footer ? 2 : 1
+}) => {
+  const LINE_HEIGHT = 20;
+  const FOOTER_PADDING = 10;
+  const footerHeight = lines * LINE_HEIGHT + FOOTER_PADDING;
+  const getMargins = (margen2, pageSize) => {
+    const normalizedSize = pageSize.toUpperCase();
+    switch (margen2) {
+      case "apa":
+        if (normalizedSize === "LETTER" || normalizedSize === "LEGAL") {
+          return {
+            paddingTop: 72,
+            paddingRight: 72,
+            paddingBottom: 72,
+            paddingLeft: 72
+          };
+        }
+        return {
+          paddingTop: 72,
+          paddingRight: 72,
+          paddingBottom: 72,
+          paddingLeft: 72
+        };
+      case "estrecho":
+        return {
+          paddingTop: 36,
+          paddingRight: 36,
+          paddingBottom: 36,
+          paddingLeft: 36
+        };
+      case "ancho":
+        return {
+          paddingTop: 108,
+          paddingRight: 108,
+          paddingBottom: 108,
+          paddingLeft: 108
+        };
+      case "normal":
+      default:
+        return {
+          paddingTop: padding,
+          paddingRight: padding,
+          paddingBottom: padding,
+          paddingLeft: padding
+        };
+    }
+  };
+  let safeSize = size;
+  let safeOrientation = orientation;
+  let safeBackgroundColor = backgroundColor;
+  let safeLines = Math.max(1, Math.min(lines, 10));
+  let safeMargen = margen;
+  try {
+    const validSizes = ["A0", "A1", "A2", "A3", "A4", "A5", "A6", "A7", "A8", "A9", "LETTER", "LEGAL", "TABLOID"];
+    if (typeof size === "string" && !validSizes.includes(size.toUpperCase())) {
+      console.warn(`Invalid page size: ${size}. Using A4 as default.`);
+      safeSize = "A4";
+    }
+    if (orientation !== "vertical" && orientation !== "horizontal") {
+      console.warn(`Invalid orientation: ${orientation}. Using vertical as default.`);
+      safeOrientation = "vertical";
+    }
+    if (typeof backgroundColor !== "string") {
+      console.warn(`Invalid background color: ${backgroundColor}. Using white as default.`);
+      safeBackgroundColor = "white";
+    }
+    const validMargins = ["apa", "normal", "estrecho", "ancho"];
+    if (!validMargins.includes(margen)) {
+      console.warn(`Invalid margin type: ${margen}. Using normal as default.`);
+      safeMargen = "normal";
+    }
+    if (typeof lines !== "number" || lines < 1) {
+      console.warn(`Invalid lines value: ${lines}. Using 1 as default.`);
+      safeLines = 1;
+    }
+  } catch (e) {
+    console.warn("Error processing props in LayoutPDF:", e);
+  }
+  const transformOrientation = (orientation2) => {
+    switch (orientation2) {
+      case "vertical":
+        return "portrait";
+      case "horizontal":
+        return "landscape";
+      default:
+        console.warn(`Unrecognized orientation: ${orientation2}. Using portrait as default.`);
+        return "portrait";
+    }
+  };
+  const getFooterPosition = (pageSize, orientation2, footerHeight2) => {
+    const pageDimensions = {
+      A0: { width: 841, height: 1189 },
+      A1: { width: 594, height: 841 },
+      A2: { width: 420, height: 594 },
+      A3: { width: 297, height: 420 },
+      A4: { width: 210, height: 297 },
+      A5: { width: 148, height: 210 },
+      A6: { width: 105, height: 148 },
+      A7: { width: 74, height: 105 },
+      A8: { width: 52, height: 74 },
+      A9: { width: 37, height: 52 },
+      LETTER: { width: 216, height: 279 },
+      LEGAL: { width: 216, height: 356 },
+      TABLOID: { width: 279, height: 432 }
+    };
+    const mmToPoints = 2.834645669;
+    const dimensions = pageDimensions[pageSize.toUpperCase()];
+    if (!dimensions) {
+      return orientation2 === "landscape" ? 595 - footerHeight2 - 10 : 842 - footerHeight2 - 10;
+    }
+    const heightInPoints = dimensions.height * mmToPoints;
+    const widthInPoints = dimensions.width * mmToPoints;
+    return orientation2 === "landscape" ? widthInPoints - footerHeight2 - 10 : heightInPoints - footerHeight2 - 10;
+  };
+  const pdfOrientation = transformOrientation(safeOrientation);
+  const margins = getMargins(safeMargen, safeSize);
+  const footerTop = getFooterPosition(safeSize, pdfOrientation, footerHeight);
+  const pageStyle = {
+    ...styles.page,
+    backgroundColor: safeBackgroundColor,
+    ...margins,
+    paddingBottom: margins.paddingBottom + footerHeight,
+    ...style
+  };
+  const footerStyle = {
+    ...styles.footer,
+    top: footerTop,
+    height: footerHeight,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: 10,
+    color: "grey"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ import_react.default.createElement(import_renderer.View, { style: { paddingBottom: footerHeight } }, children), /* @__PURE__ */ import_react.default.createElement(import_renderer.View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ import_react.default.createElement(import_renderer.Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` }))));
+};
+var LayoutPDF_default = LayoutPDF;
+
+// src/components/core/Img.tsx
+var import_react2 = __toESM(require("react"), 1);
+var import_renderer2 = require("@react-pdf/renderer");
+var styles2 = import_renderer2.StyleSheet.create({
+  image: {
+    width: "100%",
+    height: "auto",
+    marginBottom: 14
+  }
+});
+var Img = ({ src, style }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { src, style: [styles2.image, style] });
+};
+var Img_default = Img;
+
+// src/components/core/Position.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_renderer3 = require("@react-pdf/renderer");
+var styles3 = import_renderer3.StyleSheet.create({
+  left: {
+    textAlign: "left"
+  },
+  right: {
+    textAlign: "right"
+  },
+  center: {
+    textAlign: "center"
+  }
+});
+var Left = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
+};
+var Right = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
+};
+var Center = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.center, style] }, children);
+};
+
+// src/components/core/Etiquetas.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_renderer4 = require("@react-pdf/renderer");
+var styles4 = import_renderer4.StyleSheet.create({
+  p: {
+    fontSize: 12,
+    marginBottom: 5,
+    lineHeight: 1.2
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 12
+  },
+  h2: {
+    fontSize: 20,
+    fontWeight: "bold",
+    marginBottom: 10
+  },
+  h3: {
+    fontSize: 18,
+    fontWeight: "bold",
+    marginBottom: 8
+  },
+  h4: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginBottom: 6
+  },
+  h5: {
+    fontSize: 14,
+    fontWeight: "bold",
+    marginBottom: 4
+  },
+  h6: {
+    fontSize: 12,
+    fontWeight: "bold",
+    marginBottom: 0
+  },
+  strong: {
+    fontWeight: "bold"
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  u: {
+    textDecoration: "underline"
+  },
+  small: {
+    fontSize: 10
+  },
+  blockquote: {
+    marginLeft: 20,
+    marginRight: 20,
+    fontStyle: "italic",
+    borderLeft: "4px solid #ccc",
+    paddingLeft: 10
+  },
+  mark: {
+    backgroundColor: "yellow"
+  },
+  A: {
+    color: "#3d65fd",
+    textDecoration: "none"
+  },
+  br: {
+    width: "100%",
+    height: 1,
+    marginTop: 7,
+    marginBottom: 7
+  },
+  header: {
+    position: "absolute",
+    top: 20,
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    fontSize: 10,
+    color: "#666",
+    paddingHorizontal: 40
+  }
+});
+var P = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
+};
+var H1 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
+};
+var H2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
+};
+var H3 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
+};
+var H4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
+};
+var H5 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
+};
+var H6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
+};
+var Strong = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
+};
+var Em = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
+};
+var U = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
+};
+var Small = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
+};
+var Blockquote = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
+};
+var Mark = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { 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);
+};
+var BR = ({ style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
+};
+var Span = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
+};
+var Header = ({ children, style, fixed = false }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.View, { style: [styles4.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, null, children) : children);
+};
+
+// src/components/core/Tablet.tsx
+var import_react5 = __toESM(require("react"), 1);
+var import_renderer5 = require("@react-pdf/renderer");
+var styles5 = import_renderer5.StyleSheet.create({
+  table: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#000",
+    marginBottom: 20
+  },
+  thead: {
+    backgroundColor: "#ccc"
+  },
+  tr: {
+    flexDirection: "row"
+  },
+  textBold: {
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    fontWeight: "bold",
+    textAlign: "center",
+    paddingTop: 4
+  },
+  text: {
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    paddingTop: 4,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  zebraOdd: {
+    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 Tbody = ({ children, style }) => {
+  const rows = import_react5.default.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, {
+      isLastRow: idx === count - 1,
+      isOdd: idx % 2 === 1
+    })
+  ));
+};
+var Tr = ({
+  children,
+  style,
+  isLastRow = false,
+  isOdd = false
+}) => {
+  const elements = import_react5.default.Children.toArray(children);
+  const count = elements.length;
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { 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 });
+  }));
+};
+var Th = ({
+  children,
+  style,
+  width,
+  height,
+  colSpan,
+  isLast = false,
+  isLastRow = false
+}) => {
+  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
+  const borders = {
+    borderRightWidth: isLast ? 0 : 1,
+    borderBottomWidth: isLastRow ? 0 : 1,
+    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));
+};
+var Td = ({
+  children,
+  style,
+  width,
+  height,
+  colSpan,
+  isLast = false,
+  isLastRow = false,
+  isOdd = false
+}) => {
+  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
+  const borders = {
+    borderRightWidth: isLast ? 0 : 1,
+    borderBottomWidth: isLastRow ? 0 : 1,
+    borderColor: "#000",
+    ...height !== void 0 && { height }
+  };
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [
+    styles5.text,
+    isOdd && styles5.zebraOdd,
+    { width: baseWidth },
+    borders,
+    style
+  ] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+};
+
+// src/components/core/Grid.tsx
+var import_react6 = __toESM(require("react"), 1);
+var import_renderer6 = require("@react-pdf/renderer");
+var styles6 = import_renderer6.StyleSheet.create({
+  container: {
+    width: "100%",
+    paddingHorizontal: 20
+  },
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginHorizontal: -5
+  },
+  col: {
+    paddingHorizontal: 5
+  },
+  col1: { width: "8.33%" },
+  col2: { width: "16.66%" },
+  col3: { width: "25%" },
+  col4: { width: "33.33%" },
+  col5: { width: "41.66%" },
+  col6: { width: "50%" },
+  col7: { width: "58.33%" },
+  col8: { width: "66.66%" },
+  col9: { width: "75%" },
+  col10: { width: "83.33%" },
+  col11: { width: "91.66%" },
+  col12: { width: "100%" }
+});
+var Container = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
+};
+var Row = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col8 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col10 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col12 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
+};
+
+// src/components/core/QR.tsx
+var import_react7 = __toESM(require("react"), 1);
+var import_renderer7 = require("@react-pdf/renderer");
+var import_react8 = require("react");
+
+// src/components/core/QRGenerator.tsx
+var import_qrcode = __toESM(require("qrcode"), 1);
+var generateQRAsBase64 = async ({
+  value,
+  size = 150,
+  colorDark = "#000000",
+  colorLight = "#ffffff",
+  margin = 0,
+  errorCorrectionLevel = "M"
+}) => {
+  try {
+    const options = {
+      errorCorrectionLevel,
+      type: "image/png",
+      quality: 0.92,
+      margin,
+      color: {
+        dark: colorDark,
+        light: colorLight
+      },
+      width: size
+    };
+    const qrDataUrl = import_qrcode.default.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 styles7 = import_renderer7.StyleSheet.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,
+  colorDark = "#000000",
+  colorLight = "#ffffff",
+  margin = 0,
+  logo = "",
+  logoWidth = 30,
+  logoHeight = 30,
+  errorCorrectionLevel = "M"
+}) => {
+  const [qrDataUrl, setQrDataUrl] = (0, import_react8.useState)("");
+  (0, import_react8.useEffect)(() => {
+    const generateQR = async () => {
+      try {
+        const baseQrDataUrl = await generateQRAsBase64({
+          value,
+          size,
+          colorDark,
+          colorLight,
+          margin,
+          errorCorrectionLevel: typeof errorCorrectionLevel === "number" ? errorLevelMap[errorCorrectionLevel] || "M" : errorCorrectionLevel
+        });
+        if (logo && logoWidth && logoHeight) {
+          const qrWithLogo = await addLogoToQR(baseQrDataUrl, logo, logoWidth, logoHeight);
+          setQrDataUrl(qrWithLogo);
+        } else {
+          setQrDataUrl(baseQrDataUrl);
+        }
+      } catch (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);
+      }
+    };
+    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__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.qrContainer, style] }, /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Image, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
+};
+var QR_default = QR;
+
+// src/components/core/Lista.tsx
+var import_react9 = __toESM(require("react"), 1);
+var import_renderer8 = require("@react-pdf/renderer");
+var styles8 = import_renderer8.StyleSheet.create({
+  ul: {
+    marginBottom: 10,
+    paddingLeft: 15
+  },
+  ol: {
+    marginBottom: 10,
+    paddingLeft: 15
+  },
+  li: {
+    marginBottom: 5,
+    flexDirection: "row"
+  },
+  bulletPoint: {
+    width: 15,
+    marginRight: 5,
+    fontSize: 12
+  },
+  itemContent: {
+    flex: 1
+  }
+});
+var getBulletPoint = (type = "disc") => {
+  switch (type) {
+    case "circle":
+      return "\u25CB";
+    case "square":
+      return "\u25A0";
+    case "disc":
+    default:
+      return "\u2022";
+  }
+};
+var getOrderedMarker = (index, type = "decimal", start = 1) => {
+  const actualIndex = start + index - 1;
+  switch (type) {
+    case "lower-alpha":
+      return String.fromCharCode(97 + actualIndex % 26) + ".";
+    case "upper-alpha":
+      return String.fromCharCode(65 + actualIndex % 26) + ".";
+    case "lower-roman":
+      return toRoman(actualIndex).toLowerCase() + ".";
+    case "upper-roman":
+      return toRoman(actualIndex) + ".";
+    case "decimal":
+    default:
+      return actualIndex + ".";
+  }
+};
+var toRoman = (num) => {
+  if (num <= 0 || num > 3999) return String(num);
+  const romanNumerals = [
+    ["", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"],
+    ["", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"],
+    ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM"],
+    ["", "M", "MM", "MMM"]
+  ];
+  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_react9.default.Children.map(children, (child, index) => {
+    if (import_react9.default.isValidElement(child)) {
+      return import_react9.default.cloneElement(child, {
+        bulletType: type,
+        isOrdered: false,
+        index: index + 1
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.ul, style] }, childrenWithBullets);
+};
+var OL = ({ children, style, type = "decimal", start = 1 }) => {
+  const childrenWithNumbers = import_react9.default.Children.map(children, (child, index) => {
+    if (import_react9.default.isValidElement(child)) {
+      return import_react9.default.cloneElement(child, {
+        bulletType: type,
+        isOrdered: true,
+        index: index + 1,
+        start
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.ol, style] }, childrenWithNumbers);
+};
+var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
+  let marker;
+  if (isOrdered) {
+    const actualIndex = value !== void 0 ? Number(value) : index;
+    marker = getOrderedMarker(actualIndex, bulletType, start);
+  } else {
+    marker = getBulletPoint(bulletType);
+  }
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.li, style] }, /* @__PURE__ */ import_react9.default.createElement(import_renderer8.Text, { style: styles8.bulletPoint }, marker), /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: styles8.itemContent }, typeof children === "string" ? /* @__PURE__ */ import_react9.default.createElement(import_renderer8.Text, null, children) : children));
+};
+
+// src/components/core/index.tsx
+var import_renderer10 = require("@react-pdf/renderer");
+
+// src/functions/decodeBase64Pdf.ts
+var decodeBase64Pdf = (base64, fileName) => {
+  const byteCharacters = atob(base64);
+  const byteNumbers = new Array(byteCharacters.length);
+  for (let i = 0; i < byteCharacters.length; i++) {
+    byteNumbers[i] = byteCharacters.charCodeAt(i);
+  }
+  const byteArray = new Uint8Array(byteNumbers);
+  const blob = new Blob([byteArray], { type: "application/pdf" });
+  const blobUrl = URL.createObjectURL(blob);
+  if (document === void 0) {
+    console.error("document is undefined, only works in browser context");
+    return;
+  }
+  const link = document.createElement("a");
+  link.href = blobUrl;
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  window.open(blobUrl, "_blank");
+  setTimeout(() => {
+    URL.revokeObjectURL(blobUrl);
+  }, 100);
+};
+var decodeBase64Pdf_default = decodeBase64Pdf;
+
+// src/functions/generatePDF.ts
+var import_renderer9 = require("@react-pdf/renderer");
+var import_react10 = require("react");
+var generatePDF = async ({ template: Template, data }) => {
+  try {
+    if (!Template) {
+      throw new Error("Template not provided");
+    }
+    const MyDocument = (0, import_react10.createElement)(Template, { data });
+    const stream = await (0, import_renderer9.renderToStream)(MyDocument);
+    const base64String = await new Promise((resolve, reject) => {
+      const chunks = [];
+      stream.on("data", (chunk) => chunks.push(chunk));
+      stream.on("end", () => resolve(Buffer.concat(chunks).toString("base64")));
+      stream.on("error", (error) => reject(error));
+    });
+    return base64String;
+  } catch (error) {
+    throw new Error("Error generating PDF: " + (error instanceof Error ? error.message : "Unknown error"));
+  }
+};
+var generatePDF_default = generatePDF;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  A,
+  BR,
+  Blockquote,
+  Center,
+  Col1,
+  Col10,
+  Col11,
+  Col12,
+  Col2,
+  Col3,
+  Col4,
+  Col5,
+  Col6,
+  Col7,
+  Col8,
+  Col9,
+  Container,
+  Em,
+  Font,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Header,
+  Img,
+  LI,
+  LayoutPDF,
+  Left,
+  Mark,
+  OL,
+  P,
+  QR,
+  Right,
+  Row,
+  Small,
+  Span,
+  Strong,
+  StyleSheet,
+  Table,
+  Tbody,
+  Td,
+  Text,
+  Th,
+  Thead,
+  Tr,
+  U,
+  UL,
+  View,
+  decodeBase64Pdf,
+  generatePDF
+});