@bacano/sdk 1.2.5 → 1.2.7

package/index.cjs

@@ -551,6 +551,12 @@ var GET_PRODUCTS = (
       id
       name
       description
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       long_description
       slug
       seo_title
@@ -786,6 +792,12 @@ var GET_PRODUCT_BY_PK = (
       limit: 1
     ) {
       id
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       product_option_group_members(limit: 1) {
         group {
           id
@@ -1035,6 +1047,12 @@ var GET_PRODUCT_SEO_ENTRIES = (
       id
       name
       slug
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       seo_title
       seo_description
       seo_image_file_id
@@ -2668,6 +2686,7 @@ var GET_PRODUCT_FILTERS = (
   query GetProductFilters(
     $companyId: uuid!
     $chainId: uuid!
+    $websiteId: uuid!
     $where: products_bool_exp = {}
     $attributeListKey: String!
   ) {
@@ -2675,6 +2694,12 @@ var GET_PRODUCT_FILTERS = (
       where: {
         _and: [
           { company_id: { _eq: $companyId } }
+          {
+            product_website_publications: {
+              website_id: { _eq: $websiteId }
+              is_visible: { _eq: true }
+            }
+          }
           {
             chain_products: {
               chain_id: { _eq: $chainId }
@@ -2687,6 +2712,12 @@ var GET_PRODUCT_FILTERS = (
       }
     ) {
       id
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       category
       subcategory
       color
@@ -2794,6 +2825,7 @@ var GET_SEARCH_SUGGESTIONS = (
   query GetSearchSuggestions(
     $companyId: uuid!
     $chainId: uuid!
+    $websiteId: uuid!
     $term: String!
     $productLimit: Int = 5
     $brandLimit: Int = 3
@@ -2801,6 +2833,10 @@ var GET_SEARCH_SUGGESTIONS = (
     products(
       where: {
         company_id: { _eq: $companyId }
+        product_website_publications: {
+          website_id: { _eq: $websiteId }
+          is_visible: { _eq: true }
+        }
         chain_products: {
           chain_id: { _eq: $chainId }
           is_enabled: { _eq: true }
@@ -2813,6 +2849,29 @@ var GET_SEARCH_SUGGESTIONS = (
     ) {
       id
       name
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
+      product_variants(where: { is_disabled: { _eq: false } }) {
+        id
+        product_variant_prices(
+          where: {
+            price_type: { _eq: CLIENT }
+            _or: [
+              { chain_id: { _eq: $chainId } }
+              { chain_id: { _is_null: true } }
+            ]
+          }
+        ) {
+          id
+          price
+          price_type
+          chain_id
+        }
+      }
     }
     brands(
       where: {
@@ -3972,6 +4031,7 @@ function mapProduct(raw, storageUrl, labels, chainId) {
     createdAt: raw.created_at,
     updatedAt: raw.updated_at ?? raw.created_at,
     variants,
+    outOfStockVisibilityOverride: raw.product_website_publications?.[0]?.show_when_out_of_stock ?? null,
     detailVariants,
     media: raw.product_media.map((m) => mapMedia(m, storageUrl)),
     attributes: raw.product_attributes.map(
@@ -4333,7 +4393,7 @@ async function getWebsiteAvailabilityByVariantId(graphqlUrl, getHeaders, variant
   }
   return availabilityByVariantId;
 }
-async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId) {
+async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId, showOutOfStockByDefault = false, onlyInStock = false) {
   const variantIds = products.flatMap(
     (product) => product.variants.map((variant) => variant.id)
   );
@@ -4359,11 +4419,11 @@ async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, c
         pricing: resolveProductPricing(prices)
       };
     }).filter(
-      (variant) => inStockVariantIds.has(variant.id) && variant.pricing.currentPrice != null
+      (variant) => (inStockVariantIds.has(variant.id) || !onlyInStock && (product.outOfStockVisibilityOverride ?? showOutOfStockByDefault)) && variant.pricing.currentPrice != null
     )
   })).filter((product) => product.variants.length > 0);
 }
-async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId) {
+async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId, showOutOfStockByDefault = false) {
   const variantIds = products.flatMap(
     (product) => product.product_variants.map((variant) => variant.id)
   );
@@ -4385,7 +4445,7 @@ async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products
       const pricing = resolveProductPricing(
         selectPublicPrices(prices, chainId)
       );
-      return inStockVariantIds.has(variant.id) && pricing.currentPrice != null;
+      return (inStockVariantIds.has(variant.id) || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? showOutOfStockByDefault)) && pricing.currentPrice != null;
     })
   );
 }
@@ -4456,7 +4516,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
       getHeaders,
       [mappedProduct],
       ctx.chainId,
-      ctx.websiteId
+      ctx.websiteId,
+      ctx.config?.show_out_of_stock_products === true
     );
     if (!filteredProducts[0]) return null;
     const specifications = await loadProductSpecifications([product.id]);
@@ -4689,7 +4750,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         getHeaders,
         data.products ?? [],
         ctx.chainId,
-        ctx.websiteId
+        ctx.websiteId,
+        ctx.config?.show_out_of_stock_products === true
       );
       const entries = availableProducts.slice(0, limit).map((product) => mapProductSeoEntry(product, storageUrl)).filter((entry) => Boolean(entry));
       return {
@@ -4766,7 +4828,9 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           (p) => mapProduct(p, storageUrl, publicAttributeLabels, chainId)
         ),
         chainId,
-        ctx.websiteId
+        ctx.websiteId,
+        ctx.config?.show_out_of_stock_products === true,
+        opts?.inStock === true
       );
       const specifications = await loadProductSpecifications(
         products.map((product) => product.id)
@@ -4873,6 +4937,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           {
             companyId: ctx.companyId,
             chainId,
+            websiteId: ctx.websiteId,
             attributeListKey: DEFAULT_FILTER_ATTRIBUTE_LIST_KEY,
             where: buildProductWhere(opts.filters ?? {}, chainId)
           },
@@ -4896,7 +4961,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
               variant.product_variant_prices.map(mapPrice),
               chainId
             );
-            return prices.length > 0 && (availabilityByVariantId.get(variant.id)?.inStock ?? false);
+            return prices.length > 0 && ((availabilityByVariantId.get(variant.id)?.inStock ?? false) || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true));
           });
           if (!hasVisibleVariant) continue;
           applicableCategories.add(product.category);
@@ -4984,6 +5049,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         {
           companyId: ctx.companyId,
           chainId,
+          websiteId: ctx.websiteId,
           attributeListKey: opts?.attributeListKey ?? DEFAULT_FILTER_ATTRIBUTE_LIST_KEY,
           where: {
             ...opts?.categoryName ? { category: { _eq: opts.categoryName } } : {},
@@ -5038,7 +5104,9 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
             chainId
           ),
           inStock: availabilityByVariantId.get(variant.id)?.inStock ?? false
-        })).filter((variant) => variant.inStock && variant.prices.length > 0);
+        })).filter(
+          (variant) => (variant.inStock || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true)) && variant.prices.length > 0
+        );
         if (visibleVariants.length === 0) continue;
         categoryCounts.set(
           product.category,
@@ -5123,6 +5191,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           "NO_CHAIN"
         );
       }
