@commercelayer/react-components 4.20.0 → 4.21.0-beta.1

package/lib/cjs/components/shipments/ShipmentsContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentsContainer=ShipmentsContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShipmentContext_1=tslib_1.__importStar(require("../../context/ShipmentContext")),react_1=require("react"),ShipmentReducer_1=tslib_1.__importStar(require("../../reducers/ShipmentReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function ShipmentsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShipmentReducer_1.default,ShipmentReducer_1.shipmentInitialState),{order,getOrder,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{include?.includes("shipments.available_shipping_methods")?includeLoaded?.["shipments.available_shipping_methods"]||addResourceToInclude({newResourceLoaded:{"shipments.available_shipping_methods":!0,"shipments.stock_line_items.line_item":!0,"shipments.shipping_method":!0,"shipments.stock_transfers.line_item":!0,"shipments.stock_location":!0,"shipments.parcels.parcel_line_items":!0}}):addResourceToInclude({newResource:["shipments.available_shipping_methods","shipments.stock_line_items.line_item","shipments.shipping_method","shipments.stock_transfers.line_item","shipments.stock_location","shipments.parcels.parcel_line_items"]})},[include?.length,includeLoaded!=null]),(0,react_1.useEffect)(()=>{order!=null&&!(0,isEmpty_1.default)(config)&&order.shipments&&(0,ShipmentReducer_1.getShipments)({order,dispatch,config})},[order?.shipments]),(0,react_1.useEffect)(()=>(order&&(order.shipments&&order.shipments.length>0&&order.shipments.map(shipment=>shipment.available_shipping_methods&&shipment.available_shipping_methods.length>0).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"NO_SHIPPING_METHODS",message:"No shipping methods",resource:"shipments"}],dispatch),order.line_items&&order.line_items.length>0&&order.line_items.filter(({item_type:itemType})=>itemType==="skus").map(lineItem=>{var _a,_b,_c,_d;return!!(((_a=lineItem.item)===null||_a===void 0?void 0:_a.do_not_ship)||((_b=lineItem.item)===null||_b===void 0?void 0:_b.do_not_track)||((_d=(_c=lineItem.item)===null||_c===void 0?void 0:_c.inventory)===null||_d===void 0?void 0:_d.quantity)>=lineItem?.quantity)}).includes(!1)&&(0,ShipmentReducer_1.setShipmentErrors)([...state.errors||[],{code:"OUT_OF_STOCK",message:"No stock available",resource:"line_items"}],dispatch)),()=>{(0,ShipmentReducer_1.setShipmentErrors)([],dispatch)}),[order?.shipments]);const contextValue=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},state),{setShipmentErrors:errors=>{ShipmentContext_1.defaultShipmentContext.setShipmentErrors(errors,dispatch)},setShippingMethod:(shipmentId,shippingMethodId)=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield(0,ShipmentReducer_1.setShippingMethod)({shippingMethodId,shipmentId,config,getOrder,order})})}),[state]);return(0,jsx_runtime_1.jsx)(ShipmentContext_1.default.Provider,{value:contextValue,children})}exports.default=ShipmentsContainer;

package/lib/cjs/components/shipments/ShipmentsCount.d.ts

@@ -1,18 +0,0 @@
-import type { ChildrenFunction } from '../../typings/index';
-import type { Shipment } from '@commercelayer/sdk';
-import type { JSX } from "react";
-interface ChildrenProps extends Omit<Props, 'children'> {
-    /**
-     * Shipments of the current order
-     */
-    shipments?: Shipment[] | null;
-    /**
-     * Quantity of the shipments
-     */
-    quantity: number;
-}
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    children?: ChildrenFunction<ChildrenProps>;
-}
-export declare function ShipmentsCount({ children, ...p }: Props): JSX.Element;
-export default ShipmentsCount;

package/lib/cjs/components/shipments/ShipmentsCount.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShipmentsCount=ShipmentsCount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function ShipmentsCount(_a){var _b,{children}=_a,p=tslib_1.__rest(_a,["children"]);const{shipments}=(0,useCustomContext_1.default)({context:ShipmentContext_1.default,contextComponentName:"ShipmentsContainer",currentComponentName:"ShipmentsCount",key:"shipments"}),quantity=(_b=shipments?.length)!==null&&_b!==void 0?_b:0,childrenProps=Object.assign(Object.assign({},p),{quantity,shipments});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},childrenProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:quantity}))}exports.default=ShipmentsCount;

package/lib/cjs/components/shipping_methods/ShippingMethod.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    children: ReactNode;
-    readonly?: boolean;
-    emptyText?: string;
-}
-export declare function ShippingMethod(props: Props): JSX.Element;
-export default ShippingMethod;

