@commercelayer/react-components 4.21.0-beta.2 → 4.22.0-beta.0

package/lib/cjs/components/auth/CommerceLayer.d.ts

@@ -0,0 +1,25 @@
+import type { DefaultChildrenType } from '../../typings/globals';
+import type { JSX } from "react";
+interface Props {
+    /**
+     * Accept a React node as children.
+     */
+    children: DefaultChildrenType;
+    /**
+     * The access token to authenticate the API calls.
+     */
+    accessToken: string;
+    /**
+     * The endpoint to make the API calls. e.g. https://yourdomain.commercelayer.io
+     */
+    endpoint?: string;
+    /**
+     * The domain to make the API calls. e.g. commercelayer.io
+     */
+    domain?: string;
+}
+/**
+ * CommerceLayer component
+ */
+export declare function CommerceLayer(props: Props): JSX.Element;
+export default CommerceLayer;

package/lib/cjs/components/auth/CommerceLayer.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CommerceLayer=CommerceLayer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),ErrorBoundary_1=tslib_1.__importDefault(require("../utils/ErrorBoundary")),jwt_1=require("../../utils/jwt");function CommerceLayer(props){var _a;const{children}=props,p=tslib_1.__rest(props,["children"]);if(!p.endpoint){const{organization}=(0,jwt_1.jwt)(p.accessToken);p.endpoint=`https://${organization.slug}.${(_a=p.domain)!==null&&_a!==void 0?_a:"commercelayer.io"}`}return(0,jsx_runtime_1.jsx)(ErrorBoundary_1.default,{children:(0,jsx_runtime_1.jsx)(CommerceLayerContext_1.default.Provider,{value:Object.assign({},p),children})})}exports.default=CommerceLayer;

package/lib/cjs/components/customers/CustomerAddressForm.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode, type JSX } from 'react';
+interface Props extends Omit<JSX.IntrinsicElements['form'], 'onSubmit'> {
+    children: ReactNode;
+    reset?: boolean;
+    errorClassName?: string;
+    /**
+     * Array of countries that have states has select options. Ignore this if you are not overriding the default states list.
+     * If you are overriding the default states list, you must pass the countries that have states as select options.
+     */
+    countriesWithPredefinedStateOptions?: string[];
+}
+export declare function CustomerAddressForm(props: Props): JSX.Element;
+export default CustomerAddressForm;

package/lib/cjs/components/customers/CustomerAddressForm.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerAddressForm=CustomerAddressForm;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),rapid_form_1=require("rapid-form"),react_1=require("react"),CustomerAddressFormContext_1=tslib_1.__importDefault(require("../../context/CustomerAddressFormContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),countryStateCity_1=require("../../utils/countryStateCity");function CustomerAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,countriesWithPredefinedStateOptions}=props,p=tslib_1.__rest(props,["children","errorClassName","autoComplete","reset","countriesWithPredefinedStateOptions"]),{validation,values,errors,reset:resetForm}=(0,rapid_form_1.useRapidForm)(),{setAddressErrors,setAddress}=(0,react_1.useContext)(AddressContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a,_b,_c,_d;if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=(_a=errors[fieldName])===null||_a===void 0?void 0:_a.code,message=((_b=errors[fieldName])===null||_b===void 0?void 0:_b.message)||"";fieldName==="billing_address_state_code"?values.state_code?delete errors[fieldName]:formErrors.push({code,message,resource:"billing_address",field:fieldName}):formErrors.push({code,message,resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}else if(Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];if(field?.value&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),["billing_address_state_code"].includes(name)){const countryCode=((_c=values.billing_address_country_code)===null||_c===void 0?void 0:_c.value)||values.country_code;!(0,countryStateCity_1.isEmptyStates)({countryCode,countriesWithPredefinedStateOptions})&&!field.value&&delete values.billing_address_state_code}}setAddress({values,resource:"billing_address"})}reset&&(Object.keys(values).length>0||Object.keys(errors).length>0)&&ref&&((_d=ref.current)===null||_d===void 0||_d.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"}))},[errors,values,reset]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:Object.assign(Object.assign({},values),field),resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>{resetForm({currentTarget:ref.current},name)}};return(0,jsx_runtime_1.jsx)(CustomerAddressFormContext_1.default.Provider,{value:providerValues,children:(0,jsx_runtime_1.jsx)("form",Object.assign({ref,autoComplete},p,{children}))})}exports.default=CustomerAddressForm;

