SHOP-1497 : Display error message when total cart amount is greater t…

…han max checkout amount (#177)

## JIRA Ticket

[SHOP-1497](https://youcanshop.atlassian.net/browse/SHOP-1497)

## QA Steps

-  [ ] `pnpm i`
-  [ ] `pnpm dev`

## Note

Leave empty when you have nothing to say


[SHOP-1497]:
https://youcanshop.atlassian.net/browse/SHOP-1497?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

assets/main.js

@@ -338,3 +338,22 @@ function processVideoSections() {
 }
 
 processVideoSections();
+
+function decodeHtmlEntities(text) {
+  let textarea = document.createElement('textarea');
+  textarea.innerHTML = text;
+
+  return textarea.value;
+}
+
+function renderTextContent(htmlContent) {
+  let tempElement = document.createElement('div');
+  tempElement.innerHTML = htmlContent;
+
+  return tempElement.innerText || tempElement.textContent;
+}
+
+if (FORM.errors) {
+  let decodedText = decodeHtmlEntities(FORM.errors);
+  notify(renderTextContent(decodedText), 'error', 20000);
+}

layouts/theme.liquid

@@ -25,6 +25,12 @@
     {% section 'main-footer' %}
     {%- render 'cart-drawer' -%}
 
+    {% javascript %}
+      const FORM = {
+        errors:  '{{ form.errors | first }}',
+      }
+    {% endjavascript %}
+
     {{ 'main.js' | asset_url | script_tag }}
   </body>
 </html>