@weareconceptstudio/account 1.0.5 → 2.0.1

package/dist/modules/order/OrderedItems/Review/Popup/style.js

@@ -0,0 +1,326 @@
+import styled from 'styled-components';
+const ReviewPopupStyle = styled.section `
+	--account_infoWrapMTop: var(--sp3x);
+	--account_bannerImageBorderRadius: var(--sp1-5x);
+	--account_bannerImageMTop: var(--sp4x);
+	--account_bannerImageWidth: 21.1%;
+	--account_proportion: 26.3%;
+	--account_nameMTop: var(--sp2x);
+	--account_lineDistance: var(--sp4x);
+
+	//! Second part sizes
+	--account_popupFieldLabelMBot: var(--sp3x);
+	--account_rateFieldWrapMBot: var(--sp4x);
+	--account_ratioFieldWrapMBot: var(--sp6x);
+	--account_starDistance: var(--sp1x);
+	/* --account_radioIconSize: var(--sp3x);
+	--account_radioDistance: var(--sp4x);
+	--account_radioTextDistance: var(--sp1-5x); */
+	--account_textFieldWrapMTop: var(--sp6x);
+	--account_textFieldLabelMBot: var(--sp1x);
+
+	//! Last part sizes
+	--account_uploaderWrapperMTop: var(--sp4x);
+	--account_popupButtonsMTop: var(--sp4x);
+	--account_btnDistance: var(--sp5x);
+
+	.info-wrap {
+		margin-top: var(--account_infoWrapMTop);
+
+		.info-link {
+			text-decoration: underline;
+			transition: color var(--account_trTime);
+
+			@media (hover: hover) {
+				&:hover {
+					color: var(--account_primaryColor3);
+				}
+			}
+		}
+	}
+
+	.banner-image {
+		overflow: hidden;
+		border-radius: var(--account_bannerImageBorderRadius);
+		margin-top: var(--account_bannerImageMTop);
+		width: var(--account_bannerImageWidth);
+
+		--imagePaddingTop: var(--account_proportion);
+	}
+
+	.name-text {
+		margin-top: var(--account_nameMTop);
+		padding-bottom: var(--account_lineDistance);
+		border-bottom: 1px solid var(--account_primaryColor5);
+	}
+
+	.review-popup-form-container {
+		margin-top: var(--account_lineDistance);
+
+		.ant-rate {
+			font-size: var(--account_h5);
+
+			.ant-rate-star:not(:last-child) {
+				margin-right: var(--account_starDistance);
+			}
+		}
+
+		.ant-form .ant-form-item .ant-form-item-row .ant-form-item-label > label {
+			font-weight: 500 !important;
+			margin-bottom: var(--account_popupFieldLabelMBot);
+		}
+
+		.rate-field-wrap {
+			margin-bottom: var(--account_rateFieldWrapMBot);
+		}
+
+		.radio-field-wrap {
+			margin-bottom: var(--account_ratioFieldWrapMBot);
+
+			/* .ant-radio {
+				font-size: var(--account_radioIconSize);
+				padding-right: var(--account_radioTextDistance);
+			}
+
+			.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
+				width: var(--account_radioIconSize);
+				height: var(--account_radioIconSize);
+			}
+
+			.ant-radio-inner {
+				width: var(--account_radioIconSize);
+				height: var(--radioIconSize);
+			}
+
+			span.ant-radio + * {
+				padding-right: 0;
+				padding-left: 0;
+			}
+
+			.ant-radio-wrapper {
+				margin-right: var(--account_radioDistance);
+			} */
+		}
+
+		.text-field-wrap {
+			margin-top: var(--account_textFieldWrapMTop);
+
+			label {
+				margin-bottom: var(--account_textFieldLabelMBot) !important;
+			}
+		}
+	}
+
+	.uploader-wrapper {
+		margin-top: var(--account_uploaderWrapperMTop);
+	}
+
+	.popup-buttons-wrapper {
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		margin: 0 calc(-1 * calc(var(--account_btnDistance) / 2));
+		margin-top: var(--account_popupButtonsMTop);
+
+		.btn-wrap {
+			margin: 0 calc(var(--account_btnDistance) / 2);
+		}
+	}
+
+	.ant-radio-group {
+		display: block;
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeL}) {
+		--account_infoWrapMTop: var(--sp2x);
+		--account_bannerImageBorderRadius: var(--sp1-5x);
+		--account_bannerImageMTop: var(--sp4x);
+		--account_bannerImageWidth: 20.3%;
+		--account_proportion: 25.3%;
+		--account_nameMTop: var(--sp2x);
+		--account_lineDistance: var(--sp4x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp3x);
+		--account_rateFieldWrapMBot: var(--sp3x);
+		--account_ratioFieldWrapMBot: var(--sp6x);
+		--account_starDistance: var(--sp1x);
+		/* --account_radioIconSize: var(--sp3x);
+		--account_radioTextDistance: var(--sp1-5x);
+		--account_radioDistance: var(--sp4x); */
+		--account_textFieldLabelMBot: var(--sp1x);
+		--account_textFieldWrapMTop: var(--sp3x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp3x);
+		--account_popupButtonsMTop: var(--sp4x);
+		--account_btnDistance: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeLMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeM}) {
+		--account_infoWrapMTop: var(--sp2x);
+		--account_bannerImageBorderRadius: var(--sp1-5x);
+		--account_bannerImageMTop: var(--sp3x);
+		--account_bannerImageWidth: 21.5%;
+		--account_proportion: 26.8%;
+		--account_nameMTop: var(--sp2x);
+		--account_lineDistance: var(--sp3x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp2x);
+		--account_rateFieldWrapMBot: var(--sp3x);
+		--account_ratioFieldWrapMBot: var(--sp4x);
+		--account_starDistance: var(--sp0-5x);
+		/* --account_radioIconSize: var(--sp3x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp3x); */
+		--account_textFieldLabelMBot: var(--sp1x);
+		--account_textFieldWrapMTop: var(--sp3x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp3x);
+		--account_popupButtonsMTop: var(--sp3x);
+		--account_btnDistance: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeMMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeS}) {
+		--account_infoWrapMTop: var(--sp2x);
+		--account_bannerImageBorderRadius: var(--sp1-5x);
+		--account_bannerImageMTop: var(--sp3x);
+		--account_bannerImageWidth: 22.5%;
+		--account_proportion: 28%;
+		--account_nameMTop: var(--sp2x);
+		--account_lineDistance: var(--sp3x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp1x);
+		--account_rateFieldWrapMBot: var(--sp2-5x);
+		--account_starDistance: var(--sp0-5x);
+		--account_ratioFieldWrapMBot: var(--sp3x);
+		/* --account_radioIconSize: var(--sp3x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp3x); */
+		--account_textFieldLabelMBot: var(--sp0-5x);
+		--account_textFieldWrapMTop: var(--sp2-5x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp2-5x);
+		--account_popupButtonsMTop: var(--sp3x);
+		--account_btnDistance: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeSMin}) and (min-width: ${(props) => props.theme.mediaQuery.DesktopSizeXS}) {
+		--account_infoWrapMTop: var(--sp1x);
+		--account_bannerImageBorderRadius: var(--sp1x);
+		--account_bannerImageMTop: var(--sp3x);
+		--account_bannerImageWidth: 21.5%;
+		--account_proportion: 26.7%;
+		--account_nameMTop: var(--sp1-5x);
+		--account_lineDistance: var(--sp2-5x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp1x);
+		--account_rateFieldWrapMBot: var(--sp2-5x);
+		--account_starDistance: var(--sp0-5x);
+		--account_ratioFieldWrapMBot: var(--sp3x);
+		/* --account_radioIconSize: var(--sp2-5x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp2x); */
+		--account_textFieldLabelMBot: var(--sp0-5x);
+		--account_textFieldWrapMTop: var(--sp2-5x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp2-5x);
+		--account_popupButtonsMTop: var(--sp3x);
+		--account_btnDistance: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.mediaQuery.TabletSize}) {
+		--account_infoWrapMTop: var(--sp1x);
+		--account_bannerImageBorderRadius: var(--sp1x);
+		--account_bannerImageMTop: var(--sp3x);
+		--account_bannerImageWidth: 18.7%;
+		--account_proportion: 23.4%;
+		--account_nameMTop: var(--sp1x);
+		--account_lineDistance: var(--sp2-5x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp1x);
+		--account_rateFieldWrapMBot: var(--sp2-5x);
+		--account_starDistance: var(--sp0-5x);
+		--account_ratioFieldWrapMBot: var(--sp2-5x);
+		/* --account_radioIconSize: var(--sp2-5x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp2x); */
+		--account_textFieldLabelMBot: var(--sp0-5x);
+		--account_textFieldWrapMTop: var(--sp2-5x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp2-5x);
+		--account_popupButtonsMTop: var(--sp3x);
+		--account_btnDistance: var(--sp2-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.TabletSizeMin}) and (min-width: ${(props) => props.theme.mediaQuery.TabletSizeS}) {
+		--account_infoWrapMTop: var(--sp1x);
+		--account_bannerImageBorderRadius: var(--sp1x);
+		--account_bannerImageMTop: var(--sp3x);
+		--account_bannerImageWidth: 21.7%;
+		--account_proportion: 27%;
+		--account_nameMTop: var(--sp1x);
+		--account_lineDistance: var(--sp2-5x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp1x);
+		--account_rateFieldWrapMBot: var(--sp2-5x);
+		--account_starDistance: var(--sp0-5x);
+		--account_ratioFieldWrapMBot: var(--sp2-5x);
+		/* --account_radioIconSize: var(--sp2-5x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp2x); */
+		--account_textFieldLabelMBot: var(--sp0-5x);
+		--account_textFieldWrapMTop: var(--sp2-5x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp2-5x);
+		--account_popupButtonsMTop: var(--sp3x);
+		--account_btnDistance: var(--sp2-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.mediaQuery.TabletSizeSMin}) {
+		--account_infoWrapMTop: var(--sp1x);
+		--account_bannerImageBorderRadius: var(--sp1x);
+		--account_bannerImageMTop: var(--sp2-5x);
+		--account_bannerImageWidth: 28.3%;
+		--account_proportion: 35.3%;
+		--account_nameMTop: var(--sp1x);
+		--account_lineDistance: var(--sp2x);
+
+		//! Second part sizes
+		--account_popupFieldLabelMBot: var(--sp1x);
+		--account_rateFieldWrapMBot: var(--sp2x);
+		--account_starDistance: var(--sp0-5x);
+		--account_ratioFieldWrapMBot: var(--sp2x);
+		/* --account_radioIconSize: var(--sp2-5x);
+		--account_radioTextDistance: var(--sp1x);
+		--account_radioDistance: var(--sp2x); */
+		--account_textFieldLabelMBot: var(--sp0-5x);
+		--account_textFieldWrapMTop: var(--sp2x);
+
+		//! Last part sizes
+		--account_uploaderWrapperMTop: var(--sp2x);
+		--account_popupButtonsMTop: var(--sp2-5x);
+		--account_btnDistance: var(--sp2x);
+
+		.popup-buttons-wrapper {
+			flex-direction: column-reverse;
+
+			.full-width {
+				width: 100%;
+				margin-bottom: var(--account_btnDistance);
+			}
+		}
+	}
+`;
+export default ReviewPopupStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/order/OrderedItems/Review/Popup/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/modules/order/OrderedItems/Review/Popup/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoID,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,qBAAqB,CAC1G,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,qBAAqB,CACzG,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,qBAAqB,CACzG,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,qBAAqB,CACzG,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BL,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,qBAAqB,CAC1G,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BF,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjH,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0BC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/modules/order/OrderedItems/Review/index.d.ts

