Init (#1)

.gitignore

@@ -0,0 +1,7 @@
+.phpunit.result.cache
+/node_modules
+/public
+/vendor
+composer.lock
+phpunit.dusk.xml
+phpunit.xml

README.md

@@ -0,0 +1,27 @@
+# Rapidez Order comments
+Implementation of the order comments in the Rapidez checkout.
+
+## Installation
+```
+composer require rapidez/boldcommerce-order-comments
+```
+
+And include the javascript in `resources/js/app.js`:
+```
+require('Vendor/rapidez/order-comments/resources/js/order-comments')
+```
+
+Add the a textarea to your views in the checkout:
+```
+<x-rapidez::textarea
+    v-model="checkout.comment"
+    class="border-border"
+    name="comment"
+    {{ $attributes }}
+/>
+```
+
+To display the order comment, usually in the checkout, you can use:
+```
+@{{ $root.checkout.comment }}
+```

composer.json

@@ -0,0 +1,12 @@
+{
+    "name": "rapidez/boldcommerce-order-comments",
+    "require": {
+        "php": "^8.0.2"
+    },
+    "authors": [
+        {
+            "name": "Bob",
+            "email": "[email protected]"
+        }
+    ]
+}

resources/js/order-comments.js

@@ -0,0 +1,11 @@
+document.addEventListener('turbolinks:load', () => {
+    Vue.set(window.app.checkout, 'comment', '')
+
+    window.app.$on('checkout-credentials-saved', (e) => {
+        window.app.magentoCart('put', 'set-order-comment', {
+            orderComment: {
+                comment: window.app.checkout.comment
+            }
+        })
+    })
+})