@clink/emails 1.1.8 → 1.2.0

package/dist/templates/buyer/order-declined/en.json

@@ -1,8 +1,9 @@
-{
-  "subject": "Your order with {{collection.title}} has been declined",
-  "greeting": "Hi {{ user.name }},",
-  "body": "We're sorry, but your order #{{ order.id8digit }} with {{collection.title}} has been declined.",
-  "reason_label": "Reason from the supplier",
-  "browse_text": "We hope you can find another suitable option on Nuento.",
-  "button_browse": "Browse other suppliers"
-}
+{
+  "subject": "Your order with {{collection.title}} has been declined",
+  "greeting": "Hi {{ user.name }},",
+  "order_declined_message": "Your order with order number {{ order.id8digit }} unfortunately cannot be accommodated and has been declined by {{ collection.title }}. We apologise for the inconvenience.",
+  "payments_cancelled": "All payments have been cancelled.",
+  "reason_for_decline": "Reason for decline",
+  "help_you_further_heading": "... But of course we would like to help you further.",
+  "contact_for_help": "Contact us at support@nuento.dk or call <a href=\"tel:+4593406040\">93 40 60 40</a>. Together we will find another — and perhaps even better — solution."
+}

package/dist/templates/buyer/order-declined/template.mjml

@@ -1,39 +1,27 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[reason_label]]</b></p>
-      <p>{{{ order.reasonDecline }}}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[browse_text]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="[[urls.root]]">
-      [[button_browse]]
-    </mj-button>
-  </mj-column>
-</mj-section>
+<mj-section padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+             <p>[[greeting]]</p>
+            <p>[[order_declined_message]]</p>
+            <p>[[payments_cancelled]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section padding-left="16px" padding-right="16px" padding-top="10px" padding-bottom="10px">
+  <mj-column border-radius="8px" background-color="#FFF5E1">
+    <mj-text >
+      <p class="small"><b>[[reason_for_decline]]</b></p>
+      <p><i>{{{ order.reasonDecline }}}</i></p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+    <mj-column>
+        <mj-text>
+             <p class="small"><font size="4"><b>[[help_you_further_heading]]</b></font></p>
+            <p>[[contact_for_help]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>

package/dist/templates/buyer/order-declined-coupon/da.json

@@ -1,11 +1,30 @@
-{
-  "subject": "Din bestilling hos {{collection.title}} er blevet afvist – her er en rabatkupon",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Vi beklager, men din bestilling #{{ order.id8digit }} hos {{collection.title}} er desværre blevet {{ declinedCancelled }}.",
-  "reason_label": "Begrundelse fra leverandøren",
-  "coupon_first_text": "Som kompensation har vi tilføjet en rabatkupon på 4% til din næste bestilling på Nuento.",
-  "coupon_second_text": "Som kompensation har vi tilføjet en rabatkupon på 8% til din næste bestilling på Nuento.",
-  "coupon_third_text": "Som kompensation har vi tilføjet en rabatkupon på 8% til din næste bestilling på Nuento. Kontakt os venligst, så vi kan hjælpe dig videre.",
-  "coupon_valid_until": "Rabatkuponen er gyldig til",
-  "button_browse": "Se andre leverandører"
-}
+{
+  "subject": "Din bestilling hos {{collection.title}} er blevet afvist – her er en rabatkupon",
+  "greeting": "Hej {{ user.name }},",
+  "cancelled_after_accepted_intro": "Vi har desværre været nødt til at annullere din ordre hos {{{ collection.title }}} med ordrenummer {{ order.id8digit }}.",
+  "payments_refunded": "Alle eventuelle betalinger er naturligvis blevet refunderet.",
+  "order_declined_intro": "Din ordre med ordrenummer {{ order.id8digit }} kan desværre ikke imødekommes og er blevet afvist af {{{ collection.title }}}.",
+  "payments_cancelled": "Alle betalinger er annulleret.",
+  "reason_cancellation_label": "Årsag til annullering",
+  "reason_decline_label": "Årsag til afvisning",
+  "apology_deep": "Vi undskylder dybt for ulejligheden.",
+  "cancelled_discount_offer": "Såfremt du ønsker at finde en ny løsning hos os, får du <b>{{cancelledAfterAcceptedValue}}% rabat på din nye ordre</b>, som automatisk er blevet knyttet til dit telefonnummer: <b>{{user.phone}}</b>.",
+  "use_discount_instructions": "For at bruge rabatten, skal du blot være logget ind med dette nummer inden du foretager en ny bestilling.",
+  "call_for_help": "Ønsker du personling hjælp, er du altid velkommen til at ringe til os på tlf. 93 40 60 40.",
+  "email_for_help": "Foretrækker du at skrive, kan du sende en mail til kontakt@nuento.dk.",
+  "ready_to_help": "Vi er klar til at hjælpe dig videre.",
+  "apology_first": "Vi undskylder for ulejligheden. Hos Nuento er det vigtigt for os, at det du bestiller, rent faktisk er tilgængeligt.",
+  "first_discount_offer": "Som kompensation for besværet giver vi dig derfor <b>4% rabat til din næste ordre</b>, som automatisk er blevet knyttet til dit telefonnummer: <b>{{user.phone}}</b>.",
+  "apology_second": "Vi undskylder – igen – for ulejligheden. Hos Nuento er det vigtigt for os, at det du bestiller, rent faktisk er tilgængeligt.",
+  "second_discount_escalated": "Da det er anden gang, du oplever dette, har vi opjusteret kompensationen for besværet:",
+  "second_discount_offer": "Du har nu <b>8% rabat på din næste ordre</b>, automatisk knyttet til dit telefonnummer: <b>{{user.phone}}</b>.",
+  "apology_third": "Vi forstår, at det her er frustrerende – og vi tager det alvorligt. Hos Nuento er det vigtigt for os, at det du bestiller, rent faktisk er tilgængeligt.",
+  "third_discount_offer": "Da dette er tredje gang, det sker, har vi givet dig <b>12% rabat på din næste ordre</b> som kompensation for besværet.",
+  "third_discount_phone": "Rabatten er automatisk knyttet til dit telefonnummer: <b>{{user.phone}}</b>.",
+  "call_for_help_third": "Vi anbefaler, at du ringer til os på 93 40 60 40, så vi kan hjælpe dig med at finde en løsning, der passer.",
+  "login_and_order_button": "Log ind og bestil med rabat",
+  "discount_expires": "Rabatten udløber om 30 dage, den {{discountTo}}.",
+  "questions_closing": "Har du spørgsmål, så sig endelig til – vi er her for at hjælpe dig.",
+  "kind_regards": "Med venlig hilsen,",
+  "sender_signature": "Andreas,<br>Nuento"
+}

package/dist/templates/buyer/order-declined-coupon/en.json

@@ -1,11 +1,30 @@
-{
-  "subject": "Your order with {{collection.title}} has been declined – here's a discount coupon",
-  "greeting": "Hi {{ user.name }},",
-  "body": "We're sorry, but your order #{{ order.id8digit }} with {{collection.title}} has been {{ declinedCancelled }}.",
-  "reason_label": "Reason from the supplier",
-  "coupon_first_text": "As compensation, we've added a 4% discount coupon for your next order on Nuento.",
-  "coupon_second_text": "As compensation, we've added an 8% discount coupon for your next order on Nuento.",
-  "coupon_third_text": "As compensation, we've added an 8% discount coupon for your next order on Nuento. Please contact us so we can help you further.",
-  "coupon_valid_until": "The discount coupon is valid until",
-  "button_browse": "Browse other suppliers"
-}
+{
+  "subject": "Your order with {{collection.title}} has been declined – here's a discount coupon",
+  "greeting": "Hi {{ user.name }},",
+  "cancelled_after_accepted_intro": "Unfortunately, we have had to cancel your order with {{{ collection.title }}} with order number {{ order.id8digit }}.",
+  "payments_refunded": "All payments have of course been refunded.",
+  "order_declined_intro": "Your order with order number {{ order.id8digit }} unfortunately cannot be accommodated and has been declined by {{{ collection.title }}}.",
+  "payments_cancelled": "All payments have been cancelled.",
+  "reason_cancellation_label": "Reason for cancellation",
+  "reason_decline_label": "Reason for decline",
+  "apology_deep": "We sincerely apologise for the inconvenience.",
+  "cancelled_discount_offer": "If you would like to find a new solution with us, you will receive a <b>{{cancelledAfterAcceptedValue}}% discount on your new order</b>, which has been automatically linked to your phone number: <b>{{user.phone}}</b>.",
+  "use_discount_instructions": "To use the discount, simply be logged in with this number before placing a new order.",
+  "call_for_help": "If you would like personal assistance, you are always welcome to call us at 93 40 60 40.",
+  "email_for_help": "If you prefer to write, you can send an email to kontakt@nuento.dk.",
+  "ready_to_help": "We are ready to help you further.",
+  "apology_first": "We apologise for the inconvenience. At Nuento, it is important to us that what you order is actually available.",
+  "first_discount_offer": "As compensation for the trouble, we are giving you <b>4% discount on your next order</b>, which has been automatically linked to your phone number: <b>{{user.phone}}</b>.",
+  "apology_second": "We apologise – again – for the inconvenience. At Nuento, it is important to us that what you order is actually available.",
+  "second_discount_escalated": "Since this is the second time you have experienced this, we have increased the compensation:",
+  "second_discount_offer": "You now have <b>8% discount on your next order</b>, automatically linked to your phone number: <b>{{user.phone}}</b>.",
+  "apology_third": "We understand that this is frustrating – and we take it seriously. At Nuento, it is important to us that what you order is actually available.",
+  "third_discount_offer": "Since this is the third time it has happened, we have given you <b>12% discount on your next order</b> as compensation for the trouble.",
+  "third_discount_phone": "The discount is automatically linked to your phone number: <b>{{user.phone}}</b>.",
+  "call_for_help_third": "We recommend that you call us at 93 40 60 40 so we can help you find a suitable solution.",
+  "login_and_order_button": "Log in and order with discount",
+  "discount_expires": "The discount expires in 30 days, on {{discountTo}}.",
+  "questions_closing": "If you have any questions, please don't hesitate to reach out – we are here to help you.",
+  "kind_regards": "Kind regards,",
+  "sender_signature": "Andreas,<br>Nuento"
+}

package/dist/templates/buyer/order-declined-coupon/template.mjml

@@ -1,69 +1,97 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[reason_label]]</b></p>
-      <p>{{{ order.reasonDecline }}}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-raw>{{#if firstDecline}}</mj-raw>
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[coupon_first_text]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-raw>{{#if secondDecline}}</mj-raw>
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[coupon_second_text]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-raw>{{#if thirdDecline}}</mj-raw>
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[coupon_third_text]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[coupon_valid_until]] {{ discountTo }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="[[urls.root]]">
-      [[button_browse]]
-    </mj-button>
-  </mj-column>
-</mj-section>
+<mj-section>
+  <mj-column>
+    <mj-text>
+        <p>[[greeting]]</p>
+        {{#if cancelledAfterAccepted}}
+        <p>[[cancelled_after_accepted_intro]]</p>
+        <p>[[payments_refunded]]</p>
+        {{else}}
+        <p>[[order_declined_intro]]</p>
+        <p>[[payments_cancelled]]</p>
+        {{/if}}
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-left="16px" padding-right="16px" padding-top="10px" padding-bottom="10px">
+  <mj-column border-radius="8px" background-color="#F5F5F5">
+    <mj-text >
+      <p class="small"><b>{{#if cancelledAfterAccepted}}[[reason_cancellation_label]]{{else}}[[reason_decline_label]]{{/if}}</b></p>
+      <p><i>{{{ order.reasonDecline }}}</i></p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+    <mj-column>
+        <mj-text>
+            {{#if cancelledAfterAccepted}}
+              <p>[[apology_deep]]</p>
+              <p>[[cancelled_discount_offer]]</p>
+              <p>[[use_discount_instructions]]</p>
+              <p>[[call_for_help]]</p>
+              <p>[[email_for_help]]</p>
+              <p>[[ready_to_help]]</p>
+            {{else}}
+              {{#if firstDecline}}
+                <p>[[apology_first]]</p>
+                <p>[[first_discount_offer]]</p>
+                <p>[[use_discount_instructions]]</p>
+              {{else if secondDecline}}
+                <p>[[apology_second]]</p>
+                <p>[[second_discount_escalated]]</p>
+                <p>[[second_discount_offer]]</p>
+                <p>[[use_discount_instructions]]</p>
+              {{else if thirdDecline}}
+                <p>[[apology_third]]</p>
+                <p>[[third_discount_offer]]</p>
+                <p>[[third_discount_phone]]</p>
+                <p>[[use_discount_instructions]]</p>
+                <p>[[call_for_help_third]]</p>
+                <p>[[email_for_help]]</p>
+                <p>[[ready_to_help]]</p>
+              {{else}}
+                <p>[[apology_first]]</p>
+                <p>[[apology_first]]</p>
+                <p>[[first_discount_offer]]</p>
+                <p>[[use_discount_instructions]]</p>
+              {{/if}}
+            {{/if}}
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section padding-bottom="30px">
+  <mj-column>
+    <mj-button css-class="btn-link" align="center" width="100%" font-size="16px" color="#ffffff" background-color="#11141A" href="[[urls.root]]/api/auth/login?redirectTo=/">
+        [[login_and_order_button]]
+    </mj-button>
+  </mj-column>
+</mj-section>
+
+<mj-section background-color="#F5F5F5" padding-top="60px" padding-bottom="60px">
+  <mj-column>
+    <mj-raw>{{#if firstDecline}}</mj-raw>
+    <mj-image src="https://ik.imagekit.io/nuento/emails/kupon-4pct%20(1)_1VccSbCL_.png?updatedAt=1743072995485" />
+    <mj-raw>{{else if secondDecline}}</mj-raw>
+    <mj-image src="https://ik.imagekit.io/nuento/emails/kupon-8pct%20(1)_ZiN8XeiVZ.png?updatedAt=1743072995676" />
+    <mj-raw>{{else if thirdDecline}}</mj-raw>
+    <mj-image src="https://ik.imagekit.io/nuento/emails/kupon-12pct%20(1)_nTb4h7WnI.png?updatedAt=1743072995407" />
+    <mj-raw>{{else}}</mj-raw>
+    <mj-image src="https://ik.imagekit.io/nuento/emails/kupon-4pct%20(1)_1VccSbCL_.png?updatedAt=1743072995485" />
+    <mj-raw>{{/if}}</mj-raw>
+    <mj-text color="#6E6E6E" align="center">
+        <p>[[discount_expires]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="20px" padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+            <p>[[questions_closing]]</p>
+            <p>[[kind_regards]]</p>
+            <p>[[sender_signature]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>

package/dist/templates/buyer/order-placed/da.json

@@ -1,13 +1,13 @@
-{
-  "subject": "Bestillingsanmodning sendt til {{catering.title}}",
-  "pendingApproval_heading": "Din bestilling ved {{catering.title}} afventer godkendelse",
-  "pendingApproval_body": "Din bestilling er sendt videre til leverandøren for endelig godkendelse. {{catering.title}} plejer at besvare bestillingen indenfor 24 timer.",
-  "questions_body": "<b>Har du spørgsmål?</b> Så tøv ikke med at kontakte den serveringsansvarlige. Du finder kontaktoplysinger inde på din bestilling.",
-  "cta_viewOrder": "Se din bestilling",
-  "login_body": "Du kan logge ind med dit telefonnummer",
-  "serving_title": "Servering",
-  "serving_at": "kl.",
-  "serving_note": "(Du vil senere modtage en e-mail med ankomsttidspunkt)",
-  "invoice_title": "Faktura",
-  "invoice_body": "Du vil modtage din faktura når {{catering.title}} har set og godkendt din ordre."
-}
+{
+  "subject": "Bestillingsanmodning sendt til {{catering.title}}",
+  "order_awaiting_approval_heading": "Din bestilling ved {{{catering.title}}} afventer godkendelse",
+  "order_sent_to_supplier": "Din bestilling er sendt videre til leverandøren for endelig godkendelse. {{{catering.title}}} plejer at besvare bestillingen indenfor 24 timer.",
+  "questions_contact_supplier": "<b>Har du spørgsmål?</b> Så tøv ikke med at kontakte den serveringsansvarlige. Du finder kontaktoplysinger inde på din bestilling.",
+  "see_order_button": "Se din bestilling",
+  "login_with_phone": "Du kan logge ind med dit telefonnummer",
+  "serving_label": "Servering",
+  "serving_date_time": "{{ catering_order.selectedDate }} · kl. {{ catering_order.selectedTime }}",
+  "arrival_time_later_note": "(Du vil senere modtage en e-mail med ankomsttidspunkt)",
+  "invoice_label": "Faktura",
+  "invoice_after_approval": "Du vil modtage din faktura når {{{catering.title}}} har set og godkendt din ordre."
+}

package/dist/templates/buyer/order-placed/en.json

@@ -1,13 +1,13 @@
-{
-  "subject": "Order request sent to {{catering.title}}",
-  "pendingApproval_heading": "Your order with {{catering.title}} is awaiting approval",
-  "pendingApproval_body": "Your order has been forwarded to the supplier for final approval. {{catering.title}} usually responds within 24 hours.",
-  "questions_body": "<b>Have questions?</b> Don't hesitate to contact the person responsible for service. You'll find the contact details in your order.",
-  "cta_viewOrder": "View your order",
-  "login_body": "You can log in using your phone number",
-  "serving_title": "Service",
-  "serving_at": "at",
-  "serving_note": "(You will receive an email later with the estimated arrival time)",
-  "invoice_title": "Invoice",
-  "invoice_body": "You will receive your invoice once {{catering.title}} has reviewed and approved your order."
-}
+{
+  "subject": "Order request sent to {{catering.title}}",
+  "order_awaiting_approval_heading": "Your order with {{{catering.title}}} is awaiting approval",
+  "order_sent_to_supplier": "Your order has been forwarded to the supplier for final approval. {{{catering.title}}} usually responds to orders within 24 hours.",
+  "questions_contact_supplier": "<b>Do you have questions?</b> Don't hesitate to contact the catering manager. You can find the contact information on your order page.",
+  "see_order_button": "See your order",
+  "login_with_phone": "You can log in with your phone number",
+  "serving_label": "Serving",
+  "serving_date_time": "{{ catering_order.selectedDate }} · {{ catering_order.selectedTime }}",
+  "arrival_time_later_note": "(You will receive an email with the arrival time later)",
+  "invoice_label": "Invoice",
+  "invoice_after_approval": "You will receive your invoice when {{{catering.title}}} has reviewed and approved your order."
+}

package/dist/templates/buyer/order-placed/template.mjml

@@ -1,69 +1,69 @@
-<mj-section padding-bottom="10px">
-    <mj-column>
-        <mj-text>
-            <h3>[[pendingApproval_heading]]</h3>
-            <p>[[pendingApproval_body]]</p>
-        </mj-text>
-    </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[questions_body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="{{{ catering_order.url }}}">
-      [[cta_viewOrder]]
-    </mj-button>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[login_body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[serving_title]]</b><br>
-      {{ catering_order.selectedDate }} · [[serving_at]] {{ catering_order.selectedTime }}</p>
-      <p>[[serving_note]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px" padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[invoice_title]]</b><br>
-      [[invoice_body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
+<mj-section padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+            <h3>[[order_awaiting_approval_heading]]</h3>
+            <p>[[order_sent_to_supplier]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-divider />
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[questions_contact_supplier]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-button css-class="btn-link" href="{{{ catering_order.url }}}">
+      [[see_order_button]]
+    </mj-button>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[login_with_phone]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-divider />
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p><b>[[serving_label]]</b><br>
+      [[serving_date_time]]</p>
+      <p>[[arrival_time_later_note]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-divider />
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px" padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p><b>[[invoice_label]]</b><br>
+      [[invoice_after_approval]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/order-reservations-cancelled/da.json

@@ -1,6 +1,8 @@
-{
-  "subject": "Din bestilling hos {{catering.title}} er annulleret",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Vi beklager at måtte informere dig om, at din bestilling hos {{catering.title}} er blevet annulleret, da forbeholdene ikke blev godkendt inden for tidsfristen.",
-  "button_view_order": "Se din bestilling"
-}
+{
+  "subject": "Din bestilling hos {{catering.title}} er annulleret",
+  "greeting": "Hej {{ user.name }},",
+  "order_cancelled_message": "Din ordre {{ catering_order.id8digit }} hos {{catering.title}} er blevet annulleret \ud83d\udeab",
+  "see_cancelled_order_button": "Se annulleret ordre",
+  "need_help_heading": "Har du brug for hj\u00e6lp?",
+  "contact_nuento_help": "Kontakt Nuento p\u00e5 support@nuento.dk eller <a href=\"tel:+4560636259\">60 63 62 59</a>."
+}

package/dist/templates/buyer/order-reservations-cancelled/en.json

@@ -1,6 +1,8 @@
-{
-  "subject": "Your order with {{catering.title}} has been cancelled",
-  "greeting": "Hi {{ user.name }},",
-  "body": "We're sorry to inform you that your order with {{catering.title}} has been cancelled as the reservations were not approved within the deadline.",
-  "button_view_order": "View your order"
-}
+{
+  "subject": "Your order with {{catering.title}} has been cancelled",
+  "greeting": "Hi {{ user.name }},",
+  "order_cancelled_message": "Your order {{ catering_order.id8digit }} with {{catering.title}} has been cancelled \ud83d\udeab",
+  "see_cancelled_order_button": "See cancelled order",
+  "need_help_heading": "Do you need help?",
+  "contact_nuento_help": "Contact Nuento at support@nuento.dk or <a href=\"tel:+4560636259\">60 63 62 59</a>."
+}

package/dist/templates/buyer/order-reservations-cancelled/template.mjml

@@ -1,16 +1,25 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="{{{ catering_order.url }}}">
-      [[button_view_order]]
-    </mj-button>
-  </mj-column>
-</mj-section>
+<mj-section>
+    <mj-column>
+        <mj-text>
+            <p>[[greeting]]</p>
+            <p>[[order_cancelled_message]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px">
+  <mj-column>
+    <mj-button width="100%" align="center" font-size="16px" align="left" inner-padding="18px 25px" color="#ffffff" background-color="#11141A" href="{{{ catering_order.approvalUrl }}}">
+      [[see_cancelled_order_button]]
+    </mj-button>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px">
+    <mj-column>
+        <mj-text>
+             <p class="small"><font size="4"><b>[[need_help_heading]]</b></font></p>
+            <p>[[contact_nuento_help]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>