pdf-catalog-generator 3.1.0 → 3.1.2

package/dist/index.mjs

@@ -3,6 +3,29 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as XLSX from 'xlsx';
 
 // src/generator.tsx
+var styles = StyleSheet.create({
+  wrapper: {
+    position: "absolute",
+    bottom: 6,
+    right: 10,
+    flexDirection: "row",
+    alignItems: "center",
+    opacity: 0.5
+  },
+  label: {
+    fontSize: 6.5,
+    color: "#666666",
+    letterSpacing: 0.2
+  },
+  link: {
+    fontSize: 6.5,
+    color: "#666666",
+    textDecoration: "none",
+    letterSpacing: 0.2
+  }
+});
+var PoweredByTeziApp = () => /* @__PURE__ */ jsx(View, { style: styles.wrapper, fixed: true, children: /* @__PURE__ */ jsx(Link, { style: styles.link, src: "https://teziapp.com", children: "Powered by Tezi App" }) });
+var PoweredByTeziApp_default = PoweredByTeziApp;
 
 // src/utils/fieldHelpers.ts
 function formatFieldName(fieldName) {
@@ -184,12 +207,12 @@ var dynamicFieldStyles = StyleSheet.create({
     flexShrink: 1
   }
 });
-function renderDynamicFields(fields, styles8) {
+function renderDynamicFields(fields, styles9) {
   if (fields.length === 0) return null;
-  const containerStyle = styles8?.container || { marginBottom: 8 };
-  const rowStyle = styles8?.row || dynamicFieldStyles.detailRow;
-  const labelStyle = styles8?.label || dynamicFieldStyles.detailLabel;
-  const valueStyle = styles8?.value || dynamicFieldStyles.detailValue;
+  const containerStyle = styles9?.container || { marginBottom: 8 };
+  const rowStyle = styles9?.row || dynamicFieldStyles.detailRow;
+  const labelStyle = styles9?.label || dynamicFieldStyles.detailLabel;
+  const valueStyle = styles9?.value || dynamicFieldStyles.detailValue;
   return /* @__PURE__ */ jsx(View, { style: containerStyle, children: fields.map(([key, value]) => /* @__PURE__ */ jsxs(View, { style: rowStyle, children: [
     /* @__PURE__ */ jsxs(Text, { style: labelStyle, children: [
       formatFieldName(key),
@@ -233,7 +256,7 @@ function mergeTemplateConfig(config = {}) {
     ...config
   };
 }
-var styles = StyleSheet.create({
+var styles2 = StyleSheet.create({
   productContainer: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -297,27 +320,27 @@ var styles = StyleSheet.create({
   }
 });
 var Template1 = ({ products }) => {
-  return /* @__PURE__ */ jsx(View, { style: styles.productContainer, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx(View, { style: styles2.productContainer, children: products.map((product, index) => {
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxs(View, { style: styles.productSection, children: [
-      /* @__PURE__ */ jsx(Image, { style: styles.image, src: fields.imageUrl }),
-      /* @__PURE__ */ jsxs(View, { style: styles.productTitleBox, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.productTitle, children: fields.title }),
-        renderRating(fields.rating, styles.productRate)
+    return /* @__PURE__ */ jsxs(View, { style: styles2.productSection, children: [
+      /* @__PURE__ */ jsx(Image, { style: styles2.image, src: fields.imageUrl }),
+      /* @__PURE__ */ jsxs(View, { style: styles2.productTitleBox, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles2.productTitle, children: fields.title }),
+        renderRating(fields.rating, styles2.productRate)
       ] }),
-      fields.description && /* @__PURE__ */ jsx(Text, { style: styles.productDescription, children: fields.description }),
+      fields.description && /* @__PURE__ */ jsx(Text, { style: styles2.productDescription, children: fields.description }),
       renderDynamicFields(fields.dynamicFields),
       renderBuyButton(
         fields.link,
-        styles.buyButton,
+        styles2.buyButton,
         "Buy Now",
-        renderPrice(fields.price, styles.productPrice)
+        renderPrice(fields.price, styles2.productPrice)
       )
     ] }, index);
   }) });
 };
 var Template1_default = Template1;
-var styles2 = StyleSheet.create({
+var styles3 = StyleSheet.create({
   productContainer: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -394,14 +417,14 @@ var styles2 = StyleSheet.create({
   }
 });
 var Template2 = ({ products }) => {
-  return /* @__PURE__ */ jsx(View, { style: styles2.productContainer, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx(View, { style: styles3.productContainer, children: products.map((product, index) => {
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxs(View, { style: styles2.productSection, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles2.productSectionImage, children: [
-        /* @__PURE__ */ jsx(Image, { style: styles2.image, src: fields.imageUrl }),
-        renderRating(fields.rating, styles2.productRate)
+    return /* @__PURE__ */ jsxs(View, { style: styles3.productSection, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles3.productSectionImage, children: [
+        /* @__PURE__ */ jsx(Image, { style: styles3.image, src: fields.imageUrl }),
+        renderRating(fields.rating, styles3.productRate)
       ] }),
-      /* @__PURE__ */ jsxs(View, { style: styles2.productSectionText, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles3.productSectionText, children: [
         /* @__PURE__ */ jsxs(
           View,
           {
@@ -411,20 +434,20 @@ var Template2 = ({ products }) => {
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ jsx(Text, { style: styles2.productTitle, children: fields.title }),
-              renderPrice(fields.price, styles2.productPrice)
+              /* @__PURE__ */ jsx(Text, { style: styles3.productTitle, children: fields.title }),
+              renderPrice(fields.price, styles3.productPrice)
             ]
           }
         ),
-        fields.description && /* @__PURE__ */ jsx(Text, { style: styles2.productDescription, children: fields.description }),
+        fields.description && /* @__PURE__ */ jsx(Text, { style: styles3.productDescription, children: fields.description }),
         renderDynamicFields(fields.dynamicFields),
-        renderBuyButton(fields.link, styles2.buyButton)
+        renderBuyButton(fields.link, styles3.buyButton)
       ] })
     ] }, index);
   }) });
 };
 var Template2_default = Template2;
-var styles3 = StyleSheet.create({
+var styles4 = StyleSheet.create({
   productSection: {
     width: "100%",
     height: "100vh",
@@ -504,10 +527,10 @@ var compactDynamicFieldStyles = StyleSheet.create({
 var Template3 = ({ products }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: products.map((product, index) => {
     const fields = extractProductFields(product, { maxDynamicFields: 5 });
-    return /* @__PURE__ */ jsxs(View, { style: styles3.productSection, children: [
-      /* @__PURE__ */ jsx(Image, { style: styles3.image, src: fields.imageUrl }),
-      /* @__PURE__ */ jsxs(View, { style: styles3.productDetailsBox, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles3.productTitle, children: fields.title }),
+    return /* @__PURE__ */ jsxs(View, { style: styles4.productSection, children: [
+      /* @__PURE__ */ jsx(Image, { style: styles4.image, src: fields.imageUrl }),
+      /* @__PURE__ */ jsxs(View, { style: styles4.productDetailsBox, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles4.productTitle, children: fields.title }),
         /* @__PURE__ */ jsxs(
           View,
           {
@@ -517,25 +540,25 @@ var Template3 = ({ products }) => {
               justifyContent: "space-between"
             },
             children: [
-              renderPrice(fields.price, styles3.productPrice),
-              renderRating(fields.rating, styles3.productRate)
+              renderPrice(fields.price, styles4.productPrice),
+              renderRating(fields.rating, styles4.productRate)
             ]
           }
         ),
-        fields.description && /* @__PURE__ */ jsx(Text, { style: styles3.productDescription, children: fields.description }),
+        fields.description && /* @__PURE__ */ jsx(Text, { style: styles4.productDescription, children: fields.description }),
         renderDynamicFields(fields.dynamicFields, {
           row: compactDynamicFieldStyles.detailRow,
           label: compactDynamicFieldStyles.detailLabel,
           value: compactDynamicFieldStyles.detailValue
         }),
-        renderBuyButton(fields.link, styles3.buyButton)
+        renderBuyButton(fields.link, styles4.buyButton)
       ] }),
       /* @__PURE__ */ jsx(View, { break: true })
     ] }, index);
   }) });
 };
 var Template3_default = Template3;
-var styles4 = StyleSheet.create({
+var styles5 = StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -632,21 +655,21 @@ var Template4 = ({
       )
     );
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxs(View, { style: styles4.page, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles4.header, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles4.companyName, children: companyName || "" }),
-        companyLogo && /* @__PURE__ */ jsx(Image, { style: styles4.brandLogo, src: companyLogo })
+    return /* @__PURE__ */ jsxs(View, { style: styles5.page, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles5.header, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles5.companyName, children: companyName || "" }),
+        companyLogo && /* @__PURE__ */ jsx(Image, { style: styles5.brandLogo, src: companyLogo })
       ] }),
-      /* @__PURE__ */ jsxs(View, { style: styles4.productContainer, children: [
-        /* @__PURE__ */ jsx(Image, { style: styles4.productImage, src: fields.imageUrl }),
-        allFields.length > 0 && /* @__PURE__ */ jsx(View, { style: styles4.detailsBox, children: renderFieldsInColumns(allFields) })
+      /* @__PURE__ */ jsxs(View, { style: styles5.productContainer, children: [
+        /* @__PURE__ */ jsx(Image, { style: styles5.productImage, src: fields.imageUrl }),
+        allFields.length > 0 && /* @__PURE__ */ jsx(View, { style: styles5.detailsBox, children: renderFieldsInColumns(allFields) })
       ] }),
       /* @__PURE__ */ jsx(View, { break: true })
     ] }, index);
   }) });
 };
 var Template4_default = Template4;
-var styles5 = StyleSheet.create({
+var styles6 = StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -759,22 +782,22 @@ var Template5 = ({
     const { imageUrl, title, dynamicFields } = extractProductFields(product);
     const image2Url = getImage2Url(product);
     const secondImage = image2Url || imageUrl;
-    return /* @__PURE__ */ jsxs(View, { style: styles5.page, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles5.header, children: [
-        companyLogo && /* @__PURE__ */ jsx(Image, { style: styles5.logo, src: companyLogo }),
-        /* @__PURE__ */ jsx(Text, { style: styles5.companyName, children: companyName })
+    return /* @__PURE__ */ jsxs(View, { style: styles6.page, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles6.header, children: [
+        companyLogo && /* @__PURE__ */ jsx(Image, { style: styles6.logo, src: companyLogo }),
+        /* @__PURE__ */ jsx(Text, { style: styles6.companyName, children: companyName })
       ] }),
-      /* @__PURE__ */ jsxs(View, { style: styles5.contentContainer, children: [
-        /* @__PURE__ */ jsxs(View, { style: styles5.imageSection, children: [
-          /* @__PURE__ */ jsx(View, { style: styles5.imageWrapper, children: /* @__PURE__ */ jsx(Image, { style: styles5.productImage, src: imageUrl }) }),
-          /* @__PURE__ */ jsx(View, { style: styles5.imageWrapper, children: /* @__PURE__ */ jsx(Image, { style: styles5.productImage, src: secondImage }) })
+      /* @__PURE__ */ jsxs(View, { style: styles6.contentContainer, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles6.imageSection, children: [
+          /* @__PURE__ */ jsx(View, { style: styles6.imageWrapper, children: /* @__PURE__ */ jsx(Image, { style: styles6.productImage, src: imageUrl }) }),
+          /* @__PURE__ */ jsx(View, { style: styles6.imageWrapper, children: /* @__PURE__ */ jsx(Image, { style: styles6.productImage, src: secondImage }) })
         ] }),
-        /* @__PURE__ */ jsxs(View, { style: styles5.detailsSection, children: [
-          title && /* @__PURE__ */ jsx(Text, { style: styles5.productTitle, children: title }),
-          /* @__PURE__ */ jsx(View, { style: styles5.dynamicFieldsContainer, children: renderDynamicFields(dynamicFields, {
-            row: styles5.detailRow,
-            label: styles5.detailLabel,
-            value: styles5.detailValue
+        /* @__PURE__ */ jsxs(View, { style: styles6.detailsSection, children: [
+          title && /* @__PURE__ */ jsx(Text, { style: styles6.productTitle, children: title }),
+          /* @__PURE__ */ jsx(View, { style: styles6.dynamicFieldsContainer, children: renderDynamicFields(dynamicFields, {
+            row: styles6.detailRow,
+            label: styles6.detailLabel,
+            value: styles6.detailValue
           }) })
         ] })
       ] }),
@@ -783,7 +806,7 @@ var Template5 = ({
   }) });
 };
 var Template5_default = Template5;
-var styles6 = StyleSheet.create({
+var styles7 = StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -924,26 +947,26 @@ var Template6 = ({
     const { imageUrl, title, dynamicFields } = extractProductFields(product);
     const image2Url = getImage2Url2(product);
     const secondImage = image2Url || imageUrl;
-    return /* @__PURE__ */ jsxs(View, { style: styles6.page, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles6.leftColumn, children: [
-        /* @__PURE__ */ jsx(Image, { style: styles6.imageFull, src: imageUrl }),
-        /* @__PURE__ */ jsxs(View, { style: styles6.specsOverlay, children: [
-          /* @__PURE__ */ jsxs(View, { style: styles6.specsHeader, children: [
-            companyLogo && /* @__PURE__ */ jsx(Image, { style: styles6.miniLogo, src: companyLogo }),
-            /* @__PURE__ */ jsx(Text, { style: styles6.designNumber, children: title || "Specifications" })
+    return /* @__PURE__ */ jsxs(View, { style: styles7.page, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles7.leftColumn, children: [
+        /* @__PURE__ */ jsx(Image, { style: styles7.imageFull, src: imageUrl }),
+        /* @__PURE__ */ jsxs(View, { style: styles7.specsOverlay, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles7.specsHeader, children: [
+            companyLogo && /* @__PURE__ */ jsx(Image, { style: styles7.miniLogo, src: companyLogo }),
+            /* @__PURE__ */ jsx(Text, { style: styles7.designNumber, children: title || "Specifications" })
           ] }),
           renderDynamicFields(dynamicFields, {
-            row: styles6.fieldRow,
-            label: styles6.fieldLabel,
-            value: styles6.fieldValue
+            row: styles7.fieldRow,
+            label: styles7.fieldLabel,
+            value: styles7.fieldValue
           })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(View, { style: styles6.rightColumn, children: [
-        /* @__PURE__ */ jsx(View, { style: styles6.rightImageContainer, children: /* @__PURE__ */ jsx(Image, { style: styles6.rightImage, src: secondImage }) }),
-        /* @__PURE__ */ jsx(View, { style: styles6.footer, children: /* @__PURE__ */ jsxs(View, { style: styles6.footerContent, children: [
-          companyLogo && /* @__PURE__ */ jsx(Image, { style: styles6.footerLogo, src: companyLogo }),
-          /* @__PURE__ */ jsx(Text, { style: styles6.footerText, children: companyName })
+      /* @__PURE__ */ jsxs(View, { style: styles7.rightColumn, children: [
+        /* @__PURE__ */ jsx(View, { style: styles7.rightImageContainer, children: /* @__PURE__ */ jsx(Image, { style: styles7.rightImage, src: secondImage }) }),
+        /* @__PURE__ */ jsx(View, { style: styles7.footer, children: /* @__PURE__ */ jsxs(View, { style: styles7.footerContent, children: [
+          companyLogo && /* @__PURE__ */ jsx(Image, { style: styles7.footerLogo, src: companyLogo }),
+          /* @__PURE__ */ jsx(Text, { style: styles7.footerText, children: companyName })
         ] }) })
       ] }),
       /* @__PURE__ */ jsx(View, { break: true })
@@ -951,7 +974,7 @@ var Template6 = ({
   }) });
 };
 var Template6_default = Template6;
-var styles7 = StyleSheet.create({
+var styles8 = StyleSheet.create({
   page: {
     flexDirection: "column",
     backgroundColor: "#FFFFFF"
@@ -983,26 +1006,6 @@ Font.registerEmojiSource({
   format: "png",
   url: "https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/"
 });
-function normalizeImageSource(imageSource) {
-  if (imageSource.startsWith("data:")) {
-    return imageSource;
-  }
-  if (imageSource.startsWith("http://") || imageSource.startsWith("https://")) {
-    return imageSource;
-  }
-  let mimeType = "image/png";
-  const base64Start = imageSource.substring(0, 20).toLowerCase();
-  if (base64Start.includes("ivborw0kggo") || imageSource.startsWith("iVBORw0KGgo")) {
-    mimeType = "image/png";
-  } else if (base64Start.includes("/9j/4aaq") || imageSource.startsWith("/9j/4AAQ")) {
-    mimeType = "image/jpeg";
-  } else if (base64Start.includes("r0lgodlh") || imageSource.startsWith("R0lGODlh")) {
-    mimeType = "image/gif";
-  } else if (base64Start.includes("uklgr") || imageSource.startsWith("UklGR")) {
-    mimeType = "image/webp";
-  }
-  return `data:${mimeType};base64,${imageSource}`;
-}
 async function generateProductCatalog(config) {
   const { products, companyLogo, companyName, template = "template1" } = config;
   let TemplateComponent;
@@ -1029,39 +1032,45 @@ async function generateProductCatalog(config) {
       TemplateComponent = Template1_default;
   }
   if (template === "template4") {
-    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsx(Page, { size: "A4", style: styles7.page, children: /* @__PURE__ */ jsx(
-      Template4_default,
-      {
-        products,
-        companyLogo: companyLogo ? normalizeImageSource(companyLogo) : void 0,
-        companyName
-      }
-    ) }) });
+    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsxs(Page, { size: "A4", style: styles8.page, children: [
+      /* @__PURE__ */ jsx(
+        Template4_default,
+        {
+          products,
+          companyLogo,
+          companyName
+        }
+      ),
+      /* @__PURE__ */ jsx(PoweredByTeziApp_default, {})
+    ] }) });
     const blob2 = await pdf(doc2).toBlob();
     const arrayBuffer2 = await blob2.arrayBuffer();
     return new Uint8Array(arrayBuffer2);
   }
   if (template === "template5" || template === "template6") {
     const Template = template === "template5" ? Template5_default : Template6_default;
-    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsx(Page, { size: "A4", orientation: "landscape", style: styles7.page, children: /* @__PURE__ */ jsx(
-      Template,
-      {
-        products,
-        companyLogo: companyLogo ? normalizeImageSource(companyLogo) : void 0,
-        companyName
-      }
-    ) }) });
+    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsxs(Page, { size: "A4", orientation: "landscape", style: styles8.page, children: [
+      /* @__PURE__ */ jsx(
+        Template,
+        {
+          products,
+          companyLogo,
+          companyName
+        }
+      ),
+      /* @__PURE__ */ jsx(PoweredByTeziApp_default, {})
+    ] }) });
     const blob2 = await pdf(doc2).toBlob();
     const arrayBuffer2 = await blob2.arrayBuffer();
     return new Uint8Array(arrayBuffer2);
   }
-  const doc = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsxs(Page, { size: "A4", style: styles7.page, children: [
-    /* @__PURE__ */ jsxs(View, { style: styles7.header, children: [
-      companyLogo && /* @__PURE__ */ jsx(View, { style: styles7.logoSection, children: /* @__PURE__ */ jsx(Image, { style: styles7.logo, src: normalizeImageSource(companyLogo) }) }),
-      /* @__PURE__ */ jsx(View, { style: styles7.storeNameSection, children: /* @__PURE__ */ jsx(Text, { style: styles7.storeName, children: companyName }) }),
-      /* @__PURE__ */ jsx(View, { break: true })
+  const doc = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsxs(Page, { size: "A4", style: styles8.page, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles8.header, children: [
+      companyLogo && /* @__PURE__ */ jsx(View, { style: styles8.logoSection, children: /* @__PURE__ */ jsx(Image, { style: styles8.logo, src: companyLogo }) }),
+      /* @__PURE__ */ jsx(View, { style: styles8.storeNameSection, children: /* @__PURE__ */ jsx(Text, { style: styles8.storeName, children: companyName }) })
     ] }),
-    /* @__PURE__ */ jsx(TemplateComponent, { products })
+    /* @__PURE__ */ jsx(TemplateComponent, { products }),
+    /* @__PURE__ */ jsx(PoweredByTeziApp_default, {})
   ] }) });
   const blob = await pdf(doc).toBlob();
   const arrayBuffer = await blob.arrayBuffer();