meemup-library 1.2.4 → 1.2.6

package/dist/controllers/PrintContentController.js

@@ -208,290 +208,290 @@ export default new class {
         const { order, company, customer, products, paymentInfo } = detail;
         const { printOnlyCertainCategoriesList, printOnlyCertainCategories, printOnlyCertainProductsList, printOnlyCertainProducts, customerAddressFontSize, showCustomerInfo, orderInfo, showPrices, textAfterAddress, textAfterAddressCenter, nameAddressShow, nameAddressCenter, font, fontSize, marginBottom, marginLeft, marginRight, marginTop, logoAvailable, logoCenter, logoUrl, sortProducts, textBeforeProducts, textBeforeProductsCenter, customerOnlinePaymentAgrementSection, id, promotionCodeNote, promotionId, qrCodeOrderDetails, showCategoryTitle, showProductKitchenName, textEnd, textEndCenter, width, paper } = template;
         const address = this.createAddressText(customer);
-        return (`
-      <div style="font-family: ${font}; font-weight: 500; font-size: ${fontSize + "px"}; min-width: ${this.calculatePaperSize(paper, width)}; width: ${this.calculatePaperSize(paper, width)}; padding : ${marginTop + "mm"} ${marginRight + "mm"} ${marginBottom + "mm"} ${marginLeft + "mm"};">
-      <img alt="" style=" display : ${logoAvailable ? "block" : "none"}; margin : ${logoCenter ? "auto" : "0"}; width: 200px; min-height : 50px;" src="${rootUrl}${company.id}/${logoUrl}" /> 
-      <p style=" margin: 5px 0; line-height: 1; display: ${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
-           ${company.title}
-      </p>
-      <p style="margin:5px 0; display:${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
-          ${company.address}
-      </p>
-      <p style="margin: 5px 0; line-height: 1; display: ${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
-          ${PhoneController.formatPhoneNumber(company.phone)}
-      </p>
-      <p style="margin: 5px 0; line-height: 1; display: ${textAfterAddress ? "block" : "none"}; text-align:${textAfterAddressCenter ? "center" : "start"};">
-          ${textAfterAddress}
-      </p>
-
-    <div style=" display:${order.orderTypeString ? "flex" : "none"}; flex-direction: column; align-items: center; justify-content: center; margin: 8px 0;" >
-   
-      <p style=" font-size: x-large; font-weight: bold; text-align: center;line-height: 0.7;  margin: 5px 0;"> #${order.orderNumber}&nbsp;&nbsp;&nbsp;${order.orderTypeString} </p>
-      
-      <strong style="font-size: x-large; text-align: center;">
-        &#9201;${order.asSoonAsPossible && "ASAP"}&nbsp;${this.formatDateTime(order.desiredDate, "time")}
-      </strong>
-      
-      ${order.estimatedTime ? `<strong style="display:block; font-size:x-large; text-align:center;">Est. Time ${this.substring(order.estimatedTime, 0, order.estimatedTime.length - 3)}</strong>` : ""}     
-    </div>
- 
-  
-   <div style="display: ${showPrices ? "block" : "none"}; border-top: 1px solid black;">
-      <strong style="display : block; margin: 5px 0; line-height: 1;">PAY INFORMATION: </strong>
-      <strong style="font-size: large; margin: 0 0 16px 0; line-height: 1.5;">${order.paymentTypeString + (order.paymentType === 2 ? `: ${this.ccyFormat(order.totalAmount, symbol)} ` : " ") + " - " + order.paymentStateString}</strong>
-  
-      <p style="margin: 5px 0; line-height: 1;  display: ${order.paymentType === 1 ? "block" : "none"};">Credit Card : <strong>**** **** **** ${order.lastFourDigits}</strong></p>
- 
-    </div>
-    
-    <p style="display:${orderInfo ? "block" : "none"}; margin: 5px 0; line-height: 1;"> Order number : <strong>#${order.orderNumber}</strong> </p>
-    <p style="display:${orderInfo ? "block" : "none"};  margin: 5px 0; line-height: 1;">
-     ${order.orderTypeString}:<span style="font-size: x-large;">&#9201;</span><strong>on ${this.formatDateTime(order.desiredDate)}</strong>
-    </p>
-
-    ${order.estimatedTime ? `<p style="display: block; margin: 5px 0; line-height: 1;">Estimated Time : <strong>${(_a = order.estimatedTime) === null || _a === void 0 ? void 0 : _a.substring(0, order.estimatedTime.length - 3)}</strong></p>` : ""}
-
-    <p style="display:block; margin: 5px 0; line-height: 1;">Reg. Date:<strong>${this.formatDateTime(order.registrationDate)}</strong> </p>
-
-    <div style="border-top: 1px solid black;">
-   
-          <div style="display:${showCustomerInfo ? "block" : "none"}">
-  
-              <strong style="display:block; margin: 5px 0; line-height: 1;"> CUSTOMER DATA :  </strong>
-              <p style="display:${customer.fullName ? "block" : "none"}; margin: 5px 0; line-height: 1;">${customer.fullName}</p>
-              <p style="display:${customer.phoneNumber ? "block" : "none"}; margin: 5px 0; line-height: 1;">${PhoneController.formatPhoneNumber(customer.phoneNumber)}</p>
-              <p style="display:${address ? "block" : "none"}; font-size: ${customerAddressFontSize + "px"}; margin: 5px 0; line-height: 1;">
-                  ${address !== null ? address[0] : null}
-                  <br/>
-                  ${address !== null ? address[1] : null}
-              </p>
-              <p style="display:${customer.email ? "block" : "none"}; margin: 5px 0; line-height: 1;">${customer.email}</p>
-      
-          </div>
-  
-          <strong style="display:block; font-size: ${(fontSize * 1.2).toFixed(0) + "px"}; margin: 10px 0; line-height: 1;">
-                  ${this.sum(this.filterByCategoryList(this.sortProduct(products, sortProducts), printOnlyCertainCategoriesList, printOnlyCertainCategories, printOnlyCertainProductsList, printOnlyCertainProducts).map((row) => row.quantity))} ITEM
-         </strong>
-  
-         <p style="display:${textBeforeProducts ? "block" : "none"}; margin: 5px 0; padding-left : 15px; text-align : ${textBeforeProductsCenter ? "center" : "start"}; line-height: 1;"> ${textBeforeProducts} </p>
-      
-      </div>
-  
-    <div style="border-top : 1px solid black;">
-     
-      <div style="padding : 4px 1px; display : flex; flex-direction : row; border-bottom : 1px solid black; font-weight : bold;">
-  
-        <div style="width : 40px; min-width : 40px; max-width : 40px;">#</div>
-        <div style="flex-wrap : wrap; word-wrap : break-word;">Products</div>
-        <div style="flex-grow : 1; text-align: end;">Price</div>
-  
-      </div>
-  
-  
-      ${this.filterByCategoryList(this.sortProduct(products, sortProducts), printOnlyCertainCategoriesList, printOnlyCertainCategories, printOnlyCertainProductsList, printOnlyCertainProducts).map((row) => (`<div style="border-bottom : 1px solid black; padding : 0 1px; display : flex;  flex-direction : row; justify-content : flex-end;">
-              
-              <div style="width : 40px; min-width : 40px; max-width : 40px">${row.quantity}X</div>
-              
-              <div style="flex-wrap : wrap; word-wrap : break-word; text-align : left;">
-                                         
-                ${(showCategoryTitle && row.categoryTitle !== "" && row.categoryTitle !== null) ? "[" + row.categoryTitle + "]" : ""} ${showProductKitchenName && row.kitchenReceiptName !== "" ? row.kitchenReceiptName : row.title}
-                ${row.extrasNames ? row.extrasNames.split(" , ").map(i => `<div>+${i}</div>`).join("") : ""}
-                ${row.note ? `<div><span style="font-size: x-large;">&#128488;</span>{note}</div>` : ""}
-  
-              </div>
-  
-              <div style="flex-grow : 1; text-align : right;">${this.ccyFormat(row.totalAmount, symbol)}</div>
-          </div>`)).join("")}
-  
-      <div style="display : ${showPrices ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Order Amount :</div>
-        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.orderAmount, symbol)}</div>
-      </div>
-  
-      <div style="display : ${order.orderType === 1 && order.deliveryCost > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Delivery costs : </div>
-        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.deliveryCost, symbol)}</div>
-      </div>
-  
-      <div style="display : ${order.discountAmount > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Discount : </div>
-        <div style="min-width : 100px; text-align: end;">${(order.discountAmount > 0 ? "- " : "") + this.ccyFormat(order.discountAmount, symbol)}</div>
-      </div>
-      
-      <div style="display : flex; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Subtotal : </div>
-        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.subtotalAmount, symbol)}</div>
-      </div>
-  
-      <div style="display : ${order.hstAmount > 0 && order.serviceFee < 1 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">HST(${this.ccyFormat(order.hstPercentage)}%) : </div>
-        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.hstAmount, symbol)}</div>
-      </div>
-  
-      <div style="display : ${order.tipAmount > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
-        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Tip : </div>
-        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.tipAmount, symbol)}</div>
-      </div>
-  
-      <div style="display : flex; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px solid black;">
-        <strong style="min-width : 150px; flex-grow : 1; font-size: larger; text-align: end;">${order.paymentType === 1 ? "Total" : "Total & Still to pay"} : </strong>
-        <strong style="min-width : 100px; font-size: larger; text-align: end;">${this.ccyFormat(order.totalAmount, symbol)}</strong>
-      </div>
-  
-    </div>
-  
-    <div class="border-top : 1px solid black;">
-      <div style="margin : 5px 0; line-height: 1;">
-        <strong>Remarks customer:</strong>
-        <em style="display : ${!order.remarks ? "initial" : "none"}">There are no remarks</em>
-      </div>
-      <strong style="display : ${order.remarks ? "block" : "none"};">${order.remarks}</strong>
-    </div>
-  
-    <div style="display : ${order.paymentType === 1 && customerOnlinePaymentAgrementSection ? "block" : "none"}; border-top : 1px solid black; text-align : center;">
-  
-        <p style="margin : 5px 0; line-height: 1;"><strong>CREDIT CARD : </strong>**** **** **** ${order.lastFourDigits}</p>
-        
-        <strong style="margin : 5px 0; line-height: 1;">
-            I agree to pay above total amount according to card issuer agreement
-        </strong>
-        <br/>
-        <br/>
-        <strong style="margin : 5px 0; line-height: 1;">SIGNATURE</strong>
-    </div>
-
-    <div style="display : ${promotionId ? "block" : "none"}; border-top : 1px solid black; margin : 5px 0; line-height: 1; text-align : ${textEndCenter ? "center" : "start"}">
-        ${promotionCodeNote}
-    </div>
-  
-    <div style="margin : 0 16px; display : ${(paymentInfo !== null && order.paymentType === 8 && ((_b = paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.metadata) === null || _b === void 0 ? void 0 : _b.length) > 0) ? "block" : "none"};">
-        ${paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.metadata.map((item) => (`<div style="display : flex;  flex-direction : row; align-items : center; justify-content : flex-start; margin-bottom : 8px;">
-                 <strong style="margin : 0 16px 0 0; line-height: 1;"> ${item.text} </strong>
-                 <strong style="margin : 0 16px 0 0; line-height: 1;" > ${item.value}</strong>
-              </div>`))}
-      </div>
-
-    <div style="display : ${qrCodeOrderDetails ? "flex" : "none"}; justify-content: center; align-items: center; border-top : 1px solid black; border-bottom : 1px solid black;">
-      <img alt="" style="width: 100px; height: 100px; margin: auto;" src="${order.qrCodeDetailUrl}" />
-    </div>
-  
-    <p style="display : ${textEnd ? "block" : "none"}; text-align : ${textEndCenter ? "center" : "start"}; line-height: 1;  margin-top: 4px;">${textEnd}</p>
-  
-    <strong style="display: block; font-size : x-small; text-align : center; margin-top: 4px; ">fs-${company.id}-${order.id}-${id}</strong>
-  
-  
-</div>       
+        return (`
+      <div style="font-family: ${font}; font-weight: 500; font-size: ${fontSize + "px"}; min-width: ${this.calculatePaperSize(paper, width)}; width: ${this.calculatePaperSize(paper, width)}; padding : ${marginTop + "mm"} ${marginRight + "mm"} ${marginBottom + "mm"} ${marginLeft + "mm"};">
+      <img alt="" style=" display : ${logoAvailable ? "block" : "none"}; margin : ${logoCenter ? "auto" : "0"}; width: 200px; min-height : 50px;" src="${rootUrl}${company.id}/${logoUrl}" /> 
+      <p style=" margin: 5px 0; line-height: 1; display: ${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
+           ${company.title}
+      </p>
+      <p style="margin:5px 0; display:${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
+          ${company.address}
+      </p>
+      <p style="margin: 5px 0; line-height: 1; display: ${nameAddressShow ? "block" : "none"}; text-align:${nameAddressCenter ? "center" : "start"};">
+          ${PhoneController.formatPhoneNumber(company.phone)}
+      </p>
+      <p style="margin: 5px 0; line-height: 1; display: ${textAfterAddress ? "block" : "none"}; text-align:${textAfterAddressCenter ? "center" : "start"};">
+          ${textAfterAddress}
+      </p>
+
+    <div style=" display:${order.orderTypeString ? "flex" : "none"}; flex-direction: column; align-items: center; justify-content: center; margin: 8px 0;" >
+   
+      <p style=" font-size: x-large; font-weight: bold; text-align: center;line-height: 0.7;  margin: 5px 0;"> #${order.orderNumber}&nbsp;&nbsp;&nbsp;${order.orderTypeString} </p>
+      
+      <strong style="font-size: x-large; text-align: center;">
+        &#9201;${order.asSoonAsPossible && "ASAP"}&nbsp;${this.formatDateTime(order.desiredDate, "time")}
+      </strong>
+      
+      ${order.estimatedTime ? `<strong style="display:block; font-size:x-large; text-align:center;">Est. Time ${this.substring(order.estimatedTime, 0, order.estimatedTime.length - 3)}</strong>` : ""}     
+    </div>
+ 
+  
+   <div style="display: ${showPrices ? "block" : "none"}; border-top: 1px solid black;">
+      <strong style="display : block; margin: 5px 0; line-height: 1;">PAY INFORMATION: </strong>
+      <strong style="font-size: large; margin: 0 0 16px 0; line-height: 1.5;">${order.paymentTypeString + (order.paymentType === 2 ? `: ${this.ccyFormat(order.totalAmount, symbol)} ` : " ") + " - " + order.paymentStateString}</strong>
+  
+      <p style="margin: 5px 0; line-height: 1;  display: ${order.paymentType === 1 ? "block" : "none"};">Credit Card : <strong>**** **** **** ${order.lastFourDigits}</strong></p>
+ 
+    </div>
+    
+    <p style="display:${orderInfo ? "block" : "none"}; margin: 5px 0; line-height: 1;"> Order number : <strong>#${order.orderNumber}</strong> </p>
+    <p style="display:${orderInfo ? "block" : "none"};  margin: 5px 0; line-height: 1;">
+     ${order.orderTypeString}:<span style="font-size: x-large;">&#9201;</span><strong>on ${this.formatDateTime(order.desiredDate)}</strong>
+    </p>
+
+    ${order.estimatedTime ? `<p style="display: block; margin: 5px 0; line-height: 1;">Estimated Time : <strong>${(_a = order.estimatedTime) === null || _a === void 0 ? void 0 : _a.substring(0, order.estimatedTime.length - 3)}</strong></p>` : ""}
+
+    <p style="display:block; margin: 5px 0; line-height: 1;">Reg. Date:<strong>${this.formatDateTime(order.registrationDate)}</strong> </p>
+
+    <div style="border-top: 1px solid black;">
+   
+          <div style="display:${showCustomerInfo ? "block" : "none"}">
+  
+              <strong style="display:block; margin: 5px 0; line-height: 1;"> CUSTOMER DATA :  </strong>
+              <p style="display:${customer.fullName ? "block" : "none"}; margin: 5px 0; line-height: 1;">${customer.fullName}</p>
+              <p style="display:${customer.phoneNumber ? "block" : "none"}; margin: 5px 0; line-height: 1;">${PhoneController.formatPhoneNumber(customer.phoneNumber)}</p>
+              <p style="display:${address ? "block" : "none"}; font-size: ${customerAddressFontSize + "px"}; margin: 5px 0; line-height: 1;">
+                  ${address !== null ? address[0] : null}
+                  <br/>
+                  ${address !== null ? address[1] : null}
+              </p>
+              <p style="display:${customer.email ? "block" : "none"}; margin: 5px 0; line-height: 1;">${customer.email}</p>
+      
+          </div>
+  
+          <strong style="display:block; font-size: ${(fontSize * 1.2).toFixed(0) + "px"}; margin: 10px 0; line-height: 1;">
+                  ${this.sum(this.filterByCategoryList(this.sortProduct(products, sortProducts), printOnlyCertainCategoriesList, printOnlyCertainCategories, printOnlyCertainProductsList, printOnlyCertainProducts).map((row) => row.quantity))} ITEM
+         </strong>
+  
+         <p style="display:${textBeforeProducts ? "block" : "none"}; margin: 5px 0; padding-left : 15px; text-align : ${textBeforeProductsCenter ? "center" : "start"}; line-height: 1;"> ${textBeforeProducts} </p>
+      
+      </div>
+  
+    <div style="border-top : 1px solid black;">
+     
+      <div style="padding : 4px 1px; display : flex; flex-direction : row; border-bottom : 1px solid black; font-weight : bold;">
+  
+        <div style="width : 40px; min-width : 40px; max-width : 40px;">#</div>
+        <div style="flex-wrap : wrap; word-wrap : break-word;">Products</div>
+        <div style="flex-grow : 1; text-align: end;">Price</div>
+  
+      </div>
+  
+  
+      ${this.filterByCategoryList(this.sortProduct(products, sortProducts), printOnlyCertainCategoriesList, printOnlyCertainCategories, printOnlyCertainProductsList, printOnlyCertainProducts).map((row) => (`<div style="border-bottom : 1px solid black; padding : 0 1px; display : flex;  flex-direction : row; justify-content : flex-end;">
+              
+              <div style="width : 40px; min-width : 40px; max-width : 40px">${row.quantity}X</div>
+              
+              <div style="flex-wrap : wrap; word-wrap : break-word; text-align : left;">
+                                         
+                ${(showCategoryTitle && row.categoryTitle !== "" && row.categoryTitle !== null) ? "[" + row.categoryTitle + "]" : ""} ${showProductKitchenName && row.kitchenReceiptName !== "" ? row.kitchenReceiptName : row.title}
+                ${row.extrasNames ? row.extrasNames.split(" , ").map(i => `<div>+${i}</div>`).join("") : ""}
+                ${row.note ? `<div><span style="font-size: x-large;">&#128488;</span>{note}</div>` : ""}
+  
+              </div>
+  
+              <div style="flex-grow : 1; text-align : right;">${this.ccyFormat(row.totalAmount, symbol)}</div>
+          </div>`)).join("")}
+  
+      <div style="display : ${showPrices ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Order Amount :</div>
+        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.orderAmount, symbol)}</div>
+      </div>
+  
+      <div style="display : ${order.orderType === 1 && order.deliveryCost > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Delivery costs : </div>
+        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.deliveryCost, symbol)}</div>
+      </div>
+  
+      <div style="display : ${order.discountAmount > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Discount : </div>
+        <div style="min-width : 100px; text-align: end;">${(order.discountAmount > 0 ? "- " : "") + this.ccyFormat(order.discountAmount, symbol)}</div>
+      </div>
+      
+      <div style="display : flex; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Subtotal : </div>
+        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.subtotalAmount, symbol)}</div>
+      </div>
+  
+      <div style="display : ${order.hstAmount > 0 && order.serviceFee < 1 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">HST(${this.ccyFormat(order.hstPercentage)}%) : </div>
+        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.hstAmount, symbol)}</div>
+      </div>
+  
+      <div style="display : ${order.tipAmount > 0 ? "flex" : "none"}; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px dotted black;">
+        <div style="min-width : 150px; flex-grow : 1; text-align: end;">Tip : </div>
+        <div style="min-width : 100px; text-align: end;">${this.ccyFormat(order.tipAmount, symbol)}</div>
+      </div>
+  
+      <div style="display : flex; padding : 1px; flex-direction : row; justify-content : flex-end; border-bottom: 1px solid black;">
+        <strong style="min-width : 150px; flex-grow : 1; font-size: larger; text-align: end;">${order.paymentType === 1 ? "Total" : "Total & Still to pay"} : </strong>
+        <strong style="min-width : 100px; font-size: larger; text-align: end;">${this.ccyFormat(order.totalAmount, symbol)}</strong>
+      </div>
+  
+    </div>
+  
+    <div class="border-top : 1px solid black;">
+      <div style="margin : 5px 0; line-height: 1;">
+        <strong>Remarks customer:</strong>
+        <em style="display : ${!order.remarks ? "initial" : "none"}">There are no remarks</em>
+      </div>
+      <strong style="display : ${order.remarks ? "block" : "none"};">${order.remarks}</strong>
+    </div>
+  
+    <div style="display : ${order.paymentType === 1 && customerOnlinePaymentAgrementSection ? "block" : "none"}; border-top : 1px solid black; text-align : center;">
+  
+        <p style="margin : 5px 0; line-height: 1;"><strong>CREDIT CARD : </strong>**** **** **** ${order.lastFourDigits}</p>
+        
+        <strong style="margin : 5px 0; line-height: 1;">
+            I agree to pay above total amount according to card issuer agreement
+        </strong>
+        <br/>
+        <br/>
+        <strong style="margin : 5px 0; line-height: 1;">SIGNATURE</strong>
+    </div>
+
+    <div style="display : ${promotionId ? "block" : "none"}; border-top : 1px solid black; margin : 5px 0; line-height: 1; text-align : ${textEndCenter ? "center" : "start"}">
+        ${promotionCodeNote}
+    </div>
+  
+    <div style="margin : 0 16px; display : ${(paymentInfo !== null && order.paymentType === 8 && ((_b = paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.metadata) === null || _b === void 0 ? void 0 : _b.length) > 0) ? "block" : "none"};">
+        ${paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.metadata.map((item) => (`<div style="display : flex;  flex-direction : row; align-items : center; justify-content : flex-start; margin-bottom : 8px;">
+                 <strong style="margin : 0 16px 0 0; line-height: 1;"> ${item.text} </strong>
+                 <strong style="margin : 0 16px 0 0; line-height: 1;" > ${item.value}</strong>
+              </div>`))}
+      </div>
+
+    <div style="display : ${qrCodeOrderDetails ? "flex" : "none"}; justify-content: center; align-items: center; border-top : 1px solid black; border-bottom : 1px solid black;">
+      <img alt="" style="width: 100px; height: 100px; margin: auto;" src="${order.qrCodeDetailUrl}" />
+    </div>
+  
+    <p style="display : ${textEnd ? "block" : "none"}; text-align : ${textEndCenter ? "center" : "start"}; line-height: 1;  margin-top: 4px;">${textEnd}</p>
+  
+    <strong style="display: block; font-size : x-small; text-align : center; margin-top: 4px; ">fs-${company.id}-${order.id}-${id}</strong>
+  
+  
+</div>       
             `);
     }
     labelLayout(detail, template) {
         const { products, customer, order } = detail;
         const { orderSummary } = template;
         const { font, fontSize, marginBottom, marginLeft, marginRight, marginTop, showCategoryTitle, showProductKitchenName, width, paper } = template;
-        return (`
-            <div style="font-family : ${font};font-weight : normal;">
-                ${products.map((row) => (`<div>
-                        <div 
-                            style="
-                                display: block;
-                                 min-width: ${this.calculatePaperSize(paper, width)};
-                                 width: ${this.calculatePaperSize(paper, width)};
-                                padding : ${marginTop + "mm"} ${marginRight + "mm"} ${marginBottom + "mm"} ${marginLeft + "mm"};">
-                
+        return (`
+            <div style="font-family : ${font};font-weight : normal;">
+                ${products.map((row) => (`<div>
+                        <div 
+                            style="
+                                display: block;
+                                 min-width: ${this.calculatePaperSize(paper, width)};
+                                 width: ${this.calculatePaperSize(paper, width)};
+                                padding : ${marginTop + "mm"} ${marginRight + "mm"} ${marginBottom + "mm"} ${marginLeft + "mm"};">
+                
                                 ${orderSummary ?
-            `<p style="font-size:${fontSize - 2};">
-                                     #${order.orderNumber}&nbsp;&nbsp;- &nbsp;&nbsp;
-                                      ${order.orderTypeString}
-                                    </p>` : ""}
-                    
+            `<p style="font-size:${fontSize - 2};">
+                                     #${order.orderNumber}&nbsp;&nbsp;- &nbsp;&nbsp;
+                                      ${order.orderTypeString}
+                                    </p>` : ""}
+                    
                                 ${orderSummary ?
-            `<p style="font-size:${fontSize - 4};">
-                                    ${this.weekDayName(order.desiredDate)},&nbsp;
-                                    ${this.formatDate(order.desiredDate)}
-                                    &nbsp;&nbsp;&nbsp;
-                                    ${this.formatAMPMDate(order.desiredDate)}
-                                    </p>` : ""}
-        
-                                <p style="font-size:${fontSize - 2}; border-bottom : ${orderSummary ? "2px" : "0px"} dotted black; padding-bottom : 5px margin-bottom : 5px;">
-                                ${customer.fullName}
-                                </p>
-        
-                
-                                <p style="margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid black;">
-                                    ${row.quantity}X &nbsp;
-                                    ${showCategoryTitle && row.categoryTitle ? "[" + row.categoryTitle.toUpperCase() + "]" : ""}
-                                    ${showProductKitchenName && row.kitchenReceiptName !== "" ? row.kitchenReceiptName : row.title}
-                                    ${row.extrasNames !== "" && `<div>${row.extrasNames}</div>`}
-                                </p>
-                
-                
+            `<p style="font-size:${fontSize - 4};">
+                                    ${this.weekDayName(order.desiredDate)},&nbsp;
+                                    ${this.formatDate(order.desiredDate)}
+                                    &nbsp;&nbsp;&nbsp;
+                                    ${this.formatAMPMDate(order.desiredDate)}
+                                    </p>` : ""}
+        
+                                <p style="font-size:${fontSize - 2}; border-bottom : ${orderSummary ? "2px" : "0px"} dotted black; padding-bottom : 5px margin-bottom : 5px;">
+                                ${customer.fullName}
+                                </p>
+        
+                
+                                <p style="margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid black;">
+                                    ${row.quantity}X &nbsp;
+                                    ${showCategoryTitle && row.categoryTitle ? "[" + row.categoryTitle.toUpperCase() + "]" : ""}
+                                    ${showProductKitchenName && row.kitchenReceiptName !== "" ? row.kitchenReceiptName : row.title}
+                                    ${row.extrasNames !== "" && `<div>${row.extrasNames}</div>`}
+                                </p>
+                
+                
                                 ${row.note !== "" ?
-            `<p  style="margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid black;">
-                                        ${row.note}
-                                    </p>` : ""}
-                
-                        </div>
-        
-                        <div style="clear: both; page-break-after: always;" ></div>
-                    </div>
-                    `)).join("")}
-            </div>
- 
+            `<p  style="margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid black;">
+                                        ${row.note}
+                                    </p>` : ""}
+                
+                        </div>
+        
+                        <div style="clear: both; page-break-after: always;" ></div>
+                    </div>
+                    `)).join("")}
+            </div>
+ 
         `);
     }
     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) {
-        return `<div style="padding: 16px;">
-        <div
-            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 2px solid black;">
-            <strong style="font-size: 22px;">${detail.order.orderTypeString}</strong>
-            <strong style="font-size: 22px;">${detail.order.orderNumber}</strong>
-        </div>
-        <div style="border-bottom: 2px solid black; padding-top: 8px; padding-bottom: 8px;">
-        ${detail.products.map((i) => (`<strong style="font-size: 16px; padding-top: 2px; padding-bottom: 2px;">${i.quantity}X ${i.title}</strong>`))}
-        </div>
-        <div
-            style="margin-top: 16px; margin-bottom: 16px; padding-bottom: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 2px solid black;">
-            <strong style="font-size: 22px;">${detail.order.orderTypeString}</strong>
-            <strong style="font-size: 42px;">${detail.order.orderNumber}</strong>
-            <strong style="font-size: 16px;">${detail.customer.fullName}</strong>
-        </div>
-        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 16px; margin-left: 10%; margin-right: 10%;">
-            <strong style="font-size: 16px;">${detail.order.desiredDate}</strong>
-            <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="padding: 16px;">
+        <div
+            style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 2px solid black;">
+            <strong style="font-size: 22px;">${detail.order.orderTypeString}</strong>
+            <strong style="font-size: 22px;">${detail.order.orderNumber}</strong>
+        </div>
+        <div style="border-bottom: 2px solid black; padding-top: 8px; padding-bottom: 8px;">
+        ${detail.products.map((i) => (`<strong style="font-size: 16px; padding-top: 2px; padding-bottom: 2px;">${i.quantity}X ${i.title}</strong>`))}
+        </div>
+        <div
+            style="margin-top: 16px; margin-bottom: 16px; padding-bottom: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 2px solid black;">
+            <strong style="font-size: 22px;">${detail.order.orderTypeString}</strong>
+            <strong style="font-size: 42px;">${detail.order.orderNumber}</strong>
+            <strong style="font-size: 16px;">${detail.customer.fullName}</strong>
+        </div>
+        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 16px; margin-left: 10%; margin-right: 10%;">
+            <strong style="font-size: 16px;">${detail.order.desiredDate}</strong>
+            <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, symbol = "$") {

package/dist/enums/EnumPointOfSaleTask.d.ts

@@ -0,0 +1,14 @@
+declare enum EnumPointOfSaleTask {
+    None = 0,
+    RefreshToken = 1,
+    LoadSoftwareData = 2,
+    LoadOrders = 3,
+    LoadCancelRequests = 4,
+    LoadMembers = 5,
+    FetchOrderDetail = 6,
+    FetchOrderSummary = 7,
+    DownloadImage = 8,
+    SaveOrder = 9,
+    PayOnTerminal = 10
+}
+export default EnumPointOfSaleTask;

package/dist/enums/EnumPointOfSaleTask.js

@@ -0,0 +1,15 @@
+var EnumPointOfSaleTask;
+(function (EnumPointOfSaleTask) {
+    EnumPointOfSaleTask[EnumPointOfSaleTask["None"] = 0] = "None";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["RefreshToken"] = 1] = "RefreshToken";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["LoadSoftwareData"] = 2] = "LoadSoftwareData";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["LoadOrders"] = 3] = "LoadOrders";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["LoadCancelRequests"] = 4] = "LoadCancelRequests";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["LoadMembers"] = 5] = "LoadMembers";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["FetchOrderDetail"] = 6] = "FetchOrderDetail";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["FetchOrderSummary"] = 7] = "FetchOrderSummary";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["DownloadImage"] = 8] = "DownloadImage";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["SaveOrder"] = 9] = "SaveOrder";
+    EnumPointOfSaleTask[EnumPointOfSaleTask["PayOnTerminal"] = 10] = "PayOnTerminal";
+})(EnumPointOfSaleTask || (EnumPointOfSaleTask = {}));
+export default EnumPointOfSaleTask;