package/lib/cjs/components/customers/CustomerContainer.d.ts

@@ -0,0 +1,38 @@
+import { type JSX } from 'react';
+import type { DefaultChildrenType } from '../../typings/globals';
+import type { QueryPageSize } from '@commercelayer/sdk';
+interface Props {
+    children: DefaultChildrenType;
+    /**
+     * Customer type
+     */
+    isGuest?: boolean;
+    /**
+     * The page size
+     * default: 10
+     */
+    addressesPageSize?: QueryPageSize;
+}
+/**
+ * Main container for the Customers components.
+ * It stores - in its context - the details of an active customer, if present.
+ *
+ * It also accept a `isGuest` prop to define if no customer is currently set as active.
+ *
+ * <span title='Requirements' type='warning'>
+ * Must be a child of the `<CommerceLayer>` component.
+ * </span>
+ * <span title='Children' type='info'>
+ * `<CustomerField>`,
+ * `<CustomerInput>`,
+ * `<SaveCustomerButton>`,
+ * `<AddressesContainer>`,
+ * `<AddressesEmpty>`,
+ * `<CustomerPaymentSource>`,
+ * `<CustomerPaymentSourceEmpty>`,
+ * `<PaymentMethodsContainer>`,
+ * `<OrdersList>`
+ * </span>
+ */
+export declare function CustomerContainer(props: Props): JSX.Element;
+export default CustomerContainer;

