@pradip1995/segment-bestsellers-carousel 0.2.0

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@pradip1995/segment-bestsellers-carousel",
+  "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/commerce-core": "^4.0.0",
+    "@pradip1995/segment-primitives": "0.2.0",
+    "@pradip1995/segment-product-card": "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,11 @@
+import type { SegmentManifest } from "@pradip1995/plugin-sdk"
+
+const manifest: SegmentManifest = {
+  id: "bestsellers-carousel",
+  type: "segment",
+  version: "0.1.0",
+  compatibleFramework: ["^1.0.0"],
+  dataKey: "lovedByMoms",
+}
+
+export default manifest

package/src/segment.tsx

@@ -0,0 +1,49 @@
+import { getProductsByTag } from "@pradip1995/commerce-core/data/products"
+import ProductScroll from "@pradip1995/segment-product-card/product-scroll"
+import LocalizedLink from "@pradip1995/segment-primitives/localized-link"
+import type { HttpTypes } from "@medusajs/types"
+
+export default async function BestsellersCarousel({
+  products: fallbackProducts,
+  region,
+  ratings,
+  title = "Best sellers",
+  viewAllLink = "View all",
+}: {
+  products?: HttpTypes.StoreProduct[]
+  region?: HttpTypes.StoreRegion | null
+  ratings?: Array<{ product_id?: string; rating?: number }>
+  title?: string
+  viewAllLink?: string
+}) {
+  const countryCode =
+    region?.countries?.[0]?.iso_2?.toLowerCase() ??
+    process.env.NEXT_PUBLIC_DEFAULT_REGION?.toLowerCase() ??
+    "in"
+
+  let products = fallbackProducts ?? []
+
+  try {
+    const tagged = await getProductsByTag({ tagValue: "bestseller", limit: 12, countryCode })
+    if (tagged.length > 0) products = tagged
+  } catch {
+    products = fallbackProducts ?? []
+  }
+
+  const list = products.slice(0, 12)
+  if (list.length === 0) return null
+
+  return (
+    <section className="bestsellers w-full py-8 md:py-12 bg-surface-muted">
+      <div className="mx-auto px-2 sm:px-3 lg:px-4" style={{ maxWidth: "var(--container-max)" }}>
+        <div className="home-section-header">
+          <h2 className="home-section-header__title">{title}</h2>
+          <LocalizedLink href="/store?sortBy=bestsellers" className="home-section-header__link">
+            {viewAllLink}
+          </LocalizedLink>
+        </div>
+        <ProductScroll products={list} region={region} ratings={ratings} />
+      </div>
+    </section>
+  )
+}