package/lib/cjs/components/shipping_methods/ShippingMethod.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethod=ShippingMethod;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function ShippingMethod(props){const{children,readonly,emptyText="There are not any shipping method available"}=props,{shippingMethods,currentShippingMethodId,deliveryLeadTimes,shipment}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),[items,setItems]=(0,react_1.useState)([]);(0,react_1.useEffect)(()=>{const methods=shippingMethods?.filter(s=>readonly?s.id===currentShippingMethodId:!0).map((shippingMethod,k)=>{var _a;const[deliveryLeadTimeForShipment]=(_a=deliveryLeadTimes?.filter(delivery=>{var _a2;const deliveryShippingMethodId=(_a2=delivery.shipping_method)===null||_a2===void 0?void 0:_a2.id;return shippingMethod.id===deliveryShippingMethodId}))!==null&&_a!==void 0?_a:[],shippingProps={shipmentId:shipment?.id,shippingMethod,currentShippingMethodId,deliveryLeadTimeForShipment};return(0,jsx_runtime_1.jsx)(ShippingMethodChildrenContext_1.default.Provider,{value:shippingProps,children},k)});return methods&&setItems(methods),()=>{setItems([])}},[currentShippingMethodId,deliveryLeadTimes,shippingMethods]);const components=!(0,isEmpty_1.default)(items)&&items||emptyText;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=ShippingMethod;

package/lib/cjs/components/shipping_methods/ShippingMethodName.d.ts

@@ -1,11 +0,0 @@
-import { type JSX } from 'react';
-import type { ShippingMethod } from '@commercelayer/sdk';
-type ChildrenProps = Omit<Props, 'children'> & {
-    label: string;
-    shippingMethod: ShippingMethod;
-};
-interface Props extends Omit<JSX.IntrinsicElements['label'], 'children' | 'ref'> {
-    children?: (props: ChildrenProps) => JSX.Element;
-}
-export declare function ShippingMethodName(props: Props): JSX.Element;
-export default ShippingMethodName;

package/lib/cjs/components/shipping_methods/ShippingMethodName.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodName=ShippingMethodName;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function ShippingMethodName(props){var _a;const{shippingMethod,deliveryLeadTimeForShipment,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),htmlFor=`shipment-${shipmentId??""}-${(_a=shippingMethod?.id)!==null&&_a!==void 0?_a:""}`||"",labelName=shippingMethod?.name,parentProps=Object.assign({shippingMethod,deliveryLeadTimeForShipment,label:labelName,htmlFor},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("label",Object.assign({htmlFor},props,{children:labelName}))}exports.default=ShippingMethodName;

package/lib/cjs/components/shipping_methods/ShippingMethodPrice.d.ts

@@ -1,20 +0,0 @@
-import { type JSX } from 'react';
-import type { BaseAmountComponent } from '../../typings/index';
-type Props = BaseAmountComponent & {
-    /**
-     * The label to show when the price is free
-     */
-    labelFreeOver?: string;
-    /**
-     * The label to show when the price is external
-     */
-    labelExternal?: string;
-} & ({
-    type?: 'amount';
-    base?: 'freeOver';
-} | {
-    type?: 'amount' | 'amountForShipment';
-    base?: 'price';
-});
-export declare function ShippingMethodPrice(props: Props): JSX.Element;
-export default ShippingMethodPrice;

package/lib/cjs/components/shipping_methods/ShippingMethodPrice.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodPrice=ShippingMethodPrice;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function ShippingMethodPrice(props){const{base="price_amount",type="for_shipment",format="formatted",labelFreeOver="Free",labelExternal="Price estimates after the shipping method selection"}=props,p=tslib_1.__rest(props,["base","type","format","labelFreeOver","labelExternal"]),{shippingMethod}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[priceCents,setPriceCents]=(0,react_1.useState)(0),scheme=shippingMethod?.scheme;(0,react_1.useEffect)(()=>{if(shippingMethod){const p2=(0,getAmount_1.default)({base,type,format,obj:shippingMethod});setPrice(p2);const pCents=(0,getAmount_1.default)({base:"price_amount",type:"for_shipment",format:"cents",obj:shippingMethod});setPriceCents(pCents)}return()=>{setPrice(""),setPriceCents(0)}},[shippingMethod]);const parentProps=Object.assign({price,scheme},p),finalPrice=priceCents===0?labelFreeOver:price;return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:scheme==="external"?labelExternal:finalPrice}))}exports.default=ShippingMethodPrice;

package/lib/cjs/components/shipping_methods/ShippingMethodRadioButton.d.ts

@@ -1,17 +0,0 @@
-import { type JSX } from 'react';
-import type { Order, ShippingMethod } from '@commercelayer/sdk';
-interface ShippingMethodRadioButtonType extends Omit<Props, 'children'> {
-    shippingMethod: ShippingMethod;
-    shipmentId: string;
-}
-interface TOnChange {
-    shippingMethod: ShippingMethod;
-    shipmentId: string;
-    order?: Order;
-}
-type Props = {
-    children?: (props: ShippingMethodRadioButtonType) => JSX.Element;
-    onChange?: (params: TOnChange) => void;
-} & Omit<JSX.IntrinsicElements['input'], 'onChange' | 'ref' | 'children'>;
-export declare function ShippingMethodRadioButton(props: Props): JSX.Element;
-export default ShippingMethodRadioButton;