package/lib/cjs/components/customers/CustomerContainer.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerContainer=CustomerContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CustomerReducer_1=tslib_1.__importStar(require("../../reducers/CustomerReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),isGuestToken_1=require("../../utils/isGuestToken");function CustomerContainer(props){const{children,isGuest,addressesPageSize:pageSize}=props,[state,dispatch]=(0,react_1.useReducer)(CustomerReducer_1.default,CustomerReducer_1.customerInitialState),{order,addResourceToInclude,include,updateOrder,includeLoaded,withoutIncludes}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>{if(config.accessToken){if(isGuest??(0,isGuestToken_1.isGuestToken)(config.accessToken))return;include?.includes("available_customer_payment_sources.payment_source")?includeLoaded?.["available_customer_payment_sources.payment_source"]||addResourceToInclude({newResourceLoaded:{"available_customer_payment_sources.payment_source":!0,"available_customer_payment_sources.payment_method":!0}}):addResourceToInclude({newResource:["available_customer_payment_sources.payment_source","available_customer_payment_sources.payment_method"]})}},[config.accessToken,include?.length,Object.keys(includeLoaded??{}).length]),(0,react_1.useEffect)(()=>{if(config.accessToken){if(isGuest??(0,isGuestToken_1.isGuestToken)(config.accessToken))return;state.customers==null&&(0,CustomerReducer_1.getCustomerInfo)({config,dispatch}),state.addresses==null&&(0,CustomerReducer_1.getCustomerAddresses)({config,dispatch,isOrderAvailable:withoutIncludes!=null,pageSize}),order?.available_customer_payment_sources&&(0,CustomerReducer_1.getCustomerPaymentSources)({dispatch,order}),config.accessToken&&order==null&&include==null&&includeLoaded==null&&withoutIncludes===void 0&&function(){return tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,CustomerReducer_1.getCustomerOrders)({config,dispatch}),yield(0,CustomerReducer_1.getCustomerSubscriptions)({config,dispatch}),yield(0,CustomerReducer_1.getCustomerPayments)({config,dispatch})})}()}},[config.accessToken,order?.payment_source!=null,isGuest]);const contextValue=(0,react_1.useMemo)(()=>Object.assign(Object.assign({isGuest},state),{saveCustomerUser:customerEmail=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,CustomerReducer_1.saveCustomerUser)({config,customerEmail,dispatch,updateOrder,order})}),setCustomerErrors:errors=>{(0,CustomerReducer_1.setCustomerErrors)(errors,dispatch)},setCustomerEmail:customerEmail=>{(0,CustomerReducer_1.setCustomerEmail)(customerEmail,dispatch)},getCustomerPaymentSources:()=>{(0,CustomerReducer_1.getCustomerPaymentSources)({dispatch,order})},deleteCustomerAddress:_a=>tslib_1.__awaiter(this,[_a],void 0,function*({customerAddressId}){yield(0,CustomerReducer_1.deleteCustomerAddress)({customerAddressId,dispatch,config,addresses:state.addresses})}),setResourceTrigger:props2=>tslib_1.__awaiter(this,void 0,void 0,function*(){return yield(0,CustomerReducer_1.setResourceTrigger)(Object.assign(Object.assign({},props2),{dispatch,config}))}),createCustomerAddress:address=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,CustomerReducer_1.createCustomerAddress)({address,config,dispatch,state})}),getCustomerOrders:_a=>tslib_1.__awaiter(this,[_a],void 0,function*({pageNumber,pageSize:pageSize2}){yield(0,CustomerReducer_1.getCustomerOrders)({config,dispatch,pageNumber,pageSize:pageSize2})}),getCustomerSubscriptions:_a=>tslib_1.__awaiter(this,[_a],void 0,function*({pageNumber,pageSize:pageSize2,id}){yield(0,CustomerReducer_1.getCustomerSubscriptions)({config,dispatch,pageNumber,pageSize:pageSize2,id})}),reloadCustomerAddresses:()=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,CustomerReducer_1.getCustomerAddresses)({config,dispatch,isOrderAvailable:withoutIncludes!=null,pageSize})})}),[state,isGuest]);return(0,jsx_runtime_1.jsx)(CustomerContext_1.default.Provider,{value:contextValue,children})}exports.default=CustomerContainer;

package/lib/cjs/components/customers/CustomerField.d.ts

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

package/lib/cjs/components/customers/CustomerField.js

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

package/lib/cjs/components/customers/CustomerInput.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from 'react';
+import type { BaseInputComponentProps } from '../../typings/index';
+type Props = {
+    name?: 'customer_email' | string;
+    type?: 'email' | string;
+    saveOnBlur?: boolean;
+    onBlur?: (email: string) => void;
+    errorClassName?: string;
+} & Omit<BaseInputComponentProps, 'name' | 'type' | 'onBlur'> & Omit<JSX.IntrinsicElements['input'], 'children'> & Omit<JSX.IntrinsicElements['textarea'], 'children'>;
+export declare function CustomerInput(props: Props): JSX.Element;
+export default CustomerInput;

package/lib/cjs/components/customers/CustomerInput.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerInput=CustomerInput;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),rapid_form_1=require("rapid-form"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),validateFormFields_1=require("../../utils/validateFormFields"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext"));function CustomerInput(props){const{name="customer_email",placeholder="",required=!0,saveOnBlur=!1,type="email",value,onBlur,className,errorClassName}=props,p=tslib_1.__rest(props,["name","placeholder","required","saveOnBlur","type","value","onBlur","className","errorClassName"]),{validation,values,errors,setError}=(0,rapid_form_1.useRapidForm)({fieldEvent:"blur"}),{saveCustomerUser,setCustomerErrors,setCustomerEmail}=(0,react_1.useContext)(CustomerContext_1.default),{setOrderErrors}=(0,react_1.useContext)(OrderContext_1.default),[hasError,setHasError]=(0,react_1.useState)(!1),handleOnBlur=e=>tslib_1.__awaiter(this,void 0,void 0,function*(){var _a;const v=(_a=e?.target)===null||_a===void 0?void 0:_a.value,checkValue=(0,validateFormFields_1.validateValue)(v,name,type,"orders"),isValid=Object.keys(checkValue).length===0;if(saveOnBlur&&Object.keys(values).length>0&&saveCustomerUser!=null&&(yield saveCustomerUser(values[name].value),onBlur&&onBlur(values[name].value)),!isValid){const currentError=Object.assign(Object.assign({},checkValue),{name:checkValue?.field});setError(currentError)}});(0,react_1.useEffect)(()=>{var _a,_b;if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=(_a=errors[fieldName])===null||_a===void 0?void 0:_a.code,message=(_b=errors[fieldName])===null||_b===void 0?void 0:_b.message;formErrors.push({code,message:message||"",resource:"orders",field:fieldName})}formErrors.length>0&&(setHasError(!0),setCustomerErrors&&setCustomerErrors(formErrors))}else setCustomerErrors&&setCustomerErrors([]),setOrderErrors&&setOrderErrors([]),setHasError(!1);return Object.keys(values).length>0&&setCustomerEmail&&setCustomerEmail(values[name].value),()=>{setHasError(!1)}},[errors]);const classNameComputed=`${className??""} ${hasError&&errorClassName?errorClassName:""}`;return(0,jsx_runtime_1.jsx)(BaseInput_1.default,Object.assign({name,type,ref:validation,required,placeholder,defaultValue:value,onBlur:e=>{handleOnBlur(e)},className:classNameComputed},p))}exports.default=CustomerInput;

package/lib/cjs/components/customers/CustomerPaymentSource.d.ts

@@ -0,0 +1,11 @@
+import type { DefaultChildrenType } from '../../typings/globals';
+import { type JSX } from 'react';
+interface Props {
+    children?: DefaultChildrenType;
+    /**
+     * Customize the loader content.
+     */
+    loader?: string | JSX.Element;
+}
+export declare function CustomerPaymentSource({ children, loader }: Props): JSX.Element;
+export default CustomerPaymentSource;

package/lib/cjs/components/customers/CustomerPaymentSource.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerPaymentSource=CustomerPaymentSource;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),CustomerPaymentSourceContext_1=tslib_1.__importDefault(require("../../context/CustomerPaymentSourceContext")),getCardDetails_1=tslib_1.__importDefault(require("../../utils/getCardDetails")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext")),react_1=require("react");function CustomerPaymentSource({children,loader="Loading..."}){const[loading,setLoading]=(0,react_1.useState)(!0),{payments}=(0,useCustomContext_1.default)({context:CustomerContext_1.default,contextComponentName:"CustomerContainer",currentComponentName:"CustomerPaymentSource",key:"payments"});(0,react_1.useEffect)(()=>(payments!=null&&setLoading(!1),()=>{setLoading(!0)}),[payments!=null]);const provider=payments?.filter(p=>p?.payment_source!=null).map(p=>{var _a;const paymentType=(_a=p.payment_source)===null||_a===void 0?void 0:_a.type,customerPayment=p,cardDetails=(0,getCardDetails_1.default)({paymentType,customerPayment}),value=Object.assign({},cardDetails);return(0,jsx_runtime_1.jsx)(CustomerPaymentSourceContext_1.default.Provider,{value,children},p.id)});return loading?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:loader}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:provider})}exports.default=CustomerPaymentSource;

package/lib/cjs/components/customers/CustomerPaymentSourceEmpty.d.ts

@@ -0,0 +1,14 @@
+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 payments available.'
+     */
+    emptyText?: string;
+}
+export declare function CustomerPaymentSourceEmpty({ children, emptyText, ...p }: Props): JSX.Element | null;
+export default CustomerPaymentSourceEmpty;

package/lib/cjs/components/customers/CustomerPaymentSourceEmpty.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerPaymentSourceEmpty=CustomerPaymentSourceEmpty;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),useCustomContext_1=tslib_1.__importDefault(require("../../utils/hooks/useCustomContext"));function CustomerPaymentSourceEmpty(_a){var{children,emptyText="No payments available"}=_a,p=tslib_1.__rest(_a,["children","emptyText"]);const{payments}=(0,useCustomContext_1.default)({context:CustomerContext_1.default,contextComponentName:"CustomerContainer",currentComponentName:"CustomerPaymentSourceEmpty",key:"payments"}),parentProps=Object.assign({emptyText},p);return payments!=null&&payments.length>0||payments===null?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}))}exports.default=CustomerPaymentSourceEmpty;

