@commercelayer/react-components 4.0.0-alpha.2 → 4.0.0-alpha.3

package/lib/esm/index.d.ts

@@ -6,75 +6,75 @@ export * from './components/addresses/AddressInput';
 export * from './components/addresses/AddressStateSelector';
 export * from './components/addresses/AddressesContainer';
 export * from './components/orders/AdjustmentAmount';
-export * from './components/AvailabilityContainer';
-export * from './components/AvailabilityTemplate';
-export * from './components/BillingAddressContainer';
-export * from './components/BillingAddressForm';
+export * from './components/skus/AvailabilityContainer';
+export * from './components/skus/AvailabilityTemplate';
+export * from './components/addresses/BillingAddressContainer';
+export * from './components/addresses/BillingAddressForm';
 export * from './components/orders/CartLink';
-export * from './components/CheckoutLink';
+export * from './components/orders/CheckoutLink';
 export * from './components/auth/CommerceLayer';
 export * from './components/customers/CustomerContainer';
 export * from './components/customers/CustomerField';
 export * from './components/customers/CustomerAddressForm';
 export * from './components/customers/CustomerInput';
-export * from './components/DeliveryLeadTime';
-export * from './components/DiscountAmount';
+export * from './components/skus/DeliveryLeadTime';
+export * from './components/orders/DiscountAmount';
 export * from './components/Errors';
 export * from './components/ExternalFunction';
-export * from './components/GiftCard';
+export * from './components/gift_cards/GiftCard';
 export * from './components/orders/GiftCardAmount';
-export * from './components/GiftCardContainer';
-export * from './components/GiftCardCurrencySelector';
-export * from './components/GiftCardInput';
-export * from './components/GiftCardOrCouponCode';
-export * from './components/GiftCardOrCouponForm';
-export * from './components/GiftCardOrCouponInput';
-export * from './components/GiftCardOrCouponRemoveButton';
-export * from './components/GiftCardOrCouponSubmit';
-export * from './components/ItemContainer';
-export * from './components/LineItem';
-export * from './components/LineItemAmount';
-export * from './components/LineItemCode';
-export * from './components/LineItemImage';
-export * from './components/LineItemName';
-export * from './components/LineItemOption';
-export * from './components/LineItemOptions';
-export * from './components/LineItemQuantity';
-export * from './components/LineItemRemoveLink';
-export * from './components/LineItemsContainer';
-export * from './components/LineItemsCount';
-export * from './components/LineItemsEmpty';
+export * from './components/gift_cards/GiftCardContainer';
+export * from './components/gift_cards/GiftCardCurrencySelector';
+export * from './components/gift_cards/GiftCardInput';
+export * from './components/gift_cards/GiftCardOrCouponCode';
+export * from './components/gift_cards/GiftCardOrCouponForm';
+export * from './components/gift_cards/GiftCardOrCouponInput';
+export * from './components/gift_cards/GiftCardOrCouponRemoveButton';
+export * from './components/gift_cards/GiftCardOrCouponSubmit';
+export * from './components/orders/ItemContainer';
+export * from './components/line_items/LineItem';
+export * from './components/line_items/LineItemAmount';
+export * from './components/line_items/LineItemCode';
+export * from './components/line_items/LineItemImage';
+export * from './components/line_items/LineItemName';
+export * from './components/line_items/LineItemOption';
+export * from './components/line_items/LineItemOptions';
+export * from './components/line_items/LineItemQuantity';
+export * from './components/line_items/LineItemRemoveLink';
+export * from './components/line_items/LineItemsContainer';
+export * from './components/line_items/LineItemsCount';
+export * from './components/line_items/LineItemsEmpty';
 export * from './components/MetadataInput';
 export * from './components/orders/OrderContainer';
 export * from './components/orders/OrderNumber';
 export * from './components/orders/OrderStorage';
 export * from './components/orders/OrderList';
 export * from './components/orders/OrderListRow';