package/lib/cjs/components/shipping_methods/ShippingMethodRadioButton.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingMethodRadioButton=ShippingMethodRadioButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext"));function ShippingMethodRadioButton(props){const{onChange,children}=props,p=tslib_1.__rest(props,["onChange","children"]),[checked,setChecked]=(0,react_1.useState)(!1),[disabled,setDisabled]=(0,react_1.useState)(!1),{shippingMethod,currentShippingMethodId,shipmentId}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default),{setShippingMethod}=(0,react_1.useContext)(ShipmentContext_1.default),shippingMethodId=shippingMethod?.id,name=`shipment-${shipmentId??""}`,id=`${name}-${shippingMethodId??""}`;(0,react_1.useEffect)(()=>(setChecked(shippingMethodId===currentShippingMethodId),()=>{setChecked(!1)}),[currentShippingMethodId,shippingMethodId]);const handleOnChange=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){if(setDisabled(!0),shipmentId&&shippingMethodId&&setShippingMethod!=null){const{order}=yield setShippingMethod(shipmentId,shippingMethodId);shippingMethod&&onChange!=null&&onChange({shippingMethod,shipmentId,order})}setDisabled(!1)}),parentProps=Object.assign({shippingMethod,shipmentId,handleOnChange,name,id,disabled},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("input",Object.assign({disabled,type:"radio",name,id,onChange:e=>{e.preventDefault(),e.stopPropagation(),handleOnChange()},checked},p))}exports.default=ShippingMethodRadioButton;

package/lib/cjs/components/skus/AvailabilityContainer.d.ts

@@ -1,34 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    /**
-     * The children component
-     */
-    children: ReactNode;
-    /**
-     * The sku code
-     */
-    skuCode?: string;
-    /**
-     * The sku id. If you use this prop, the skuCode will be ignored and the sku will be fetched by id improving the performance
-     */
-    skuId?: string;
-    /**
-     * Callback called when the quantity is updated
-     */
-    getQuantity?: (quantity: number) => void;
-}
-/**
- * Main container for the Availability components.
- * It stores - in its context - the sku quantity returned from the `inventory_model` and the `delivery_lead_time` for the first shipping method found in the inventory model.
- *
- * It can be used to fetch the quantities for a specific `sku_code` passed as prop.
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component. <br/>
- * Can be a child of the `<SkusContainer>` component and receive the `sku_code` from its context.
- * </span>
- * <span title='Children' type='info'>
- * `<AvailabilityTemplate>`
- * </span>
- */
-export declare function AvailabilityContainer({ children, skuCode, skuId, getQuantity }: Props): JSX.Element;
-export default AvailabilityContainer;

package/lib/cjs/components/skus/AvailabilityContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityContainer=AvailabilityContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AvailabilityReducer_1=tslib_1.__importStar(require("../../reducers/AvailabilityReducer")),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function AvailabilityContainer({children,skuCode,skuId,getQuantity}){const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),{accessToken,endpoint}=(0,useCustomContext_1.default)({context:CommerceLayerContext_1.default,contextComponentName:"CommerceLayer",currentComponentName:"AvailabilityContainer",key:"accessToken"}),[state,dispatch]=(0,react_1.useReducer)(AvailabilityReducer_1.default,AvailabilityReducer_1.availabilityInitialState),sCode=skuCode||lineItem?.sku_code||sku?.code;(0,react_1.useEffect)(()=>{if(accessToken!=null&&accessToken!==""){const config={accessToken,endpoint};(sCode!=null||skuId!=null)&&(0,AvailabilityReducer_1.getAvailability)({skuCode:sCode,skuId,config,dispatch})}return()=>{dispatch({type:"setAvailability",payload:{}})}},[accessToken,sCode,skuId]),(0,react_1.useEffect)(()=>{getQuantity!=null&&state?.quantity!=null&&getQuantity(state?.quantity)},[state.quantity]);const memoized=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},state),{parent:!0}),[state]);return(0,jsx_runtime_1.jsx)(AvailabilityContext_1.default.Provider,{value:memoized,children})}exports.default=AvailabilityContainer;

package/lib/cjs/components/skus/AvailabilityTemplate.d.ts

