pdf-catalog-generator 3.0.0 → 3.1.0

package/dist/index.mjs

@@ -129,7 +129,12 @@ var KNOWN_FIELD_NAMES_LOWER = [
   "link",
   "url",
   "producturl",
-  "href"
+  "href",
+  "image2",
+  "imageurl2",
+  "img2",
+  "photo2",
+  "picture2"
 ];
 function extractProductFields(product, options = {}) {
   const { maxDynamicFields, excludeFields = [] } = options;
@@ -179,12 +184,12 @@ var dynamicFieldStyles = StyleSheet.create({
     flexShrink: 1
   }
 });
-function renderDynamicFields(fields, styles6) {
+function renderDynamicFields(fields, styles8) {
   if (fields.length === 0) return null;
-  const containerStyle = styles6?.container || { marginBottom: 8 };
-  const rowStyle = styles6?.row || dynamicFieldStyles.detailRow;
-  const labelStyle = styles6?.label || dynamicFieldStyles.detailLabel;
-  const valueStyle = styles6?.value || dynamicFieldStyles.detailValue;
+  const containerStyle = styles8?.container || { marginBottom: 8 };
+  const rowStyle = styles8?.row || dynamicFieldStyles.detailRow;
+  const labelStyle = styles8?.label || dynamicFieldStyles.detailLabel;
+  const valueStyle = styles8?.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),
@@ -642,6 +647,311 @@ var Template4 = ({
 };
 var Template4_default = Template4;
 var styles5 = StyleSheet.create({
+  page: {
+    width: "100%",
+    height: "100%",
+    position: "relative",
+    backgroundColor: "#FFFFFF",
+    flexDirection: "column"
+  },
+  header: {
+    height: 80,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 30,
+    paddingTop: 20,
+    paddingBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: "#E0E0E0",
+    marginBottom: 10
+  },
+  logo: {
+    height: 50,
+    marginRight: 20,
+    objectFit: "contain"
+  },
+  companyName: {
+    fontSize: 24,
+    fontWeight: "bold",
+    color: "#333333",
+    letterSpacing: 1
+  },
+  contentContainer: {
+    flex: 1,
+    flexDirection: "row",
+    paddingHorizontal: 30,
+    paddingBottom: 30,
+    gap: 20
+  },
+  imageSection: {
+    flex: 2,
+    flexDirection: "row",
+    gap: 15
+  },
+  imageWrapper: {
+    flex: 1,
+    height: "100%",
+    backgroundColor: "#F9F9F9",
+    borderRadius: 4,
+    overflow: "hidden"
+  },
+  productImage: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  detailsSection: {
+    flex: 1,
+    backgroundColor: "#F5F5F5",
+    padding: 20,
+    borderRadius: 8,
+    justifyContent: "center"
+  },
+  productTitle: {
+    fontSize: 18,
+    fontWeight: "bold",
+    color: "#222222",
+    marginBottom: 15,
+    borderBottomWidth: 2,
+    borderBottomColor: "#333333",
+    paddingBottom: 5
+  },
+  dynamicFieldsContainer: {
+    gap: 8
+  },
+  detailRow: {
+    flexDirection: "row",
+    marginBottom: 6,
+    borderBottomWidth: 1,
+    borderBottomColor: "#E0E0E0",
+    paddingBottom: 4
+  },
+  detailLabel: {
+    fontSize: 10,
+    fontWeight: "bold",
+    color: "#555555",
+    width: "40%"
+  },
+  detailValue: {
+    fontSize: 10,
+    color: "#333333",
+    flex: 1,
+    flexWrap: "wrap"
+  }
+});
+function getImage2Url(product) {
+  const image2Fields = ["image2", "imageurl2", "img2", "photo2", "picture2"];
+  for (const field of image2Fields) {
+    const value = product[field];
+    if (value && typeof value === "string" && value.trim() !== "") {
+      return value;
+    }
+  }
+  return null;
+}
+var Template5 = ({
+  products,
+  companyLogo,
+  companyName
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: products.map((product, index) => {
+    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 })
+      ] }),
+      /* @__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: 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__ */ jsx(View, { break: true })
+    ] }, index);
+  }) });
+};
+var Template5_default = Template5;
+var styles6 = StyleSheet.create({
+  page: {
+    width: "100%",
+    height: "100%",
+    flexDirection: "row",
+    backgroundColor: "#FFFFFF"
+  },
+  leftColumn: {
+    width: "50%",
+    height: "100%",
+    position: "relative",
+    borderRightWidth: 1,
+    borderRightColor: "#E0E0E0"
+  },
+  rightColumn: {
+    width: "50%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    position: "relative"
+  },
+  imageFull: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  rightImageContainer: {
+    flex: 1,
+    width: "100%",
+    position: "relative",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20
+  },
+  rightImage: {
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
+  },
+  specsOverlay: {
+    position: "absolute",
+    bottom: 40,
+    // Lifted slightly from absolute bottom
+    right: 0,
+    backgroundColor: "#FFFFFF",
+    padding: 15,
+    width: "65%",
+    // Takes up a good chunk of the corner
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4,
+    shadowColor: "#000",
+    shadowOpacity: 0.2,
+    shadowRadius: 3,
+    borderWidth: 1,
+    borderColor: "#EEEEEE"
+  },
+  specsHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: "#333",
+    paddingBottom: 5
+  },
+  miniLogo: {
+    width: 20,
+    height: 20,
+    objectFit: "contain",
+    marginRight: 8
+  },
+  designNumber: {
+    fontSize: 12,
+    fontWeight: "bold",
+    color: "#000"
+  },
+  footer: {
+    height: 100,
+    backgroundColor: "#1A1A1A",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    paddingHorizontal: 30,
+    width: "100%"
+  },
+  footerContent: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  footerLogo: {
+    width: 40,
+    height: 40,
+    objectFit: "contain",
+    marginRight: 15,
+    backgroundColor: "#FFF",
+    // White background for logo visibility
+    padding: 2,
+    borderRadius: 2
+  },
+  footerText: {
+    color: "#FFFFFF",
+    fontSize: 14,
+    fontWeight: "bold",
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  },
+  // Custom styles for dynamic fields in the overlay
+  fieldRow: {
+    flexDirection: "row",
+    marginBottom: 4
+  },
+  fieldLabel: {
+    fontSize: 9,
+    fontWeight: "bold",
+    color: "#333",
+    width: "40%"
+  },
+  fieldValue: {
+    fontSize: 9,
+    color: "#555",
+    flex: 1
+  }
+});
+function getImage2Url2(product) {
+  const image2Fields = ["image2", "imageurl2", "img2", "photo2", "picture2"];
+  for (const field of image2Fields) {
+    const value = product[field];
+    if (value && typeof value === "string" && value.trim() !== "") {
+      return value;
+    }
+  }
+  return null;
+}
+var Template6 = ({
+  products,
+  companyLogo,
+  companyName
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: products.map((product, index) => {
+    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" })
+          ] }),
+          renderDynamicFields(dynamicFields, {
+            row: styles6.fieldRow,
+            label: styles6.fieldLabel,
+            value: styles6.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__ */ jsx(View, { break: true })
+    ] }, index);
+  }) });
+};
+var Template6_default = Template6;
+var styles7 = StyleSheet.create({
   page: {
     flexDirection: "column",
     backgroundColor: "#FFFFFF"
@@ -709,11 +1019,17 @@ async function generateProductCatalog(config) {
     case "template4":
       TemplateComponent = Template4_default;
       break;
+    case "template5":
+      TemplateComponent = Template5_default;
+      break;
+    case "template6":
+      TemplateComponent = Template6_default;
+      break;
     default:
       TemplateComponent = Template1_default;
   }
   if (template === "template4") {
-    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsx(Page, { size: "A4", style: styles5.page, children: /* @__PURE__ */ jsx(
+    const doc2 = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsx(Page, { size: "A4", style: styles7.page, children: /* @__PURE__ */ jsx(
       Template4_default,
       {
         products,
@@ -725,10 +1041,24 @@ async function generateProductCatalog(config) {
     const arrayBuffer2 = await blob2.arrayBuffer();
     return new Uint8Array(arrayBuffer2);
   }
-  const doc = /* @__PURE__ */ jsx(Document, { children: /* @__PURE__ */ jsxs(Page, { size: "A4", style: styles5.page, children: [
-    /* @__PURE__ */ jsxs(View, { style: styles5.header, children: [
-      companyLogo && /* @__PURE__ */ jsx(View, { style: styles5.logoSection, children: /* @__PURE__ */ jsx(Image, { style: styles5.logo, src: normalizeImageSource(companyLogo) }) }),
-      /* @__PURE__ */ jsx(View, { style: styles5.storeNameSection, children: /* @__PURE__ */ jsx(Text, { style: styles5.storeName, children: companyName }) }),
+  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 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 })
     ] }),
     /* @__PURE__ */ jsx(TemplateComponent, { products })
@@ -775,6 +1105,6 @@ function parseJSON(data) {
   return data;
 }
 
-export { DEFAULT_TEMPLATE_CONFIG, KNOWN_FIELD_NAMES_LOWER, Template1_default as Template1, Template2_default as Template2, Template3_default as Template3, Template4_default as Template4, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };
+export { DEFAULT_TEMPLATE_CONFIG, KNOWN_FIELD_NAMES_LOWER, Template1_default as Template1, Template2_default as Template2, Template3_default as Template3, Template4_default as Template4, Template5_default as Template5, Template6_default as Template6, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map