meemup-library 1.5.85 → 1.5.87

package/dist/controllers/LabelPreviewController.js

@@ -116,9 +116,9 @@ class LabelPreviewController {
         row.extras.filter(i => !i.doNotPrintOnReceipt).forEach(element => {
             let extraText = this.pizzaSideText(element.pizzaSide) + element.quantity + "X " + element.extraItemTitle;
             let extraAmount = template.showPrices ? MoneyController.format(element.totalAmount, currencySymbol) : "";
-            content += `<div style="display: flex; flex-direction: row; justify-content: flex-start; padding-left: 16px">
-                            <p style="font-size:${template.fontSize}px; flex: 1; width: 100%; text-align: left;">${extraText}</p>
-                            <p style="font-size:${template.fontSize}px; max-width: 90px; text-align: right;">${extraAmount}</p>
+            content += `<div style="display: flex; flex-direction: row; justify-content: flex-start; padding-left: 16px">
+                            <p style="font-size:${template.fontSize}px; flex: 1; width: 100%; text-align: left;">${extraText}</p>
+                            <p style="font-size:${template.fontSize}px; max-width: 90px; text-align: right;">${extraAmount}</p>
                         </div>`;
         });
         content += `</div>`;

package/dist/controllers/PreviewContentController.js

@@ -298,61 +298,61 @@ class _PreviewContentController {
     }
     paymentFailed(detail, currency) {
         var _a, _b, _c;
-        return `<div style="padding-top: 16px; padding-bottom: 16px;">
-        <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
-            <img alt="" src="https://beta.meemup.com/api/shop/logo/${detail.company.id}"
-                style="width: 100px; min-width: 100px; max-width: 100px; aspect-ratio: auto;">
-        </div>
-        <div
-            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-left: 10%; margin-right: 10%; margin-top: 16px; padding-left: 16px; padding-right: 16px;">
-            <strong style="font-size: 18px;">AMOUNT</strong>
-            <strong style="font-size: 18px;">${currency} ${detail.order.totalAmount}</strong>
-        </div>
-        <div
-            style="display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom: 2px solid black; margin-left: 10%; margin-right: 10%; padding: 16px;">
-            <strong style="font-size: 18px; padding-right: 16px;"></strong>
-            <strong style="font-size: 18px;">#0</strong>
-        </div>
-        <div
-            style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 16px 10%; border-bottom: 2px solid black;">
-            <strong style="font-size: 18px;">${(_a = detail.paymentInfo) === null || _a === void 0 ? void 0 : _a.state}</strong>
-            <p style="font-size: 12px; font-weight: bold; margin-top: 8px; padding-bottom: 16px;">${(_b = detail.paymentInfo) === null || _b === void 0 ? void 0 : _b.message}</p>
-        </div>
-        <div style="margin-left: 16px; margin-right: 16px;">
-        ${(_c = detail.paymentInfo) === null || _c === void 0 ? void 0 : _c.metadata.map(i => (`<div style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
-            <strong style="font-size: 12px; margin-right: 16px;">${i.text}</strong>
-            <strong style="font-size: 12px;">${i.value}</strong>
-        </div>`))}
-            
-        </div>
+        return `<div style="padding-top: 16px; padding-bottom: 16px;">
+        <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
+            <img alt="" src="https://beta.meemup.com/api/shop/logo/${detail.company.id}"
+                style="width: 100px; min-width: 100px; max-width: 100px; aspect-ratio: auto;">
+        </div>
+        <div
+            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-left: 10%; margin-right: 10%; margin-top: 16px; padding-left: 16px; padding-right: 16px;">
+            <strong style="font-size: 18px;">AMOUNT</strong>
+            <strong style="font-size: 18px;">${currency} ${detail.order.totalAmount}</strong>
+        </div>
+        <div
+            style="display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom: 2px solid black; margin-left: 10%; margin-right: 10%; padding: 16px;">
+            <strong style="font-size: 18px; padding-right: 16px;"></strong>
+            <strong style="font-size: 18px;">#0</strong>
+        </div>
+        <div
+            style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 16px 10%; border-bottom: 2px solid black;">
+            <strong style="font-size: 18px;">${(_a = detail.paymentInfo) === null || _a === void 0 ? void 0 : _a.state}</strong>
+            <p style="font-size: 12px; font-weight: bold; margin-top: 8px; padding-bottom: 16px;">${(_b = detail.paymentInfo) === null || _b === void 0 ? void 0 : _b.message}</p>
+        </div>
+        <div style="margin-left: 16px; margin-right: 16px;">
+        ${(_c = detail.paymentInfo) === null || _c === void 0 ? void 0 : _c.metadata.map(i => (`<div style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
+            <strong style="font-size: 12px; margin-right: 16px;">${i.text}</strong>
+            <strong style="font-size: 12px;">${i.value}</strong>
+        </div>`))}
+            
+        </div>
     </div>`;
     }
     packageLabel(detail, template) {
         const { font, fontSize, width, paper } = template;
         const mediumFontSize = (fontSize * 1.5).toFixed(0);
         const largeFontSize = (fontSize * 2.5).toFixed(0);
-        return `<div style="font-family : ${font}; font-size: ${fontSize + "px"};font-weight : normal; padding : 10px; border: 1px solid black; width: ${this.calculatePaperSize(paper, width)};">
-        <div
-            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid black;">
-            <strong style="font-size: ${mediumFontSize + "px"};">${detail.order.orderTypeString}</strong>
-            <strong style="font-size: ${mediumFontSize + "px"};">#${detail.order.orderNumber}</strong>
-        </div>
-        <div style="border-bottom: 1px solid black; padding: 8px 0;">
-        ${detail.products.map((i) => (`<div style="padding : 2px 0;">${i.title}</div>`)).join("")}
-        </div>
-        <div
-            style="margin-top: 16px; margin-bottom: 6px; padding-bottom: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid black;">
-            <strong style="font-size: ${mediumFontSize + "px"};">${detail.order.orderTypeString}</strong>
-            <strong style="font-size: ${largeFontSize + "px"};">${detail.order.orderNumber}</strong>
-            <div>${detail.customer.fullName}</div>
-        </div>
-        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 10%; margin-right: 10%;">
-            <div>${this.formatDateTime(detail.order.desiredDate)}</div>
-            <div style="display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 16px;">
-                <img alt="" src="https://beta.meemup.com/api/ordering/${detail.order.id}/${detail.company.id}/QR"
-                    style="width: 100px; min-width: 100px; max-width: 100px; aspect-ratio: auto;">
-            </div>
-        </div>
+        return `<div style="font-family : ${font}; font-size: ${fontSize + "px"};font-weight : normal; padding : 10px; border: 1px solid black; width: ${this.calculatePaperSize(paper, width)};">
+        <div
+            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid black;">
+            <strong style="font-size: ${mediumFontSize + "px"};">${detail.order.orderTypeString}</strong>
+            <strong style="font-size: ${mediumFontSize + "px"};">#${detail.order.orderNumber}</strong>
+        </div>
+        <div style="border-bottom: 1px solid black; padding: 8px 0;">
+        ${detail.products.map((i) => (`<div style="padding : 2px 0;">${i.title}</div>`)).join("")}
+        </div>
+        <div
+            style="margin-top: 16px; margin-bottom: 6px; padding-bottom: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid black;">
+            <strong style="font-size: ${mediumFontSize + "px"};">${detail.order.orderTypeString}</strong>
+            <strong style="font-size: ${largeFontSize + "px"};">${detail.order.orderNumber}</strong>
+            <div>${detail.customer.fullName}</div>
+        </div>
+        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 10%; margin-right: 10%;">
+            <div>${this.formatDateTime(detail.order.desiredDate)}</div>
+            <div style="display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 16px;">
+                <img alt="" src="https://beta.meemup.com/api/ordering/${detail.order.id}/${detail.company.id}/QR"
+                    style="width: 100px; min-width: 100px; max-width: 100px; aspect-ratio: auto;">
+            </div>
+        </div>
     </div>`;
     }
     preview(account, detail, template) {
@@ -643,50 +643,50 @@ class _PreviewContentController {
         });
     }
     standardHtmlContainer(strHtml) {
-        return `<!DOCTYPE html>
-        <html>
-            <head>
-                <meta charset="UTF-8">
-                <meta name="viewport" content="width=device-width, initial-scale=1.0">
-                <style>
-
-                         html {
-                        font-size: 14px;
-                    }
-
-                    * {
-                        padding: 0;
-                        margin: 0;
-                    }
-                    
-                    p,strong {
-                     line-height: 1.5rem;
-                     font-weight : 500;
-                    }
-                    
-                    td{
-                    padding-top: 2px;
-                    padding-bottom: 2px;
-                    line-height: 1.6rem;
-                    }
-         
-                    body {
-                        width : 76mm;
-                        margin: 0;
-                        padding: 0;
-                        background-color: #ffffff;
-                        font-family: 'Roboto', 'Arial', "Arial Black", "Comic Sans MS", "Georgia", "Impact", "Lucida Console", "Lucida Sans Unicode", 'Segoe UI', 'Oxygen',
-                        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-                        sans-serif , -apple-system, BlinkMacSystemFont;
-                        -webkit-font-smoothing: antialiased;
-                        -moz-osx-font-smoothing: grayscale;
-                    }
-
-                </style>
-            </head>
-            <body>
-                ${strHtml}
-            </body>
+        return `<!DOCTYPE html>
+        <html>
+            <head>
+                <meta charset="UTF-8">
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                <style>
+
+                         html {
+                        font-size: 14px;
+                    }
+
+                    * {
+                        padding: 0;
+                        margin: 0;
+                    }
+                    
+                    p,strong {
+                     line-height: 1.5rem;
+                     font-weight : 500;
+                    }
+                    
+                    td{
+                    padding-top: 2px;
+                    padding-bottom: 2px;
+                    line-height: 1.6rem;
+                    }
+         
+                    body {
+                        width : 76mm;
+                        margin: 0;
+                        padding: 0;
+                        background-color: #ffffff;
+                        font-family: 'Roboto', 'Arial', "Arial Black", "Comic Sans MS", "Georgia", "Impact", "Lucida Console", "Lucida Sans Unicode", 'Segoe UI', 'Oxygen',
+                        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+                        sans-serif , -apple-system, BlinkMacSystemFont;
+                        -webkit-font-smoothing: antialiased;
+                        -moz-osx-font-smoothing: grayscale;
+                    }
+
+                </style>
+            </head>
+            <body>
+                ${strHtml}
+            </body>
         </html>`;
     }
     createClosingWorkDay(data, companyTitle) {
@@ -815,14 +815,14 @@ class _PreviewContentController {
         content += `<p style="display:block; font-size: ${template.fontSize * 2}px; text-align: left; margin-bottom:16px;">${total + ", " + afterTotal}</p>`;
         content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">Reg. date &nbsp;&nbsp; ${dayjs(detail.order.registrationDate).format(Formats.displayDateTime)}</p>`;
         content += `<p style="display:block; font-size: ${template.fontSize}px; text-align: left;">Order &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; REF:${detail.order.id} , #${detail.order.orderNumber}</p>`;
-        content += `<div style="display:flex; flex-direction : row; justify-content: space-between; align-items :center; ">
-        <p style="font-size: ${template.fontSize * 2}px; text-align: left;">Total, ${afterTotal}</p>
-        <p style="font-size: ${template.fontSize * 2}px; text-align: right;">${total}</p>
+        content += `<div style="display:flex; flex-direction : row; justify-content: space-between; align-items :center; ">
+        <p style="font-size: ${template.fontSize * 2}px; text-align: left;">Total, ${afterTotal}</p>
+        <p style="font-size: ${template.fontSize * 2}px; text-align: right;">${total}</p>
         </div>`;
-        content += `<div style="display:flex; flex-direction : row; justify-content:center; align-items:center; gap : 8px; margin-top:16px; margin-bottom: 16px;">
-                    <div style="border-top:1px solid black; flex:1;"></div>
-                    <p style="font-size: ${template.fontSize}px; text-align: right;">${(_a = detail.paymentInfo) === null || _a === void 0 ? void 0 : _a.state}</p>
-                    <div style="border-top:1px solid black; flex:1;"></div>
+        content += `<div style="display:flex; flex-direction : row; justify-content:center; align-items:center; gap : 8px; margin-top:16px; margin-bottom: 16px;">
+                    <div style="border-top:1px solid black; flex:1;"></div>
+                    <p style="font-size: ${template.fontSize}px; text-align: right;">${(_a = detail.paymentInfo) === null || _a === void 0 ? void 0 : _a.state}</p>
+                    <div style="border-top:1px solid black; flex:1;"></div>
                 </div>`;
         if (detail.paymentInfo !== null && Array.isArray((_b = detail.paymentInfo) === null || _b === void 0 ? void 0 : _b.metadata) && ((_d = (_c = detail.paymentInfo) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             content += `<div style="margin-bottom:16px;">`;