ublo-lib 1.13.2 → 1.13.4

package/es/common/components/admin-links/admin-links.module.css

@@ -13,14 +13,14 @@
   align-items: center;
   justify-content: center;
   background: var(
-    --cms-blue-gradient,
+    --ublo-blue-gradient,
     linear-gradient(
       175deg,
-      var(--cms-blue-400, #4177f6),
-      var(--cms-blue-500, #004cc2)
+      var(--ublo-blue-400, #4177f6),
+      var(--ublo-blue-500, #004cc2)
     )
   );
-  border-radius: var(--cms-radius-100, 3px);
+  border-radius: var(--ublo-radius-100, 3px);
   cursor: pointer;
   user-select: none;
   z-index: 2;
@@ -29,7 +29,7 @@
 .toggleIcon {
   width: 16px;
   height: 16px;
-  fill: var(--cms-grey-000, #ffffff);
+  fill: var(--ublo-grey-000, #ffffff);
 }
 
 .links {
@@ -40,20 +40,20 @@
   display: flex;
   flex-direction: column;
   padding: 16px;
-  color: var(--cms-grey-000, #fff);
+  color: var(--ublo-grey-000, #fff);
   background: var(
-    --cms-blue-gradient,
+    --ublo-blue-gradient,
     linear-gradient(
       175deg,
-      var(--cms-secondary-color, #4177f6),
-      var(--cms-primary-color, #004cc2)
+      var(--ublo-secondary-color, #4177f6),
+      var(--ublo-primary-color, #004cc2)
     )
   );
-  border-radius: var(--cms-radius-300, 15px);
-  box-shadow: var(--cms-shadow-300, 0 5px 10px rgba(0, 0, 0, 0.24));
+  border-radius: var(--ublo-radius-300, 15px);
+  box-shadow: var(--ublo-shadow-300, 0 5px 10px rgba(0, 0, 0, 0.24));
   transform-origin: bottom left;
   animation: admin-links-appearance 240ms
-    var(--cms-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+    var(--ublo-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
 
 @keyframes admin-links-appearance {

package/es/common/components/editable-map/helper.module.css

@@ -12,11 +12,11 @@
   align-items: center;
   justify-content: center;
   background: var(
-    --cms-blue-gradient,
+    --ublo-blue-gradient,
     linear-gradient(
       175deg,
-      var(--cms-blue-400, #4177f6),
-      var(--cms-blue-500, #004cc2)
+      var(--ublo-blue-400, #4177f6),
+      var(--ublo-blue-500, #004cc2)
     )
   );
   border-radius: 50%;
@@ -40,11 +40,11 @@
   font-size: 13px;
   font-family: "Open Sans", sans-serif;
   background: var(
-    --cms-blue-gradient,
+    --ublo-blue-gradient,
     linear-gradient(
       175deg,
-      var(--cms-blue-400, #4177f6),
-      var(--cms-blue-500, #004cc2)
+      var(--ublo-blue-400, #4177f6),
+      var(--ublo-blue-500, #004cc2)
     )
   );
   border-radius: var(--ds-radius-200, 10px);

package/es/common/components/gesco-contact-form/gesco-contact-form.js

@@ -60,26 +60,29 @@ function ContactForm({
       }
     });
   }, [widgetLang]);
+  const handleCategory = React.useCallback(() => {
+    const needCategory = params?.categories?.length > 1;
+    setNeedCategory(needCategory);
+    if (!needCategory) {
+      if (params?.categories?.length === 1) {
+        update(true, "category", params.categories[0].code, []);
+      } else {
+        update(true, "category", undefined, []);
+      }
+    }
+  }, [params, update]);
   React.useEffect(() => {
     const getParams = async () => {
       const params = await API.fetchParams(widgetLang, resort, merchant, channel, categories, integration, uat);
       if (params === undefined || params.error !== undefined) {
         setHasError(true);
       } else {
-        const needCategory = params?.categories?.length > 1;
         setParams(params);
-        setNeedCategory(needCategory);
-        if (!needCategory) {
-          if (params?.categories?.length === 1) {
-            update(true, "category", params.categories[0].code, []);
-          } else {
-            update(true, "category", undefined, []);
-          }
-        }
+        handleCategory();
       }
     };
     getParams();
-  }, [categories, channel, integration, merchant, resort, uat, update, widgetLang]);
+  }, [categories, channel, handleCategory, integration, merchant, resort, uat, widgetLang]);
   const validateAll = () => {
     Object.keys(fields).forEach(key => {
       update(true, key, undefined, !needCategory && key === "category" ? undefined : fields[key].validators);
@@ -142,6 +145,7 @@ function ContactForm({
           Subject: subject?.label
         });
         setFields(Data.DEFAULT_FIELDS);
+        handleCategory();
       }
     }
     setSubmiting(false);

package/es/common/components/packages-selector/index.module.css

@@ -45,7 +45,7 @@
 
 .itemSelected {
   color: #fff;
-  background-color: var(--cms-primary-color, #004cc2);
+  background-color: var(--ublo-primary-color, #004cc2);
 }
 
 .loader {
@@ -63,7 +63,7 @@
   width: 42px;
   height: 42px;
   border: 4px solid #f5f5f5;
-  border-bottom-color: var(--cms-primary-color, #004cc2);
+  border-bottom-color: var(--ublo-primary-color, #004cc2);
   box-sizing: border-box;
   border-radius: 50%;
   animation: packages-loader-spining 640ms ease-in-out infinite;

package/es/common/hooks/use-packages.js

@@ -15,7 +15,7 @@ const buttonStyles = `
   font-family: "Open Sans";
   text-transform: uppercase;
   font-weight: 700;
-  background-color: var(--cms-primary-color, #004cc2);
+  background-color: var(--ublo-primary-color, #004cc2);
   border-radius: 8px;
   cursor: pointer;
   user-select: none;

package/es/esf/components/period-picker/period-picker.module.css

@@ -137,11 +137,11 @@
     font-family: "Open Sans", sans-serif;
     letter-spacing: 1px;
     background: var(
-      --cms-blue-gradient,
+      --ublo-blue-gradient,
       linear-gradient(
         175deg,
-        var(--cms-blue-400, #4177f6),
-        var(--cms-blue-500, #004cc2)
+        var(--ublo-blue-400, #4177f6),
+        var(--ublo-blue-500, #004cc2)
       )
     );
     padding: 5px 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "peerDependencies": {
     "dt-design-system": "^2.1.0",
     "leaflet": "^1.9.1",