@commercelayer/react-components 4.0.0-alpha.2 → 4.0.0-alpha.4

package/lib/cjs/components/Errors.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Errors=void 0;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"));function Errors(props){const{children,messages=[],resource,field,...p}=props,{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: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||[],...addressErrors||[],...customerErrors||[],...shipmentErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,addressErrors,customerErrors,shipmentErrors,paymentMethodErrors]).filter((v,k,a)=>v?.code!==a[k-1]?.code),msgErrors=(0,getAllErrors_1.default)({allErrors,field,messages,props:p,lineItem,resource,returnHtml:!children});console.log("Errors",msgErrors);const parentProps={messages,resource,field,errors:msgErrors,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:msgErrors})}exports.Errors=Errors,exports.default=Errors;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Errors=void 0;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"));function Errors(props){const{children,messages=[],resource,field,...p}=props,{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: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||[],...addressErrors||[],...customerErrors||[],...shipmentErrors||[],...paymentMethodErrors?.filter(v=>v.field===currentPaymentMethodType&&payment?.id===currentPaymentMethodId)||[]],[giftCardErrors,orderErrors,lineItemErrors,addressErrors,customerErrors,shipmentErrors,paymentMethodErrors]).filter((v,k,a)=>v?.code!==a[k-1]?.code),msgErrors=(0,getAllErrors_1.default)({allErrors,field,messages,props:p,lineItem,resource,returnHtml:!children}),parentProps={messages,resource,field,errors:msgErrors,...p};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:msgErrors})}exports.Errors=Errors,exports.default=Errors;

package/lib/cjs/components/ExternalFunction.d.ts

