@clink/emails 1.1.6 → 1.1.8

package/dist/layouts/base.mjml

@@ -1,132 +1,132 @@
-<mjml>
-  <mj-head>
-    <mj-font name="Arial" />
-    <mj-attributes>
-      <mj-all
-        font-family="Arial, sans-serif"
-        line-height="24px"
-        font-size="16px"
-        color="#222730"
-      />
-      <mj-wrapper background-color="#ffffff" />
-      <mj-divider
-        border-width="1px"
-        border-color="#dadada"
-        padding="16px 0px 8px 0px"
-      />
-      <mj-section padding="0px" />
-      <!-- <mj-text padding="0px 16px" /> -->
-      <mj-text padding="0px 24px" />
-      <!-- <mj-image padding="0px 16px" /> -->
-      <mj-image padding="0px 0px" />
-      <mj-table padding="0px 24px" />
-      <mj-button
-        border-radius="999px"
-        background-color="#FA3232"
-        color="#ffffff"
-        align="left"
-        font-size="16px"
-      />
-      <mj-accordion border="none" padding="1px" />
-      <mj-accordion-element
-        icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png"
-        icon-unwrapped-url="https://i.imgur.com/KKHenWa.png"
-        icon-height="24px"
-        icon-width="24px"
-      />
-      <mj-accordion-title
-        font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif"
-        background-color="#fff"
-        color="#031017"
-        padding="15px"
-        font-size="18px"
-      />
-      <mj-accordion-text
-        font-family="Open Sans, Helvetica, Arial, sans-serif"
-        background-color="#fafafa"
-        padding="15px"
-        color="#505050"
-        font-size="14px"
-      />
-    </mj-attributes>
-    <mj-style inline="inline">
-      .btn-link a { display: block; padding: 16px 24px; border-radius: 8px;
-      background-color: #FA3232; font-size: 16px; align: left; color: #ffffff; }
-    </mj-style>
-    <mj-style inline="inline">
-      .no-href-style a { text-decoration: none; color: inherit; }
-    </mj-style>
-    <mj-style inline="inline">
-      a, p, u, i, b, em, small, strong { line-height: 24px; } p { margin: 16px
-      0px; } p.small { line-height: 1; } p.big { line-height: 2; } a {
-      text-decoration: underline; } h1 { font-size: 39px; line-height: 110%;
-      font-weight: 700; margin: 0px 0px 24px; } h2 { font-size: 31px;
-      line-height: 110%; font-weight: 700; margin: 24px 0px 0px; } h3 {
-      font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px; } h4 { font-size: 20px; line-height: 110%; font-weight: 700; margin:
-      24px 0px 0px; } h5 { font-size: 16px; line-height: 110%; font-weight: 700;
-      margin: 24px 0px 0px; } .table-header { margin-top: "8px" } .menuComment
-      p{ margin-top: 4px; margin-bottom: 4px; } .menuComment p:first-of-type. {
-      margin-top: 0px; } .menuComment p:last-of-type { margin-bottom: 0px; }
-      .bordered-col { box-shadow: 0 0 0 1px #E4EBF2; border-radius: 4px; }
-    </mj-style>
-    <mj-style>
-      .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; }
-    </mj-style>
-  </mj-head>
-
-  <mj-body css-class="body-bordered" background-color: #FFFFFF>
-    <mj-wrapper padding="12px 0px">
-      <mj-section padding="24px 0px 0px">
-        <mj-column>
-          <mj-image
-            width="40px"
-            height="40px"
-            align="left"
-            src="https://ik.imagekit.io/nuento/logo/Logomark_Uj47FzOvV.png"
-            padding="0px 24px 8px"
-            alt="Nuento"
-          />
-        </mj-column>
-      </mj-section>
-
-      %CONTENT%
-
-      <mj-section>
-        <mj-column>
-          <mj-divider />
-        </mj-column>
-      </mj-section>
-
-      <mj-section>
-        <mj-column>
-          <mj-text padding="24px 24px 0px">
-            <b>{{strings.sentFrom}}</b>
-            <br />
-            Nuento Denmark ApS, CVR 39000725
-            <br />
-            Lundeborgvej 4, 9220 Aalborg
-          </mj-text>
-        </mj-column>
-      </mj-section>
-
-      <mj-section padding="32px 0px 0px">
-        <mj-column>
-          <mj-image
-            width="118px"
-            height="40px"
-            align="left"
-            src="https://ik.imagekit.io/nuento/logo/logo-40_5iYF6s3Jp.png"
-            padding="0px 24px 24px"
-            alt="Nuento"
-          />
-        </mj-column>
-      </mj-section>
-    </mj-wrapper>
-  </mj-body>
-</mjml>
+<mjml>
+  <mj-head>
+    <mj-font name="Arial" />
+    <mj-attributes>
+      <mj-all
+        font-family="Arial, sans-serif"
+        line-height="24px"
+        font-size="16px"
+        color="#222730"
+      />
+      <mj-wrapper background-color="#ffffff" />
+      <mj-divider
+        border-width="1px"
+        border-color="#dadada"
+        padding="16px 0px 8px 0px"
+      />
+      <mj-section padding="0px" />
+      <!-- <mj-text padding="0px 16px" /> -->
+      <mj-text padding="0px 24px" />
+      <!-- <mj-image padding="0px 16px" /> -->
+      <mj-image padding="0px 0px" />
+      <mj-table padding="0px 24px" />
+      <mj-button
+        border-radius="999px"
+        background-color="#FA3232"
+        color="#ffffff"
+        align="left"
+        font-size="16px"
+      />
+      <mj-accordion border="none" padding="1px" />
+      <mj-accordion-element
+        icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png"
+        icon-unwrapped-url="https://i.imgur.com/KKHenWa.png"
+        icon-height="24px"
+        icon-width="24px"
+      />
+      <mj-accordion-title
+        font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif"
+        background-color="#fff"
+        color="#031017"
+        padding="15px"
+        font-size="18px"
+      />
+      <mj-accordion-text
+        font-family="Open Sans, Helvetica, Arial, sans-serif"
+        background-color="#fafafa"
+        padding="15px"
+        color="#505050"
+        font-size="14px"
+      />
+    </mj-attributes>
+    <mj-style inline="inline">
+      .btn-link a { display: block; padding: 16px 24px; border-radius: 8px;
+      background-color: #FA3232; font-size: 16px; align: left; color: #ffffff; }
+    </mj-style>
+    <mj-style inline="inline">
+      .no-href-style a { text-decoration: none; color: inherit; }
+    </mj-style>
+    <mj-style inline="inline">
+      a, p, u, i, b, em, small, strong { line-height: 24px; } p { margin: 16px
+      0px; } p.small { line-height: 1; } p.big { line-height: 2; } a {
+      text-decoration: underline; } h1 { font-size: 39px; line-height: 110%;
+      font-weight: 700; margin: 0px 0px 24px; } h2 { font-size: 31px;
+      line-height: 110%; font-weight: 700; margin: 24px 0px 0px; } h3 {
+      font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
+      0px; } h4 { font-size: 20px; line-height: 110%; font-weight: 700; margin:
+      24px 0px 0px; } h5 { font-size: 16px; line-height: 110%; font-weight: 700;
+      margin: 24px 0px 0px; } .table-header { margin-top: "8px" } .menuComment
+      p{ margin-top: 4px; margin-bottom: 4px; } .menuComment p:first-of-type. {
+      margin-top: 0px; } .menuComment p:last-of-type { margin-bottom: 0px; }
+      .bordered-col { box-shadow: 0 0 0 1px #E4EBF2; border-radius: 4px; }
+    </mj-style>
+    <mj-style>
+      .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; }
+    </mj-style>
+  </mj-head>
+
+  <mj-body css-class="body-bordered" background-color: #FFFFFF>
+    <mj-wrapper padding="12px 0px">
+      <mj-section padding="24px 0px 0px">
+        <mj-column>
+          <mj-image
+            width="40px"
+            height="40px"
+            align="left"
+            src="https://ik.imagekit.io/nuento/logo/Logomark_Uj47FzOvV.png"
+            padding="0px 24px 8px"
+            alt="Nuento"
+          />
+        </mj-column>
+      </mj-section>
+
+      %CONTENT%
+
+      <mj-section>
+        <mj-column>
+          <mj-divider />
+        </mj-column>
+      </mj-section>
+
+      <mj-section>
+        <mj-column>
+          <mj-text padding="24px 24px 0px">
+            <b>[[strings.sentFrom]]</b>
+            <br />
+            Nuento Denmark ApS, CVR 39000725
+            <br />
+            Lundeborgvej 4, 9220 Aalborg
+          </mj-text>
+        </mj-column>
+      </mj-section>
+
+      <mj-section padding="32px 0px 0px">
+        <mj-column>
+          <mj-image
+            width="118px"
+            height="40px"
+            align="left"
+            src="https://ik.imagekit.io/nuento/logo/logo-40_5iYF6s3Jp.png"
+            padding="0px 24px 24px"
+            alt="Nuento"
+          />
+        </mj-column>
+      </mj-section>
+    </mj-wrapper>
+  </mj-body>
+</mjml>

package/dist/layouts/da.json

@@ -0,0 +1,4 @@
+{
+  "strings.sentFrom": "Sendt fra",
+  "urls.root": "https://nuento.dk"
+}

package/dist/layouts/en.json

@@ -0,0 +1,4 @@
+{
+  "strings.sentFrom": "Sent from",
+  "urls.root": "https://nuento.co.uk"
+}

package/dist/templates/buyer/checkout-link/da.json

@@ -0,0 +1,7 @@
+{
+  "subject": "Bestillingslink fra {{collection.title}}",
+  "greeting": "Hej {{ user.name }},",
+  "body": "{{collection.title}} har sendt dig et bestillingslink. Klik på knappen nedenfor for at gennemføre din bestilling.",
+  "button_order": "Gå til bestilling",
+  "contact_text": "Har du spørgsmål? Kontakt leverandøren på tlf."
+}

package/dist/templates/buyer/checkout-link/en.json

@@ -0,0 +1,7 @@
+{
+  "subject": "Order link from {{collection.title}}",
+  "greeting": "Hi {{ user.name }},",
+  "body": "{{collection.title}} has sent you an order link. Click the button below to complete your order.",
+  "button_order": "Go to order",
+  "contact_text": "Have questions? Contact the supplier at"
+}

package/dist/templates/buyer/checkout-link/template.mjml

@@ -0,0 +1,24 @@
+<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="{{{ checkoutLink }}}">
+      [[button_order]]
+    </mj-button>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[contact_text]] <a href="tel:{{ supplier.phone }}">{{ supplier.phoneFormatted }}</a></p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/deposit-captured/da.json

@@ -0,0 +1,14 @@
+{
+  "subject": "Depositum trukket – {{place.title}}",
+  "greeting": "Hej {{ user.firstName }},",
+  "body": "Depositummet for din booking hos {{place.title}} er blevet trukket.",
+  "booking_label": "Booking",
+  "checkin_label": "Check-in:",
+  "checkout_label": "Check-ud:",
+  "deposit_captured_label": "Trukket beløb:",
+  "deposit_total_label": "Depositum i alt:",
+  "date_label": "Dato:",
+  "card_label": "Betalingskort:",
+  "reason_label": "Begrundelse",
+  "contact_text": "Har du spørgsmål? Kontakt udlejeren:"
+}

package/dist/templates/buyer/deposit-captured/en.json

@@ -0,0 +1,14 @@
+{
+  "subject": "Deposit captured – {{place.title}}",
+  "greeting": "Hi {{ user.firstName }},",
+  "body": "The deposit for your booking at {{place.title}} has been captured.",
+  "booking_label": "Booking",
+  "checkin_label": "Check-in:",
+  "checkout_label": "Check-out:",
+  "deposit_captured_label": "Amount captured:",
+  "deposit_total_label": "Total deposit:",
+  "date_label": "Date:",
+  "card_label": "Payment card:",
+  "reason_label": "Reason",
+  "contact_text": "Have questions? Contact the host:"
+}

package/dist/templates/buyer/deposit-captured/template.mjml

@@ -0,0 +1,61 @@
+<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>[[booking_label]]</b> #{{ booking.id }}<br>
+      <b>[[checkin_label]]</b> {{ booking.checkinDate }}<br>
+      <b>[[checkout_label]]</b> {{ booking.checkoutDate }}</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>[[deposit_captured_label]]</b> {{ invoice_transaction.depositCapturedAmount }}<br>
+      <b>[[deposit_total_label]]</b> {{ invoice_transaction.depositAmount }}<br>
+      <b>[[date_label]]</b> {{ invoice_transaction.createdAtDate }}<br>
+      <b>[[card_label]]</b> {{ booking.paymentCard }}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-raw>{{#if depositReason}}</mj-raw>
+<mj-section padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p><b>[[reason_label]]</b><br>{{{ depositReason }}}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+<mj-raw>{{/if}}</mj-raw>
+
+<mj-section>
+  <mj-column>
+    <mj-divider />
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[contact_text]]<br>
+      {{ collection.phone }}<br>
+      {{ collection.email }}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/deposit-not-reserved/da.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Depositum kunne ikke reserveres – {{collection.title}}",
+  "greeting": "Hej {{ user.name }},",
+  "body": "Vi kunne desværre ikke reservere depositummet for din booking hos {{collection.title}}. Kontrollér venligst, at dit betalingskort er gyldigt og har tilstrækkelig dækning.",
+  "amount_label": "Depositum:",
+  "card_label": "Betalingskort:",
+  "date_label": "Dato:",
+  "checkin_label": "Check-in:",
+  "contact_text": "Har du spørgsmål? Kontakt udlejeren:"
+}

package/dist/templates/buyer/deposit-not-reserved/en.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Deposit could not be reserved – {{collection.title}}",
+  "greeting": "Hi {{ user.name }},",
+  "body": "Unfortunately, we were unable to reserve the deposit for your booking at {{collection.title}}. Please check that your payment card is valid and has sufficient funds.",
+  "amount_label": "Deposit:",
+  "card_label": "Payment card:",
+  "date_label": "Date:",
+  "checkin_label": "Check-in:",
+  "contact_text": "Have questions? Contact the host:"
+}

