Simicart · codynguyen1 · Sep 15, 2022 · Aug 31, 2022 · Sep 5, 2022 · Sep 5, 2022
diff --git a/src/simi/App/nativeInner/Cart/PriceAdjustments/priceAdjustments.js b/src/simi/App/nativeInner/Cart/PriceAdjustments/priceAdjustments.js
@@ -55,7 +55,7 @@ const PriceAdjustments = (props) => {
             return rewardData.code == 'mp_reward_spent';
         });
     const { customerRewardPoint } = useGetRewardPointData({ onCart: true });
-    const exchange_rate = customerRewardPoint.current_exchange_rates;
+    const exchange_rate = customerRewardPoint ? customerRewardPoint.current_exchange_rates : null
     const spending_rate = exchange_rate ? exchange_rate.spending_rate : '';
     const words = spending_rate ? spending_rate.split(' points') : '';
     const money = spending_rate ? spending_rate.split('for $') : '';
@@ -65,7 +65,7 @@ const PriceAdjustments = (props) => {
     const maxPoint = Math.floor(
         (pointSpending * subtotalVal) / moneySpending[0]
     );
-    const balance = customerRewardPoint.point_balance;
+    const balance = customerRewardPoint ? customerRewardPoint.point_balance : 0;
     let rewardPointSelected = 0;
     if (mpRewardSpent && mpRewardSpent.length > 0)
         rewardPointSelected = mpRewardSpent[0].value;

diff --git a/src/simi/App/nativeInner/CartCore/PriceAdjustments/priceAdjustments.js b/src/simi/App/nativeInner/CartCore/PriceAdjustments/priceAdjustments.js
@@ -53,7 +53,7 @@ const PriceAdjustments = props => {
             return rewardData.code == 'mp_reward_spent';
         });
     const { customerRewardPoint } = useGetRewardPointData({ onCart: true });
-    const exchange_rate = customerRewardPoint.current_exchange_rates;
+    const exchange_rate = customerRewardPoint ? customerRewardPoint.current_exchange_rates : null
     const spending_rate = exchange_rate ? exchange_rate.spending_rate : '';
     const words = spending_rate ? spending_rate.split(' points') : '';
     const money = spending_rate ? spending_rate.split('for $') : '';
@@ -63,7 +63,7 @@ const PriceAdjustments = props => {
     const maxPoint = Math.floor(
         (pointSpending * subtotalVal) / moneySpending[0]
     );
-    const balance = customerRewardPoint.point_balance;
+    const balance = customerRewardPoint ? customerRewardPoint.point_balance : 0;
     let rewardPointSelected = 0;
     if (mpRewardSpent && mpRewardSpent.length > 0)
         rewardPointSelected = mpRewardSpent[0].value;

diff --git a/src/simi/App/nativeInner/Checkout/PriceAdjustments/priceAdjustments.js b/src/simi/App/nativeInner/Checkout/PriceAdjustments/priceAdjustments.js
@@ -2,7 +2,7 @@ import React, { Suspense, useState } from 'react';
 import LoadingIndicator from '@magento/venia-ui/lib/components/LoadingIndicator';
 import {useBottomNotification} from "src/simi/App/nativeInner/Cart/bottomNotificationHook";
 
-const CorePriceAdjustments = React.lazy(() => import('src/simi/App/core/Cart/PriceAdjustments'));
+const CorePriceAdjustments = React.lazy(() => import('src/simi/App/nativeInner/CartCore/PriceAdjustments'));
 
 const CartPriceAdjustments  = React.lazy(() => import('src/simi/App/nativeInner/Cart/PriceAdjustments'));
 

diff --git a/src/simi/App/nativeInner/GridItem/item.module.css b/src/simi/App/nativeInner/GridItem/item.module.css
@@ -215,8 +215,6 @@ Rate
         display: flex;
         justify-content: space-between;
         box-shadow: 0px 10px 12px -2px rgb(0 0 0 / 30%);
-
-
     }
 }
 @media (max-width: 1024px) {
@@ -312,6 +310,17 @@ Rate
     }
 }
 