@@ -1,52 +0,0 @@
-import type { TimeFormat, ChildrenFunction } from '../../typings/index';
-import type { DeliveryLeadTime } from '../../reducers/AvailabilityReducer';
-import type { JSX } from "react";
-interface AvailabilityTemplateChildrenProps extends Omit<Props, 'children'>, DeliveryLeadTime {
-    text: string;
-    quantity: number;
-}
-type FormatRules = {
-    /**
-     * Set time format for shipping method. When not set, ``delivery_lead_times`` will not be displayed.
-     * When set, `delivery_lead_times` for the first shipping method found in the inventory model, will be displayed in the format specified.
-     */
-    timeFormat?: TimeFormat;
-    /**
-     * Show shipping method name. Requires `timeFormat` to be set.
-     */
-    showShippingMethodName?: false;
-    /**
-     * Show shipping method price. Requires `timeFormat` to be set.
-     */
-    showShippingMethodPrice?: false;
-} | {
-    timeFormat: TimeFormat;
-    showShippingMethodName: true;
-    showShippingMethodPrice?: boolean;
-} | {
-    timeFormat: TimeFormat;
-    showShippingMethodName?: boolean;
-    showShippingMethodPrice: true;
-};
-type Props = {
-    children?: ChildrenFunction<AvailabilityTemplateChildrenProps>;
-    labels?: {
-        available?: string;
-        outOfStock?: string;
-        negativeStock?: string;
-    };
-} & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> & FormatRules;
-/**
- * The AvailabilityTemplate component displays the availability of the SKU specified
- * in the parent `<AvailabilityContainer>` component.
- *
- * It is possible to customize the text displayed in case of `available`, `outOfStock` or `negativeStock.
- * It is also possible to show delivery lead time and either shipping method name and/or price.
- * This information will be retrieve from the first shipping method found in the inventory model.
- *
- * <span type="Requirement" type="info">
- * It must to be used inside the `<AvailabilityContainer>` component.
- * </span>
- */
-export declare function AvailabilityTemplate(props: Props): JSX.Element;
-export default AvailabilityTemplate;

package/lib/cjs/components/skus/AvailabilityTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvailabilityTemplate=AvailabilityTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AvailabilityContext_1=tslib_1.__importDefault(require("../../context/AvailabilityContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function AvailabilityTemplate(props){var _a,_b,_c;const{timeFormat,showShippingMethodName,showShippingMethodPrice,children,labels}=props,p=tslib_1.__rest(props,["timeFormat","showShippingMethodName","showShippingMethodPrice","children","labels"]),{min,max,shipping_method:shippingMethod,quantity,skuCode}=(0,useCustomContext_1.default)({context:AvailabilityContext_1.default,contextComponentName:"AvailabilityContainer",currentComponentName:"AvailabilityTemplate",key:"parent"}),text=[],mn=min!=null&&timeFormat!=null?min?.[timeFormat]:"",mx=max!=null&&timeFormat!=null?max?.[timeFormat]:"",shippingMethodPrice=showShippingMethodPrice&&shippingMethod?.formatted_price_amount?`(${shippingMethod?.formatted_price_amount})`:"",name=showShippingMethodName&&shippingMethod?`with ${shippingMethod.name}`:"";quantity!=null&&(quantity>0?(text.push((_a=labels?.available)!==null&&_a!==void 0?_a:"Available"),mn&&mx&&timeFormat&&text.push(`in ${mn} - ${mx} ${timeFormat} ${name} ${shippingMethodPrice}`)):quantity===0?text.push((_b=labels?.outOfStock)!==null&&_b!==void 0?_b:"Out of stock"):quantity<0&&text.push((_c=labels?.negativeStock)!==null&&_c!==void 0?_c:"Out of stock"));const parentProps=Object.assign({min,max,shipping_method:shippingMethod,quantity,text:text.join(" ")},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({"data-testid":skuCode?`availability-${skuCode}`:""},p,{children:text.join(" ")}))}exports.default=AvailabilityTemplate;

package/lib/cjs/components/skus/DeliveryLeadTime.d.ts

@@ -1,10 +0,0 @@
-import { type JSX } from 'react';
-export type DeliveryLeadTimeField = 'min_hours' | 'max_hours' | 'min_days' | 'max_days';
-export type DeliveryLeadTimeComponentChildren = Omit<Props, 'children' | 'ref'>;
-type Props = Partial<Omit<JSX.IntrinsicElements['span'], 'ref'>> & {
-    children?: (props: DeliveryLeadTimeComponentChildren) => JSX.Element;
-    type: DeliveryLeadTimeField;
-    text?: string;
-};
-export declare function DeliveryLeadTime(props: Props): JSX.Element;
-export default DeliveryLeadTime;

package/lib/cjs/components/skus/DeliveryLeadTime.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeliveryLeadTime=DeliveryLeadTime;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShippingMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/ShippingMethodChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function DeliveryLeadTime(props){const{type}=props,p=tslib_1.__rest(props,["type"]),[text,setText]=(0,react_1.useState)(),{deliveryLeadTimeForShipment}=(0,react_1.useContext)(ShippingMethodChildrenContext_1.default);(0,react_1.useEffect)(()=>(deliveryLeadTimeForShipment?.[type]&&setText(deliveryLeadTimeForShipment[type]),()=>{setText("")}),[deliveryLeadTimeForShipment]);const parentProps=Object.assign({text},p);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:text}))}exports.default=DeliveryLeadTime;

