@commercelayer/react-components 4.0.0-alpha.11 → 4.0.0-alpha.12

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/VariantReducer.d.ts

@@ -4,25 +4,21 @@ import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';
 import { BaseError } from '../typings/errors';
-declare type SetSkuCodeVariantParams = {
+interface SetSkuCodeVariantParams {
     code: string;
     id: string;
     config: CommerceLayerConfig;
     dispatch: Dispatch<VariantAction>;
     setItem: ((item: Items) => void) | undefined;
     setItemSkuCode?: ((skuCode: string) => void) | undefined;
-};
-export interface SetSkuCodeVariant {
-    (params: SetSkuCodeVariantParams): void;
 }
-declare type SetVariantSkuCodesParams = {
+export declare type SetSkuCodeVariant = (params: SetSkuCodeVariantParams) => void;
+interface SetVariantSkuCodesParams {
     skuCodes: VariantOption[];
     dispatch: Dispatch<VariantAction>;
     setCustomLineItems?: SetCustomLineItems;
-};
-export interface SetVariantSkuCodes {
-    (params: SetVariantSkuCodesParams): void;
 }
+export declare type SetVariantSkuCodes = (params: SetVariantSkuCodesParams) => void;
 export interface VariantsObject {
     [key: string]: Sku;
 }
@@ -49,21 +45,17 @@ export interface VariantAction {
     payload: VariantPayload;
 }
 export declare const setVariantSkuCodes: SetVariantSkuCodes;
-export interface UnsetVariantState {
-    (dispatch: Dispatch<VariantAction>): void;
-}
+export declare type UnsetVariantState = (dispatch: Dispatch<VariantAction>) => void;
 export declare const setSkuCode: SetSkuCodeVariant;
-declare type GetVariantsParams = {
+interface GetVariantsParams {
     config: CommerceLayerConfig;
     state: VariantState;
     skuCode: string;
     dispatch: Dispatch<VariantAction>;
     filters: Record<string, any>;
     setItem: ((item: Items) => void) | undefined;
-};
-export interface GetVariants {
-    (params: GetVariantsParams): void;
 }
+export declare type GetVariants = (params: GetVariantsParams) => void;
 export declare const getVariants: GetVariants;
 export declare const unsetVariantState: UnsetVariantState;
 export declare const variantInitialState: VariantState;

package/lib/esm/reducers/VariantReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes,dispatch,setCustomLineItems})=>{const lineItems={},sCodes=skuCodes.map(s=>(has(s,"lineItem")&&(lineItems[s.code]=s.lineItem),s.code));isEmpty(lineItems)||setCustomLineItems&&setCustomLineItems(lineItems),dispatch({type:"setSkuCodes",payload:{skuCodes:sCodes}})},setSkuCode=params=>{const{id,code,config,setItem,dispatch,setItemSkuCode}=params;id&&getSdk(config).skus.retrieve(id,{include:["sku_options"]}).then(sku=>{setItem&&setItem({[`${code}`]:sku}),setItemSkuCode&&setItemSkuCode(code)}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},getVariants=params=>{const{config,state,skuCode,dispatch,setItem,filters}=params;getSdk(config).skus.list({filters:{code_in:state.skuCodes.join(","),...filters}}).then(skus=>{const skusObj=getSkus(skus,state.skuCodes);skuCode&&setSkuCode({code:skusObj[skuCode].code,id:skusObj[skuCode].id,config,dispatch,setItem}),dispatch({type:"setVariants",payload:{variants:skusObj}}),dispatch({type:"setLoading",payload:{loading:!1}})}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},unsetVariantState=dispatch=>{dispatch({type:"setSkuCode",payload:{skuCode:""}}),dispatch({type:"setVariants",payload:{variants:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})},variantInitialState={loading:!1,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:!1,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"],variantReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default variantReducer;
+import baseReducer from"../utils/baseReducer";import getSkus from"../utils/getSkus";import{isEmpty,has}from"lodash";import getSdk from"../utils/getSdk";export const setVariantSkuCodes=({skuCodes,dispatch,setCustomLineItems})=>{const lineItems={},sCodes=skuCodes.map(s=>(has(s,"lineItem")&&(lineItems[s.code]=s.lineItem),s.code));!isEmpty(lineItems)&&setCustomLineItems&&setCustomLineItems(lineItems),dispatch({type:"setSkuCodes",payload:{skuCodes:sCodes}})},setSkuCode=params=>{const{id,code,config,setItem,dispatch,setItemSkuCode}=params;id&&getSdk(config).skus.retrieve(id,{include:["sku_options"]}).then(sku=>{setItem&&setItem({[`${code}`]:sku}),setItemSkuCode&&setItemSkuCode(code)}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},getVariants=params=>{const{config,state,skuCode,dispatch,setItem,filters}=params;getSdk(config).skus.list({filters:{code_in:state.skuCodes.join(","),...filters}}).then(skus=>{const skusObj=getSkus(skus,state.skuCodes);skuCode&&setSkuCode({code:skusObj[skuCode].code,id:skusObj[skuCode].id,config,dispatch,setItem}),dispatch({type:"setVariants",payload:{variants:skusObj}}),dispatch({type:"setLoading",payload:{loading:!1}})}).catch(errors=>{dispatch({type:"setErrors",payload:{errors}})})},unsetVariantState=dispatch=>{dispatch({type:"setSkuCode",payload:{skuCode:""}}),dispatch({type:"setVariants",payload:{variants:{}}}),dispatch({type:"setLoading",payload:{loading:!1}})},variantInitialState={loading:!1,variants:{},skuCodes:[],skuCode:"",errors:[],currentSkuId:"",currentSkuInventory:{available:!1,quantity:0,levels:[]},currentQuantity:1,currentPrices:[]};const actionType=["setLoading","setVariants","setSkuCodes","setSkuCode","setCurrentSkuId","setCurrentSkuInventory","setCurrentPrices","setErrors"],variantReducer=(state,reducer)=>baseReducer(state,reducer,actionType);export default variantReducer;

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/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}