@@ -6,7 +6,7 @@ declare type Props = {
 export declare function ExternalFunction({ children, url }: Props): JSX.Element;
 export declare namespace ExternalFunction {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
         url: import("prop-types").Validator<string>;
     };
     var displayName: string;

package/lib/cjs/components/MetadataInput.d.ts

@@ -6,7 +6,7 @@ export declare namespace MetadataInput {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         name: import("prop-types").Validator<string>;
-        type: import("prop-types").Validator<import("../typings/index").BaseInputType>;
+        type: import("prop-types").Validator<NonNullable<import("../typings/index").BaseInputType>>;
         onChange: import("prop-types").Requireable<(...args: any[]) => any>;
         placeholder: import("prop-types").Requireable<string>;
     };

package/lib/cjs/components/SubmitButton.d.ts

@@ -9,7 +9,7 @@ export declare function SubmitButton(props: Props): JSX.Element;
 export declare namespace SubmitButton {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
-        label: import("prop-types").Requireable<string | import("prop-types").ReactElementLike>;
+        label: import("prop-types").Requireable<NonNullable<string | import("prop-types").ReactElementLike | null | undefined>>;
     };
     var defaultProps: {
         label: string;

package/lib/cjs/components/addresses/Address.d.ts

@@ -12,7 +12,7 @@ declare type Props = {
 export declare function Address(props: Props): JSX.Element;
 export declare namespace Address {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default Address;

package/lib/cjs/components/addresses/AddressCountrySelector.d.ts

@@ -12,10 +12,10 @@ export declare namespace AddressCountrySelector {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
             label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<string | number>;
+            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         }>>;
         value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<AddressCountrySelectName>;
+        name: import("prop-types").Validator<NonNullable<AddressCountrySelectName>>;
         required: import("prop-types").Requireable<boolean>;
     };
     var defaultProps: {

package/lib/cjs/components/addresses/AddressField.d.ts

@@ -8,28 +8,28 @@ declare type Props = {
     type?: 'field';
     label?: never;
     onClick?: never;
-    children?: (props: AddressFieldChildrenProps) => ReactNode;
+    children?: (props: AddressFieldChildrenProps) => JSX.Element;
     name: AddressFieldView;
     className?: string;
 } | {
     type?: 'edit';
     label: string | ReactNode;
     onClick: (address: Address) => void;
-    children?: (props: AddressFieldChildrenProps) => ReactNode;
+    children?: (props: AddressFieldChildrenProps) => JSX.Element;
     name?: AddressFieldView;
     className?: string;
 } | {
     type?: 'delete';
     label: string;
     onClick: () => void;
-    children?: (props: AddressFieldChildrenProps) => ReactNode;
+    children?: (props: AddressFieldChildrenProps) => JSX.Element;
     name?: AddressFieldView;
     className?: string;
 } | {
     type?: 'edit' | 'field' | 'delete';
     label?: never;
     onClick?: never;
-    children: (props: AddressFieldChildrenProps) => ReactNode;
+    children: (props: AddressFieldChildrenProps) => JSX.Element;
     name?: never;
     className?: string;
 };

package/lib/cjs/components/addresses/AddressField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),propTypes=components_1.default.AddressField.propTypes,displayName=components_1.default.AddressField.displayName;function AddressField(props){const{name,type="field",label,onClick,...p}=props,{address}=(0,react_1.useContext)(AddressChildrenContext_1.default),text=name&&address?address?.[name]:"",{deleteCustomerAddress}=(0,react_1.useContext)(CustomerContext_1.default),handleClick=e=>{e.stopPropagation(),e.preventDefault(),type==="delete"&&deleteCustomerAddress&&address?.reference&&deleteCustomerAddress({customerAddressId:address?.reference}),address&&onClick&&onClick(address)},parentProps={address,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):type==="field"?(0,jsx_runtime_1.jsx)("p",{...p,name,children:text}):(0,jsx_runtime_1.jsx)("a",{...p,onClick:handleClick,children:typeof label=="function"?label():label})}exports.AddressField=AddressField,AddressField.propTypes=propTypes,AddressField.displayName=displayName,exports.default=AddressField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressField=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),propTypes=components_1.default.AddressField.propTypes,displayName=components_1.default.AddressField.displayName;function AddressField(props){const{name,type="field",label,onClick,...p}=props,{address}=(0,react_1.useContext)(AddressChildrenContext_1.default),text=name&&address?address?.[name]:"",{deleteCustomerAddress}=(0,react_1.useContext)(CustomerContext_1.default),handleClick=e=>{e.stopPropagation(),e.preventDefault(),type==="delete"&&deleteCustomerAddress&&address?.reference&&deleteCustomerAddress({customerAddressId:address?.reference}),address&&onClick&&onClick(address)},parentProps={address,...props};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):type==="field"?(0,jsx_runtime_1.jsx)("p",{...p,name,children:text}):(0,jsx_runtime_1.jsx)("a",{...p,onClick:handleClick,children:label})}exports.AddressField=AddressField,AddressField.propTypes=propTypes,AddressField.displayName=displayName,exports.default=AddressField;

package/lib/cjs/components/addresses/AddressInput.d.ts

@@ -8,8 +8,8 @@ export declare function AddressInput(props: Props): JSX.Element | null;
 export declare namespace AddressInput {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
-        name: import("prop-types").Validator<AddressInputName>;
-        type: import("prop-types").Validator<import("../../typings/index").BaseInputType>;
+        name: import("prop-types").Validator<NonNullable<AddressInputName>>;
+        type: import("prop-types").Validator<NonNullable<import("../../typings/index").BaseInputType>>;
         placeholder: import("prop-types").Requireable<string>;
         disabled: import("prop-types").Requireable<boolean>;
         required: import("prop-types").Requireable<boolean>;

package/lib/cjs/components/addresses/AddressStateSelector.d.ts

@@ -13,10 +13,10 @@ export declare namespace AddressStateSelector {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
             label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<string | number>;
+            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         }>>;
         value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<AddressStateSelectName>;
+        name: import("prop-types").Validator<NonNullable<AddressStateSelectName>>;
         required: import("prop-types").Requireable<boolean>;
     };
     var defaultProps: {

package/lib/cjs/components/addresses/AddressesContainer.d.ts

@@ -7,7 +7,7 @@ declare type Props = {
 export declare function AddressesContainer(props: Props): JSX.Element;
 export declare namespace AddressesContainer {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
         shipToDifferentAddress: import("prop-types").Requireable<boolean>;
     };
     var displayName: string;

package/lib/cjs/components/addresses/BillingAddressContainer.d.ts

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

package/lib/cjs/components/addresses/BillingAddressContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BillingAddressContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BillingAddressContext_1=tslib_1.__importDefault(require("../../context/BillingAddressContext")),react_1=require("react"),BillingAddressReducer_1=tslib_1.__importStar(require("../../reducers/BillingAddressReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext"));function BillingAddressContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(BillingAddressReducer_1.default,BillingAddressReducer_1.billingAddressInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{order,include,addResourceToInclude}=(0,react_1.useContext)(OrderContext_1.default),{shipToDifferentAddress,setCloneAddress}=(0,react_1.useContext)(AddressContext_1.default);(0,react_1.useEffect)(()=>(include?.includes("billing_address")||addResourceToInclude({newResource:"billing_address",resourcesIncluded:include}),order&&config&&(0,BillingAddressReducer_1.setBillingCustomerAddressId)({dispatch,order,setCloneAddress}),()=>{dispatch({type:"cleanup",payload:{}})}),[order,include]);const contextValue={...state,setBillingAddress:async(id,options)=>{await(0,BillingAddressReducer_1.setBillingAddress)(id,{config,dispatch,order,shipToDifferentAddress,customerAddressId:options?.customerAddressId}),setCloneAddress(id,"billing_address")}};return(0,jsx_runtime_1.jsx)(BillingAddressContext_1.default.Provider,{value:contextValue,children})}exports.BillingAddressContainer=BillingAddressContainer,exports.default=BillingAddressContainer;

package/lib/{esm/components → cjs/components/addresses}/BillingAddressForm.d.ts

@@ -7,7 +7,7 @@ declare type Props = {
 export declare function BillingAddressForm(props: Props): JSX.Element;
 export declare namespace BillingAddressForm {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default BillingAddressForm;

package/lib/cjs/components/addresses/BillingAddressForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BillingAddressForm=void 0;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"),BillingAddressFormContext_1=tslib_1.__importDefault(require("../../context/BillingAddressFormContext")),lodash_1=require("lodash"),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),localStorage_1=require("../../utils/localStorage"),validateFormFields_1=require("../../utils/validateFormFields"),propTypes=components_1.default.BillingAddressForm.propTypes;function BillingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=(0,rapid_form_1.useRapidForm)(),{setAddressErrors,setAddress,isBusiness}=(0,react_1.useContext)(AddressContext_1.default),{saveAddressToCustomerAddressBook,order,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{if(include?.includes("billing_address")?includeLoaded?.billing_address||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),(0,lodash_1.isEmpty)(errors)){if(values&&Object.keys(values).length>0){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];(0,validateFormFields_1.businessMandatoryField)(name,isBusiness)||delete values[name],(field?.value||field?.required===!1&&field?.type!=="checkbox")&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["billing_address_state_code"].includes(fieldName)?values?.state_code?formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName}):delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"billing_address",field:fieldName})}setAddressErrors(formErrors,"billing_address")}const checkboxChecked=ref.current?.querySelector('[name="billing_address_save_to_customer_book"]')?.checked||(0,localStorage_1.getSaveBillingAddressToAddressBook)();reset&&(!(0,lodash_1.isEmpty)(values)||!(0,lodash_1.isEmpty)(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"})))},[errors,values,reset,include,includeLoaded,isBusiness]);const providerValues={isBusiness,values,validation,setValue:(name,value)=>{const field={[name.replace("billing_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requires_billing_info||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return(0,jsx_runtime_1.jsx)(BillingAddressFormContext_1.default.Provider,{value:providerValues,children:(0,jsx_runtime_1.jsx)("form",{ref,autoComplete,...p,children})})}exports.BillingAddressForm=BillingAddressForm,BillingAddressForm.propTypes=propTypes,exports.default=BillingAddressForm;

package/lib/cjs/components/addresses/SaveAddressesButton.d.ts

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

package/lib/cjs/components/addresses/SaveAddressesButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveAddressesButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),addressesManager_1=require("../../utils/addressesManager"),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),isFunction_1=tslib_1.__importDefault(require("lodash/isFunction"));function SaveAddressesButton(props){const{children,label="Continue to delivery",resource,disabled=!1,addressId,onClick,...p}=props,{errors,billing_address,shipToDifferentAddress,shipping_address,saveAddresses,billingAddressId,shippingAddressId}=(0,react_1.useContext)(AddressContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{addresses,isGuest,createCustomerAddress}=(0,react_1.useContext)(CustomerContext_1.default),[forceDisable,setForceDisable]=(0,react_1.useState)(disabled),customerEmail=(isGuest===!0||typeof isGuest>"u")&&!order?.customer_email,billingDisable=(0,addressesManager_1.billingAddressController)({billing_address,errors,billingAddressId,requiresBillingInfo:order?.requires_billing_info}),shippingDisable=(0,addressesManager_1.shippingAddressController)({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId}),countryLockDisable=(0,addressesManager_1.countryLockController)({countryCodeLock:order?.shipping_country_code_lock,addresses,shipToDifferentAddress,billingAddressId,billing_address,shipping_address,shippingAddressId}),disable=disabled||customerEmail||billingDisable||shippingDisable||countryLockDisable,handleClick=()=>{if(errors&&Object.keys(errors).length===0&&!disable){if(setForceDisable(!0),order)saveAddresses();else if(createCustomerAddress&&billing_address){const address={...billing_address};addressId&&(address.id=addressId),createCustomerAddress(address)}setForceDisable(!1),onClick&&onClick()}},parentProps={...p,label,resource,handleClick,disabled:disable};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disable||forceDisable,onClick:handleClick,...p,children:(0,isFunction_1.default)(label)?label():label})}exports.SaveAddressesButton=SaveAddressesButton,exports.default=SaveAddressesButton;

package/lib/{esm/components → cjs/components/addresses}/ShippingAddressContainer.d.ts

@@ -5,7 +5,7 @@ declare type Props = {
 export declare function ShippingAddressContainer(props: Props): JSX.Element;
 export declare namespace ShippingAddressContainer {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default ShippingAddressContainer;

package/lib/cjs/components/addresses/ShippingAddressContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingAddressContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext")),react_1=require("react"),ShippingAddressReducer_1=tslib_1.__importStar(require("../../reducers/ShippingAddressReducer")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext")),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),propTypes=components_1.default.ShippingAddressContainer.propTypes;function ShippingAddressContainer(props){const{children}=props,[state,dispatch]=(0,react_1.useReducer)(ShippingAddressReducer_1.default,ShippingAddressReducer_1.shippingAddressInitialState),config=(0,react_1.useContext)(CommerceLayerContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),{setCloneAddress}=(0,react_1.useContext)(AddressContext_1.default);(0,react_1.useEffect)(()=>(order&&config&&(0,ShippingAddressReducer_1.setShippingCustomerAddressId)({dispatch,order,setCloneAddress}),()=>{dispatch({type:"cleanup",payload:{}})}),[config,order]);const contextValue={...state,setShippingAddress:async(id,options)=>{await(0,ShippingAddressReducer_1.setShippingAddress)(id,{config,dispatch,order,customerAddressId:options?.customerAddressId}),setCloneAddress(id,"shipping_address")}};return(0,jsx_runtime_1.jsx)(ShippingAddressContext_1.default.Provider,{value:contextValue,children})}exports.ShippingAddressContainer=ShippingAddressContainer,ShippingAddressContainer.propTypes=propTypes,exports.default=ShippingAddressContainer;

package/lib/cjs/components/{ShippingAddressForm.d.ts → addresses/ShippingAddressForm.d.ts}

@@ -7,7 +7,7 @@ declare type Props = {
 export declare function ShippingAddressForm(props: Props): JSX.Element;
 export declare namespace ShippingAddressForm {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default ShippingAddressForm;

package/lib/cjs/components/addresses/ShippingAddressForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShippingAddressForm=void 0;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"),ShippingAddressFormContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressFormContext")),lodash_1=require("lodash"),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),localStorage_1=require("../../utils/localStorage"),validateFormFields_1=require("../../utils/validateFormFields"),propTypes=components_1.default.ShippingAddressForm.propTypes;function ShippingAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{validation,values,errors,reset:resetForm}=(0,rapid_form_1.useRapidForm)(),{setAddressErrors,setAddress,shipToDifferentAddress,isBusiness}=(0,react_1.useContext)(AddressContext_1.default),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{if(include?.includes("shipping_address")?includeLoaded?.shipping_address||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),(0,lodash_1.isEmpty)(errors)){if(!(0,lodash_1.isEmpty)(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_address");for(const name in values){const field=values[name];(0,validateFormFields_1.businessMandatoryField)(name,isBusiness)||delete values[name],(field?.value||field?.required===!1&&field?.type!=="checkbox")&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),field?.type==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values:{...values,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.message;["shipping_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(values.state_code)?delete errors[fieldName]:formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName}):formErrors.push({code,message:message||"",resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=ref.current?.querySelector('[name="shipping_address_save_to_customer_book"]')?.checked||(0,localStorage_1.getSaveShippingAddressToAddressBook)();reset&&(!(0,lodash_1.isEmpty)(values)||!(0,lodash_1.isEmpty)(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&(ref.current?.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded,isBusiness]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:{...values,...field,...isBusiness&&{business:isBusiness}},resource:"shipping_address"})},errorClassName,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return(0,jsx_runtime_1.jsx)(ShippingAddressFormContext_1.default.Provider,{value:providerValues,children:(0,jsx_runtime_1.jsx)("form",{ref,autoComplete,...p,children})})}exports.ShippingAddressForm=ShippingAddressForm,ShippingAddressForm.propTypes=propTypes,exports.default=ShippingAddressForm;

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

@@ -7,7 +7,7 @@ declare type Props = {
 export declare function CommerceLayer(props: Props): JSX.Element;
 export declare namespace CommerceLayer {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
         accessToken: import("prop-types").Validator<string>;
         endpoint: import("prop-types").Validator<string>;
     };

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

@@ -7,7 +7,7 @@ declare type Props = {
 export declare function CustomerAddressForm(props: Props): JSX.Element;
 export declare namespace CustomerAddressForm {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default CustomerAddressForm;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerAddressForm=void 0;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")),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),isEmptyStates_1=tslib_1.__importDefault(require("../../utils/isEmptyStates")),propTypes=components_1.default.CustomerAddressForm.propTypes;function CustomerAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props,{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)(()=>{if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.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=values.billing_address_country_code?.value||values.country_code;!(0,isEmptyStates_1.default)(countryCode)&&!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&&(ref.current?.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:{...values,...field},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requiresBillingInfo||!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",{ref,autoComplete,...p,children})})}exports.CustomerAddressForm=CustomerAddressForm,CustomerAddressForm.propTypes=propTypes,exports.default=CustomerAddressForm;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomerAddressForm=void 0;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")),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),isEmptyStates_1=tslib_1.__importDefault(require("../../utils/isEmptyStates")),propTypes=components_1.default.CustomerAddressForm.propTypes;function CustomerAddressForm(props){const{children,errorClassName,autoComplete="on",reset=!1,...p}=props;console.log(rapid_form_1.useRapidForm);debugger;const{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)(()=>{if(Object.keys(errors).length>0){const formErrors=[];for(const fieldName in errors){const code=errors[fieldName]?.code,message=errors[fieldName]?.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=values.billing_address_country_code?.value||values.country_code;!(0,isEmptyStates_1.default)(countryCode)&&!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&&(ref.current?.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:{...values,...field},resource:"billing_address"})},errorClassName,requiresBillingInfo:order?.requiresBillingInfo||!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",{ref,autoComplete,...p,children})})}exports.CustomerAddressForm=CustomerAddressForm,CustomerAddressForm.propTypes=propTypes,exports.default=CustomerAddressForm;

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

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

