@commercelayer/react-components 4.0.0-alpha.8 → 4.0.0-beta.1

package/lib/esm/reducers/PaymentMethodReducer.d.ts

@@ -10,14 +10,14 @@ import { Order, PaymentMethod, StripePayment, WireTransfer, AdyenPayment, Braint
 import { Dispatch, MutableRefObject } from 'react';
 import { CheckoutComConfig } from '../components/payment_source/CheckoutComPayment';
 export declare type PaymentSourceType = AdyenPayment | BraintreePayment | CheckoutComPayment | ExternalPayment | PaypalPayment | StripePayment | WireTransfer;
-declare type Card = {
+interface Card {
     type: string;
     brand: string;
     last4: string;
     exp_year: number;
     exp_month: number;
-};
-export declare type PaymentSourceObject = {
+}
+export interface PaymentSourceObject {
     adyen_payments: AdyenPayment & {
         payment_request_data?: {
             payment_method?: Card;
@@ -51,7 +51,7 @@ export declare type PaymentSourceObject = {
         };
     };
     klarna_payments: KlarnaPayment;
-};
+}
 export declare type PaymentMethodActionType = 'setErrors' | 'setPaymentMethods' | 'setPaymentMethodConfig' | 'setPaymentSource' | 'setPaymentRef' | 'setLoading';
 export declare type PaymentRef = MutableRefObject<null | HTMLFormElement>;
 export interface PaymentMethodActionPayload {
@@ -64,7 +64,7 @@ export interface PaymentMethodActionPayload {
     paymentSource: PaymentSourceTypes;
     loading: boolean;
 }
-export declare function setLoading({ loading, dispatch, }: {
+export declare function setLoading({ loading, dispatch }: {
     loading: boolean;
     dispatch?: Dispatch<PaymentMethodAction>;
 }): void;
@@ -79,9 +79,7 @@ export interface PaymentMethodAction {
     payload: Partial<PaymentMethodActionPayload>;
 }
 export declare const paymentMethodInitialState: PaymentMethodState;
-export interface SetPaymentMethodErrors {
-    <V extends BaseError[]>(errors: V, dispatch?: Dispatch<PaymentMethodAction>): void;
-}
+export declare type SetPaymentMethodErrors = <V extends BaseError[]>(errors: V, dispatch?: Dispatch<PaymentMethodAction>) => void;
 export declare const setPaymentMethodErrors: SetPaymentMethodErrors;
 declare type GetPaymentMethods = (args: {
     order: Order;
@@ -118,7 +116,7 @@ export declare type SetPaymentSource = (args: {
     paymentSourceId?: string;
     customerPaymentSourceId?: string;
     updateOrder?: typeof updateOrder;
-} & PaymentMethodState) => Promise<PaymentSourceType | void>;
+} & PaymentMethodState) => Promise<PaymentSourceType | undefined>;
 export declare const setPaymentSource: SetPaymentSource;
 export declare type UpdatePaymentSource = (args: {
     id: string;
@@ -136,7 +134,7 @@ export declare type DestroyPaymentSource = (args: {
     orderId?: string;
 }) => Promise<void>;
 export declare const destroyPaymentSource: DestroyPaymentSource;
-export declare type PaymentMethodConfig = {
+export interface PaymentMethodConfig {
     stripePayment?: StripeConfig;
     braintreePayment?: BraintreeConfig;
     wireTransfer?: Partial<WireTransferConfig>;
@@ -144,7 +142,7 @@ export declare type PaymentMethodConfig = {
     adyenPayment?: AdyenPaymentConfig;
     checkoutComPayment?: CheckoutComConfig;
     klarnaPayment?: Pick<AdyenPaymentConfig, 'placeOrderCallback'> & Pick<StripeConfig, 'containerClassName'>;
-};
+}
 declare type SetPaymentMethodConfig = (config: PaymentMethodConfig, dispatch: Dispatch<PaymentMethodAction>) => void;
 export declare const setPaymentMethodConfig: SetPaymentMethodConfig;
 export declare function getPaymentConfig<K extends PaymentResourceKey>(paymentResource: PaymentResource, config: PaymentMethodConfig): PaymentMethodConfig[K];

package/lib/esm/reducers/PaymentMethodReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import getErrors,{setErrors}from"../utils/getErrors";import getSdk from"../utils/getSdk";import camelCase from"lodash/camelCase";import has from"lodash/has";import isEmpty from"lodash/isEmpty";export function setLoading({loading,dispatch}){dispatch&&dispatch({type:"setLoading",payload:{loading}})}export const setPaymentRef=({ref,dispatch})=>{ref&&dispatch&&dispatch({type:"setPaymentRef",payload:{currentPaymentMethodRef:ref}})},paymentMethodInitialState={errors:[]},setPaymentMethodErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},getPaymentMethods=async({order,dispatch})=>{const paymentMethods=order.available_payment_methods,paymentMethod=order.payment_method,paymentSource=order.payment_source;dispatch({type:"setPaymentMethods",payload:{paymentMethods,currentPaymentMethodId:paymentMethod?.id,currentPaymentMethodType:paymentMethod?.payment_source_type,paymentSource}})},setPaymentMethod=async({config,dispatch,order,paymentMethodId,updateOrder,setOrderErrors,paymentResource})=>{try{if(config&&order&&dispatch&&paymentResource){localStorage.removeItem("_save_payment_source_to_customer_wallet");const attributes={payment_method:getSdk(config).payment_methods.relationship(paymentMethodId)};updateOrder&&await updateOrder({id:order.id,attributes}),dispatch({type:"setPaymentMethods",payload:{currentPaymentMethodId:paymentMethodId,currentPaymentMethodType:paymentResource,errors:[]}}),setOrderErrors&&setOrderErrors([])}}catch(error){const errors=getErrors(error,"orders",paymentResource);console.error("Set payment method",errors)}},setPaymentSource=async({config,dispatch,getOrder,attributes={},order,paymentResource,customerPaymentSourceId,paymentSourceId,updateOrder,errors:currentErrors})=>{try{if(config&&order){let paymentSource;const sdk=getSdk(config);if(customerPaymentSourceId)updateOrder&&await updateOrder({id:order.id,attributes:{_customer_payment_source_id:customerPaymentSourceId}});else{if(paymentSourceId){const attrs={id:paymentSourceId,...attributes};paymentSource=await sdk[paymentResource].update(attrs)}else{const attrs={...attributes,order:sdk.orders.relationship(order.id)};paymentSource=await sdk[paymentResource].create(attrs)}return getOrder&&await getOrder(order.id),dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource,errors:[]}}),paymentSource}}}catch(error){const errors=getErrors(error,"payment_methods",paymentResource);console.error("Set payment source:",errors),dispatch&&setErrors({currentErrors,newErrors:errors,dispatch})}},updatePaymentSource=async({id,attributes,config,dispatch,paymentResource})=>{if(config)try{const paymentSource=await getSdk(config)[paymentResource].update({id,...attributes});dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource}})}catch(err){console.error("Update payment source:",err)}},destroyPaymentSource=async({paymentSourceId,paymentResource,dispatch})=>{paymentSourceId&&paymentResource&&dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},setPaymentMethodConfig=(config,dispatch)=>{dispatch({type:"setPaymentMethodConfig",payload:{config}})};export function getPaymentConfig(paymentResource,config){const resource=camelCase(paymentResource).replace("Payments","Payment").replace("Transfers","Transfer");return!isEmpty(config)&&has(config,resource)?config[resource]:void 0}const type=["setErrors","setPaymentMethodConfig","setPaymentMethods","setPaymentSource","setPaymentRef","setLoading"],paymentMethodReducer=(state,reducer)=>baseReducer(state,reducer,type);export default paymentMethodReducer;
+import baseReducer from"../utils/baseReducer";import getErrors,{setErrors}from"../utils/getErrors";import getSdk from"../utils/getSdk";import camelCase from"lodash/camelCase";import has from"lodash/has";import isEmpty from"lodash/isEmpty";export function setLoading({loading,dispatch}){dispatch&&dispatch({type:"setLoading",payload:{loading}})}export const setPaymentRef=({ref,dispatch})=>{ref&&dispatch&&dispatch({type:"setPaymentRef",payload:{currentPaymentMethodRef:ref}})},paymentMethodInitialState={errors:[],paymentMethods:void 0},setPaymentMethodErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},getPaymentMethods=async({order,dispatch})=>{const paymentMethods=order.available_payment_methods,paymentMethod=order.payment_method,paymentSource=order.payment_source;dispatch({type:"setPaymentMethods",payload:{paymentMethods,currentPaymentMethodId:paymentMethod?.id,currentPaymentMethodType:paymentMethod?.payment_source_type,paymentSource}})},setPaymentMethod=async({config,dispatch,order,paymentMethodId,updateOrder,setOrderErrors,paymentResource})=>{try{if(config&&order&&dispatch&&paymentResource){localStorage.removeItem("_save_payment_source_to_customer_wallet");const attributes={payment_method:getSdk(config).payment_methods.relationship(paymentMethodId)};updateOrder&&await updateOrder({id:order.id,attributes}),dispatch({type:"setPaymentMethods",payload:{currentPaymentMethodId:paymentMethodId,currentPaymentMethodType:paymentResource,errors:[]}}),setOrderErrors&&setOrderErrors([])}}catch(error){const errors=getErrors(error,"orders",paymentResource);console.error("Set payment method",errors)}},setPaymentSource=async({config,dispatch,getOrder,attributes,order,paymentResource,customerPaymentSourceId,paymentSourceId,updateOrder,errors:currentErrors})=>{try{if(config&&order){let paymentSource;const sdk=getSdk(config);if(customerPaymentSourceId)updateOrder&&await updateOrder({id:order.id,attributes:{_customer_payment_source_id:customerPaymentSourceId}});else{if(paymentSourceId){const attrs={id:paymentSourceId,...attributes};paymentSource=attributes!=null?await sdk[paymentResource].update(attrs):sdk[paymentResource].retrieve(paymentSourceId)}else{const attrs={...attributes,order:sdk.orders.relationship(order.id)};paymentSource=await sdk[paymentResource].create(attrs)}return getOrder&&await getOrder(order.id),dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource,errors:[]}}),paymentSource}}}catch(error){const errors=getErrors(error,"payment_methods",paymentResource);console.error("Set payment source:",errors),dispatch&&setErrors({currentErrors,newErrors:errors,dispatch})}},updatePaymentSource=async({id,attributes,config,dispatch,paymentResource})=>{if(config)try{const paymentSource=await getSdk(config)[paymentResource].update({id,...attributes});dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource}})}catch(err){console.error("Update payment source:",err)}},destroyPaymentSource=async({paymentSourceId,paymentResource,dispatch})=>{paymentSourceId&&paymentResource&&dispatch&&dispatch({type:"setPaymentSource",payload:{paymentSource:void 0}})},setPaymentMethodConfig=(config,dispatch)=>{dispatch({type:"setPaymentMethodConfig",payload:{config}})};export function getPaymentConfig(paymentResource,config){const resource=camelCase(paymentResource).replace("Payments","Payment").replace("Transfers","Transfer");return!isEmpty(config)&&has(config,resource)?config[resource]:void 0}const type=["setErrors","setPaymentMethodConfig","setPaymentMethods","setPaymentSource","setPaymentRef","setLoading"],paymentMethodReducer=(state,reducer)=>baseReducer(state,reducer,type);export default paymentMethodReducer;

