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

package/lib/cjs/components/gift_cards/GiftCardCurrencySelector.d.ts

@@ -1,7 +0,0 @@
-import type { BaseSelectComponentProps } from '../../typings/index';
-import type { JSX } from "react";
-type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
-    required?: boolean;
-} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
-export declare function GiftCardCurrencySelector(props: Props): JSX.Element;
-export default GiftCardCurrencySelector;

package/lib/cjs/components/gift_cards/GiftCardCurrencySelector.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardCurrencySelector=GiftCardCurrencySelector;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseSelect_1=tslib_1.__importDefault(require("../utils/BaseSelect")),currency_1=tslib_1.__importDefault(require("../../config/currency"));function GiftCardCurrencySelector(props){return(0,jsx_runtime_1.jsx)(BaseSelect_1.default,Object.assign({options:currency_1.default,name:"currencyCode"},props))}exports.default=GiftCardCurrencySelector;

package/lib/cjs/components/gift_cards/GiftCardInput.d.ts

@@ -1,7 +0,0 @@
-import type { BaseInputComponentProps, GiftCardInputName } from '../../typings/index';
-import type { JSX } from "react";
-type Props = {
-    name: GiftCardInputName;
-} & Omit<BaseInputComponentProps, 'name'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-export declare function GiftCardInput(props: Props): JSX.Element;
-export default GiftCardInput;

package/lib/cjs/components/gift_cards/GiftCardInput.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardInput=GiftCardInput;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput"));function GiftCardInput(props){const{placeholder=""}=props,p=tslib_1.__rest(props,["placeholder"]);return(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({placeholder},p))}exports.default=GiftCardInput;

package/lib/cjs/components/gift_cards/GiftCardOrCouponCode.d.ts

@@ -1,16 +0,0 @@
-import { type JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-import type { CodeType } from '../../reducers/OrderReducer';
-interface ChildrenProps extends Omit<Props, 'children' | 'type'> {
-    code?: string | null;
-    hide?: boolean;
-    discountAmountCents?: number | null;
-    discountAmountFloat?: number | null;
-    formattedDiscountAmount?: string | null;
-}
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    type?: CodeType;
-    children?: ChildrenFunction<ChildrenProps>;
-}
-export declare function GiftCardOrCouponCode({ children, type, ...props }: Props): JSX.Element | null;
-export default GiftCardOrCouponCode;

package/lib/cjs/components/gift_cards/GiftCardOrCouponCode.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponCode=GiftCardOrCouponCode;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext"));function GiftCardOrCouponCode(_a){var{children,type}=_a,props=tslib_1.__rest(_a,["children","type"]);const{order}=(0,react_1.useContext)(OrderContext_1.default);let codeType=type?`${type}_code`:void 0;!type&&order&&"coupon_code"in order&&order.coupon_code!==""?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),parentProps=Object.assign(Object.assign({},props),{code,hide,discountAmountCents:order?.discount_amount_cents,discountAmountFloat:order?.discount_amount_float,formattedDiscountAmount:order?.formatted_discount_amount});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):hide?null:(0,jsx_runtime_1.jsx)("span",Object.assign({},props,{children:code}))}exports.default=GiftCardOrCouponCode;

package/lib/cjs/components/gift_cards/GiftCardOrCouponForm.d.ts

@@ -1,15 +0,0 @@
-import { type JSX } from 'react';
-import type { OrderCodeType } from '../../reducers/OrderReducer';
-import type { Order } from '@commercelayer/sdk';
-import type { DefaultChildrenType } from '../../typings/globals';
-interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
-    codeType?: OrderCodeType;
-    children: DefaultChildrenType;
-    onSubmit?: (response: {
-        success: boolean;
-        value: string;
-        order?: Order;
-    }) => void;
-}
-export declare function GiftCardOrCouponForm(props: Props): JSX.Element | null;
-export default GiftCardOrCouponForm;

package/lib/cjs/components/gift_cards/GiftCardOrCouponForm.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponForm=GiftCardOrCouponForm;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),rapid_form_1=require("rapid-form"),react_1=require("react"),CouponAndGiftCardFormContext_1=tslib_1.__importDefault(require("../../context/CouponAndGiftCardFormContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext"));function GiftCardOrCouponForm(props){const{children,codeType,autoComplete="on",onSubmit}=props,p=tslib_1.__rest(props,["children","codeType","autoComplete","onSubmit"]),{validation,values,reset}=(0,rapid_form_1.useRapidForm)(),{setGiftCardOrCouponCode,order,errors,setOrderErrors}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null),[type,setType]=(0,react_1.useState)(codeType);(0,react_1.useEffect)(()=>{var _a,_b,_c,_d;if(type!=null&&((_a=values[type])===null||_a===void 0?void 0:_a.value)===""&&errors!=null&&errors.length>0){const err=errors.filter(e=>e.field===type);setOrderErrors(err),onSubmit&&onSubmit({value:(_b=values[type])===null||_b===void 0?void 0:_b.value,success:!1})}type!=null&&((_c=values[type])===null||_c===void 0?void 0:_c.value)===""&&(setOrderErrors([]),onSubmit&&onSubmit({value:(_d=values[type])===null||_d===void 0?void 0:_d.value,success:!1}))},[values]),(0,react_1.useEffect)(()=>{codeType==null?(order?.gift_card_code&&!order?.coupon_code&&setType("coupon_code"),!order?.gift_card_code&&order?.coupon_code&&setType("gift_card_code"),!order?.gift_card_code&&!order?.coupon_code&&setType("gift_card_or_coupon_code")):setType(codeType)},[order]);const handleSubmit=e=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a;e.preventDefault();const code=type!=null&&values[type]!=null?values[type].value:void 0;if(code!=null&&setGiftCardOrCouponCode!=null&&type!=null){const{success,order:order2}=yield setGiftCardOrCouponCode({code,codeType:type}),value=(_a=values[type])===null||_a===void 0?void 0:_a.value;onSubmit&&onSubmit({success,value,order:order2}),success&&reset(e)}});return codeType!=null&&order?.[codeType]!=null&&order?.[codeType]!==""||order?.gift_card_code&&order?.coupon_code||order==null?null:(0,jsx_runtime_1.jsx)(CouponAndGiftCardFormContext_1.default.Provider,{value:{validation,codeType:type},children:(0,jsx_runtime_1.jsx)("form",Object.assign({ref,autoComplete,onSubmit:e=>{handleSubmit(e)}},p,{children}))})}exports.default=GiftCardOrCouponForm;

