product_data metadata typescript

[bfourgeaud]

Hello,

Does anyone have an idea how to augment the ProductAttributes.product_data interface in order to type the product metadata ?
I need this in order to handle my product variations, and handle subsequent api calls.

I tried creating a shoppingCart.d.ts file but it doesn not work. The interface seems not to be augmentable ...

import "use-shopping-cart"

declare module "use-shopping-cart" {
  interface ProductAttributes {
    product_data: {
      type: "MULTI" | "SINGLE"
      barcode?: string
      options?: string[]
      productId: string
      variantId?: string
    }
  }
}

This causes typescript to show errors when I try to access the item metadata

[dayhaysoos]

Hey @bfourgeaud, did you end up figuring this out? Sorry for the late response!

[bfourgeaud]

@dayhaysoos still not found a way to type the metadata correctly.
I have, for now, created a custom type and casted the product_data as CustomType wherever I neded it ...

[dayhaysoos]

@bfourgeaud That's what I was going to suggest anyway, is there something you think I can do to the type so that you can get your desired results?

[bfourgeaud]

I don't knwo why I can't extend this type.
Maybe because there is no declare module nor declare namespace inside the codebase ... So typescript can't augment these types ?

But for what is sure, is that declaring product_data?: object is quite bizzare in my opinion. At least product_data?: { [key: string]: any } to avoid errors.

But if someone arrives with better understanding of typescript modules, I would be glad. Because It would be the better way to be able to augment the metadata of the product in a d.ts file.