package/dist/enums/EnumPointOfSaleTaskPariority.d.ts

@@ -0,0 +1,8 @@
+declare enum EnumPointOfSaleTaskPariority {
+    lowest = 0,
+    low = 1,
+    normal = 2,
+    high = 3,
+    highest = 4
+}
+export default EnumPointOfSaleTaskPariority;

package/dist/enums/EnumPointOfSaleTaskPariority.js

@@ -0,0 +1,9 @@
+var EnumPointOfSaleTaskPariority;
+(function (EnumPointOfSaleTaskPariority) {
+    EnumPointOfSaleTaskPariority[EnumPointOfSaleTaskPariority["lowest"] = 0] = "lowest";
+    EnumPointOfSaleTaskPariority[EnumPointOfSaleTaskPariority["low"] = 1] = "low";
+    EnumPointOfSaleTaskPariority[EnumPointOfSaleTaskPariority["normal"] = 2] = "normal";
+    EnumPointOfSaleTaskPariority[EnumPointOfSaleTaskPariority["high"] = 3] = "high";
+    EnumPointOfSaleTaskPariority[EnumPointOfSaleTaskPariority["highest"] = 4] = "highest";
+})(EnumPointOfSaleTaskPariority || (EnumPointOfSaleTaskPariority = {}));
+export default EnumPointOfSaleTaskPariority;