package/lib/cjs/components/{SaveCustomerButton.js → customers/SaveCustomerButton.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveCustomerButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("./utils/Parent")),components_1=tslib_1.__importDefault(require("../config/components")),lodash_1=require("lodash"),CustomerContext_1=tslib_1.__importDefault(require("../context/CustomerContext")),propTypes=components_1.default.SaveCustomerButton.propTypes,defaultProps=components_1.default.SaveCustomerButton.defaultProps,displayName=components_1.default.SaveCustomerButton.displayName;function SaveCustomerButton(props){const{children,label="Save",resource,disabled,onClick,...p}=props,{errors,saveCustomerUser,customerEmail}=(0,react_1.useContext)(CustomerContext_1.default),disable=disabled||!(0,lodash_1.isEmpty)(errors)||(0,lodash_1.isEmpty)(customerEmail),handleClick=async()=>{(0,lodash_1.isEmpty)(errors)&&!disable&&(saveCustomerUser&&await saveCustomerUser(customerEmail),onClick&&onClick())},parentProps={...p,label,resource,handleClick,disabled:disable};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disable,onClick:void 0,...p,children:label})}exports.SaveCustomerButton=SaveCustomerButton,SaveCustomerButton.propTypes=propTypes,SaveCustomerButton.defaultProps=defaultProps,SaveCustomerButton.displayName=displayName,exports.default=SaveCustomerButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SaveCustomerButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),lodash_1=require("lodash"),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext"));function SaveCustomerButton(props){const{children,label="Save",resource,disabled,onClick,...p}=props,{errors,saveCustomerUser,customerEmail}=(0,react_1.useContext)(CustomerContext_1.default),disable=disabled||!(0,lodash_1.isEmpty)(errors)||(0,lodash_1.isEmpty)(customerEmail),handleClick=async()=>{(0,lodash_1.isEmpty)(errors)&&!disable&&(saveCustomerUser&&await saveCustomerUser(customerEmail),onClick&&onClick())},parentProps={...p,label,resource,handleClick,disabled:disable};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("button",{type:"button",disabled:disable,onClick:void 0,...p,children:label})}exports.SaveCustomerButton=SaveCustomerButton,exports.default=SaveCustomerButton;

