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

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?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;

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-"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"));function GiftCardAmount(props){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

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

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

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

@@ -1,58 +0,0 @@
-import { type JSX } from 'react';
-import type { BaseMetadataObject } from '../../typings/index';
-import type { OrderCreate, Order } from '@commercelayer/sdk';
-import type { DefaultChildrenType } from '../../typings/globals';
-interface Props {
-    children: DefaultChildrenType;
-    /**
-     * Metadata to add when creates a new order
-     */
-    metadata?: BaseMetadataObject;
-    /**
-     * Attribute to add when creates/updates an order
-     */
-    attributes?: OrderCreate;
-    /**
-     * ID of the order
-     */
-    orderId?: string;
-    /**
-     * Callback called when the order is updated
-     */
-    fetchOrder?: (order: Order) => void;
-}
-/**
- * This component is responsible for fetching the order and store it in its context.
- * It also provides the `fetchOrder` callback that is triggered every time the order is updated (it returns the updated order object as argument).
- * When the order is not placed yet, its possible to pass the `metadata` and `attributes` props to update the order.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<CommerceLayer>` component. <br />
- * Can be a child of the `<OrderStorage>` component and receive the `orderId` from it.
- * </span>
- *
- * <span title="Children" type="info">
- * `<AddToCartButton>`,
- * `<AdjustmentAmount>`,
- * `<CartLink>`,
- * `<CheckoutLink>`,
- * `<DiscountAmount>`,
- * `<GiftCardAmount>`,
- * `<HostedCart>`,
- * `<OrderNumber>`,
- * `<PaymentMethodAmount>`,
- * `<PlaceOrderButton>`,
- * `<PlaceOrderContainer>`,
- * `<PrivacyAndTermsCheckbox>`,
- * `<Shipping Amount>`,
- * `<SubTotalAmount>`,
- * `<TaxesAmount>`,
- * `<TotalAmount>`,
- * </span>
- *
- * <span title="Core API" type="info">
- * Check the `orders` resource from our [Core API documentation](https://docs.commercelayer.io/core/v/api-reference/orders/object).
- * </span>
- */
-export declare function OrderContainer(props: Props): JSX.Element;
-export default OrderContainer;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderContainer=OrderContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),OrderReducer_1=tslib_1.__importStar(require("../../reducers/OrderReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),OrderContext_1=tslib_1.__importStar(require("../../context/OrderContext")),OrderStorageContext_1=tslib_1.__importDefault(require("../../context/OrderStorageContext")),compareObjAttribute_1=tslib_1.__importDefault(require("../../utils/compareObjAttribute")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function OrderContainer(props){var _a,_b,_c;const{orderId,children,metadata,attributes,fetchOrder}=props,[state,dispatch]=(0,react_1.useReducer)(OrderReducer_1.default,OrderReducer_1.orderInitialState),[lock,setLock]=(0,react_1.useState)(!1),[lockOrder,setLockOrder]=(0,react_1.useState)(!0),config=(0,useCustomContext_1.default)({context:CommerceLayerContext_1.default,contextComponentName:"CommerceLayer",currentComponentName:"OrderContainer",key:"accessToken"}),{persistKey,clearWhenPlaced,getLocalOrder,setLocalOrder,deleteLocalOrder}=(0,react_1.useContext)(OrderStorageContext_1.default),getOrder=localOrder=>tslib_1.__awaiter(this,void 0,void 0,function*(){const removeOrderPlaced=!!(persistKey&&clearWhenPlaced);localOrder&&(yield(0,OrderReducer_1.getApiOrder)({id:localOrder,dispatch,config,persistKey,clearWhenPlaced:removeOrderPlaced,deleteLocalOrder,state}))});(0,react_1.useEffect)(()=>{const localOrder=persistKey?getLocalOrder(persistKey):orderId;state?.orderId&&(localOrder!=null&&state.orderId!==localOrder?getOrder(localOrder):dispatch({type:"setOrderId",payload:{orderId:void 0,order:void 0}}))},[persistKey]),(0,react_1.useEffect)(()=>{state.withoutIncludes||dispatch({type:"setLoading",payload:{loading:!0}})},[state.withoutIncludes]),(0,react_1.useEffect)(()=>{if(attributes&&state?.order&&!lock){const updateAttributes=(0,compareObjAttribute_1.default)({attributes,object:state.order});Object.keys(updateAttributes).length>0&&((0,OrderReducer_1.updateOrder)({id:state.order.id,attributes:updateAttributes,dispatch,config,include:state.include,state}),setLock(!0))}return()=>{if(attributes&&state?.order){const updateAttributes=(0,compareObjAttribute_1.default)({attributes,object:state.order});state.order&&Object.keys(updateAttributes).length===0&&setLock(!1)}}},[attributes,state?.order,lock]),(0,react_1.useEffect)(()=>{var _a2,_b2;const localOrder=persistKey?getLocalOrder(persistKey):orderId,startRequest=Object.keys(state?.includeLoaded||{}).filter(key=>{var _a3;return((_a3=state?.includeLoaded)===null||_a3===void 0?void 0:_a3[key])===!0});return config.accessToken&&state.loading===!1&&state?.order==null?(localOrder&&!state.order&&((_a2=state.include)===null||_a2===void 0?void 0:_a2.length)===startRequest.length&&!state.withoutIncludes&&!lockOrder||state.withoutIncludes&&!(!((_b2=state.include)===null||_b2===void 0)&&_b2.length)&&startRequest.length===0)&&getOrder(localOrder):[config.accessToken,state.order==null,state.loading,state.withoutIncludes].every(Boolean)?dispatch({type:"setLoading",payload:{loading:!1}}):[config.accessToken,state.order==null,state.loading,state.withoutIncludes===!1].every(Boolean)&&dispatch({type:"setLoading",payload:{loading:!1}}),()=>{var _a3,_b3;state.order==null&&state.loading&&state.withoutIncludes===!1&&(((_a3=state.include)===null||_a3===void 0?void 0:_a3.length)===0&&startRequest.length>0?dispatch({type:"setLoading",payload:{loading:!1}}):state.include&&((_b3=state.include)===null||_b3===void 0?void 0:_b3.length)>0&&(dispatch({type:"setIncludesResource",payload:{include:[]}}),setLockOrder(!1)))}},[config.accessToken,Object.keys((_a=state.includeLoaded)!==null&&_a!==void 0?_a:{}).length,(_b=state.include)===null||_b===void 0?void 0:_b.length,orderId,Object.keys((_c=state?.order)!==null&&_c!==void 0?_c:{}).length,state.loading,state.withoutIncludes,lockOrder]);const orderValue=(0,react_1.useMemo)(()=>(fetchOrder!=null&&state?.order!=null&&fetchOrder(state.order),Object.assign(Object.assign({},state),{setOrder:order=>{(0,OrderReducer_1.setOrder)(order,dispatch)},getOrder:id=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield(0,OrderReducer_1.getApiOrder)({id,dispatch,config,state})}),setOrderErrors:errors=>(0,OrderReducer_1.setOrderErrors)({dispatch,errors}),createOrder:()=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield(0,OrderReducer_1.createOrder)({persistKey,dispatch,config,state,orderMetadata:metadata,orderAttributes:attributes,setLocalOrder})}),addToCart:params=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield(0,OrderReducer_1.addToCart)(Object.assign(Object.assign({},params),{persistKey,dispatch,state,config,errors:state.errors,orderMetadata:metadata||{},orderAttributes:attributes,setLocalOrder}))}),saveAddressToCustomerAddressBook:args=>{OrderContext_1.defaultOrderContext.saveAddressToCustomerAddressBook(Object.assign(Object.assign({},args),{dispatch}))},setGiftCardOrCouponCode:_a2=>tslib_1.__awaiter(this,[_a2],void 0,function*({code,codeType}){return yield OrderContext_1.defaultOrderContext.setGiftCardOrCouponCode({code,codeType,dispatch,order:state.order,config,include:state.include,state})}),removeGiftCardOrCouponCode:_a2=>tslib_1.__awaiter(this,[_a2],void 0,function*({codeType}){return yield OrderContext_1.defaultOrderContext.removeGiftCardOrCouponCode({codeType,dispatch,order:state.order,config,include:state.include,state})}),addResourceToInclude:args=>{OrderContext_1.defaultOrderContext.addResourceToInclude(Object.assign(Object.assign({},args),{dispatch,resourcesIncluded:state.include,resourceIncludedLoaded:state.includeLoaded}))},updateOrder:args=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield OrderContext_1.defaultOrderContext.updateOrder(Object.assign(Object.assign({},args),{dispatch,config,include:state.include,state}))})})),[state,config.accessToken,persistKey]);return(0,jsx_runtime_1.jsx)(OrderContext_1.default.Provider,{value:orderValue,children})}exports.default=OrderContainer;

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

@@ -1,83 +0,0 @@
-import { type JSX } from 'react';
-import { type TOrderList, type InitialOrderListContext, type OrderListContent } from '../../context/OrderListChildrenContext';
-import { type ColumnDef, type SortingState } from '@tanstack/react-table';
-import type { DefaultChildrenType, TRange } from '../../typings/globals';
-type OrderListColumn<T extends TOrderList = 'orders'> = ColumnDef<OrderListContent<T>> & {
-    className?: string;
-    titleClassName?: string;
-};
-export type TOrderListColumn<T extends TOrderList = 'orders'> = OrderListColumn<T>;
-type PaginationProps = {
-    /**
-     * Show table pagination. Default is false.
-     */
-    showPagination: true;
-    /**
-     * Number of rows per page. Default is 10. Max is 25.
-     */
-    pageSize?: TRange<1, 26>;
-} | {
-    /**
-     * Show table pagination. Default is false.
-     */
-    showPagination?: false;
-    pageSize?: never;
-};
-type SubscriptionFields = {
-    /**
-     * Subscriptions id - Use to fetch subscriptions and shows its orders
-     */
-    id?: string;
-    type?: 'subscriptions';
-} | {
-    id?: never;
-    type?: 'orders';
-};
-type Props = {
-    /**
-     * Type of list to render
-     */
-    type?: TOrderList;
-    /**
-     * Children components to render
-     */
-    children: DefaultChildrenType;
-    /**
-     * Columns to show
-     */
-    columns: OrderListColumn<TOrderList>[];
-    /**
-     * Custom loader component
-     */
-    loadingElement?: string | JSX.Element;
-    /**
-     * Function to assign as custom row renderer
-     */
-    actionsComponent?: InitialOrderListContext['actionsComponent'];
-    /**
-     * Class name to assign to the custom row container
-     */
-    actionsContainerClassName?: string;
-    /**
-     * Show actions column. Default is false.
-     */
-    showActions?: boolean;
-    /**
-     * Sort by column. Default is `number` column descending.
-     */
-    sortBy?: SortingState;
-    /**
-     * Class name to assign to pagination container.
-     */
-    paginationContainerClassName?: string;
-    /**
-     * Class name to assign to the table header.
-     */
-    theadClassName?: string;
-    /**
-     * Class name to assign to the table row.
-     */
-    rowTrClassName?: string;
-} & Omit<JSX.IntrinsicElements['table'], 'children'> & PaginationProps & SubscriptionFields;
-export declare function OrderList({ id, type, children, columns, loadingElement, showActions, showPagination, sortBy, pageSize, paginationContainerClassName, actionsComponent, actionsContainerClassName, theadClassName, rowTrClassName, ...p }: Props): JSX.Element;
-export default OrderList;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderList=OrderList;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),OrderListChildrenContext_1=tslib_1.__importDefault(require("../../context/OrderListChildrenContext")),OrderListPaginationContext_1=tslib_1.__importDefault(require("../../context/OrderListPaginationContext")),react_table_1=require("@tanstack/react-table"),icons_1=require("../../utils/icons"),filterChildren_1=tslib_1.__importDefault(require("../../utils/filterChildren")),rowComponents=["OrderListRow","OrderListEmpty"],paginationComponents=["OrderListPaginationInfo","OrderListPaginationButtons"];function OrderList(_a){var _b,_c,_d,_e,_f,{id,type="orders",children,columns,loadingElement,showActions=!1,showPagination=!1,sortBy=[{id:"number",desc:!0}],pageSize=10,paginationContainerClassName,actionsComponent,actionsContainerClassName,theadClassName,rowTrClassName}=_a,p=tslib_1.__rest(_a,["id","type","children","columns","loadingElement","showActions","showPagination","sortBy","pageSize","paginationContainerClassName","actionsComponent","actionsContainerClassName","theadClassName","rowTrClassName"]);const[loading,setLoading]=(0,react_1.useState)(!0),[sorting,setSorting]=(0,react_1.useState)(sortBy),[{pageIndex,pageSize:currentPageSize},setPagination]=(0,react_1.useState)({pageIndex:0,pageSize}),{orders,subscriptions,getCustomerOrders,getCustomerSubscriptions}=(0,react_1.useContext)(CustomerContext_1.default);(0,react_1.useEffect)(()=>{type==="orders"&&getCustomerOrders!=null&&getCustomerOrders({pageNumber:pageIndex+1,pageSize:currentPageSize}),type==="subscriptions"&&getCustomerSubscriptions!=null&&getCustomerSubscriptions({pageNumber:pageIndex+1,pageSize:currentPageSize,id})},[pageIndex,currentPageSize,id!=null]);const data=(0,react_1.useMemo)(()=>{var _a2;return type==="orders"?orders??[]:id==null?subscriptions??[]:((_a2=subscriptions?.[0])===null||_a2===void 0?void 0:_a2.type)==="orders"?subscriptions:[]},[orders,subscriptions]),cols=(0,react_1.useMemo)(()=>columns,[columns]),pagination=(0,react_1.useMemo)(()=>({pageIndex,pageSize:currentPageSize}),[pageIndex,currentPageSize]),pageCount=(_c=(_b=orders?.pageCount)!==null&&_b!==void 0?_b:subscriptions?.pageCount)!==null&&_c!==void 0?_c:-1,table=(0,react_table_1.useReactTable)({data,columns:cols,getSortedRowModel:(0,react_table_1.getSortedRowModel)(),getCoreRowModel:(0,react_table_1.getCoreRowModel)(),getPaginationRowModel:(0,react_table_1.getPaginationRowModel)(),manualPagination:!0,pageCount,state:{sorting,pagination},onSortingChange:setSorting,onPaginationChange:setPagination}),TableHtmlElement="table",TheadHtmlElement="thead",TbodyHtmlElement="tbody",ThHtmlElement="th",TrHtmlElement="tr";(0,react_1.useEffect)(()=>(type==="orders"&&orders!=null&&setLoading(!1),type==="subscriptions"&&subscriptions!=null&&setLoading(!1),()=>{setLoading(!0)}),[orders,subscriptions]);const LoadingComponent=loadingElement||(0,jsx_runtime_1.jsx)("div",{children:"Loading..."}),headerComponent=table.getHeaderGroups().map(headerGroup=>{const columnsComponents=headerGroup.headers.map((header,k)=>{var _a2,_b2,_c2,_d2;const sortLabel=header.column.getIsSorted()!==!1?header.column.getIsSorted():"";return(0,jsx_runtime_1.jsx)(ThHtmlElement,{"data-testid":`thead-${k}`,"data-sort":`${sortLabel||""}`,className:(_a2=columns[k])===null||_a2===void 0?void 0:_a2.className,children:(0,jsx_runtime_1.jsxs)("span",{className:`${(_c2=(_b2=columns[k])===null||_b2===void 0?void 0:_b2.titleClassName)!==null&&_c2!==void 0?_c2:""} ${header.column.getCanSort()?"cursor-pointer select-none":""}`,onClick:header.column.getToggleSortingHandler(),children:[(0,react_table_1.flexRender)(header.column.columnDef.header,header.getContext()),(_d2={asc:icons_1.sortAscIcon,desc:icons_1.sortDescIcon}[header.column.getIsSorted()])!==null&&_d2!==void 0?_d2:null]})},header.id)});return(0,jsx_runtime_1.jsx)(TrHtmlElement,{children:columnsComponents},headerGroup.id)}),rowsComponents=(0,filterChildren_1.default)({children,filterBy:rowComponents,componentName:"OrderList"}),components=table.getRowModel().rows.map(row=>{const childProps={type,orders:type==="orders"?orders:subscriptions,order:row.original,row,showActions,actionsComponent,actionsContainerClassName};return(0,jsx_runtime_1.jsx)(TrHtmlElement,{className:rowTrClassName,children:(0,jsx_runtime_1.jsx)(OrderListChildrenContext_1.default.Provider,{value:childProps,children:rowsComponents})},row.id)}),pagComponents=(0,filterChildren_1.default)({children,filterBy:paginationComponents,componentName:"OrderList"}),totalRows=type==="orders"?(_d=orders?.meta.recordCount)!==null&&_d!==void 0?_d:0:(_e=subscriptions?.meta.recordCount)!==null&&_e!==void 0?_e:0,Pagination=()=>showPagination?(0,jsx_runtime_1.jsx)(OrderListPaginationContext_1.default.Provider,{value:{canNextPage:table.getCanNextPage(),canPreviousPage:table.getCanPreviousPage(),gotoPage:table.setPageIndex,nextPage:table.nextPage,pageCount:table.getPageCount(),pageIndex:table.getState().pagination.pageIndex,pageOptions:table.getPageOptions(),pageSize:table.getState().pagination.pageSize,previousPage:table.previousPage,setPageSize:table.setPageSize,totalRows},children:pagComponents}):null;return loading&&(orders==null||subscriptions==null)?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:LoadingComponent}):((_f=type==="orders"?orders:subscriptions)===null||_f===void 0?void 0:_f.length)===0?(0,jsx_runtime_1.jsxs)(OrderListChildrenContext_1.default.Provider,{value:{orders:type==="orders"?orders:subscriptions},children:[rowsComponents,(0,jsx_runtime_1.jsx)(Pagination,{})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TableHtmlElement,Object.assign({},p,{children:[(0,jsx_runtime_1.jsx)(TheadHtmlElement,{className:theadClassName,children:headerComponent}),(0,jsx_runtime_1.jsx)(TbodyHtmlElement,{children:components})]})),totalRows<=pageSize?null:(0,jsx_runtime_1.jsx)("div",{className:paginationContainerClassName,children:(0,jsx_runtime_1.jsx)(Pagination,{})})]})}exports.default=OrderList;

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