package/lib/cjs/components/customers/MyAccountLink.d.ts

@@ -0,0 +1,38 @@
+import { type JSX } from 'react';
+import type { ChildrenFunction } from '../../typings/index';
+interface ChildrenProps extends Omit<Props, 'children'> {
+    /**
+     * The link href
+     */
+    href: string;
+    /**
+     * The link status
+     */
+    disabled: boolean;
+}
+interface Props extends Omit<JSX.IntrinsicElements['a'], 'children'> {
+    /**
+     * A render function to render your own custom component
+     */
+    children?: ChildrenFunction<ChildrenProps>;
+    /**
+     * The label of the link
+     */
+    label?: string | JSX.Element;
+    /**
+     * The domain of your forked application
+     */
+    customDomain?: string;
+}
+/**
+ * This component generates a link to the hosted mfe-my-account application.
+ * In this way you can connect your shop application with our hosted micro-frontend and let your customers manage their account with zero code.
+ *
+ * <span title="Requirement" type="warning">
+ * Must be a child of the `<CustomerContainer>` component. <br />
+ * </span>
+ *
+ * @link https://github.com/commercelayer/mfe-my-account
+ */
+export declare function MyAccountLink(props: Props): JSX.Element;
+export default MyAccountLink;

package/lib/cjs/components/customers/MyAccountLink.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MyAccountLink=MyAccountLink;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),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"),jwt_1=require("../../utils/jwt"),organization_1=require("../../utils/organization");function MyAccountLink(props){const{label="Go to my account",children,customDomain}=props,p=tslib_1.__rest(props,["label","children","customDomain"]),{accessToken,endpoint}=(0,react_1.useContext)(CommerceLayerContext_1.default);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyAccountLink` outside of `CommerceLayer`");const{domain,slug}=(0,getDomain_1.getDomain)(endpoint),disabled=!("owner"in(0,jwt_1.jwt)(accessToken)),href=(0,getApplicationLink_1.getApplicationLink)({slug,accessToken,applicationType:"my-account",domain,customDomain}),parentProps=Object.assign({disabled,label,href},p);function handleClick(e){!disabled&&accessToken&&endpoint&&(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{accessToken,slug}}).then(config=>{var _a;!((_a=config?.links)===null||_a===void 0)&&_a.my_account&&(e.preventDefault(),location.href=config.links.my_account)})}return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("a",Object.assign({"aria-disabled":disabled,onClick:handleClick,href},p,{children:label}))}exports.default=MyAccountLink;