package/lib/cjs/components/skus/SkuField.d.ts

@@ -1,25 +0,0 @@
-import type { ConditionalElement } from '../../typings/index';
-import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
-import type { JSX } from "react";
-type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
-type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
-type Props = {
-    children?: (props: SkuFieldChildrenProps) => JSX.Element;
-} & TCondition;
-/**
- * The SkuField component displays any attribute of the `sku` specified in the parent `<SkusContainer>` component.
- *
- * It also accepts a `tagElement` props to enable specific tag-related props.
- * For examples, when `tagElement` is set to `img` it will also accept props related to `<img>` tag such as `height` and `width`.
- *
- * <span title="Requirement" type="warning">
- * It must to be used inside the `<SkusContainer>` component.
- * </span>
- *
- * <span title="Fields" type="info">
- * Check the `skus` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/skus/object)
- * for more details about the available attributes to render.
- * </span>
- */
-export declare function SkuField<P extends Props>(props: P): JSX.Element;
-export default SkuField;

package/lib/cjs/components/skus/SkuField.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuField=SkuField;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function SkuField(props){const{attribute,tagElement="span",children}=props,p=tslib_1.__rest(props,["attribute","tagElement","children"]);return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,Object.assign({resource:"sku",attribute,tagElement,context:SkuChildrenContext_1.default},p,{children}))}exports.default=SkuField;

package/lib/cjs/components/skus/SkuList.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    children: ReactNode;
-    /**
-     * ID of the SKU list.
-     */
-    id: string;
-}
-export declare function SkuList(props: Props): JSX.Element;
-export default SkuList;

package/lib/cjs/components/skus/SkuList.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuList=SkuList;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext"));function SkuList(props){const{id,children}=props,{listIds}=(0,react_1.useContext)(SkuListsContext_1.default);return(0,react_1.useEffect)(()=>{listIds&&!listIds.includes(id)&&listIds.push(id)},[]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children})}exports.default=SkuList;

package/lib/cjs/components/skus/SkuListsContainer.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    children: ReactNode;
-}
-export declare function SkuListsContainer(props: Props): JSX.Element;
-export default SkuListsContainer;

package/lib/cjs/components/skus/SkuListsContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkuListsContainer=SkuListsContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuListsReducer_1=tslib_1.__importStar(require("../../reducers/SkuListsReducer"));function SkuListsContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(SkuListsReducer_1.default,SkuListsReducer_1.skuListsInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default);return(0,react_1.useEffect)(()=>{state.listIds&&state.listIds.length>0&&config.accessToken&&(0,SkuListsReducer_1.getSkuList)({listIds:state.listIds,dispatch,config,state})},[config.accessToken]),(0,jsx_runtime_1.jsx)(SkuListsContext_1.default.Provider,{value:state,children})}exports.default=SkuListsContainer;

package/lib/cjs/components/skus/Skus.d.ts

@@ -1,18 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    children: ReactNode;
-}
-/**
- * The `Skus` components loop through the list of `skus` found in `SkusContainer` context and render the children filled with the proper sku value.
- * This means that the children will be rendered as many times as the number of skus found in the `skus` prop array
- * and there is no need to manually loop through them from your consumer app.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<SkusContainer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<SkuField>`, `<AvailabilityContainer>`
- * </span>
- */
-export declare function Skus<P extends Props>({ children }: P): JSX.Element;
-export default Skus;

package/lib/cjs/components/skus/Skus.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skus=Skus;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),react_1=require("react");function Skus({children}){const{skus}=(0,react_1.useContext)(SkuContext_1.default),components=skus?.map((sku,key)=>{const value={sku};return(0,jsx_runtime_1.jsx)(SkuChildrenContext_1.default.Provider,{value,children},key)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=Skus;

package/lib/cjs/components/skus/SkusContainer.d.ts

@@ -1,31 +0,0 @@
-import type { QueryParamsList } from '@commercelayer/sdk';
-import { type ReactNode, type JSX } from 'react';
-interface Props {
-    /**
-     * An array of skus to display.
-     */
-    skus: string[];
-    /**
-     * Accept a React node and [Skus](./Skus.d.ts) component as children to display above the skus.
-     */
-    children: ReactNode;
-    /**
-     * An object params to query the skus resource
-     */
-    queryParams?: QueryParamsList;
-}
-/**
- * Main container for the SKUs components.
- * It stores - in its context - the details for each `sku` defined in the `skus` prop array.
- *
- * It also accept a `queryParams` prop to refine pagination, sorting, filtering and includes for the fetch request.
- *
- * <span title='Requirements' type='warning'>
- * Must be a child of the `<CommerceLayer>` component.
- * </span>
- * <span title='Children' type='info'>
- * `<Skus>`
- * </span>
- */
-export declare function SkusContainer<P extends Props>(props: P): JSX.Element;
-export default SkusContainer;

package/lib/cjs/components/skus/SkusContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkusContainer=SkusContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),SkuContext_1=tslib_1.__importDefault(require("../../context/SkuContext")),SkuReducer_1=tslib_1.__importStar(require("../../reducers/SkuReducer")),react_1=require("react");function SkusContainer(props){const{skus,children,queryParams}=props,[state,dispatch]=(0,react_1.useReducer)(SkuReducer_1.default,SkuReducer_1.skuInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),loadSkus=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,SkuReducer_1.getSku)({config,dispatch,skus,queryParams})});(0,react_1.useEffect)(()=>(config.accessToken&&state?.skus&&state?.skus.length===0&&loadSkus(),()=>{dispatch({type:"setLoading",payload:{loading:!0}})}),[config,skus]);const contextValue=(0,react_1.useMemo)(()=>state,[state]);return(0,jsx_runtime_1.jsx)(SkuContext_1.default.Provider,{value:contextValue,children})}exports.default=SkusContainer;

