@treely/strapi-slices 5.11.2 → 5.11.3

package/dist/strapi-slices.cjs.development.js

@@ -4358,6 +4358,11 @@ var BlogCards = function BlogCards(_ref) {
   }))))));
 };
 
+var calculateTaxIncludedValue = function calculateTaxIncludedValue(values, taxInPercent) {
+  var value = parseInt(values.contributionValueCurrency);
+  if (isNaN(value)) return 0;
+  return value + value * (taxInPercent / 100);
+};
 var SmallCheckout = function SmallCheckout(_ref) {
   var pricePerKg = _ref.pricePerKg,
     currency = _ref.currency,
@@ -4374,9 +4379,6 @@ var SmallCheckout = function SmallCheckout(_ref) {
     locale = _useContext.locale;
   var _useRouter = router.useRouter(),
     push = _useRouter.push;
-  var _useState = React.useState(initialContributionValue),
-    contributionValue = _useState[0],
-    setContributionValue = _useState[1];
   var validateForm = React.useCallback(function (values) {
     var errors = {};
     var value = parseInt(values.contributionValueCurrency);
@@ -4394,7 +4396,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
       });
     }
     return errors;
-  }, [locale]);
+  }, [currency, locale]);
   var onSubmit = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
       var contributionValueCurrency, checkoutURL, currentURL;
@@ -4459,7 +4461,8 @@ var SmallCheckout = function SmallCheckout(_ref) {
     var errors = _ref4.errors,
       touched = _ref4.touched,
       handleSubmit = _ref4.handleSubmit,
-      setValues = _ref4.setValues;
+      setValues = _ref4.setValues,
+      values = _ref4.values;
     return React__default.default.createElement(formik.Form, {
       onSubmit: handleSubmit
     }, React__default.default.createElement(boemly.Flex, {
@@ -4478,7 +4481,6 @@ var SmallCheckout = function SmallCheckout(_ref) {
           value: field.value || '',
           onChange: function onChange(e) {
             var value = e.target.valueAsNumber;
-            setContributionValue(value);
             setValues({
               contributionValueCurrency: value.toString(),
               contributionValueKgs: (value / pricePerKg / 1000).toString()
@@ -4525,13 +4527,13 @@ var SmallCheckout = function SmallCheckout(_ref) {
         isInvalid: !!errors.contributionValueKgs && touched.contributionValueKgs,
         errorMessage: errors.contributionValueKgs
       });
-    }))), contributionValue > 0 && taxInPercent && taxInPercent > 0 && React__default.default.createElement(boemly.Text, {
+    }))), values.contributionValueCurrency && taxInPercent && taxInPercent > 0 && React__default.default.createElement(boemly.Text, {
       size: "smLowNormal",
       mt: "2"
     }, formatMessage({
       id: 'portfolio.smallCheckout.price.taxIncluded'
     }, {
-      number: formatNumber(contributionValue + contributionValue * taxInPercent / 100, {
+      number: formatNumber(calculateTaxIncludedValue(values, taxInPercent), {
         style: 'currency',
         currency: currency,
         maximumFractionDigits: 2