-export * from './components/PaymentMethod';
-export * from './components/PaymentMethodAmount';
-export * from './components/PaymentMethodName';
-export * from './components/PaymentMethodPrice';
-export * from './components/PaymentMethodRadioButton';
-export * from './components/PaymentMethodsContainer';
-export * from './components/PaymentSource';
-export * from './components/PaymentSourceBrandIcon';
-export * from './components/PaymentSourceBrandName';
-export * from './components/PaymentSourceDetail';
-export * from './components/PaymentSourceEditButton';
+export * from './components/payment_methods/PaymentMethod';
+export * from './components/payment_methods/PaymentMethodAmount';
+export * from './components/payment_methods/PaymentMethodName';
+export * from './components/payment_methods/PaymentMethodPrice';
+export * from './components/payment_methods/PaymentMethodRadioButton';
+export * from './components/payment_methods/PaymentMethodsContainer';
+export * from './components/payment_sources/PaymentSource';
+export * from './components/payment_sources/PaymentSourceBrandIcon';
+export * from './components/payment_sources/PaymentSourceBrandName';
+export * from './components/payment_sources/PaymentSourceDetail';
+export * from './components/payment_sources/PaymentSourceEditButton';
 export * from './components/orders/PlaceOrderButton';
 export * from './components/orders/PlaceOrderContainer';
-export * from './components/Price';
-export * from './components/PricesContainer';
+export * from './components/prices/Price';
+export * from './components/prices/PricesContainer';
 export * from './components/orders/PrivacyAndTermsCheckbox';
-export * from './components/QuantitySelector';
-export * from './components/SaveAddressesButton';
-export * from './components/SaveCustomerButton';
+export * from './components/skus/QuantitySelector';
+export * from './components/addresses/SaveAddressesButton';
+export * from './components/customers/SaveCustomerButton';
 export * from './components/shipments/Shipment';
 export * from './components/shipments/ShipmentField';
 export * from './components/shipments/ShipmentsContainer';
-export * from './components/ShippingAddressContainer';
-export * from './components/ShippingAddressForm';
-export * from './components/ShippingAmount';
+export * from './components/addresses/ShippingAddressContainer';
+export * from './components/addresses/ShippingAddressForm';
+export * from './components/orders/ShippingAmount';
 export * from './components/shipping_methods/ShippingMethod';
 export * from './components/shipping_methods/ShippingMethodName';
 export * from './components/shipping_methods/ShippingMethodPrice';
@@ -87,21 +87,21 @@ export * from './components/skus/SkuOptionInput';
 export * from './components/skus/SkuOptionsContainer';
 export * from './components/skus/Skus';
 export * from './components/skus/SkusContainer';
-export * from './components/StockTransfer';
-export * from './components/StockTransferField';
+export * from './components/stock_transfers/StockTransfer';
+export * from './components/stock_transfers/StockTransferField';
 export * from './components/orders/SubTotalAmount';
 export * from './components/SubmitButton';
 export * from './components/orders/TaxesAmount';
 export * from './components/orders/TotalAmount';
-export * from './components/VariantSelector';
-export * from './components/VariantsContainer';
+export * from './components/skus/VariantSelector';
+export * from './components/skus/VariantsContainer';
 export type { CustomerCardsType } from './components/utils/PaymentCardsTemplate';
 export type { AddressCardsType } from './components/utils/AddressCardsTemplate';
 export type { AddToCartButtonType } from './components/orders/AddToCartButton';
 export type { ShippingMethodRadioButtonType, ShippingMethodRadioButtonOnChangeType, } from './components/shipping_methods/ShippingMethodRadioButton';
-export type { LineItemCodeType } from './components/LineItemCode';
-export type { LineItemNameType } from './components/LineItemName';
-export type { LineItemImageType } from './components/LineItemImage';
+export type { LineItemCodeType } from './components/line_items/LineItemCode';
+export type { LineItemNameType } from './components/line_items/LineItemName';
+export type { LineItemImageType } from './components/line_items/LineItemImage';
 export type { LineItemType } from './typings/index';
 export type { ErrorComponentProps, ResourceErrorType } from './typings/errors';
 export type { AddressCountrySelectName, AddressInputName, AddressStateSelectName, BaseInputType, } from './typings/index';

package/lib/esm/index.js

