@akinon/projectzero 2.0.0-beta.2 → 2.0.0-beta.20

package/app-template/src/views/anonymous-tracking/order-detail/index.tsx

@@ -22,14 +22,15 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
   const groupedOrder = [];
 
   if (order) {
-    const groupedData = order.orderitem_set.reduce((groups, item) => {
-      const { tracking_number } = item;
-      if (!groups[tracking_number]) {
-        groups[tracking_number] = [];
-      }
-      groups[tracking_number].push(item);
-      return groups;
-    }, {});
+    const groupedData =
+      order?.orderitem_set?.reduce((groups, item) => {
+        const { tracking_number } = item;
+        if (!groups[tracking_number]) {
+          groups[tracking_number] = [];
+        }
+        groups[tracking_number].push(item);
+        return groups;
+      }, {}) || {};
 
     const result = Object.values(groupedData);
 
@@ -67,8 +68,8 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
 
             <div>
               <span className="text-base font-bold">
-                {order.orderitem_set.length}{' '}
-                {t('account.my_orders.detail.products')} {groupedOrder.length}{' '}
+                {order?.orderitem_set?.length}{' '}
+                {t('account.my_orders.detail.products')} {groupedOrder?.length}{' '}
                 {t('account.my_orders.detail.packages')}
               </span>
             </div>
@@ -78,17 +79,17 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
               className="break-words"
             >
               <span>{t('account.my_orders.detail.delivery_address')}</span>:{' '}
-              {order?.shipping_address.line}{' '}
-              {order?.shipping_address.district.name}{' '}
-              {order?.shipping_address.township.name}{' '}
-              {order?.shipping_address.city.name}
+              {order?.shipping_address?.line}{' '}
+              {order?.shipping_address?.district?.name}{' '}
+              {order?.shipping_address?.township?.name}{' '}
+              {order?.shipping_address?.city?.name}
             </div>
           </OrderDetailHeader>
 
           <div>
             {groupedOrder.map((group, i) => {
               const orderStatus = getOrderStatus(
-                group[0].status.value.toString(),
+                group[0]?.status?.value?.toString(),
                 t
               );
 
@@ -112,8 +113,8 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
                     <div className="flex justify-between items-center lg:gap-x-12">
                       <div className="text-base">{orderStatus.label}</div>
 
-                      {group[0].tracking_number && group[0].tracking_url && (
-                        <Link href={group[0].tracking_url}>
+                      {group[0]?.tracking_number && group[0]?.tracking_url && (
+                        <Link href={group[0]?.tracking_url}>
                           <Button className="px-7" appearance="filled">
                             {t('account.my_orders.detail.track_shipment')}
                           </Button>
@@ -125,7 +126,7 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
                   <div className="px-4 lg:px-7">
                     {group.map((item, index) => {
                       const itemStatus = getOrderStatus(
-                        item.status.value.toString(),
+                        item?.status?.value?.toString(),
                         t
                       );
 
@@ -138,15 +139,15 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
                             <div className="flex-shrink-0">
                               <Link
                                 className="block"
-                                href={item.product.absolute_url}
+                                href={item?.product?.absolute_url}
                               >
                                 <Image
                                   src={
-                                    item.product.image
+                                    item?.product?.image
                                       ? item.product.image
                                       : '/noimage.jpg'
                                   }
-                                  alt={item.product.name}
+                                  alt={item?.product?.name}
                                   width={112}
                                   height={150}
                                 />
@@ -155,27 +156,32 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
 
                             <div className="flex flex-col justify-between lg:max-w-48">
                               <div className="text-sm">
-                                <Link href={item.product.absolute_url}>
-                                  {item.product.name}
+                                <Link href={item?.product?.absolute_url}>
+                                  {item?.product?.name}
                                 </Link>
                               </div>
 
                               <div className="text-gray-900 text-xs">
-                                {item.product.attributes.filterable_color && (
+                                {item?.product?.attributes
+                                  ?.filterable_color && (
                                   <div>
                                     <span>
                                       {t('account.my_orders.detail.color')}
                                     </span>
-                                    : {item.product.attributes.filterable_color}
+                                    :{' '}
+                                    {
+                                      item?.product?.attributes
+                                        ?.filterable_color
+                                    }
                                   </div>
                                 )}
 
-                                {item.product.attributes.size && (
+                                {item?.product?.attributes?.size && (
                                   <div>
                                     <span>
                                       {t('account.my_orders.detail.size')}
                                     </span>
-                                    :{item.product.attributes.size}
+                                    :{item?.product?.attributes?.size}
                                   </div>
                                 )}
 
@@ -183,7 +189,7 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
                                   <span>
                                     {t('account.my_orders.detail.code')}
                                   </span>
-                                  : {item.product.base_code}
+                                  : {item?.product?.base_code}
                                 </div>
                               </div>
                             </div>
@@ -202,7 +208,7 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
 
                               {(item.is_cancellable || item.is_refundable) &&
                                 order.is_cancellable &&
-                                item.status.value == '400' && (
+                                item?.status?.value == '400' && (
                                   <div className="lg:ml-24">
                                     <Link
                                       href={`${ROUTES.ACCOUNT_ORDERS}/${order.id}/cancellation`}
@@ -256,29 +262,29 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
               <div className="flex justify-between text-sm text-black-700 mb-2">
                 <p>
                   <span>{t('account.my_orders.detail.subtotal')}</span> (
-                  {order?.orderitem_set.length}{' '}
+                  {order?.orderitem_set?.length}{' '}
                   <span>{t('account.my_orders.detail.items')}</span>)
                 </p>
 
                 <Price
                   className="font-normal min-w-max"
                   value={
-                    parseFloat(order.amount_without_discount) -
-                    parseFloat(order.shipping_amount)
+                    parseFloat(order?.amount_without_discount || '0') -
+                    parseFloat(order?.shipping_amount || '0')
                   }
                 />
               </div>
 
-              {order.discountitem_set &&
-                order.discountitem_set.map((item, index) => (
+              {order?.discountitem_set &&
+                order?.discountitem_set?.map((item, index) => (
                   <div
                     className="flex justify-between text-sm text-black-700 mb-2"
                     key={index}
                   >
-                    <p>{item.name}</p>
+                    <p>{item?.name}</p>
                     <Price
                       className="font-normal min-w-max"
-                      value={item.amount}
+                      value={item?.amount}
                       useNegative
                     />
                   </div>
@@ -291,7 +297,8 @@ export const AnonymousTrackingOrderDetail = ({ order }) => {
                   className="font-normal min-w-max"
                   data-testid="account-orders-detail-total"
                   value={
-                    parseFloat(order.amount) - parseFloat(order.shipping_amount)
+                    parseFloat(order?.amount || '0') -
+                    parseFloat(order?.shipping_amount || '0')
                   }
                 />
               </div>