package/lib/cjs/components/gift_cards/GiftCardOrCouponInput.d.ts

@@ -1,11 +0,0 @@
-import { type JSX } from 'react';
-import type { BaseInputComponentProps } from '../../typings/index';
-import type { OrderCodeType } from '../../reducers/OrderReducer';
-type FieldName = 'gift_card_code' | 'coupon_code';
-type Props = {
-    name?: FieldName;
-    type?: 'text';
-    placeholderTranslation?: (codeType: OrderCodeType) => string;
-} & Omit<BaseInputComponentProps, 'name' | 'type'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
-export declare function GiftCardOrCouponInput(props: Props): JSX.Element | null;
-export default GiftCardOrCouponInput;

package/lib/cjs/components/gift_cards/GiftCardOrCouponInput.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponInput=GiftCardOrCouponInput;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),CouponAndGiftCardFormContext_1=tslib_1.__importDefault(require("../../context/CouponAndGiftCardFormContext"));function GiftCardOrCouponInput(props){const{placeholder="",required,value,placeholderTranslation,name}=props,p=tslib_1.__rest(props,["placeholder","required","value","placeholderTranslation","name"]),{validation,codeType}=(0,react_1.useContext)(CouponAndGiftCardFormContext_1.default);let placeholderLabel=placeholder;return placeholderTranslation&&codeType&&(placeholderLabel=placeholderTranslation(codeType)),codeType==null?null:(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({type:"text",name:codeType??"gift_card_or_coupon_code",ref:validation,required:required!==void 0?required:!0,placeholder:placeholderLabel,defaultValue:value},p))}exports.default=GiftCardOrCouponInput;

package/lib/cjs/components/gift_cards/GiftCardOrCouponRemoveButton.d.ts

@@ -1,20 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-import type { CodeType, OrderCodeType } from '../../reducers/OrderReducer';
-import type { Order } from '@commercelayer/sdk';
-interface ChildrenProps extends Omit<Props, 'children' | 'onClick'> {
-    codeType?: OrderCodeType;
-    hide?: boolean;
-    handleClick?: () => void;
-}
-type Props = {
-    type?: CodeType;
-    children?: ChildrenFunction<ChildrenProps>;
-    label?: string | ReactNode;
-    onClick?: (response: {
-        success: boolean;
-        order?: Order;
-    }) => void;
-} & Omit<JSX.IntrinsicElements['button'], 'type' | 'onClick'>;
-export declare function GiftCardOrCouponRemoveButton(props: Props): JSX.Element | null;
-export default GiftCardOrCouponRemoveButton;

package/lib/cjs/components/gift_cards/GiftCardOrCouponRemoveButton.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponRemoveButton=GiftCardOrCouponRemoveButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext"));function GiftCardOrCouponRemoveButton(props){const{children,label="Remove",onClick,type}=props,p=tslib_1.__rest(props,["children","label","onClick","type"]),{order,removeGiftCardOrCouponCode}=(0,react_1.useContext)(OrderContext_1.default);let codeType=type?`${type}_code`:void 0;!type&&order&&"coupon_code"in order&&order.coupon_code!==""?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),handleClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){if(codeType!=null&&removeGiftCardOrCouponCode!=null){const response=yield removeGiftCardOrCouponCode({codeType});onClick!=null&&response!=null&&onClick(response)}}),parentProps=Object.assign(Object.assign({},p),{label,handleClick,codeType});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):hide?null:(0,jsx_runtime_1.jsx)("button",Object.assign({type:"button",onClick:()=>{handleClick()}},p,{children:label}))}exports.default=GiftCardOrCouponRemoveButton;

package/lib/cjs/components/gift_cards/GiftCardOrCouponSubmit.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode, JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-interface ChildrenProps extends Omit<Props, 'children'> {
-}
-interface Props extends Omit<JSX.IntrinsicElements['button'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps>;
-    label?: string | ReactNode;
-}
-export declare function GiftCardOrCouponSubmit(props: Props): JSX.Element;
-export default GiftCardOrCouponSubmit;

package/lib/cjs/components/gift_cards/GiftCardOrCouponSubmit.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponSubmit=GiftCardOrCouponSubmit;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function GiftCardOrCouponSubmit(props){const{children,label="Submit"}=props,p=tslib_1.__rest(props,["children","label"]),parentProps=Object.assign(Object.assign({},p),{label});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("button",Object.assign({type:"submit"},p,{children:label}))}exports.default=GiftCardOrCouponSubmit;