@@ -1,17 +0,0 @@
-import type { ChildrenFunction } from '../../typings/index';
-import { type JSX } from 'react';
-interface Props extends Omit<JSX.IntrinsicElements['span'], 'children'> {
-    /**
-     * Function allow you to customize the component
-     */
-    children?: ChildrenFunction<Omit<Props, 'children'>>;
-    /**
-     * Label to show. Default: 'No orders available.'
-     */
-    emptyText?: string;
-}
-export declare function OrderListEmpty(props: Props): JSX.Element | null;
-export declare namespace OrderListEmpty {
-    var displayName: string;
-}
-export default OrderListEmpty;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderListEmpty=OrderListEmpty;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderListChildrenContext_1=tslib_1.__importDefault(require("../../context/OrderListChildrenContext")),react_1=require("react");function OrderListEmpty(props){const{children,emptyText="No orders available"}=props,p=tslib_1.__rest(props,["children","emptyText"]),{orders}=(0,react_1.useContext)(OrderListChildrenContext_1.default),parentProps=Object.assign({emptyText},p);return orders!=null&&orders.length>0?null:children!==void 0?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("span",Object.assign({},p,{children:emptyText}))}OrderListEmpty.displayName="OrderListEmpty",exports.default=OrderListEmpty;

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

@@ -1,48 +0,0 @@
-import { type OrderListPaginationContext as TOrderListPaginationContext } from '../../context/OrderListPaginationContext';
-import type { ChildrenFunction } from '../../typings/index';
-import type { JSX } from "react";
-interface PaginationButton extends Omit<JSX.IntrinsicElements['button'], 'children' | 'disabled'> {
-    /**
-     * Show or hide the pagination button. Default is true.
-     */
-    show?: boolean;
-    /**
-     * Label to display
-     */
-    label?: string | JSX.Element;
-    /**
-     * Hide the pagination button when the attribute disabled is true. Default is false.
-     */
-    hideWhenDisabled?: boolean;
-}
-interface NavigationButtons extends Omit<JSX.IntrinsicElements['button'], 'children'> {
-    /**
-     * Show or hide the navigation buttons. Default is true.
-     */
-    show?: boolean;
-    /**
-     * Attach the class name to the current page button
-     */
-    activeClassName?: string;
-}
-type ChildrenProps = Omit<Props, 'children'> & TOrderListPaginationContext;
-interface Props extends Omit<JSX.IntrinsicElements['div'], 'children'> {
-    children?: ChildrenFunction<ChildrenProps>;
-    /**
-     * Previous button props
-     */
-    previousPageButton?: PaginationButton;
-    /**
-     * Next button props
-     */
-    nextPageButton?: PaginationButton;
-    /**
-     * Navigation buttons props
-     */
-    navigationButtons?: NavigationButtons;
-}
-export declare function OrderListPaginationButtons({ previousPageButton, nextPageButton, navigationButtons, children, ...props }: Props): JSX.Element | null;
-export declare namespace OrderListPaginationButtons {
-    var displayName: string;
-}
-export default OrderListPaginationButtons;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderListPaginationButtons=OrderListPaginationButtons;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderListPaginationContext_1=tslib_1.__importDefault(require("../../context/OrderListPaginationContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),omit_1=tslib_1.__importDefault(require("../../utils/omit"));function OrderListPaginationButtons(_a){var _b,_c,{previousPageButton,nextPageButton,navigationButtons,children}=_a,props=tslib_1.__rest(_a,["previousPageButton","nextPageButton","navigationButtons","children"]);const prevButton=tslib_1.__rest(Object.assign({show:!0},previousPageButton),[]),nextButton=tslib_1.__rest(Object.assign({show:!0},nextPageButton),[]),navButton=tslib_1.__rest(Object.assign({show:!0},navigationButtons),[]),ctx=(0,useCustomContext_1.default)({context:OrderListPaginationContext_1.default,contextComponentName:"OrderList",currentComponentName:"OrderListPaginationButtons",key:"totalRows"}),PrevButton=prevButton.show?prevButton.hideWhenDisabled===!0&&ctx?.canPreviousPage===!1?null:(0,jsx_runtime_1.jsx)("button",Object.assign({"data-testid":"prev-button"},(0,omit_1.default)(prevButton,["show","hideWhenDisabled"]),{disabled:ctx?.canPreviousPage===!1,onClick:()=>ctx?.previousPage(),children:(_b=previousPageButton?.label)!==null&&_b!==void 0?_b:"<"})):null,NextButton=nextButton.show?nextButton.hideWhenDisabled===!0&&ctx?.canNextPage===!1?null:(0,jsx_runtime_1.jsx)("button",Object.assign({"data-testid":"next-button"},(0,omit_1.default)(nextButton,["show","hideWhenDisabled"]),{disabled:ctx?.canNextPage===!1,onClick:()=>ctx?.nextPage(),children:(_c=nextButton?.label)!==null&&_c!==void 0?_c:">"})):null,pagesToShow=ctx?.canPreviousPage===!1?ctx?.pageOptions.slice(0,3).map(v=>v+1):ctx?.canNextPage===!1?ctx?.pageOptions.slice(ctx?.pageOptions.length-3,ctx?.pageOptions.length).map(v=>v+1):ctx?.pageOptions.slice(ctx?.pageIndex-1,ctx?.pageIndex+2).map(v=>v+1),NavButtons=navButton.show?pagesToShow?.map(v=>{var _a2,_b2;const className=(ctx?.pageIndex!=null?ctx?.pageIndex+1:1)===v?`${(_a2=navButton?.className)!==null&&_a2!==void 0?_a2:""} ${(_b2=navButton?.activeClassName)!==null&&_b2!==void 0?_b2:""}`:navButton?.className;return(0,jsx_runtime_1.jsx)("button",Object.assign({"data-testid":`page-${v}`},(0,omit_1.default)(navButton,["show","activeClassName","className"]),{className,onClick:()=>ctx?.gotoPage(v-1),children:v}),`page-${v}`)}):null,parentProps=Object.assign(Object.assign({navigationButtons,prevButton,nextButton},ctx),props);return children==null?ctx?.totalRows===0?null:(0,jsx_runtime_1.jsxs)("div",Object.assign({},props,{children:[PrevButton,NavButtons,NextButton]})):(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}))}OrderListPaginationButtons.displayName="OrderListPaginationButtons",exports.default=OrderListPaginationButtons;

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

@@ -1,29 +0,0 @@
-import type { ChildrenFunction } from '../../typings/index';
-import type { JSX } from "react";
-type TAsComponent = keyof Pick<JSX.IntrinsicElements, 'p' | 'span' | 'div'>;
-type ChildrenProps<A extends TAsComponent> = Omit<Props<A>, 'children'> & {
-    /**
-     * Current number of the first page row to display
-     */
-    firstRow: number;
-    /**
-     * Current number of the last page row to display
-     */
-    lastRow: number;
-    /**
-     * Total number of rows to display
-     */
-    totRows: number;
-};
-type Props<A extends TAsComponent> = {
-    children?: ChildrenFunction<ChildrenProps<A>>;
-    /**
-     * HTML Tag to display
-     */
-    as?: TAsComponent;
-} & Omit<JSX.IntrinsicElements[A], 'children' | 'ref'>;
-export declare function OrderListPaginationInfo<A extends TAsComponent = 'span'>({ as, children, ...props }: Props<A>): JSX.Element | null;
-export declare namespace OrderListPaginationInfo {
-    var displayName: string;
-}
-export default OrderListPaginationInfo;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderListPaginationInfo=OrderListPaginationInfo;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderListPaginationContext_1=tslib_1.__importDefault(require("../../context/OrderListPaginationContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function OrderListPaginationInfo(_a){var _b,_c,_d,{as="span",children}=_a,props=tslib_1.__rest(_a,["as","children"]);const ctx=(0,useCustomContext_1.default)({context:OrderListPaginationContext_1.default,contextComponentName:"OrderList",currentComponentName:"OrderListPaginationInfo",key:"totalRows"}),TagElement=as,totRows=(_b=ctx?.totalRows)!==null&&_b!==void 0?_b:0,pageIndex=(_c=ctx?.pageIndex)!==null&&_c!==void 0?_c:0,pageSize=(_d=ctx?.pageSize)!==null&&_d!==void 0?_d:10;let firstRow=pageIndex===0?pageIndex+1:pageIndex,lastRow=firstRow*pageSize;ctx?.canPreviousPage===!0&&(firstRow=Math.floor(firstRow*pageSize)+1,lastRow=Math.floor(firstRow+pageSize-1)),ctx?.canNextPage===!1&&(lastRow=totRows);const parentProps=Object.assign(Object.assign({},props),{as,firstRow,lastRow,totRows});return children==null?totRows===0?null:(0,jsx_runtime_1.jsx)(TagElement,Object.assign({},props,{children:`${firstRow} - ${lastRow} of ${totRows}`})):(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}))}OrderListPaginationInfo.displayName="OrderListPaginationInfo",exports.default=OrderListPaginationInfo;

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

@@ -1,29 +0,0 @@
-import { type JSX } from 'react';
-import { type TOrderList, type OrderListContent, type TableAccessor } from '../../context/OrderListChildrenContext';
-import { type Row } from '@tanstack/react-table';
-interface ChildrenProps extends Omit<Props, 'children'> {
-    /**
-     * The order resource
-     */
-    order: OrderListContent<TOrderList>;
-    /**
-     * The current row
-     */
-    row: Row<OrderListContent<TOrderList>>;
-    /**
-     * The current cell
-     */
-    cell: Array<ReturnType<Row<OrderListContent<TOrderList>>['getVisibleCells']>[number]>;
-}
-interface Props extends Omit<JSX.IntrinsicElements['td'], 'children'> {
-    children?: (props: ChildrenProps) => JSX.Element;
-    /**
-     * The order field to show
-     */
-    field: TableAccessor<TOrderList>;
-}
-export declare function OrderListRow({ field, children, ...p }: Props): JSX.Element;
-export declare namespace OrderListRow {
-    var displayName: string;
-}
-export default OrderListRow;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderListRow=OrderListRow;const tslib_1=require("tslib"),react_1=require("react"),jsx_runtime_1=require("react/jsx-runtime"),react_2=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderListChildrenContext_1=tslib_1.__importDefault(require("../../context/OrderListChildrenContext")),isDate_1=tslib_1.__importDefault(require("../../utils/isDate")),last_1=tslib_1.__importDefault(require("lodash/last")),react_table_1=require("@tanstack/react-table");function OrderListRow(_a){var _b,{field,children}=_a,p=tslib_1.__rest(_a,["field","children"]);const{order,row,showActions,actionsComponent,actionsContainerClassName}=(0,react_2.useContext)(OrderListChildrenContext_1.default),cell=row?.getVisibleCells().filter(cell2=>cell2.column.id===field),isLastRow=((_b=(0,last_1.default)(row?.getVisibleCells()))===null||_b===void 0?void 0:_b.column.id)===field,As="td",ActionRow=()=>showActions&&isLastRow&&actionsComponent&&(0,jsx_runtime_1.jsx)(As,Object.assign({"data-testid":"action-cell"},p,{className:actionsContainerClassName,children:(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:actionsComponent}))}))||null,parentProps=Object.assign(Object.assign({},p),{field,order,row,cell});return children?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(As,{children:(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}))}),(0,jsx_runtime_1.jsx)(ActionRow,{})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[cell?.map((cell2,k)=>{const cellValue=cell2.getValue(),value=(0,isDate_1.default)(cellValue)?new Date(Date.parse(cellValue)).toLocaleString():(0,react_table_1.flexRender)(cell2.column.columnDef.cell,cell2.getContext());return(0,react_1.createElement)(As,Object.assign({"data-testid":`cell-${k}`},p,{key:cell2.id}),value)}),(0,jsx_runtime_1.jsx)(ActionRow,{})]})}OrderListRow.displayName="OrderListRow",exports.default=OrderListRow;

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

