@springmicro/cart 0.2.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/index.js +5855 -5429
  2. package/dist/index.umd.cjs +68 -68
  3. package/package.json +3 -3
  4. package/springmicro-cart-0.2.3.tgz +0 -0
  5. package/src/AddToCartForm.tsx +2 -1
  6. package/src/CartButton.tsx +119 -48
  7. package/src/ProductCard.css +106 -0
  8. package/src/ProductCard.tsx +165 -0
  9. package/src/checkout/CheckoutList.css +93 -0
  10. package/src/checkout/CheckoutList.tsx +264 -0
  11. package/src/checkout/{Address.tsx → components/Address.tsx} +2 -2
  12. package/src/checkout/{Billing.tsx → components/Billing.tsx} +19 -12
  13. package/src/checkout/components/CartProductCard.css +67 -0
  14. package/src/checkout/components/CartProductCard.tsx +80 -0
  15. package/src/checkout/{index.tsx → components/index.tsx} +10 -3
  16. package/src/index.ts +11 -5
  17. package/src/types.d.ts +29 -4
  18. package/src/utils/api.ts +0 -1
  19. package/src/utils/cartAuthHandler.ts +2 -2
  20. package/src/utils/index.ts +1 -1
  21. package/src/utils/storage.ts +44 -9
  22. /package/src/checkout/{Order.tsx → components/Order.tsx} +0 -0
  23. /package/src/checkout/{ProviderLogos.tsx → components/ProviderLogos.tsx} +0 -0
package/src/utils/storage.ts CHANGED
@@ -14,6 +14,14 @@ export const cartStore = persistentAtom(
14
14
 
15
15
  export const apiPathDetails = atom<PathDetailsType>({});
16
16
 
17
+ function cartProductToCartDataItemIds(product: CartProduct) {
18
+ return {
19
+ ...product,
20
+ image: undefined,
21
+ name: undefined,
22
+ };
23
+ }
24
+
17
25
  apiPathDetails.listen((pathDetails) => {
18
26
  if (pathDetailsIsFullyDefined(pathDetails)) {
19
27
  // Runs on init if there is a user id and api key. Automatically logs in if userId is updated from undefined.
@@ -22,7 +30,8 @@ apiPathDetails.listen((pathDetails) => {
22
30
  cartStore.set(
23
31
  JSON.stringify({
24
32
  authentication: { loggedIn: true, user_id: cart.user_id },
25
- cart: JSON.parse((cart as any).cart),
33
+ items: JSON.parse((cart as any).items),
34
+ order: cart.order ? JSON.parse((cart as any).order) : undefined,
26
35
  })
27
36
  );
28
37
  });
@@ -35,7 +44,11 @@ apiPathDetails.listen((pathDetails) => {
35
44
 
36
45
  export function addToCart(p: CartProduct) {
37
46
  const cart: Cart = JSON.parse(cartStore.get());
38
- const newCart = { ...cart, cart: [...cart.cart, p] };
47
+ const newCart: Cart = {
48
+ ...cart,
49
+ items: [...cart.items, p],
50
+ order: undefined,
51
+ };
39
52
 
40
53
  const pathDetails = apiPathDetails.get();
41
54
  if (pathDetailsIsFullyDefined(pathDetails)) {
@@ -44,7 +57,7 @@ export function addToCart(p: CartProduct) {
44
57
  pathDetails,
45
58
  JSON.stringify({
46
59
  user_id: pathDetails.userId,
47
- cart: JSON.stringify(newCart.cart),
60
+ items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
48
61
  })
49
62
  ).then(async () => {
50
63
  cartStore.set(JSON.stringify(newCart));
@@ -55,11 +68,11 @@ export function addToCart(p: CartProduct) {
55
68
  }
56
69
 
57
70
  export function removeFromCart(i: number) {
58
- const cart = JSON.parse(cartStore.get());
71
+ const cart: Cart = JSON.parse(cartStore.get());
59
72
 
60
- const products: CartProduct[] = [...cart.cart];
73
+ const products: CartProduct[] = [...cart.items];
61
74
  products.splice(i, 1);
62
- const newCart = { ...cart, cart: products };
75
+ const newCart: Cart = { ...cart, items: products, order: undefined };
63
76
 
64
77
  const pathDetails = apiPathDetails.get();
65
78
  if (pathDetailsIsFullyDefined(pathDetails)) {
@@ -68,7 +81,7 @@ export function removeFromCart(i: number) {
68
81
 
69
82
  const body = {
70
83
  user_id: pathDetails.userId,
71
- cart: JSON.stringify(newCart.cart),
84
+ items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
72
85
  };
73
86
 
74
87
  fetchFromCartApi(
@@ -84,8 +97,8 @@ export function removeFromCart(i: number) {
84
97
  }
85
98
 
86
99
  export function clearCart() {
87
- const cart = JSON.parse(cartStore.get());
88
- const newCart = { ...cart, cart: [] };
100
+ const cart: Cart = JSON.parse(cartStore.get());
101
+ const newCart: Cart = { ...cart, items: [], order: undefined };
89
102
 
90
103
  const pathDetails = apiPathDetails.get();
91
104
  if (pathDetailsIsFullyDefined(pathDetails)) {
@@ -96,3 +109,25 @@ export function clearCart() {
96
109
  cartStore.set(JSON.stringify(newCart));
97
110
  }
98
111
  }
112
+
113
+ export function setOrder(order: { id: number; reference: string }) {
114
+ const cart: Cart = JSON.parse(cartStore.get());
115
+ const newCart: Cart = { ...cart, order };
116
+
117
+ const pathDetails = apiPathDetails.get();
118
+ if (pathDetailsIsFullyDefined(pathDetails)) {
119
+ fetchFromCartApi(
120
+ "PUT",
121
+ pathDetails,
122
+ JSON.stringify({
123
+ user_id: pathDetails.userId,
124
+ items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
125
+ order: JSON.stringify(order),
126
+ })
127
+ ).then(async () => {
128
+ cartStore.set(JSON.stringify(newCart));
129
+ });
130
+ } else {
131
+ cartStore.set(JSON.stringify(newCart));
132
+ }
133
+ }