package/lib/cjs/components/gift_cards/GiftCardRecipientInput.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";

package/lib/cjs/components/in_stock_subscriptions/InStockSubscriptionButton.d.ts

@@ -1,36 +0,0 @@
-import type { ChildrenFunction } from '../../typings/index';
-import { type JSX } from 'react';
-interface Props extends Omit<JSX.IntrinsicElements['button'], 'children' | 'onClick'> {
-    /**
-     * The code of the sku.
-     */
-    skuCode: string;
-    /**
-     * The label to display.
-     */
-    label?: string | JSX.Element;
-    /**
-     * The label to display when the button is loading.
-     */
-    loadingLabel?: string | JSX.Element;
-    /**
-     * The email of the customer.
-     */
-    customerEmail?: string;
-    /**
-     * The children of the component.
-     */
-    children?: ChildrenFunction<Omit<Props, 'children'>>;
-    /**
-     * Show the button.
-     */
-    show?: boolean;
-    /**
-     * The callback function to call when the button is clicked.
-     */
-    onClick?: (response: {
-        success: boolean;
-    }) => void;
-}
-export declare function InStockSubscriptionButton({ skuCode, customerEmail, children, onClick, show, label, loadingLabel, ...props }: Props): JSX.Element | null;
-export default InStockSubscriptionButton;

package/lib/cjs/components/in_stock_subscriptions/InStockSubscriptionButton.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.InStockSubscriptionButton=InStockSubscriptionButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),InStockSubscriptionContext_1=tslib_1.__importDefault(require("../../context/InStockSubscriptionContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),jwt_1=require("../../utils/jwt"),react_1=require("react");function InStockSubscriptionButton(_a){var{skuCode,customerEmail,children,onClick,show=!1,label="Subscribe",loadingLabel="Loading..."}=_a,props=tslib_1.__rest(_a,["skuCode","customerEmail","children","onClick","show","label","loadingLabel"]);const{setInStockSubscription}=(0,useCustomContext_1.default)({context:InStockSubscriptionContext_1.default,contextComponentName:"InStockSubscriptionsContainer",currentComponentName:"InStockSubscriptionButton",key:"setInStockSubscription"}),{accessToken}=(0,react_1.useContext)(CommerceLayerContext_1.default),[loading,setLoading]=(0,react_1.useState)(!1),handleClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){if(accessToken!=null&&customerEmail==null){const get=(0,jwt_1.jwt)(accessToken);if(get?.owner==null){console.error("Missing customerEmail");return}}if(setInStockSubscription==null){console.error("Missing <InStockSubscriptionsContainer>");return}setLoading(!0);const res=yield setInStockSubscription({customerEmail,skuCode});onClick?.(res),setLoading(!1)});if(children!=null){const parentProps=Object.assign({skuCode,customerEmail,onClick,show,label,loadingLabel},props);return(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}))}return show?(0,jsx_runtime_1.jsx)("button",Object.assign({onClick:()=>{handleClick()},disabled:loading},props,{children:loading?loadingLabel:label})):null}exports.default=InStockSubscriptionButton;

package/lib/cjs/components/in_stock_subscriptions/InStockSubscriptionsContainer.d.ts

@@ -1,10 +0,0 @@
-import type { DefaultChildrenType } from '../../typings/globals';
-import { type JSX } from 'react';
-interface Props {
-    /**
-     * The children of the component.
-     */
-    children: DefaultChildrenType;
-}
-export declare function InStockSubscriptionsContainer({ children }: Props): JSX.Element | null;
-export default InStockSubscriptionsContainer;

package/lib/cjs/components/in_stock_subscriptions/InStockSubscriptionsContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.InStockSubscriptionsContainer=InStockSubscriptionsContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),InStockSubscriptionContext_1=tslib_1.__importDefault(require("../../context/InStockSubscriptionContext")),InStockSubscriptionReducer_1=tslib_1.__importStar(require("../../reducers/InStockSubscriptionReducer")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),react_1=require("react");function InStockSubscriptionsContainer({children}){const config=(0,useCustomContext_1.default)({context:CommerceLayerContext_1.default,contextComponentName:"CommerceLayer",currentComponentName:"InStockSubscriptionsContainer",key:"accessToken"}),[state,dispatch]=(0,react_1.useReducer)(InStockSubscriptionReducer_1.default,InStockSubscriptionReducer_1.inStockSubscriptionInitialState),value=Object.assign(Object.assign({},state),{setInStockSubscription:_a=>tslib_1.__awaiter(this,[_a],void 0,function*({customerEmail,skuCode}){return yield(0,InStockSubscriptionReducer_1.setInStockSubscription)({customerEmail,skuCode,config,dispatch})})});return(0,jsx_runtime_1.jsx)(InStockSubscriptionContext_1.default.Provider,{value,children})}exports.default=InStockSubscriptionsContainer;

package/lib/cjs/components/line_items/LineItem.d.ts

@@ -1,8 +0,0 @@
-import { type JSX } from 'react';
-export type TLineItem = 'gift_cards' | 'payment_methods' | 'promotions' | 'shipments' | 'skus' | 'bundles' | 'adjustments';
-interface Props {
-    children: JSX.Element | JSX.Element[];
-    type?: TLineItem;
-}
-export declare function LineItem(props: Props): JSX.Element;
-export default LineItem;

package/lib/cjs/components/line_items/LineItem.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItem=LineItem;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),ShipmentChildrenContext_1=tslib_1.__importDefault(require("../../context/ShipmentChildrenContext"));function LineItem(props){const{type="skus",children}=props,{lineItems}=(0,react_1.useContext)(LineItemContext_1.default),{lineItems:shipmentLineItems}=(0,react_1.useContext)(ShipmentChildrenContext_1.default),items=shipmentLineItems&&shipmentLineItems?.length>0?shipmentLineItems:lineItems,components=items?.filter(l=>l?.item_type===type).map((lineItem,k,check)=>{var _a;if(lineItem?.item_type==="bundles"&&k>0&&((_a=check[k-1])===null||_a===void 0?void 0:_a.bundle_code)===lineItem.bundle_code||lineItem?.item_type==="gift_cards"&&lineItem?.total_amount_cents&&lineItem?.total_amount_cents<=0)return null;const lineProps={lineItem};return(0,jsx_runtime_1.jsx)(LineItemChildrenContext_1.default.Provider,{value:lineProps,children},lineItem?.id)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.default=LineItem;

package/lib/cjs/components/line_items/LineItemAmount.d.ts

@@ -1,7 +0,0 @@
-import { type JSX } from 'react';
-import type { BaseAmountComponent, BasePriceType } from '../../typings/index';
-type Props = BaseAmountComponent & {
-    type?: BasePriceType;
-};
-export declare function LineItemAmount(props: Props): JSX.Element;
-export default LineItemAmount;

package/lib/cjs/components/line_items/LineItemAmount.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemAmount=LineItemAmount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function LineItemAmount(props){const{format="formatted",type="total"}=props,p=tslib_1.__rest(props,["format","type"]),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)("");(0,react_1.useEffect)(()=>{if(lineItem){const p2=(0,getAmount_1.default)({base:"amount",type,format,obj:lineItem});setPrice(p2)}return()=>{setPrice("")}},[lineItem]);const parentProps=Object.assign({price},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:price}))}exports.default=LineItemAmount;

