Feat/vnda prices segment

vnda/actions/cart/addItem.ts

@@ -2,6 +2,7 @@ import { HttpError } from "../../../utils/http.ts";
 import cartLoader, { Cart } from "../../loaders/cart.ts";
 import { AppContext } from "../../mod.ts";
 import { getCartCookie } from "../../utils/cart.ts";
+import { getCC } from "../../utils/segment.ts";
 
 export interface Props {
   itemId: string;
@@ -22,11 +23,14 @@ const action = async (
     throw new HttpError(400, "Missing cart cookie");
   }
 
+  const cc = getCC(req);
+
   await api["POST /api/v2/carts/:cartId/items"]({ cartId }, {
     body: {
       sku: itemId,
       quantity,
       extra: attributes,
+      store_coupon_code: cc,
     },
   });
 

vnda/loaders/productDetailsPage.ts

@@ -3,6 +3,7 @@ import { STALE } from "../../utils/fetch.ts";
 import type { RequestURLParam } from "../../website/functions/requestToParam.ts";
 import { AppContext } from "../mod.ts";
 import { ProductPrice } from "../utils/client/types.ts";
+import { getCC } from "../utils/segment.ts";
 import { parseSlug, toProduct } from "../utils/transform.ts";
 
 export interface Props {
@@ -34,6 +35,7 @@ async function loader(
   }
 
   const { id } = fromSlug;
+  const cc = getCC(req);
 
   const getMaybeProduct = async (id: number) => {
     try {
@@ -54,22 +56,23 @@ async function loader(
 
   // Since the Product by ID request don't return the INTL price, is necessary to search all prices and replace them
   const getProductPrice = async (id: number): Promise<ProductPrice | null> => {
-    if (!priceIntl) {
+    if (!priceIntl && !cc) {
       return null;
-    } else {
-      try {
-        const result = await api["GET /api/v2/products/:productId/price"]({
-          productId: id,
-        }, STALE);
-        return result.json();
-      } catch (error) {
-        // Make async rendering work
-        if (error instanceof DOMException && error.name === "AbortError") {
-          throw error;
-        }
-
-        return null;
+    }
+
+    try {
+      const result = await api["GET /api/v2/products/:productId/price"]({
+        productId: id,
+        coupon_codes: cc ? [cc] : [],
+      }, STALE);
+      return result.json();
+    } catch (error) {
+      // Make async rendering work
+      if (error instanceof DOMException && error.name === "AbortError") {
+        throw error;
       }
+
+      return null;
     }
   };
 
@@ -84,7 +87,6 @@ async function loader(
   if (!maybeProduct || variantsLength === 0) {
     return null;
   }
-
   const product = toProduct(maybeProduct, variantId, {
     url,
     priceCurrency: "BRL",

vnda/middleware.ts

@@ -1,11 +1,12 @@
-import { AppMiddlewareContext } from "./mod.ts";
 import { equal } from "std/testing/asserts.ts";
+import { AppMiddlewareContext } from "./mod.ts";
 import {
   buildSegmentCookie,
   getSegmentFromBag,
   getSegmentFromCookie,
   setSegmentCookie,
   setSegmentInBag,
+  setStoreCC,
 } from "./utils/segment.ts";
 
 export const middleware = (
@@ -14,9 +15,17 @@ export const middleware = (
   ctx: AppMiddlewareContext,
 ) => {
   const segment = getSegmentFromBag(ctx);
+  const url = new URL(req.url);
+  const cc = url.searchParams.get("cc");
+
+  if (cc) {
+    setStoreCC(cc, ctx.response.headers);
+  }
+
   if (!segment) {
     const segmentFromRequest = buildSegmentCookie(req);
     const segmentFromCookie = getSegmentFromCookie(req);
+
     if (
       segmentFromRequest !== null &&
       !equal(segmentFromRequest, segmentFromCookie)

vnda/utils/segment.ts

@@ -5,6 +5,8 @@ interface Segment {
   agent: string;
 }
 
+export const STORE_CC_COOKIE_NAME = "store_cc";
+export const CART_CC_COOKIE_NAME = "cart_cc";
 export const SEGMENT_COOKIE_NAME = "vnda_segment";
 const SEGMENT = Symbol("segment");
 const SIXTYDAYS = new Date(Date.now() + 60 * 24 * 60 * 60 * 1000);
@@ -19,11 +21,8 @@ export const parse = (cookie: string) => JSON.parse(atob(cookie));
 export const buildSegmentCookie = (req: Request): string | null => {
   const url = new URL(req.url);
   const param = url.searchParams.get("agent");
-  if (param) {
-    const partialSegment: string = param;
-    return partialSegment;
-  }
-  return null;
+
+  return param || null;
 };
 
 export const getSegmentFromCookie = (
@@ -49,3 +48,33 @@ export const setSegmentCookie = (
 
   return headers;
 };
+
+export const getCC = (
+  req: Request,
+): string | undefined => {
+  const cookies = getCookies(req.headers);
+  const cookie = cookies[STORE_CC_COOKIE_NAME];
+  return cookie;
+};
+
+export const setStoreCC = (
+  cc: string,
+  headers: Headers = new Headers(),
+): Headers => {
+  setCookie(headers, {
+    value: cc,
+    name: STORE_CC_COOKIE_NAME,
+    path: "/",
+    secure: true,
+    httpOnly: true,
+  });
+  setCookie(headers, {
+    value: cc,
+    name: CART_CC_COOKIE_NAME,
+    path: "/",
+    secure: true,
+    httpOnly: true,
+  });
+
+  return headers;
+};

vnda/utils/transform.ts

@@ -18,7 +18,7 @@ import {
   ProductVariant,
   VariantProductSearch,
 } from "./openapi/vnda.openapi.gen.ts";
-import { getSegmentFromCookie, parse } from "./segment.ts";
+import { getCC } from "./segment.ts";
 
 export type VNDAProductGroup = ProductSearch | OProduct;
 type VNDAProduct = VariantProductSearch | ProductVariant;
@@ -511,13 +511,12 @@ export const fetchAndApplyPrices = async (
   req: Request,
   ctx: AppContext,
 ): Promise<Product[]> => {
-  const segmentCookie = getSegmentFromCookie(req);
-  const segment = segmentCookie ? parse(segmentCookie) : null;
+  const cc = getCC(req);
 
   const pricePromises = products.map((product) =>
     ctx.api["GET /api/v2/products/:productId/price"]({
       productId: product.sku,
-      coupon_codes: segment?.cc ? [segment.cc] : [],
+      coupon_codes: cc ? [cc] : [],
     }, STALE)
   );