woocommerce/plugins/woocommerce-blocks/assets/js/data/checkout/actions.ts

120 lines
2.9 KiB
TypeScript
Raw Normal View History

Convert checkout context to data store - part 1 (https://github.com/woocommerce/woocommerce-blocks/pull/6232) * Add checkout data store * wip on checkout data store * CheckoutContext now uses the checkout store * Investigated and removed setting the redirectUrl on the default state * update extension and address hooks to use checkout data store * use checkout data store in checkout-processor and use-checkout-button * trim useCheckoutContext from use-payment-method-interface && use-store-cart-item-quantity * Remove useCheckoutContext from shipping provider * Remove isCalculating from state * Removed useCheckoutContext from lots of places * Remove useCheckoutContext from checkout-payment-block * Remove useCheckoutContext in checkout-shipping-methods-block and checkout-shipping-address-block * add isCart selector and action and update the checkoutstate context * Fixed redirectUrl bug by using thunks * Remove dispatchActions from checkout-state * Change SET_HAS_ERROR action to be neater * Thomas' feedback * Tidy up * Oops, deleted things I shouldn't have * Typescript * Fix types * Fix tests * Remove isCart * Update docs and remove unecessary getRedirectUrl() selector * set correct type for preloadedCheckoutData * Remove duplicate Address type * Fix missing addresses from type-defs index * Update docs/block-client-apis/checkout/checkout-api.md Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com> * Update docs/block-client-apis/checkout/checkout-api.md Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com> * Update docs * Update docs/block-client-apis/checkout/checkout-api.md Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com> * Update docs/block-client-apis/checkout/checkout-api.md Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com> * Revert feedback changes * REvert feedback formatting * Update docs formatting * Delete empty types.ts file * remove merge conflict from docs * Correct linting in docs Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com>
2022-06-10 16:33:15 +00:00
/**
* External dependencies
*/
import { CheckoutResponse, PaymentResult } from '@woocommerce/types';
/**
* Internal dependencies
*/
import { getPaymentResultFromCheckoutResponse } from '../../base/context/providers/cart-checkout/checkout-state/utils';
import { ACTION_TYPES as types } from './action-types';
export const setPristine = () => ( {
type: types.SET_PRISTINE,
} );
export const setIdle = () => ( {
type: types.SET_IDLE,
} );
export const setProcessing = () => ( {
type: types.SET_PROCESSING,
} );
export const setRedirectUrl = ( redirectUrl: string ) => ( {
type: types.SET_REDIRECT_URL,
redirectUrl,
} );
export const setProcessingResponse = ( data: PaymentResult ) => ( {
type: types.SET_PROCESSING_RESPONSE,
data,
} );
export const setComplete = ( data: Record< string, unknown > = {} ) => ( {
type: types.SET_COMPLETE,
data,
} );
export const setBeforeProcessing = () => ( {
type: types.SET_BEFORE_PROCESSING,
} );
export const setAfterProcessing = () => ( {
type: types.SET_AFTER_PROCESSING,
} );
export const processCheckoutResponse = ( response: CheckoutResponse ) => {
return async ( { dispatch }: { dispatch: React.Dispatch< Action > } ) => {
const paymentResult = getPaymentResultFromCheckoutResponse( response );
dispatch( setRedirectUrl( paymentResult?.redirectUrl || '' ) );
dispatch( setProcessingResponse( paymentResult ) );
dispatch( setAfterProcessing() );
};
};
export const setHasError = ( hasError = true ) => ( {
type: types.SET_HAS_ERROR,
hasError,
} );
export const incrementCalculating = () => ( {
type: types.INCREMENT_CALCULATING,
} );
export const decrementCalculating = () => ( {
type: types.DECREMENT_CALCULATING,
} );
export const setCustomerId = ( customerId: number ) => ( {
type: types.SET_CUSTOMER_ID,
customerId,
} );
export const setOrderId = ( orderId: number ) => ( {
type: types.SET_ORDER_ID,
orderId,
} );
export const setUseShippingAsBilling = ( useShippingAsBilling: boolean ) => ( {
type: types.SET_SHIPPING_ADDRESS_AS_BILLING_ADDRESS,
useShippingAsBilling,
} );
export const setShouldCreateAccount = ( shouldCreateAccount: boolean ) => ( {
type: types.SET_SHOULD_CREATE_ACCOUNT,
shouldCreateAccount,
} );
export const setOrderNotes = ( orderNotes: string ) => ( {
type: types.SET_ORDER_NOTES,
orderNotes,
} );
export const setExtensionData = (
extensionData: Record< string, Record< string, unknown > >
) => ( {
type: types.SET_EXTENSION_DATA,
extensionData,
} );
type Action = ReturnType<
| typeof setPristine
| typeof setIdle
| typeof setComplete
| typeof setProcessing
| typeof setProcessingResponse
| typeof setBeforeProcessing
| typeof setAfterProcessing
| typeof setRedirectUrl
| typeof setHasError
| typeof incrementCalculating
| typeof decrementCalculating
| typeof setCustomerId
| typeof setOrderId
| typeof setUseShippingAsBilling
| typeof setShouldCreateAccount
| typeof setOrderNotes
| typeof setExtensionData
>;