tf-checkout-react 1.7.18 → 1.7.20

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.18",
+  "version": "1.7.20",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/addonsContainer/AddonComponent.tsx

@@ -23,6 +23,7 @@ interface IAddonComponentProps {
   values: any;
   errors: any;
   useStepperQty?: boolean;
+  siblingIds?: string[];
   onCustomFieldChange?: (
     addon: any,
     groupId: string | number,
@@ -31,12 +32,15 @@ interface IAddonComponentProps {
   ) => void;
 }
 
-const AddonStepper = ({ id, selectOptions, handleAddonChange, classNamePrefix }: any) => {
+const AddonStepper = ({ id, selectOptions, handleAddonChange, classNamePrefix, siblingIds = [] }: any) => {
   const { values, setFieldValue } = useFormikContext<any>()
   const qty = Number(values[id] ?? 0)
   const max = selectOptions?.length > 0 ? selectOptions[selectOptions.length - 1].value : 0
 
   const change = (next: number) => {
+    if (next > 0) {
+      siblingIds.forEach((siblingId: string) => setFieldValue(siblingId, 0))
+    }
     setFieldValue(id, next)
     handleAddonChange(id, next)
   }
@@ -76,6 +80,7 @@ const AddonComponent = ({
   values,
   errors,
   useStepperQty = false,
+  siblingIds = [],
   onCustomFieldChange = _identity,
 }: IAddonComponentProps) => {
   const { id, name, active, stock } = data
@@ -101,6 +106,7 @@ const AddonComponent = ({
                       selectOptions={selectOptions}
                       handleAddonChange={handleAddonChange}
                       classNamePrefix={classNamePrefix}
+                      siblingIds={siblingIds}
                     />
                   </div>
                 ) : (

package/src/components/addonsContainer/SimpleAddonsContainer.tsx

@@ -361,6 +361,7 @@ export const SimpleAddonsContainer = ({
                               data={variant}
                               selectOptions={addonsOptions[variant.id]}
                               classNamePrefix={classNamePrefix}
+                              siblingIds={addon.variants.filter((v: any) => v.id !== variant.id).map((v: any) => v.id)}
                               handleAddonChange={(id, value) => {
                                 console.log('handleAddonChange', id, value)
                                 onFieldChange(id, value, addon)

package/src/components/addonsContainer/index.tsx

@@ -279,6 +279,7 @@ export const AddonsContainter = ({
                                   data={variant}
                                   selectOptions={addonsOptions[variant.id]}
                                   classNamePrefix={classNamePrefix}
+                                  siblingIds={addon.variants.map((v: any) => v.id).filter((vid: string) => vid !== variant.id)}
                                   handleAddonChange={(id, value) => {
                                     onAddOnSelect(id, value, addon)
                                     onFieldChange(id, value, addon)

package/src/components/billing-info-container/index.tsx

@@ -906,6 +906,10 @@ const BillingInfoContainer = React.memo(
             )
             setCheckoutData(checkoutDataObj)
             setSingleCheckoutAddOns(mergedAddOns)
+            const updatedAttributes = _get(checkoutResponse, 'data.attributes', {})
+            if (updatedAttributes.additional_payment_information) {
+              setCheckoutUpdateData(updatedAttributes)
+            }
           }
         } catch (error) {
           const errorMessage = _get(