+      const chainId = ctx.chainId;
       const term = `%${opts.query}%`;
       const limit = opts.limit ?? 8;
       const data = await executeGraphQL(
@@ -5130,7 +5199,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         GET_SEARCH_SUGGESTIONS,
         {
           companyId: ctx.companyId,
-          chainId: ctx.chainId,
+          chainId,
+          websiteId: ctx.websiteId,
           term,
           productLimit: Math.min(limit, 5),
           brandLimit: Math.max(limit - 5, 3)
@@ -5138,8 +5208,29 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         getHeaders
       );
       const suggestions = [];
+      const availability = await getWebsiteAvailabilityByVariantId(
+        graphqlUrl,
+        getHeaders,
+        (data.products ?? []).flatMap(
+          (product) => product.product_variants.map((variant) => variant.id)
+        ),
+        chainId,
+        ctx.websiteId
+      );
       for (const p of data.products ?? []) {
-        suggestions.push({ type: "product", text: p.name, id: p.id });
+        const showWithoutStock = p.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true;
+        const isVisible = p.product_variants.some((variant) => {
+          const hasPrice = resolveProductPricing(
+            selectPublicPrices(
+              variant.product_variant_prices.map(mapPrice),
+              chainId
+            )
+          ).currentPrice != null;
+          return hasPrice && (showWithoutStock || availability.get(variant.id)?.inStock === true);
+        });
+        if (isVisible) {
+          suggestions.push({ type: "product", text: p.name, id: p.id });
+        }
       }
       for (const b of data.brands ?? []) {
         suggestions.push({ type: "brand", text: b.name, id: b.id });

package/index.js

@@ -490,6 +490,12 @@ var GET_PRODUCTS = (
       id
       name
       description
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       long_description
       slug
       seo_title
@@ -725,6 +731,12 @@ var GET_PRODUCT_BY_PK = (
       limit: 1
     ) {
       id
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       product_option_group_members(limit: 1) {
         group {
           id
@@ -974,6 +986,12 @@ var GET_PRODUCT_SEO_ENTRIES = (
       id
       name
       slug
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       seo_title
       seo_description
       seo_image_file_id
@@ -2607,6 +2625,7 @@ var GET_PRODUCT_FILTERS = (
   query GetProductFilters(
     $companyId: uuid!
     $chainId: uuid!
+    $websiteId: uuid!
     $where: products_bool_exp = {}
     $attributeListKey: String!
   ) {
@@ -2614,6 +2633,12 @@ var GET_PRODUCT_FILTERS = (
       where: {
         _and: [
           { company_id: { _eq: $companyId } }
+          {
+            product_website_publications: {
+              website_id: { _eq: $websiteId }
+              is_visible: { _eq: true }
+            }
+          }
           {
             chain_products: {
               chain_id: { _eq: $chainId }
@@ -2626,6 +2651,12 @@ var GET_PRODUCT_FILTERS = (
       }
     ) {
       id
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
       category
       subcategory
       color
@@ -2733,6 +2764,7 @@ var GET_SEARCH_SUGGESTIONS = (
   query GetSearchSuggestions(
     $companyId: uuid!
     $chainId: uuid!
+    $websiteId: uuid!
     $term: String!
     $productLimit: Int = 5
     $brandLimit: Int = 3
@@ -2740,6 +2772,10 @@ var GET_SEARCH_SUGGESTIONS = (
     products(
       where: {
         company_id: { _eq: $companyId }
+        product_website_publications: {
+          website_id: { _eq: $websiteId }
+          is_visible: { _eq: true }
+        }
         chain_products: {
           chain_id: { _eq: $chainId }
           is_enabled: { _eq: true }
@@ -2752,6 +2788,29 @@ var GET_SEARCH_SUGGESTIONS = (
     ) {
       id
       name
+      product_website_publications(
+        where: { website_id: { _eq: $websiteId }, is_visible: { _eq: true } }
+        limit: 1
+      ) {
+        show_when_out_of_stock
+      }
+      product_variants(where: { is_disabled: { _eq: false } }) {
+        id
+        product_variant_prices(
+          where: {
+            price_type: { _eq: CLIENT }
+            _or: [
+              { chain_id: { _eq: $chainId } }
+              { chain_id: { _is_null: true } }
+            ]
+          }
+        ) {
+          id
+          price
+          price_type
+          chain_id
+        }
+      }
     }
     brands(
       where: {
@@ -3911,6 +3970,7 @@ function mapProduct(raw, storageUrl, labels, chainId) {
     createdAt: raw.created_at,
     updatedAt: raw.updated_at ?? raw.created_at,
     variants,
+    outOfStockVisibilityOverride: raw.product_website_publications?.[0]?.show_when_out_of_stock ?? null,
     detailVariants,
     media: raw.product_media.map((m) => mapMedia(m, storageUrl)),
     attributes: raw.product_attributes.map(
@@ -4272,7 +4332,7 @@ async function getWebsiteAvailabilityByVariantId(graphqlUrl, getHeaders, variant
   }
   return availabilityByVariantId;
 }
-async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId) {
+async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId, showOutOfStockByDefault = false, onlyInStock = false) {
   const variantIds = products.flatMap(
     (product) => product.variants.map((variant) => variant.id)
   );
@@ -4298,11 +4358,11 @@ async function filterProductsForWebsiteStock(graphqlUrl, getHeaders, products, c
         pricing: resolveProductPricing(prices)
       };
     }).filter(
-      (variant) => inStockVariantIds.has(variant.id) && variant.pricing.currentPrice != null
+      (variant) => (inStockVariantIds.has(variant.id) || !onlyInStock && (product.outOfStockVisibilityOverride ?? showOutOfStockByDefault)) && variant.pricing.currentPrice != null
     )
   })).filter((product) => product.variants.length > 0);
 }
-async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId) {
+async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products, chainId, websiteId, showOutOfStockByDefault = false) {
   const variantIds = products.flatMap(
     (product) => product.product_variants.map((variant) => variant.id)
   );
@@ -4324,7 +4384,7 @@ async function filterSeoProductsForWebsiteStock(graphqlUrl, getHeaders, products
       const pricing = resolveProductPricing(
         selectPublicPrices(prices, chainId)
       );
-      return inStockVariantIds.has(variant.id) && pricing.currentPrice != null;
+      return (inStockVariantIds.has(variant.id) || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? showOutOfStockByDefault)) && pricing.currentPrice != null;
     })
   );
 }
@@ -4395,7 +4455,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
       getHeaders,
       [mappedProduct],
       ctx.chainId,
-      ctx.websiteId
+      ctx.websiteId,
+      ctx.config?.show_out_of_stock_products === true
     );
     if (!filteredProducts[0]) return null;
     const specifications = await loadProductSpecifications([product.id]);
@@ -4628,7 +4689,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         getHeaders,
         data.products ?? [],
         ctx.chainId,
-        ctx.websiteId
+        ctx.websiteId,
+        ctx.config?.show_out_of_stock_products === true
       );
       const entries = availableProducts.slice(0, limit).map((product) => mapProductSeoEntry(product, storageUrl)).filter((entry) => Boolean(entry));
       return {
@@ -4705,7 +4767,9 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           (p) => mapProduct(p, storageUrl, publicAttributeLabels, chainId)
         ),
         chainId,
-        ctx.websiteId
+        ctx.websiteId,
+        ctx.config?.show_out_of_stock_products === true,
+        opts?.inStock === true
       );
       const specifications = await loadProductSpecifications(
         products.map((product) => product.id)
@@ -4812,6 +4876,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           {
             companyId: ctx.companyId,
             chainId,
+            websiteId: ctx.websiteId,
             attributeListKey: DEFAULT_FILTER_ATTRIBUTE_LIST_KEY,
             where: buildProductWhere(opts.filters ?? {}, chainId)
           },
@@ -4835,7 +4900,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
               variant.product_variant_prices.map(mapPrice),
               chainId
             );
-            return prices.length > 0 && (availabilityByVariantId.get(variant.id)?.inStock ?? false);
+            return prices.length > 0 && ((availabilityByVariantId.get(variant.id)?.inStock ?? false) || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true));
           });
           if (!hasVisibleVariant) continue;
           applicableCategories.add(product.category);
@@ -4923,6 +4988,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         {
           companyId: ctx.companyId,
           chainId,
+          websiteId: ctx.websiteId,
           attributeListKey: opts?.attributeListKey ?? DEFAULT_FILTER_ATTRIBUTE_LIST_KEY,
           where: {
             ...opts?.categoryName ? { category: { _eq: opts.categoryName } } : {},
@@ -4977,7 +5043,9 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
             chainId
           ),
           inStock: availabilityByVariantId.get(variant.id)?.inStock ?? false
-        })).filter((variant) => variant.inStock && variant.prices.length > 0);
+        })).filter(
+          (variant) => (variant.inStock || (product.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true)) && variant.prices.length > 0
+        );
         if (visibleVariants.length === 0) continue;
         categoryCounts.set(
           product.category,
@@ -5062,6 +5130,7 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
           "NO_CHAIN"
         );
       }
+      const chainId = ctx.chainId;
       const term = `%${opts.query}%`;
       const limit = opts.limit ?? 8;
       const data = await executeGraphQL(
@@ -5069,7 +5138,8 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         GET_SEARCH_SUGGESTIONS,
         {
           companyId: ctx.companyId,
-          chainId: ctx.chainId,
+          chainId,
+          websiteId: ctx.websiteId,
           term,
           productLimit: Math.min(limit, 5),
           brandLimit: Math.max(limit - 5, 3)
@@ -5077,8 +5147,29 @@ function createCatalogModule(graphqlUrl, getHeaders, getContext, storageUrl) {
         getHeaders
       );
       const suggestions = [];
+      const availability = await getWebsiteAvailabilityByVariantId(
+        graphqlUrl,
+        getHeaders,
+        (data.products ?? []).flatMap(
+          (product) => product.product_variants.map((variant) => variant.id)
+        ),
+        chainId,
+        ctx.websiteId
+      );
       for (const p of data.products ?? []) {
-        suggestions.push({ type: "product", text: p.name, id: p.id });
+        const showWithoutStock = p.product_website_publications?.[0]?.show_when_out_of_stock ?? ctx.config?.show_out_of_stock_products === true;
+        const isVisible = p.product_variants.some((variant) => {
+          const hasPrice = resolveProductPricing(
+            selectPublicPrices(
+              variant.product_variant_prices.map(mapPrice),
+              chainId
+            )
+          ).currentPrice != null;
+          return hasPrice && (showWithoutStock || availability.get(variant.id)?.inStock === true);
+        });
+        if (isVisible) {
+          suggestions.push({ type: "product", text: p.name, id: p.id });
+        }
       }
       for (const b of data.brands ?? []) {
         suggestions.push({ type: "brand", text: b.name, id: b.id });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacano/sdk",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "TypeScript SDK for building websites on the Bacano ERP",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -23,6 +23,11 @@
       "import": "./graphql.js",
       "require": "./graphql.cjs"
     },
+    "./icons": {
+      "types": "./icons.d.ts",
+      "import": "./icons.js",
+      "require": "./icons.cjs"
+    },
     "./content-management": {
       "types": "./content-management.d.ts",
       "import": "./content-management.js",
@@ -42,6 +47,11 @@
       "types": "./react/forms.d.ts",
       "import": "./react/forms.js",
       "require": "./react/forms.cjs"
+    },
+    "./react/icon": {
+      "types": "./react/icon.d.ts",
+      "import": "./react/icon.js",
+      "require": "./react/icon.cjs"
     }
   },
   "sideEffects": false,