wickes-css2 2.117.1-develop.1 → 2.117.1-im-2614-error-message.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.117.1-develop.1",
+  "version": "2.117.1-im-2614-error-message.1",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
@@ -125,6 +125,10 @@
       {
         "name": "develop",
         "prerelease": true
+      },
+      {
+        "name": "custom-tag/im-2614-error-message",
+        "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
       }
     ],
     "plugins": [

package/src/components/modal-id-type.hbs

@@ -4,7 +4,7 @@
     {{#extend "modal-body-section" customSectionClass="id-type-signup"}}
       {{#content "body"}}
         {{> notifications notification-page.warning withCloseBtn="true"
-          text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
+          text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported." hideClass="true"}}
         <div class="signup-tradepro__modal-info">
           Select two forms of ID.
           <div class="tradepro-id-counter_wrap">

package/src/elements/notifications.hbs

@@ -1,4 +1,4 @@
-<div class="{{#unless app}}notification notification_general{{/unless}} {{classModifier}}">
+<div class="{{#unless app}}notification notification_general{{/unless}} {{classModifier}} {{#if hideClass}}notification--hide{{/if}}">
   {{#if success}}
     <span class="icon notification__icon">
       <span class="fas fa-check-circle"></span>

package/src/js/components/general/notification.js

@@ -33,7 +33,14 @@ Wick.Notification = (function () {
     }
 
     $(document).on('click', '.notification__close', function () {
-        $(this).parents('.notification, .notification_app, .sticky-wrapper').remove();
+        const $notification = $(this).parents('.notification, .notification_app, .sticky-wrapper');
+
+        if ($notification.hasClass('notification--hide')) {
+            $notification.hide();
+            return;
+        }
+
+        $notification.remove();
     });
 
     return {