@akinon/next 1.45.0-rc.1 → 1.45.0-rc.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @akinon/next
 
+## 1.45.0-rc.3
+
+### Minor Changes
+
+- 948eb42: ZERO-2852: Add out of stock endpoints
+
+## 1.45.0-rc.2
+
+### Minor Changes
+
+- c45b62c: ZERO-2818: Add upload and download support for b2b package
+- f2c325c: ZERO-2838: Move file input component into @akinon/next
+
 ## 1.45.0-rc.1
 
 ### Minor Changes

package/components/file-input.tsx

@@ -0,0 +1,8 @@
+import { forwardRef } from 'react';
+import { FileInputProps } from '../types/index';
+
+export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
+  function fileInput(props, ref) {
+    return <input type="file" {...props} ref={ref} />;
+  }
+);

package/components/index.ts

@@ -19,3 +19,4 @@ export * from './trans';
 export * from './link';
 export * from './pagination';
 export * from './live-commerce';
+export * from './file-input';

package/data/client/b2b.ts

@@ -12,7 +12,9 @@ import {
   SaveBasketParams,
   UpdateProductParams,
   DeleteProductParams,
-  CreateQuotationParams
+  CreateQuotationParams,
+  BasketStatusResponse,
+  ExportBasketResponse
 } from '../../types';
 
 const b2bApi = api.injectEndpoints({
@@ -89,6 +91,34 @@ const b2bApi = api.injectEndpoints({
       }),
       invalidatesTags: ['BasketB2b', 'DraftsB2b']
     }),
+    exportBasket: build.mutation<ExportBasketResponse, string>({
+      query: (queryString) => {
+        return {
+          url: buildClientRequestUrl(b2b.basketExport(queryString)),
+          method: 'GET'
+        };
+      }
+    }),
+    getBasketStatus: build.mutation<BasketStatusResponse, string>({
+      query: (cacheKey) => {
+        return {
+          url: buildClientRequestUrl(b2b.statusBasket(cacheKey)),
+          method: 'GET'
+        };
+      }
+    }),
+    uploadFile: build.mutation<void, FormData>({
+      query: (body) => {
+        return {
+          url: buildClientRequestUrl(b2b.basketImport, {
+            useFormData: true
+          }),
+          method: 'POST',
+          body
+        };
+      },
+      invalidatesTags: ['BasketB2b']
+    })
   }),
   overrideExisting: true
 });
@@ -102,5 +132,8 @@ export const {
   useLoadBasketMutation,
   useUpdateProductMutation,
   useDeleteProductMutation,
-  useCreateQuotationMutation
+  useCreateQuotationMutation,
+  useGetBasketStatusMutation,
+  useExportBasketMutation,
+  useUploadFileMutation
 } = b2bApi;

package/data/client/wishlist.ts

@@ -1,4 +1,4 @@
-import { FavoriteItem } from '../../types';
+import { FavoriteItem, Product } from '../../types';
 import { buildClientRequestUrl } from '../../utils';
 import { api } from './api';
 import { wishlist } from '../urls';