package/lib/cjs/components/line_items/LineItemCode.d.ts

@@ -1,13 +0,0 @@
-import { type JSX } from 'react';
-import type { LineItem } from '@commercelayer/sdk';
-import type { ChildrenFunction } from '../../typings/index';
-export interface TLineItemCode extends Omit<Props, 'children'> {
-    lineItem: LineItem;
-    skuCode: string;
-}
-interface Props extends Omit<JSX.IntrinsicElements['p'], 'children'> {
-    children?: ChildrenFunction<TLineItemCode>;
-    type?: 'sku_code' | 'bundle_code';
-}
-export declare function LineItemCode({ type, children, ...p }: Props): JSX.Element;
-export default LineItemCode;

package/lib/cjs/components/line_items/LineItemCode.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemCode=LineItemCode;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function LineItemCode(_a){var{type="sku_code",children}=_a,p=tslib_1.__rest(_a,["type","children"]);const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),labelName=lineItem?.[type],parentProps=Object.assign({lineItem,skuCode:labelName},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("p",Object.assign({},p,{children:labelName}))}exports.default=LineItemCode;

package/lib/cjs/components/line_items/LineItemField.d.ts

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

package/lib/cjs/components/line_items/LineItemField.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemField=LineItemField;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),GenericFieldComponent_1=tslib_1.__importDefault(require("../utils/GenericFieldComponent"));function LineItemField(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:"lineItem",attribute,tagElement,context:LineItemChildrenContext_1.default},p,{children}))}exports.default=LineItemField;

package/lib/cjs/components/line_items/LineItemImage.d.ts

@@ -1,17 +0,0 @@
-import { type JSX } from 'react';
-import type { LineItem } from '@commercelayer/sdk';
-import type { ChildrenFunction } from '../../typings/index';
-import type { TLineItem } from './LineItem';
-export interface TLineItemImage extends Omit<Props, 'children'> {
-    src: string;
-    lineItem: LineItem;
-}
-type Props = {
-    children?: ChildrenFunction<TLineItemImage>;
-    width?: number;
-    placeholder?: {
-        [K in TLineItem]?: string;
-    };
-} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet' | 'placeholder'>;
-export declare function LineItemImage(props: Props): JSX.Element | null;
-export default LineItemImage;

package/lib/cjs/components/line_items/LineItemImage.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemImage=LineItemImage;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),placeholderImages_1=require("../../utils/placeholderImages"),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function LineItemImage(props){var _a,_b;const{placeholder,children}=props,p=tslib_1.__rest(props,["placeholder","children"]),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),itemType=lineItem?.item_type;let src=lineItem?.image_url;src||(placeholder?.[itemType]?src=placeholder?.[itemType]:src=itemType==="gift_cards"?placeholderImages_1.defaultGiftCardImgUrl:placeholderImages_1.defaultImgUrl);const parenProps=Object.assign({lineItem,src,placeholder},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parenProps,{children})):src?(0,jsx_runtime_1.jsx)("img",Object.assign({"data-testid":`line-item-image-${(_a=lineItem?.sku_code)!==null&&_a!==void 0?_a:""}`,alt:(_b=lineItem?.name)!==null&&_b!==void 0?_b:"",src},p)):null}exports.default=LineItemImage;

package/lib/cjs/components/line_items/LineItemName.d.ts

