@tycoonsystems/tycoon-modules/modules/ecommerce/cart/ItemsRemaining.js

www.tv.tycoon.systems/documentation

import React from"react";import{resolveCurrentStyle,resolveCurrentOption,resolveMoneyFormat,resolveRegionBasedPrice,resolveImg}from"@tycoonsystems/tycoon-modules/utility/ecommerce/ecommerce.js";import Inventory from"@mui/icons-material/Inventory";const Module=l=>React.createElement("div",{className:"flex gap-p3 Ecommerce_CartItems_InternalContainer ",style:{flexDirection:"column",marginTop:".3rem",marginBottom:".3rem"}},0<l?.useCartOfCurrency?.remaining?.length?React.createElement("div",{style:{background:"#222222",borderRadius:".5rem",fontSize:".75rem",lineHeight:".7rem",marginBottom:".25rem",padding:".25rem .5rem"}},"The Items below will be processed after the current purchase. They are in a different currency."):null,l?.useCartOfCurrency?.remaining?.map?l?.useCartOfCurrency?.remaining?.map((e,t)=>{var a=resolveCurrentStyle(e.product,e.style),r=resolveCurrentOption(a,e.option),m=resolveRegionBasedPrice(l,a),c=m.price,m=m.symbol,n=e?.product?.images&&e.product.images[0]&&e.product.images[0].name?e.product.images[0].name:null;return React.createElement("div",{className:"gap-p2 Ecommerce_Item_Container",key:t},React.createElement("div",{className:"Ecommerce_Item_InternalContainer",style:{display:"flex",gap:".5rem"}},React.createElement("div",{className:"Ecommerce_Item_Image_Container",style:{backgroundImage:n&&l?.cdn?.static?`url(${l.cdn.static}/${n})`:null,borderRadius:".25rem"}},React.createElement("img",{src:resolveImg(l.editing,l.cdn),className:"Product_img Ecommerce_ItemImg",style:{opacity:n?0:1,borderRadius:".25rem"}})),React.createElement("div",{className:"Ecommerce_Item_DataContainer",style:{width:"100%"}},React.createElement("div",{className:"flex gap-p2 Ecommerce_Cart_Title_Main_Container"},React.createElement("div",{className:"Ecommerce_Title"},e.product.name),React.createElement("div",{className:"Ecommerce_Cart_Price_Container"},React.createElement("div",{className:"Ecommerce_Price"},m,resolveMoneyFormat(c)))),React.createElement("div",{className:"flex Ecommerce_Item_Details",style:{justifyContent:"space-between"}},React.createElement("div",null,React.createElement("span",{className:"flex Ecommerce_Item_Options_Style_Container",style:{fontSize:".7rem",color:"grey"}},React.createElement("div",{className:"Ecommerce_Item_Style"},a&&a.style?a.style:""),React.createElement("span",{className:"Ecommerce_Item_Seperator"}," ~ "),React.createElement("div",{className:"Ecommerce_Item_Option"},r&&r.option?""+r.option:"")),React.createElement("div",{className:"Ecommerce_Cart_Quantity_Container"},React.createElement("div",{className:"Ecommerce_Item_Inv",style:{display:"flex",alignSelf:"center"}},React.createElement(Inventory,{className:"Ecommerce_Item_InvIcon",sx:{width:".85rem",height:".9rem",marginRight:".25rem"}})),React.createElement("input",{className:"Ecommerce_Item_UpdateQuantity",type:"number",value:e.quantity,style:{height:"1.125rem",maxWidth:"3rem"},onChange:l?.handleUpdateQuantity,styleId:e.style,optionId:e.option,productId:e.product.id,quantity:e.quantity}))),React.createElement("div",{className:"Ecommerce_Cart_Side_Meta_Container"},React.createElement("div",{className:"Ecommerce_Item_Subtotal",style:{color:"grey",fontSize:".7rem",height:"17px",textAlign:"right"}},"Subtotal:"),React.createElement("div",{className:"Ecommerce_Price"},m,resolveMoneyFormat(e.quantity*c)))))))}):null);export default Module;