@vtex/faststore-plugin-buyer-portal 1.1.85 → 1.1.87

package/CHANGELOG.md

@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+- Allow creation of user with no roles
+
 ### Added
 
 - Credit card page responsiveness

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vtex/faststore-plugin-buyer-portal",
-	"version": "1.1.85",
+	"version": "1.1.87",
 	"description": "A plugin for faststore with buyer portal",
 	"main": "index.js",
 	"scripts": {

package/src/features/custom-fields/layouts/CustomFieldsLayout/custom-fields-layout.scss

@@ -9,6 +9,10 @@
 
   width: 100%;
 
+  @include media("<=notebook") {
+    padding: 0;
+  }
+
   [data-fs-bp-header-inside] {
     #header-inside-button-ghost {
       background-color: transparent;

package/src/features/payment-methods/components/SearchPaymentMethods/search-payment-methods.scss

@@ -14,7 +14,7 @@
     display: block;
   }
 
-  @media (max-width: 768px) {
+  @include media("<=tablet") {
     [data-fs-payment-methods-section] {
       [data-fs-buyer-portal-internal-search] {
         width: 100%;

package/src/features/payment-methods/layouts/PaymentMethodsLayout/payment-methods-layout.scss

@@ -107,7 +107,7 @@
     text-align: end;
     display: none;
     margin-top: var(--fs-spacing-3);
-    @media (max-width: 768px) {
+    @include media("<=tablet") {
       display: block;
     }
   }

package/src/features/shared/components/HeaderInside/header-inside.scss

@@ -3,7 +3,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin: var(--fs-spacing-6) 0;
+  margin: var(--fs-spacing-5) 0;
 
   [data-fs-bp-back-link] {
     margin-right: var(--fs-spacing-3);

package/src/features/shared/layouts/BaseTabsLayout/base-tabs-layout.scss

@@ -74,6 +74,11 @@
     [data-fs-bp-nav-menu-actions] {
       display: flex;
       align-items: center;
+      [data-fs-bp-nav-menu-start-shopping-link] {
+      }
+      @include media("<=tablet") {
+        display: none;
+      }
     }
 
     [data-fs-bp-nav-menu-start-shopping-link] {
@@ -119,7 +124,7 @@
 
     padding: var(--fs-spacing-6);
     overflow-y: auto;
-    
+
     @include media("<notebook") {
       display: none;
     }

package/src/features/shared/layouts/CustomFieldLayout/CustomFieldLayout.tsx

@@ -90,6 +90,7 @@ export const CustomFieldLayout = ({
               searchTerm={searchValue}
             />
             <Pagination
+              data-fs-bp-custom-field-bottom-pagination
               currentCount={data.length}
               total={pagination.total}
               showMore={pagination.loadMore}

package/src/features/shared/layouts/CustomFieldLayout/custom-field-layout.scss

@@ -17,9 +17,26 @@
 
   [data-fs-bp-custom-fields-wrapper] {
     display: flex;
-    align-items: center;
     justify-content: space-between;
-    height: 2.5rem;
+    align-items: baseline;
+    gap: var(--fs-spacing-1);
+    width: 100%;
+
+    [data-fs-bp-pagination] {
+      font-size: var(--fs-text-size-1);
+      color: #5c5c5c;
+      display: block;
+    }
+
+    @include media("<=tablet") {
+      [data-fs-buyer-portal-internal-search] {
+        width: 100%;
+      }
+
+      [data-fs-bp-pagination] {
+        display: none;
+      }
+    }
   }
 
   [data-fs-bp-custom-fields-empty-state] {
@@ -38,4 +55,13 @@
       height: 2.5rem;
     }
   }
+  section {
+    [data-fs-bp-pagination] {
+      display: none;
+
+      @include media("<=tablet") {
+        display: flex;
+      }
+    }
+  }
 }

package/src/features/users/components/CreateUserDrawer/CreateUserDrawer.tsx

@@ -123,7 +123,7 @@ export const CreateUserDrawer = ({
 
   const isAllFieldsFilled = Object.keys(form).every((key) => {
     if (key === "roles") {
-      return form[key as keyof typeof form]?.length > 0;
+      return true; // allow empty roles
     }
 
     return (form[key as keyof typeof form] as string)?.trim();
@@ -256,11 +256,6 @@ export const CreateUserDrawer = ({
                       );
                     })}
                 </div>
-
-                <ErrorMessage
-                  show={isTouched && !roles?.length}
-                  message="Role is required"
-                />
               </>
             )}
           </BasicDrawer.Body>

package/src/features/users/components/UpdateUserDrawer/UpdateUserDrawer.tsx

@@ -100,7 +100,7 @@ export const UpdateUserDrawer = ({
 
   const isAllFieldsFilled = Object.keys(form).every((key) => {
     if (key === "roles") {
-      return form[key as keyof typeof form]?.length > 0;
+      return true; // allow empty roles
     }
 
     return (form[key as keyof typeof form] as string)?.trim();
@@ -222,11 +222,6 @@ export const UpdateUserDrawer = ({
               );
             })}
         </div>
-
-        <ErrorMessage
-          show={isTouched && !roles?.length}
-          message="Role is required"
-        />
       </BasicDrawer.Body>
       <BasicDrawer.Footer>
         <BasicDrawer.Button variant="ghost" onClick={close}>