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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,95 @@
+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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdjustmentAmount=AdjustmentAmount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseOrderPrice_1=tslib_1.__importDefault(require("../utils/BaseOrderPrice"));function AdjustmentAmount(props){return(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"adjustment"},props))}exports.default=AdjustmentAmount;

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

@@ -0,0 +1,47 @@
+import { type MouseEvent, type ReactNode, type JSX } from 'react';
+import type { ChildrenFunction } from '../../typings/index';
+interface ChildrenProps extends Omit<Props, 'children'> {
+    /**
+     * The url of the cart
+     */
+    href: string;
+    /**
+     * Callback to dispatch the click event
+     * @param e: MouseEvent<HTMLAnchorElement>
+     * @returns Promise<void>
+     */
+    handleClick?: (e: MouseEvent<HTMLAnchorElement>) => Promise<void>;
+    /**
+     * The order id
+     */
+    orderId?: string;
+    /**
+     * The access token
+     */
+    accessToken?: string;
+}
+interface Props extends Omit<JSX.IntrinsicElements['a'], 'children'> {
+    children?: ChildrenFunction<ChildrenProps>;
+    /**
+     * Label to display
+     */
+    label?: string | ReactNode;
+    /**
+     * The type of the cart. Defaults to undefined. If set to 'mini', the cart will open in a modal.
+     */
+    type?: 'mini';
+    /**
+     * The domain of your forked application
+     */
+    customDomain?: string;
+}
+/**
+ * This component generates a link to the hosted mfe-cart application.
+ * In this way you can connect your shop application with our hosted micro-frontend.
+ *
+ * <span title="Requirement" type="warning">
+ * Must be a child of the `<OrderContainer>` component. <br />
+ * </span>
+ */
+export declare function CartLink(props: Props): JSX.Element | null;
+export default CartLink;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CartLink=CartLink;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),getApplicationLink_1=require("../../utils/getApplicationLink"),getDomain_1=require("../../utils/getDomain"),events_1=require("../../utils/events"),organization_1=require("../../utils/organization");function CartLink(props){const{label,children,type,customDomain}=props,p=tslib_1.__rest(props,["label","children","type","customDomain"]),{order,createOrder}=(0,react_1.useContext)(OrderContext_1.default),{accessToken,endpoint}=(0,react_1.useContext)(CommerceLayerContext_1.default);if(accessToken==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");if(endpoint==null)throw new Error("Cannot use `CartLink` outside of `CommerceLayer`");const{domain,slug}=(0,getDomain_1.getDomain)(endpoint),href=slug&&order?.id?(0,getApplicationLink_1.getApplicationLink)({slug,orderId:order?.id,accessToken,domain,applicationType:"cart",customDomain}):void 0,handleClick=event=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a,_b,_c,_d,_e;if(event.preventDefault(),type!=="mini")if(order?.id){const config=yield(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});location.href=(_c=(_b=(_a=config?.links)===null||_a===void 0?void 0:_a.cart)!==null&&_b!==void 0?_b:href)!==null&&_c!==void 0?_c:""}else{const orderId=yield createOrder({}),config=yield(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});slug&&(location.href=(_e=(_d=config?.links)===null||_d===void 0?void 0:_d.cart)!==null&&_e!==void 0?_e:(0,getApplicationLink_1.getApplicationLink)({slug,orderId,accessToken,domain,applicationType:"cart",customDomain}))}else(0,events_1.publish)("open-cart")}),parentProps=Object.assign({handleClick,label,href,orderId:order?.id,accessToken},p);return accessToken?children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("a",Object.assign({href,onClick:e=>{handleClick(e)}},p,{children:label})):null}exports.default=CartLink;

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

@@ -0,0 +1,28 @@
+import { type JSX } from "react";
+import type { ChildrenFunction } from "../../typings/index";
+interface ChildrenProps extends Omit<Props, "children"> {
+    checkoutUrl: string;
+    href: string;
+}
+interface Props extends Omit<JSX.IntrinsicElements["a"], "children"> {
+    children?: ChildrenFunction<ChildrenProps>;
+    /**
+     * Label for the checkout link
+     */
+    label?: string;
+    /**
+     * Ignores `order.checkout_url` and redirects to the hosted checkout micro-frontend.
+     * @default true
+     */
+    hostedCheckout?: boolean;
+}
+/**
+ * This component generates a link to the hosted mfe-checkout application.
+ * In this way you can connect your shop application with our hosted micro-frontend.
+ *
+ * By default it will takes the customer to our hosted checkout micro-frontend,
+ * but if `hostedCheckout` is set as `false` it will use the `checkout_url` attribute
+ * found in the `order` object.
+ */
+export declare function CheckoutLink(props: Props): JSX.Element;
+export default CheckoutLink;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckoutLink=CheckoutLink;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),getApplicationLink_1=require("../../utils/getApplicationLink"),getDomain_1=require("../../utils/getDomain"),organization_1=require("../../utils/organization");function CheckoutLink(props){var _a;const{label,hostedCheckout=!0,children,onClick}=props,p=tslib_1.__rest(props,["label","hostedCheckout","children","onClick"]),{order}=(0,react_1.useContext)(OrderContext_1.default),{accessToken,endpoint}=(0,react_1.useContext)(CommerceLayerContext_1.default);if(accessToken==null||endpoint==null)throw new Error("Cannot use `CheckoutLink` outside of `CommerceLayer`");const{domain,slug}=(0,getDomain_1.getDomain)(endpoint),href=hostedCheckout&&order?.id?(0,getApplicationLink_1.getApplicationLink)({slug,orderId:order?.id,accessToken,applicationType:"checkout",domain}):(_a=order?.checkout_url)!==null&&_a!==void 0?_a:"",parentProps=Object.assign({checkoutUrl:order?.checkout_url,hostedCheckout,label,href},p);function handleClick(e){e.preventDefault(),e.stopPropagation();const currentHref=e.currentTarget.href;accessToken&&endpoint&&order?.id?(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{accessToken,slug,orderId:order?.id}}).then(config=>{var _a2;!((_a2=config?.links)===null||_a2===void 0)&&_a2.checkout?window.open(config.links.checkout,"_top"):window.open(currentHref,"_top")}):window.open(currentHref,"_top")}return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("a",Object.assign({href,onClick:handleClick},p,{children:label}))}exports.default=CheckoutLink;

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

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

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscountAmount=DiscountAmount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseOrderPrice_1=tslib_1.__importDefault(require("../utils/BaseOrderPrice"));function DiscountAmount(props){return(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"discount"},props))}exports.default=DiscountAmount;

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

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

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardAmount=GiftCardAmount;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseOrderPrice_1=tslib_1.__importDefault(require("../utils/BaseOrderPrice")),react_1=require("react"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),manageGiftCard_1=require("../../utils/adyen/manageGiftCard"),Parent_1=tslib_1.__importDefault(require("../utils/Parent"));function GiftCardAmount(props){const{manageAdyenGiftCard,order}=(0,react_1.useContext)(OrderContext_1.default);if(manageAdyenGiftCard){const giftCardData=(0,manageGiftCard_1.manageGiftCard)({order});if(!giftCardData)return null;const parentProps=Object.assign({priceCents:giftCardData.currentBalanceValue,price:`-${giftCardData?.formattedBalanceValue}`},props);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({},props,{children:`-${giftCardData?.formattedBalanceValue}`}))}return(0,jsx_runtime_1.jsx)(BaseOrderPrice_1.default,Object.assign({base:"amount",type:"gift_card"},props))}exports.default=GiftCardAmount;

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