package/lib/cjs/components/{GiftCard.d.ts → gift_cards/GiftCard.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseState } from '../typings/index';
+import { BaseState } from '../../typings/index';
 declare type Props = {
     children: ReactNode;
     onSubmit?: (values: BaseState) => void;
@@ -7,7 +7,7 @@ declare type Props = {
 export declare function GiftCard(props: Props): JSX.Element;
 export declare namespace GiftCard {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
         onSubmit: import("prop-types").Requireable<(...args: any[]) => any>;
     };
     var defaultProps: {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCard=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),validateFormFields_1=tslib_1.__importDefault(require("../../utils/validateFormFields")),lodash_1=require("lodash"),GiftCardContext_1=tslib_1.__importDefault(require("../../context/GiftCardContext")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.GiftCard.propTypes,defaultProps=components_1.default.GiftCard.defaultProps,displayName=components_1.default.GiftCard.displayName;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,lodash_1.isEmpty)(errors)?(addGiftCard(values),currentForm?.reset(),onSubmit&&onSubmit(values)):addGiftCardError(errors)};return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(0,jsx_runtime_1.jsx)("form",{name,ref,onSubmit:handleSubmit,children},name)})}exports.GiftCard=GiftCard,GiftCard.propTypes=propTypes,GiftCard.defaultProps=defaultProps,GiftCard.displayName=displayName,exports.default=GiftCard;