+@media(max-width: 1023px) {
+    .product-grid-addcartbtn {
+        min-height: 30px;
+        font-size: 14px;
+    }
+
+    .product-grid-actions {
+        min-height: 40px;
+    }
+}
+
 /* @media (max-width : 375px) {
     .siminia-product-image img {
         max-width: 167px;

diff --git a/src/simi/App/nativeInner/ProductFullDetail/productFullDetail.js b/src/simi/App/nativeInner/ProductFullDetail/productFullDetail.js
@@ -96,6 +96,7 @@ const ProductFullDetail = props => {
     const {
         breadcrumbCategoryId,
         errorMessage,
+        userErrorsMessage,
         handleAddToCart,
         handleBuyNow,
         handleSelectionChange,
@@ -222,6 +223,13 @@ const ProductFullDetail = props => {
 
     // Fill a map with field/section -> error.
     const errors = new Map();
+    if(Array.isArray(userErrorsMessage) && userErrorsMessage.length > 0) {
+        userErrorsMessage.forEach(userErrorMessage => {
+            errors.set('form', [
+                new Error(userErrorMessage)
+            ]);
+        })
+    }
     if (errorMessage) {
         Object.keys(ERROR_MESSAGE_TO_FIELD_MAPPING).forEach(key => {
             if (errorMessage.includes(key)) {
@@ -422,8 +430,6 @@ const ProductFullDetail = props => {
         </React.Fragment>
     )
 
-    console.log('run-')
-
     if(isCallForPriceEnable()) {
         if(!(action === 'login_see_price' && isSignedIn) || action === 'redirect_url' ) {
             wrapperPrice = null
@@ -682,20 +688,14 @@ const ProductFullDetail = props => {
                             {/* <ProductLabel productLabel = {product.mp_label_data.length > 0 ? product.mp_label_data : null} /> */}
                         </section>
 
