@vtex/faststore-plugin-buyer-portal 1.0.33 → 1.0.35

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+
+- Add CHANGELOG file
+- Add README file

package/README.md

@@ -0,0 +1,29 @@
+# How to Run the project locally
+
+- Step 1: Clone this repo, the Buyer Portal
+- Step 2: Clone the [store repo](https://github.com/vtex-sites/b2bfaststoredev.store)
+- Open two terminals, one at the Buyer Portal Repo, one at the Store Repo
+
+### On the Buyer Portal Repo:
+
+- Run `yarn`
+- Run `yarn link` - You will get a return with `@vtex/faststore-plugin-buyer-portal`
+
+### On the Store Repo:
+
+- Run `yarn link @vtex/faststore-plugin-buyer-portal`
+- Run `yarn`
+- Run `yarn dev` to start your local server
+- You will acess the buyer-portal via: localhost:3000/buyer-portal
+
+### Generating a Cookie
+
+- Go to `b2bdev.vtexfaststore.com/login` and log-in as a user that has already been added to an Unit. If you don't have one, contact someone on the B2B - Enabler
+- Go to copy your `VtexIdclientAutCookie_b2bfaststoredev` cookie
+- Create a cookie in your `localhost:3000` with the `VtexIdclientAutCookie_b2bfaststoredev` key and the value you just copied
+- Go to `localhost:3000/buyer-portal`
+
+## Developing
+
+- Make your changes at the Buyer Portal repo
+- To test your changes, stop your local server and start it again with the `yarn dev` on the Store Repo

package/package.json

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

package/src/features/addresses/types/index.ts

@@ -1 +1 @@
-export { AddressData, AddressSummaryData } from "./AddressData";
+export type { AddressData, AddressSummaryData } from "./AddressData";

package/src/features/contracts/services/index.ts

@@ -10,7 +10,7 @@ export {
 
 export {
   updateContractStatusService,
-  UpdateContractStatusServiceProps,
+  type UpdateContractStatusServiceProps,
 } from "./update-contract-status.service";
 
 export { getContractDetailsService } from "./get-contract-details.service";

package/src/features/org-units/components/UpdateOrgUnitDrawer/UpdateOrgUnitDrawer.tsx

@@ -51,7 +51,7 @@ export const UpdateOrgUnitDrawer = ({
       ),
     });
     close();
-    onSuccess?.() ?? router.reload();
+    onSuccess ? onSuccess() : router.reload();
   };
 
   const { updateOrgUnit, isUpdateOrgUnitLoading } = useUpdateOrgUnit({

package/src/features/shared/components/CustomerSwitch/index.ts

@@ -1,11 +1,11 @@
 export { CustomerSwitchDrawer } from "./CustomerSwitchDrawer";
 export {
   CustomerSwitchOption,
-  CustomerSwitchOptionProps,
+  type CustomerSwitchOptionProps,
 } from "./CustomerSwitchOption";
 export {
   CustomerSwitchOptionsList,
-  CustomerSwitchOptionsListProps,
+  type CustomerSwitchOptionsListProps,
 } from "./CustomerSwitchOptionsList";
 export {
   CustomerSwitchSearch,

package/src/features/shared/components/InputText/InputText.tsx

@@ -7,6 +7,8 @@ import {
   useImperativeHandle,
   useRef,
   useState,
+  type KeyboardEvent,
+  type MouseEvent,
 } from "react";
 
 export type InputTextProps = ComponentProps<"input"> & {
@@ -44,7 +46,11 @@ export const InputText = forwardRef<HTMLInputElement, InputTextProps>(
 
     useImperativeHandle(ref, () => inputRef?.current!);
 
-    const handleWrapperClick = (event?: MouseEvent) => {
+    const handleWrapperClick = (
+      event?:
+        | MouseEvent<HTMLLabelElement, globalThis.MouseEvent>
+        | KeyboardEvent<HTMLLabelElement>
+    ) => {
       event?.preventDefault();
       !disabled && setIsFocused(true);
     };
@@ -68,6 +74,7 @@ export const InputText = forwardRef<HTMLInputElement, InputTextProps>(
           data-fs-bp-input-text-label
           htmlFor={id}
           onClick={(event) => handleWrapperClick(event)}
+          onKeyDown={handleWrapperClick}
         >
           {label}
         </label>

package/src/features/shared/components/index.ts

@@ -6,7 +6,7 @@ export {
 } from "./AutocompleteDropdown/AutocompleteDropdown";
 export { useAutocompletePosition } from "./AutocompleteDropdown/useAutocompletePosition";
 export { BasicCard, type BasicCardProps } from "./BasicCard/BasicCard";
-export { BasicDrawer, BasicDrawerProps } from "./BasicDrawer/BasicDrawer";
+export { BasicDrawer, type BasicDrawerProps } from "./BasicDrawer/BasicDrawer";
 export {
   BasicDropdownMenu,
   type BasicDropdownMenuProps,
@@ -36,7 +36,7 @@ export {
   HierarchyTree,
   type HierarchyTreeLevelProps,
   type HierarchyTreeProps,
-  Structure,
+  type Structure,
 } from "./HierarchyTree/HierarchyTree";
 export { Icon } from "./Icon";
 export { InputText, type InputTextProps } from "./InputText/InputText";
@@ -52,6 +52,6 @@ export {
 } from "./SelfManagementDrawer";
 export { SelfManagementSignInButton } from "./SelfManagementSignInButton";
 export { default as SortFilter } from "./SortFilter/SortFilter";
-export { Tab, TabProps, useTab } from "./Tab/Tab";
+export { Tab, type TabProps, useTab } from "./Tab/Tab";
 export { Tag, type TagProps } from "./Tag/Tag";
 export { default as Toast } from "./Toast/Toast";

package/src/features/shared/hooks/index.ts

@@ -1,6 +1,10 @@
 export { useBuyerPortal } from "./useBuyerPortal";
 export { useDrawerProps, type DrawerProps } from "./useDrawerProps";
-export { useMutation, MutationResult, MutationOptions } from "./useMutation";
-export { useQuery, QueryOptions } from "./useQuery";
+export {
+  useMutation,
+  type MutationResult,
+  type MutationOptions,
+} from "./useMutation";
+export { useQuery, type QueryOptions } from "./useQuery";
 export { useQueryParams } from "./useQueryParams";
 export { useDebounce } from "./useDebounce";

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

@@ -10,6 +10,7 @@ import { ProfileCard } from "../../../profile/components";
 import { UsersCard } from "../../../users/components";
 import { GlobalLayout } from "../GlobalLayout/GlobalLayout";
 import { Icon } from "../../components";
+import type { UserSummary } from "../../../users/types";
 
 export type HomeLayoutProps = {
   data: OrganizationData;
@@ -38,7 +39,7 @@ export const HomeLayout = ({ data }: HomeLayoutProps) => {
           ) : (
             <ContractsCard contracts={data.contracts} />
           )}
-          <UsersCard users={data.users} />
+          <UsersCard users={data.users as unknown as UserSummary[]} />
 
           {/* Remove this comments when mocks be removed */}
           {data.contracts.length === 1 && (

package/src/features/shared/utils/index.ts

@@ -7,7 +7,7 @@ export {
   getCookieAsString,
   getCustomerIdFromCookieServerSide,
 } from "./cookie";
-export { getClientContext, ClientContext } from "./getClientContext";
+export { getClientContext, type ClientContext } from "./getClientContext";
 export { getTreeDepth } from "./getTreeDepth";
 export { doLogout } from "./logout";
 export { goToOrders } from "./orders";

package/src/features/users/hooks/useUsersByOrgUnit.ts

@@ -7,7 +7,7 @@ export const useUsersByOrgUnit = (
 ) => {
   const { data, error, isLoading, refetch } = useQuery(
     `org-unit/users${orgUnitId}`,
-    () => getUsersByOrgUnitIdService(orgUnitId),
+    ({ cookie }) => getUsersByOrgUnitIdService({ orgUnitId, cookie }),
     options
   );