@@ -1,5 +0,0 @@
-import { type BaseFieldProps } from '../utils/BaseField';
-import type { JSX } from "react";
-type Props = Omit<BaseFieldProps, 'attribute'>;
-export declare function OrderNumber(props: Props): JSX.Element;
-export default OrderNumber;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderNumber=OrderNumber;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseField_1=tslib_1.__importDefault(require("../utils/BaseField"));function OrderNumber(props){return(0,jsx_runtime_1.jsx)(BaseField_1.default,Object.assign({attribute:"number"},props))}exports.default=OrderNumber;

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

@@ -1,31 +0,0 @@
-import type { ReactNode, JSX } from 'react';
-interface Props {
-    children: ReactNode;
-    /**
-     * The key used to persist the order id in the browser local storage.
-     */
-    persistKey: string;
-    /**
-     * Removes the saved order id from the local storage when order is placed.
-     * @default true
-     */
-    clearWhenPlaced?: boolean;
-}
-/**
- * This component handle the persistence of the order id in the browser local storage.
- * When adding a product into the cart and the order does not exist yet, in will be created by the `OrderContainer` and
- * the order id will then be automatically saved in the local storage using `OrderStorage` context.
- * In this way on page refresh or components remounting, the `OrderContainer` will be able to load the order getting the id from this context.
- *
- * By default, the localStorage key will be deleted once the order has been placed, but you can disable this behavior via `clearWhenPlaced` prop.
- *
- * <span title="Requirement" type="warning">
- * Must be a child of the `<CommerceLayer>` component. <br />
- * </span>
- *
- * <span title="Children" type="info">
- * `<OrderContainer>`,
- * </span>
- */
-export declare function OrderStorage(props: Props): JSX.Element;
-export default OrderStorage;

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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrderStorage=OrderStorage;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),OrderStorageContext_1=tslib_1.__importDefault(require("../../context/OrderStorageContext")),localStorage_1=require("../../utils/localStorage");function OrderStorage(props){const{children,clearWhenPlaced=!0}=props,p=tslib_1.__rest(props,["children","clearWhenPlaced"]);return(0,jsx_runtime_1.jsx)(OrderStorageContext_1.default.Provider,{value:Object.assign(Object.assign({},p),{setLocalOrder:localStorage_1.setLocalOrder,getLocalOrder:localStorage_1.getLocalOrder,deleteLocalOrder:localStorage_1.deleteLocalOrder,clearWhenPlaced}),children})}exports.default=OrderStorage;

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

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

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

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