@@ -1 +1 @@
-export*from"./components/orders/AddToCartButton";export*from"./components/addresses/AddressCountrySelector";export*from"./components/addresses/Address";export*from"./components/addresses/AddressField";export*from"./components/addresses/AddressInput";export*from"./components/addresses/AddressStateSelector";export*from"./components/addresses/AddressesContainer";export*from"./components/orders/AdjustmentAmount";export*from"./components/AvailabilityContainer";export*from"./components/AvailabilityTemplate";export*from"./components/BillingAddressContainer";export*from"./components/BillingAddressForm";export*from"./components/orders/CartLink";export*from"./components/CheckoutLink";export*from"./components/auth/CommerceLayer";export*from"./components/customers/CustomerContainer";export*from"./components/customers/CustomerField";export*from"./components/customers/CustomerAddressForm";export*from"./components/customers/CustomerInput";export*from"./components/DeliveryLeadTime";export*from"./components/DiscountAmount";export*from"./components/Errors";export*from"./components/ExternalFunction";export*from"./components/GiftCard";export*from"./components/orders/GiftCardAmount";export*from"./components/GiftCardContainer";export*from"./components/GiftCardCurrencySelector";export*from"./components/GiftCardInput";export*from"./components/GiftCardOrCouponCode";export*from"./components/GiftCardOrCouponForm";export*from"./components/GiftCardOrCouponInput";export*from"./components/GiftCardOrCouponRemoveButton";export*from"./components/GiftCardOrCouponSubmit";export*from"./components/ItemContainer";export*from"./components/LineItem";export*from"./components/LineItemAmount";export*from"./components/LineItemCode";export*from"./components/LineItemImage";export*from"./components/LineItemName";export*from"./components/LineItemOption";export*from"./components/LineItemOptions";export*from"./components/LineItemQuantity";export*from"./components/LineItemRemoveLink";export*from"./components/LineItemsContainer";export*from"./components/LineItemsCount";export*from"./components/LineItemsEmpty";export*from"./components/MetadataInput";export*from"./components/orders/OrderContainer";export*from"./components/orders/OrderNumber";export*from"./components/orders/OrderStorage";export*from"./components/orders/OrderList";export*from"./components/orders/OrderListRow";export*from"./components/PaymentMethod";export*from"./components/PaymentMethodAmount";export*from"./components/PaymentMethodName";export*from"./components/PaymentMethodPrice";export*from"./components/PaymentMethodRadioButton";export*from"./components/PaymentMethodsContainer";export*from"./components/PaymentSource";export*from"./components/PaymentSourceBrandIcon";export*from"./components/PaymentSourceBrandName";export*from"./components/PaymentSourceDetail";export*from"./components/PaymentSourceEditButton";export*from"./components/orders/PlaceOrderButton";export*from"./components/orders/PlaceOrderContainer";export*from"./components/Price";export*from"./components/PricesContainer";export*from"./components/orders/PrivacyAndTermsCheckbox";export*from"./components/QuantitySelector";export*from"./components/SaveAddressesButton";export*from"./components/SaveCustomerButton";export*from"./components/shipments/Shipment";export*from"./components/shipments/ShipmentField";export*from"./components/shipments/ShipmentsContainer";export*from"./components/ShippingAddressContainer";export*from"./components/ShippingAddressForm";export*from"./components/ShippingAmount";export*from"./components/shipping_methods/ShippingMethod";export*from"./components/shipping_methods/ShippingMethodName";export*from"./components/shipping_methods/ShippingMethodPrice";export*from"./components/shipping_methods/ShippingMethodRadioButton";export*from"./components/skus/SkuField";export*from"./components/skus/SkuList";export*from"./components/skus/SkuListsContainer";export*from"./components/skus/SkuOption";export*from"./components/skus/SkuOptionInput";export*from"./components/skus/SkuOptionsContainer";export*from"./components/skus/Skus";export*from"./components/skus/SkusContainer";export*from"./components/StockTransfer";export*from"./components/StockTransferField";export*from"./components/orders/SubTotalAmount";export*from"./components/SubmitButton";export*from"./components/orders/TaxesAmount";export*from"./components/orders/TotalAmount";export*from"./components/VariantSelector";export*from"./components/VariantsContainer";
+export*from"./components/orders/AddToCartButton";export*from"./components/addresses/AddressCountrySelector";export*from"./components/addresses/Address";export*from"./components/addresses/AddressField";export*from"./components/addresses/AddressInput";export*from"./components/addresses/AddressStateSelector";export*from"./components/addresses/AddressesContainer";export*from"./components/orders/AdjustmentAmount";export*from"./components/skus/AvailabilityContainer";export*from"./components/skus/AvailabilityTemplate";export*from"./components/addresses/BillingAddressContainer";export*from"./components/addresses/BillingAddressForm";export*from"./components/orders/CartLink";export*from"./components/orders/CheckoutLink";export*from"./components/auth/CommerceLayer";export*from"./components/customers/CustomerContainer";export*from"./components/customers/CustomerField";export*from"./components/customers/CustomerAddressForm";export*from"./components/customers/CustomerInput";export*from"./components/skus/DeliveryLeadTime";export*from"./components/orders/DiscountAmount";export*from"./components/Errors";export*from"./components/ExternalFunction";export*from"./components/gift_cards/GiftCard";export*from"./components/orders/GiftCardAmount";export*from"./components/gift_cards/GiftCardContainer";export*from"./components/gift_cards/GiftCardCurrencySelector";export*from"./components/gift_cards/GiftCardInput";export*from"./components/gift_cards/GiftCardOrCouponCode";export*from"./components/gift_cards/GiftCardOrCouponForm";export*from"./components/gift_cards/GiftCardOrCouponInput";export*from"./components/gift_cards/GiftCardOrCouponRemoveButton";export*from"./components/gift_cards/GiftCardOrCouponSubmit";export*from"./components/orders/ItemContainer";export*from"./components/line_items/LineItem";export*from"./components/line_items/LineItemAmount";export*from"./components/line_items/LineItemCode";export*from"./components/line_items/LineItemImage";export*from"./components/line_items/LineItemName";export*from"./components/line_items/LineItemOption";export*from"./components/line_items/LineItemOptions";export*from"./components/line_items/LineItemQuantity";export*from"./components/line_items/LineItemRemoveLink";export*from"./components/line_items/LineItemsContainer";export*from"./components/line_items/LineItemsCount";export*from"./components/line_items/LineItemsEmpty";export*from"./components/MetadataInput";export*from"./components/orders/OrderContainer";export*from"./components/orders/OrderNumber";export*from"./components/orders/OrderStorage";export*from"./components/orders/OrderList";export*from"./components/orders/OrderListRow";export*from"./components/payment_methods/PaymentMethod";export*from"./components/payment_methods/PaymentMethodAmount";export*from"./components/payment_methods/PaymentMethodName";export*from"./components/payment_methods/PaymentMethodPrice";export*from"./components/payment_methods/PaymentMethodRadioButton";export*from"./components/payment_methods/PaymentMethodsContainer";export*from"./components/payment_sources/PaymentSource";export*from"./components/payment_sources/PaymentSourceBrandIcon";export*from"./components/payment_sources/PaymentSourceBrandName";export*from"./components/payment_sources/PaymentSourceDetail";export*from"./components/payment_sources/PaymentSourceEditButton";export*from"./components/orders/PlaceOrderButton";export*from"./components/orders/PlaceOrderContainer";export*from"./components/prices/Price";export*from"./components/prices/PricesContainer";export*from"./components/orders/PrivacyAndTermsCheckbox";export*from"./components/skus/QuantitySelector";export*from"./components/addresses/SaveAddressesButton";export*from"./components/customers/SaveCustomerButton";export*from"./components/shipments/Shipment";export*from"./components/shipments/ShipmentField";export*from"./components/shipments/ShipmentsContainer";export*from"./components/addresses/ShippingAddressContainer";export*from"./components/addresses/ShippingAddressForm";export*from"./components/orders/ShippingAmount";export*from"./components/shipping_methods/ShippingMethod";export*from"./components/shipping_methods/ShippingMethodName";export*from"./components/shipping_methods/ShippingMethodPrice";export*from"./components/shipping_methods/ShippingMethodRadioButton";export*from"./components/skus/SkuField";export*from"./components/skus/SkuList";export*from"./components/skus/SkuListsContainer";export*from"./components/skus/SkuOption";export*from"./components/skus/SkuOptionInput";export*from"./components/skus/SkuOptionsContainer";export*from"./components/skus/Skus";export*from"./components/skus/SkusContainer";export*from"./components/stock_transfers/StockTransfer";export*from"./components/stock_transfers/StockTransferField";export*from"./components/orders/SubTotalAmount";export*from"./components/SubmitButton";export*from"./components/orders/TaxesAmount";export*from"./components/orders/TotalAmount";export*from"./components/skus/VariantSelector";export*from"./components/skus/VariantsContainer";

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

