@pradip1995/segment-cart-summary 0.2.0

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@pradip1995/segment-cart-summary",
+  "version": "0.2.0",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./manifest": "./src/manifest.ts"
+  },
+  "peerDependencies": {
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "next": ">=15"
+  },
+  "dependencies": {
+    "@pradip1995/segment-primitives": "0.2.0",
+    "@pradip1995/segment-tokens": "0.2.0"
+  },
+  "devDependencies": {
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "@types/react": "^19",
+    "react": "19.0.3",
+    "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default } from "./segment"
+export { default as manifest } from "./manifest"

package/src/manifest.ts

@@ -0,0 +1,10 @@
+import type { SegmentManifest } from "@pradip1995/plugin-sdk"
+
+const manifest: SegmentManifest = {
+  id: "cart-summary",
+  type: "segment",
+  version: "0.1.0",
+  compatibleFramework: ["^1.0.0"],
+}
+
+export default manifest

package/src/segment.tsx

@@ -0,0 +1,62 @@
+import LocalizedLink from "@pradip1995/segment-primitives/localized-link"
+import CouponApply from "@pradip1995/segment-primitives/coupon-apply"
+import { formatPrice } from "@pradip1995/segment-primitives/format-price"
+import type { HttpTypes } from "@medusajs/types"
+
+export default function CartSummary({
+  cart,
+  summaryTitle = "Order Summary",
+}: {
+  cart?: HttpTypes.StoreCart | null
+  summaryTitle?: string
+}) {
+  const currency = cart?.currency_code || "inr"
+  const items = cart?.items || []
+
+  return (
+    <aside className="card-surface rounded-lg p-6 h-fit sticky top-24 lg:col-span-1">
+      <h2 className="section-heading text-lg mb-4">{summaryTitle}</h2>
+
+      {items.length > 0 && cart ? <CouponApply cart={cart} className="mb-6" /> : null}
+
+      {items.length > 0 ? (
+        <dl className="space-y-2 text-sm mb-6">
+          <div className="flex justify-between">
+            <dt className="text-muted">Subtotal</dt>
+            <dd className="text-heading">{formatPrice(cart?.subtotal, currency)}</dd>
+          </div>
+          {(cart?.discount_total ?? 0) > 0 && (
+            <div className="flex justify-between text-green-700">
+              <dt>Discount</dt>
+              <dd>-{formatPrice(cart?.discount_total, currency)}</dd>
+            </div>
+          )}
+          {cart?.shipping_total != null && cart.shipping_total > 0 && (
+            <div className="flex justify-between">
+              <dt className="text-muted">Shipping</dt>
+              <dd className="text-heading">{formatPrice(cart.shipping_total, currency)}</dd>
+            </div>
+          )}
+          {cart?.tax_total != null && cart.tax_total > 0 && (
+            <div className="flex justify-between">
+              <dt className="text-muted">Tax</dt>
+              <dd className="text-heading">{formatPrice(cart.tax_total, currency)}</dd>
+            </div>
+          )}
+          <div className="flex justify-between pt-3 border-t border-cart-border font-semibold">
+            <dt className="text-heading">Total</dt>
+            <dd className="text-brand-accent">{formatPrice(cart?.total, currency)}</dd>
+          </div>
+        </dl>
+      ) : (
+        <p className="text-muted text-sm mb-6">No items in cart</p>
+      )}
+
+      {items.length > 0 && (
+        <LocalizedLink href="/checkout" className="btn-primary block text-center w-full">
+          Proceed to checkout
+        </LocalizedLink>
+      )}
+    </aside>
+  )
+}