package/dist/templates/buyer/deposit-not-reserved/template.mjml

@@ -0,0 +1,36 @@
+<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>[[amount_label]]</b> {{ order.depositAmount }}<br>
+      <b>[[card_label]]</b> {{ paymentCard }}<br>
+      <b>[[date_label]]</b> {{ order.depositDate }}<br>
+      <b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}</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>[[contact_text]]<br>
+      {{ collection.contact.name }}<br>
+      {{ collection.contact.phone }}<br>
+      {{ collection.contact.email }}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/deposit-reserved/da.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Depositum reserveret – {{collection.title}}",
+  "greeting": "Hej {{ user.name }},",
+  "body": "Vi bekræfter, at depositummet for din booking hos {{collection.title}} er blevet reserveret på dit betalingskort.",
+  "amount_label": "Depositum:",
+  "card_label": "Betalingskort:",
+  "capture_date_label": "Trækkes senest:",
+  "checkin_label": "Check-in:",
+  "info_text": "Depositummet vil kun blive trukket, hvis det er nødvendigt i henhold til afbestillingsreglerne."
+}

package/dist/templates/buyer/deposit-reserved/en.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Deposit reserved – {{collection.title}}",
+  "greeting": "Hi {{ user.name }},",
+  "body": "We confirm that the deposit for your booking at {{collection.title}} has been reserved on your payment card.",
+  "amount_label": "Deposit:",
+  "card_label": "Payment card:",
+  "capture_date_label": "Charged no later than:",
+  "checkin_label": "Check-in:",
+  "info_text": "The deposit will only be charged if necessary according to the cancellation policy."
+}

