@wix/headless-stores 0.0.45 → 0.0.46

package/cjs/dist/react/Product.d.ts

@@ -132,3 +132,17 @@ export interface ProductMediaRenderProps {
     media: ProductMedia[];
 }
 export declare function Media(props: ProductMediaProps): import("react").ReactNode;
+export interface ProductProps {
+    children: (props: ProductRenderProps) => React.ReactNode;
+}
+export interface ProductRenderProps {
+    product: V3Product;
+}
+export declare function Content(props: ProductProps): import("react").ReactNode;
+export interface LoadingProps {
+    children: (props: LoadingRenderProps) => React.ReactNode;
+}
+export interface LoadingRenderProps {
+    isLoading: boolean;
+}
+export declare function Loading(props: LoadingProps): import("react").ReactNode;

package/cjs/dist/react/Product.js

@@ -110,3 +110,17 @@ export function Media(props) {
         media,
     });
 }
+export function Content(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    return props.children({
+        product,
+    });
+}
+export function Loading(props) {
+    const service = useService(ProductServiceDefinition);
+    const isLoading = service.isLoading.get();
+    return props.children({
+        isLoading,
+    });
+}

package/cjs/dist/services/product-service.d.ts

@@ -35,7 +35,8 @@ export declare const ProductServiceDefinition: string & {
  */
 export interface ProductServiceConfig {
     /** The initial product data to configure the service with */
-    product: productsV3.V3Product;
+    product?: productsV3.V3Product;
+    productSlug?: string;
 }
 /**
  * Implementation of the Product service that manages reactive product data.

package/cjs/dist/services/product-service.js

@@ -44,7 +44,7 @@ export const ProductServiceDefinition = defineService("product");
 export const ProductService = implementService.withConfig()(ProductServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
     const product = signalsService.signal(config.product);
-    const isLoading = signalsService.signal(false);
+    const isLoading = signalsService.signal(!!config.productSlug);
     const error = signalsService.signal(null);
     const loadProduct = async (slug) => {
         isLoading.set(true);
@@ -58,6 +58,9 @@ export const ProductService = implementService.withConfig()(ProductServiceDefini
         }
         isLoading.set(false);
     };
+    if (config.productSlug) {
+        loadProduct(config.productSlug);
+    }
     return {
         product,
         isLoading,

package/dist/react/Product.d.ts

@@ -132,3 +132,17 @@ export interface ProductMediaRenderProps {
     media: ProductMedia[];
 }
 export declare function Media(props: ProductMediaProps): import("react").ReactNode;
+export interface ProductProps {
+    children: (props: ProductRenderProps) => React.ReactNode;
+}
+export interface ProductRenderProps {
+    product: V3Product;
+}
+export declare function Content(props: ProductProps): import("react").ReactNode;
+export interface LoadingProps {
+    children: (props: LoadingRenderProps) => React.ReactNode;
+}
+export interface LoadingRenderProps {
+    isLoading: boolean;
+}
+export declare function Loading(props: LoadingProps): import("react").ReactNode;

package/dist/react/Product.js

@@ -110,3 +110,17 @@ export function Media(props) {
         media,
     });
 }
+export function Content(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    return props.children({
+        product,
+    });
+}
+export function Loading(props) {
+    const service = useService(ProductServiceDefinition);
+    const isLoading = service.isLoading.get();
+    return props.children({
+        isLoading,
+    });
+}

package/dist/services/product-service.d.ts

@@ -35,7 +35,8 @@ export declare const ProductServiceDefinition: string & {
  */
 export interface ProductServiceConfig {
     /** The initial product data to configure the service with */
-    product: productsV3.V3Product;
+    product?: productsV3.V3Product;
+    productSlug?: string;
 }
 /**
  * Implementation of the Product service that manages reactive product data.

package/dist/services/product-service.js

@@ -44,7 +44,7 @@ export const ProductServiceDefinition = defineService("product");
 export const ProductService = implementService.withConfig()(ProductServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
     const product = signalsService.signal(config.product);
-    const isLoading = signalsService.signal(false);
+    const isLoading = signalsService.signal(!!config.productSlug);
     const error = signalsService.signal(null);
     const loadProduct = async (slug) => {
         isLoading.set(true);
@@ -58,6 +58,9 @@ export const ProductService = implementService.withConfig()(ProductServiceDefini
         }
         isLoading.set(false);
     };
+    if (config.productSlug) {
+        loadProduct(config.productSlug);
+    }
     return {
         product,
         isLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",