package/lib/cjs/components/customers/MyIdentityLink.d.ts

@@ -0,0 +1,59 @@
+import { type JSX } from 'react';
+import type { ChildrenFunction } from '../../typings/index';
+interface ChildrenProps extends Omit<Props, 'children'> {
+    /**
+     * The link href
+     */
+    href: string;
+}
+interface Props extends Omit<JSX.IntrinsicElements['a'], 'children'> {
+    /**
+     * A render function to render your own custom component
+     */
+    children?: ChildrenFunction<ChildrenProps>;
+    /**
+     * The label of the link
+     */
+    label: string | JSX.Element;
+    /**
+     * The type of the link
+     */
+    type: 'login' | 'signup';
+    /**
+     * The client id of the Commerce Layer application
+     */
+    clientId: string;
+    /**
+     * The scope of the Commerce Layer application
+     */
+    scope: string;
+    /**
+     * The return url to redirect the user after the login/signup
+     */
+    returnUrl?: string;
+    /**
+     * The domain of your forked application
+     */
+    customDomain?: string;
+    /**
+     * The reset password url
+     */
+    resetPasswordUrl?: string;
+}
+/**
+ * This component generates a link to the hosted mfe-identity application.
+ *
+ * In this way you can connect your shop application with our hosted micro-frontend and let your customers manage their account with zero code.
+ *
+ * <span title="Requirement" type="warning">
+ * Must be a child of the `<CommerceLayer>` component.
+ * </span>
+ *
+ * <span title="My Identity" type="info">
+ * The Commerce Layer Identity micro frontend (React) provides you with an application, powered by Commerce Layer APIs, handling customer login and sign-up functionalities
+ * </span>
+ *
+ * @link https://github.com/commercelayer/mfe-identity
+ */
+export declare function MyIdentityLink(props: Props): JSX.Element;
+export default MyIdentityLink;