package/lib/cjs/components/stock_transfers/StockTransfer.d.ts

@@ -1,7 +0,0 @@
-import { type JSX } from 'react';
-import type { DefaultChildrenType } from '../../typings/globals';
-interface Props {
-    children: DefaultChildrenType;
-}
-export declare function StockTransfer(props: Props): JSX.Element;
-export default StockTransfer;

package/lib/cjs/components/stock_transfers/StockTransfer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransfer=StockTransfer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext")),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext"));function StockTransfer(props){const{children}=props,{stockTransfers,lineItems}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),components=stockTransfers?.filter(st=>!!lineItems?.find(l=>l?.sku_code!==st?.sku_code)).map((stockTransfer,k)=>{const stockTransferProps={stockTransfer:stockTransfer.type==="line_items"?stockTransfer:stockTransfer?.line_item};return(0,jsx_runtime_1.jsx)(StockTransferChildrenContext_1.default.Provider,{value:stockTransferProps,children},k)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=StockTransfer;

package/lib/cjs/components/stock_transfers/StockTransferField.d.ts

@@ -1,10 +0,0 @@
-import type { ConditionalElement } from '../../typings/index';
-import { type TGenericChildrenProps, type TResources } from '../utils/GenericFieldComponent';
-import type { JSX } from "react";
-type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
-type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
-type Props = {
-    children?: (props: StockTransferFieldChildrenProps) => JSX.Element;
-} & TCondition;
-export declare function StockTransferField<P extends Props>(props: P): JSX.Element;
-export default StockTransferField;

package/lib/cjs/components/stock_transfers/StockTransferField.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StockTransferField=StockTransferField;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),StockTransferChildrenContext_1=tslib_1.__importDefault(require("../../context/StockTransferChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function StockTransferField(props){const{attribute,tagElement="span",children}=props,p=tslib_1.__rest(props,["attribute","tagElement","children"]);return(0,jsx_runtime_1.jsx)(GenericFieldComponent_1.default,Object.assign({resource:"stockTransfer",attribute,tagElement,context:StockTransferChildrenContext_1.default},p,{children}))}exports.default=StockTransferField;

package/lib/cjs/components/utils/AddressCardsTemplate.d.ts

@@ -1,26 +0,0 @@
-import { type JSX } from 'react';
-import type { Address } from '@commercelayer/sdk';
-import AddressChildrenContext from '../../context/AddressChildrenContext';
-import type { ChildrenFunction } from '../../typings/index';
-export interface TAddressCards extends Pick<Props, 'customerAddresses' | 'className'> {
-    AddressProvider: typeof AddressChildrenContext.Provider;
-}
-export interface CustomerAddress extends Address {
-    onClick: () => void;
-    handleSelect?: () => void;
-}
-export type AddressCardsTemplateChildren = ChildrenFunction<TAddressCards>;
-export type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean, address: Address) => Promise<void>;
-interface Props {
-    customerAddresses: CustomerAddress[];
-    countryLock?: string | null;
-    children: AddressCardsTemplateChildren;
-    selectedClassName?: string;
-    disabledClassName?: string;
-    deselect?: boolean;
-    selected?: number | null;
-    className?: string;
-    handleSelect: HandleSelect;
-}
-export default function AddressCardsTemplate({ customerAddresses, children, deselect, countryLock, selected, selectedClassName, className, disabledClassName, handleSelect }: Props): JSX.Element;
-export {};

package/lib/cjs/components/utils/AddressCardsTemplate.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=AddressCardsTemplate;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext"));function AddressCardsTemplate({customerAddresses,children,deselect,countryLock,selected,selectedClassName,className,disabledClassName,handleSelect}){const{setShippingAddress}=(0,react_1.useContext)(ShippingAddressContext_1.default),value={customerAddresses:customerAddresses.map((address,k)=>{const attributes=address,disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,selectedClass=deselect?"":selectedClassName,addressSelectedClass=selected===k?`${className??""} ${selectedClass??""}`:className,finalClassName=disabled?`${className??""} ${disabledClassName??""}`:addressSelectedClass,customerAddressId=address?.reference||"",onClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield handleSelect(k,address.id,customerAddressId,disabled,address)});return Object.assign(Object.assign({},attributes),{className:finalClassName,onClick})}),AddressProvider:AddressChildrenContext_1.default.Provider};return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},value,{children}))}

package/lib/cjs/components/utils/BaseField.d.ts

@@ -1,8 +0,0 @@
-import { type FunctionComponent, type JSX } from 'react';
-type BaseFieldChildren = Omit<BaseFieldProps, 'children'>;
-export interface BaseFieldProps extends Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'> {
-    attribute: 'number' | 'id';
-    children?: (props: BaseFieldChildren) => JSX.Element;
-}
-declare const BaseField: FunctionComponent<BaseFieldProps>;
-export default BaseField;

package/lib/cjs/components/utils/BaseField.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseField=_a=>{var{children,attribute}=_a,p=tslib_1.__rest(_a,["children","attribute"]);const{order}=(0,react_1.useContext)(OrderContext_1.default),[field,setField]=(0,react_1.useState)("");(0,react_1.useEffect)(()=>(order&&attribute in order&&setField(order[attribute]),()=>{setField("")}),[order]);const parentProps=Object.assign({attribute:field},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:field}))};exports.default=BaseField;

