@shopgate/engage 7.30.0-alpha.9 → 7.30.0-beta.2

package/registration/components/Registration/RegistrationFormBilling.js

@@ -12,6 +12,7 @@ import { form, section } from "./RegistrationContent.style";
  * @param {Object} props The component props
  * @returns {JSX.Element}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const RegistrationFormBilling = ({
   isGuest
 }) => {
@@ -46,19 +47,20 @@ const RegistrationFormBilling = ({
   if (!isBillingAddressSelectionEnabled) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Section, {
+  return /*#__PURE__*/_jsx(Section, {
     title: title,
     className: section,
     hasForm: true,
-    id: ELEMENT_ID_BILLING_CONTACT
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
-    className: form,
-    name: "RegistrationBilling",
-    config: formConfig,
-    defaults: defaultBillingFormState,
-    validationErrors: billingFormValidationErrors,
-    handleUpdate: handleUpdate
-  }));
+    id: ELEMENT_ID_BILLING_CONTACT,
+    children: /*#__PURE__*/_jsx(FormBuilder, {
+      className: form,
+      name: "RegistrationBilling",
+      config: formConfig,
+      defaults: defaultBillingFormState,
+      validationErrors: billingFormValidationErrors,
+      handleUpdate: handleUpdate
+    })
+  });
 };
 RegistrationFormBilling.defaultProps = {
   isGuest: false

package/registration/components/Registration/RegistrationFormExtra.js

@@ -12,6 +12,7 @@ import { form, section } from "./RegistrationContent.style";
  * @param {Object} props The component props
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const RegistrationFormExtra = ({
   isGuest
 }) => {
@@ -34,18 +35,19 @@ const RegistrationFormExtra = ({
   const handleUpdate = useCallback(values => {
     updateExtraForm(values);
   }, [updateExtraForm]);
-  return /*#__PURE__*/React.createElement(Section, {
+  return /*#__PURE__*/_jsx(Section, {
     className: section,
     hasForm: true,
-    id: ELEMENT_ID_CUSTOMER_ATTRIBUTES
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
-    className: form,
-    name: "RegistrationExtra",
-    config: formConfig,
-    defaults: defaultExtraFormState,
-    validationErrors: extraFormValidationErrors,
-    handleUpdate: handleUpdate
-  }));
+    id: ELEMENT_ID_CUSTOMER_ATTRIBUTES,
+    children: /*#__PURE__*/_jsx(FormBuilder, {
+      className: form,
+      name: "RegistrationExtra",
+      config: formConfig,
+      defaults: defaultExtraFormState,
+      validationErrors: extraFormValidationErrors,
+      handleUpdate: handleUpdate
+    })
+  });
 };
 RegistrationFormExtra.defaultProps = {
   isGuest: false

package/registration/components/Registration/RegistrationFormShipping.js

@@ -13,6 +13,7 @@ import { form, section, shippingFormSection } from "./RegistrationContent.style"
  * @param {Object} props The component props
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const RegistrationFormShipping = ({
   isGuest
 }) => {
@@ -39,19 +40,20 @@ const RegistrationFormShipping = ({
   if (!isShippingAddressSelectionEnabled || !isShippingFormVisible) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Section, {
+  return /*#__PURE__*/_jsx(Section, {
     title: "registration.headlines.shipping_address",
     className: classNames(section, shippingFormSection),
     hasForm: true,
-    id: ELEMENT_ID_SHIPPING_CONTACT
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
-    className: form,
-    name: "RegistrationShipping",
-    config: formConfig,
-    defaults: defaultShippingFormState,
-    validationErrors: shippingFormValidationErrors,
-    handleUpdate: handleUpdate
-  }));
+    id: ELEMENT_ID_SHIPPING_CONTACT,
+    children: /*#__PURE__*/_jsx(FormBuilder, {
+      className: form,
+      name: "RegistrationShipping",
+      config: formConfig,
+      defaults: defaultShippingFormState,
+      validationErrors: shippingFormValidationErrors,
+      handleUpdate: handleUpdate
+    })
+  });
 };
 RegistrationFormShipping.defaultProps = {
   isGuest: false

package/registration/components/Registration/RegistrationFormToggle.js

@@ -5,6 +5,7 @@ import { i18n } from '@shopgate/engage/core';
 import { Toggle } from '@shopgate/engage/components';
 import { ELEMENT_ID_SHIPPING_CONTACT_TOGGLE } from "../../constants";
 import { useRegistration } from "../../hooks";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   root: css({
     display: 'flex',
@@ -34,19 +35,21 @@ const RegistrationFormToggle = ({
   if (!isShippingAddressSelectionEnabled) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: styles.root,
-    id: ELEMENT_ID_SHIPPING_CONTACT_TOGGLE
-  }, /*#__PURE__*/React.createElement("label", {
-    "aria-hidden": true,
-    className: styles.label,
-    htmlFor: "toggle-shipping-form",
-    id: "toggle-shipping-form-label"
-  }, i18n.text('registration.different_shipping_address_label')), /*#__PURE__*/React.createElement(Toggle, {
-    id: "toggle-shipping-form",
-    checked: isShippingFormVisible,
-    onChange: handleChange
-  }));
+    id: ELEMENT_ID_SHIPPING_CONTACT_TOGGLE,
+    children: [/*#__PURE__*/_jsx("label", {
+      "aria-hidden": true,
+      className: styles.label,
+      htmlFor: "toggle-shipping-form",
+      id: "toggle-shipping-form-label",
+      children: i18n.text('registration.different_shipping_address_label')
+    }), /*#__PURE__*/_jsx(Toggle, {
+      id: "toggle-shipping-form",
+      checked: isShippingFormVisible,
+      onChange: handleChange
+    })]
+  });
 };
 RegistrationFormToggle.defaultProps = {
   isGuest: false

package/registration/providers/GuestRegistrationProvider.actions.js

@@ -33,10 +33,10 @@ export const submitGuestRegistration = ({
   const addressSequences = [{
     type: 'billing',
     ...billingFormData
-  }, ...(processShipping ? {
+  }].concat(processShipping ? {
     type: 'shipping',
     ...(shippingFormData || billingFormData)
-  } : []), ...(pickupFormData ? {
+  } : [], pickupFormData ? {
     ...(pickupPerson === 'me' ? {
       type: 'pickup',
       ...billingFormData
@@ -44,7 +44,7 @@ export const submitGuestRegistration = ({
       type: 'pickup',
       ...restPickupFormData
     })
-  } : [])];
+  } : []);
   const order = {
     addressSequences,
     primaryBillToAddressSequenceIndex: 0,

package/registration/providers/GuestRegistrationProvider.js

@@ -13,6 +13,7 @@ import Context from "./GuestRegistrationProvider.context";
 import { generateBillingConstraints, generateShippingConstraints, generatePickupConstraints, generateSelfPickupConstraints, generateExtraConstraints } from "./GuestRegistrationProvider.constraints";
 import { MARKETING_OPT_IN_DEFAULT, ELEMENT_ID_SHIPPING_CONTACT, ELEMENT_ID_SHIPPING_CONTACT_TOGGLE, ELEMENT_ID_PICKUP_CONTACT } from "../constants";
 import connect from "./GuestRegistrationProvider.connector";
+import { jsx as _jsx } from "react/jsx-runtime";
 const initialAddressFormState = {
   firstName: '',
   lastName: '',
@@ -328,9 +329,10 @@ const GuestRegistrationProvider = ({
   if (!isDataReady || !isInitialized) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: value,
+    children: children
+  });
 };
 GuestRegistrationProvider.defaultProps = {
   children: null,

package/registration/providers/RegistrationProvider.actions.js

@@ -57,12 +57,12 @@ export const submitRegistration = ({
       emailAddress,
       isDefaultBilling: true,
       isDefaultShipping: !shippingFormData
-    }, ...(shippingFormData ? [{
+    }].concat(shippingFormData ? [{
       ...shippingFormData,
       emailAddress,
       isDefaultBilling: false,
       isDefaultShipping: true
-    }] : [])];
+    }] : []);
   }
   let errors;
   try {

package/registration/providers/RegistrationProvider.js

@@ -9,6 +9,7 @@ import Context from "./RegistrationProvider.context";
 import { generateBaseConstraints, generateBillingConstraints, generateShippingConstraints, generateExtraConstraints } from "./RegistrationProvider.constraints";
 import connect from "./RegistrationProvider.connector";
 import { MARKETING_OPT_IN_DEFAULT } from "../constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 const initialBaseFormState = {
   emailAddress: '',
   password: '',
@@ -102,9 +103,9 @@ const RegistrationProvider = ({
   const extraConstraints = useMemo(() => generateExtraConstraints(customerAttributes), [customerAttributes]);
 
   // Default form states
-  const defaultBaseFormState = {
+  const defaultBaseFormState = useMemo(() => ({
     ...initialBaseFormState
-  };
+  }), []);
   const defaultBillingFormState = useMemo(() => ({
     ...initialBillingFormState,
     country: userCountry,
@@ -242,9 +243,10 @@ const RegistrationProvider = ({
   if (!isDataReady) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: value,
+    children: children
+  });
 };
 RegistrationProvider.defaultProps = {
   formContainerRef: null,

package/reviews/components/Reviews/components/AllReviewsLink/index.js

@@ -12,19 +12,22 @@ import { container } from "./style";
  * @param {Object} props The component props.
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const AllReviewsLink = props => {
   if (!props.productId || props.count <= REVIEW_PREVIEW_COUNT) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: `${container} engage__reviews__all-reviews-link`,
-    "data-test-id": "showAllReviewsButton"
-  }, /*#__PURE__*/React.createElement(ButtonLink, {
-    href: `${ITEM_PATH}/${bin2hex(props.productId)}/reviews`
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "reviews.button_all",
-    params: props
-  })));
+    "data-test-id": "showAllReviewsButton",
+    children: /*#__PURE__*/_jsx(ButtonLink, {
+      href: `${ITEM_PATH}/${bin2hex(props.productId)}/reviews`,
+      children: /*#__PURE__*/_jsx(I18n.Text, {
+        string: "reviews.button_all",
+        params: props
+      })
+    })
+  });
 };
 AllReviewsLink.defaultProps = {
   count: 0,

package/reviews/components/Reviews/components/Header/components/AverageRating/index.js

@@ -16,6 +16,7 @@ import { container } from "./style";
  * @param {string} props.productId The related product ID.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AverageRating = ({
   average,
   count,
@@ -24,7 +25,7 @@ const AverageRating = ({
   if (!productId) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/_jsxs(Link, {
     "data-test-id": "ratedStarsAverage",
     tagName: "a",
     href: `${ITEM_PATH}/${bin2hex(productId)}/write_review`,
@@ -35,13 +36,14 @@ const AverageRating = ({
     itemType: "http://schema.org/Review"
     // eslint-disable-next-line jsx-a11y/aria-role
     ,
-    role: "text"
-  }, /*#__PURE__*/React.createElement(RatingStars, {
-    value: average,
-    display: "large"
-  }), /*#__PURE__*/React.createElement(RatingCount, {
-    count: count
-  }));
+    role: "text",
+    children: [/*#__PURE__*/_jsx(RatingStars, {
+      value: average,
+      display: "large"
+    }), /*#__PURE__*/_jsx(RatingCount, {
+      count: count
+    })]
+  });
 };
 AverageRating.defaultProps = {
   average: 0,

package/reviews/components/Reviews/components/Header/components/NoReviews/index.js

@@ -9,19 +9,24 @@ import * as styles from "./style";
 /**
  * @return {JSX.Element}
  */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const NoReviews = ({
   productId
-}) => /*#__PURE__*/React.createElement("div", {
-  className: styles.container
-}, /*#__PURE__*/React.createElement(AverageRating, {
-  productId: productId
-}), /*#__PURE__*/React.createElement("div", {
-  className: styles.noReviews
-}, appConfig.showWriteReview && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "reviews.no_reviews"
-}), /*#__PURE__*/React.createElement(WriteReviewLink, {
-  productId: productId
-}))));
+}) => /*#__PURE__*/_jsxs("div", {
+  className: styles.container,
+  children: [/*#__PURE__*/_jsx(AverageRating, {
+    productId: productId
+  }), /*#__PURE__*/_jsx("div", {
+    className: styles.noReviews,
+    children: appConfig.showWriteReview && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(I18n.Text, {
+        string: "reviews.no_reviews"
+      }), /*#__PURE__*/_jsx(WriteReviewLink, {
+        productId: productId
+      })]
+    })
+  })]
+});
 NoReviews.defaultProps = {
   productId: null
 };

package/reviews/components/Reviews/components/Header/components/ReviewsExcerpt/index.js

@@ -12,32 +12,36 @@ import * as styles from "./style";
  * @param {Object} props The component props.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ReviewsExcerpt = ({
   productId,
   average,
   count,
   withTopGap
-}) => /*#__PURE__*/React.createElement("div", {
+}) => /*#__PURE__*/_jsxs("div", {
   className: classNames('engage__reviews__reviews-excerpt', {
     [styles.withTopGapContainer]: withTopGap,
     [styles.container]: !withTopGap
   }),
-  id: "reviewsExcerpt"
-}, /*#__PURE__*/React.createElement(AverageRating, {
-  productId: productId,
-  average: average,
-  count: count
-}), /*#__PURE__*/React.createElement("div", {
-  className: styles.reviewsLine
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "reviews.rating",
-  className: styles.averageRatingText
-}, /*#__PURE__*/React.createElement(RatingNumber, {
-  rating: average,
-  className: styles.averageRatingNumber
-})), appConfig.showWriteReview && /*#__PURE__*/React.createElement(WriteReviewLink, {
-  productId: productId
-})));
+  id: "reviewsExcerpt",
+  children: [/*#__PURE__*/_jsx(AverageRating, {
+    productId: productId,
+    average: average,
+    count: count
+  }), /*#__PURE__*/_jsxs("div", {
+    className: styles.reviewsLine,
+    children: [/*#__PURE__*/_jsx(I18n.Text, {
+      string: "reviews.rating",
+      className: styles.averageRatingText,
+      children: /*#__PURE__*/_jsx(RatingNumber, {
+        rating: average,
+        className: styles.averageRatingNumber
+      })
+    }), appConfig.showWriteReview && /*#__PURE__*/_jsx(WriteReviewLink, {
+      productId: productId
+    })]
+  })]
+});
 ReviewsExcerpt.defaultProps = {
   average: 0,
   count: 0,

package/reviews/components/Reviews/components/Header/components/WriteReviewLink/index.js

@@ -10,16 +10,19 @@ import ButtonLink from '@shopgate/pwa-ui-shared/ButtonLink';
  * Link to add a review.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const WriteReviewLink = ({
   productId
-}) => /*#__PURE__*/React.createElement("div", {
+}) => /*#__PURE__*/_jsx("div", {
   "data-test-id": "writeReview",
-  className: "engage__reviews__write-review-link"
-}, /*#__PURE__*/React.createElement(ButtonLink, {
-  href: `${ITEM_PATH}/${bin2hex(productId)}/write_review`,
-  noGap: true,
-  "aria-label": i18n.text('reviews.button_add')
-}, /*#__PURE__*/React.createElement(I18n.Text, {
-  string: "reviews.button_add"
-})));
+  className: "engage__reviews__write-review-link",
+  children: /*#__PURE__*/_jsx(ButtonLink, {
+    href: `${ITEM_PATH}/${bin2hex(productId)}/write_review`,
+    noGap: true,
+    "aria-label": i18n.text('reviews.button_add'),
+    children: /*#__PURE__*/_jsx(I18n.Text, {
+      string: "reviews.button_add"
+    })
+  })
+});
 export default WriteReviewLink;