@@ -49,6 +49,7 @@ export interface SaveAddresses {
         config: CommerceLayerConfig;
         state: AddressState;
         dispatch: Dispatch<AddressAction>;
+        getCustomerAddresses?: () => Promise<void>;
     }): Promise<void>;
 }
 export declare const setAddressErrors: SetAddressErrors;

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

@@ -1,16 +1,17 @@
-import { AdyenPaymentConfig } from '../components/AdyenPayment';
-import { BraintreeConfig } from '../components/BraintreePayment';
-import { PaypalConfig } from '../components/PaypalPayment';
-import { StripeConfig } from '../components/StripePayment';
-import { WireTransferConfig } from '../components/WireTransferPayment';
+import { AdyenPaymentConfig } from '../components/payment_sources/AdyenPayment';
+import { BraintreeConfig } from '../components/payment_sources/BraintreePayment';
+import { PaypalConfig } from '../components/payment_sources/PaypalPayment';
+import { StripeConfig } from '../components/payment_sources/StripePayment';
+import { WireTransferConfig } from '../components/payment_sources/WireTransferPayment';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { getOrderContext, updateOrder } from './OrderReducer';
 import { BaseError } from '../typings/errors';
 import { Order, PaymentMethod, StripePayment, WireTransfer, AdyenPayment, BraintreePayment, CheckoutComPayment, ExternalPayment, PaypalPayment, KlarnaPayment } from '@commercelayer/sdk';
 import { Dispatch, MutableRefObject } from 'react';