package/lib/esm/reducers/PriceReducer.d.ts

@@ -2,42 +2,35 @@ import { BaseAction, LoaderType } from '../typings/index';
 import { Price } from '@commercelayer/sdk';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Dispatch } from 'react';
-import { ItemPrices } from './ItemReducer';
 import { BaseError } from '../typings/errors';
 export interface Prices {
     [key: string]: Price | Price[];
 }
 declare type SkuCodesPrice = string[];
-export interface SetSkuCodesPrice {
-    (skuCodes: SkuCodesPrice): void;
-}
 export interface PriceState {
     loading: boolean;
     prices: Prices;
     skuCodes: SkuCodesPrice;
     errors?: BaseError[];
     skuCode?: string;
-    setSkuCodes?: SetSkuCodesPrice;
+    setSkuCodes?: typeof setSkuCodes;
     loader?: LoaderType;
 }
 export interface PriceAction extends BaseAction {
     type: PriceActionType;
 }
 export declare const priceInitialState: PriceState;
-export interface GetSkusPrice {
-    (skuCodes: SkuCodesPrice, options: {
-        config: CommerceLayerConfig;
-        dispatch: Dispatch<PriceAction>;
-        setPrices: ((item: ItemPrices) => void) | undefined;
-        prices: ItemPrices;
-        perPage: number;
-        filters: Record<string, any>;
-    }): void;
-}
-export declare const getSkusPrice: GetSkusPrice;
-export interface UnsetPriceState {
-    (dispatch: Dispatch<PriceAction>): void;
-}
+export declare function setSkuCodes({ skuCodes, dispatch }: {
+    skuCodes: SkuCodesPrice;
+    dispatch?: Dispatch<PriceAction>;
+}): void;
+export declare function getSkusPrice(skuCodes: SkuCodesPrice, { config, dispatch, perPage, filters }: {
+    config: CommerceLayerConfig;
+    dispatch: Dispatch<PriceAction>;
+    perPage: number;
+    filters: Record<string, any>;
+}): void;
+export declare type UnsetPriceState = (dispatch: Dispatch<PriceAction>) => void;
 export declare const unsetPriceState: UnsetPriceState;
 export declare type PriceActionType = 'setLoading' | 'setPrices' | 'setSkuCodes' | 'setErrors';
 declare const priceReducer: (state: PriceState, reducer: PriceAction) => PriceState;

