@bookmypuja-tech/bmp-pdf 0.3.3 → 0.3.5

package/dist/index.d.ts

@@ -189,6 +189,38 @@ interface ISettlementsReport {
     settlements: ISettlementRow[];
 }
 
+interface IInvoiceData {
+    templeName: string;
+    templeAddress: string;
+    invoiceNumber: string;
+    status: string;
+    devoteeDetails: {
+        name: string;
+        phone: string;
+    };
+    bookingDate: string;
+    items: {
+        pujaId: string;
+        pujaName: string;
+        devoteesName: string;
+        quantity: string;
+        repeatCount?: string;
+        totalPrice: string;
+        basePujPrice: string;
+        repeatStartDate?: string;
+        repeatEndDate?: string;
+    }[];
+    platformCharges?: string;
+    gst?: string;
+    paymentGatewayCharges: string;
+    totalAmount: string;
+    subTotal: string;
+    paymentMethod: string;
+}
+interface IInvoiceProps {
+    data: IInvoiceData;
+}
+
 type sizeOptions = "A4" | "2Inch";
 declare const getPrintBlob: ({ size, data, dates, }: {
     size: sizeOptions;
@@ -200,7 +232,7 @@ declare const printDevoteeReceipt2Inch: (data: IPujaReceipt) => Promise<void>;
 declare const printTotalReceipt2Inch: (data: ITotalReceipt) => Promise<void>;
 declare const printePujaReport2Inch: (data: IPujaReport) => Promise<void>;
 declare const printQuickPrintReceipt2Inch: (data: IQuickReport) => Promise<void>;
-type IReportOptions = "kitchen" | "transaction" | "prasad-delivery" | "prasad" | "puja-detailed" | "puja-summary" | "combined-report" | "multi-temple-payment" | "settlements-report";
+type IReportOptions = "kitchen" | "transaction" | "prasad-delivery" | "prasad" | "puja-detailed" | "puja-summary" | "combined-report" | "multi-temple-payment" | "settlements-report" | "invoice";
 type IReportSize = "A4";
 type ReportDataTypes = {
     kitchen: KitchenReportProps;
@@ -212,6 +244,7 @@ type ReportDataTypes = {
     "combined-report": CombinedReportData;
     "multi-temple-payment": IMultiTemplePaymentReport;
     "settlements-report": ISettlementsReport;
+    "invoice": IInvoiceData;
 };
 declare class reportPrinter<T extends IReportOptions> {
     option: T;
@@ -221,4 +254,4 @@ declare class reportPrinter<T extends IReportOptions> {
     getBlob(data: ReportDataTypes[T]): Promise<Blob>;
 }
 
-export { A4Print, type KitchenReportProps as IKitchenReport, type IMultiTemplePaymentReport, type IPrasadDelivery, type IPrasadReport, type IPrintablePuja, type IPujaReceipt, type IPujaList as IPujaReport, type ISettlementRow, type ISettlementsReport, type ISummaryPujaList as ISummaryPujaReport, type ITransactionReport, T2Inch, getA4SummaryBlob, getPrintBlob, printDevoteeReceipt2Inch, printQuickPrintReceipt2Inch, printTotalReceipt2Inch, printePujaReport2Inch, reportPrinter };
+export { A4Print, type IInvoiceData, type IInvoiceProps, type KitchenReportProps as IKitchenReport, type IMultiTemplePaymentReport, type IPrasadDelivery, type IPrasadReport, type IPrintablePuja, type IPujaReceipt, type IPujaList as IPujaReport, type ISettlementRow, type ISettlementsReport, type ISummaryPujaList as ISummaryPujaReport, type ITransactionReport, T2Inch, getA4SummaryBlob, getPrintBlob, printDevoteeReceipt2Inch, printQuickPrintReceipt2Inch, printTotalReceipt2Inch, printePujaReport2Inch, reportPrinter };

package/dist/index.js

@@ -216,7 +216,7 @@ var A4Print = ({
 var A4Print_default = A4Print;
 
 // src/index.tsx
-import React17 from "react";
+import React18 from "react";
 
 // src/sizes/T2Inch.tsx
 import React2 from "react";
@@ -3023,6 +3023,504 @@ var A4SettlementsReport = ({
 };
 var A4SettlementsReport_default = A4SettlementsReport;
 
+// src/sizes/a4/A4Invoice.tsx
+import React17 from "react";
+import { Document as Document13, Image as Image14, Page as Page13, View as View12 } from "@react-pdf/renderer";
+var A4Invoice = ({ data }) => {
+  return /* @__PURE__ */ React17.createElement(Document13, null, /* @__PURE__ */ React17.createElement(Page13, { size: "A4", style: { padding: 30, fontFamily: "Noto Sans" } }, /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "row"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          backgroundColor: "#FFA823",
+          width: 20,
+          height: "100%"
+        }
+      }
+    ),
+    /* @__PURE__ */ React17.createElement(View12, { style: { marginLeft: 15, marginTop: 10, marginBottom: 0 } }, /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 16, fontWeight: "bold" } }, data.templeName), /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 10 } }, data.templeAddress), /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          gap: 5,
+          marginTop: 10
+        }
+      },
+      /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 10 } }, "Powered by"),
+      /* @__PURE__ */ React17.createElement(
+        Image14,
+        {
+          fixed: true,
+          style: {
+            height: 15,
+            width: 75,
+            marginBottom: 10
+          },
+          src: bmpLogo
+        }
+      )
+    ))
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        marginTop: 20
+      }
+    },
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 12, marginTop: 5, fontWeight: "semibold" } }, "INVOICE #", data.invoiceNumber),
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 10, marginTop: 2 } }, "Status: ", data.status == "confirmed" ? "PAID" : "PENDING")
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        marginTop: 10
+      }
+    },
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 11 } }, "Bill to:"),
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 11 } }, data.devoteeDetails.name),
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 11 } }, "+", data.devoteeDetails.phone),
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 11 } }, data.bookingDate)
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        marginTop: 20
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          borderBottom: "1px solid #757575",
+          fontSize: 10,
+          fontWeight: "semibold"
+        }
+      },
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            padding: 6,
+            borderRight: "1px solid #b5b5b5",
+            width: "50%"
+          }
+        },
+        /* @__PURE__ */ React17.createElement(Text_default, null, "Item Description")
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            padding: 6,
+            borderRight: "1px solid #b5b5b5",
+            width: "15%",
+            textAlign: "center"
+          }
+        },
+        /* @__PURE__ */ React17.createElement(Text_default, null, "Price")
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            padding: 6,
+            borderRight: "1px solid #b5b5b5",
+            width: "15%",
+            textAlign: "center"
+          }
+        },
+        /* @__PURE__ */ React17.createElement(Text_default, null, "Quantity")
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            padding: 6,
+            // borderRight: "1px solid #b5b5b5",
+            width: "20%",
+            textAlign: "center"
+          }
+        },
+        /* @__PURE__ */ React17.createElement(Text_default, null, "Total")
+      )
+    ),
+    data.items.map((item, index) => {
+      return /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          wrap: false,
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            borderBottom: "1px solid #757575",
+            fontSize: 10
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              padding: 6,
+              borderRight: "1px solid #b5b5b5",
+              width: "50%"
+            }
+          },
+          item.pujaName ? /* @__PURE__ */ React17.createElement(
+            Text_default,
+            {
+              style: {
+                fontSize: 11
+              }
+            },
+            item.pujaName
+          ) : null,
+          item.devoteesName ? /* @__PURE__ */ React17.createElement(
+            Text_default,
+            {
+              style: {
+                fontSize: 9,
+                color: "#333333"
+              }
+            },
+            item.devoteesName
+          ) : null,
+          item.repeatEndDate && item.repeatStartDate ? /* @__PURE__ */ React17.createElement(
+            Text_default,
+            {
+              style: {
+                fontSize: 9,
+                color: "#333333"
+              }
+            },
+            item.repeatStartDate,
+            " to ",
+            item.repeatEndDate
+          ) : null
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              padding: 6,
+              borderRight: "1px solid #b5b5b5",
+              width: "15%",
+              textAlign: "center",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, { style: {} }, item.basePujPrice)
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              padding: 6,
+              borderRight: "1px solid #b5b5b5",
+              width: "15%",
+              textAlign: "center",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, { style: {} }, `${item.quantity ? item.quantity : ""}${item.repeatCount ? ` x ${item.repeatCount}` : ""}`)
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              padding: 6,
+              width: "20%",
+              textAlign: "center",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, { style: {} }, item.totalPrice)
+        )
+      );
+    })
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        marginVertical: 40,
+        marginHorizontal: 20
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          width: "50%",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          fontSize: 11
+        }
+      },
+      /* @__PURE__ */ React17.createElement(
+        Text_default,
+        {
+          style: {
+            fontWeight: "bold"
+          }
+        },
+        "Payment Method:"
+      ),
+      /* @__PURE__ */ React17.createElement(Text_default, null, data.paymentMethod)
+    ),
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          width: "50%",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "flex-end"
+        }
+      },
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 10,
+            fontSize: 10
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "50%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, "Subtotal: ")
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "30%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, data.subTotal)
+        )
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 10,
+            fontSize: 10
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "70%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, "Payment Gateway Charges: ")
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "30%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, data.paymentGatewayCharges)
+        )
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 10,
+            fontSize: 10
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "70%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, "Platform Charges: ")
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "30%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, data.platformCharges)
+        )
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 10,
+            fontSize: 10
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "70%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, "GST (18%): ")
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "30%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, data.gst)
+        )
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            width: "60%",
+            height: 1,
+            backgroundColor: "#757575",
+            marginVertical: 5
+          }
+        }
+      ),
+      /* @__PURE__ */ React17.createElement(
+        View12,
+        {
+          style: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 10,
+            fontSize: 10,
+            fontWeight: "bold"
+          }
+        },
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "70%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, "Total: ")
+        ),
+        /* @__PURE__ */ React17.createElement(
+          View12,
+          {
+            style: {
+              width: "30%",
+              textAlign: "right"
+            }
+          },
+          /* @__PURE__ */ React17.createElement(Text_default, null, data.totalAmount)
+        )
+      )
+    )
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        marginHorizontal: 20,
+        fontSize: 8,
+        border: "1px solid #757575"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          backgroundColor: "#FFA823",
+          paddingHorizontal: 10,
+          paddingVertical: 5
+        }
+      },
+      /* @__PURE__ */ React17.createElement(Text_default, null, "IMPORTANT INSTRUCTIONS:")
+    ),
+    /* @__PURE__ */ React17.createElement(
+      View12,
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 5,
+          marginVertical: 10,
+          paddingHorizontal: 10
+        }
+      },
+      /* @__PURE__ */ React17.createElement(Text_default, null, "1) Devotees who have booked Special Darshan are required to present the invoice at the temple counter to collect their Special Darshan and Prasadam coupons"),
+      /* @__PURE__ */ React17.createElement(Text_default, null, "2) Prasadam Collection Schedule: Morning Pujas: Sundays, Tuesdays, and Fridays: Collect before 12:00 PM; Mondays, Wednesdays, Thursdays, and Saturdays: Collect before 11:00 AM. Evening Pujas: Collect before 8:00 PM")
+    )
+  ), /* @__PURE__ */ React17.createElement(
+    View12,
+    {
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        marginTop: 20
+      }
+    },
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 8, fontWeight: "bold" } }, "Terms and Conditions:"),
+    /* @__PURE__ */ React17.createElement(Text_default, { style: { fontSize: 8, marginLeft: 5 } }, "https://www.bookmypuja.app/terms-and-condition")
+  )));
+};
+var A4Invoice_default = A4Invoice;
+
 // src/index.tsx
 var getPrintBlob = ({
   size,
@@ -3030,15 +3528,15 @@ var getPrintBlob = ({
   dates
 }) => {
   if (size === "A4") {
-    const blob = pdf(/* @__PURE__ */ React17.createElement(A4Print_default, { data, dates })).toBlob();
+    const blob = pdf(/* @__PURE__ */ React18.createElement(A4Print_default, { data, dates })).toBlob();
     return blob;
   } else {
-    const blob = pdf(/* @__PURE__ */ React17.createElement(T2Inch_default, { data, dates })).toBlob();
+    const blob = pdf(/* @__PURE__ */ React18.createElement(T2Inch_default, { data, dates })).toBlob();
     return blob;
   }
 };
 var getA4SummaryBlob = async () => {
-  const blob = await pdf(/* @__PURE__ */ React17.createElement(A4Print_default, { data: [], dates: ["", ""] })).toBlob();
+  const blob = await pdf(/* @__PURE__ */ React18.createElement(A4Print_default, { data: [], dates: ["", ""] })).toBlob();
   return blob;
 };
 var printDevoteeReceipt2Inch = async (data) => {
@@ -3092,6 +3590,9 @@ var options = {
   },
   "settlements-report": {
     A4: A4SettlementsReport_default
+  },
+  "invoice": {
+    A4: A4Invoice_default
   }
 };
 var reportPrinter = class {
@@ -3306,7 +3807,7 @@ var reportPrinter = class {
   }
   async print(data) {
     const ReportComponent = options[this.option][this.size];
-    const document = /* @__PURE__ */ React17.createElement(ReportComponent, { ...data });
+    const document = /* @__PURE__ */ React18.createElement(ReportComponent, { ...data });
     const blob = pdf(document).toBlob();
     blob.then((blob2) => {
       var blobURL = URL.createObjectURL(blob2);
@@ -3321,7 +3822,7 @@ var reportPrinter = class {
   }
   async getBlob(data) {
     const ReportComponent = options[this.option][this.size];
-    const document = /* @__PURE__ */ React17.createElement(ReportComponent, { ...data });
+    const document = /* @__PURE__ */ React18.createElement(ReportComponent, { ...data });
     const blob = pdf(document).toBlob();
     return blob;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bookmypuja-tech/bmp-pdf",
   "description": "PDF Report Generation for Temple360 and T-360 by BookMyPuja",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",