Filter polar products (#116)

* feat: filter polar products by id and sort by price amount

* chore: remove commented code

* Update src/lib/polar/productIds.ts

Co-authored-by: hobbescodes <[email protected]>

* refactor(products): update whitelisted product IDs

* chore: remove spread operator for product list ids

---------

Co-authored-by: hobbescodes <[email protected]>

Author: Twonarly1

src/app/pricing/page.tsx

@@ -3,7 +3,7 @@ import { redirect } from "next/navigation";
 import { auth } from "auth";
 import { PricingOverview } from "components/pricing";
 import { app } from "lib/config";
-import { polar } from "lib/polar";
+import { BACKFEED_PRODUCT_IDS, polar } from "lib/polar";
 
 export const dynamic = "force-dynamic";
 
@@ -23,9 +23,8 @@ const PricingPage = async () => {
   ] = await Promise.all([
     auth(),
     polar.products.list({
-      isArchived: false,
-      // ! NB: important that the product name includes this query string (i.e. Backfeed)
-      query: app.name,
+      id: BACKFEED_PRODUCT_IDS,
+      sorting: ["price_amount"],
     }),
   ]);
 

src/components/pricing/PricingOverview/PricingOverview.tsx

@@ -20,7 +20,6 @@ import { app } from "lib/config";
 import { useSearchParams } from "lib/hooks";
 
 import type { Product } from "@polar-sh/sdk/models/components/product";
-import type { ProductPriceFixed } from "@polar-sh/sdk/models/components/productpricefixed";
 
 interface Props {
   /** The products available for pricing tiers. */
@@ -35,14 +34,7 @@ const PricingOverview = ({ products }: Props) => {
 
   const filteredProducts = useMemo(
     () =>
-      products
-        .filter((product) => product.recurringInterval === pricingModel)
-        // ! NB: this sort function is limited. Prices must fall in the `fixed` price type. May need to adjust accordingly in the future.
-        .sort(
-          (a, b) =>
-            (a.prices[0] as ProductPriceFixed).priceAmount -
-            (b.prices[0] as ProductPriceFixed).priceAmount,
-        ),
+      products.filter((product) => product.recurringInterval === pricingModel),
     [products, pricingModel],
   );
 

src/lib/polar/index.ts

@@ -1 +1,2 @@
 export { default as polar } from "./polar";
+export { default as BACKFEED_PRODUCT_IDS } from "./productIds";

src/lib/polar/productIds.ts

@@ -0,0 +1,16 @@
+const BACKFEED_PRODUCT_IDS: string[] = [
+  "9fdf9d78-f4f7-4222-93ed-55ae60d996e4", // Backfeed Basic (Monthly) sandbox
+  "9a135ea6-5e7c-448b-8070-a5534ae72d93", // Backfeed Basic (Yearly) sandbox
+  "51eaf279-48b4-422a-939f-046cb299655d", // Backfeed Team (Monthly) sandbox
+  "2479fd7f-03b3-4965-9887-e701e8e18e14", // Backfeed Team (Yearly) sandbox
+  "3776b994-1c73-4869-afef-f34a2ca68181", // Backfeed Enterprise (Monthly) sandbox
+  "48d27c97-50da-441b-ba44-d90b8c2d60b3", // Backfeed Enterprise (Yearly) sandbox
+  "768e1aee-fc38-46fa-91d9-1c15b71375dd", // Backfeed Basic (Monthly) prod
+  "a35183cc-5223-4e64-852c-a291a6f52222", // Backfeed Basic (Yearly) prod
+  "b1f48ae5-0de4-416e-9b16-39b3f01372b6", // Backfeed Team (Monthly) prod
+  "39e6bf3d-0aef-4fe0-abdb-243af14b010f", // Backfeed Team (Yearly) prod
+  "7e2bd7d7-6a43-4c0d-8545-c59d2fabd598", // Backfeed Enterprise (Monthly) prod
+  "51906ba1-b6a9-43c9-83ee-f2fe399a792f", // Backfeed Enterprise (Yearly) prod
+] as const;
+
+export default BACKFEED_PRODUCT_IDS;