@@ -0,0 +1,58 @@
+import { type CSSProperties, type JSX } from 'react';
+interface Styles {
+    cart?: CSSProperties;
+    container?: CSSProperties;
+    background?: CSSProperties;
+    icon?: CSSProperties;
+    iconContainer?: CSSProperties;
+}
+interface Props extends Omit<JSX.IntrinsicElements['div'], 'children' | 'style'> {
+    /**
+     * The style of the cart.
+     */
+    style?: Styles;
+    /**
+     * The domain of your forked application.
+     */
+    customDomain?: string;
+    /**
+     * The type of the cart. Defaults to undefined.
+     */
+    type?: 'mini';
+    /**
+     * If true, the cart will open when a line item is added to the order clicking the add to cart button. Defaults to false.
+     * Works only with the `type` prop set to `mini`.
+     */
+    openAdd?: boolean;
+    /**
+     * If true, the cart will be open. Defaults to false.
+     * Works only with the `type` prop set to `mini`.
+     */
+    open?: boolean;
+    /**
+     * A function that will be called when the cart is open and the background is clicked.
+     * Works only with the `type` prop set to `mini`.
+     */
+    handleOpen?: () => void;
+}
+/**
+ * This component allows to embed the cart application in your page as an `<iframe>`.
+ *
+ * By default, it will be rendered as inline cart and its content will fit the available container width
+ * while the height will be automatically adjusted to the content.
+ *
+ * Or it can work as mini cart - when `type` prop is set to `mini` - and it will be opened in a modal (popup).
+ *
+ * <span title="Requirement" type="warning">
+ * Must be a child of the `<OrderContainer>` component.
+ * </span>
+ *
+ * <span title="Mini cart" type="info">
+ * When set as `mini` cart, it requires the `<CartLink type='mini' />` component to be on the same page,
+ * to show the cart when clicked. <br />
+ * View the `<CartLink />` component documentation for more details and examples.
+ * </span>
+ *
+ */
+export declare function HostedCart({ type, openAdd, style, open, handleOpen, customDomain, ...props }: Props): JSX.Element | null;
+export {};

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostedCart=HostedCart;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),OrderStorageContext_1=tslib_1.__importDefault(require("../../context/OrderStorageContext")),getApplicationLink_1=require("../../utils/getApplicationLink"),getDomain_1=require("../../utils/getDomain"),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),react_1=require("react"),iframe_resizer_1=require("iframe-resizer"),events_1=require("../../utils/events"),organization_1=require("../../utils/organization"),defaultIframeStyle={width:"1px",minWidth:"100%",minHeight:"100%",border:"none",paddingLeft:"20px",paddingRight:"20px"},defaultContainerStyle={position:"fixed",top:"0",right:"-25rem",height:"100%",width:"23rem",transition:"right 0.5s ease-in-out",pointerEvents:"none",overflow:"auto"},defaultBackgroundStyle={opacity:"0",position:"fixed",top:"0",left:"0",height:"100%",width:"100vw",transition:"opacity 0.5s ease-in-out",pointerEvents:"none",backgroundColor:"black"},defaultIconStyle={width:"1.25rem",height:"1.25rem"},defaultIconContainer={textAlign:"left",paddingLeft:"20px",paddingTop:"20px",background:"#ffffff",color:"#686E6E"},defaultStyle={cart:defaultIframeStyle,container:defaultContainerStyle,background:defaultBackgroundStyle,icon:defaultIconStyle,iconContainer:defaultIconContainer};function HostedCart(_a){var _b,_c,_d,_e,{type,openAdd=!1,style,open=!1,handleOpen,customDomain}=_a,props=tslib_1.__rest(_a,["type","openAdd","style","open","handleOpen","customDomain"]);const[isOpen,setOpen]=(0,react_1.useState)(!1),ref=(0,react_1.useRef)(null),{accessToken,endpoint}=(0,useCustomContext_1.default)({context:CommerceLayerContext_1.default,contextComponentName:"CommerceLayer",currentComponentName:"HostedCart",key:"accessToken"}),[src,setSrc]=(0,react_1.useState)();if(accessToken==null||endpoint==null)return null;const{order,createOrder,getOrder}=(0,react_1.useContext)(OrderContext_1.default),{persistKey}=(0,react_1.useContext)(OrderStorageContext_1.default),{domain,slug}=(0,getDomain_1.getDomain)(endpoint);function setOrder(openCart){return tslib_1.__awaiter(this,void 0,void 0,function*(){var _a2,_b2,_c2;const orderId=(_a2=localStorage.getItem(persistKey))!==null&&_a2!==void 0?_a2:yield createOrder({});if(orderId!=null&&accessToken&&endpoint){const config=yield(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}});setSrc((_c2=(_b2=config?.links)===null||_b2===void 0?void 0:_b2.cart)!==null&&_c2!==void 0?_c2:(0,getApplicationLink_1.getApplicationLink)({slug,orderId,accessToken,domain,applicationType:"cart",customDomain})),openCart&&setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300)}})}function onMessage(data){var _a2;switch(data.message.type){case"update":data.message.payload!=null&&getOrder(data.message.payload.id);break;case"close":type==="mini"&&(handleOpen!=null?handleOpen():setOpen(!1));break;case"blur":type==="mini"&&isOpen&&((_a2=ref.current)===null||_a2===void 0||_a2.focus());break}}(0,react_1.useEffect)(()=>{const orderId=localStorage.getItem(persistKey);let ignore=!1;return open!=null&&open!==isOpen&&setOpen(open),openAdd&&type==="mini"&&(0,events_1.subscribe)("open-cart",()=>{window.document.body.style.overflow="hidden",src==null&&order?.id==null&&orderId==null?setOrder(!0):(src!=null&&ref.current!=null&&(ref.current.src=src),setTimeout(()=>{handleOpen!=null?handleOpen():setOpen(!0)},300))}),src==null&&order?.id==null&&orderId==null&&accessToken!=null&&!ignore&&isOpen?setOrder():src==null&&(order?.id!=null||orderId!=null)&&accessToken&&(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{orderId:order?.id,accessToken,slug}}).then(config=>{var _a2,_b2,_c2,_d2;setSrc((_b2=(_a2=config?.links)===null||_a2===void 0?void 0:_a2.cart)!==null&&_b2!==void 0?_b2:(0,getApplicationLink_1.getApplicationLink)({slug,orderId:(_d2=(_c2=order?.id)!==null&&_c2!==void 0?_c2:orderId)!==null&&_d2!==void 0?_d2:"",accessToken,domain,applicationType:"cart"}))}),src!=null&&ref.current!=null&&(ref.current.src=src),()=>{ignore=!0,openAdd&&type==="mini"&&(0,events_1.unsubscribe)("open-cart",()=>{})}},[src,open,order?.id,accessToken]),(0,react_1.useEffect)(()=>{ref.current!=null&&(0,iframe_resizer_1.iframeResizer)({checkOrigin:!1,onMessage},ref.current)},[ref.current!=null]);function onCloseCart(){window.document.body.style.removeProperty("overflow"),handleOpen!=null?handleOpen():setOpen(!1)}return src==null?null:type==="mini"?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)("div",{"aria-hidden":"true",style:Object.assign(Object.assign(Object.assign({},defaultStyle.background),style?.background),{opacity:isOpen?"0.5":(_b=defaultStyle.background)===null||_b===void 0?void 0:_b.opacity,pointerEvents:isOpen?"initial":(_c=defaultStyle.background)===null||_c===void 0?void 0:_c.pointerEvents}),onClick:onCloseCart}),(0,jsx_runtime_1.jsxs)("div",Object.assign({style:Object.assign(Object.assign(Object.assign({},defaultStyle.container),style?.container),{right:isOpen?"0":(_d=defaultStyle.container)===null||_d===void 0?void 0:_d.right,pointerEvents:isOpen?"initial":(_e=defaultStyle.container)===null||_e===void 0?void 0:_e.pointerEvents})},props,{children:[(0,jsx_runtime_1.jsx)("div",{style:Object.assign(Object.assign({},defaultStyle.iconContainer),style?.iconContainer),children:(0,jsx_runtime_1.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",style:Object.assign(Object.assign({},defaultStyle.icon),style?.icon),onClick:onCloseCart,children:(0,jsx_runtime_1.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),(0,jsx_runtime_1.jsx)("iframe",{title:"Cart",ref,style:Object.assign(Object.assign({},defaultStyle.cart),style?.cart),src,width:"100%",height:"100%"})]}))]}):(0,jsx_runtime_1.jsx)("iframe",{title:"Cart",ref,style:Object.assign(Object.assign({},defaultStyle.cart),style?.cart),src,width:"100%",height:"100%"})}