{heroImg
? 
{ e.currentTarget.style.display = 'none'; }}
style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
: window.ShapeIcon ?
{category.short} · {grade.name} · {shapeMeta.name}
{grade.name} {shapeMeta.name}
Ordered by the packet · priced per piece · pieces-per-packet set on bulk upload · sizes shown corner-to-corner.
Size{MOP_MEASURE_TYPE[shape] === 'dia' ? ' (diameter)' : MOP_MEASURE_TYPE[shape] === 'lw' ? ' (length × width)' : MOP_MEASURE_TYPE[shape] === 's2s' ? ' (side to side)' : ' (corner-to-corner)'}
Pcs / packet
₹ / pc
Packets
Line total
{rows.map((r) => {
const price = priceOf(r);
const pk = ppp(r);
const q = qtyBySize[r.s] || 0;
const avail = price != null && price > 0;
const pieces = q * pk;
return (
0 ? 'filled' : ''}`}
style={{ gridTemplateColumns: '1fr 110px 100px 1fr 130px', opacity: avail ? 1 : 0.45 }}>
);
})}
{r.s}
{pk ? pk : '—'}
{avail ? fmt(price) : '—'}
{avail ? (
setQty(r.s, e.target.value)} onFocus={(e) => e.target.select()} />
) : Not available}
{q > 0 && pk &&
= {pieces.toLocaleString('en-IN')} pcs
}
{q > 0 ? fmt(pieces * price) : —}
Sizes selected
{lines.length}
Total packets
{totalPkts.toLocaleString('en-IN')}
Order total
{fmt(totalAmt)}