package/dist/enums/EnumPointOfSaleTaskSource.d.ts

@@ -0,0 +1,6 @@
+declare enum EnumPointOfSaleTaskSource {
+    software = 0,
+    signal = 1,
+    server = 2
+}
+export default EnumPointOfSaleTaskSource;

package/dist/enums/EnumPointOfSaleTaskSource.js

@@ -0,0 +1,9 @@
+var EnumPointOfSaleTaskSource;
+(function (EnumPointOfSaleTaskSource) {
+    EnumPointOfSaleTaskSource[EnumPointOfSaleTaskSource["software"] = 0] = "software";
+    EnumPointOfSaleTaskSource[EnumPointOfSaleTaskSource["signal"] = 1] = "signal";
+    EnumPointOfSaleTaskSource[EnumPointOfSaleTaskSource["server"] = 2] = "server";
+    // user,
+    // unknown
+})(EnumPointOfSaleTaskSource || (EnumPointOfSaleTaskSource = {}));
+export default EnumPointOfSaleTaskSource;

package/dist/interfaces/IPointOfSaleStore.d.ts

@@ -8,6 +8,7 @@ import IWorkScreen from "./IWorkScreen";
 import IOrder from "./order/IOrder";
 import ICancelRequest from "./ICancelRequest";
 import IPointOfSaleOrderSummary from "./pos/IPointOfSaleOrderSummary";