package/lib/cjs/components/customers/MyIdentityLink.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MyIdentityLink=MyIdentityLink;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),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 MyIdentityLink(props){const{label,children,type,clientId,scope,returnUrl,customDomain,resetPasswordUrl}=props,p=tslib_1.__rest(props,["label","children","type","clientId","scope","returnUrl","customDomain","resetPasswordUrl"]),{accessToken,endpoint}=(0,react_1.useContext)(CommerceLayerContext_1.default),[href,setHref]=(0,react_1.useState)(void 0);if(accessToken==null||endpoint==null)throw new Error("Cannot use `MyIdentityLink` outside of `CommerceLayer`");const{domain,slug}=(0,getDomain_1.getDomain)(endpoint);(0,react_1.useEffect)(()=>(accessToken&&endpoint&&(0,organization_1.getOrganizationConfig)({accessToken,endpoint,params:{accessToken,slug}}).then(config=>{var _a;if(!((_a=config?.links)===null||_a===void 0)&&_a.identity)setHref(config.links.identity);else{const link=(0,getApplicationLink_1.getApplicationLink)({slug,accessToken,applicationType:"identity",domain,modeType:type,clientId,scope,returnUrl:returnUrl??window.location.href,resetPasswordUrl,customDomain});setHref(link)}}),()=>{setHref(void 0)}),[accessToken,endpoint]);const parentProps=Object.assign({label,href,clientId,scope},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("a",Object.assign({href},p,{children:label}))}exports.default=MyIdentityLink;

package/lib/cjs/components/customers/SaveCustomerButton.d.ts

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

package/lib/cjs/components/customers/SaveCustomerButton.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveCustomerButton=SaveCustomerButton;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext"));function SaveCustomerButton(props){const{children,label="Save",resource,disabled,onClick}=props,p=tslib_1.__rest(props,["children","label","resource","disabled","onClick"]),{errors,saveCustomerUser,customerEmail}=(0,react_1.useContext)(CustomerContext_1.default),disable=disabled||!(0,isEmpty_1.default)(errors)||(0,isEmpty_1.default)(customerEmail),handleClick=()=>tslib_1.__awaiter(this,void 0,void 0,function*(){(0,isEmpty_1.default)(errors)&&!disable&&customerEmail!=null&&(saveCustomerUser&&(yield saveCustomerUser(customerEmail)),onClick&&onClick())}),parentProps=Object.assign(Object.assign({},p),{label,resource,handleClick,disabled:disable});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)("button",Object.assign({type:"button",disabled:disable,onClick:()=>{handleClick()}},p,{children:label}))}exports.default=SaveCustomerButton;

package/lib/cjs/components/errors/Errors.d.ts

@@ -0,0 +1,31 @@
+import { type JSX } from 'react';
+import type { CodeErrorType } from '../../typings/errors';
+import type { ChildrenFunction } from '../../typings/index';
+export type TResourceError = 'addresses' | 'billing_address' | 'gift_cards' | 'gift_card_or_coupon_code' | 'line_items' | 'orders' | 'payment_methods' | 'prices' | 'shipments' | 'shipping_address' | 'customer_address' | 'sku_options' | 'variant' | 'in_stock_subscriptions';
+type ErrorChildrenComponentProps = ChildrenFunction<Omit<TErrorComponent, 'children'> & {
+    errors: string[];
+}>;
+export interface TErrorComponent extends Omit<JSX.IntrinsicElements['span'], 'children'> {
+    /**
+     * Resource which get the error
+     */
+    resource: TResourceError;
+    children?: ErrorChildrenComponentProps;
+    /**
+     * Field which get the error
+     */
+    field?: string;
+    /**
+     * Error message which you can translate
+     */
+    messages?: Array<{
+        code: CodeErrorType;
+        message: string;
+        resource?: TResourceError;
+        field?: string;
+        id?: string;
+    }>;
+}
+type Props = TErrorComponent;
+export declare function Errors(props: Props): JSX.Element;
+export default Errors;

package/lib/cjs/components/errors/Errors.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Errors=Errors;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),GiftCardContext_1=tslib_1.__importDefault(require("../../context/GiftCardContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),getAllErrors_1=tslib_1.__importDefault(require("../utils/getAllErrors")),LineItemContext_1=tslib_1.__importDefault(require("../../context/LineItemContext")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),PaymentMethodContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodContext")),PaymentMethodChildrenContext_1=tslib_1.__importDefault(require("../../context/PaymentMethodChildrenContext")),ShipmentContext_1=tslib_1.__importDefault(require("../../context/ShipmentContext")),InStockSubscriptionContext_1=tslib_1.__importDefault(require("../../context/InStockSubscriptionContext"));function Errors(props){const{children,messages=[],resource,field}=props,p=tslib_1.__rest(props,["children","messages","resource","field"]),{payment}=(0,react_1.useContext)(PaymentMethodChildrenContext_1.default),{errors:orderErrors}=(0,react_1.useContext)(OrderContext_1.default),{errors:giftCardErrors}=(0,react_1.useContext)(GiftCardContext_1.default),{errors:lineItemErrors}=(0,react_1.useContext)(LineItemContext_1.default),{errors:addressErrors}=(0,react_1.useContext)(AddressContext_1.default),{errors:customerErrors}=(0,react_1.useContext)(CustomerContext_1.default),{errors:shipmentErrors}=(0,react_1.useContext)(ShipmentContext_1.default),{errors:inStockSubscriptionErrors}=(0,react_1.useContext)(InStockSubscriptionContext_1.default),{errors:paymentMethodErrors,currentPaymentMethodType,currentPaymentMethodId}=(0,react_1.useContext)(PaymentMethodContext_1.default),{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),allErrors=(0,react_1.useMemo)(()=>[...giftCardErrors||[],...orderErrors||[],...lineItemErrors||[],...customerErrors||[],...shipmentErrors||[],...inStockSubscriptionErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,customerErrors,shipmentErrors,inStockSubscriptionErrors,paymentMethodErrors]).filter((v,k,a)=>{var _a;return v?.code!==((_a=a[k-1])===null||_a===void 0?void 0:_a.code)}),addressesErrors=(0,react_1.useMemo)(()=>[...addressErrors||[]],[addressErrors]),msgErrors=(0,getAllErrors_1.default)({allErrors:[...allErrors,...addressesErrors],field,messages,props:p,lineItem,resource,returnHtml:!children}),parentProps=Object.assign({messages,resource,field,errors:msgErrors},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children})):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:msgErrors})}exports.default=Errors;

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

