Skip to content

Commit c723c0c

Browse files
bc-nickbc-nick
committed
feat(payment): PAYPAL-4935 added CartActionCreator for handling/storing cart information
1 parent f39f018 commit c723c0c

File tree

12 files changed

+552
-1
lines changed

12 files changed

+552
-1
lines changed

‎packages/core/src/cart/cart-action-creator.ts‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import { createAction, createErrorAction, ThunkAction } from '@bigcommerce/data-store';
2+
import { Observable, Observer } from 'rxjs';
3+
4+
import { RequestOptions } from '@bigcommerce/checkout-sdk/payment-integration-api';
5+
6+
import { InternalCheckoutSelectors } from '../checkout';
7+
import { cachableAction } from '../common/data-store';
8+
import ActionOptions from '../common/data-store/action-options';
9+
10+
import { CartActionType, LoadCartAction } from './cart-actions';
11+
import CartRequestSender from './cart-request-sender';
12+
13+
export default class CartActionCreator {
14+
constructor(private _cartRequestSender: CartRequestSender) {}
15+
16+
@cachableAction
17+
loadCard(
18+
cartId: string,
19+
options?: RequestOptions & ActionOptions,
20+
): ThunkAction<LoadCartAction, InternalCheckoutSelectors> {
21+
return (store) => {
22+
return Observable.create((observer: Observer<LoadCartAction>) => {
23+
const state = store.getState();
24+
const host = state.config.getHost();
25+
26+
observer.next(createAction(CartActionType.LoadCartRequested, undefined));
27+
28+
this._cartRequestSender
29+
.loadCard(cartId, host, options)
30+
.then((response) => {
31+
observer.next(
32+
createAction(CartActionType.LoadCartSucceeded, response.body),
33+
);
34+
observer.complete();
35+
})
36+
.catch((response) => {
37+
observer.error(createErrorAction(CartActionType.LoadCartFailed, response));
38+
});
39+
});
40+
};
41+
}
42+
}

‎packages/core/src/cart/cart-actions.ts‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import { Action } from '@bigcommerce/data-store';
2+
3+
import Cart from './cart';
4+
5+
export enum CartActionType {
6+
LoadCartRequested = 'LOAD_CART_REQUESTED',
7+
LoadCartSucceeded = 'LOAD_CART_SUCCEEDED',
8+
LoadCartFailed = 'LOAD_CART_FAILED',
9+
}
10+
11+
export type LoadCartAction =
12+
| LoadCartRequestedAction
13+
| LoadCartSucceededAction
14+
| LoadCartFailedAction;
15+
16+
export interface LoadCartRequestedAction extends Action {
17+
type: CartActionType.LoadCartRequested;
18+
}
19+
20+
export interface LoadCartSucceededAction extends Action<Cart> {
21+
type: CartActionType.LoadCartSucceeded;
22+
}
23+
24+
export interface LoadCartFailedAction extends Action<Error> {
25+
type: CartActionType.LoadCartFailed;
26+
}