@@ -1,12 +0,0 @@
-import { type JSX } from 'react';
-import type { LineItem } from '@commercelayer/sdk';
-import type { ChildrenFunction } from '../../typings/index';
-export interface TLineItemName extends Omit<Props, 'children'> {
-    label: string;
-    lineItem: LineItem;
-}
-interface Props extends Omit<JSX.IntrinsicElements['p'], 'children'> {
-    children?: ChildrenFunction<TLineItemName>;
-}
-export declare function LineItemName(props: Props): JSX.Element;
-export default LineItemName;

package/lib/cjs/components/line_items/LineItemName.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemName=LineItemName;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function LineItemName(props){var _a;const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),label=lineItem?.name,parentProps=Object.assign({label,lineItem},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("p",Object.assign({"data-testid":`line-item-name-${(_a=lineItem?.sku_code)!==null&&_a!==void 0?_a:""}`},props,{children:label}))}exports.default=LineItemName;

package/lib/cjs/components/line_items/LineItemOption.d.ts

@@ -1,19 +0,0 @@
-import { type CSSProperties, type JSX } from 'react';
-import type { LineItemOption as LineItemOptionType } from '@commercelayer/sdk';
-import type { ChildrenFunction } from '../../typings/index';
-export interface TLineItemOption extends Omit<Props, 'children'> {
-    lineItemOption: LineItemOptionType;
-}
-interface Props {
-    id?: string;
-    className?: string;
-    key?: string;
-    style?: CSSProperties;
-    children?: ChildrenFunction<TLineItemOption>;
-    name?: string;
-    valueClassName?: string;
-    tagElement?: keyof JSX.IntrinsicElements;
-    tagContainer?: keyof JSX.IntrinsicElements;
-}
-export declare function LineItemOption(props: Props): JSX.Element;
-export default LineItemOption;

package/lib/cjs/components/line_items/LineItemOption.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemOption=LineItemOption;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemOptionChildrenContext")),map_1=tslib_1.__importDefault(require("lodash/map")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),isJSON_1=tslib_1.__importDefault(require("../../utils/isJSON"));function LineItemOption(props){var _a;const{name,children,valueClassName,key,tagElement="li",tagContainer="ul"}=props,p=tslib_1.__rest(props,["name","children","valueClassName","key","tagElement","tagContainer"]),{lineItemOption,showAll}=(0,react_1.useContext)(LineItemOptionChildrenContext_1.default),parentProps=Object.assign(Object.assign({},props),{lineItemOption}),TagElement=tagElement,TagContainer=tagContainer,label=name!=null?(_a=lineItemOption?.options)===null||_a===void 0?void 0:_a[name]:"",components=showAll&&(0,isJSON_1.default)(JSON.stringify(lineItemOption?.options))?(0,map_1.default)(lineItemOption?.options,(value,key2)=>(0,jsx_runtime_1.jsxs)(TagElement,Object.assign({},p,{children:[`${key2}:`,(0,jsx_runtime_1.jsx)("span",{className:valueClassName,children:`${value}`})]}),key2)):name!=null&&lineItemOption?.options!=null&&name in lineItemOption.options?(0,jsx_runtime_1.jsxs)(TagElement,Object.assign({},p,{children:[`${name}:`,(0,jsx_runtime_1.jsx)("span",Object.assign({className:valueClassName},p,{children:label??""}))]}),key):null;return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)(TagContainer,{children:components})}exports.default=LineItemOption;

package/lib/cjs/components/line_items/LineItemOptions.d.ts

@@ -1,16 +0,0 @@
-import { type ReactNode, type JSX } from 'react';
-type Props = {
-    children: ReactNode;
-    title?: string;
-    showName?: boolean;
-    titleTagElement?: keyof JSX.IntrinsicElements;
-    titleClassName?: string;
-} & Omit<JSX.IntrinsicElements['div'], 'children'> & ({
-    skuOptionId: string;
-    showAll?: never;
-} | {
-    skuOptionId?: never;
-    showAll: true;
-});
-export declare function LineItemOptions(props: Props): JSX.Element;
-export default LineItemOptions;

package/lib/cjs/components/line_items/LineItemOptions.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemOptions=LineItemOptions;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),LineItemOptionChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemOptionChildrenContext"));function LineItemOptions(props){const{skuOptionId,title,children,showName=!0,showAll,className,titleTagElement="h6",titleClassName}=props,p=tslib_1.__rest(props,["skuOptionId","title","children","showName","showAll","className","titleTagElement","titleClassName"]),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),lineItemOptions=lineItem!=null?lineItem?.line_item_options||[]:[],TitleTagElement=titleTagElement,options=lineItemOptions.filter(o=>showAll?!0:o.skuOption().id===skuOptionId).map((o,k)=>{const showTitle=showName?(0,jsx_runtime_1.jsx)(TitleTagElement,{className:titleClassName,children:title||o.name}):null,valueProps={lineItemOption:o,showAll};return(0,jsx_runtime_1.jsxs)("div",Object.assign({className},p,{children:[showTitle,(0,jsx_runtime_1.jsx)(LineItemOptionChildrenContext_1.default.Provider,{value:valueProps,children})]}),k)});return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:options})}exports.default=LineItemOptions;

package/lib/cjs/components/line_items/LineItemQuantity.d.ts

