react-pdf-levelup 3.1.57 → 3.1.63

package/dist/index.js

@@ -1,968 +1,4 @@
-// src/components/core/LayoutPDF.tsx
-import React from "react";
-import { Page, Document, StyleSheet, Text, View } from "@react-pdf/renderer";
-var styles = 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 = {},
-  pagination = true,
-  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":
-      case "portrait":
-      case "v":
-        return "portrait";
-      case "horizontal":
-      case "landscape":
-      case "h":
-        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__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ React.createElement(View, { style: { paddingBottom: footerHeight } }, children), pagination ? /* @__PURE__ */ React.createElement(View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ React.createElement(Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` })) : null));
-};
-var LayoutPDF_default = LayoutPDF;
-
-// src/components/core/Img.tsx
-import React2 from "react";
-import { Image as Image2, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
-var styles2 = StyleSheet2.create({
-  image: {
-    width: "100%",
-    height: "auto",
-    marginBottom: 14
-  }
-});
-var Img = ({ src, style }) => {
-  return /* @__PURE__ */ React2.createElement(Image2, { src, style: [styles2.image, style] });
-};
-var Img_default = Img;
-
-// src/components/core/Position.tsx
-import React3 from "react";
-import { View as View2, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
-var styles3 = StyleSheet3.create({
-  left: {
-    textAlign: "left"
-  },
-  right: {
-    textAlign: "right"
-  },
-  center: {
-    textAlign: "center"
-  }
-});
-var Left = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.left, style] }, children);
-};
-var Right = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.right, style] }, children);
-};
-var Center = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.center, style] }, children);
-};
-
-// src/components/core/Etiquetas.tsx
-import React4 from "react";
-import { Text as Text2, StyleSheet as StyleSheet4, Link, View as View3 } from "@react-pdf/renderer";
-var styles4 = StyleSheet4.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__ */ React4.createElement(Text2, { style: [styles4.p, style] }, children);
-};
-var H1 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h1, style] }, children);
-};
-var H2 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h2, style] }, children);
-};
-var H3 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h3, style] }, children);
-};
-var H4 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h4, style] }, children);
-};
-var H5 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h5, style] }, children);
-};
-var H6 = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h6, style] }, children);
-};
-var Strong = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.strong, style] }, children);
-};
-var Em = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.em, style] }, children);
-};
-var U = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.u, style] }, children);
-};
-var Small = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.small, style] }, children);
-};
-var Blockquote = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.blockquote, style] }, children);
-};
-var Mark = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.mark, style] }, children);
-};
-var A = ({ children, style, href }) => {
-  return /* @__PURE__ */ React4.createElement(Link, { src: href, style: [styles4.A, style] }, children);
-};
-var BR = ({ style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.br, style] }, "\n");
-};
-var Span = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(Text2, { style: [style] }, children);
-};
-var Header = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React4.createElement(Text2, null, children) : children);
-};
-var Div = ({ children, style }) => {
-  return /* @__PURE__ */ React4.createElement(View3, { style }, children);
-};
-
-// src/components/core/Tablet.tsx
-import React5, { createContext, useContext } from "react";
-import { View as View4, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
-var TableContext = createContext({
-  cellHeight: 22,
-  textAlign: "left"
-});
-var styles5 = StyleSheet5.create({
-  table: {
-    width: "100%",
-    borderWidth: 1,
-    borderColor: "#000",
-    marginBottom: 20
-  },
-  thead: {
-    backgroundColor: "#ccc"
-  },
-  tr: {
-    flexDirection: "row"
-  },
-  textBold: {
-    fontSize: 10,
-    fontFamily: "Helvetica",
-    fontWeight: "bold",
-    paddingLeft: 8,
-    paddingRight: 8,
-    justifyContent: "center"
-  },
-  text: {
-    fontSize: 10,
-    fontFamily: "Helvetica",
-    paddingLeft: 8,
-    paddingRight: 8,
-    justifyContent: "center"
-  },
-  zebraOdd: {
-    backgroundColor: "#eeeeee"
-  }
-});
-var Table = ({ children, style, cellHeight = 22 }) => /* @__PURE__ */ React5.createElement(TableContext.Provider, { value: { cellHeight, textAlign: "left" } }, /* @__PURE__ */ React5.createElement(View4, { style: [styles5.table, style] }, children));
-var Thead = ({
-  children,
-  style,
-  textAlign = "left"
-}) => {
-  const { cellHeight } = useContext(TableContext);
-  return /* @__PURE__ */ React5.createElement(TableContext.Provider, { value: { cellHeight, textAlign } }, /* @__PURE__ */ React5.createElement(View4, { style: [styles5.thead, style] }, children));
-};
-var Tbody = ({ children, style }) => {
-  const rows = React5.Children.toArray(children);
-  const count = rows.length;
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, rows.map(
-    (row, idx) => React5.cloneElement(row, {
-      isLastRow: idx === count - 1,
-      isOdd: idx % 2 === 1
-    })
-  ));
-};
-var Tr = ({
-  children,
-  style,
-  isLastRow = false,
-  isOdd = false
-}) => {
-  const elements = React5.Children.toArray(
-    children
-  );
-  const count = elements.length;
-  return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.tr, style] }, elements.map((child, idx) => {
-    const isLast = idx === count - 1;
-    const width = `${(100 / count).toFixed(2)}%`;
-    return React5.cloneElement(child, { width, isLast, isLastRow, isOdd });
-  }));
-};
-var Th = ({
-  children,
-  style,
-  width,
-  height,
-  colSpan,
-  isLast = false,
-  isLastRow = false,
-  textAlign: propTextAlign
-}) => {
-  const { cellHeight, textAlign: contextTextAlign } = useContext(TableContext);
-  const finalTextAlign = propTextAlign || contextTextAlign || "left";
-  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
-  const cellHeightValue = height !== void 0 ? height : cellHeight;
-  const borders = {
-    borderRightWidth: isLast ? 0 : 1,
-    borderBottomWidth: isLastRow ? 0 : 1,
-    borderColor: "#000",
-    minHeight: cellHeightValue
-  };
-  return /* @__PURE__ */ React5.createElement(
-    View4,
-    {
-      style: [
-        styles5.textBold,
-        {
-          width: baseWidth
-        },
-        borders,
-        style
-      ]
-    },
-    /* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children)
-  );
-};
-var Td = ({
-  children,
-  style,
-  width,
-  height,
-  colSpan,
-  isLast = false,
-  isLastRow = false,
-  isOdd = false,
-  textAlign: propTextAlign
-}) => {
-  const { cellHeight, textAlign: contextTextAlign } = useContext(TableContext);
-  const finalTextAlign = propTextAlign || contextTextAlign || "left";
-  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
-  const cellHeightValue = height !== void 0 ? height : cellHeight;
-  const borders = {
-    borderRightWidth: isLast ? 0 : 1,
-    borderBottomWidth: isLastRow ? 0 : 1,
-    borderColor: "#000",
-    minHeight: cellHeightValue
-  };
-  return /* @__PURE__ */ React5.createElement(
-    View4,
-    {
-      style: [
-        styles5.text,
-        isOdd && styles5.zebraOdd,
-        {
-          width: baseWidth
-        },
-        borders,
-        style
-      ]
-    },
-    /* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children)
-  );
-};
-
-// src/components/core/Grid.tsx
-import React6 from "react";
-import { View as View5, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
-var styles6 = StyleSheet6.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__ */ React6.createElement(View5, { style: [styles6.container, style] }, children);
-};
-var Row = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.row, style] }, children);
-};
-var Col1 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col1, style] }, children);
-};
-var Col2 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col2, style] }, children);
-};
-var Col3 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col3, style] }, children);
-};
-var Col4 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col4, style] }, children);
-};
-var Col5 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col5, style] }, children);
-};
-var Col6 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col6, style] }, children);
-};
-var Col7 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col7, style] }, children);
-};
-var Col8 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col8, style] }, children);
-};
-var Col9 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col9, style] }, children);
-};
-var Col10 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col10, style] }, children);
-};
-var Col11 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col11, style] }, children);
-};
-var Col12 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col12, style] }, children);
-};
-
-// src/components/core/QR.tsx
-import React7 from "react";
-import { Image as Image3, StyleSheet as StyleSheet7, View as View6 } 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 = "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 styles7 = StyleSheet7.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 = logo ? "H" : "M"
-}) => {
-  const [qrDataUrl, setQrDataUrl] = useState("");
-  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__ */ React7.createElement(View6, { style: [styles7.qrContainer, style] }, /* @__PURE__ */ React7.createElement(Image3, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
-};
-var QR_default = QR;
-
-// src/components/core/Lista.tsx
-import React8 from "react";
-import { View as View7, Text as Text4, StyleSheet as StyleSheet8 } from "@react-pdf/renderer";
-var styles8 = StyleSheet8.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 = React8.Children.map(children, (child, index) => {
-    if (React8.isValidElement(child)) {
-      return React8.cloneElement(child, {
-        bulletType: type,
-        isOrdered: false,
-        index: index + 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ React8.createElement(View7, { style: [styles8.ul, style] }, childrenWithBullets);
-};
-var OL = ({ children, style, type = "decimal", start = 1 }) => {
-  const childrenWithNumbers = React8.Children.map(children, (child, index) => {
-    if (React8.isValidElement(child)) {
-      return React8.cloneElement(child, {
-        bulletType: type,
-        isOrdered: true,
-        index: index + 1,
-        start
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ React8.createElement(View7, { 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__ */ React8.createElement(View7, { style: [styles8.li, style] }, /* @__PURE__ */ React8.createElement(Text4, { style: styles8.bulletPoint }, marker), /* @__PURE__ */ React8.createElement(View7, { style: styles8.itemContent }, typeof children === "string" ? /* @__PURE__ */ React8.createElement(Text4, null, children) : children));
-};
-
-// src/components/core/index.tsx
-import { View as View9, Text as Text5, StyleSheet as StyleSheet10, Font } from "@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
-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 = createElement(Template, { data });
-    const stream = await 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;
-
-// src/functions/index.ts
-import { renderToStream as renderToStream2 } from "@react-pdf/renderer";
-
-// src/components/core/ImgBg.tsx
-import React9 from "react";
-import { Image as Image4, StyleSheet as StyleSheet9, View as View8 } from "@react-pdf/renderer";
-var styles9 = StyleSheet9.create({
-  container: {
-    position: "relative",
-    width: "100%",
-    height: "100%"
-  },
-  background: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  content: {
-    position: "relative"
-  }
-});
-var ImgBg = ({
-  src,
-  width = "100%",
-  height = "100%",
-  opacity = 0.2,
-  children,
-  style,
-  fixed = false,
-  objectFit = "cover",
-  objectPosition = "center"
-}) => {
-  return /* @__PURE__ */ React9.createElement(View8, { style: [styles9.container, style] }, /* @__PURE__ */ React9.createElement(
-    Image4,
-    {
-      src,
-      style: [
-        styles9.background,
-        { width, height, opacity, objectFit, objectPosition }
-      ],
-      fixed
-    }
-  ), /* @__PURE__ */ React9.createElement(View8, { style: styles9.content }, children));
-};
-var ImgBg_default = ImgBg;
-export {
-  A,
-  BR,
-  Blockquote,
-  Center,
-  Col1,
-  Col10,
-  Col11,
-  Col12,
-  Col2,
-  Col3,
-  Col4,
-  Col5,
-  Col6,
-  Col7,
-  Col8,
-  Col9,
-  Container,
-  Div,
-  Em,
-  Font,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Header,
-  Img_default as Img,
-  ImgBg_default as ImgBg,
-  LI,
-  LayoutPDF_default as LayoutPDF,
-  Left,
-  Mark,
-  OL,
-  P,
-  QR_default as QR,
-  Right,
-  Row,
-  Small,
-  Span,
-  Strong,
-  StyleSheet10 as StyleSheet,
-  Table,
-  Tbody,
-  Td,
-  Text5 as Text,
-  Th,
-  Thead,
-  Tr,
-  U,
-  UL,
-  View9 as View,
-  decodeBase64Pdf_default as decodeBase64Pdf,
-  generatePDF_default as generatePDF,
-  renderToStream2 as renderToStream
-};
+import {StyleSheet,renderToStream,Document,Page,View,Text,Image,Link}from'@react-pdf/renderer';export{Font,StyleSheet,Text,View,renderToStream}from'@react-pdf/renderer';import O,{createContext,createElement,useContext,useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Et from'qrcode';var ft=(e,t)=>{let o=atob(e),r=new Array(o.length);for(let d=0;d<o.length;d++)r[d]=o.charCodeAt(d);let a=new Uint8Array(r),i=new Blob([a],{type:"application/pdf"}),n=URL.createObjectURL(i);if(document===void 0){console.error("document is undefined, only works in browser context");return}let s=document.createElement("a");s.href=n,s.download=t,document.body.appendChild(s),s.click(),document.body.removeChild(s),window.open(n,"_blank"),setTimeout(()=>{URL.revokeObjectURL(n);},100);},J=ft;var wt=async({template:e,data:t})=>{try{if(!e)throw new Error("Template not provided");let o=createElement(e,{data:t}),r=await renderToStream(o);return await new Promise((i,n)=>{let s=[];r.on("data",d=>s.push(d)),r.on("end",()=>i(Buffer.concat(s).toString("base64"))),r.on("error",d=>n(d));})}catch(o){throw new Error("Error generating PDF: "+(o instanceof Error?o.message:"Unknown error"))}},_=wt;var ie=StyleSheet.create({page:{backgroundColor:"white",padding:30,fontFamily:"Helvetica",fontSize:14},footer:{position:"absolute",left:0,right:0,textAlign:"center"}}),Pt=({children:e,size:t="A4",orientation:o="vertical",backgroundColor:r="white",padding:a=30,margen:i="normal",style:n={},pagination:s=true,footer:d,lines:l=d?2:1,rule:c=false})=>{let u=l*20+10,P=(y,F)=>{let T=F.toUpperCase();switch(y){case "apa":return T==="LETTER"||T==="LEGAL"?{paddingTop:72,paddingRight:72,paddingBottom:72,paddingLeft:72}:{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};default:return {paddingTop:a,paddingRight:a,paddingBottom:a,paddingLeft:a}}},R=t,I=o,S=r,B=Math.max(1,Math.min(l,10)),U=i;try{typeof t=="string"&&!["A0","A1","A2","A3","A4","A5","A6","A7","A8","A9","LETTER","LEGAL","TABLOID"].includes(t.toUpperCase())&&(console.warn(`Invalid page size: ${t}. Using A4 as default.`),R="A4"),o!=="vertical"&&o!=="horizontal"&&(console.warn(`Invalid orientation: ${o}. Using vertical as default.`),I="vertical"),typeof r!="string"&&(console.warn(`Invalid background color: ${r}. Using white as default.`),S="white"),["apa","normal","estrecho","ancho"].includes(i)||(console.warn(`Invalid margin type: ${i}. Using normal as default.`),U="normal"),(typeof l!="number"||l<1)&&(console.warn(`Invalid lines value: ${l}. Using 1 as default.`),B=1);}catch(y){console.warn("Error processing props in LayoutPDF:",y);}let v=y=>{switch(y){case "vertical":case "portrait":case "v":return "portrait";case "horizontal":case "landscape":case "h":return "landscape";default:return console.warn(`Unrecognized orientation: ${y}. Using portrait as default.`),"portrait"}},gt=(y,F,T)=>{let G={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}},q=2.834645669,A=G[y.toUpperCase()];if(!A)return F==="landscape"?595-T-10:842-T-10;let z=A.height*q,C=A.width*q;return F==="landscape"?C-T-10:z-T-10},N=v(I),ne=P(U,R),mt=gt(R,N,u),pt=()=>{if(!c)return null;let y=28.3465,F={A0:{width:841*2.834645669,height:1189*2.834645669},A1:{width:594*2.834645669,height:841*2.834645669},A2:{width:420*2.834645669,height:594*2.834645669},A3:{width:297*2.834645669,height:420*2.834645669},A4:{width:210*2.834645669,height:297*2.834645669},A5:{width:148*2.834645669,height:210*2.834645669},A6:{width:105*2.834645669,height:148*2.834645669},A7:{width:74*2.834645669,height:105*2.834645669},A8:{width:52*2.834645669,height:74*2.834645669},A9:{width:37*2.834645669,height:52*2.834645669},LETTER:{width:216*2.834645669,height:279*2.834645669},LEGAL:{width:216*2.834645669,height:356*2.834645669},TABLOID:{width:279*2.834645669,height:432*2.834645669}},T=F[R.toUpperCase()]||F.A4,G=N==="landscape"?T.height:T.width,q=N==="landscape"?T.width:T.height,A=[],z=[];for(let C=0;C<=Math.ceil(q/y);C++)A.push(jsx(View,{style:{position:"absolute",top:C*y,left:0,right:0,height:C%5===0?1:.5,backgroundColor:C%5===0?"rgba(255, 0, 0, 0.8)":"rgba(100, 100, 100, 0.5)"}},`h-${C}`));for(let C=0;C<=Math.ceil(G/y);C++)z.push(jsx(View,{style:{position:"absolute",left:C*y,top:0,bottom:0,width:C%5===0?1:.5,backgroundColor:C%5===0?"rgba(255, 0, 0, 0.8)":"rgba(100, 100, 100, 0.5)"}},`v-${C}`));return jsxs(View,{style:{position:"absolute",top:0,left:0,right:0,bottom:0},fixed:true,children:[A,z]})},ht={...ie.page,backgroundColor:S,...ne,paddingBottom:ne.paddingBottom+u,...n},ae={...ie.footer,top:mt,height:u,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",fontSize:10,color:"grey"};return jsx(Document,{children:jsxs(Page,{size:R,orientation:N,style:ht,wrap:true,children:[pt(),jsx(View,{style:{paddingBottom:u},children:e}),s?jsxs(View,{style:ae,fixed:true,children:[d,jsx(Text,{style:{fontSize:ae.fontSize},render:({pageNumber:y,totalPages:F})=>`${y} / ${F}`})]}):null]})})},se=Pt;var Lt=StyleSheet.create({image:{width:"100%",height:"auto",marginBottom:14}}),St=({src:e,style:t})=>jsx(Image,{src:e,style:[Lt.image,t]}),le=St;var Y=StyleSheet.create({left:{textAlign:"left"},right:{textAlign:"right"},center:{textAlign:"center"}}),ce=({children:e,style:t})=>jsx(View,{style:[Y.left,t],children:e}),de=({children:e,style:t})=>jsx(View,{style:[Y.right,t],children:e}),ge=({children:e,style:t})=>jsx(View,{style:[Y.center,t],children:e});var f=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},hr:{width:"100%",borderTop:"1px solid #000",marginTop:8,marginBottom:8}}),me=({children:e,style:t})=>jsx(Text,{style:[f.p,t],children:e}),pe=({children:e,style:t})=>jsx(Text,{style:[f.h1,t],children:e}),he=({children:e,style:t})=>jsx(Text,{style:[f.h2,t],children:e}),fe=({children:e,style:t})=>jsx(Text,{style:[f.h3,t],children:e}),ue=({children:e,style:t})=>jsx(Text,{style:[f.h4,t],children:e}),ye=({children:e,style:t})=>jsx(Text,{style:[f.h5,t],children:e}),we=({children:e,style:t})=>jsx(Text,{style:[f.h6,t],children:e}),Ce=({children:e,style:t})=>jsx(Text,{style:[f.strong,t],children:e}),Re=({children:e,style:t})=>jsx(Text,{style:[f.em,t],children:e}),be=({children:e,style:t})=>jsx(Text,{style:[f.u,t],children:e}),xe=({children:e,style:t})=>jsx(Text,{style:[f.small,t],children:e}),Pe=({children:e,style:t})=>jsx(Text,{style:[f.blockquote,t],children:e}),Te=({children:e,style:t})=>jsx(Text,{style:[f.mark,t],children:e}),Fe=({children:e,style:t,href:o})=>jsx(Link,{src:o,style:[f.A,t],children:e}),Le=({style:e})=>jsx(Text,{style:[f.br,e],children:`
+`}),Se=({style:e})=>jsx(View,{style:[f.hr,e]}),Ae=({children:e,style:t})=>jsx(Text,{style:[t],children:e}),Ve=({children:e,style:t,fixed:o=false})=>jsx(View,{style:[f.header,t],fixed:o,children:typeof e=="string"?jsx(Text,{children:e}):e}),Oe=({children:e,style:t})=>jsx(View,{style:t,children:e});var E=createContext({cellHeight:22,textAlign:"left"}),V=StyleSheet.create({table:{width:"100%",borderWidth:1,borderColor:"#000",marginBottom:20},thead:{backgroundColor:"#ccc"},tr:{flexDirection:"row"},textBold:{fontSize:10,fontFamily:"Helvetica",fontWeight:"bold",paddingLeft:8,paddingRight:8,justifyContent:"center"},text:{fontSize:10,fontFamily:"Helvetica",paddingLeft:8,paddingRight:8,justifyContent:"center"},zebraOdd:{backgroundColor:"#eeeeee"}}),Be=({children:e,style:t,cellHeight:o=22})=>jsx(E.Provider,{value:{cellHeight:o,textAlign:"left"},children:jsx(View,{style:[V.table,t],children:e})}),ve=({children:e,style:t,textAlign:o="left"})=>{let{cellHeight:r}=useContext(E);return jsx(E.Provider,{value:{cellHeight:r,textAlign:o},children:jsx(View,{style:[V.thead,t],children:e})})},ke=({children:e,style:t})=>{let o=O.Children.toArray(e),r=o.length;return jsx(Fragment,{children:o.map((a,i)=>O.cloneElement(a,{isLastRow:i===r-1,isOdd:i%2===1}))})},De=({children:e,style:t,isLastRow:o=false,isOdd:r=false})=>{let a=O.Children.toArray(e),i=a.length;return jsx(View,{style:[V.tr,t],children:a.map((n,s)=>{let d=s===i-1,l=`${(100/i).toFixed(2)}%`;return O.cloneElement(n,{width:l,isLast:d,isLastRow:o,isOdd:r})})})},Ee=({children:e,style:t,width:o,height:r,colSpan:a,isLast:i=false,isLastRow:n=false,textAlign:s})=>{let{cellHeight:d,textAlign:l}=useContext(E),c=s||l||"left",g=typeof o=="string"&&a?`${(parseFloat(o)*a).toFixed(2)}%`:o,u={borderRightWidth:i?0:1,borderBottomWidth:n?0:1,borderColor:"#000",minHeight:r!==void 0?r:d};return jsx(View,{style:[V.textBold,{width:g},u,t],children:jsx(Text,{style:{textAlign:c},children:e})})},He=({children:e,style:t,width:o,height:r,colSpan:a,isLast:i=false,isLastRow:n=false,isOdd:s=false,textAlign:d})=>{let{cellHeight:l,textAlign:c}=useContext(E),g=d||c||"left",p=typeof o=="string"&&a?`${(parseFloat(o)*a).toFixed(2)}%`:o,P={borderRightWidth:i?0:1,borderBottomWidth:n?0:1,borderColor:"#000",minHeight:r!==void 0?r:l};return jsx(View,{style:[V.text,s&&V.zebraOdd,{width:p},P,t],children:jsx(Text,{style:{textAlign:g},children:e})})};var m=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%"}}),Qe=({children:e,style:t})=>jsx(View,{style:[m.container,t],children:e}),Me=({children:e,style:t})=>jsx(View,{style:[m.row,t],children:e}),Ue=({children:e,style:t})=>jsx(View,{style:[m.col,m.col1,t],children:e}),Ne=({children:e,style:t})=>jsx(View,{style:[m.col,m.col2,t],children:e}),qe=({children:e,style:t})=>jsx(View,{style:[m.col,m.col3,t],children:e}),ze=({children:e,style:t})=>jsx(View,{style:[m.col,m.col4,t],children:e}),$e=({children:e,style:t})=>jsx(View,{style:[m.col,m.col5,t],children:e}),We=({children:e,style:t})=>jsx(View,{style:[m.col,m.col6,t],children:e}),Xe=({children:e,style:t})=>jsx(View,{style:[m.col,m.col7,t],children:e}),Ge=({children:e,style:t})=>jsx(View,{style:[m.col,m.col8,t],children:e}),Je=({children:e,style:t})=>jsx(View,{style:[m.col,m.col9,t],children:e}),_e=({children:e,style:t})=>jsx(View,{style:[m.col,m.col10,t],children:e}),je=({children:e,style:t})=>jsx(View,{style:[m.col,m.col11,t],children:e}),Ke=({children:e,style:t})=>jsx(View,{style:[m.col,m.col12,t],children:e});var W=async({value:e,size:t=150,colorDark:o="#000000",colorLight:r="#ffffff",margin:a=0,errorCorrectionLevel:i="M"})=>{try{let n={errorCorrectionLevel:i,type:"image/png",quality:.92,margin:a,color:{dark:o,light:r},width:t};return Et.toDataURL(e,n)}catch(n){return console.error("Error generando QR:",n),""}},Ye=async(e,t,o,r)=>new Promise(async a=>{if(!e||!t){a(e);return}try{let i=typeof window<"u"&&typeof window.document<"u",n,s,d;if(i)n=document.createElement("canvas"),s=n.getContext("2d"),d=window.Image;else try{let{createCanvas:c,Image:g}=await import('canvas');n=c(100,100),s=n.getContext("2d"),d=g;}catch(c){console.error("Canvas not available in Node environment for addLogoToQR",c),a(e);return}if(!s){a(e);return}let l=new d;i&&(l.crossOrigin="anonymous"),l.onload=()=>{n.width=l.width,n.height=l.height,s.drawImage(l,0,0,n.width,n.height);let c=new d;i&&(c.crossOrigin="anonymous"),c.onload=()=>{let g=(n.width-o)/2,p=(n.height-r)/2;s.fillStyle="#FFFFFF",s.fillRect(g-5,p-5,o+10,r+10),s.drawImage(c,g,p,o,r);let u=n.toDataURL("image/png");a(u);},c.onerror=g=>{console.error("Error cargando el logo:",g),a(e);},c.src=t;},l.onerror=c=>{console.error("Error cargando el QR:",c),a("");},l.src=e;}catch(i){console.error("Error procesando el QR con logo:",i),a(e);}});var qt=StyleSheet.create({qrContainer:{display:"flex",alignItems:"center",justifyContent:"center",margin:10}}),zt={0:"L",1:"M",2:"Q",3:"H"},$t=({value:e,size:t=150,style:o,colorDark:r="#000000",colorLight:a="#ffffff",margin:i=0,logo:n="",logoWidth:s=30,logoHeight:d=30,errorCorrectionLevel:l=n?"H":"M"})=>{let[c,g]=useState("");useEffect(()=>{(async()=>{try{let P=await W({value:e,size:t,colorDark:r,colorLight:a,margin:i,errorCorrectionLevel:typeof l=="number"?zt[l]||"M":l});if(n&&s&&d){let R=await Ye(P,n,s,d);g(R);}else g(P);}catch(P){console.error("Error generando QR:",P);let R=`https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(e)}&size=${t}x${t}&color=${encodeURIComponent(r.replace("#",""))}&bgcolor=${encodeURIComponent(a.replace("#",""))}`;g(R);}})();},[e,t,r,a,i,n,s,d,l]);let p=`https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(e)}&size=${t}x${t}`;return jsx(View,{style:[qt.qrContainer,o],children:jsx(Image,{src:c||p,style:{width:t,height:t}})})},et=$t;var oe=async e=>{try{let t=typeof window<"u"&&typeof window.document<"u",o,r={};if(t)try{let c=await import('qr-code-styling');o=c.default||c;}catch(c){throw console.error("Failed to load qr-code-styling in browser",c),c}else {let c="jsdom",g="canvas",p="qr-code-styling/lib/qr-code-styling.common.js";try{let[u,P,R]=await Promise.all([import(c),import(g),import(p)]),{JSDOM:I}=u,S=P.default||P,{QRCodeStyling:B}=R;o=B,r={jsdom:I,nodeCanvas:S};}catch(u){throw console.error("Failed to load Node dependencies for QR generation",u),u}}let a=typeof e.width=="number"&&isFinite(e.width)?Math.round(e.width):300,i=typeof e.height=="number"&&isFinite(e.height)?Math.round(e.height):300,n=!!e.image,s={width:a,height:i,data:e.value,image:e.image,dotsOptions:e.dotsOptions,backgroundOptions:{color:e.backgroundOptions?.color||"#ffffff",...e.backgroundOptions},imageOptions:{crossOrigin:"anonymous",margin:typeof e.imageOptions?.margin=="number"&&isFinite(e.imageOptions.margin)?e.imageOptions.margin:0,saveAsBlob:!0,imageSize:typeof e.imageOptions?.imageSize=="number"&&isFinite(e.imageOptions.imageSize)?Math.max(0,Math.min(1,e.imageOptions.imageSize)):.4},cornersSquareOptions:e.cornersSquareOptions,cornersDotOptions:e.cornersDotOptions},l=await new o({type:"png",...r,...s}).getRawData("png");if(!l)throw new Error("Failed to generate raw data from qr-code-styling");if(t){if(l instanceof Blob)return new Promise((c,g)=>{let p=new FileReader;p.onloadend=()=>{typeof p.result=="string"?c(p.result):g(new Error("Failed to convert blob to base64"));},p.onerror=g,p.readAsDataURL(l);});console.warn("Unexpected rawData type in browser:",l);}if(typeof Buffer<"u"&&Buffer.isBuffer(l))return `data:image/png;base64,${l.toString("base64")}`;throw new Error(`Unexpected raw data type: ${typeof l}`)}catch(t){return console.error("Error generating QR V2, falling back to V1:",t),W({value:e.value,size:e.width,colorDark:e.fallbackColorDark||e.dotsOptions?.color,colorLight:e.fallbackColorLight||e.backgroundOptions?.color,margin:e.fallbackMargin||0,errorCorrectionLevel:e.fallbackErrorCorrectionLevel||"M"})}};var jt=StyleSheet.create({qrContainer:{display:"flex",alignItems:"center",justifyContent:"center"}}),Kt=({value:e,size:t=300,style:o,image:r,dotsOptions:a,backgroundOptions:i,imageOptions:n,cornersSquareOptions:s,cornersDotOptions:d,colorDark:l,colorLight:c,margin:g,errorCorrectionLevel:p})=>{let[u,P]=useState("");return useEffect(()=>{let R=true;return (async()=>{let S=a||(l?{color:l}:void 0),B=i||(c?{color:c}:void 0),U={...n,margin:n?.margin!==void 0?n.margin:g};try{let v=await oe({value:e,width:t,height:t,image:r,dotsOptions:S,backgroundOptions:B,imageOptions:U,cornersSquareOptions:s,cornersDotOptions:d,fallbackColorDark:l,fallbackColorLight:c,fallbackMargin:g,fallbackErrorCorrectionLevel:p});R&&P(v);}catch(v){console.error("QRV2 Generation Error:",v);}})(),()=>{R=false;}},[e,t,r,JSON.stringify(a),JSON.stringify(i),JSON.stringify(n),JSON.stringify(s),JSON.stringify(d),l,c,g,p]),jsx(View,{style:[jt.qrContainer,o],children:jsx(Image,{style:{width:t,height:t},src:oe({value:e,width:t,height:t,image:r,dotsOptions:a||(l?{color:l}:void 0),backgroundOptions:i||(c?{color:c}:void 0),imageOptions:{...n,margin:n?.margin!==void 0?n.margin:g},cornersSquareOptions:s,cornersDotOptions:d,fallbackColorDark:l,fallbackColorLight:c,fallbackMargin:g,fallbackErrorCorrectionLevel:p})})})},ot=Kt;var Q=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}}),Zt=(e="disc")=>{switch(e){case "circle":return "\u25CB";case "square":return "\u25A0";default:return "\u2022"}},eo=(e,t="decimal",o=1)=>{let r=o+e-1;switch(t){case "lower-alpha":return String.fromCharCode(97+r%26)+".";case "upper-alpha":return String.fromCharCode(65+r%26)+".";case "lower-roman":return nt(r).toLowerCase()+".";case "upper-roman":return nt(r)+".";default:return r+"."}},nt=e=>{if(e<=0||e>3999)return String(e);let t=[["","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 t[3][Math.floor(e/1e3)]+t[2][Math.floor(e%1e3/100)]+t[1][Math.floor(e%100/10)]+t[0][e%10]},at=({children:e,style:t,type:o="disc"})=>{let r=O.Children.map(e,(a,i)=>O.isValidElement(a)?O.cloneElement(a,{bulletType:o,isOrdered:false,index:i+1}):a);return jsx(View,{style:[Q.ul,t],children:r})},it=({children:e,style:t,type:o="decimal",start:r=1})=>{let a=O.Children.map(e,(i,n)=>O.isValidElement(i)?O.cloneElement(i,{bulletType:o,isOrdered:true,index:n+1,start:r}):i);return jsx(View,{style:[Q.ol,t],children:a})},st=({children:e,style:t,bulletType:o="disc",isOrdered:r=false,index:a=1,start:i=1,value:n})=>{let s;if(r){let d=n!==void 0?Number(n):a;s=eo(d,o,i);}else s=Zt(o);return jsxs(View,{style:[Q.li,t],children:[jsx(Text,{style:Q.bulletPoint,children:s}),jsx(View,{style:Q.itemContent,children:typeof e=="string"?jsx(Text,{children:e}):e})]})};var re=StyleSheet.create({container:{position:"relative",width:"100%",height:"100%"},background:{position:"absolute",top:0,left:0,right:0,bottom:0},content:{position:"relative"}}),no=({src:e,width:t="100%",height:o="100%",opacity:r=.2,children:a,style:i,fixed:n=false,objectFit:s="cover",objectPosition:d="center"})=>jsxs(View,{style:[re.container,i],children:[jsx(Image,{src:e,style:[re.background,{width:t,height:o,opacity:r,objectFit:s,objectPosition:d}],fixed:n}),jsx(View,{style:re.content,children:a})]}),dt=no;
+export{Fe as A,Le as BR,Pe as Blockquote,ge as Center,Ue as Col1,_e as Col10,je as Col11,Ke as Col12,Ne as Col2,qe as Col3,ze as Col4,$e as Col5,We as Col6,Xe as Col7,Ge as Col8,Je as Col9,Qe as Container,Oe as Div,Re as Em,pe as H1,he as H2,fe as H3,ue as H4,ye as H5,we as H6,Se as HR,Ve as Header,le as Img,dt as ImgBg,st as LI,se as LayoutPDF,ce as Left,Te as Mark,it as OL,me as P,et as QR,ot as QRV2,de as Right,Me as Row,xe as Small,Ae as Span,Ce as Strong,Be as Table,ke as Tbody,He as Td,Ee as Th,ve as Thead,De as Tr,be as U,at as UL,J as decodeBase64Pdf,_ as generatePDF};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map