package/lib/cjs/components/utils/BaseInput.d.ts

@@ -1,5 +0,0 @@
-import React, { type JSX } from 'react';
-import type { BaseInputComponentProps } from '../../typings/index';
-export type BaseInputProps = BaseInputComponentProps & Omit<JSX.IntrinsicElements['input'], 'children' | 'pattern'> & Omit<JSX.IntrinsicElements['textarea'], 'children' | 'pattern'>;
-declare const _default: React.ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/lib/cjs/components/utils/BaseInput.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=tslib_1.__importDefault(require("react")),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseInput=(props,ref)=>{const{children}=props,p=tslib_1.__rest(props,["children"]),input=props.type==="textarea"?(0,jsx_runtime_1.jsx)("textarea",Object.assign({ref},p)):(0,jsx_runtime_1.jsx)("input",Object.assign({ref},p));return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({parentRef:ref},p,{children})):input};exports.default=react_1.default.forwardRef(BaseInput);

package/lib/cjs/components/utils/BaseOrderPrice.d.ts

@@ -1,6 +0,0 @@
-import { type JSX } from 'react';
-import type { PropsType } from '../../utils/PropsType';
-import type { baseOrderPricePropTypes } from '../../typings/index';
-export type BaseOrderPriceProps = PropsType<typeof baseOrderPricePropTypes, unknown> & Omit<JSX.IntrinsicElements['span'], 'children' | 'ref'>;
-export declare function BaseOrderPrice(props: BaseOrderPriceProps): JSX.Element;
-export default BaseOrderPrice;

package/lib/cjs/components/utils/BaseOrderPrice.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BaseOrderPrice=BaseOrderPrice;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty"));function BaseOrderPrice(props){const{format="formatted",base,type,children}=props,p=tslib_1.__rest(props,["format","base","type","children"]),{order}=(0,react_1.useContext)(OrderContext_1.default),[price,setPrice]=(0,react_1.useState)(""),[cents,setCents]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{const p2=(0,getAmount_1.default)({base,type,format,obj:order||{}}),c=(0,getAmount_1.default)({base,type,format:"cents",obj:order||{}});return setPrice(p2),setCents(c),()=>{(0,isEmpty_1.default)(order)&&setPrice("")}},[order]);const parentProps=Object.assign({priceCents:cents,price},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:price}))}exports.default=BaseOrderPrice;

package/lib/cjs/components/utils/BaseSelect.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { BaseSelectComponentProps } from '../../typings/index';
-export type BaseSelectProps = BaseSelectComponentProps;
-declare const _default: React.ForwardRefExoticComponent<BaseSelectComponentProps & React.RefAttributes<any>>;
-export default _default;

package/lib/cjs/components/utils/BaseSelect.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=tslib_1.__importDefault(require("react")),Parent_1=tslib_1.__importDefault(require("./Parent")),BaseSelect=(props,ref)=>{const{options=[],children,placeholder={label:"Select an option",value:""},value=""}=props,p=tslib_1.__rest(props,["options","children","placeholder","value"]);placeholder!=null&&(options.some(option=>option.value===placeholder.value)||options.unshift(placeholder));const Options=options.map((o,k)=>{const{label}=o,option=tslib_1.__rest(o,["label"]);return(0,jsx_runtime_1.jsx)("option",Object.assign({},option,{children:label}),k)}),parentProps=Object.assign({options,ref},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("select",Object.assign({ref,defaultValue:value},p,{children:Options}))};exports.default=react_1.default.forwardRef(BaseSelect);

package/lib/cjs/components/utils/ErrorBoundary.d.ts

@@ -1,14 +0,0 @@
-import { Component, type ErrorInfo, type JSX } from 'react';
-interface Props {
-    children: JSX.Element;
-}
-interface State {
-    hasError: boolean;
-}
-export declare class ErrorBoundary extends Component<Props, State> {
-    state: State;
-    static getDerivedStateFromError(): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): JSX.Element;
-}
-export default ErrorBoundary;