package/dist/templates/buyer/deposit-reserved/template.mjml

@@ -0,0 +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>[[amount_label]]</b> {{ order.depositAmount }}<br>
+      <b>[[card_label]]</b> {{ paymentCard }}<br>
+      <b>[[capture_date_label]]</b> {{ order.depositDate }}<br>
+      <b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[info_text]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/invoice-bank-transfer/da.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Faktura – Bankoverførsel for bestilling hos {{collection.title}}",
+  "greeting": "Hej,",
+  "body": "Her er din faktura for din bestilling hos {{collection.title}}. Betaling sker via bankoverførsel.",
+  "invoice_label": "Faktura",
+  "amount_label": "Beløb:",
+  "due_date_label": "Forfaldsdato:",
+  "event_date_label": "Arrangementsdato:",
+  "button_view_invoice": "Se faktura"
+}

package/dist/templates/buyer/invoice-bank-transfer/en.json

@@ -0,0 +1,10 @@
+{
+  "subject": "Invoice – Bank transfer for order with {{collection.title}}",
+  "greeting": "Hello,",
+  "body": "Here is your invoice for your order with {{collection.title}}. Payment is via bank transfer.",
+  "invoice_label": "Invoice",
+  "amount_label": "Amount:",
+  "due_date_label": "Due date:",
+  "event_date_label": "Event date:",
+  "button_view_invoice": "View invoice"
+}