@@ -1,21 +0,0 @@
-import { type JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-import type { LineItem } from '@commercelayer/sdk';
-interface ChildrenProps extends Omit<Props, 'children'> {
-    quantity: number;
-    handleChange: (event: React.MouseEvent<HTMLSelectElement>) => void;
-    lineItem?: LineItem;
-}
-type Props = {
-    children?: ChildrenFunction<ChildrenProps>;
-    max?: number;
-    disabled?: boolean;
-    readonly?: boolean;
-    /**
-     * force the update of the line item price using `_external_price: true` attribute
-     * @link https://docs.commercelayer.io/core/external-resources/external-prices
-     */
-    hasExternalPrice?: boolean;
-} & (Omit<JSX.IntrinsicElements['select'], 'children'> & Omit<JSX.IntrinsicElements['span'], 'children'>);
-export declare function LineItemQuantity(props: Props): JSX.Element;
-export default LineItemQuantity;

package/lib/cjs/components/line_items/LineItemQuantity.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemQuantity=LineItemQuantity;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function LineItemQuantity(props){var _a;const{max=50,readonly=!1,hasExternalPrice}=props,p=tslib_1.__rest(props,["max","readonly","hasExternalPrice"]),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),{updateLineItem}=(0,react_1.useContext)(LineItemContext_1.default),options=[];for(let i=1;i<=max;i++)options.push((0,jsx_runtime_1.jsx)("option",{value:`${i}`,children:i},i));const handleChange=e=>{const quantity2=Number(e.target.value);updateLineItem&&lineItem&&updateLineItem(lineItem.id,quantity2,hasExternalPrice)},quantity=lineItem?.quantity,parentProps=Object.assign({handleChange,quantity,lineItem},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):readonly?(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:quantity})):(0,jsx_runtime_1.jsx)("select",Object.assign({"data-testid":lineItem?.sku_code,title:(_a=lineItem?.name)!==null&&_a!==void 0?_a:"",value:quantity,onChange:handleChange},p,{children:options}))}exports.default=LineItemQuantity;

package/lib/cjs/components/line_items/LineItemRemoveLink.d.ts

@@ -1,14 +0,0 @@
-import { type PropsWithoutRef, type JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-import type { LineItem } from '@commercelayer/sdk';
-interface ChildrenProps extends Omit<Props, 'children'> {
-    handleRemove: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    label?: string;
-    lineItem?: LineItem;
-}
-interface Props extends PropsWithoutRef<Omit<JSX.IntrinsicElements['a'], 'children'>> {
-    children?: ChildrenFunction<ChildrenProps>;
-    label?: string;
-}
-export declare function LineItemRemoveLink(props: Props): JSX.Element;
-export default LineItemRemoveLink;

package/lib/cjs/components/line_items/LineItemRemoveLink.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemRemoveLink=LineItemRemoveLink;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function LineItemRemoveLink(props){var _a;const{label="Remove",onClick}=props,{lineItem}=(0,useCustomContext_1.default)({context:LineItemChildrenContext_1.default,contextComponentName:"LineItem",currentComponentName:"LineItemRemoveLink",key:"lineItem"}),{deleteLineItem}=(0,react_1.useContext)(LineItemContext_1.default),handleRemove=e=>{e.preventDefault(),deleteLineItem!=null&&lineItem!=null&&deleteLineItem(lineItem.id),onClick?.(e)},parentProps=Object.assign({handleRemove,lineItem},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children})):(0,jsx_runtime_1.jsx)("a",Object.assign({"data-testid":`line-item-remove-link-${(_a=lineItem?.sku_code)!==null&&_a!==void 0?_a:""}`},props,{href:"#",onClick:handleRemove,children:label}))}exports.default=LineItemRemoveLink;

package/lib/cjs/components/line_items/LineItemsContainer.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'react';
-import type { DefaultChildrenType } from '../../typings/globals';
-interface Props {
-    children: DefaultChildrenType;
-    filters?: Record<string, any>;
-    loader?: JSX.Element;
-}
-export declare function LineItemsContainer(props: Props): JSX.Element;
-export default LineItemsContainer;

package/lib/cjs/components/line_items/LineItemsContainer.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemsContainer=LineItemsContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemReducer_1=tslib_1.__importStar(require("../../reducers/LineItemReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext"));function LineItemsContainer(props){const{children,loader="Loading..."}=props,{order,addResourceToInclude,include,orderId,getOrder,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default),[state,dispatch]=(0,react_1.useReducer)(LineItemReducer_1.default,LineItemReducer_1.lineItemInitialState);(0,react_1.useEffect)(()=>{include?.includes("line_items.line_item_options.sku_option")?includeLoaded?.["line_items.line_item_options.sku_option"]||addResourceToInclude({newResourceLoaded:{"line_items.line_item_options.sku_option":!0}}):addResourceToInclude({newResource:["line_items.line_item_options.sku_option"]}),include?.includes("line_items.item")?includeLoaded?.["line_items.item"]||addResourceToInclude({newResourceLoaded:{"line_items.item":!0}}):addResourceToInclude({newResource:["line_items.item"]})},[include,includeLoaded]),(0,react_1.useEffect)(()=>{order?.line_items&&dispatch({type:"setLineItems",payload:{lineItems:order.line_items}})},[order?.line_items]);const lineItemValue=Object.assign(Object.assign({},state),{loader,updateLineItem:(lineItemId_1,...args_1)=>tslib_1.__awaiter(this,[lineItemId_1,...args_1],void 0,function*(lineItemId,quantity=1,hasExternalPrice){yield(0,LineItemReducer_1.updateLineItem)({lineItemId,quantity,hasExternalPrice,dispatch,config,getOrder,orderId:orderId??"",errors:state.errors})}),deleteLineItem:lineItemId=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,LineItemReducer_1.deleteLineItem)({lineItemId,dispatch,config,getOrder,orderId:orderId??"",errors:state.errors})})});return(0,jsx_runtime_1.jsx)(LineItemContext_1.default.Provider,{value:lineItemValue,children:state.loading?loader:children})}exports.default=LineItemsContainer;