@@ -0,0 +1,9 @@
+export default Review;
+declare function Review({ status, data, addOrUpdateReview, className }: {
+    status: any;
+    data: any;
+    addOrUpdateReview: any;
+    className?: string;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/order/OrderedItems/Review/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/order/OrderedItems/Review/index.js"],"names":[],"mappings":";AAQA;;;;;sBAsJC;kBA9JkC,OAAO"}

package/dist/modules/order/OrderedItems/Review/index.js

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { useUi, useTranslation, Text, Image } from '@weareconceptstudio/core';
+import { useAccountContext } from '../../../../AccountProvider';
+import { AccountButton } from '../../../../components';
+import { defaultIconInfo, defaultIconLeftArrow, defaultIconRightArrow } from '../util';
+import ReviewPopup from './Popup';
+const Review = ({ status, data, addOrUpdateReview, className = '' }) => {
+    const { openPopup } = useUi();
+    const { translate } = useTranslation();
+    const { order } = useAccountContext();
+    //! Review popup
+    const handleReviewPopup = useCallback(({ orderItemId, product, review }) => {
+        return openPopup(React.createElement(ReviewPopup, { orderItemId: orderItemId, product: product, review: review, addOrUpdateReview: addOrUpdateReview }), { className: 'is-review-popup' });
+    }, [addOrUpdateReview]);
+    return order?.hasProductReview ? (React.createElement(React.Fragment, null, status == 'canceled' ? (React.createElement("div", { className: `${className}` },
+        React.createElement("div", { className: `order-items-review-inner-wrapper ${data?.review ? 'has-review' : ''}` },
+            data?.review ? (React.createElement(React.Fragment, null,
+                React.createElement(Text, { className: `review-title account-p account-p2 account-font-bold account-primary-color1` }, data.review.title),
+                React.createElement(Text, { className: `account-p account-p2 account-font-regular primary-color-2` }, data.review.content),
+                data.review.is_recommended ? (React.createElement(Text, { className: `recommended account-p account-p2 account-font-regular primary-color-2` },
+                    React.createElement(Text, { tag: 'span' },
+                        React.createElement("span", { className: 'account-font-bold account-primary-color1' },
+                            translate('account.review.yes'),
+                            ",",
+                            ' '),
+                        translate('account.review.iRecommendThisProduct'),
+                        "."))) : null,
+                React.createElement(Text, { className: `account-p account-p2 account-font-regular primary-color-3 capitalize read-time` }, data.review.date),
+                data.review.images?.length > 0 ? (React.createElement("div", { className: `slider-wrapper` },
+                    React.createElement(Swiper, { slidesPerView: 'auto', navigation: {
+                            prevEl: `.swiper-button-prev-${index}`,
+                            nextEl: `.swiper-button-next-${index}`,
+                        } }, data.review.images.map((i, k) => {
+                        return (React.createElement(SwiperSlide, { key: k, className: `image-item-wrap` },
+                            React.createElement("div", { className: `cursor-pointer`, onClick: () => openPopup() },
+                                React.createElement(Image, { src: i?.src, alt: i?.alt }))));
+                    })),
+                    React.createElement("div", { className: `swiper-btn-wrapper` },
+                        React.createElement(AccountButton, { btnType: 'icon', svg_icon: defaultIconLeftArrow, className: `swiper-button-prev-${index}` }),
+                        React.createElement(AccountButton, { btnType: 'icon', svg_icon: defaultIconRightArrow, className: `swiper-button-next-${index}` })))) : null,
+                data.review.reply ? (React.createElement("div", { className: 'admin-reply-wrapper' },
+                    React.createElement(Text, { className: `review-title account-p account-p2 account-font-bold account-primary-color1` }, data.review.replier),
+                    React.createElement("div", { dangerouslySetInnerHTML: { __html: data.review.reply }, className: 'review-description-wrapper' }),
+                    React.createElement(Text, { className: `account-p account-p2 account-font-regular primary-color-3 capitalize read-time` }, data.review.replied_at))) : null)) : null,
+            React.createElement("div", { className: 'order-items-review-buttons-wrapper' },
+                React.createElement(AccountButton, { text: data.review ? 'account.review.editReview' : 'account.review.writeReview', btnType: data.review ? 'outline' : 'full-width', className: data.review ? 'outline-version' : 'full-width-version', onClick: () => handleReviewPopup({
+                        orderItemId: data.id,
+                        product: data.product,
+                        review: data.review,
+                    }) }),
+                React.createElement("div", { className: `review-warning-wrapper` },
+                    defaultIconInfo,
+                    React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1`, text: `account.review.writeReviewDesc` })))))) : null)) : null;
+};
+export default Review;
+//# sourceMappingURL=index.js.map

package/dist/modules/order/OrderedItems/Review/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/order/OrderedItems/Review/index.js"],"names":[],"mappings":"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"}

package/dist/modules/order/OrderedItems/index.d.ts

@@ -1,7 +1,8 @@
 export default OrderedItems;
-declare function OrderedItems({ data: items, dataId }: {
+declare function OrderedItems({ data, dataId, status }: {
     data: any;
     dataId: any;
+    status: any;
 }): React.JSX.Element;
 import React from 'react';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/order/OrderedItems/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/index.js"],"names":[],"mappings":";AAQA;;;sBA+EC;kBAvF8B,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/index.js"],"names":[],"mappings":";AASA;;;;sBAiGC;kBA1GqD,OAAO"}

package/dist/modules/order/OrderedItems/index.js

@@ -1,26 +1,34 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { Text, useUi } from '@weareconceptstudio/core';
-import { useCart } from '../../cart';
+import { useCart } from '@weareconceptstudio/cart';
 import { AccountButton } from '../../../components';
 import Item from './Item';
 import ItemMobile from './ItemMobile';
 import OrderedItemsStyle from './style';
-const OrderedItems = ({ data: items, dataId }) => {
+import { useAccountContext } from '../../../AccountProvider';
+const OrderedItems = ({ data, dataId, status }) => {
     const { winWidth } = useUi();
     const cartContext = useCart();
+    const { order } = useAccountContext();
+    //! State
+    const [items, setItems] = useState(data);
+    //! Handle Review update
+    const addOrUpdateReview = useCallback((id, newValues) => {
+        setItems(items.map((item) => (item.id == id ? { ...item, review: newValues } : item)));
+    }, [items]);
     //! Store order items
     const storeOrderedItems = useMemo(() => {
         return items?.length > 0
-            ? items.map((item, index) => winWidth >= 768 ? (React.createElement(Item, { key: index, data: item })) : (React.createElement(ItemMobile, { key: index, data: item })))
+            ? items.map((item, index) => winWidth >= 768 ? (React.createElement(Item, { key: index, data: item, status: status, addOrUpdateReview: addOrUpdateReview })) : (React.createElement(ItemMobile, { key: index, data: item, status: status, addOrUpdateReview: addOrUpdateReview })))
             : null;
-    }, [items, winWidth]);
+    }, [items, winWidth, status, addOrUpdateReview]);
     const handleReorder = () => {
         cartContext.reorder(dataId);
     };
     return items?.length > 0 ? (React.createElement(OrderedItemsStyle, { className: `ordered-items-wrapper` },
         React.createElement("div", { className: 'order-flex-block' },
             React.createElement(Text, { className: 'account-p account-p1 account-font-bold account-primary-color1 ', text: 'account.order_management.orderItems' }),
-            React.createElement(AccountButton, { onClick: handleReorder, className: 'reorder-btn', text: 'account.order_balance.reorder' })),
+            order?.hasReorder ? (React.createElement(AccountButton, { onClick: handleReorder, className: 'reorder-btn', text: 'account.order_balance.reorder' })) : null),
         React.createElement("div", { className: 'line' }),
         React.createElement("div", { className: `order-items-table-wrap` },
             React.createElement("div", { className: `titles-wrap` },

package/dist/modules/order/OrderedItems/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,iBAAiB,MAAM,SAAS,CAAC;AAExC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,OAAO,EAAE,CAAC;IAE9B,qBAAqB;IACrB,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;YACvB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC1B,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI,IACJ,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,GACT,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IACV,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,GACT,CACF,CACD;YACF,CAAC,CAAC,IAAI,CAAC;IACT,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,iBAAiB,IAAC,SAAS,EAAE,uBAAuB;QACpD,6BAAK,SAAS,EAAC,kBAAkB;YAChC,oBAAC,IAAI,IACJ,SAAS,EAAE,gEAAgE,EAC3E,IAAI,EAAE,qCAAqC,GAC1C;YAEF,oBAAC,aAAa,IACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,+BAA+B,GACpC,CACG;QAEN,6BAAK,SAAS,EAAC,MAAM,GAAG;QAExB,6BAAK,SAAS,EAAE,wBAAwB;YACvC,6BAAK,SAAS,EAAE,aAAa;gBAC5B,6BAAK,SAAS,EAAE,qBAAqB;oBACpC,oBAAC,IAAI,IACJ,SAAS,EAAE,sEAAsE,EACjF,IAAI,EAAE,4BAA4B,GACjC,CACG;gBAEN,6BAAK,SAAS,EAAE,qBAAqB;oBACpC,oBAAC,IAAI,IACJ,SAAS,EAAE,sEAAsE,EACjF,IAAI,EAAE,gCAAgC,GACrC,CACG;gBAEN,6BAAK,SAAS,EAAE,gCAAgC;oBAC/C,oBAAC,IAAI,IACJ,SAAS,EAAE,kFAAkF,EAC7F,IAAI,EAAE,6BAA6B,GAClC,CACG;gBAEN,6BAAK,SAAS,EAAE,gCAAgC;oBAC/C,oBAAC,IAAI,IACJ,SAAS,EAAE,kFAAkF,EAC7F,IAAI,EAAE,6BAA6B,GAClC,CACG,CACD;YAEN,6BAAK,SAAS,EAAC,YAAY,IAAE,iBAAiB,CAAO,CAChD,CACa,CACpB,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/index.js"],"names":[],"mappings":"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"}

package/dist/modules/order/OrderedItems/style.d.ts

@@ -1,3 +1,3 @@
 export default OrderedItemsStyle;
-declare const OrderedItemsStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OrderedItemsStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 //# sourceMappingURL=style.d.ts.map

package/dist/modules/order/OrderedItems/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":";AAEA,6PAi4BE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":";AAEA,gPAi7BE"}

package/dist/modules/order/OrderedItems/style.js

@@ -137,7 +137,9 @@ const OrderedItemsStyle = styled.div `
 				isolation: isolate;
 
 				.image-cont {
-					padding-top: var(--account_imageHeight) !important;
+					--imagePaddingTop: var(--account_imageHeight) important;
+					--proportion: var(--account_imageHeight) !important;
+					--core_proportion: var(--account_imageHeight) !important;
 				}
 			}
 		}
@@ -183,10 +185,13 @@ const OrderedItemsStyle = styled.div `
 
 		.order-items-review-inner-wrapper {
 			margin-left: calc(var(--account_imageWidth) + var(--account_col1RightWrapML));
-			border-top: 1px solid var(--account_primaryColor5);
-			padding-top: var(--account_reviewWrapMTop);
 			overflow: hidden;
 
+			&.has-review {
+				border-top: 1px solid var(--account_primaryColor5);
+				padding-top: var(--account_reviewWrapMTop);
+			}
+
 			.review-title {
 				margin-bottom: var(--account_editorTitleMBot);
 			}
@@ -229,6 +234,8 @@ const OrderedItemsStyle = styled.div `
 
 						.image-cont {
 							--imagePaddingTop: var(--account_proportion) !important;
+							--proportion: var(--account_proportion) !important;
+							--core_proportion: var(--account_proportion) !important;
 						}
 					}
 				}
@@ -341,9 +348,12 @@ const OrderedItemsStyle = styled.div `
 			display: flex;
 			margin-top: var(--account_reviewDescMTop);
 
-			i {
-				height: fit-content;
+			svg {
+				max-width: var(--account_p3);
+				min-width: var(--account_p3);
+				height: var(--account_p3);
 				margin-right: var(--account_reviewInfoIconDistance);
+				fill: var(--account_primaryColor1);
 			}
 		}
 	}
@@ -379,6 +389,15 @@ const OrderedItemsStyle = styled.div `
 		white-space: pre-wrap;
 	}
 
+	.col-1-right-wrap {
+		.ordered-item-title {
+			a,
+			button {
+				text-align: left;
+			}
+		}
+	}
+
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--account_orderItemsMarginTop: var(--sp11x);
 		--account_spaceLineMarginTop: var(--sp2x);
@@ -708,8 +727,15 @@ const OrderedItemsStyle = styled.div `
 					height: fit-content;
 
 					.image-cont {
-						/* padding-top: 125% !important; */
-						padding-top: 100% !important;
+						--imagePaddingTop: 100% important;
+						--proportion: 100% !important;
+						--core_proportion: 100% !important;
+
+						&.is-variant-version-enabled {
+							--imagePaddingTop: 125% important;
+							--proportion: 125% !important;
+							--core_proportion: 125% !important;
+						}
 					}
 				}
 
@@ -741,8 +767,13 @@ const OrderedItemsStyle = styled.div `
 
 		.order-items-mobile-review-wrapper {
 			margin-top: var(--sp3x);
-			border-top: 1px solid var(--account_primaryColor5);
-			padding-top: var(--sp3x);
+
+			.order-items-review-inner-wrapper {
+				&.has-review {
+					border-top: 1px solid var(--account_primaryColor5);
+					padding-top: var(--sp3x);
+				}
+			}
 
 			.review-title {
 				margin-bottom: var(--account_editorTitleMBot);
@@ -786,6 +817,8 @@ const OrderedItemsStyle = styled.div `
 
 						.image-cont {
 							--imagePaddingTop: var(--account_proportion) !important;
+							--proportion: var(--account_proportion) !important;
+							--core_proportion: var(--account_proportion) !important;
 						}
 					}
 				}
@@ -885,13 +918,16 @@ const OrderedItemsStyle = styled.div `
 				}
 			}
 
-			.mobile-review-warning-wrapper {
+			.review-warning-wrapper {
 				display: flex;
 				margin-top: var(--sp1x);
 
-				i {
-					height: fit-content;
+				svg {
+					max-width: var(--account_p3);
+					min-width: var(--account_p3);
+					height: var(--account_p3);
 					margin-right: var(--sp1x);
+					fill: var(--account_primaryColor1);
 				}
 			}
 		}

package/dist/modules/order/OrderedItems/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":"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"}

package/dist/modules/order/OrderedItems/util.d.ts

@@ -1,3 +1,7 @@
+export function getProductImage(data: any): any;
 export const defaultIconGift: React.JSX.Element;
+export const defaultIconLeftArrow: React.JSX.Element;
+export const defaultIconRightArrow: React.JSX.Element;
+export const defaultIconInfo: React.JSX.Element;
 import React from 'react';
 //# sourceMappingURL=util.d.ts.map

package/dist/modules/order/OrderedItems/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/util.js"],"names":[],"mappings":"AAEA,gDASE;kBAXgB,OAAO"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/util.js"],"names":[],"mappings":"AAWO,gDAMN;AAED,gDASE;AAEF,qDASE;AAEF,sDASE;AAEF,gDASE;kBA7DgB,OAAO"}