package/lib/esm/reducers/PriceReducer.js

@@ -1 +1 @@
-import getPrices from"../utils/getPrices";import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export const priceInitialState={loading:!0,prices:{},skuCodes:[],errors:[]},getSkusPrice=(skuCodes,{config,dispatch,setPrices,prices,perPage,filters})=>{let allPrices={};const sdk=getSdk(config);sdk.prices.list({filters:{sku_code_in:skuCodes.join(","),...filters},pageSize:perPage}).then(async response=>{const pricesObj=getPrices(response);allPrices={...allPrices,...prices,...pricesObj},setPrices&&setPrices(allPrices),dispatch({type:"setPrices",payload:{prices:allPrices}}),dispatch({type:"setLoading",payload:{loading:!1}});const meta=response.meta;if(meta.pageCount>1)for(let pageNumber=meta.currentPage+1;pageNumber<=meta.pageCount;pageNumber++){const pageResponse=await sdk.prices.list({filters:{sku_code_in:skuCodes.join(","),...filters},pageSize:perPage,pageNumber}),pricesObj2=getPrices(pageResponse);allPrices={...allPrices,...pricesObj2},setPrices&&setPrices(allPrices),dispatch({type:"setPrices",payload:{prices:allPrices}})}}).catch(error=>{const errors=getErrors(error,"prices");dispatch({type:"setErrors",payload:{errors}})})},unsetPriceState=dispatch=>{dispatch({type:"setPrices",payload:{prices:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})};const typeAction=["setLoading","setPrices","setSkuCodes","setErrors"],priceReducer=(state,reducer)=>baseReducer(state,reducer,typeAction);export default priceReducer;
+import getPrices from"../utils/getPrices";import baseReducer from"../utils/baseReducer";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export const priceInitialState={loading:!0,prices:{},skuCodes:[],errors:[]};export function setSkuCodes({skuCodes,dispatch}){dispatch&&dispatch({type:"setSkuCodes",payload:{skuCodes}})}export function getSkusPrice(skuCodes,{config,dispatch,perPage,filters}){let allPrices={};const sdk=getSdk(config);sdk.prices.list({filters:{sku_code_in:skuCodes.join(","),...filters},pageSize:perPage}).then(async response=>{const pricesObj=getPrices(response);allPrices={...allPrices,...pricesObj},dispatch({type:"setPrices",payload:{prices:allPrices}}),dispatch({type:"setLoading",payload:{loading:!1}});const meta=response.meta;if(meta.pageCount>1)for(let pageNumber=meta.currentPage+1;pageNumber<=meta.pageCount;pageNumber++){const pageResponse=await sdk.prices.list({filters:{sku_code_in:skuCodes.join(","),...filters},pageSize:perPage,pageNumber}),pricesObj2=getPrices(pageResponse);allPrices={...allPrices,...pricesObj2},dispatch({type:"setPrices",payload:{prices:allPrices}})}}).catch(error=>{const errors=getErrors(error,"prices");dispatch({type:"setErrors",payload:{errors}})})}export const unsetPriceState=dispatch=>{dispatch({type:"setPrices",payload:{prices:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})};const typeAction=["setLoading","setPrices","setSkuCodes","setErrors"],priceReducer=(state,reducer)=>baseReducer(state,reducer,typeAction);export default priceReducer;

package/lib/esm/reducers/SkuReducer.d.ts

@@ -10,12 +10,12 @@ export declare type SkuState = Partial<{
     skuCodes: string[];
 }>;
 export declare const skuInitialState: SkuState;
-declare type GetSku = {
+interface GetSku {
     config: CommerceLayerConfig;
     skus: string[];
     dispatch: Dispatch<SkuAction>;
     queryParams?: QueryParamsList;
-};
-export declare function getSku<T extends GetSku>({ config, skus, dispatch, queryParams, }: T): Promise<void>;
+}
+export declare function getSku<T extends GetSku>({ config, skus, dispatch, queryParams }: T): Promise<void>;
 export default function skuReducer(state: SkuState, reducer: SkuAction): SkuState;
 export {};

package/lib/esm/typings/errors.d.ts

@@ -27,7 +27,7 @@ export declare const ErrorPropTypes: {
 declare type ErrorChildrenComponentProps = ChildrenFunction<Omit<ErrorComponentProps, 'children'> & {
     errors: string[];
 }>;
-export declare type ErrorComponentProps = {
+export interface ErrorComponentProps {
     /**
      * Resource which caused the error
      */
@@ -40,12 +40,12 @@ export declare type ErrorComponentProps = {
     /**
      * Error message which you can translate
      */
-    messages?: {
+    messages?: Array<{
         code: CodeErrorType;
         message: string;
         resource?: ResourceErrorType;
         field?: string;
         id?: string;
-    }[];
-};
+    }>;
+}
 export {};

package/lib/esm/typings/index.d.ts

@@ -109,13 +109,13 @@ export declare const baseOrderComponentPricePropTypes: {
 export declare type BasePriceType = 'total' | 'option' | 'unit';
 export declare type BaseSelectorType = 'select' | 'radio';
 export declare type BaseAmountComponentChildren = Omit<BaseAmountComponent, 'children'>;
-export declare type BaseAmountComponent = {
-    children?: (props: BaseAmountComponentChildren) => JSX.Element;
+export interface BaseAmountComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+    children?: ChildrenFunction<BaseAmountComponentChildren>;
     format?: BaseFormatPrice;
     price?: string;
     priceCents?: number;
     labelFree?: string;
-} & JSX.IntrinsicElements['span'];
+}
 export declare type ChildrenFunction<P = Record<string, any>> = (props: P) => JSX.Element;
 export declare type ExcludeTag<T extends keyof JSX.IntrinsicElements> = Exclude<keyof JSX.IntrinsicElements, T>;
 export declare type ExtractTag<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements, T>;

package/lib/esm/utils/browserInfo.d.ts

@@ -1,4 +1,4 @@
-export default function getBrowserInfo(): {
+interface TReturn {
     screenWidth: string | number;
     screenHeight: string | number;
     colorDepth: string | number;
@@ -6,4 +6,7 @@ export default function getBrowserInfo(): {
     timeZoneOffset: number;
     language: string;
     javaEnabled: boolean;
-};
+}
+export default function getBrowserInfo(): TReturn;
+export declare function cleanUrlBy(symbol?: string): string;
+export {};

package/lib/esm/utils/browserInfo.js

@@ -1 +1 @@
-export default function getBrowserInfo(){const screenWidth=window&&window.screen?window.screen.width:"",screenHeight=window&&window.screen?window.screen.height:"",colorDepth=window&&window.screen?window.screen.colorDepth:"",userAgent=window&&window.navigator?window.navigator.userAgent:"",javaEnabled=window&&window.navigator?navigator.javaEnabled():!1;let language="";window&&window.navigator&&(language=window.navigator.language);const timeZoneOffset=new Date().getTimezoneOffset();return{screenWidth,screenHeight,colorDepth,userAgent,timeZoneOffset,language,javaEnabled}}
+export default function getBrowserInfo(){const screenWidth=window?.screen?window.screen.width:"",screenHeight=window?.screen?window.screen.height:"",colorDepth=window?.screen?window.screen.colorDepth:"",userAgent=window?.navigator?window.navigator.userAgent:"",javaEnabled=window?.navigator?navigator.javaEnabled():!1;let language="";window?.navigator&&(language=window.navigator.language);const timeZoneOffset=new Date().getTimezoneOffset();return{screenWidth,screenHeight,colorDepth,userAgent,timeZoneOffset,language,javaEnabled}}export function cleanUrlBy(symbol="&"){const currentLocation=window?.location.href,[splitLocation]=currentLocation.split(symbol);return splitLocation??currentLocation}

package/lib/esm/utils/getLineItemsCount.d.ts

@@ -1,10 +1,10 @@
 import type { LineItem } from '@commercelayer/sdk';
 import { LineItemType } from '../typings/index';
 export declare type TypeAccepted = Extract<LineItemType, 'skus' | 'gift_cards' | 'bundles' | 'adjustments'>;
-declare type Args = {
+interface Args {
     lineItems: LineItem[];
     quantity?: number;
     typeAccepted?: TypeAccepted[];
-};
-export default function getLineItemsCount({ lineItems, quantity, typeAccepted, }: Args): number;
+}
+export default function getLineItemsCount({ lineItems, quantity, typeAccepted }: Args): number;
 export {};

package/lib/esm/utils/getSdk.js

@@ -1 +1 @@
-import getOrganizationSlug from"./organization";import Sdk from"@commercelayer/sdk";export default function getSdk({endpoint,accessToken}){const org=getOrganizationSlug(endpoint);return Sdk({accessToken,...org})}
+import getOrganizationSlug from"./organization";import Sdk from"@commercelayer/sdk";export default function getSdk({endpoint,accessToken}){if(accessToken==null||endpoint==null)throw new Error("accessToken and endpoint are required parameters");const org=getOrganizationSlug(endpoint);return Sdk({accessToken,...org})}

package/lib/esm/utils/hooks/useCustomContext.d.ts

@@ -0,0 +1,21 @@
+import { Context } from 'react';
+interface TParams<C> {
+    /**
+     * Context to check
+     */
+    context: Context<C>;
+    /**
+     * Name of the component has the context
+     */
+    contextComponentName: string;
+    /**
+     * Name of the current component
+     */
+    currentComponentName: string;
+    /**
+     * Key of the context to check
+     */
+    key?: string;
+}
+export default function useCustomContext<T>({ context, key, currentComponentName, contextComponentName }: TParams<T>): T;
+export {};

package/lib/esm/utils/hooks/useCustomContext.js

@@ -0,0 +1 @@
+import{useContext}from"react";export default function useCustomContext({context,key,currentComponentName,contextComponentName}){const currentContext=useContext(context),isProduction=process.env.NODE_ENV==="production",msg=`Cannot use <${currentComponentName}/> outside of <${contextComponentName}/>`;if(key!=null&&key in currentContext||key==null&&currentContext!=null)return currentContext;if(isProduction)console.error(msg);else throw new Error(msg);return currentContext}