package/lib/cjs/components/line_items/LineItemsCount.d.ts

@@ -1,12 +0,0 @@
-import { type JSX } from 'react';
-import { type TypeAccepted } from '../../utils/getLineItemsCount';
-import type { ChildrenFunction } from '../../typings/index';
-interface ChildrenProps extends Omit<Props, 'children'> {
-    quantity: number;
-}
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps>;
-    typeAccepted?: TypeAccepted[];
-}
-export declare function LineItemsCount(props: Props): JSX.Element;
-export default LineItemsCount;

package/lib/cjs/components/line_items/LineItemsCount.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemsCount=LineItemsCount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),getLineItemsCount_1=tslib_1.__importDefault(require("../../utils/getLineItemsCount")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function LineItemsCount(props){const{children,typeAccepted}=props,p=tslib_1.__rest(props,["children","typeAccepted"]),{lineItems}=(0,useCustomContext_1.default)({context:LineItemContext_1.default,contextComponentName:"LineItemsContainer",currentComponentName:"LineItemsCount",key:"lineItems"}),[quantity,setQuantity]=(0,react_1.useState)(0);(0,react_1.useEffect)(()=>{if(lineItems&&lineItems.length>0){const qty=(0,getLineItemsCount_1.default)({lineItems:lineItems||[],typeAccepted});setQuantity(qty)}return()=>{setQuantity(0)}},[lineItems,typeAccepted]);const parentProps=Object.assign({quantity,typeAccepted},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:quantity}))}exports.default=LineItemsCount;

package/lib/cjs/components/line_items/LineItemsEmpty.d.ts

@@ -1,12 +0,0 @@
-import { type JSX } from 'react';
-import type { ChildrenFunction } from '../../typings/index';
-interface ChildrenProps extends Omit<Props, 'children'> {
-    quantity: number;
-    text: string;
-}
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps>;
-    text?: string;
-}
-export declare function LineItemsEmpty(props: Props): JSX.Element | null;
-export default LineItemsEmpty;