-import { CheckoutComConfig } from '../components/CheckoutComPayment';
+import { CheckoutComConfig } from '../components/payment_sources/CheckoutComPayment';
 export declare type PaymentSourceType = AdyenPayment | BraintreePayment | CheckoutComPayment | ExternalPayment | PaypalPayment | StripePayment | WireTransfer;
 declare type Card = {
+    type: string;
     brand: string;
     last4: string;
     exp_year: number;

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

@@ -1,15 +1,16 @@
-import { Dispatch } from 'react';
+import { Dispatch, RefObject } from 'react';
 import { BaseError } from '../typings/errors';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Order } from '@commercelayer/sdk';
 import { PaymentResource } from './PaymentMethodReducer';
 import { PaymentSourceType } from './PaymentMethodReducer';
-export declare type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted';
+export declare type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted' | 'setButtonRef';
 export declare type PlaceOrderOptions = {
     paypalPayerId?: string;
     adyen?: {
-        MD: string;
-        PaRes: string;
+        MD?: string;
+        PaRes?: string;
+        redirectResult?: string;
     };
     checkoutCom?: {
         session_id: string;
@@ -23,7 +24,9 @@ export interface PlaceOrderActionPayload {
     paymentId: string;
     paymentSource: PaymentSourceType;
     options?: PlaceOrderOptions;
+    placeOrderButtonRef?: RefObject<HTMLButtonElement>;
 }
+export declare function setButtonRef(ref: RefObject<HTMLButtonElement>, dispatch: Dispatch<PlaceOrderAction>): void;
 export declare type PlaceOrderState = Partial<PlaceOrderActionPayload>;
 export interface PlaceOrderAction {
     type: PlaceOrderActionType;

package/lib/esm/reducers/PlaceOrderReducer.js

@@ -1 +1 @@
-import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import{isDoNotShip,shipmentsFilled}from"../utils/shipments";import{saveBillingAddress,saveShippingAddress,saveToWallet}from"../utils/customerOrderOptions";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export const placeOrderInitialState={errors:[],isPermitted:!1},setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},placeOrderPermitted=async({config,order,dispatch,options})=>{if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=isDoNotShip(order.line_items),shipments=order.shipments,shipment=shipments&&shipmentsFilled(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&isEmpty(paymentMethod?.id)&&(isPermitted=!1),isEmpty(billingAddress)&&(isPermitted=!1),isEmpty(shippingAddress)&&!doNotShip&&(isPermitted=!1),!isEmpty(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}},setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource,setOrder,include})=>{const response={placed:!1};if(state&&config&&order){const sdk=getSdk(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch(saveBillingAddress()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),saveShippingAddress()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0}}}}catch(error){const errors=getErrors(error,"orders",paymentType);return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response};const type=["setErrors","setPlaceOrderPermitted"],placeOrderReducer=(state,reducer)=>baseReducer(state,reducer,type);export default placeOrderReducer;
+import baseReducer from"../utils/baseReducer";import isEmpty from"lodash/isEmpty";import{isDoNotShip,shipmentsFilled}from"../utils/shipments";import{saveBillingAddress,saveShippingAddress,saveToWallet}from"../utils/customerOrderOptions";import getSdk from"../utils/getSdk";import getErrors from"../utils/getErrors";export function setButtonRef(ref,dispatch){ref!=null&&ref.current!=null&&dispatch({type:"setButtonRef",payload:{placeOrderButtonRef:ref}})}export const placeOrderInitialState={errors:[],isPermitted:!1},setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})},placeOrderPermitted=async({config,order,dispatch,options})=>{if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address,shippingAddress=order.shipping_address,doNotShip=isDoNotShip(order.line_items),shipments=order.shipments,shipment=shipments&&shipmentsFilled(shipments),paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&isEmpty(paymentMethod?.id)&&(isPermitted=!1),isEmpty(billingAddress)&&(isPermitted=!1),isEmpty(shippingAddress)&&!doNotShip&&(isPermitted=!1),!isEmpty(shipments)&&!shipment&&(isPermitted=!1),paymentSource?.mismatched_amounts&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod?.payment_source_type,paymentSecret:paymentSource?.client_secret,paymentId:paymentSource?.options?.id,paymentSource,options}})}},setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource,setOrder,include})=>{const response={placed:!1};if(state&&config&&order){const sdk=getSdk(config),{options,paymentType}=state;try{if(paymentType==="paypal_payments"&&paymentSource){if(!options?.paypalPayerId&&paymentSource?.approval_url)return window.location.href=paymentSource?.approval_url,response;await sdk[paymentType].update({id:paymentSource.id,paypal_payer_id:options?.paypalPayerId})}if(paymentType==="checkout_com_payments"&&paymentSource&&options?.checkoutCom?.session_id){const payment=await sdk[paymentType].update({id:paymentSource.id,_details:!0,session_id:options?.checkoutCom?.session_id});if(payment?.payment_response?.status!=="Authorized"){const[action]=payment?.payment_response?.actions||[""];throw{errors:[{code:"PAYMENT_NOT_APPROVED_FOR_EXECUTION",message:action?.response_summary,resource:"orders",field:"checkout_com_payments"}]}}}const updateAttributes={id:order.id,_place:!0};switch(saveBillingAddress()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),saveShippingAddress()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":{saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0});const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),setOrderErrors&&setOrderErrors([]),{placed:!0}}default:{const orderUpdated=await sdk.orders.update(updateAttributes,{include});return setOrder&&setOrder(orderUpdated),saveToWallet()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),setOrderErrors&&setOrderErrors([]),{placed:!0}}}}catch(error){const errors=getErrors(error,"orders",paymentType);return setOrderErrors&&setOrderErrors(errors),{...response,errors}}}return response};const type=["setErrors","setPlaceOrderPermitted","setButtonRef"],placeOrderReducer=(state,reducer)=>baseReducer(state,reducer,type);export default placeOrderReducer;

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

@@ -1,5 +1,5 @@
 import { Sku } from '@commercelayer/sdk';
-import { VariantOption } from '../components/VariantSelector';
+import { VariantOption } from '../components/skus/VariantSelector';
 import { Dispatch } from 'react';
 import { CommerceLayerConfig } from '../context/CommerceLayerContext';
 import { Items, CustomLineItem, SetCustomLineItems } from './ItemReducer';

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

@@ -13,14 +13,14 @@ export interface BaseError {
 }
 export declare const REType: ResourceErrorType[];
 export declare const BaseErrorObject: PropTypes.Requireable<PropTypes.InferProps<{
-    code: PropTypes.Validator<CodeErrorType>;
+    code: PropTypes.Validator<NonNullable<CodeErrorType>>;
     message: PropTypes.Validator<string>;
     resource: PropTypes.Requireable<ResourceErrorType>;
     field: PropTypes.Requireable<string>;
     id: PropTypes.Requireable<string>;
 }>>;
 export declare const ErrorPropTypes: {
-    resource: PropTypes.Validator<ResourceErrorType>;
+    resource: PropTypes.Validator<NonNullable<ResourceErrorType>>;
     children: PropTypes.Requireable<(...args: any[]) => any>;
     field: PropTypes.Requireable<string>;
 };

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

@@ -1,4 +1,4 @@
-import { Dispatch, ForwardedRef, ReactNode, Ref } from 'react';
+import { Dispatch, ForwardedRef, Ref } from 'react';
 import PropTypes, { InferProps } from 'prop-types';
 import { BaseError } from './errors';
 export declare const BC: {
@@ -7,17 +7,17 @@ export declare const BC: {
     style: PropTypes.Requireable<object>;
     name: PropTypes.Requireable<string>;
 };
-export declare const PTLoader: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
+export declare const PTLoader: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
 export declare const BaseSelectComponentPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
+    options: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
+        value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         selected: PropTypes.Requireable<boolean>;
-    }>[]>;
+    }>>[]>;
     placeholder: PropTypes.Requireable<PropTypes.InferProps<{
         label: PropTypes.Validator<string>;
-        value: PropTypes.Validator<string | number>;
+        value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
     }>>;
     value: PropTypes.Requireable<string>;
     name: PropTypes.Validator<string>;
@@ -30,7 +30,7 @@ declare type Option = {
     disabled?: boolean;
 };
 export interface BaseSelectComponentProps {
-    children?: (props: BaseSelectChildrenComponentProps) => ReactNode;
+    children?: (props: BaseSelectChildrenComponentProps) => JSX.Element;
     options: Option[];
     placeholder?: Option;
     value?: string;
@@ -42,7 +42,7 @@ export interface BaseSelectComponentProps {
 export declare const BaseInputComponentPropTypes: {
     children: PropTypes.Requireable<(...args: any[]) => any>;
     name: PropTypes.Validator<string>;
-    type: PropTypes.Validator<BaseInputType>;
+    type: PropTypes.Validator<NonNullable<BaseInputType>>;
     onChange: PropTypes.Requireable<(...args: any[]) => any>;
     placeholder: PropTypes.Requireable<string>;
 };
@@ -52,7 +52,7 @@ declare type BaseInputChildrenComponentProps = Omit<BaseInputComponentProps, 'ch
 };
 export interface BaseInputComponentProps {
     ref?: Ref<any>;
-    children?: (props: BaseInputChildrenComponentProps) => ReactNode;
+    children?: (props: BaseInputChildrenComponentProps) => JSX.Element;
     name: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     placeholder?: string;
@@ -63,7 +63,7 @@ export declare type AddressInputName = 'billing_address_city' | 'billing_address
 export declare type AddressCountrySelectName = 'billing_address_country_code' | 'shipping_address_country_code' | 'customer_address_country_code';
 export declare type AddressStateSelectName = 'billing_address_state_code' | 'shipping_address_state_code' | 'customer_address_state_code';
 export declare type BaseInputType = 'checkbox' | 'date' | 'email' | 'number' | 'tel' | 'text' | 'textarea';
-export declare type LoaderType = string | ReactNode;
+export declare type LoaderType = string | JSX.Element;
 export declare const BMObject: PropTypes.Requireable<{
     [x: string]: string | null | undefined;
 }>;
@@ -116,14 +116,14 @@ 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) => ReactNode;
+    children?: (props: BaseAmountComponentChildren) => JSX.Element;
     format?: BaseFormatPrice;
     price?: string;
     priceCents?: number;
     labelFree?: string;
 } & JSX.IntrinsicElements['span'];
-export interface FunctionChildren<P = Record<string, any>> {
-    (props: P): ReactNode;
+export interface FunctionChildren<P> {
+    (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/getCardDetails.js

@@ -1 +1 @@
-export default function getCardDetails({paymentType,customerPayment}){switch(paymentType){case"checkout_com_payments":{const source=customerPayment.payment_source?.payment_response?.source;if(source)return{brand:source.scheme.toLowerCase(),exp_month:source.expiry_month,exp_year:source.expiry_year,last4:source.last4};break}case"stripe_payments":case"braintree_payments":{const source=customerPayment.payment_source?.options?.card;if(source)return{...source};break}case"adyen_payments":{const ps=customerPayment.payment_source,source=ps?.payment_request_data?.payment_method,authorized=ps?.payment_response?.resultCode==="Authorised";if(source&&authorized)return{...source,brand:source?.brand?source.brand:"credit-card"};break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}
+export default function getCardDetails({paymentType,customerPayment}){switch(paymentType){case"checkout_com_payments":{const source=customerPayment.payment_source?.payment_response?.source;if(source)return{brand:source.scheme.toLowerCase(),exp_month:source.expiry_month,exp_year:source.expiry_year,last4:source.last4};break}case"stripe_payments":case"braintree_payments":{const source=customerPayment.payment_source?.options?.card;if(source)return{...source};break}case"adyen_payments":{const ps=customerPayment.payment_source,source=ps?.payment_request_data?.payment_method,authorized=ps?.payment_response?.resultCode==="Authorised";if(source&&authorized){const brand=source.type==="scheme"?source.brand:source.type.replace("_account","");return{...source,brand}}break}default:{const source=customerPayment.payment_source?.metadata?.card;if(source)return{...source};break}}return{brand:"",exp_month:"**",exp_year:"**",last4:"****"}}

package/lib/esm/utils/getLoaderComponent.js

@@ -1 +1 @@
-import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";export default function getLoaderComponent(Loader){return typeof Loader=="function"?_jsx(Loader,{}):_jsx(_Fragment,{children:Loader})}
+import{Fragment as _Fragment,jsx as _jsx}from"react/jsx-runtime";export default function getLoaderComponent(Loader){return _jsx(_Fragment,{children:Loader})}

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

@@ -1,14 +1,14 @@
+/// <reference types="react" />
 import { Price } from '@commercelayer/sdk';
 import { Prices } from '../reducers/PriceReducer';
 import { Items } from '../reducers/ItemReducer';
-import { ReactNode } from 'react';
 import { PTemplateProps } from '../components/utils/PriceTemplate';
 export interface GetPriceByCode {
     (skuPrices: Price[], code: string): Price | undefined;
 }
 export declare const getPriceByCode: GetPriceByCode;
 export interface GetPricesComponent {
-    (skuPrices: Price[], props: PTemplateProps): ReactNode;
+    (skuPrices: Price[], props: PTemplateProps): JSX.Element | JSX.Element[];
 }
 export declare const getPricesComponent: GetPricesComponent;
 export interface GetPrices {

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

@@ -1,3 +1,3 @@
-import { PaypalConfig } from '../components/PaypalPayment';
+import { PaypalConfig } from '../components/payment_sources/PaypalPayment';
 import { PaymentResource, PaymentMethodConfig } from '../reducers/PaymentMethodReducer';
 export default function getPaypalConfig(paymentResource: PaymentResource, config: PaymentMethodConfig): Pick<PaypalConfig, 'return_url' | 'cancel_url'> | undefined;

package/lib/esm/utils/validateFormFields.js

@@ -1 +1 @@
-import isEmpty from"lodash/isEmpty";import isString from"lodash/isString";import without from"lodash/without";import keys from"lodash/keys";import map from"lodash/map";import get from"lodash/get";import{addressFields}from"../reducers/AddressReducer";const EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/;export const validateValue=(val,name,type,resourceType)=>val?type==="email"&&isString(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return map(fields,v=>{const isTick=!!get(v,"checked"),val=isTick||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.indexOf(attrName)!==-1||v.required){const error=validateValue(val,v.name,v.type,resourceType);isEmpty(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}};export const fieldsExist=(address,schema=addressFields)=>{if(address.business){const required=without(schema,"first_name","last_name"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=without(schema,"line_2","company"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}};const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];export function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}export default validateFormFields;
+import isEmpty from"lodash/isEmpty";import isString from"lodash/isString";import without from"lodash/without";import keys from"lodash/keys";import map from"lodash/map";import get from"lodash/get";import{addressFields}from"../reducers/AddressReducer";const EMAIL_PATTERN=/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$/;export const validateValue=(val,name,type,resourceType)=>val?type==="email"&&isString(val)&&!val.match(EMAIL_PATTERN)?{field:name,code:"VALIDATION_ERROR",message:`${name} - is not valid`,resourceType}:{}:{field:name,code:"VALIDATION_ERROR",message:`${name} - is required`,resourceType};const validateFormFields=(fields,required,resourceType)=>{const errors=[];let values={metadata:{}};return map(fields,v=>{const isTick=!!get(v,"checked"),val=isTick||(v.value==="on"?!1:v.value),attrName=v.getAttribute("name");if(attrName&&required.indexOf(attrName)!==-1||v.required){const error=validateValue(val,v.name,v.type,resourceType);isEmpty(error)||errors.push(error),values={...values,[`${v.name}`]:val}}v.getAttribute("name")&&(values=!!v.getAttribute("data-metadata")?{...values,metadata:{...values.metadata,[`${v.name}`]:val}}:{...values,[`${v.name}`]:val})}),{errors,values}};export const fieldsExist=(address,schema=addressFields)=>{if(address.business){const required=without(schema,"first_name","last_name","line_2"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}else{const required=without(schema,"line_2","company"),validAddress=keys(address).filter(k=>required.includes(k));return required.length>validAddress.length}};const businessOptionalFields=["billing_address_first_name","billing_address_last_name","shipping_address_first_name","shipping_address_last_name","first_name","last_name"],customerOptionalFields=["billing_address_company","shipping_address_company","company"];export function businessMandatoryField(fieldName,isBusiness){return!(isBusiness&&businessOptionalFields.includes(fieldName)||!isBusiness&&customerOptionalFields.includes(fieldName))}export default validateFormFields;