meemup-library 1.4.49 → 1.4.51

package/dist/controllers/PreviewContentController.d.ts

@@ -2,6 +2,11 @@ import IAccount from "../interfaces/IAccount";
 import IPrintTemplate from "../interfaces/IPrintTemplate";
 import IOrderDetails from "../interfaces/print/IOrderDetails";
 import IOrderDetailProduct from "../interfaces/print/IOrderDetailProduct";
+import ITurnover from "../interfaces/turnover/ITurnover";
+import IPointOfSaleSetting from "../interfaces/pos/IPointOfSaleSetting";
+import IPointOfSalePrintParts from "../interfaces/pos/IPointOfSalePrintParts";
+import IPointOfSaleActionFormCashDrawer from "../interfaces/pos/IPointOfSaleActionFormCashDrawer";
+import IPointOfSaleTeamMember from "../interfaces/pos/IPointOfSaleTeamMember";
 declare const _default: {
     calculatePaperSize: (paper: number, width: string | number) => string;
     sortProduct: (products: IOrderDetailProduct[], sortType: number) => IOrderDetailProduct[];
@@ -16,5 +21,8 @@ declare const _default: {
     packageLabel(detail: IOrderDetails, template: IPrintTemplate): string;
     preview(account: IAccount, detail: IOrderDetails, template: IPrintTemplate): string;
     previewForPos(account: IAccount, detail: IOrderDetails, template: IPrintTemplate): string;
+    createPrintFromTurnoverDetail(data: ITurnover, currency: string, printParts: IPointOfSalePrintParts): Promise<string>;
+    createCashDrawerPaidInOutMarkup(device: IPointOfSaleActionFormCashDrawer, setting: IPointOfSaleSetting, member: IPointOfSaleTeamMember): Promise<string>;
+    openCashDrawerMarkup(label?: string): Promise<string>;
 };
 export default _default;

package/dist/controllers/PreviewContentController.js

@@ -1,7 +1,20 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import EnumPrintLayout from "../enums/EnumPrintLayout";
 import SimplePreviewController from "./SimplePreviewController";
 import LabelPreviewController from "./LabelPreviewController";
 import EnumOrderSummaryPrintPlacementType from "../enums/EnumOrderSummaryPrintPlacementType";
+import MoneyController from "./MoneyController";
+import DateTimeController from "./DateTimeController";
+import { printPoweredBy } from "../statics";
+import { initPointOfSaleTeamMember } from "../interfaces/pos/IPointOfSaleTeamMember";
 export default new class PreviewContentController {
     constructor() {
         this.calculatePaperSize = (paper, width) => {
@@ -339,20 +352,30 @@ export default new class PreviewContentController {
                             <meta name="viewport" content="width=device-width, initial-scale=1.0">
                             <style>
 
-                                html {
+                                     html {
                                     font-size: 14px;
                                 }
 
                                 * {
                                     padding: 0;
                                     margin: 0;
-                                    background-color: #ffffff;
                                 }
-
+                                
+                                p,strong {
+                                 line-height: 1.5rem;
+                                }
+                                
+                                td{
+                                padding-top: 2px;
+                                padding-bottom: 2px;
+                                line-height: 1.6rem;
+                                }
+                     
                                 body {
                                     width : 100%;
                                     margin: 0;
                                     padding: 0;
+                                    background-color: #ffffff;
                                     font-family: -apple-system, BlinkMacSystemFont, 'Arial', "Arial Black", "Comic Sans MS", "Georgia", "Impact", "Lucida Console", "Lucida Sans Unicode", 'Segoe UI', 'Roboto', 'Oxygen',
                                     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
                                     sans-serif;
@@ -367,4 +390,244 @@ export default new class PreviewContentController {
                         </body>
                     </html>`;
     }
+    createPrintFromTurnoverDetail(data, currency, printParts) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                //   const  = PrintPartsStorageController.getJson();
+                let content = `<div style="font-family : Arial; font-weight : normal; padding : 0;"> `;
+                content += SimplePreviewController.createHeader("Turnover");
+                content += SimplePreviewController.printSpace(20);
+                if (printParts.summaries && Array.isArray(data.summaries)) {
+                    content += SimplePreviewController.createTitle("Summaries");
+                    content += SimplePreviewController.printSolidLine();
+                    data.summaries.map((item) => content += SimplePreviewController.createTextValueSpaceBetween(item.text, item.value));
+                    if (data.summaries.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                    }
+                    content += SimplePreviewController.printSpace(10);
+                }
+                if (printParts.details && Array.isArray(data.details)) {
+                    content += SimplePreviewController.createTitle("Details");
+                    content += SimplePreviewController.printSolidLine();
+                    data.details.map(i => ({
+                        text: i.title,
+                        value: i.count + ', ' + MoneyController.format(i.amount, currency),
+                    }))
+                        .map((item) => content += SimplePreviewController.createTextValueSpaceBetween(item.text, item.value));
+                    if (data.details.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                    }
+                    content += SimplePreviewController.printSpace(10);
+                }
+                if (printParts.channels && Array.isArray(data.channels)) {
+                    content += SimplePreviewController.createTitle("Channels");
+                    content += SimplePreviewController.printSolidLine();
+                    data.channels.map((value, index) => {
+                        let channelData = [
+                            {
+                                text: '  Orders',
+                                value: value.count,
+                            },
+                            {
+                                text: '  Gross sales',
+                                value: MoneyController.format(value.amount, currency),
+                            },
+                            {
+                                text: '  Net sales',
+                                value: MoneyController.format(value.net, currency),
+                            },
+                            {
+                                text: '  Taxes',
+                                value: MoneyController.format(value.tax, currency),
+                            },
+                            {
+                                text: '  Tip',
+                                value: MoneyController.format(value.tip, currency),
+                            },
+                            {
+                                text: '  Discount',
+                                value: MoneyController.format(value.discount, currency),
+                            },
+                            {
+                                text: '  Delivery fee',
+                                value: MoneyController.format(value.deliveryFee, currency),
+                            },
+                            {
+                                text: '  Service fee',
+                                value: MoneyController.format(value.serviceFee, currency),
+                            },
+                            {
+                                text: '  Company fee',
+                                value: MoneyController.format(value.companyFee, currency),
+                            },
+                            { text: '  ', value: '' },
+                        ];
+                        if (index > 0)
+                            SimplePreviewController.printSolidLine();
+                        content += SimplePreviewController.createTitle(value.title);
+                        channelData.map(i => content += SimplePreviewController.createTextValueSpaceBetween(i.text, i.value + ""));
+                        content += SimplePreviewController.createTitle(`${value.title} turnover per order types`);
+                        for (let index = 0; index < value.orderTypes.length; index++) {
+                            const value1 = value.orderTypes[index];
+                            content += SimplePreviewController.createTextValueSpaceBetween(value1.title, `${value1.count}, ${MoneyController.format(value1.amount, currency)}`);
+                            content += SimplePreviewController.createTextValueSpaceBetween("Tip", MoneyController.format(value1.tip, currency));
+                            content += SimplePreviewController.printDashLine(4);
+                        }
+                        content += SimplePreviewController.printDashLine(4);
+                        content += SimplePreviewController.createTitle(`${value.title} turnover per payment types`);
+                        for (let index = 0; index < value.paymentTypes.length; index++) {
+                            const value1 = value.paymentTypes[index];
+                            content += SimplePreviewController.createTextValueSpaceBetween(value1.title, `${value1.count}, ${MoneyController.format(value1.amount, currency)}`);
+                            content += SimplePreviewController.createTextValueSpaceBetween("Tip", MoneyController.format(value1.tip, currency));
+                            content += SimplePreviewController.printDashLine(4);
+                        }
+                    });
+                    content += SimplePreviewController.printDashLine(4);
+                    if (data.channels.length === 0)
+                        content += SimplePreviewController.createTextForEmptyList();
+                    content += SimplePreviewController.printSolidLine();
+                }
+                if (printParts.categories && Array.isArray(data.categories)) {
+                    content += SimplePreviewController.createTitle("Categories");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.categories.length; index++) {
+                        const value = data.categories[index];
+                        content += SimplePreviewController.createSubTitle(value.title);
+                        for (let j = 0; j < value.channels.length; j++) {
+                            const i = value.channels[j];
+                            content += SimplePreviewController.createTextValueSpaceBetween(i.title, `${i.count}, ${MoneyController.format(i.amount, currency)}`);
+                        }
+                        content += SimplePreviewController.createTextValueSpaceBetween('Total', `${value.count}, ${MoneyController.format(value.amount, currency)}`);
+                        content += SimplePreviewController.printSpace(20);
+                    }
+                    if (data.categories.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(20);
+                    }
+                }
+                if (printParts.orderTypes && Array.isArray(data.orderTypes)) {
+                    content += SimplePreviewController.createTitle("Order types");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.orderTypes.length; index++) {
+                        const value = data.orderTypes[index];
+                        content += SimplePreviewController.createSubTitle(value.title);
+                        content += SimplePreviewController.createTextValueSpaceBetween('Count', value.count + "");
+                        content += SimplePreviewController.createTextValueSpaceBetween('Total amount', MoneyController.format(value.amount, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Tip', MoneyController.format(value.tip, currency));
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                    if (data.orderTypes.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                }
+                if (printParts.payments && Array.isArray(data.payments)) {
+                    content += SimplePreviewController.createTitle("Payment types");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.payments.length; index++) {
+                        const value = data.payments[index];
+                        content += SimplePreviewController.createSubTitle(value.title);
+                        content += SimplePreviewController.createTextValueSpaceBetween('Count', value.count + "");
+                        content += SimplePreviewController.createTextValueSpaceBetween('Total amount', MoneyController.format(value.amount, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Tip', MoneyController.format(value.tip, currency));
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                    if (data.payments.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                }
+                if (printParts.deliveryZones && Array.isArray(data.deliveryZones)) {
+                    content += SimplePreviewController.createTitle("Delivery zones");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.deliveryZones.length; index++) {
+                        const value = data.deliveryZones[index];
+                        content += SimplePreviewController.createSubTitle(value.title);
+                        content += SimplePreviewController.createTextValueSpaceBetween('Count', value.count + "");
+                        content += SimplePreviewController.createTextValueSpaceBetween('Total amount', MoneyController.format(value.amount, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Tip', MoneyController.format(value.tip, currency));
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                    if (data.deliveryZones.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                }
+                if (printParts.drivers && Array.isArray(data.drivers)) {
+                    content += SimplePreviewController.createTitle("Drivers");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.drivers.length; index++) {
+                        const value = data.drivers[index];
+                        content += SimplePreviewController.createTextValueSpaceBetween('Amount', MoneyController.format(value.amount, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Count', value.count + "");
+                        content += SimplePreviewController.createTextValueSpaceBetween('Distance', MoneyController.format(value.distance, "m"));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Delivery costs', MoneyController.format(value.deliveryCosts, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Tip', MoneyController.format(value.tip, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Cash tip', MoneyController.format(value.cashTip, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Online tip', MoneyController.format(value.onlineTip, currency));
+                        content += SimplePreviewController.createTextValueSpaceBetween('Terminal tip', MoneyController.format(value.terminalTip, currency));
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                    if (data.drivers.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                }
+                if (printParts.thirdPartySales && Array.isArray(data.thirdPartySales)) {
+                    content += SimplePreviewController.createTitle("Third-party sales");
+                    content += SimplePreviewController.printSolidLine();
+                    for (let index = 0; index < data.thirdPartySales.length; index++) {
+                        const value = data.thirdPartySales[index];
+                        content += SimplePreviewController.createTextValueSpaceBetween(value.title, value.count + ', ' + MoneyController.format(value.amount, currency) + (data.thirdPartySales.length - 1 === index ? '' : '\n'));
+                    }
+                    if (data.thirdPartySales.length === 0) {
+                        content += SimplePreviewController.createTextForEmptyList();
+                        content += SimplePreviewController.printSpace(10);
+                    }
+                }
+                content += `</div style="font-size:12px; color:black; text-align:center; ">
+            Printed at ${DateTimeController.toDateString(new Date())} ${DateTimeController.formatAMPMDate(new Date())}
+            </div>`;
+                content += `</div style="font-size:12px; color:black; text-align:center; font-weight:bold; ">
+            ${printPoweredBy}
+            </div>`;
+                content += `</div>`;
+                return (`<div style="display: flex;"><div style="width : auto;">${content}</div></div>`);
+            }
+            catch (e) {
+                console.log(e);
+            }
+            return '';
+        });
+    }
+    createCashDrawerPaidInOutMarkup(device, setting, member) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let content = '';
+            try {
+                if (device) {
+                    const title = device.mode === 1 ? 'Paid in' : 'Paid out';
+                    if (member.id > initPointOfSaleTeamMember.id) {
+                        content += SimplePreviewController.createSubTitle(`Member ID: #${member.id}`);
+                        content += SimplePreviewController.createSubTitle(`Member: ${member.firstName} ${member.lastName}`);
+                        content += SimplePreviewController.printSpace(20);
+                    }
+                    content += SimplePreviewController.createText(`${title}: ${MoneyController.format(device.money, setting.currencySymbol)}`, true);
+                    content += SimplePreviewController.createText(`Reason: ${device.reason}`);
+                    content += SimplePreviewController.printSolidLine();
+                    content += SimplePreviewController.createText(`Reason: ${device.reason}`);
+                    content += SimplePreviewController.footer();
+                }
+                return content;
+            }
+            catch (error) {
+                console.log(`Error: ${String(error)}`);
+            }
+            return "";
+        });
+    }
+    openCashDrawerMarkup() {
+        return __awaiter(this, arguments, void 0, function* (label = "") {
+            return `<div>${label}</div>`;
+        });
+    }
 }();

package/dist/controllers/SimplePreviewController.d.ts

@@ -24,12 +24,22 @@ declare class SimplePreviewController {
     printQrCode(template: IPrintTemplate, detail: IOrderDetails): string;
     printTextEnd(template: IPrintTemplate): string;
     printFooter(template: IPrintTemplate, detail: IOrderDetails): string;
-    printDashLine(): string;
+    printDashLine(my?: number): string;
+    printSimpleDashLine(): string;
     printSolidLine(): string;
     private createDivContainer;
     private filterByCategoryList;
     private sortProduct;
     private pizzaSideText;
+    createTextValue(text: string, value: string, textLength: number, template: IPrintTemplate): string;
+    createTextValueSpaceBetween(text: string, value: string): string;
+    createHeader(text: string): string;
+    createTitle(text: string): string;
+    createSubTitle(text: string): string;
+    createText(text: string, bold?: boolean): string;
+    createTextForEmptyList(text?: string): string;
+    printSpace(height: number): string;
+    footer(): string;
 }
 declare const controller: SimplePreviewController;
 export default controller;

package/dist/controllers/SimplePreviewController.js

@@ -8,6 +8,7 @@ import EnumPizzaSide from "../enums/EnumPizzaSide";
 import EnumPaymentState from "../enums/EnumPaymentState";
 import OrderToolController from "./OrderToolController";
 import EnumOrderDateTimePrintModeType from "../enums/EnumOrderDateTimePrintModeType";
+import { Formats, printPoweredBy } from "../statics";
 class SimplePreviewController {
     constructor() {
         this.filterByCategoryList = (products, catList, onlyListCategory, productList, onlyListProduct) => {
@@ -49,7 +50,7 @@ class SimplePreviewController {
         // let largeFontSize = parseInt((template.fontSize + 10) + "") + "px";
         let largeFontSize = template.printer === 5 ? "22px" : parseInt((template.fontSize + 10) + "") + "px";
         let content = this.createDivContainer(template);
-        content += `<div style="display:grid; grid-template-columns: repeat(1 , 1fr);">`;
+        content += `<div style="display:grid; grid-template-columns: repeat(1 , 1fr); gap : 8px;">`;
         let summary = `<strong style="font-size: ${largeFontSize}; text-align: center;">#${order.orderNumber}&emsp;${order.orderTypeString}</strong>`;
         content += summary;
         if (order.orderType === EnumOrderType.dining && order.tableId !== null) {
@@ -123,9 +124,11 @@ class SimplePreviewController {
         if (!template.showPrices)
             return "";
         let content = this.createDivContainer(template);
-        content += this.printDashLine();
-        content += `<p style="display : block; font-size: ${template.fontSize}px; text-align: left;">Payment information</p>`;
-        content += `<strong style="font-size: ${template.fontSize * 1.6};">${detail.order.paymentTypeString + (detail.order.paymentType === EnumPaymentType.Cash ? `: ${MoneyController.format(detail.order.totalAmount, detail.company.currencySymbol)} ` : " ") + " - " + detail.order.paymentStateString}</strong>`;
+        // content += this.printDashLine();
+        // content += `<p style="display : block; font-size: ${template.fontSize}px; text-align: left;">Payment information</p>`;
+        content += `<div style="font-size: ${template.fontSize}px; font-weight: bold; padding: 4px; background-color: black; color: white; text-align: center;">
+                    ${detail.order.paymentTypeString + (detail.order.paymentType === EnumPaymentType.Cash ? `: ${MoneyController.format(detail.order.totalAmount, detail.company.currencySymbol)} ` : " ") + " - " + detail.order.paymentStateString}
+                    </div>`;
         if (detail.order.paymentType === EnumPaymentType.Online)
             content += `<p style="display:block;">Credit Card: **** **** **** ${detail.order.lastFourDigits}</p>`;
         content += `</div>`;
@@ -135,13 +138,23 @@ class SimplePreviewController {
         var _a;
         if (!template.orderInfo)
             return "";
-        let content = this.createDivContainer(template);
-        content += this.printDashLine();
-        content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">Order number:&emsp;${detail.order.orderNumber}</p>`;
-        content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">${detail.order.orderTypeString}:&emsp;on ${moment(detail.order.desiredDate).format("hh:mm A")}</p>`;
-        if (typeof detail.order.estimatedTime === "string" && detail.order.estimatedTime.length > 0)
-            content += `<p style="display: block; font-size: ${template.fontSize}px; text-align:left;">Est. Time:&nbsp;&ensp;&emsp;${(_a = detail.order.estimatedTime) === null || _a === void 0 ? void 0 : _a.substring(0, 5)}</p>`;
-        content += `<p style="display: block; font-size: ${template.fontSize}px; text-align:left;">Reg. Time:&nbsp;&ensp;&emsp;${moment(detail.order.registrationDate).format("YYYY-MM-DD    hh:mm A")}</p>`;
+        let content = this.createDivContainer(template, 8, 8);
+        // content += this.printSimpleDashLine();
+        // content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">Order number:&emsp;${detail.order.orderNumber}</p>`;
+        // content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">
+        //                 Reference:&emsp;${detail.order.via}, #${detail.order.id}
+        //             </p>`;
+        // content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">${detail.order.orderTypeString}:&emsp;on ${moment(detail.order.desiredDate).format(Formats.displayTime)}</p>`;
+        // if (typeof detail.order.estimatedTime === "string" && detail.order.estimatedTime.length > 0)
+        //     content += `<p style="display: block; font-size: ${template.fontSize}px; text-align:left;">Est. Time:&nbsp;&ensp;&emsp;${detail.order.estimatedTime?.substring(0, 5)}</p>`;
+        content += this.createTextValue('Order number:', detail.order.orderNumber.toString(), 110, template);
+        content += this.createTextValue('Reference:', `${detail.order.via},  #${detail.order.id}`, 110, template);
+        content += this.createTextValue(`${detail.order.orderTypeString}:`, moment(detail.order.desiredDate).format(Formats.displayDateTime), 110, template);
+        if (typeof detail.order.estimatedTime === "string" && detail.order.estimatedTime.length > 0) {
+            content += this.createTextValue('Est. Time:', (_a = detail.order.estimatedTime) === null || _a === void 0 ? void 0 : _a.substring(0, 5), 110, template);
+        }
+        content += this.createTextValue('Reg. Time:', moment(detail.order.registrationDate).format(Formats.displayDateTime), 110, template);
+        content += `<!--<p style="display: block; font-size: ${template.fontSize}px; text-align:left;">Reg. Time:&nbsp;&ensp;&emsp;${moment(detail.order.registrationDate).format(Formats.displayDateTime)}</p>-->`;
         content += `</div>`;
         return content;
     }
@@ -150,21 +163,19 @@ class SimplePreviewController {
             return "";
         if (template.showCustomerInfo === EnumShowCustomer.YES_WHEN_DELIVERY_ORDER && detail.order.orderType !== EnumOrderType.delivery)
             return "";
-        let content = this.createDivContainer(template);
-        content += this.printDashLine();
+        let content = this.createDivContainer(template, 4, 8);
+        // content += this.printDashLine(4);
         if (template.printCustomerDetailsInLarge) {
             let largeFontSize = template.printer === 5 ? 22 : parseInt((template.fontSize + 10) + "");
-            content += `<p style="display : block; font-size: ${largeFontSize}px; text-align: left;">Customer information</p>`;
+            content += `<!--<p style="display : block; font-size: ${largeFontSize}px; text-align: left;">Customer information</p>-->`;
             content += `<strong style="display:block; font-size: ${largeFontSize}px;">${detail.customer.fullName}</strong>`;
             content += `<strong style="display:block; font-size: ${largeFontSize}px;">${PhoneController.toDisplay(detail.customer.phoneNumber)}</strong>`;
-            // content += `<p style="display:block; font-size: ${template.fontSize}px;">${detail.customer.email}</p>`;
             content += `<strong style="display:block; font-size: ${largeFontSize}px;">${detail.customer.address}</strong>`;
         }
         else {
-            content += `<p style="display : block; font-size: ${template.fontSize}px; text-align: left;">Customer information</p>`;
+            // content += `<p style="display : block; font-size: ${template.fontSize}px; text-align: left;">Customer information</p>`;
             content += `<strong style="display:block; font-size: ${template.fontSize}px;">${detail.customer.fullName}</strong>`;
             content += `<strong style="display:block; font-size: ${template.fontSize}px;">${PhoneController.toDisplay(detail.customer.phoneNumber)}</strong>`;
-            // content += `<p style="display:block; font-size: ${template.fontSize}px;">${detail.customer.email}</p>`;
             content += `<strong style="display:block; font-size: ${template.fontSize}px;">${detail.customer.address}</strong>`;
         }
         content += `</div>`;
@@ -174,7 +185,7 @@ class SimplePreviewController {
         let list = this.filterByCategoryList(this.sortProduct(detail.products, template.sortProducts), template.printOnlyCertainCategoriesList, template.printOnlyCertainCategories, template.printOnlyCertainProductsList, template.printOnlyCertainProducts);
         let count = MoneyController.sum(list.map(i => i.quantity));
         let content = this.createDivContainer(template);
-        content += `<p style="display: block; font-size: ${template.fontSize + 10}px; text-align: left;">${count} ITEM</p>`;
+        content += `<p style="display: block; font-size: ${template.fontSize + 10}px; text-align: left; margin-top : 8px;">${count} ITEM</p>`;
         content += `</div>`;
         return content;
     }
@@ -194,24 +205,32 @@ class SimplePreviewController {
         let content = this.createDivContainer(template);
         content += `<table style="width: 100%; border-collapse: collapse;">
                     <thead style="border-bottom: 1px solid #000000;">
-                        <tr>
+                        <tr style="height: 28px;">
                             <th style="font-size:${template.fontSize}px;min-width:40px; width: 40px; text-align: left; font-weight: bold;">#</th>
-                            <th style="font-size:${template.fontSize}px;flex: 1; width: 100%; text-align: left; font-weight: bold;">Product</th>
+                            <th style="font-size:${template.fontSize}px;flex: 1; width: 100%; text-align: left; font-weight: bold; ">Product</th>
                             <th style="font-size:${template.fontSize}px;max-width: 90px; text-align: right; font-weight: bold;">Price</th>
                         </tr>
                     </thead>
                     <tbody>
                 `;
         detail.products.forEach((row) => {
-            let productName = (template.showCategoryTitle ? `[${row.categoryTitle}] ` : "") + ((template.showProductKitchenName && row.kitchenReceiptName.trim().length > 0) ? row.kitchenReceiptName : row.title);
+            let productName = (template.showCategoryTitle ? `[${row.categoryTitle}] ` : "") + ((template.showProductKitchenName && row.kitchenReceiptName.trim().length > 0) ? row.kitchenReceiptName : row.productName);
             let amount = template.showPrices ? MoneyController.format(row.totalAmount, detail.company.currencySymbol) : "";
-            content += `<tr>
+            content += `<tr style="height: 28px;">
                             <td style="font-size:${template.fontSize}px; min-width:40px; width: 40px; text-align: left;">${row.quantity}X</td>
                             <td style="font-size:${template.fontSize}px; flex: 1; width: 100%; text-align: left; font-weight: bold;">${productName}</td>
                             <td style="font-size:${template.fontSize}px; max-width: 90px; text-align: right;">${amount}</td>
                         </tr>`;
             row.extras.forEach(element => {
-                let extraText = this.pizzaSideText(element.pizzaSide) + element.quantity + "X " + element.extraItemTitle;
+                // let extraText = this.pizzaSideText(element.pizzaSide) + element.quantity + "X " + element.extraItemTitle;
+                let side = this.pizzaSideText(element.pizzaSide);
+                let extraText = "";
+                if (side !== "")
+                    extraText += side;
+                if (element.quantity > 1)
+                    extraText += element.quantity + "x ";
+                extraText += element.extraItemTitle;
+                extraText = extraText.trim();
                 let extraAmount = template.showPrices ? MoneyController.format(element.totalAmount, detail.company.currencySymbol) : "";
                 content += `<tr>
                             <td style="font-size:${template.fontSize}px; min-width:40px; width: 40px; text-align: left;"></td>
@@ -229,7 +248,7 @@ class SimplePreviewController {
         });
         if (template.showPrices) {
             //order amount
-            content += `<tr style=" border-top: 1px dashed #000000; margin: 4px 0;">
+            content += `<tr style=" border-top: 1px dashed #000000; padding: 4px 0;">
                             <td style="font-size:${template.fontSize}px; width: 40px; text-align: left;"></td>
                             <td style="font-size:${template.fontSize}px; flex: 1; width: 100%; text-align: right;padding-right: 8px;">
                                 Order Amount:
@@ -299,15 +318,15 @@ class SimplePreviewController {
         }
         content += `</tbody></table>`;
         //total amount
-        content += `<div style="display: flex; flex-direction: row; align-items: center; border-top: 1px dashed #000000; margin: 4px 0;">
-                            <div style="font-size:${template.fontSize + 6}px; flex: 1; text-align: right; padding-right: 8px;">
-                                ${detail.order.paymentState !== EnumPaymentState.Paid ? "Total & Still to pay" : "Total"}:
+        content += `<div style="display: flex; flex-direction: row; align-items: center; background-color: black; padding: 4px;">
+                            <div style="font-size:${template.fontSize + 6}px; flex: 1; text-align: right; padding-right: 8px; background-color: transparent; color: white;">
+                                ${detail.order.paymentState !== EnumPaymentState.Paid ? "Total & NOT PAID" : "Total"}:
                             </div>
-                            <div style="font-size:${(template.fontSize + 10) + "px"}; width: 90px; text-align: right;">
+                            <div style="font-size:${(template.fontSize + 10) + "px"}; width: 90px; text-align: right; background-color: transparent; color: white;">
                                 ${MoneyController.format(detail.order.totalAmount, detail.company.currencySymbol)}
                             </div>
                         </div>`;
-        content += this.printSolidLine();
+        // content += this.printSolidLine();
         content += `</div>`;
         return content;
     }
@@ -520,21 +539,25 @@ class SimplePreviewController {
         return content;
     }
     printFooter(template, detail) {
+        const fs = template.fontSize - 4 <= 0 ? template.fontSize : template.fontSize - 4;
         let content = this.createDivContainer(template);
-        content += `<p style="display: block; font-size: ${template.fontSize}px; text-align: center;">FS.${detail.company.id}.${detail.order.id}.${template.id}</p>`;
-        content += `<p style="display: block; font-size: ${template.fontSize}px; text-align: center;">Printed on ${new Date().toDateString()} ${new Date().toTimeString().substring(0, 8)}</p>`;
-        content += `<strong style="display: block; font-size: ${template.fontSize}px; text-align: center;">Powered by Meemup.com</strong>`;
+        content += `<p style="display: block; font-size: ${fs}px; text-align: center; line-height: 1rem; margin-top: 8px;">FS.${detail.company.id}.${detail.order.id}.${template.id}</p>`;
+        content += `<p style="display: block; font-size: ${fs}px; text-align: center; line-height: 1rem;">Printed on ${new Date().toDateString()} ${new Date().toTimeString().substring(0, 8)}</p>`;
+        content += `<strong style="display: block; font-size: ${fs}px; text-align: center; line-height: 1rem;">Powered by Meemup.com</strong>`;
         content += `</div>`;
         return content;
     }
-    printDashLine() {
-        return `<div style="display: block; border-top: 1px dashed #000000; margin: 4px 0;"></div>`;
+    printDashLine(my = 4) {
+        return `<div style="display: block; border-top: 1px dashed #000000; margin: ${my}px 0;"></div>`;
+    }
+    printSimpleDashLine() {
+        return `<div style="display: block; border-top: 1px solid #000000; margin:0;"></div>`;
     }
     printSolidLine() {
         return `<div style="display: block; border-top: 1px solid #000000; margin: 4px 0;"></div>`;
     }
-    createDivContainer(template) {
-        return `<div style="display: block; padding-left: ${template.paddingLeft}mm; padding-right: ${template.paddingRight}mm;" >`;
+    createDivContainer(template, pt = 0, pb = 0) {
+        return `<div style="display: block; padding-left: ${template.paddingLeft}mm; padding-right: ${template.paddingRight}mm; padding-top: ${pt + "px"}; padding-bottom: ${pb + "px"};" >`;
     }
     sortProduct(products, sortType) {
         const new_product = [];
@@ -590,6 +613,46 @@ class SimplePreviewController {
                 return "";
         }
     }
+    createTextValue(text, value, textLength, template) {
+        return `<div style="display: grid; grid-template-columns: ${textLength}px auto;">
+                    <div style=" font-size: ${template.fontSize}px; text-align: left; font-family: ${template.font}; color: black;">${text}</div>
+                    <div style=" font-size: ${template.fontSize}px; text-align: left; font-family: ${template.font}; color: black;">${value}</div>
+                </div>`;
+    }
+    createTextValueSpaceBetween(text, value) {
+        return `<div style="display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;">
+                    <div style=" font-size:14px; text-align: left; color: black;">${text}</div>
+                    <div style=" font-size: 14px; text-align: left; color: black;">${value}</div>
+                </div>`;
+    }
+    createHeader(text) {
+        return `<div style=" font-size: 22px; text-align: left; color: black;">${text}</div>`;
+    }
+    createTitle(text) {
+        return `<div style=" font-size: 18px; text-align: left; color: black;">${text}</div>`;
+    }
+    createSubTitle(text) {
+        return `<div style=" font-size: 14px; font-weight:bold; text-align: left; color: black;">${text}</div>`;
+    }
+    createText(text, bold = false) {
+        return `<div style=" font-size: 14px; font-weight:${bold ? "normal" : "bold"}; text-align: left; color: black;">${text}</div>`;
+    }
+    createTextForEmptyList(text = "There is no data!") {
+        return `<i style=" font-size: 14px; text-align: left; color:rgb(49, 49, 49);">${text}</i>`;
+    }
+    printSpace(height) {
+        return `<div style="height : ${height}px;"></div>`;
+    }
+    footer() {
+        return `<div>
+                    <div style="text-align:center; font-size:12px; font-weight:normal; color:black;">
+                        Printed at ${moment().format(Formats.printedAt)}
+                    </div>
+                    <div style="text-align:center; font-size:12px; font-weight:bold; color:black;">
+                        ${printPoweredBy}
+                    </div>
+                </div>`;
+    }
 }
 const controller = new SimplePreviewController();
 export default controller;

package/dist/statics.d.ts

@@ -40,3 +40,13 @@ export declare const FIND_STAR_MICRONIC_PRINTER_TIMEOUT_POST_NAME = " Sec";
 export declare const DASHBOARD_ITEM_MINIMUM_WITH = 300;
 export declare const TOKEN_REFRESH_AFTER_THIS_AMOUNT_OF_MINUTE = 60;
 export declare const SIGNALR_AUTO_RECONNECT_TIMES_ARRAY: number[];
+export declare const Formats: {
+    date: string;
+    time: string;
+    displayTime: string;
+    displayDate: string;
+    displayDateTime: string;
+    standard: string;
+    printedAt: string;
+};
+export declare const printPoweredBy = "Powered by Meemup.com";

package/dist/statics.js

@@ -42,3 +42,13 @@ export const FIND_STAR_MICRONIC_PRINTER_TIMEOUT_POST_NAME = " Sec";
 export const DASHBOARD_ITEM_MINIMUM_WITH = 300;
 export const TOKEN_REFRESH_AFTER_THIS_AMOUNT_OF_MINUTE = 60;
 export const SIGNALR_AUTO_RECONNECT_TIMES_ARRAY = [180000, 240000, 300000, 360000, 420000];
+export const Formats = {
+    date: 'YYYY-MM-DD',
+    time: 'HH:mm:ss',
+    displayTime: 'hh:mm A',
+    displayDate: 'ddd, DD MMM',
+    displayDateTime: 'ddd, DD MMM, hh:mm A',
+    standard: 'YYYY-MM-DDTHH:mm:ss',
+    printedAt: 'YYYY-MM-DD HH:mm A',
+};
+export const printPoweredBy = 'Powered by Meemup.com';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meemup-library",
-  "version": "1.4.49",
+  "version": "1.4.51",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
     "remove:one": "rimraf dist",
     "remove:two": "rimraf ./src/dist",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "commit": "git add . && git commit -m \"version.1.4.49\" && git push origin "
+    "commit": "git add . && git commit -m \"version.1.4.51\" && git push origin "
   },
   "files": [
     "/dist"