package/lib/{esm/components → cjs/components/gift_cards}/GiftCardContainer.d.ts

@@ -5,7 +5,7 @@ export declare type Props = {
 export declare function GiftCardContainer(props: Props): JSX.Element;
 export declare namespace GiftCardContainer {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
     var displayName: string;
 }

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardContainer=void 0;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")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.GiftCardContainer.propTypes,displayName=components_1.default.GiftCardContainer.displayName;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={...state,addGiftCardRecipient:values=>(0,GiftCardReducer_1.addGiftCardRecipient)(values,config,dispatch),addGiftCard:values=>(0,GiftCardReducer_1.addGiftCard)({...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.GiftCardContainer=GiftCardContainer,GiftCardContainer.propTypes=propTypes,GiftCardContainer.displayName=displayName,exports.default=GiftCardContainer;

package/lib/cjs/components/{GiftCardCurrencySelector.d.ts → gift_cards/GiftCardCurrencySelector.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseSelectComponentProps } from '../typings/index';
+import { BaseSelectComponentProps } from '../../typings/index';
 declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
     required?: boolean;
 } & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
@@ -8,7 +8,7 @@ export declare namespace GiftCardCurrencySelector {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
-            value: import("prop-types").Validator<string | number>;
+            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
             label: import("prop-types").Validator<string>;
         }>>;
         value: import("prop-types").Requireable<string>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardCurrencySelector=void 0;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")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.GiftCardCurrencySelector.propTypes,defaultProps=components_1.default.GiftCardCurrencySelector.defaultProps,displayName=components_1.default.GiftCardCurrencySelector.displayName;function GiftCardCurrencySelector(props){return(0,jsx_runtime_1.jsx)(BaseSelect_1.default,{options:currency_1.default,name:"currencyCode",...props})}exports.GiftCardCurrencySelector=GiftCardCurrencySelector,GiftCardCurrencySelector.propTypes=propTypes,GiftCardCurrencySelector.defaultProps=defaultProps,GiftCardCurrencySelector.displayName=displayName,exports.default=GiftCardCurrencySelector;