package/lib/cjs/components/line_items/LineItemsEmpty.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemsEmpty=LineItemsEmpty;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),getLineItemsCount_1=tslib_1.__importDefault(require("../../utils/getLineItemsCount")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext"));function LineItemsEmpty(props){const{children,text="Your shopping bag is empty"}=props,p=tslib_1.__rest(props,["children","text"]),{lineItems}=(0,react_1.useContext)(LineItemContext_1.default),[quantity,setQuantity]=(0,react_1.useState)(),emptyText=quantity===0?(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:text})):null;(0,react_1.useEffect)(()=>{if(lineItems)if(lineItems.length>0){const qty=(0,getLineItemsCount_1.default)({lineItems:lineItems||[]});setQuantity(qty)}else setQuantity(0);return()=>{setQuantity(void 0)}},[lineItems]);const parentProps=Object.assign({quantity,text},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):emptyText}exports.default=LineItemsEmpty;

package/lib/cjs/components/orders/AddToCartButton.d.ts

@@ -1,95 +0,0 @@
-import { type PropsWithoutRef, type JSX } from "react";
-import type { ChildrenFunction } from "../../typings/index";
-import type { AddToCartReturn, CustomLineItem, LineItemOption } from "../../reducers/OrderReducer";
-interface TAddToCartButton extends Omit<Props, "children"> {
-    handleClick: () => AddToCartReturn;
-}
-type BuyNowMode = {
-    /**
-     * Once item has been added, it redirects to the hosted checkout micro-frontend.
-     */
-    buyNowMode: true;
-    /**
-     * If you have a self-hosted checkout, you can pass the url to redirect to it.
-     */
-    checkoutUrl?: string;
-} | {
-    buyNowMode?: false;
-    checkoutUrl?: never;
-};
-type THostedCart = {
-    /**
-     * Once item has been added, it redirects to the hosted cart micro-frontend.
-     */
-    redirectToHostedCart: true;
-    /**
-     * If you have a self-hosted cart, you can pass the url to redirect to it.
-     */
-    hostedCartUrl?: string;
-    /**
-     * If you have a self-hosted cart, you can pass the protocol to redirect to it.
-     */
-    protocol?: "http" | "https";
-} | {
-    redirectToHostedCart?: false;
-    hostedCartUrl?: never;
-    protocol?: never;
-};
-type TButton = PropsWithoutRef<Omit<JSX.IntrinsicElements["button"], "children">>;
-type Props = {
-    /**
-     * Code of a bundle
-     */
-    bundleCode?: string;
-    children?: ChildrenFunction<TAddToCartButton>;
-    /**
-     * Disable the cart button
-     */
-    disabled?: boolean;
-    /**
-     * Label to display
-     */
-    label?: string | JSX.Element;
-    /**
-     * Line item which allow you customize the cart item
-     */
-    lineItem?: CustomLineItem;
-    /**
-     * Line item option to add to cart
-     */
-    lineItemOption?: LineItemOption;
-    /**
-     * Quantity of the item
-     */
-    quantity?: string;
-    /**
-     * SKU code to add to cart
-     */
-    skuCode?: string;
-    /**
-     * SKU list to add to cart
-     */
-    skuListId?: string;
-} & TButton & BuyNowMode & THostedCart;
-/**
- * This component adds `line_items` to the cart (aka draft order), see the [how to create a shopping cart](https://docs.commercelayer.io/core/v/how-tos/placing-orders/shopping-cart/create-a-shopping-cart) documentation,
- * for a general understanding of the process.
- *
- * It can be used to add `skus` or `bundle` by receiving `skuCode` or `bundleCode` from props.
- * When `skuListId` is passed as prop , it will add all the `skus` in the `sku_list` to the cart.
- *
- * It's possible to select the quantity of the item to add to cart by passing the `quantity` prop.
- *
- * When this component is used inside a `<Skus>` or `<SkuList>` component, it will automatically get the `skuCode` and quantity from the context,
- * so you don't need to pass it as prop.
- *
- * It can automatically redirect to the cart page of the application using the `redirectToHostedCart` prop and optionally a `hostedCartUrl`.
- *
- * With a similar logic, you can enable a "Buy Now" experience and automatically redirect the customer to the checkout page using the `buyNowMode` prop and optionally a `checkoutUrl`.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<OrderContainer>` component.
- * </span>
- */
-export declare function AddToCartButton(props: Props): JSX.Element;
-export default AddToCartButton;

package/lib/cjs/components/orders/AddToCartButton.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddToCartButton=AddToCartButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),SkuListsContext_1=tslib_1.__importDefault(require("../../context/SkuListsContext")),ExternalFunctionContext_1=tslib_1.__importDefault(require("../../context/ExternalFunctionContext")),SkuChildrenContext_1=tslib_1.__importDefault(require("../../context/SkuChildrenContext")),getApplicationLink_1=require("../../utils/getApplicationLink"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),getDomain_1=require("../../utils/getDomain"),events_1=require("../../utils/events"),organization_1=require("../../utils/organization");function AddToCartButton(props){var _a;const{label="Add to cart",children,skuCode,bundleCode,skuListId,lineItem,buyNowMode=!1,checkoutUrl,redirectToHostedCart,hostedCartUrl,quantity,lineItemOption,protocol="https"}=props,p=tslib_1.__rest(props,["label","children","skuCode","bundleCode","skuListId","lineItem","buyNowMode","checkoutUrl","redirectToHostedCart","hostedCartUrl","quantity","lineItemOption","protocol"]),{accessToken,endpoint}=(0,useCustomContext_1.default)({context:CommerceLayerContext_1.default,contextComponentName:"CommerceLayer",currentComponentName:"AddToCartButton",key:"accessToken"}),{addToCart,orderId,getOrder,setOrderErrors}=(0,useCustomContext_1.default)({context:OrderContext_1.default,contextComponentName:"OrderContainer",currentComponentName:"AddToCartButton",key:"addToCart"}),{url,callExternalFunction}=(0,react_1.useContext)(ExternalFunctionContext_1.default),{skuLists}=(0,react_1.useContext)(SkuListsContext_1.default),{sku}=(0,react_1.useContext)(SkuChildrenContext_1.default),sCode=(_a=sku?.code)!==null&&_a!==void 0?_a:skuCode,handleClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2,_b,_c;const qty=quantity!=null?Number.parseInt(quantity):1;if(skuLists!=null&&skuListId&&url&&skuListId in skuLists){const lineItems=(_a2=skuLists?.[skuListId])===null||_a2===void 0?void 0:_a2.map(skuCode2=>({skuCode:skuCode2,quantity:qty,_update_quantity:1}));return yield callExternalFunction({url,data:{resourceType:"orders",inputs:[{id:orderId,lineItems}]}}).then(res=>tslib_1.__awaiter(this,void 0,void 0,function*(){return getOrder&&orderId&&(yield getOrder(orderId)),buyNowMode||(0,events_1.publish)("open-cart"),res})).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}if(!url&&addToCart!=null){const res=yield addToCart({bundleCode,skuCode:sCode,quantity:qty,lineItemOption,lineItem,buyNowMode,checkoutUrl});if(redirectToHostedCart&&accessToken!=null&&endpoint!=null){const{slug,domain}=(0,getDomain_1.getDomain)(endpoint),orderId2=res?.orderId;if(hostedCartUrl&&orderId2)location.href=`${protocol}://${hostedCartUrl}/${orderId2}?accessToken=${accessToken}`;else if(orderId2&&slug){const config=yield(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{orderId:orderId2,accessToken,slug}});location.href=(_c=(_b=config?.links)===null||_b===void 0?void 0:_b.cart)!==null&&_c!==void 0?_c:(0,getApplicationLink_1.getApplicationLink)({orderId:orderId2,slug,accessToken,domain,applicationType:"cart"})}}return res}else if(url)return yield callExternalFunction({url,data:{bundleCode,skuCode:sCode,quantity:qty,lineItemOption,lineItem,buyNowMode,checkoutUrl}}).then(res=>tslib_1.__awaiter(this,void 0,void 0,function*(){return getOrder&&orderId&&(yield getOrder(orderId)),buyNowMode||(0,events_1.publish)("open-cart"),res})).catch(({response})=>(setOrderErrors&&setOrderErrors(response.data),response))}),parentProps=Object.assign({handleClick,label},props);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("button",Object.assign({},p,{onClick:()=>{handleClick()},children:label}))}exports.default=AddToCartButton;

package/lib/cjs/components/orders/AdjustmentAmount.d.ts

@@ -1,4 +0,0 @@
-import type { BaseAmountComponent } from '../../typings/index';
-import type { JSX } from "react";
-export declare function AdjustmentAmount(props: BaseAmountComponent): JSX.Element;
-export default AdjustmentAmount;