+import IPointOfSaleTask from "./pos/IPointOfSaleTask";
 interface IPointOfSaleStore {
     account: IAccount;
     orderScreen: IOrderScreenState;
@@ -21,5 +22,6 @@ interface IPointOfSaleStore {
     localSetting: IPointOfSaleLocalSetting;
     customPayment: IPaymentStatusChanged;
     workScreen: IWorkScreen;
+    tasks: IPointOfSaleTask[];
 }
 export default IPointOfSaleStore;

package/dist/interfaces/pos/IPointOfSaleTask.d.ts

@@ -0,0 +1,9 @@
+import EnumPointOfSaleTask from "../../enums/EnumPointOfSaleTask";
+import EnumPointOfSaleTaskPariority from "../../enums/EnumPointOfSaleTaskPariority";
+import EnumPointOfSaleTaskSource from "../../enums/EnumPointOfSaleTaskSource";
+export default interface IPointOfSaleTask {
+    type: EnumPointOfSaleTask;
+    pariority: EnumPointOfSaleTaskPariority;
+    source: EnumPointOfSaleTaskSource;
+    data: any;
+}

package/dist/interfaces/pos/IPointOfSaleTask.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,29 +1,29 @@
-{
-  "name": "meemup-library",
-  "version": "1.2.4",
-  "description": "",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "yarn remove:one && yarn remove:two && yarn build:esm && yarn build:cjs",
-    "build:esm": "tsc",
-    "build:cjs": "tsc --module commonjs --outDir src/dist",
-    "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.2.4\" && git push origin "
-  },
-  "files": [
-    "/dist"
-  ],
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "rimraf": "^5.0.5",
-    "typescript": "^5.2.2"
-  },
-  "dependencies": {
-    "axios": "^1.7.2"
-  }
-}
+{
+  "name": "meemup-library",
+  "version": "1.2.6",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "yarn remove:one && yarn remove:two && yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir src/dist",
+    "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.2.6\" && git push origin "
+  },
+  "files": [
+    "/dist"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "rimraf": "^5.0.5",
+    "typescript": "^5.2.2"
+  },
+  "dependencies": {
+    "axios": "^1.7.2"
+  }
+}