package/reviews/components/Reviews/components/Header/components/WriteReviewLink/spec.js

@@ -4,6 +4,7 @@ import configureStore from 'redux-mock-store';
 import { mount } from 'enzyme';
 import { mockedStateWithAll } from '@shopgate/pwa-common-commerce/reviews/mock';
 import WriteReviewLink from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 const mockedStore = configureStore();
 jest.mock('@shopgate/engage/components');
 
@@ -13,11 +14,12 @@ jest.mock('@shopgate/engage/components');
  * @return {ReactWrapper}
  */
 const createComponent = mockedState => {
-  const Component = /*#__PURE__*/React.createElement(Provider, {
-    store: mockedStore(mockedState)
-  }, /*#__PURE__*/React.createElement(WriteReviewLink, {
-    productId: "foo"
-  }));
+  const Component = /*#__PURE__*/_jsx(Provider, {
+    store: mockedStore(mockedState),
+    children: /*#__PURE__*/_jsx(WriteReviewLink, {
+      productId: "foo"
+    })
+  });
   return mount(Component);
 };
 describe('<WriteReviewLink>', () => {

package/reviews/components/Reviews/components/Header/index.js

@@ -12,6 +12,7 @@ import connect from "./connector";
  * @param {boolean} props.withTopGap Adds additional top gap when true.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const Header = ({
   productId,
   rating,
@@ -25,11 +26,11 @@ const Header = ({
     count = 0
   } = rating;
   if (!average) {
-    return /*#__PURE__*/React.createElement(NoReviews, {
+    return /*#__PURE__*/_jsx(NoReviews, {
       productId: productId
     });
   }
-  return /*#__PURE__*/React.createElement(ReviewsExcerpt, {
+  return /*#__PURE__*/_jsx(ReviewsExcerpt, {
     productId: productId,
     average: average,
     count: count,

package/reviews/components/Reviews/components/Header/spec.js

@@ -5,6 +5,7 @@ import configureStore from 'redux-mock-store';
 import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
 import { mockProductId, mockedStateWithoutReview, mockedStateWithAll } from '@shopgate/pwa-common-commerce/reviews/mock';
 import Header from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 const mockedStore = configureStore();
 jest.mock('@shopgate/engage/components');
 
@@ -14,9 +15,12 @@ jest.mock('@shopgate/engage/components');
  * @param {Object|null} props Rating prop.
  * @return {ReactWrapper}
  */
-const createComponent = (mockedState, props = {}) => mount(/*#__PURE__*/React.createElement(Provider, {
-  store: mockedStore(mockedState)
-}, /*#__PURE__*/React.createElement(Header, props)), mockRenderOptions);
+const createComponent = (mockedState, props = {}) => mount(/*#__PURE__*/_jsx(Provider, {
+  store: mockedStore(mockedState),
+  children: /*#__PURE__*/_jsx(Header, {
+    ...props
+  })
+}), mockRenderOptions);
 describe('<Header />', () => {
   let header = null;
   it('should render empty', () => {

package/reviews/components/Reviews/components/List/components/Info/components/Author/index.js

@@ -7,13 +7,14 @@ import I18n from '@shopgate/pwa-common/components/I18n';
  * @param {string} author The author's name.
  * @returns {JSX|null}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const Author = ({
   author
 }) => {
   if (!author) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(I18n.Text, {
+  return /*#__PURE__*/_jsx(I18n.Text, {
     string: "reviews.author",
     params: {
       author

package/reviews/components/Reviews/components/List/components/Info/components/ReviewDate/index.js

@@ -7,9 +7,10 @@ import I18n from '@shopgate/pwa-common/components/I18n';
  * @param {string} date The date of a review.
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const ReviewDate = ({
   date
-}) => /*#__PURE__*/React.createElement(I18n.Date, {
+}) => /*#__PURE__*/_jsx(I18n.Date, {
   timestamp: new Date(date).getTime(),
   format: "long"
 });

package/reviews/components/Reviews/components/List/components/Info/index.js

@@ -9,19 +9,21 @@ import Author from "./components/Author";
  * @param {Object} props The props.
  * @returns {JSX}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Info = ({
   review
 }) =>
 /*#__PURE__*/
 // eslint-disable-next-line jsx-a11y/aria-role
-React.createElement("div", {
+_jsxs("div", {
   className: styles,
-  role: "text"
-}, /*#__PURE__*/React.createElement(ReviewDate, {
-  date: review.date
-}), ' ', /*#__PURE__*/React.createElement(Author, {
-  author: review.author
-}));
+  role: "text",
+  children: [/*#__PURE__*/_jsx(ReviewDate, {
+    date: review.date
+  }), ' ', /*#__PURE__*/_jsx(Author, {
+    author: review.author
+  })]
+});
 Info.defaultProps = {
   review: null
 };

package/reviews/components/Reviews/components/List/components/Rating/index.js

@@ -8,14 +8,16 @@ import styles from "./style";
  * @param {number} rate The rating value.
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const Rating = ({
   rate
-}) => /*#__PURE__*/React.createElement("div", {
-  className: styles.container
-}, /*#__PURE__*/React.createElement(RatingStars, {
-  value: rate,
-  className: styles.stars
-}));
+}) => /*#__PURE__*/_jsx("div", {
+  className: styles.container,
+  children: /*#__PURE__*/_jsx(RatingStars, {
+    value: rate,
+    className: styles.stars
+  })
+});
 Rating.defaultProps = {
   rate: 0
 };

package/reviews/components/Reviews/components/List/components/Review/index.js

@@ -10,17 +10,19 @@ import Info from "../Info";
  * @param {Object} props The component props.
  * @returns {JSX}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Review = ({
   review
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test-id": `reviewTitle: ${review.title}`
-}, /*#__PURE__*/React.createElement(Title, {
-  title: review.title
-}), /*#__PURE__*/React.createElement(Rating, {
-  rate: review.rate
-}), /*#__PURE__*/React.createElement(Text, {
-  review: review.review
-}), /*#__PURE__*/React.createElement(Info, {
-  review: review
-}));
+}) => /*#__PURE__*/_jsxs("div", {
+  "data-test-id": `reviewTitle: ${review.title}`,
+  children: [/*#__PURE__*/_jsx(Title, {
+    title: review.title
+  }), /*#__PURE__*/_jsx(Rating, {
+    rate: review.rate
+  }), /*#__PURE__*/_jsx(Text, {
+    review: review.review
+  }), /*#__PURE__*/_jsx(Info, {
+    review: review
+  })]
+});
 export default Review;