package/lib/{esm/components → cjs/components/gift_cards}/GiftCardInput.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { BaseInputComponentProps, GiftCardInputName } from '../typings/index';
+import { BaseInputComponentProps, GiftCardInputName } from '../../typings/index';
 declare type Props = {
     name: GiftCardInputName;
 } & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
 export declare function GiftCardInput(props: Props): JSX.Element;
 export declare namespace GiftCardInput {
     var propTypes: {
-        type: import("prop-types").Validator<import("../typings/index").BaseInputType>;
-        name: import("prop-types").Validator<GiftCardInputName>;
+        type: import("prop-types").Validator<NonNullable<import("../../typings/index").BaseInputType>>;
+        name: import("prop-types").Validator<NonNullable<GiftCardInputName>>;
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         placeholder: import("prop-types").Requireable<string>;
     };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardInput=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.GiftCardInput.propTypes,displayName=components_1.default.GiftCardInput.displayName;function GiftCardInput(props){const{placeholder="",...p}=props;return(0,jsx_runtime_1.jsx)(BaseInput_1.default,{placeholder,...p})}exports.GiftCardInput=GiftCardInput,GiftCardInput.propTypes=propTypes,GiftCardInput.displayName=displayName,exports.default=GiftCardInput;

package/lib/cjs/components/{GiftCardOrCouponCode.d.ts → gift_cards/GiftCardOrCouponCode.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FunctionChildren } from '../typings/index';
-import type { CodeType } from '../reducers/OrderReducer';
+import { FunctionChildren } from '../../typings/index';
+import type { CodeType } from '../../reducers/OrderReducer';
 declare type ChildrenProps = Omit<Props, 'children'> & {
     code?: string;
     hide?: boolean;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponCode=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),components_1=tslib_1.__importDefault(require("../../config/components")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),has_1=tslib_1.__importDefault(require("lodash/has")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),propTypes=components_1.default.GiftCardOrCouponCode.propTypes,displayName=components_1.default.GiftCardOrCouponCode.displayName;function GiftCardOrCouponCode({children,type,...props}){const{order}=(0,react_1.useContext)(OrderContext_1.default);let codeType=type&&`${type}_code`;!type&&order&&(0,has_1.default)(order,"coupon_code")&&!(0,isEmpty_1.default)(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),parentProps={...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,{...parentProps,children}):hide?null:(0,jsx_runtime_1.jsx)("span",{...props,children:code})}exports.GiftCardOrCouponCode=GiftCardOrCouponCode,GiftCardOrCouponCode.propTypes=propTypes,GiftCardOrCouponCode.displayName=displayName,exports.default=GiftCardOrCouponCode;

package/lib/{esm/components → cjs/components/gift_cards}/GiftCardOrCouponForm.d.ts

@@ -9,7 +9,7 @@ declare type Props = {
 export declare function GiftCardOrCouponForm(props: Props): JSX.Element | null;
 export declare namespace GiftCardOrCouponForm {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
     };
 }
 export default GiftCardOrCouponForm;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponForm=void 0;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")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),components_1=tslib_1.__importDefault(require("../../config/components")),camelCase_1=tslib_1.__importDefault(require("lodash/camelCase")),dropWhile_1=tslib_1.__importDefault(require("lodash/dropWhile")),has_1=tslib_1.__importDefault(require("lodash/has")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponForm.propTypes;function GiftCardOrCouponForm(props){const{children,autoComplete="on",onSubmit,...p}=props,{validation,values,reset}=(0,rapid_form_1.useRapidForm)(),[codeType,setCodeType]=(0,react_1.useState)("gift_card_or_coupon_code"),{setGiftCardOrCouponCode,order,errors,setOrderErrors}=(0,react_1.useContext)(OrderContext_1.default),ref=(0,react_1.useRef)(null),inputName="gift_card_or_coupon_code";(0,react_1.useEffect)(()=>{if(values[inputName]?.value===""&&(0,lodash_1.findIndex)(errors,{field:(0,camelCase_1.default)(inputName)})!==-1){const err=(0,dropWhile_1.default)(errors,i=>i.field===(0,camelCase_1.default)(inputName));setOrderErrors(err),onSubmit&&onSubmit({value:values[inputName]?.value,success:!1})}values[inputName]?.value===""&&(setOrderErrors([]),onSubmit&&onSubmit({value:values[inputName]?.value,success:!1}))},[values]),(0,react_1.useEffect)(()=>{order?.gift_card_code&&!order?.coupon_code&&setCodeType("coupon_code"),!order?.gift_card_code&&order?.coupon_code&&setCodeType("gift_card_code"),!order?.gift_card_code&&!order?.coupon_code&&setCodeType("gift_card_or_coupon_code")},[order]);const handleSubmit=async e=>{e.preventDefault();const code=(0,has_1.default)(values,inputName)?values[inputName].value:void 0;if(code){const{success}=await setGiftCardOrCouponCode({code,codeType}),value=values[inputName]?.value;onSubmit&&onSubmit({success,value}),success&&reset(e)}};return order?.gift_card_code&&order?.coupon_code||(0,isEmpty_1.default)(order)?null:(0,jsx_runtime_1.jsx)(CouponAndGiftCardFormContext_1.default.Provider,{value:{validation,codeType},children:(0,jsx_runtime_1.jsx)("form",{ref,autoComplete,onSubmit:handleSubmit,...p,children})})}exports.GiftCardOrCouponForm=GiftCardOrCouponForm,GiftCardOrCouponForm.propTypes=propTypes,exports.default=GiftCardOrCouponForm;

package/lib/cjs/components/{GiftCardOrCouponInput.d.ts → gift_cards/GiftCardOrCouponInput.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BaseInputComponentProps } from '../typings/index';
-import { OrderCodeType } from '../reducers/OrderReducer';
+import { BaseInputComponentProps } from '../../typings/index';
+import { OrderCodeType } from '../../reducers/OrderReducer';
 declare type Props = {
     name?: 'gift_card_or_coupon_code';
     type?: 'text';

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

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

package/lib/cjs/components/{GiftCardOrCouponRemoveButton.d.ts → gift_cards/GiftCardOrCouponRemoveButton.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FunctionChildren } from '../typings/index';
-import { CodeType, OrderCodeType } from '../reducers/OrderReducer';
+import { FunctionChildren } from '../../typings/index';
+import { CodeType, OrderCodeType } from '../../reducers/OrderReducer';
 declare type GiftCardOrCouponRemoveButtonChildrenProps = FunctionChildren<Omit<Props, 'children'> & {
     codeType?: OrderCodeType;
     hide?: boolean;
@@ -19,7 +19,7 @@ export declare namespace GiftCardOrCouponRemoveButton {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
         type: import("prop-types").Requireable<CodeType>;
-        label: import("prop-types").Requireable<string | object>;
+        label: import("prop-types").Requireable<NonNullable<string | object | null | undefined>>;
     };
     var displayName: string;
 }

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftCardOrCouponRemoveButton=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponRemoveButton.propTypes,displayName=components_1.default.GiftCardOrCouponRemoveButton.displayName;function GiftCardOrCouponRemoveButton(props){const{children,label="Remove",onClick,type,...p}=props,{order,removeGiftCardOrCouponCode}=(0,react_1.useContext)(OrderContext_1.default);let codeType=`${type}_code`;!type&&order&&(0,lodash_1.has)(order,"coupon_code")&&!(0,lodash_1.isEmpty)(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),handleClick=async()=>{const response=removeGiftCardOrCouponCode&&await removeGiftCardOrCouponCode({codeType});onClick&&onClick(response)},parentProps={...p,label,handleClick,codeType};return children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):hide?null:(0,jsx_runtime_1.jsx)("button",{type:"button",onClick:handleClick,...p,children:label})}exports.GiftCardOrCouponRemoveButton=GiftCardOrCouponRemoveButton,GiftCardOrCouponRemoveButton.propTypes=propTypes,GiftCardOrCouponRemoveButton.displayName=displayName,exports.default=GiftCardOrCouponRemoveButton;

package/lib/cjs/components/{GiftCardOrCouponSubmit.d.ts → gift_cards/GiftCardOrCouponSubmit.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FunctionChildren } from '../typings/index';
+import { FunctionChildren } from '../../typings/index';
 declare type GiftCardOrCouponSubmitChildrenProps = FunctionChildren<Omit<Props, 'children'>>;
 declare type Props = {
     children?: GiftCardOrCouponSubmitChildrenProps;
@@ -9,7 +9,7 @@ export declare function GiftCardOrCouponSubmit(props: Props): JSX.Element;
 export declare namespace GiftCardOrCouponSubmit {
     var propTypes: {
         children: import("prop-types").Requireable<(...args: any[]) => any>;
-        label: import("prop-types").Requireable<string | object>;
+        label: import("prop-types").Requireable<NonNullable<string | object | null | undefined>>;
     };
     var displayName: string;
 }

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

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

package/lib/{esm/components → cjs/components/line_items}/LineItem.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { LineItemType } from '../typings/index';
+import { LineItemType } from '../../typings/index';
 declare type Props = {
     children: ReactNode;
     type?: LineItemType;
@@ -7,7 +7,7 @@ declare type Props = {
 export declare function LineItem(props: Props): JSX.Element;
 export declare namespace LineItem {
     var propTypes: {
-        children: import("prop-types").Validator<boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal | (() => ReactNode)>;
+        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
         type: import("prop-types").Requireable<LineItemType>;
     };
     var displayName: string;

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

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

package/lib/{esm/components → cjs/components/line_items}/LineItemAmount.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseAmountComponent, BasePriceType } from '../typings/index';
+import { BaseAmountComponent, BasePriceType } from '../../typings/index';
 declare type Props = BaseAmountComponent & {
     type?: BasePriceType;
 };
@@ -12,7 +12,7 @@ export declare namespace LineItemAmount {
         style: import("prop-types").Requireable<object>;
         name: import("prop-types").Requireable<string>;
         children: import("prop-types").Requireable<(...args: any[]) => any>;
-        format: import("prop-types").Requireable<import("../typings/index").BaseFormatPrice>;
+        format: import("prop-types").Requireable<import("../../typings/index").BaseFormatPrice>;
     };
     var defaultProps: Props;
     var displayName: string;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineItemAmount=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getAmount_1=tslib_1.__importDefault(require("../../utils/getAmount")),LineItemChildrenContext_1=tslib_1.__importDefault(require("../../context/LineItemChildrenContext")),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),components_1=tslib_1.__importDefault(require("../../config/components")),propTypes=components_1.default.LineItemAmount.propTypes,defaultProps=components_1.default.LineItemAmount.defaultProps,displayName=components_1.default.LineItemAmount.displayName;function LineItemAmount(props){const{format="formatted",type="total",...p}=props,{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),[price,setPrice]=(0,react_1.useState)("");(0,react_1.useEffect)(()=>{if(lineItem){const p2=(0,getAmount_1.default)({base:"amount",type,format,obj:lineItem});setPrice(p2)}return()=>{setPrice("")}},[lineItem]);const parentProps={price,...p};return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children:props.children}):(0,jsx_runtime_1.jsx)("span",{...p,children:price})}exports.LineItemAmount=LineItemAmount,LineItemAmount.propTypes=propTypes,LineItemAmount.defaultProps=defaultProps,LineItemAmount.displayName=displayName,exports.default=LineItemAmount;

package/lib/cjs/components/{LineItemCode.d.ts → line_items/LineItemCode.d.ts}

@@ -1,11 +1,11 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import { LineItem } from '@commercelayer/sdk';
 export declare type LineItemCodeType = Omit<Props, 'children'> & {
     lineItem: LineItem;
     skuCode: string;
 };
 declare type Props = {
-    children?: (props: LineItemCodeType) => ReactNode;
+    children?: (props: LineItemCodeType) => JSX.Element;
     type?: 'sku_code' | 'bundle_code';
 } & JSX.IntrinsicElements['p'];
 export declare function LineItemCode({ type, children, ...p }: Props): JSX.Element;

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

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