@@ -0,0 +1,10 @@
+import { type RefObject, type JSX } from 'react';
+import type { BaseState } from '../../typings/index';
+import type { DefaultChildrenType } from '../../typings/globals';
+interface Props extends Omit<JSX.IntrinsicElements['form'], 'children' | 'ref'> {
+    children: DefaultChildrenType;
+    onSubmit?: (values: BaseState) => void;
+    ref?: RefObject<HTMLFormElement | null>;
+}
+export declare function GiftCard(props: Props): JSX.Element;
+export default GiftCard;

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCard=GiftCard;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),validateFormFields_1=tslib_1.__importDefault(require("../../utils/validateFormFields")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),GiftCardContext_1=tslib_1.__importDefault(require("../../context/GiftCardContext"));function GiftCard(props){const{children,onSubmit}=props,name="giftCardForm",ref=(0,react_1.useRef)(null),{addGiftCard,addGiftCardError}=(0,react_1.useContext)(GiftCardContext_1.default),handleSubmit=e=>{e.preventDefault();const currentForm=ref.current,elements=currentForm?.elements,{errors,values}=(0,validateFormFields_1.default)(elements,["currencyCode","balanceCents"],"gift_cards");(0,isEmpty_1.default)(errors)?(addGiftCard(values),currentForm?.reset(),onSubmit&&onSubmit(values)):addGiftCardError(errors)};return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)("form",{name,onSubmit:handleSubmit,children},name)})}exports.default=GiftCard;

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

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

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardContainer=GiftCardContainer;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),GiftCardContext_1=tslib_1.__importDefault(require("../../context/GiftCardContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),GiftCardReducer_1=tslib_1.__importStar(require("../../reducers/GiftCardReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext"));function GiftCardContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(GiftCardReducer_1.default,GiftCardReducer_1.giftCardInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{getOrder,createOrder,order}=(0,react_1.useContext)(OrderContext_1.default),giftCardValue=Object.assign(Object.assign({},state),{addGiftCardRecipient:values=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,GiftCardReducer_1.addGiftCardRecipient)(values,config,dispatch)}),addGiftCard:values=>tslib_1.__awaiter(this,void 0,void 0,function*(){yield(0,GiftCardReducer_1.addGiftCard)(Object.assign({},values),{config,dispatch,getOrder,createOrder,order})}),addGiftCardError:errors=>{(0,GiftCardReducer_1.addGiftCardError)(errors,dispatch)},addGiftCardLoading:loading=>{(0,GiftCardReducer_1.addGiftCardLoading)(loading,dispatch)}});return(0,jsx_runtime_1.jsx)(GiftCardContext_1.default.Provider,{value:giftCardValue,children})}exports.default=GiftCardContainer;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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