@clink/emails 1.2.4 → 1.2.6

package/dist/html/buyer/order-cancelled-by-customer/en.html

@@ -61,11 +61,11 @@
     </style>
      
     <style type="text/css">
-.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
-      outline: none; /* Ensure the border is visible */ } @media (min-width:
-      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
-      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
-      .discountBox div { border-width: 1px; border-style: dashed; border-color:
+.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
+      outline: none; /* Ensure the border is visible */ } @media (min-width:
+      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
+      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
+      .discountBox div { border-width: 1px; border-style: dashed; border-color:
       #FCBC42; }
     </style>
     
@@ -141,7 +141,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -152,10 +152,13 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
       0px;">Hi {{ user.name }},</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">Your order with {{collection.title}} has been cancelled.</p></div>
+            <p style="line-height: 24px; margin: 16px
+      0px;">Your {{#if order_catering}}order{{else}}booking{{/if}} with {{ collection.title }} on {{ order_catering.catererSelectedDate }}{{ order_place.checkInAtDate }} has been cancelled.</p>
+            {{#if refundIsCard}}<p style="line-height: 24px; margin: 16px
+      0px;">Since you paid by card, the amount will be automatically refunded to your account. You can see the details in the attached credit note.</p>{{else if refundIsBank}}Since you paid by bank transfer, we ask you to send the registration and account number to which the amount should be refunded. You can see the details in the attached credit note.<p style="line-height: 24px; margin: 16px
+      0px;"></p>{{/if}}</div>
     
                 </td>
               </tr>
@@ -174,181 +177,12 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#FFE5EB" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
-      <div style="margin:0px auto;max-width:600px;">
+      <div style="background:#FFE5EB;background-color:#FFE5EB;margin:0px auto;max-width:600px;">
         
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-            
-      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-        
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-        <tbody>
-          
-              <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
-                  
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Order</b> #{{ order.id8digit }}</p></div>
-    
-                </td>
-              </tr>
-            
-        </tbody>
-      </table>
-    
-      </div>
-    
-          <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        
-      </div>
-    
-      
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{#if order_catering}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-    
-      
-      <div style="margin:0px auto;max-width:600px;">
-        
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-            
-      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-        
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-        <tbody>
-          
-              <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
-                  
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Date:</b> {{ order_catering.catererSelectedDate }}</p></div>
-    
-                </td>
-              </tr>
-            
-        </tbody>
-      </table>
-    
-      </div>
-    
-          <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        
-      </div>
-    
-      
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{/if}}{{#if order_place}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-    
-      
-      <div style="margin:0px auto;max-width:600px;">
-        
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-            
-      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-        
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-        <tbody>
-          
-              <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
-                  
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Check-in:</b> {{ order_place.checkInAtDate }}<br>
-      <b style="line-height: 24px;">Check-out:</b> {{ order_place.checkOutAtDate }}</p></div>
-    
-                </td>
-              </tr>
-            
-        </tbody>
-      </table>
-    
-      </div>
-    
-          <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        
-      </div>
-    
-      
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{/if}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-    
-      
-      <div style="margin:0px auto;max-width:600px;">
-        
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-            
-      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-        
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-        <tbody>
-          
-              <tr>
-                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
-                  
-      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
-      </p>
-      
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
-</td></tr></table><![endif]-->
-    
-    
-                </td>
-              </tr>
-            
-        </tbody>
-      </table>
-    
-      </div>
-    
-          <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        
-      </div>
-    
-      
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{#if refundIsCard}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-    
-      
-      <div style="margin:0px auto;max-width:600px;">
-        
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFE5EB;background-color:#FFE5EB;width:100%;">
           <tbody>
             <tr>
               <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-top:10px;text-align:center;">
@@ -362,8 +196,22 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">The payment will be refunded to the payment card used for the order. The credit note is attached to this email.</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">{{ collection.title }} 🚫</b></p>
+            {{#if order_catering}}
+            <p style="line-height: 24px; margin: 16px
+      0px;">
+                {{ order_catering.catererSelectedDate }}
+                <br>Order no.: {{ order.id8digit }}
+            </p>
+            {{else if order_place}}
+            <p style="line-height: 24px; margin: 16px
+      0px;">
+                {{ order_place.checkInAtDate }}
+                <font color="#bababa"><b style="line-height: 24px;">→</b></font> {{ order_place.checkOutAtDate }}
+                <br>Booking ID: {{ order.id8digit }}
+            </p>
+            {{/if}}</div>
     
                 </td>
               </tr>
@@ -382,9 +230,7 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{/if}}{{#if refundIsBank}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
       <div style="margin:0px auto;max-width:600px;">
@@ -392,7 +238,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-top:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;padding-top:20px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -403,8 +249,19 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">The payment will be refunded via bank transfer. The credit note is attached to this email.</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;">
+            <font size="4"><b style="line-height: 24px;">Do you have questions?</b></font>
+            </p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">
+            Do not hesitate to contact us.
+            </p>
+            <p style="line-height: 24px; margin: 16px
+      0px;">
+            Support@nuento.dk
+            <br><a href="tel:+4593406040" style="line-height: 24px; text-decoration: underline;">+45 93 40 60 40</a>
+            </p></div>
     
                 </td>
               </tr>
@@ -423,9 +280,7 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{/if}}
-          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
       <div style="margin:0px auto;max-width:600px;">
@@ -487,11 +342,11 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:24px 24px 0px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sent from</b>
-            <br>
-            Nuento Denmark ApS, CVR 39000725
-            <br>
-            Lundeborgvej 4, 9220 Aalborg</div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sent from</b>
+            <br>
+            Nuento · nuento.co.uk
+            <br>
+            Operated by Nuento Denmark</div>
     
                 </td>
               </tr>