‎packages/core/src/cart/cart-reducer.ts‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import {
1313
import { ConsignmentAction, ConsignmentActionType } from '../shipping';
1414

1515
import Cart from './cart';
16+
import { CartActionType, LoadCartAction } from './cart-actions';
1617
import CartState, { CartErrorsState, CartStatusesState, DEFAULT_STATE } from './cart-state';
1718

1819
export default function cartReducer(state: CartState = DEFAULT_STATE, action: Action): CartState {
@@ -32,7 +33,8 @@ function dataReducer(
3233
| CheckoutAction
3334
| ConsignmentAction
3435
| CouponAction
35-
| GiftCertificateAction,
36+
| GiftCertificateAction
37+
| LoadCartAction,
3638
): Cart | undefined {
3739
switch (action.type) {
3840
case BillingAddressActionType.UpdateBillingAddressSucceeded:
@@ -48,6 +50,9 @@ function dataReducer(
4850
case GiftCertificateActionType.RemoveGiftCertificateSucceeded:
4951
return objectMerge(data, action.payload && action.payload.cart);
5052

53+
case CartActionType.LoadCartSucceeded:
54+
return objectMerge(data, action.payload && action.payload);
55+
5156
default:
5257
return data;
5358
}

‎packages/core/src/cart/cart-request-sender.ts‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ import { BuyNowCartRequestBody, Cart } from '@bigcommerce/checkout-sdk/payment-i
44

55
import { ContentType, RequestOptions, SDK_VERSION_HEADERS } from '../common/http-request';
66

7+
import { HeadlessCartRequestResponse, mapToCart } from './headless-cart';
8+
79
export default class CartRequestSender {
810
constructor(private _requestSender: RequestSender) {}
911

@@ -19,4 +21,41 @@ export default class CartRequestSender {
1921

2022
return this._requestSender.post(url, { body, headers, timeout });
2123
}
24+
25+
async loadCard(
26+
cartId: string,
27+
host?: string,
28+
options?: RequestOptions,
29+
): Promise<Response<Cart | undefined>> {
30+
const path = 'cart-information';
31+
const url = host ? `${host}/${path}` : `/${path}`;
32+
33+
const requestOptions: RequestOptions = {
34+
...options,
35+
params: {
36+
cartId,
37+
},
38+
};
39+
40+
return this._requestSender
41+
.get<HeadlessCartRequestResponse>(url, {
42+
...requestOptions,
43+
})
44+
.then(this.transformToCartResponse);
45+
}
46+
47+
private transformToCartResponse(
48+
response: Response<HeadlessCartRequestResponse>,
49+
): Response<Cart | undefined> {
50+
const {
51+
body: {
52+
data: { site },
53+
},
54+
} = response;
55+
56+
return {
57+
...response,
58+
body: mapToCart(site),
59+
};
60+
}
2261
}

‎packages/core/src/cart/headless-cart/headless-cart-request-response.ts‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import HeadlessCartResponse from './headless-cart';
2+
3+
export interface HeadlessCartRequestResponse {
4+
data: {
5+
site: HeadlessCartResponse;
6+
};
7+
}

‎packages/core/src/cart/headless-cart/headless-cart.ts‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
interface BaseFieldFragment {
2+
value: number;
3+
}
4+
5+
export interface HeadlessLineItem {
6+
name: string;
7+
entityId: string;
8+
quantity: number;
9+
productEntityId: number;
10+
brand: string;
11+
couponAmount: {
12+
value: number;
13+
};
14+
discountedAmount: {
15+
value: number;
16+
};
17+
discounts: Array<{
18+
discountedAmount: {
19+
value: number;
20+
};
21+
entityId: string;
22+
}>;
23+
extendedListPrice: {
24+
value: number;
25+
};
26+
extendedSalePrice: {
27+
value: number;
28+
};
29+
imageUrl: string;
30+
isTaxable: boolean;
31+
listPrice: {
32+
value: number;
33+
};
34+
originalPrice: {
35+
value: number;
36+
};
37+
salePrice: {
38+
value: number;
39+
};
40+
sku: string;
41+
url: string;
42+
variantEntityId: number;
43+
selectedOptions: Array<{
44+
__typename: string;
45+
value: string;
46+
valueEntityId: number;
47+
entityId: number;
48+
name: string;
49+
}>;
50+
}
51+
52+
interface HeadlessPhysicalItem extends HeadlessLineItem {
53+
isShippingRequired: boolean;
54+
giftWrapping?: {
55+
amount: {
56+
value: number;
57+
};
58+
message: string;
59+
name: string;
60+
} | null;
61+
}
62+
63+
interface HeadlessDigitalItem extends HeadlessLineItem {
64+
downloadFileUrls: string[];
65+
downloadPageUrl: string;
66+
downloadSize: string;
67+
}
68+
69+
export interface HeadlessCustomItem {
70+
entityId: string;
71+
listPrice: BaseFieldFragment;
72+
extendedListPrice: BaseFieldFragment;
73+
name: string;
74+
quantity: number;
75+
sku: string;
76+
}
77+
78+
export interface HeadlessGiftCertificates {
79+
amount: BaseFieldFragment;
80+
name: string;
81+
theme: string;
82+
entityId: string | number;
83+
isTaxable: boolean;
84+
message: string;
85+
sender: {
86+
email: string;
87+
name: string;
88+
};
89+
recipient: {
90+
email: string;
91+
name: string;
92+
};
93+
}
94+
95+
export interface HeadlessLineItems {
96+
physicalItems: HeadlessPhysicalItem[];
97+
digitalItems: HeadlessDigitalItem[];
98+
customItems: HeadlessCustomItem[];
99+
giftCertificates?: HeadlessGiftCertificates[];
100+
}
101+
102+
export default interface HeadlessCartResponse {
103+
cart?: {
104+
amount: BaseFieldFragment; // cart amount;
105+
baseAmount: BaseFieldFragment;
106+
entityId: string;
107+
id: string;
108+
createdAt: {
109+
utc: string;
110+
};
111+
updatedAt: {
112+
utc: string;
113+
};
114+
discounts: Array<{
115+
discountedAmount: BaseFieldFragment;
116+
entityId: string;
117+
}>;
118+
discountedAmount: BaseFieldFragment;
119+
isTaxIncluded: boolean;
120+
currencyCode: string;
121+
lineItems: HeadlessLineItems;
122+
};
123+
checkout?: {
124+
coupons: Array<{
125+
entityId: string;
126+
code: string;
127+
couponType: string;
128+
discountedAmount: {
129+
value: number;
130+
};
131+
}>;
132+
};
133+
}

‎packages/core/src/cart/headless-cart/index.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export { default as HeadlessCartResponse } from './headless-cart';
2+
export { default as mapToCart } from './map-to-cart';
3+
export { HeadlessCartRequestResponse } from './headless-cart-request-response';

‎packages/core/src/cart/headless-cart/map-to-cart-line-item.ts‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import { LineItem } from '../line-item';
2+
3+
import { HeadlessLineItem } from './headless-cart';
4+
5+
export default function mapToLineItem(lineItem: HeadlessLineItem): LineItem {
6+
const {
7+
entityId,
8+
name,
9+
quantity,
10+
productEntityId,
11+
brand,
12+
couponAmount,
13+
discountedAmount,
14+
discounts,
15+
extendedListPrice,
16+
extendedSalePrice,
17+
imageUrl,
18+
isTaxable,
19+
listPrice,
20+
salePrice,
21+
sku,
22+
url,
23+
variantEntityId,
24+
selectedOptions,
25+
} = lineItem;
26+
27+
return {
28+
id: entityId,
29+
name,
30+
quantity,
31+
productId: productEntityId,
32+
brand,
33+
couponAmount: couponAmount.value,
34+
discountAmount: discountedAmount.value,
35+
discounts: discounts.map((discount) => ({
36+
discountedAmount: discount.discountedAmount.value,
37+
// TODO:: discount item does not have name field in response body when making request using REST API, but there is name in interface, for a while set name as entityID
38+
name: discount.entityId,
39+
})),
40+
extendedListPrice: extendedListPrice.value,
41+
extendedSalePrice: extendedSalePrice.value,
42+
imageUrl,
43+
isTaxable,
44+
listPrice: listPrice.value,
45+
salePrice: salePrice.value,
46+
sku,
47+
url,
48+
variantId: variantEntityId,
49+
options: selectedOptions?.map((option) => ({
50+
name: option.name,
51+
nameId: option.entityId,
52+
value: option.value,
53+
valueId: option.valueEntityId,
54+
})),
55+
56+
// TODO:: we do not have any information regarding to fields below in the GraphQL Storefront doc
57+
addedByPromotion: false,
58+
comparisonPrice: 0,
59+
extendedComparisonPrice: 0,
60+
retailPrice: 0,
61+
};
62+
}

0 commit comments

Comments
 (0)