package/dist/templates/buyer/invoice-bank-transfer/template.mjml

@@ -0,0 +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>[[invoice_label]]</b> #{{ invoice.id }}<br>
+      <b>[[amount_label]]</b> {{ invoice.paymentAmount }}<br>
+      <b>[[due_date_label]]</b> {{ invoice_transaction.reserveAt }}<br>
+      <b>[[event_date_label]]</b> {{ order_catering.catererSelectedDate }}</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column>
+    <mj-button css-class="btn-link" href="{{{ invoice.url }}}">
+      [[button_view_invoice]]
+    </mj-button>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/invoice-full/da.json

@@ -0,0 +1,15 @@
+{
+  "subject": "Faktura – Ordre #{{ order.id8digit }}",
+  "greeting": "Hej,",
+  "body": "Her er din faktura for din bestilling hos {{collection.title}}.",
+  "invoice_label": "Faktura",
+  "order_label": "Ordre",
+  "invoice_date_label": "Fakturadato:",
+  "card_label": "Betalingskort:",
+  "event_date_label": "Arrangementsdato:",
+  "checkin_label": "Check-in:",
+  "checkout_label": "Check-ud:",
+  "total_label": "Total:",
+  "deposit_label": "Depositum:",
+  "deposit_date_label": "Depositum trækkes:"
+}

package/dist/templates/buyer/invoice-full/en.json

@@ -0,0 +1,15 @@
+{
+  "subject": "Invoice – Order #{{ order.id8digit }}",
+  "greeting": "Hello,",
+  "body": "Here is your invoice for your order with {{collection.title}}.",
+  "invoice_label": "Invoice",
+  "order_label": "Order",
+  "invoice_date_label": "Invoice date:",
+  "card_label": "Payment card:",
+  "event_date_label": "Event date:",
+  "checkin_label": "Check-in:",
+  "checkout_label": "Check-out:",
+  "total_label": "Total:",
+  "deposit_label": "Deposit:",
+  "deposit_date_label": "Deposit charged:"
+}