@@ -55,6 +55,25 @@ interface GetStockAlertsResponse {
 interface DeleteStockAlertResponse {
   success: boolean;
 }
+interface GetCollectionOOSResponse {
+  count: number;
+  results: CollectionItem[];
+  next?: string | null;
+  previous?: string | null;
+}
+
+export interface CollectionItem {
+  pk: number;
+  status: string;
+  name: string;
+  slug: string;
+  items: Product[];
+}
+
+export interface CollectionItemsResponse {
+  pk: number;
+  product: Product;
+}
 
 export const wishlistApi = api.injectEndpoints({
   endpoints: (build) => ({
@@ -105,6 +124,50 @@ export const wishlistApi = api.injectEndpoints({
         method: 'DELETE'
       }),
       invalidatesTags: ['StockAlert']
+    }),
+    setCollectionOOS: build.mutation<
+      CollectionItem,
+      { name: string; status: string }
+    >({
+      query: ({ name, status = 'private' }) => ({
+        url: buildClientRequestUrl(wishlist.setCollection(), {
+          contentType: 'application/json'
+        }),
+        method: 'POST',
+        body: {
+          name,
+          status
+        }
+      })
+    }),
+    setCollectionItems: build.mutation<
+      CollectionItemsResponse,
+      { usercollection_id: number; product_id: number | number[] }
+    >({
+      query: ({ usercollection_id, product_id }) => ({
+        url: buildClientRequestUrl(wishlist.setCollectionItems, {
+          contentType: 'application/json'
+        }),
+        method: 'POST',
+        body: {
+          usercollection_id,
+          product_id
+        }
+      })
+    }),
+    getCollectionsOOS: build.query<
+      GetCollectionOOSResponse,
+      { search?: string; product_id?: number }
+    >({
+      query: ({ search, product_id }) => ({
+        url: buildClientRequestUrl(wishlist.getCollections(search, product_id))
+      })
+    }),
+    deleteCollection: build.query<void, number>({
+      query: (pk: number) => ({
+        url: buildClientRequestUrl(wishlist.deleteCollection(pk)),
+        method: 'DELETE'
+      })
     })
   }),
   overrideExisting: true
@@ -116,5 +179,10 @@ export const {
   useRemoveFavoriteMutation,
   useAddStockAlertMutation,
   useGetStockAlertsQuery,
-  useDeleteStockAlertMutation
+  useDeleteStockAlertMutation,
+  useSetCollectionOOSMutation,
+  useSetCollectionItemsMutation,
+  useGetCollectionsOOSQuery,
+  useLazyGetCollectionsOOSQuery,
+  useLazyDeleteCollectionQuery
 } = wishlistApi;

package/data/urls.ts

@@ -165,7 +165,14 @@ export const wishlist = {
     page?: number;
     limit?: number;
   }) => `/wishlists/product-alerts/?limit=${limit}&page=${page}`,
-  deleteStockAlert: (pk: number) => `/wishlists/product-alerts/${pk}/`
+  deleteStockAlert: (pk: number) => `/wishlists/product-alerts/${pk}/`,
+  setCollection: () => '/wishlists/user-collections/',
+  setCollectionItems: '/wishlists/user-collection-items/',
+  getCollections: (search?: string, product_id?: number) =>
+    `/wishlists/user-collections/?search=${search ? search : ''}&product_id=${
+      product_id ? product_id : ''
+    }`,
+  deleteCollection: (pk: number) => `/wishlists/user-collections/${pk}/`
 };
 
 export const user = {
@@ -191,7 +198,10 @@ export const b2b = {
   draftBaskets: '/b2b/basket/drafts/',
   divisions: '/b2b/my-divisions/',
   myQuotations: '/b2b/my-quotations/',
-  loadBasket: (id) => `/b2b/basket/${id}/load/`
+  loadBasket: (id) => `/b2b/basket/${id}/load/`,
+  statusBasket: (cacheKey) => `/b2b/basket/?status_cache_key=${cacheKey}`,
+  basketExport: (queryString) => `/b2b/basket/?upload=true&${queryString}`,
+  basketImport: '/b2b/basket/bulk-import/'
 };
 
 export const widgets = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/next",
   "description": "Core package for Project Zero Next",
-  "version": "1.45.0-rc.1",
+  "version": "1.45.0-rc.3",
   "private": false,
   "license": "MIT",
   "bin": {
@@ -30,7 +30,7 @@
     "set-cookie-parser": "2.6.0"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.45.0-rc.1",
+    "@akinon/eslint-plugin-projectzero": "1.45.0-rc.3",
     "@types/react-redux": "7.1.30",
     "@types/set-cookie-parser": "2.4.7",
     "@typescript-eslint/eslint-plugin": "6.7.4",

package/types/commerce/b2b.ts

@@ -72,7 +72,7 @@ export type BasketItemType = {
   divisions: BasketItemDivision[];
   product: ProductB2b;
   product_remote_id: number;
-}
+};
 
 export type BasketParams = {
   division: string;
@@ -91,7 +91,7 @@ export type CreateQuotationParams = {
 export type UpdateProductParams = {
   product_remote_id: number;
   division: number;
-  quantity: number
+  quantity: number;
 };
 
 export type DeleteProductParams = {
@@ -115,3 +115,13 @@ export type DraftResponse = {
   total_amount: number;
   total_quantity: number;
 };
+
+export type BasketStatusResponse = {
+  is_ready: boolean;
+  status: string;
+  url: string;
+};
+
+export type ExportBasketResponse = {
+  cache_key: string;
+};

package/types/index.ts

@@ -258,6 +258,8 @@ export interface ButtonProps
   appearance?: 'filled' | 'outlined' | 'ghost';
 }
 
+export type FileInputProps = React.HTMLProps<HTMLInputElement>;
+
 export interface PriceProps {
   currencyCode?: string;
   useCurrencySymbol?: boolean;