-                        <FormError
-                            classes={{
-                                root: classes.formErrors
-                            }}
-                            errors={errors.get('form') || []}
-                        />
-
-                        {(!isMobileSite && product.short_description) ? (
-                            <div className="productDescription">
+                        <div className="productDescription">
+                            {(!isMobileSite && product.short_description) ? (    
                                 <RichContent
                                     html={product.short_description.html}
                                 />
-                            </div>
-                        ) : null}
+                            ) : null}
+                        </div>
+
 
                         {!isMobileSite ? (
                             <div className="wrapperOptions">
@@ -732,6 +732,17 @@ const ProductFullDetail = props => {
                             : null}
 
                         {!isMobileSite ? cartAction : null}
+
+                        <div className={classes.wrapperError}>
+                            <FormError
+                                classes={{
+                                    root: classes.formErrors
+                                }}
+                                errors={errors.get('form') || []}
+                            />
+                        </div>    
+
+
                         <div className={classes.wrapperDes}>
                             <section className={classes.description}>
                                 <span
@@ -797,13 +808,13 @@ const ProductFullDetail = props => {
                         </div>
                         {!isMobileSite ? (
                             <section className={classes.details}>
-                                <span className={classes.detailsTitle}>
+                                {/* <span className={classes.detailsTitle}>
                                     <FormattedMessage
                                         id={'SKU'}
                                         defaultMessage={'SKU'}
                                     />
                                 </span>
-                                <strong>{productDetails.sku}</strong>
+                                <strong>{productDetails.sku}</strong> */}
                             </section>
                         ) : (
                             <div className="sku-details">

diff --git a/src/simi/App/nativeInner/ProductFullDetail/productFullDetail.module.css b/src/simi/App/nativeInner/ProductFullDetail/productFullDetail.module.css
@@ -12,13 +12,13 @@
         grid-auto-flow: row;
         grid-template-areas:
             'images title'
-            'images errors'
             'images options'
             'images quantity'
             'images cart'
+            'images errors'
             'images .';
         grid-template-columns: 1.5625fr 1fr;
-        grid-template-rows: repeat(5, min-content) 1fr [fold];
+        grid-template-rows: repeat(7, min-content) 1fr [fold];
         padding: 0;
     }
 }
@@ -120,6 +120,7 @@
 .formErrors {
     composes: section;
     grid-area: errors;
+    border-bottom: none;
 }
 
 .quantity {
@@ -360,6 +361,7 @@
         line-height: 3rem;
         margin-top: 10px;
         position: fixed;
+        left: 0;
         z-index: 7;
         width: 100%;
         /* padding-right: 15px; */

diff --git a/src/simi/App/nativeInner/RootComponents/Product/product.js b/src/simi/App/nativeInner/RootComponents/Product/product.js
@@ -1,11 +1,11 @@
-import React, { Fragment, useEffect, useMemo } from 'react';
+import React, { Suspense, useEffect, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { string } from 'prop-types';
 import { useProduct } from '@simicart/siminia/src/simi/talons/ProductFullDetail/useProduct.js';
 
 import ErrorView from '@magento/venia-ui/lib/components/ErrorView';
 import { StoreTitle, Meta } from '@magento/venia-ui/lib/components/Head';
-import { ProductBuilderFullDetailUpperLower } from '@simicart/siminia/src/simi/App/core/ProductFullDetail';
+// import ProductBuilderFullDetailUpperLower from '@simicart/siminia/src/simi/App/core/ProductFullDetail';
 import ProductFullDetail from '../../ProductFullDetail';
 import { prepareProduct } from 'src/simi/Helper/Product';
 import mapProduct from '@magento/venia-ui/lib/util/mapProduct';
@@ -19,6 +19,8 @@ const storeCode = storage.getItem('store_view_code') || STORE_VIEW_CODE;
 import Seo from '@simicart/siminia/src/simi/App/core/Seo';
 
 const isMobileSite = window.innerWidth <= 450;
+
+const ProductBuilderFullDetailUpperLower = React.lazy('@simicart/siminia/src/simi/App/core/ProductFullDetail/productbuilderFullDetail.upperlower')
 /*
  * As of this writing, there is no single Product query type in the M2.3 schema.
  * The recommended solution is to use filter criteria on a Products query.
@@ -166,11 +168,14 @@ const Product = props => {
                 <StoreTitle>{product.name}</StoreTitle>
                 <Meta name="description" content={product.meta_description} />
                 {foudThepage || pageMaskedId ? (
-                    <ProductBuilderFullDetailUpperLower
-                        product={product}
-                        pageData={foudThepage}
-                        maskedId={pageMaskedId}
-                    />
+                    <Suspense fallback={null}>
+                        <ProductBuilderFullDetailUpperLower
+                            product={product}
+                            pageData={foudThepage}
+                            maskedId={pageMaskedId}
+                        />
+                    </Suspense>
+
                 ) : (
                     <ProductFullDetail product={product} />
                 )}

diff --git a/src/simi/App/nativeInner/WishlistPage/wishlistItem.js b/src/simi/App/nativeInner/WishlistPage/wishlistItem.js
@@ -16,6 +16,7 @@ import defaultClasses from './wishlistItem.module.css';
 import { Link } from 'react-router-dom';
 import { ConfirmPopup } from '../Cart/ConfirmPopup';
 import SocialShare from '../../../BaseComponents/SocialShare';
+import { CREATE_CART as CREATE_CART_MUTATION } from '@magento/peregrine/lib/talons/CreateAccount/createAccount.gql';
 
 const WishlistItem = props => {
     const { item } = props;
@@ -33,7 +34,7 @@ const WishlistItem = props => {
     const { final_price: finalPrice } = maximumPrice;
     const { currency, value: unitPrice } = finalPrice;
 
-    const talonProps = useWishlistItem(props);
+    const talonProps = useWishlistItem({...props, operations: { createCartMutaion: CREATE_CART_MUTATION }});
     const {
         addToCartButtonProps,
         handleRemoveProductFromWishlist,
@@ -222,11 +223,11 @@ const WishlistItem = props => {
                 className={classes.deleteItem}
                 aria-label={removeProductAriaLabel}
             >
-                {!isMobileSite ? (
+                {/* {!isMobileSite ? (
                     <div className={classes.close} />
-                ) : (
+                ) : ( */}
                     <ConfirmPopup
-                        trigger={<VscTrash size={25} />}
+                        trigger={isMobileSite ? <VscTrash size={25} /> : <div className={classes.close} />}
                         content={
                             <FormattedMessage
                                 id={'Delete Warning'}
@@ -238,7 +239,7 @@ const WishlistItem = props => {
                         }
                         confirmCallback={handleRemoveProductFromWishlist}
                     />
-                )}
+                {/* )} */}
             </button>
             <div className={classes.actionWrap}>
                 <span className={classes.name}>{name}</span>{' '}

diff --git a/src/simi/App/nativeInner/WishlistPage/wishlistItem.module.css b/src/simi/App/nativeInner/WishlistPage/wishlistItem.module.css
@@ -55,10 +55,10 @@
 }
 
 .deleteItem {
-    margin: 0 0.5rem 0 1rem;
+    /* margin: 0 0.5rem 0 1rem; */
     justify-self: right;
     position: absolute;
-    left: 0;
+    /* //left: 0; */
 }
 
 .actionWrap {
@@ -81,10 +81,10 @@
 }
 
 .close {
-    position: absolute;
+    /* position: absolute; */
     width: 32px;
     height: 32px;
-    left: -15px;
+    /* left: -15px; */
     opacity: 0.7;
     background-color: #F4F4F4;
     /* padding: 6px; */