package/lib/cjs/components/utils/ErrorBoundary.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");class ErrorBoundary extends react_1.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(error,errorInfo){if(process.env.NODE_ENV!=="test")console.error("Uncaught error:",error,errorInfo);else throw error}render(){return this.state.hasError?(0,jsx_runtime_1.jsx)("h1",{children:"Sorry.. there was an error, check the console."}):this.props.children}}exports.ErrorBoundary=ErrorBoundary,exports.default=ErrorBoundary;

package/lib/cjs/components/utils/GenericFieldComponent.d.ts

@@ -1,58 +0,0 @@
-import type { InitialSkuContext } from '../../context/SkuChildrenContext';
-import type { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
-import type { Customer, LineItem, Sku, Parcel, ParcelLineItem } from '@commercelayer/sdk';
-import type { InitialLineItemChildrenContext } from '../../context/LineItemChildrenContext';
-import { type Context, type JSX } from 'react';
-import type { InitialCustomerContext } from '../../context/CustomerContext';
-import type { InitialParcelContext } from '../../context/ParcelChildrenContext';
-import type { InitialParcelLineItemContext } from '../../context/ParcelLineItemChildrenContext';
-export interface TResources {
-    StockTransfer: LineItem & {
-        resource: 'stockTransfer';
-    };
-    Sku: Sku & {
-        resource: 'sku';
-    };
-    LineItem: LineItem & {
-        resource: 'lineItem';
-    };
-    Customer: Customer & {
-        resource: 'customers';
-    };
-    Parcel: Parcel & {
-        resource: 'parcel';
-    };
-    ParcelLineItem: Pick<ParcelLineItem, 'quantity' | 'sku_code' | 'name' | 'image_url'> & {
-        resource: 'parcelLineItem';
-    };
-}
-export type TResourceKey = {
-    [K in keyof TResources]: K;
-};
-export type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
-    attributeValue: E[keyof E];
-};
-interface ResourceContext {
-    stockTransfer: InitialStockTransferContext;
-    sku: InitialSkuContext;
-    lineItem: InitialLineItemChildrenContext;
-    customers: InitialCustomerContext;
-    parcel: InitialParcelContext;
-    parcelLineItem: InitialParcelLineItemContext;
-}
-type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
-interface Props<E extends TResources[keyof TResources]> {
-    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
-    resource: E['resource'];
-    /**
-     * Resource attribute to display.
-     */
-    attribute: keyof E;
-    /**
-     * Html tag to render. When tag is `img` the value will be used to fill the `src` attribute.
-     */
-    tagElement: keyof JSX.IntrinsicElements;
-    context: GenericContext<E['resource']>;
-}
-export default function GenericFieldComponent<R extends keyof TResources>(props: Props<TResources[R]>): JSX.Element;
-export {};

package/lib/cjs/components/utils/GenericFieldComponent.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=GenericFieldComponent;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("./Parent")),react_1=require("react"),placeholderImages_1=require("../../utils/placeholderImages");function GenericFieldComponent(props){const{children,tagElement,attribute,context,resource}=props,p=tslib_1.__rest(props,["children","tagElement","attribute","context","resource"]),resourceContext=(0,react_1.useContext)(context);let attributeValue="";const keysContext=Object.keys(resourceContext).filter(key=>key===resource);if(keysContext.length===1){const[keyResource]=keysContext;keyResource&&attribute&&(attributeValue=resourceContext[keyResource][attribute])}const Tag=tagElement||"span";if(Tag==="img"&&!children){const src=attributeValue||placeholderImages_1.defaultImgUrl,name="";return(0,jsx_runtime_1.jsx)("img",Object.assign({alt:name,src},p))}const parentProps=Object.assign({attributeValue,tagElement},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)(Tag,Object.assign({"data-testid":attributeValue},p,{children:attributeValue}),attributeValue)}

package/lib/cjs/components/utils/Parent.d.ts

@@ -1,6 +0,0 @@
-import type { Component, ForwardedRef, JSX } from 'react';
-export interface ParentProps {
-    parentRef?: ForwardedRef<any>;
-    children?: typeof Component | ((P: any) => JSX.Element | null);
-}
-export default function Parent({ children, ...p }: ParentProps): JSX.Element | null;

package/lib/cjs/components/utils/Parent.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Parent;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime");function Parent(_a){var{children}=_a,p=tslib_1.__rest(_a,["children"]);const Child=children;return Child!==void 0?(0,jsx_runtime_1.jsx)(Child,Object.assign({},p)):null}