merchi_cart 1.3.5 → 1.3.6

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 (142) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +134 -134
  3. package/esm/CartProvider.js +32 -19
  4. package/esm/components/CustomCartProductForm.js +3 -3
  5. package/esm/components/product-form-sdk-externals.js +3 -3
  6. package/esm/components/title.js +28 -0
  7. package/esm/forms/FormShipmentAddressAndNotes.js +48 -31
  8. package/esm/forms/InputsAddress.js +2 -2
  9. package/esm/slices/sliceCart.js +193 -0
  10. package/esm/slices/sliceCartAlert.js +43 -0
  11. package/esm/slices/sliceCartItem.js +30 -0
  12. package/esm/slices/sliceCartPayment.js +47 -0
  13. package/esm/slices/sliceCartShipment.js +72 -0
  14. package/esm/slices/sliceFormReturningCustomer.js +24 -0
  15. package/esm/slices/sliceNewCustomerForm.js +23 -0
  16. package/esm/square/SquareCard.js +9 -9
  17. package/esm/square/actions.js +53 -0
  18. package/esm/square/slices/reducersSquare.js +8 -0
  19. package/esm/square/slices/sliceSquareAlerts.js +34 -0
  20. package/esm/square/slices/sliceSquareForm.js +30 -0
  21. package/esm/store.js +1007 -0
  22. package/esm/stripe/slices/sliceStripeAlerts.js +34 -0
  23. package/esm/stripe/slices/sliceStripeCardForm.js +8 -0
  24. package/esm/stripe/slices/sliceStripeForm.js +57 -0
  25. package/esm/utilities/address.js +14 -0
  26. package/esm/utilities/currency.js +7 -7
  27. package/esm/utilities/customForm.js +4 -4
  28. package/lib/CartProvider.js +31 -18
  29. package/lib/components/CustomCartProductForm.js +3 -3
  30. package/lib/components/product-form-sdk-externals.js +3 -3
  31. package/lib/components/title.js +36 -0
  32. package/lib/forms/FormShipmentAddressAndNotes.js +47 -30
  33. package/lib/forms/InputsAddress.js +2 -2
  34. package/lib/slices/sliceCart.js +200 -0
  35. package/lib/slices/sliceCartAlert.js +49 -0
  36. package/lib/slices/sliceCartItem.js +36 -0
  37. package/lib/slices/sliceCartPayment.js +53 -0
  38. package/lib/slices/sliceCartShipment.js +78 -0
  39. package/lib/slices/sliceFormReturningCustomer.js +30 -0
  40. package/lib/slices/sliceNewCustomerForm.js +29 -0
  41. package/lib/square/SquareCard.js +9 -9
  42. package/lib/square/actions.js +61 -0
  43. package/lib/square/slices/reducersSquare.js +15 -0
  44. package/lib/square/slices/sliceSquareAlerts.js +40 -0
  45. package/lib/square/slices/sliceSquareForm.js +36 -0
  46. package/lib/store.js +1027 -0
  47. package/lib/stripe/slices/sliceStripeAlerts.js +40 -0
  48. package/lib/stripe/slices/sliceStripeCardForm.js +15 -0
  49. package/lib/stripe/slices/sliceStripeForm.js +63 -0
  50. package/lib/utilities/address.js +15 -0
  51. package/lib/utilities/currency.js +7 -7
  52. package/lib/utilities/customForm.js +4 -4
  53. package/package.json +104 -104
  54. package/src/Cart.tsx +96 -96
  55. package/src/CartAlert.tsx +35 -35
  56. package/src/CartHeader.tsx +28 -28
  57. package/src/CartProvider.tsx +998 -986
  58. package/src/CartTotals.tsx +102 -102
  59. package/src/buttons/Button.tsx +35 -35
  60. package/src/buttons/ButtonBack.tsx +42 -42
  61. package/src/buttons/ButtonClearCart.tsx +17 -17
  62. package/src/buttons/ButtonInvoiceDownload.tsx +60 -60
  63. package/src/buttons/ButtonNext.tsx +35 -35
  64. package/src/buttons/ButtonNextDynamic.tsx +31 -31
  65. package/src/buttons/ButtonOpenCartMerchiCartModal.tsx +61 -61
  66. package/src/buttons/ButtonPay.tsx +32 -32
  67. package/src/buttons/ButtonShipmentTabNext.tsx +24 -24
  68. package/src/buttons/index.ts +15 -15
  69. package/src/components/Alert.tsx +31 -31
  70. package/src/components/CartBody.tsx +16 -16
  71. package/src/components/CartClient.tsx +52 -52
  72. package/src/components/CartFooter.tsx +15 -15
  73. package/src/components/CartItemRow.tsx +212 -212
  74. package/src/components/CartPaymentSettingsInvalid.tsx +12 -12
  75. package/src/components/CartShipment.tsx +56 -56
  76. package/src/components/CartTabContent.tsx +15 -15
  77. package/src/components/CartTabPanel.tsx +25 -25
  78. package/src/components/CartTableContainer.tsx +15 -15
  79. package/src/components/CartTitle.tsx +22 -22
  80. package/src/components/CartTotalsListGroup.tsx +58 -58
  81. package/src/components/Collapse.tsx +23 -23
  82. package/src/components/CustomCartProductForm.tsx +123 -123
  83. package/src/components/DiscountInputGroup.tsx +160 -160
  84. package/src/components/LoadingTemplate.tsx +22 -22
  85. package/src/components/NoCartItems.tsx +20 -20
  86. package/src/components/ShipmentGroupCard.tsx +170 -170
  87. package/src/components/Table.tsx +15 -15
  88. package/src/components/containers.tsx +40 -40
  89. package/src/components/index.ts +36 -36
  90. package/src/components/product-form-sdk-externals.ts +65 -65
  91. package/src/forms/FormNewCustomer.tsx +169 -169
  92. package/src/forms/FormReturningCustomer.tsx +116 -116
  93. package/src/forms/FormShipmentAddressAndNotes.tsx +165 -163
  94. package/src/forms/FormSquarePayment.tsx +19 -19
  95. package/src/forms/FormStripePayment.tsx +19 -19
  96. package/src/forms/InputAcceptUserTermsAndConditions.tsx +43 -43
  97. package/src/forms/InputError.tsx +23 -23
  98. package/src/forms/InputSelect.tsx +58 -58
  99. package/src/forms/InputText.tsx +56 -56
  100. package/src/forms/InputsAddress.tsx +205 -205
  101. package/src/forms/index.ts +14 -14
  102. package/src/index.ts +31 -31
  103. package/src/modals.tsx +65 -65
  104. package/src/panels/PanelCartItems.tsx +56 -56
  105. package/src/panels/PanelCartShipment.tsx +86 -86
  106. package/src/panels/PanelClearCart.tsx +50 -50
  107. package/src/panels/PanelClientCheckout.tsx +117 -117
  108. package/src/panels/PanelEditCartItem.tsx +172 -172
  109. package/src/panels/PanelPaymentSuccess.tsx +66 -66
  110. package/src/panels/index.ts +15 -15
  111. package/src/square/SquareCard.tsx +84 -84
  112. package/src/stripe/StripeCardFields.tsx +173 -173
  113. package/src/stripe/StripeCardForm.tsx +91 -91
  114. package/src/stripe/StripePaymentButtons.tsx +117 -117
  115. package/src/stripe/actions.ts +94 -94
  116. package/src/stripe/utils.ts +22 -22
  117. package/src/styles/globals.css +319 -0
  118. package/src/styles/globals.css.map +1 -0
  119. package/src/styles/globals.scss +307 -307
  120. package/src/tabs/CartNav.tsx +18 -18
  121. package/src/tabs/NavTab.tsx +36 -36
  122. package/src/types/assets.d.ts +4 -4
  123. package/src/types/index.ts +15 -15
  124. package/src/types/merchi_product_form/index.d.ts +1 -1
  125. package/src/types/merchi_sdk_ts/index.d.ts +1 -1
  126. package/src/types/react-geosuggest/index.d.ts +1 -1
  127. package/src/utilities/address.ts +364 -351
  128. package/src/utilities/cart.ts +80 -80
  129. package/src/utilities/company.ts +8 -8
  130. package/src/utilities/cookie.ts +58 -58
  131. package/src/utilities/currency.ts +216 -216
  132. package/src/utilities/customForm.ts +71 -71
  133. package/src/utilities/helpers.ts +213 -213
  134. package/src/utilities/index.ts +14 -14
  135. package/src/utilities/invoice.ts +60 -60
  136. package/src/utilities/job.ts +13 -13
  137. package/src/utilities/local_storage.ts +130 -130
  138. package/src/utilities/product.ts +14 -14
  139. package/src/utilities/shipment.ts +11 -11
  140. package/src/utilities/tabs.ts +38 -38
  141. package/src/utilities/user.ts +33 -33
  142. package/src/utilities/variations.ts +56 -56
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2024 Merchi
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2024 Merchi
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,134 +1,134 @@
1
- # merchi_cart
2
- Merchi's cart
3
-
4
-
5
- ## Table of Contents
6
-
7
- - [Installation](#installation)
8
- - [Usage](#usage)
9
- - [Props](#props)
10
-
11
- ## Installation
12
-
13
- ```bash
14
- npm install merchi_cart
15
-
16
- or
17
-
18
- yarn add merchi_cart
19
- ```
20
-
21
- ### Usage
22
- context functions:
23
-
24
- components:
25
- ButtonOpenCart
26
- ButtonListWrappedOpenCart
27
- MerchiCart
28
- MerchiCartModal
29
- MerchiShoppingCartModal
30
-
31
- context functions:
32
- setCartComplete - Resets the cart
33
- refetchCart - refetches the cart
34
- createCartAndCookie - clears and resets the cart with a new cookie
35
- getCartShipmentOptions - refetches the cart shipment options
36
-
37
- window functions:
38
- addCartItem - takes job json and creates a cart item
39
- getCart - fetches the cart
40
- getMerchiCartValues - retruns the following:
41
- cart
42
- cartItemsCount
43
- currency
44
- subtotalCost
45
- taxAmount
46
- totalCost
47
- isMerchiCartFetching - checks the fetching state of the cart
48
- setCartComplete - Resets the cart
49
- toggleCartOpen - open close cart modal
50
- refetchCart - refetches the cart
51
- createCartAndCookie = clears and resets the cart with a new cookie
52
-
53
-
54
- ### Props
55
-
56
- | Name | Type | Default | Description |
57
- |-----------------------------------------------|------------|-----------------------------------------------------------------------------|---------------------------------------|
58
- | `cart` | `cartJson Object || undefined`| `"{}"` | `Pass in a cart to init the cart state in the provider`|
59
- | `classNameAlertError` | `string?` | `"alert alert-danger"` | `Class for alert error` |
60
- | `classNameAlertInfo` | `string?` | `"alert alert-info"` | `Class for alert info` |
61
- | `classNameAlertSuccess` | `string?` | `"alert alert-success"` | `Class for alert success` |
62
- | `classNameAlertWarning` | `string?` | `"alert alert-warning"` | `Class for alert warning` |
63
- | `classNameBtn` | `string?` | `"btn"` | `Base class for button elements` |
64
- | `classNameBtnBack` | `string?` | `"btn-lg btn-default pull-left"` | `Class for back button` |
65
- | `classNameBtnCartClear` | `string?` | `"btn-lg btn-danger mr-auto"` | `Class for clear cart button` |
66
- | `classNameBtnClose` | `string?` | `"btn-close"` | `Class for close button element` |
67
- | `classNameBtnDanger` | `string?` | `"btn btn-md btn-danger"` | `Class for button danger element` |
68
- | `classNameBtnDownloadInvoice` | `string?` | `"btn btn-lg btn-primary"` | `Class for button download element` |
69
- | `classNameBtnLink` | `string?` | `"btn-md btn-link"` | `Class for link button elements` |
70
- | `classNameBtnNext` | `string?` | `"btn-lg btn-primary"` | `Class for next button` |
71
- | `classNameBtnNextComplete` | `string?` | `"btn-lg btn-success"` | `Class for next button completed` |
72
- | `classNameBtnPay` | `string?` | `"btn-lg btn-primary width-full"` | `Class for pay button completed` |
73
- | `classNameBtnPrimary` | `string?` | `"btn btn-md btn-primary"` | `Class for edit cart item button` |
74
- | `classNameBtnEditCartItem` | `string?` | `"btn btn-md btn-primary ml-auto"` | `Class for primary button completed` |
75
- | `classNameCartBody` | `string?` | `"merchi-cart-body"` | `Class for cart body container` |
76
- | `classNameCartFooter` | `string?` | `"merchi-cart-footer"` | `Class for cart footer container` |
77
- | `classNameCartFormGroup` | `string?` | `"form-group merchi-form-group"` | `Class for form group element` |
78
- | `classNameCartFormGroupButton` | `string?` | `"merchi-form-group-button"` | `Class for form group button` |
79
- | `classNameCartFormGroupCheckbox` | `string?` | `"form-check"` | `Class for form group checkbox` |
80
- | `classNameCartFormInput` | `string?` | `"form-control"` | `Class for form input` |
81
- | `classNameCartFormLabelCheckbox` | `string?` | `""` | `Class for form input checkbpx label` |
82
- | `classNameCartFormCheckbox` | `string?` | `"form-check-input"` | `Class for form input checkbpx` |
83
- | `classNameCartHeader` | `string?` | `"merchi-cart-header"` | `Class for cart header container` |
84
- | `classNameCartInputError` | `string?` | `"text-danger"` | `Class for form error` |
85
- | `classNameCartNav` | `string?` | `"nav merchi-nav-tabs merchi-nav merchi-nav-fill merchi-nav-pills"` | `Class for cart nav` |
86
- | `classNameNoItems` | `string?` | `"merchi-no-cart-items"` | `Class for no items in cart` |
87
- | `classNameCartGoogleSuggestList` | `string?` | `"list-group m-b-0"` | `Class for google suggest list` |
88
- | `classNameCartGoogleSuggestListItem` | `string?` | `"list-group-item cursor-pointer"` | `Class for google suggest list item` |
89
- | `classNameCartItemFeatureImage` | `string?` | `"img-rounded m-10"` | `Class for cart item feature image` |
90
- | `classNameCartItemInfo` | `string?` | `"text-muted font-weight-normal font-italic"` | `Class for cart item info element` |
91
- | `classNameCartItemInfoCell` | `string?` | `"border-0 align-middle"` | `Class for cart item cell` |
92
- | `classNameCartItemInfoCellRight` | `string?` | `"border-0 align-middle text-right"` | `Class for cart item cell right align`|
93
- | `classNameCartItemInfoContainer` | `string?` | `"ml-3 d-inline-block align-middle"` | `Class for cart item info container` |
94
- | `classNameCartRow` | `string?` | `"merchi-row"` | `Class for row element` |
95
- | `classNameCartRowColumn` | `string?` | `"merchi-column"` | `Class for row column element` |
96
- | `classNameTableContainer` | `string?` | `"table-responsive"` | `Class for cart table container` |
97
- | `classNameCartTab` | `string?` | `"merchi-tab-content"` | `Class for cart tab container` |
98
- | `classNameCartTabItem` | `string?` | `"nav-item merchi-nav-item"` | `Class for cart tab item` |
99
- | `classNameCartTabItemLink` | `string?` | `"merchi-nav-link"` | `Class for cart tab item link |`
100
- | `classNameCartTitle` | `string?` | `"merchi-cart-title"` | `Class for cart Title container` |
101
- | `classNameCartTotalContainer` | `string?` | `"merchi-cart-total-container"` | `Class for totals container elements` |
102
- | `classNameCartToggleIconButton` | `string?` | `"cart-icon-button-class"` | `Class for toggle modal button` |
103
- | `classNameCartTotalItem` | `string?` | `"merchi-cart-total-item"` | `Class for totals item elements` |
104
- | `classNameCartTotalItemPrice` | `string?` | `"merchi-cart-total-item-price"` | `Class for totals item price elements`|
105
- | `classNameClearCartContainer` | `string?` | `"merchi-cart-clear-container"` | `Class cart clear container` |
106
- | `classNameClearCartText` | `string?` | `"merchi-cart-clear-text"` | `Class cart clear text container` |
107
- | `classNameListClientInfo` | `string?` | `"merchi-cart-client-info-list"` | `Class for client info list` |
108
- | `classNameListContainer` | `string?` | `"pb-2"` | `Class for list conatiner element` |
109
- | `classNameCartTotaListContainer` | `string?` | `"merchi-cart-total-list-container"` | `Class for list conatiner for cart totlas element`|
110
- | `classNameListItem` | `string?` | `"list-group-item"` | `Class for list item elements` |
111
- | `classNameListItemCartTotals` | `string?` | `"list-group-item d-flex justify-content-between align-items-center"` | `Class for list item cart totals elements`|
112
- | `classNameList` | `string?` | `"list-group"` | `Class for list elements` |
113
- | `classNameListInline` | `string?` | `"list-inline"` | `Class for list inline elements` |
114
- | `classNameListUnstyles` | `string?` | `"list-unstyled"` | `Class for list unstyled elements` |
115
- | `classNameLoadingTemplate` | `string?` | `"merchi-loading-template"` | `Class for loading elements` |
116
- | `classNameLoadingTemplateContainer` | `string?` | `"merchi-loading-template-container"` | `Class for loading container elements`|
117
- | `classNameShipmentOption` | `string?` | `"merchi-shipment-option"` | `Class for shipment option element` |
118
- | `classNameTable` | `string?` | `"table"` | `Class for table elements` |
119
- | `classNameVariationsList` | `string?` | `"list-unstyled list-inline"` | `Class for variation info` |
120
- | `customSuccessMessage` | `string?` | `undefined` | `A message to display on payment success` |
121
- | `domainId` | `number` | `undefined` | `The merchi domain/store id for the cart` |
122
- | `footer` | `ReactElement`| `undefined` | `A customer footer component` |
123
- | `hideHead` | `boolean` | `false` | `hides the cart head title and close` |
124
- | `includeTheme` | `boolean?` | `false` | `If true will fetch and apply the store theme to the page` |
125
- | `initialiseCart` | `boolean?` | `true` | `If true will initial fetch cart and set cart function on window`|
126
- | `onClickClose` | `() => void?`| `() => console.log('close merchi cart!')` | `a function to close the cart` |
127
- | `setIsCartModalOpen` | `(isOpen: boolean) => void?`| `() => console.log('close merchi cart!')` | `a function to open/close cart modal wrapper`|
128
- | `isCartModalOpen` | `boolean` | `false` | `a boolean value to control the cart modal open/closed`|
129
- | `productFormClassNames` | `obj` | `{}` | `An object to be passsed to the merchi_product_form `|
130
- | `showUserTermsAndConditions` | `boolean?` | `true` | `Display the user t&cs for Merchi` |
131
- | `showCartItemInfo` | `boolean?` | `true` | `Will display the cart item info in the cart items table`|
132
- | `apiUrl` | `string?` | `'https://api.merchi.co/v6/'` | `URL to connect to the Merchi API` |
133
- | `urlFrontend` | `string?` | `'https://merchi.co/'` | `URL to redirect users to a frontend` |
134
- | `urlTrackingPage` | `string?` | `undefined` | `URL used on the thankyou page for tracking`|
1
+ # merchi_cart
2
+ Merchi's cart
3
+
4
+
5
+ ## Table of Contents
6
+
7
+ - [Installation](#installation)
8
+ - [Usage](#usage)
9
+ - [Props](#props)
10
+
11
+ ## Installation
12
+
13
+ ```bash
14
+ npm install merchi_cart
15
+
16
+ or
17
+
18
+ yarn add merchi_cart
19
+ ```
20
+
21
+ ### Usage
22
+ context functions:
23
+
24
+ components:
25
+ ButtonOpenCart
26
+ ButtonListWrappedOpenCart
27
+ MerchiCart
28
+ MerchiCartModal
29
+ MerchiShoppingCartModal
30
+
31
+ context functions:
32
+ setCartComplete - Resets the cart
33
+ refetchCart - refetches the cart
34
+ createCartAndCookie - clears and resets the cart with a new cookie
35
+ getCartShipmentOptions - refetches the cart shipment options
36
+
37
+ window functions:
38
+ addCartItem - takes job json and creates a cart item
39
+ getCart - fetches the cart
40
+ getMerchiCartValues - retruns the following:
41
+ cart
42
+ cartItemsCount
43
+ currency
44
+ subtotalCost
45
+ taxAmount
46
+ totalCost
47
+ isMerchiCartFetching - checks the fetching state of the cart
48
+ setCartComplete - Resets the cart
49
+ toggleCartOpen - open close cart modal
50
+ refetchCart - refetches the cart
51
+ createCartAndCookie = clears and resets the cart with a new cookie
52
+
53
+
54
+ ### Props
55
+
56
+ | Name | Type | Default | Description |
57
+ |-----------------------------------------------|------------|-----------------------------------------------------------------------------|---------------------------------------|
58
+ | `cart` | `cartJson Object || undefined`| `"{}"` | `Pass in a cart to init the cart state in the provider`|
59
+ | `classNameAlertError` | `string?` | `"alert alert-danger"` | `Class for alert error` |
60
+ | `classNameAlertInfo` | `string?` | `"alert alert-info"` | `Class for alert info` |
61
+ | `classNameAlertSuccess` | `string?` | `"alert alert-success"` | `Class for alert success` |
62
+ | `classNameAlertWarning` | `string?` | `"alert alert-warning"` | `Class for alert warning` |
63
+ | `classNameBtn` | `string?` | `"btn"` | `Base class for button elements` |
64
+ | `classNameBtnBack` | `string?` | `"btn-lg btn-default pull-left"` | `Class for back button` |
65
+ | `classNameBtnCartClear` | `string?` | `"btn-lg btn-danger mr-auto"` | `Class for clear cart button` |
66
+ | `classNameBtnClose` | `string?` | `"btn-close"` | `Class for close button element` |
67
+ | `classNameBtnDanger` | `string?` | `"btn btn-md btn-danger"` | `Class for button danger element` |
68
+ | `classNameBtnDownloadInvoice` | `string?` | `"btn btn-lg btn-primary"` | `Class for button download element` |
69
+ | `classNameBtnLink` | `string?` | `"btn-md btn-link"` | `Class for link button elements` |
70
+ | `classNameBtnNext` | `string?` | `"btn-lg btn-primary"` | `Class for next button` |
71
+ | `classNameBtnNextComplete` | `string?` | `"btn-lg btn-success"` | `Class for next button completed` |
72
+ | `classNameBtnPay` | `string?` | `"btn-lg btn-primary width-full"` | `Class for pay button completed` |
73
+ | `classNameBtnPrimary` | `string?` | `"btn btn-md btn-primary"` | `Class for edit cart item button` |
74
+ | `classNameBtnEditCartItem` | `string?` | `"btn btn-md btn-primary ml-auto"` | `Class for primary button completed` |
75
+ | `classNameCartBody` | `string?` | `"merchi-cart-body"` | `Class for cart body container` |
76
+ | `classNameCartFooter` | `string?` | `"merchi-cart-footer"` | `Class for cart footer container` |
77
+ | `classNameCartFormGroup` | `string?` | `"form-group merchi-form-group"` | `Class for form group element` |
78
+ | `classNameCartFormGroupButton` | `string?` | `"merchi-form-group-button"` | `Class for form group button` |
79
+ | `classNameCartFormGroupCheckbox` | `string?` | `"form-check"` | `Class for form group checkbox` |
80
+ | `classNameCartFormInput` | `string?` | `"form-control"` | `Class for form input` |
81
+ | `classNameCartFormLabelCheckbox` | `string?` | `""` | `Class for form input checkbpx label` |
82
+ | `classNameCartFormCheckbox` | `string?` | `"form-check-input"` | `Class for form input checkbpx` |
83
+ | `classNameCartHeader` | `string?` | `"merchi-cart-header"` | `Class for cart header container` |
84
+ | `classNameCartInputError` | `string?` | `"text-danger"` | `Class for form error` |
85
+ | `classNameCartNav` | `string?` | `"nav merchi-nav-tabs merchi-nav merchi-nav-fill merchi-nav-pills"` | `Class for cart nav` |
86
+ | `classNameNoItems` | `string?` | `"merchi-no-cart-items"` | `Class for no items in cart` |
87
+ | `classNameCartGoogleSuggestList` | `string?` | `"list-group m-b-0"` | `Class for google suggest list` |
88
+ | `classNameCartGoogleSuggestListItem` | `string?` | `"list-group-item cursor-pointer"` | `Class for google suggest list item` |
89
+ | `classNameCartItemFeatureImage` | `string?` | `"img-rounded m-10"` | `Class for cart item feature image` |
90
+ | `classNameCartItemInfo` | `string?` | `"text-muted font-weight-normal font-italic"` | `Class for cart item info element` |
91
+ | `classNameCartItemInfoCell` | `string?` | `"border-0 align-middle"` | `Class for cart item cell` |
92
+ | `classNameCartItemInfoCellRight` | `string?` | `"border-0 align-middle text-right"` | `Class for cart item cell right align`|
93
+ | `classNameCartItemInfoContainer` | `string?` | `"ml-3 d-inline-block align-middle"` | `Class for cart item info container` |
94
+ | `classNameCartRow` | `string?` | `"merchi-row"` | `Class for row element` |
95
+ | `classNameCartRowColumn` | `string?` | `"merchi-column"` | `Class for row column element` |
96
+ | `classNameTableContainer` | `string?` | `"table-responsive"` | `Class for cart table container` |
97
+ | `classNameCartTab` | `string?` | `"merchi-tab-content"` | `Class for cart tab container` |
98
+ | `classNameCartTabItem` | `string?` | `"nav-item merchi-nav-item"` | `Class for cart tab item` |
99
+ | `classNameCartTabItemLink` | `string?` | `"merchi-nav-link"` | `Class for cart tab item link |`
100
+ | `classNameCartTitle` | `string?` | `"merchi-cart-title"` | `Class for cart Title container` |
101
+ | `classNameCartTotalContainer` | `string?` | `"merchi-cart-total-container"` | `Class for totals container elements` |
102
+ | `classNameCartToggleIconButton` | `string?` | `"cart-icon-button-class"` | `Class for toggle modal button` |
103
+ | `classNameCartTotalItem` | `string?` | `"merchi-cart-total-item"` | `Class for totals item elements` |
104
+ | `classNameCartTotalItemPrice` | `string?` | `"merchi-cart-total-item-price"` | `Class for totals item price elements`|
105
+ | `classNameClearCartContainer` | `string?` | `"merchi-cart-clear-container"` | `Class cart clear container` |
106
+ | `classNameClearCartText` | `string?` | `"merchi-cart-clear-text"` | `Class cart clear text container` |
107
+ | `classNameListClientInfo` | `string?` | `"merchi-cart-client-info-list"` | `Class for client info list` |
108
+ | `classNameListContainer` | `string?` | `"pb-2"` | `Class for list conatiner element` |
109
+ | `classNameCartTotaListContainer` | `string?` | `"merchi-cart-total-list-container"` | `Class for list conatiner for cart totlas element`|
110
+ | `classNameListItem` | `string?` | `"list-group-item"` | `Class for list item elements` |
111
+ | `classNameListItemCartTotals` | `string?` | `"list-group-item d-flex justify-content-between align-items-center"` | `Class for list item cart totals elements`|
112
+ | `classNameList` | `string?` | `"list-group"` | `Class for list elements` |
113
+ | `classNameListInline` | `string?` | `"list-inline"` | `Class for list inline elements` |
114
+ | `classNameListUnstyles` | `string?` | `"list-unstyled"` | `Class for list unstyled elements` |
115
+ | `classNameLoadingTemplate` | `string?` | `"merchi-loading-template"` | `Class for loading elements` |
116
+ | `classNameLoadingTemplateContainer` | `string?` | `"merchi-loading-template-container"` | `Class for loading container elements`|
117
+ | `classNameShipmentOption` | `string?` | `"merchi-shipment-option"` | `Class for shipment option element` |
118
+ | `classNameTable` | `string?` | `"table"` | `Class for table elements` |
119
+ | `classNameVariationsList` | `string?` | `"list-unstyled list-inline"` | `Class for variation info` |
120
+ | `customSuccessMessage` | `string?` | `undefined` | `A message to display on payment success` |
121
+ | `domainId` | `number` | `undefined` | `The merchi domain/store id for the cart` |
122
+ | `footer` | `ReactElement`| `undefined` | `A customer footer component` |
123
+ | `hideHead` | `boolean` | `false` | `hides the cart head title and close` |
124
+ | `includeTheme` | `boolean?` | `false` | `If true will fetch and apply the store theme to the page` |
125
+ | `initialiseCart` | `boolean?` | `true` | `If true will initial fetch cart and set cart function on window`|
126
+ | `onClickClose` | `() => void?`| `() => console.log('close merchi cart!')` | `a function to close the cart` |
127
+ | `setIsCartModalOpen` | `(isOpen: boolean) => void?`| `() => console.log('close merchi cart!')` | `a function to open/close cart modal wrapper`|
128
+ | `isCartModalOpen` | `boolean` | `false` | `a boolean value to control the cart modal open/closed`|
129
+ | `productFormClassNames` | `obj` | `{}` | `An object to be passsed to the merchi_product_form `|
130
+ | `showUserTermsAndConditions` | `boolean?` | `true` | `Display the user t&cs for Merchi` |
131
+ | `showCartItemInfo` | `boolean?` | `true` | `Will display the cart item info in the cart items table`|
132
+ | `apiUrl` | `string?` | `'https://api.merchi.co/v6/'` | `URL to connect to the Merchi API` |
133
+ | `urlFrontend` | `string?` | `'https://merchi.co/'` | `URL to redirect users to a frontend` |
134
+ | `urlTrackingPage` | `string?` | `undefined` | `URL used on the thankyou page for tracking`|
@@ -25,7 +25,7 @@ import { cartEmbed } from './utilities/helpers';
25
25
  import { initTabs, tabIdItems, tabShipment } from './utilities/tabs';
26
26
  import { Merchi } from 'merchi_sdk_ts';
27
27
  import { getCartCookie, getCartCookieToken, setCartCookie } from './utilities/cookie';
28
- import { makeAddress } from './utilities/address';
28
+ import { makeAddress, sanitizeAddressFields } from './utilities/address';
29
29
  import { appendStyleSheetText } from './utilities/helpers';
30
30
  import { makeJob } from './utilities/job';
31
31
  import { makeProduct } from './utilities/product';
@@ -362,7 +362,19 @@ var CartProvider = function CartProvider(_ref) {
362
362
  var tabId = nextTab.tabId,
363
363
  tabIndexToSet = nextTab.tabIndexToSet,
364
364
  disabled = nextTab.disabled;
365
- tabs[tabIndexToSet].disabled = disabled;
365
+ setTabs(function (prev) {
366
+ var index = tabIndexToSet >= 0 && tabIndexToSet < prev.length ? tabIndexToSet : prev.findIndex(function (t) {
367
+ return t.tabId === tabId;
368
+ });
369
+ if (index < 0 || index >= prev.length) {
370
+ return prev;
371
+ }
372
+ var next = _toConsumableArray(prev);
373
+ next[index] = _objectSpread(_objectSpread({}, next[index]), {}, {
374
+ disabled: disabled
375
+ });
376
+ return next;
377
+ });
366
378
  setActiveTabIndex(tabId);
367
379
  }
368
380
  var _useState11 = useState(false),
@@ -655,7 +667,7 @@ var CartProvider = function CartProvider(_ref) {
655
667
  }
656
668
  function _updateCartShipmentAddress() {
657
669
  _updateCartShipmentAddress = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(address) {
658
- var token, receiverAddress, cartEnt, _cartJson3, query, cartWithShipmentGroups;
670
+ var token, addressFields, receiverAddress, cartEnt, _cartJson3, query, cartWithShipmentGroups;
659
671
  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
660
672
  while (1) switch (_context6.prev = _context6.next) {
661
673
  case 0:
@@ -663,46 +675,47 @@ var CartProvider = function CartProvider(_ref) {
663
675
  return getCartCookieToken(domainId);
664
676
  case 2:
665
677
  token = _context6.sent;
666
- receiverAddress = makeAddress(address, true);
678
+ addressFields = sanitizeAddressFields(address);
679
+ receiverAddress = makeAddress(addressFields, true);
667
680
  cartEnt = makeCart(cart, false, token);
668
681
  setFetchingShipmentGroups(true);
669
- _context6.prev = 6;
682
+ _context6.prev = 7;
670
683
  cartEnt.receiverAddress = receiverAddress;
671
- _context6.next = 10;
684
+ _context6.next = 11;
672
685
  return cartEnt.save({
673
686
  embed: cartEmbed
674
687
  });
675
- case 10:
688
+ case 11:
676
689
  cartEnt = _context6.sent;
677
690
  _cartJson3 = cartEnt.toJson();
678
- saveCheckoutAddress(domainId, address);
691
+ saveCheckoutAddress(domainId, addressFields);
679
692
  query = [];
680
693
  query.push(['cart_token', cart.token]);
681
- _context6.next = 17;
694
+ _context6.next = 18;
682
695
  return merchi.authenticatedFetch("/generate-cart-shipment-quotes/".concat(cart.id, "/"), {
683
696
  method: 'GET',
684
697
  query: query
685
698
  });
686
- case 17:
699
+ case 18:
687
700
  cartWithShipmentGroups = _context6.sent;
688
701
  setCart(_objectSpread(_objectSpread({}, _cartJson3), {}, {
689
702
  shipmentGroups: cartWithShipmentGroups.shipmentGroups || []
690
703
  }));
691
- _context6.next = 24;
704
+ _context6.next = 25;
692
705
  break;
693
- case 21:
694
- _context6.prev = 21;
695
- _context6.t0 = _context6["catch"](6);
706
+ case 22:
707
+ _context6.prev = 22;
708
+ _context6.t0 = _context6["catch"](7);
696
709
  alertError(_context6.t0.errorMessage || _context6.t0.message || 'Unable to set address');
697
- case 24:
698
- _context6.prev = 24;
710
+ case 25:
711
+ _context6.prev = 25;
699
712
  setFetchingShipmentGroups(false);
700
- return _context6.finish(24);
701
- case 27:
713
+ return _context6.finish(25);
714
+ case 28:
702
715
  case "end":
703
716
  return _context6.stop();
704
717
  }
705
- }, _callee6, null, [[6, 21, 24, 27]]);
718
+ }, _callee6, null, [[7, 22, 25, 28]]);
706
719
  }));
707
720
  return _updateCartShipmentAddress.apply(this, arguments);
708
721
  }
@@ -16,9 +16,9 @@ import { loadFormBundle, publishedFormBundle } from '../utilities/customForm';
16
16
  import { LoadingTemplateSm } from './LoadingTemplate';
17
17
  import { jsx as _jsx } from "react/jsx-runtime";
18
18
  import { Fragment as _Fragment } from "react/jsx-runtime";
19
- /**
20
- * Loads a product's published custom form for cart-item edit. On any failure
21
- * renders `fallback` (the default merchi_product_form) so the cart stays usable.
19
+ /**
20
+ * Loads a product's published custom form for cart-item edit. On any failure
21
+ * renders `fallback` (the default merchi_product_form) so the cart stays usable.
22
22
  */
23
23
  export function CustomCartProductForm(_ref) {
24
24
  var _publishedFormBundle$, _publishedFormBundle;
@@ -1,6 +1,6 @@
1
- /**
2
- * Full merchi_sdk_product_form runtime for window.MerchiProductFormSdk.
3
- * Keep in sync with merchi_api/common/js/product_form_gate.cjs SDK_EXPORTS.
1
+ /**
2
+ * Full merchi_sdk_product_form runtime for window.MerchiProductFormSdk.
3
+ * Keep in sync with merchi_api/common/js/product_form_gate.cjs SDK_EXPORTS.
4
4
  */
5
5
  import { SDK_VERSION, serializeJob, nonEmptyGroups, formatCurrency, urlFor, createPricing, createProductFormRuntime, productHasGroups, groupFieldsOf, independentFieldsOf, isOptionQuantityGridProduct, buildProductFormJob, jobToFormState, selectionsToVariations, Section, Stack, Card, Heading, Text, Divider, Field, GroupRows, OptionQuantityGrid, ProductFormProvider, ProductFormShell, useProductForm, OPTION_FIELD_TYPES, theme } from 'merchi_sdk_product_form';
6
6
  export var MerchiProductFormSdkExternals = {
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3
+ import { useCartContext } from '../CartProvider';
4
+ import { jsx as _jsx } from "react/jsx-runtime";
5
+ import { jsxs as _jsxs } from "react/jsx-runtime";
6
+ export default function Title(_ref) {
7
+ var icon = _ref.icon,
8
+ title = _ref.title;
9
+ var _useCartContext = useCartContext(),
10
+ classNameCartTitle = _useCartContext.classNameCartTitle;
11
+ return /*#__PURE__*/_jsxs("div", {
12
+ className: classNameCartTitle,
13
+ children: [typeof icon === 'string' ? /*#__PURE__*/_jsx("i", {
14
+ className: "".concat(icon, " fa-2x")
15
+ }) : /*#__PURE__*/_jsx(FontAwesomeIcon, {
16
+ icon: icon,
17
+ size: "2x"
18
+ }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("div", {
19
+ style: {
20
+ marginTop: '1rem'
21
+ },
22
+ children: /*#__PURE__*/_jsx("strong", {
23
+ children: title
24
+ })
25
+ })]
26
+ });
27
+ }
28
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkZvbnRBd2Vzb21lSWNvbiIsInVzZUNhcnRDb250ZXh0IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlRpdGxlIiwiX3JlZiIsImljb24iLCJ0aXRsZSIsIl91c2VDYXJ0Q29udGV4dCIsImNsYXNzTmFtZUNhcnRUaXRsZSIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY29uY2F0Iiwic2l6ZSIsInN0eWxlIiwibWFyZ2luVG9wIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGl0bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvbnRBd2Vzb21lSWNvbiB9IGZyb20gJ0Bmb3J0YXdlc29tZS9yZWFjdC1mb250YXdlc29tZSc7XG5pbXBvcnQgeyB1c2VDYXJ0Q29udGV4dCB9IGZyb20gJy4uL0NhcnRQcm92aWRlcic7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFRpdGxlKHsgaWNvbiwgdGl0bGUgfTogYW55KSB7XG4gIGNvbnN0IHtcbiAgICBjbGFzc05hbWVDYXJ0VGl0bGUsXG4gIH0gPSB1c2VDYXJ0Q29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVDYXJ0VGl0bGV9PlxuICAgICAge3R5cGVvZiBpY29uID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgPGkgY2xhc3NOYW1lPXtgJHtpY29ufSBmYS0yeGB9PjwvaT5cbiAgICAgICkgOiAoXG4gICAgICAgIDxGb250QXdlc29tZUljb24gaWNvbj17aWNvbn0gc2l6ZT0nMngnIC8+XG4gICAgICApfVxuICAgICAgPGJyIC8+XG4gICAgICA8ZGl2IHN0eWxlPXt7IG1hcmdpblRvcDogJzFyZW0nIH19PlxuICAgICAgICA8c3Ryb25nPnt0aXRsZX08L3N0cm9uZz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLGVBQWUsUUFBUSxnQ0FBZ0M7QUFDaEUsU0FBU0MsY0FBYyxRQUFRLGlCQUFpQjtBQUFDLFNBQUFDLEdBQUEsSUFBQUMsSUFBQTtBQUFBLFNBQUFDLElBQUEsSUFBQUMsS0FBQTtBQUVqRCxlQUFlLFNBQVNDLEtBQUtBLENBQUFDLElBQUEsRUFBdUI7RUFBQSxJQUFwQkMsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7SUFBRUMsS0FBSyxHQUFBRixJQUFBLENBQUxFLEtBQUs7RUFDekMsSUFBQUMsZUFBQSxHQUVJVCxjQUFjLENBQUMsQ0FBQztJQURsQlUsa0JBQWtCLEdBQUFELGVBQUEsQ0FBbEJDLGtCQUFrQjtFQUVwQixvQkFDRU4sS0FBQTtJQUFLTyxTQUFTLEVBQUVELGtCQUFtQjtJQUFBRSxRQUFBLEdBQ2hDLE9BQU9MLElBQUksS0FBSyxRQUFRLGdCQUN2QkwsSUFBQTtNQUFHUyxTQUFTLEtBQUFFLE1BQUEsQ0FBS04sSUFBSTtJQUFTLENBQUksQ0FBQyxnQkFFbkNMLElBQUEsQ0FBQ0gsZUFBZTtNQUFDUSxJQUFJLEVBQUVBLElBQUs7TUFBQ08sSUFBSSxFQUFDO0lBQUksQ0FBRSxDQUN6QyxlQUNEWixJQUFBLFNBQUssQ0FBQyxlQUNOQSxJQUFBO01BQUthLEtBQUssRUFBRTtRQUFFQyxTQUFTLEVBQUU7TUFBTyxDQUFFO01BQUFKLFFBQUEsZUFDaENWLElBQUE7UUFBQVUsUUFBQSxFQUFTSjtNQUFLLENBQVM7SUFBQyxDQUNyQixDQUFDO0VBQUEsQ0FDSCxDQUFDO0FBRVYifQ==