@commercelayer/react-components 2.50.0 → 2.50.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/AddToCartButton.d.ts +1 -1
- package/lib/cjs/components/BillingAddressForm.js +1 -1
- package/lib/cjs/components/GiftCardOrCouponCode.js +1 -1
- package/lib/cjs/components/GiftCardOrCouponRemoveButton.js +1 -1
- package/lib/cjs/components/LineItemCode.d.ts +6 -2
- package/lib/cjs/components/LineItemCode.js +1 -1
- package/lib/cjs/components/LineItemImage.d.ts +4 -2
- package/lib/cjs/components/LineItemImage.js +1 -1
- package/lib/cjs/components/LineItemName.d.ts +4 -2
- package/lib/cjs/components/LineItemName.js +1 -1
- package/lib/cjs/components/ShippingAddressForm.js +1 -1
- package/lib/cjs/components/ShippingMethodRadioButton.d.ts +4 -4
- package/lib/cjs/components/VariantsContainer.js +1 -1
- package/lib/cjs/components/utils/AddressCardsTemplate.d.ts +1 -1
- package/lib/cjs/components/utils/PaymentCardsTemplate.d.ts +1 -1
- package/lib/cjs/config/components.js +1 -1
- package/lib/cjs/index.d.ts +7 -4
- package/lib/cjs/reducers/PlaceOrderReducer.js +1 -1
- package/lib/cjs/utils/addressesManager.js +1 -1
- package/lib/esm/components/AddToCartButton.d.ts +1 -1
- package/lib/esm/components/BillingAddressForm.js +1 -1
- package/lib/esm/components/GiftCardOrCouponCode.js +1 -1
- package/lib/esm/components/GiftCardOrCouponRemoveButton.js +1 -1
- package/lib/esm/components/LineItemCode.d.ts +6 -2
- package/lib/esm/components/LineItemCode.js +1 -1
- package/lib/esm/components/LineItemImage.d.ts +4 -2
- package/lib/esm/components/LineItemImage.js +1 -1
- package/lib/esm/components/LineItemName.d.ts +4 -2
- package/lib/esm/components/LineItemName.js +1 -1
- package/lib/esm/components/ShippingAddressForm.js +1 -1
- package/lib/esm/components/ShippingMethodRadioButton.d.ts +4 -4
- package/lib/esm/components/VariantsContainer.js +1 -1
- package/lib/esm/components/utils/AddressCardsTemplate.d.ts +1 -1
- package/lib/esm/components/utils/PaymentCardsTemplate.d.ts +1 -1
- package/lib/esm/config/components.js +1 -1
- package/lib/esm/index.d.ts +7 -4
- package/lib/esm/reducers/PlaceOrderReducer.js +1 -1
- package/lib/esm/utils/addressesManager.js +1 -1
- package/lib/tsconfig.prod.esm.tsbuildinfo +1 -1
- package/lib/tsconfig.prod.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ declare type ChildrenProps = {
|
|
|
6
6
|
handleClick: () => AddToCartReturn;
|
|
7
7
|
} & Omit<AddToCartButtonProps, 'children'>;
|
|
8
8
|
declare type AddToCartButtonChildrenProps = FunctionChildren<ChildrenProps>;
|
|
9
|
-
export declare type
|
|
9
|
+
export declare type AddToCartButtonType = ChildrenProps;
|
|
10
10
|
declare type AddToCartButtonProps = {
|
|
11
11
|
children?: AddToCartButtonChildrenProps;
|
|
12
12
|
label?: string | ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext")),rapid_form_1=(0,tslib_1.__importDefault)(require("rapid-form")),react_1=require("react"),BillingAddressFormContext_1=(0,tslib_1.__importDefault)(require("../context/BillingAddressFormContext")),lodash_1=require("lodash"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),propTypes=components_1.default.BillingAddressForm.propTypes,BillingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=(0,tslib_1.__rest)(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=(0,rapid_form_1.default)(),{setAddressErrors,setAddress}=(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)(()=>{var _a;if((include==null?void 0:include.includes("billing_address"))?(includeLoaded==null?void 0:includeLoaded.billing_address)||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),(0,lodash_1.isEmpty)(errors)){if(!(0,lodash_1.isEmpty)(values)){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values,resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["billing_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(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")}reset&&(!(0,lodash_1.isEmpty)(values)||!(0,lodash_1.isEmpty)(errors))&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&((
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext")),rapid_form_1=(0,tslib_1.__importDefault)(require("rapid-form")),react_1=require("react"),BillingAddressFormContext_1=(0,tslib_1.__importDefault)(require("../context/BillingAddressFormContext")),lodash_1=require("lodash"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),localStorage_1=require("../utils/localStorage"),propTypes=components_1.default.BillingAddressForm.propTypes,BillingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=(0,tslib_1.__rest)(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=(0,rapid_form_1.default)(),{setAddressErrors,setAddress}=(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)(()=>{var _a,_b,_c;if((include==null?void 0:include.includes("billing_address"))?(includeLoaded==null?void 0:includeLoaded.billing_address)||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),(0,lodash_1.isEmpty)(errors)){if(!(0,lodash_1.isEmpty)(values)){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values,resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["billing_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(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")}const checkboxChecked=((_b=(_a=ref.current)===null||_a===void 0?void 0:_a.querySelector('[name="billing_address_save_to_customer_book"]'))===null||_b===void 0?void 0:_b.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&&((_c=ref.current)===null||_c===void 0||_c.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"})))},[errors,values,reset,include,includeLoaded]);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==null?void 0:order.requires_billing_info)||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return(0,jsx_runtime_1.jsx)(BillingAddressFormContext_1.default.Provider,Object.assign({value:providerValues},{children:(0,jsx_runtime_1.jsx)("form",Object.assign({ref,autoComplete},p,{children}),void 0)}),void 0)};BillingAddressForm.propTypes=propTypes,exports.default=BillingAddressForm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponCode.propTypes,displayName=components_1.default.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=(0,tslib_1.__rest)(_a,["children","type"]);const{order}=(0,react_1.useContext)(OrderContext_1.default);let codeType=type&&`${type}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponCode.propTypes,displayName=components_1.default.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=(0,tslib_1.__rest)(_a,["children","type"]);const{order}=(0,react_1.useContext)(OrderContext_1.default);let codeType=type&&`${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),parentProps=Object.assign(Object.assign({},props),{code,hide});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):hide?null:(0,jsx_runtime_1.jsx)("span",Object.assign({},props,{children:code}),void 0)};GiftCardOrCouponCode.propTypes=propTypes,GiftCardOrCouponCode.displayName=displayName,exports.default=GiftCardOrCouponCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponRemoveButton.propTypes,displayName=components_1.default.GiftCardOrCouponRemoveButton.displayName,GiftCardOrCouponRemoveButton=props=>{const{children,label="Remove",onClick,type}=props,p=(0,tslib_1.__rest)(props,["children","label","onClick","type"]),{order,removeGiftCardOrCouponCode}=(0,react_1.useContext)(OrderContext_1.default);let codeType=`${type}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),lodash_1=require("lodash"),propTypes=components_1.default.GiftCardOrCouponRemoveButton.propTypes,displayName=components_1.default.GiftCardOrCouponRemoveButton.displayName,GiftCardOrCouponRemoveButton=props=>{const{children,label="Remove",onClick,type}=props,p=(0,tslib_1.__rest)(props,["children","label","onClick","type"]),{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=()=>{removeGiftCardOrCouponCode&&removeGiftCardOrCouponCode({codeType}),onClick&&onClick()},parentProps=Object.assign(Object.assign({},p),{label,handleClick,codeType});return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):hide?null:(0,jsx_runtime_1.jsx)("button",Object.assign({type:"button",onClick:handleClick},p,{children:label}),void 0)};GiftCardOrCouponRemoveButton.propTypes=propTypes,GiftCardOrCouponRemoveButton.displayName=displayName,exports.default=GiftCardOrCouponRemoveButton;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemCodeType = Omit<LineItemNameProps, 'children'> & {
|
|
4
|
+
lineItem: LineItem;
|
|
5
|
+
skuCode: string;
|
|
6
|
+
};
|
|
3
7
|
declare type LineItemNameProps = {
|
|
4
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemCodeType) => ReactNode;
|
|
5
9
|
type?: 'sku_code' | 'bundle_code';
|
|
6
10
|
} & JSX.IntrinsicElements['p'];
|
|
7
11
|
declare const LineItemCode: FunctionComponent<LineItemNameProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemCode.propTypes,displayName=components_1.default.LineItemCode.displayName,LineItemCode=_a=>{var{type="sku_code",children}=_a,p=(0,tslib_1.__rest)(_a,["type","children"]);const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),labelName=lineItem==null?void 0:lineItem[type],parentProps=Object.assign({},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):(0,jsx_runtime_1.jsx)("p",Object.assign({},p,{children:labelName}),void 0)};LineItemCode.propTypes=propTypes,LineItemCode.displayName=displayName,exports.default=LineItemCode;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemCode.propTypes,displayName=components_1.default.LineItemCode.displayName,LineItemCode=_a=>{var{type="sku_code",children}=_a,p=(0,tslib_1.__rest)(_a,["type","children"]);const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),labelName=lineItem==null?void 0:lineItem[type],parentProps=Object.assign({lineItem,skuCode:labelName},p);return children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children}),void 0):(0,jsx_runtime_1.jsx)("p",Object.assign({},p,{children:labelName}),void 0)};LineItemCode.propTypes=propTypes,LineItemCode.displayName=displayName,exports.default=LineItemCode;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemImageType = Omit<LineItemImageProps, 'children'> & {
|
|
3
4
|
src: string;
|
|
5
|
+
lineItem: LineItem;
|
|
4
6
|
};
|
|
5
7
|
declare type LineItemImageProps = {
|
|
6
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemImageType) => ReactNode;
|
|
7
9
|
width?: number;
|
|
8
10
|
} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet'>;
|
|
9
11
|
declare const LineItemImage: FunctionComponent<LineItemImageProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemImage.propTypes,displayName=components_1.default.LineItemImage.displayName,LineItemImage=props=>{const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),src=lineItem==null?void 0:lineItem.image_url,parenProps=Object.assign({src},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parenProps,{children:props.children}),void 0):(0,jsx_runtime_1.jsx)("img",Object.assign({alt:"",src},props),void 0)};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName,exports.default=LineItemImage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemImage.propTypes,displayName=components_1.default.LineItemImage.displayName,LineItemImage=props=>{const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),src=lineItem==null?void 0:lineItem.image_url,parenProps=Object.assign({lineItem,src},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parenProps,{children:props.children}),void 0):(0,jsx_runtime_1.jsx)("img",Object.assign({alt:"",src},props),void 0)};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName,exports.default=LineItemImage;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemNameType = Omit<LineItemNameProps, 'children'> & {
|
|
3
4
|
label: string;
|
|
5
|
+
lineItem: LineItem;
|
|
4
6
|
};
|
|
5
7
|
declare type LineItemNameProps = {
|
|
6
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemNameType) => ReactNode;
|
|
7
9
|
} & JSX.IntrinsicElements['p'];
|
|
8
10
|
declare const LineItemName: FunctionComponent<LineItemNameProps>;
|
|
9
11
|
export default LineItemName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemName.propTypes,displayName=components_1.default.LineItemName.displayName,LineItemName=props=>{const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),label=lineItem==null?void 0:lineItem.name,parentProps=Object.assign({label},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children}),void 0):(0,jsx_runtime_1.jsx)("p",Object.assign({},props,{children:label}),void 0)};LineItemName.propTypes=propTypes,LineItemName.displayName=displayName,exports.default=LineItemName;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),LineItemChildrenContext_1=(0,tslib_1.__importDefault)(require("../context/LineItemChildrenContext")),Parent_1=(0,tslib_1.__importDefault)(require("./utils/Parent")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.LineItemName.propTypes,displayName=components_1.default.LineItemName.displayName,LineItemName=props=>{const{lineItem}=(0,react_1.useContext)(LineItemChildrenContext_1.default),label=lineItem==null?void 0:lineItem.name,parentProps=Object.assign({label,lineItem},props);return props.children?(0,jsx_runtime_1.jsx)(Parent_1.default,Object.assign({},parentProps,{children:props.children}),void 0):(0,jsx_runtime_1.jsx)("p",Object.assign({},props,{children:label}),void 0)};LineItemName.propTypes=propTypes,LineItemName.displayName=displayName,exports.default=LineItemName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext")),rapid_form_1=(0,tslib_1.__importDefault)(require("rapid-form")),react_1=require("react"),ShippingAddressFormContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingAddressFormContext")),lodash_1=require("lodash"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),propTypes=components_1.default.ShippingAddressForm.propTypes,ShippingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=(0,tslib_1.__rest)(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=(0,rapid_form_1.default)(),{setAddressErrors,setAddress,shipToDifferentAddress}=(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)(()=>{var _a;if((include==null?void 0:include.includes("shipping_address"))?(includeLoaded==null?void 0: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];(field==null?void 0:field.value)&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values,resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["shipping_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(values.state_code)?delete errors[fieldName]:formErrors.push({code,message,resource:"shipping_address",field:fieldName}):formErrors.push({code,message,resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}reset&&(!(0,lodash_1.isEmpty)(values)||!(0,lodash_1.isEmpty)(errors))&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&((
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=(0,tslib_1.__importDefault)(require("../context/AddressContext")),rapid_form_1=(0,tslib_1.__importDefault)(require("rapid-form")),react_1=require("react"),ShippingAddressFormContext_1=(0,tslib_1.__importDefault)(require("../context/ShippingAddressFormContext")),lodash_1=require("lodash"),components_1=(0,tslib_1.__importDefault)(require("../config/components")),OrderContext_1=(0,tslib_1.__importDefault)(require("../context/OrderContext")),localStorage_1=require("../utils/localStorage"),propTypes=components_1.default.ShippingAddressForm.propTypes,ShippingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=(0,tslib_1.__rest)(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=(0,rapid_form_1.default)(),{setAddressErrors,setAddress,shipToDifferentAddress}=(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)(()=>{var _a,_b,_c;if((include==null?void 0:include.includes("shipping_address"))?(includeLoaded==null?void 0: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];(field==null?void 0:field.value)&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values,resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["shipping_address_state_code"].includes(fieldName)?(0,lodash_1.isEmpty)(values.state_code)?delete errors[fieldName]:formErrors.push({code,message,resource:"shipping_address",field:fieldName}):formErrors.push({code,message,resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=((_b=(_a=ref.current)===null||_a===void 0?void 0:_a.querySelector('[name="shipping_address_save_to_customer_book"]'))===null||_b===void 0?void 0:_b.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&&((_c=ref.current)===null||_c===void 0||_c.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:Object.assign(Object.assign({},values),field),resource:"shipping_address"})},errorClassName,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return(0,jsx_runtime_1.jsx)(ShippingAddressFormContext_1.default.Provider,Object.assign({value:providerValues},{children:(0,jsx_runtime_1.jsx)("form",Object.assign({ref,autoComplete},p,{children}),void 0)}),void 0)};ShippingAddressForm.propTypes=propTypes,exports.default=ShippingAddressForm;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { ShippingMethod } from '@commercelayer/sdk';
|
|
3
|
-
export declare type
|
|
3
|
+
export declare type ShippingMethodRadioButtonType = Omit<ShippingMethodRadioButtonProps, 'children'> & {
|
|
4
4
|
shippingMethod: ShippingMethod;
|
|
5
5
|
shipmentId: string;
|
|
6
6
|
};
|
|
7
|
-
export declare type
|
|
7
|
+
export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
|
|
8
8
|
declare type ShippingMethodRadioButtonProps = {
|
|
9
|
-
children?: (props:
|
|
10
|
-
onChange?:
|
|
9
|
+
children?: (props: ShippingMethodRadioButtonType) => ReactNode;
|
|
10
|
+
onChange?: ShippingMethodRadioButtonOnChangeType;
|
|
11
11
|
} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
|
|
12
12
|
declare const ShippingMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
|
|
13
13
|
export default ShippingMethodRadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantReducer_1=(0,tslib_1.__importStar)(require("../reducers/VariantReducer")),CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext")),VariantsContext_1=(0,tslib_1.__importDefault)(require("../context/VariantsContext")),VariantReducer_2=require("../reducers/VariantReducer"),lodash_1=require("lodash"),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.VariantsContainer.propTypes,defaultProps=components_1.default.VariantsContainer.defaultProps,displayName=components_1.default.VariantsContainer.displayName,VariantsContainer=props=>{const{children,skuCode="",filters={}}=props,config=(0,react_1.useContext)(CommerceLayerContext_1.default),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),[state,dispatch]=(0,react_1.useReducer)(VariantReducer_1.default,VariantReducer_1.variantInitialState),sCode=(0,getCurrentItemKey_1.default)(currentItem)||skuCode||state.skuCode||itemSkuCode||"";(0,react_1.useEffect)(()=>{if(!(0,lodash_1.isEmpty)(items)&&!(0,lodash_1.isEmpty)(state.variants)&&!(0,lodash_1.isEqual)(items,state.variants)){const mergeItems=Object.assign(Object.assign({},items),state.variants);setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),(0,VariantReducer_1.getVariants)({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>(0,VariantReducer_1.unsetVariantState)(dispatch)},[config]);const variantValue=Object.assign(Object.assign({},state),{skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{(0,lodash_1.isEmpty)(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),(0,VariantReducer_1.setSkuCode)({code,id,config,setItem,dispatch})},setSkuCodes:skuCodes=>(0,VariantReducer_2.setVariantSkuCodes)({skuCodes,dispatch,setCustomLineItems})});return(0,jsx_runtime_1.jsx)(VariantsContext_1.default.Provider,Object.assign({value:variantValue},{children}),void 0)};VariantsContainer.propTypes=propTypes,VariantsContainer.defaultProps=defaultProps,VariantsContainer.displayName=displayName,exports.default=VariantsContainer;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VariantReducer_1=(0,tslib_1.__importStar)(require("../reducers/VariantReducer")),CommerceLayerContext_1=(0,tslib_1.__importDefault)(require("../context/CommerceLayerContext")),VariantsContext_1=(0,tslib_1.__importDefault)(require("../context/VariantsContext")),VariantReducer_2=require("../reducers/VariantReducer"),lodash_1=require("lodash"),getCurrentItemKey_1=(0,tslib_1.__importDefault)(require("../utils/getCurrentItemKey")),ItemContext_1=(0,tslib_1.__importDefault)(require("../context/ItemContext")),components_1=(0,tslib_1.__importDefault)(require("../config/components")),propTypes=components_1.default.VariantsContainer.propTypes,defaultProps=components_1.default.VariantsContainer.defaultProps,displayName=components_1.default.VariantsContainer.displayName,VariantsContainer=props=>{const{children,skuCode="",filters={}}=props,config=(0,react_1.useContext)(CommerceLayerContext_1.default),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode}=(0,react_1.useContext)(ItemContext_1.default),[state,dispatch]=(0,react_1.useReducer)(VariantReducer_1.default,VariantReducer_1.variantInitialState),sCode=(0,getCurrentItemKey_1.default)(currentItem)||skuCode||state.skuCode||itemSkuCode||"";(0,react_1.useEffect)(()=>{if(!(0,lodash_1.isEmpty)(items)&&!(0,lodash_1.isEmpty)(state.variants)&&!(0,lodash_1.isEqual)(items,state.variants)){const mergeItems=Object.assign(Object.assign({},items),state.variants);setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),(0,VariantReducer_1.getVariants)({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>(0,VariantReducer_1.unsetVariantState)(dispatch)},[config.accessToken]);const variantValue=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},state),{skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{(0,lodash_1.isEmpty)(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),(0,VariantReducer_1.setSkuCode)({code,id,config,setItem,dispatch})},setSkuCodes:skuCodes=>(0,VariantReducer_2.setVariantSkuCodes)({skuCodes,dispatch,setCustomLineItems})}),[state]);return(0,jsx_runtime_1.jsx)(VariantsContext_1.default.Provider,Object.assign({value:variantValue},{children}),void 0)};VariantsContainer.propTypes=propTypes,VariantsContainer.defaultProps=defaultProps,VariantsContainer.displayName=displayName,exports.default=VariantsContainer;
|
|
@@ -10,7 +10,7 @@ export declare type CustomerAddress = Address & {
|
|
|
10
10
|
handleSelect?: () => void;
|
|
11
11
|
};
|
|
12
12
|
export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
|
|
13
|
-
export declare type
|
|
13
|
+
export declare type AddressCardsType = ChildrenProps;
|
|
14
14
|
declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean) => void;
|
|
15
15
|
declare type Props = {
|
|
16
16
|
customerAddresses: CustomerAddress[];
|
|
@@ -13,7 +13,7 @@ declare type CustomerPayment = PaymentSourceType & {
|
|
|
13
13
|
handleClick?: () => void;
|
|
14
14
|
};
|
|
15
15
|
export declare type CustomerCardsTemplateChildren = FunctionChildren<ChildrenProps>;
|
|
16
|
-
export declare type
|
|
16
|
+
export declare type CustomerCardsType = ChildrenProps;
|
|
17
17
|
declare type Props = {
|
|
18
18
|
customerPayments: CustomerPayment[];
|
|
19
19
|
children: CustomerCardsTemplateChildren;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),prop_types_1=(0,tslib_1.__importDefault)(require("prop-types")),childrenTypes_1=(0,tslib_1.__importDefault)(require("../utils/childrenTypes")),_typings_1=require("../typings/index"),errors_1=require("../typings/errors"),index_1=require("../typings/index"),components={Address:{permittedChildren:["AddressField","ReactNode"],displayName:"Address",propTypes:{children:childrenTypes_1.default.isRequired}},AddressCountrySelector:{displayName:"AddressCountrySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_country_code","shipping_address_country_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressStateSelector:{displayName:"AddressStateSelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_state_code","shipping_address_state_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressField:{displayName:"AddressField",propTypes:{children:prop_types_1.default.func}},AddressInput:{displayName:"AddressInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["billing_address_city","billing_address_company","billing_address_email","billing_address_first_name","billing_address_last_name","billing_address_line_1","billing_address_line_2","billing_address_phone","billing_address_state_code","billing_address_zip_code","billing_address_billing_info","billing_address_save_to_customer_book","shipping_address_city","shipping_address_company","shipping_address_email","shipping_address_first_name","shipping_address_last_name","shipping_address_line_1","shipping_address_line_2","shipping_address_phone","shipping_address_state_code","shipping_address_zip_code","shipping_address_save_to_customer_book"]).isRequired,type:prop_types_1.default.oneOf(["checkbox","date","email","number","tel","text","textarea"]).isRequired,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddToCartButton:{displayName:"AddToCartButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})},defaultProps:{label:"Add to cart"}},AddressesContainer:{displayName:"AddressesContainer",permittedChildren:["BillingAddressForm","BillingAddressContainer","ShippingAddressForm","ShippingAddressContainer","SaveAddressesButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,shipToDifferentAddress:prop_types_1.default.bool}},AvailabilityContainer:{displayName:"AvailabilityContainer",permittedChildren:["AvailabilityTemplate","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},AvailabilityTemplate:{displayName:"AvailabilityTemplate",propTypes:{timeFormat:prop_types_1.default.oneOf(["days","hours"]),showShippingMethodName:prop_types_1.default.bool,children:prop_types_1.default.func},defaultProps:{timeFormat:"days",showShippingMethodName:!1}},BillingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},BillingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},CheckoutLink:{displayName:"CheckoutLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Checkout"}},CommerceLayer:{permittedChildren:["OrderContainer","OrderStorage","PricesContainer","GiftCardContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,accessToken:prop_types_1.default.string.isRequired,endpoint:prop_types_1.default.string.isRequired}},CustomerContainer:{displayName:"CustomerContainer",permittedChildren:["CustomerInput","SaveCustomerButton","AddressesContainer","PaymentMethodsContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,isGuest:prop_types_1.default.bool}},CustomerInput:{displayName:"CustomerInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["customerEmail"]),type:prop_types_1.default.oneOf(["email"]),placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool,saveOnBlur:prop_types_1.default.bool},defaultProps:{required:!0}},DeliveryLeadTime:{displayName:"DeliveryLeadTime",propTypes:{type:prop_types_1.default.oneOf(["max_days","max_hours","min_days","min_hours"]).isRequired,children:prop_types_1.default.func}},DiscountAmount:{displayName:"DiscountAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},Errors:{displayName:"Errors",propTypes:errors_1.ErrorPropTypes,defaultProps:{messages:[],field:"base"}},ExternalFunction:{displayName:"ExternalFunction",permittedChildren:["AddToCartButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,url:prop_types_1.default.string.isRequired}},GiftCard:{permittedChildren:["GiftCardCurrencySelector","GiftCardInput","Errors","MetadataInput","SubmitButton","ReactNode"],displayName:"GiftCard",propTypes:{children:childrenTypes_1.default.isRequired,onSubmit:prop_types_1.default.func},defaultProps:{onSubmit:void 0}},GiftCardAmount:{displayName:"GiftCardAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},GiftCardContainer:{permittedChildren:["GiftCard","Errors","ReactNode"],displayName:"GiftCardContainer",propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardCurrencySelector:{displayName:"GiftCardCurrencySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired,label:prop_types_1.default.string.isRequired}),value:prop_types_1.default.string,required:prop_types_1.default.bool},defaultProps:{required:!0}},GiftCardInput:{displayName:"GiftCardInput",propTypes:{type:prop_types_1.default.oneOf(["text","email","number","date","checkbox"]).isRequired,name:prop_types_1.default.oneOf(["balanceCents","balanceMaxCents","singleUse","rechargeable","imageUrl","expiresAt","referenceOrigin","email","firstName","lastName","reference"]).isRequired,children:prop_types_1.default.func,placeholder:prop_types_1.default.string}},GiftCardOrCouponForm:{permittedChildren:["GiftCardOrCouponInput","GiftCardOrCouponSubmit","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardOrCouponInput:{displayName:"GiftCardOrCouponInput",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool}},GiftCardOrCouponSubmit:{displayName:"GiftCardOrCouponSubmit",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},GiftCardOrCouponCode:{displayName:"GiftCardOrCouponCode",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"])}},GiftCardOrCouponRemoveButton:{displayName:"GiftCardOrCouponRemoveButton",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"]),label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},ItemContainer:{permittedChildren:["PricesContainer","VariantsContainer","SkuOptionContainer","QuantitySelector","AddToCartButton","AvailabilityContainer","SkuListsContainer","ReactNode"],displayName:"ItemContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}},LineItem:{permittedChildren:["AvailabilityContainer","LineItemImage","LineItemName","LineItemOptions","LineItemQuantity","LineItemAmount","LineItemRemoveLink","StockTransfer","Errors","ReactNode"],displayName:"LineItem",propTypes:{children:childrenTypes_1.default.isRequired,type:prop_types_1.default.oneOf(["skus","gift_cards","shipments","payment_methods","promotions","adjustments","bundles"])},defaultProps:{type:"skus"}},LineItemAmount:{displayName:"LineItemAmount",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["total","unit","option"])}),defaultProps:{format:"formatted",type:"total"}},LineItemImage:{displayName:"LineItemImage",propTypes:{width:prop_types_1.default.number,children:prop_types_1.default.func}},LineItemName:{displayName:"LineItemName",propTypes:{children:prop_types_1.default.func}},LineItemCode:{displayName:"LineItemCode",propTypes:{children:prop_types_1.default.func}},LineItemOption:{displayName:"LineItemOption",propTypes:{name:prop_types_1.default.string,children:prop_types_1.default.func,valueClassName:prop_types_1.default.string,className:prop_types_1.default.string,id:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemOptions:{permittedChildren:["LineItemOption","ReactNode"],displayName:"LineItemOptions",propTypes:{children:childrenTypes_1.default.isRequired,title:prop_types_1.default.string,showName:prop_types_1.default.bool,skuOptionId:prop_types_1.default.string}},LineItemQuantity:{displayName:"LineItemQuantity",propTypes:{children:prop_types_1.default.func,max:prop_types_1.default.number,disabled:prop_types_1.default.bool,readonly:prop_types_1.default.bool},defaultProps:{max:50}},LineItemRemoveLink:{displayName:"LineItemRemoveLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Remove"}},LineItemsContainer:{permittedChildren:["LineItemsCount","LineItem","ReactNode"],displayName:"LineItemsContainer",propTypes:{children:childrenTypes_1.default.isRequired,filters:prop_types_1.default.object,loader:_typings_1.PTLoader},defaultProps:{filters:{},loader:"Loading..."}},LineItemsCount:{displayName:"LineItemsCount",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object}},MetadataInput:{displayName:"MetadataInput",propTypes:index_1.BaseInputComponentPropTypes},OrderContainer:{permittedChildren:["AddressesContainer","CustomerContainer","ItemContainer","LineItemsContainer","SubTotalAmount","DiscountAmount","ShippingAmount","TaxesAmount","GiftCardAmount","TotalAmount","CheckoutLink","GiftCardContainer","ShipmentsContainer","PaymentMethodsContainer","PaymentMethodAmount","GiftCardOrCouponForm","GiftCardOrCouponCode","GiftCardOrCouponRemoveButton","Errors","OrderNumber","ReactNode"],displayName:"OrderContainer",propTypes:{children:childrenTypes_1.default.isRequired,orderId:prop_types_1.default.string,metadata:_typings_1.BMObject,attributes:prop_types_1.default.object},defaultProps:{metadata:{}}},OrderNumber:{displayName:"OrderNumber",propTypes:{className:prop_types_1.default.string},defaultProps:{format:"formatted"}},OrderStorage:{permittedChildren:["OrderContainer","ReactNode"],displayName:"OrderStorage",propTypes:{children:childrenTypes_1.default.isRequired,clearWhenPlaced:prop_types_1.default.bool,persistKey:prop_types_1.default.string.isRequired}},PaymentMethod:{permittedChildren:["PaymentMethodName","PaymentMethodRadioButton","PaymentMethodPrice","PaymentSource","ReactNode","Errors"],displayName:"PaymentMethod",propTypes:{children:childrenTypes_1.default.isRequired}},PaymentMethodAmount:{displayName:"PaymentMethodAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},PaymentMethodName:{displayName:"PaymentMethodName",propTypes:{children:prop_types_1.default.func}},PaymentMethodPrice:{displayName:"PaymentMethodPrice",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["amount"])})},PaymentMethodRadioButton:{displayName:"PaymentMethodRadioButton",propTypes:{children:prop_types_1.default.func}},PaymentMethodsContainer:{displayName:"PaymentMethodsContainer",permittedChildren:["PaymentSource","ReactNode","PlaceOrderContainer"],propTypes:{children:childrenTypes_1.default.isRequired}},PaymentSource:{displayName:"PaymentSource",permittedChildren:["PaymentSourceBrandIcon","PaymentSourceBrandName","PaymentSourceEditButton","PaymentSourceDetail","ReactNode"],propTypes:{children:childrenTypes_1.default,readonly:prop_types_1.default.bool}},PaymentSourceBrandIcon:{displayName:"PaymentSourceBrandIcon",propTypes:{children:prop_types_1.default.func,width:prop_types_1.default.number,height:prop_types_1.default.number,src:prop_types_1.default.string,className:prop_types_1.default.string}},PaymentSourceBrandName:{displayName:"PaymentSourceBrandName",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string}},PaymentSourceEditButton:{displayName:"PaymentSourceEditButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])}},PaymentSourceDetail:{displayName:"PaymentSourceDetail",propTypes:{type:prop_types_1.default.oneOf(["last4","expYear","expMonth"]).isRequired}},PlaceOrderButton:{displayName:"PlaceOrderButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Place order"}},PlaceOrderContainer:{displayName:"PlaceOrderContainer",permittedChildren:["PaymentMethod","PlaceOrderButton","PrivacyAndTermsCheckbox","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Price:{displayName:"Price",propTypes:{children:prop_types_1.default.func,compareClassName:prop_types_1.default.string,skuCode:prop_types_1.default.string,showCompare:prop_types_1.default.bool},defaultProps:{skuCode:""}},PricesContainer:{permittedChildren:["Price","ReactNode"],displayName:"PricesContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,loader:_typings_1.PTLoader,perPage:prop_types_1.default.number,filters:prop_types_1.default.object},defaultProps:{perPage:10,filters:{},loader:"Loading...",skuCode:""}},PrivacyAndTermsCheckbox:{displayName:"PrivacyAndTermsCheckbox",propTypes:{children:prop_types_1.default.func}},QuantitySelector:{displayName:"QuantitySelector",propTypes:{children:prop_types_1.default.func,min:prop_types_1.default.number,max:prop_types_1.default.number,value:prop_types_1.default.string,skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool},defaultProps:{min:1}},SaveAddressesButton:{displayName:"SaveAddressesButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func,disabled:prop_types_1.default.bool},defaultProps:{label:"Continue to delivery"}},Shipment:{permittedChildren:["LineItemsContainer","LineItem","ShippingMethod","ReactNode"],displayName:"Shipment",propTypes:{children:childrenTypes_1.default.isRequired}},ShipmentField:{displayName:"ShipmentField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["cost_amount_cents","cost_amount_float","currency_code","formatted_cost_amount","number","status","key_number"]).isRequired}},ShipmentsContainer:{displayName:"ShipmentsContainer",permittedChildren:["Shipment","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SaveCustomerButton:{displayName:"SaveCustomerButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func},defaultProps:{label:"Save"}},ShippingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAmount:{displayName:"ShippingAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},ShippingMethod:{permittedChildren:["ShippingMethodName","ShippingMethodPrice","ShippingMethodRadioButton","DeliveryLeadTime","ReactNode"],displayName:"ShippingMethod",propTypes:{children:childrenTypes_1.default.isRequired,readonly:prop_types_1.default.bool}},ShippingMethodName:{displayName:"ShippingMethodName",propTypes:{children:prop_types_1.default.func}},ShippingMethodRadioButton:{displayName:"ShippingMethodRadioButton",propTypes:{children:prop_types_1.default.func}},ShippingMethodPrice:{displayName:"ShippingMethodPrice",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["amount"])}),defaultProps:{format:"formatted",type:"amount"}},SkuList:{permittedChildren:["AddToCartButton","QuantitySelector","ReactNode"],displayName:"SkuList",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuListsContainer:{permittedChildren:["SkuList","ReactNode"],displayName:"SkuListsContainer",propTypes:{children:childrenTypes_1.default.isRequired}},SkuOption:{permittedChildren:["SkuOptionInput","ReactNode"],displayName:"SkuOption",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuOptionInput:{displayName:"SkuOptionInput",propTypes:index_1.BaseInputComponentPropTypes},SkuOptionsContainer:{permittedChildren:["SkuOption","ReactNode"],displayName:"SkuOptionsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},StockTransfer:{permittedChildren:["StockTransferField","ReactNode"],displayName:"StockTransfer",propTypes:{children:childrenTypes_1.default.isRequired}},StockTransferField:{displayName:"StockTransferField",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["quantity","sku_code"]).isRequired}},SubmitButton:{displayName:"SubmitButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Submit"}},SubTotalAmount:{displayName:"SubTotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TaxesAmount:{displayName:"TaxesAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TotalAmount:{displayName:"TotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},VariantsContainer:{permittedChildren:["VariantSelector","ReactNode"],displayName:"VariantsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,filters:prop_types_1.default.object},defaultProps:{skuCode:"",filters:{}}},VariantSelector:{displayName:"VariantSelector",propTypes:{options:prop_types_1.default.arrayOf(prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,code:prop_types_1.default.string.isRequired,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}).isRequired).isRequired,name:prop_types_1.default.string,children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["select","radio"]),loader:prop_types_1.default.element,placeholder:prop_types_1.default.string,skuCode:prop_types_1.default.string},defaultProps:{placeholder:"Select a variant",type:"select"}}};exports.default=components;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const tslib_1=require("tslib"),prop_types_1=(0,tslib_1.__importDefault)(require("prop-types")),childrenTypes_1=(0,tslib_1.__importDefault)(require("../utils/childrenTypes")),_typings_1=require("../typings/index"),errors_1=require("../typings/errors"),index_1=require("../typings/index"),components={Address:{permittedChildren:["AddressField","ReactNode"],displayName:"Address",propTypes:{children:childrenTypes_1.default.isRequired}},AddressCountrySelector:{displayName:"AddressCountrySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_country_code","shipping_address_country_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressStateSelector:{displayName:"AddressStateSelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired}),value:prop_types_1.default.string,name:prop_types_1.default.oneOf(["billing_address_state_code","shipping_address_state_code"]).isRequired,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddressField:{displayName:"AddressField",propTypes:{children:prop_types_1.default.func}},AddressInput:{displayName:"AddressInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["billing_address_city","billing_address_company","billing_address_email","billing_address_first_name","billing_address_last_name","billing_address_line_1","billing_address_line_2","billing_address_phone","billing_address_state_code","billing_address_zip_code","billing_address_billing_info","billing_address_save_to_customer_book","shipping_address_city","shipping_address_company","shipping_address_email","shipping_address_first_name","shipping_address_last_name","shipping_address_line_1","shipping_address_line_2","shipping_address_phone","shipping_address_state_code","shipping_address_zip_code","shipping_address_save_to_customer_book"]).isRequired,type:prop_types_1.default.oneOf(["checkbox","date","email","number","tel","text","textarea"]).isRequired,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool},defaultProps:{required:!0}},AddToCartButton:{displayName:"AddToCartButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})},defaultProps:{label:"Add to cart"}},AddressesContainer:{displayName:"AddressesContainer",permittedChildren:["BillingAddressForm","BillingAddressContainer","ShippingAddressForm","ShippingAddressContainer","SaveAddressesButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,shipToDifferentAddress:prop_types_1.default.bool}},AvailabilityContainer:{displayName:"AvailabilityContainer",permittedChildren:["AvailabilityTemplate","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},AvailabilityTemplate:{displayName:"AvailabilityTemplate",propTypes:{timeFormat:prop_types_1.default.oneOf(["days","hours"]),showShippingMethodName:prop_types_1.default.bool,children:prop_types_1.default.func},defaultProps:{timeFormat:"days",showShippingMethodName:!1}},BillingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},BillingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},CheckoutLink:{displayName:"CheckoutLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Checkout"}},CommerceLayer:{permittedChildren:["OrderContainer","OrderStorage","PricesContainer","GiftCardContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,accessToken:prop_types_1.default.string.isRequired,endpoint:prop_types_1.default.string.isRequired}},CustomerContainer:{displayName:"CustomerContainer",permittedChildren:["CustomerInput","SaveCustomerButton","AddressesContainer","PaymentMethodsContainer","ShipmentsContainer","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,isGuest:prop_types_1.default.bool}},CustomerInput:{displayName:"CustomerInput",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["customerEmail"]),type:prop_types_1.default.oneOf(["email"]),placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool,saveOnBlur:prop_types_1.default.bool},defaultProps:{required:!0}},DeliveryLeadTime:{displayName:"DeliveryLeadTime",propTypes:{type:prop_types_1.default.oneOf(["max_days","max_hours","min_days","min_hours"]).isRequired,children:prop_types_1.default.func}},DiscountAmount:{displayName:"DiscountAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},Errors:{displayName:"Errors",propTypes:errors_1.ErrorPropTypes,defaultProps:{messages:[],field:"base"}},ExternalFunction:{displayName:"ExternalFunction",permittedChildren:["AddToCartButton","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired,url:prop_types_1.default.string.isRequired}},GiftCard:{permittedChildren:["GiftCardCurrencySelector","GiftCardInput","Errors","MetadataInput","SubmitButton","ReactNode"],displayName:"GiftCard",propTypes:{children:childrenTypes_1.default.isRequired,onSubmit:prop_types_1.default.func},defaultProps:{onSubmit:void 0}},GiftCardAmount:{displayName:"GiftCardAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},GiftCardContainer:{permittedChildren:["GiftCard","Errors","ReactNode"],displayName:"GiftCardContainer",propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardCurrencySelector:{displayName:"GiftCardCurrencySelector",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.shape({value:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.number]).isRequired,label:prop_types_1.default.string.isRequired}),value:prop_types_1.default.string,required:prop_types_1.default.bool},defaultProps:{required:!0}},GiftCardInput:{displayName:"GiftCardInput",propTypes:{type:prop_types_1.default.oneOf(["text","email","number","date","checkbox"]).isRequired,name:prop_types_1.default.oneOf(["balanceCents","balanceMaxCents","singleUse","rechargeable","imageUrl","expiresAt","referenceOrigin","email","firstName","lastName","reference"]).isRequired,children:prop_types_1.default.func,placeholder:prop_types_1.default.string}},GiftCardOrCouponForm:{permittedChildren:["GiftCardOrCouponInput","GiftCardOrCouponSubmit","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},GiftCardOrCouponInput:{displayName:"GiftCardOrCouponInput",propTypes:{children:prop_types_1.default.func,placeholder:prop_types_1.default.string,disabled:prop_types_1.default.bool,required:prop_types_1.default.bool}},GiftCardOrCouponSubmit:{displayName:"GiftCardOrCouponSubmit",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},GiftCardOrCouponCode:{displayName:"GiftCardOrCouponCode",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"])}},GiftCardOrCouponRemoveButton:{displayName:"GiftCardOrCouponRemoveButton",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["coupon","gift_card"]),label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.object])}},ItemContainer:{permittedChildren:["PricesContainer","VariantsContainer","SkuOptionContainer","QuantitySelector","AddToCartButton","AvailabilityContainer","SkuListsContainer","ReactNode"],displayName:"ItemContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}},LineItem:{permittedChildren:["AvailabilityContainer","LineItemImage","LineItemName","LineItemOptions","LineItemQuantity","LineItemAmount","LineItemRemoveLink","StockTransfer","Errors","ReactNode"],displayName:"LineItem",propTypes:{children:childrenTypes_1.default.isRequired,type:prop_types_1.default.oneOf(["skus","gift_cards","shipments","payment_methods","promotions","adjustments","bundles"])},defaultProps:{type:"skus"}},LineItemAmount:{displayName:"LineItemAmount",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["total","unit","option"])}),defaultProps:{format:"formatted",type:"total"}},LineItemImage:{displayName:"LineItemImage",propTypes:{width:prop_types_1.default.number,children:prop_types_1.default.func}},LineItemName:{displayName:"LineItemName",propTypes:{children:prop_types_1.default.func}},LineItemCode:{displayName:"LineItemCode",propTypes:{children:prop_types_1.default.func}},LineItemOption:{displayName:"LineItemOption",propTypes:{name:prop_types_1.default.string,children:prop_types_1.default.func,valueClassName:prop_types_1.default.string,className:prop_types_1.default.string,id:prop_types_1.default.string,style:prop_types_1.default.object}},LineItemOptions:{permittedChildren:["LineItemOption","ReactNode"],displayName:"LineItemOptions",propTypes:{children:childrenTypes_1.default.isRequired,title:prop_types_1.default.string,showName:prop_types_1.default.bool,skuOptionId:prop_types_1.default.string}},LineItemQuantity:{displayName:"LineItemQuantity",propTypes:{children:prop_types_1.default.func,max:prop_types_1.default.number,disabled:prop_types_1.default.bool,readonly:prop_types_1.default.bool},defaultProps:{max:50}},LineItemRemoveLink:{displayName:"LineItemRemoveLink",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string},defaultProps:{label:"Remove"}},LineItemsContainer:{permittedChildren:["LineItemsCount","LineItem","ReactNode"],displayName:"LineItemsContainer",propTypes:{children:childrenTypes_1.default.isRequired,filters:prop_types_1.default.object,loader:_typings_1.PTLoader},defaultProps:{filters:{},loader:"Loading..."}},LineItemsCount:{displayName:"LineItemsCount",propTypes:{children:prop_types_1.default.func,id:prop_types_1.default.string,className:prop_types_1.default.string,name:prop_types_1.default.string,style:prop_types_1.default.object}},MetadataInput:{displayName:"MetadataInput",propTypes:index_1.BaseInputComponentPropTypes},OrderContainer:{permittedChildren:["AddressesContainer","CustomerContainer","ItemContainer","LineItemsContainer","SubTotalAmount","DiscountAmount","ShippingAmount","TaxesAmount","GiftCardAmount","TotalAmount","CheckoutLink","GiftCardContainer","ShipmentsContainer","PaymentMethodsContainer","PaymentMethodAmount","GiftCardOrCouponForm","GiftCardOrCouponCode","GiftCardOrCouponRemoveButton","Errors","OrderNumber","ReactNode"],displayName:"OrderContainer",propTypes:{children:childrenTypes_1.default.isRequired,orderId:prop_types_1.default.string,metadata:_typings_1.BMObject,attributes:prop_types_1.default.object},defaultProps:{metadata:{}}},OrderNumber:{displayName:"OrderNumber",propTypes:{className:prop_types_1.default.string},defaultProps:{format:"formatted"}},OrderStorage:{permittedChildren:["OrderContainer","ReactNode"],displayName:"OrderStorage",propTypes:{children:childrenTypes_1.default.isRequired,clearWhenPlaced:prop_types_1.default.bool,persistKey:prop_types_1.default.string.isRequired}},PaymentMethod:{permittedChildren:["PaymentMethodName","PaymentMethodRadioButton","PaymentMethodPrice","PaymentSource","ReactNode","Errors"],displayName:"PaymentMethod",propTypes:{children:childrenTypes_1.default.isRequired}},PaymentMethodAmount:{displayName:"PaymentMethodAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},PaymentMethodName:{displayName:"PaymentMethodName",propTypes:{children:prop_types_1.default.func}},PaymentMethodPrice:{displayName:"PaymentMethodPrice",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["amount"])})},PaymentMethodRadioButton:{displayName:"PaymentMethodRadioButton",propTypes:{children:prop_types_1.default.func}},PaymentMethodsContainer:{displayName:"PaymentMethodsContainer",permittedChildren:["PaymentSource","ReactNode","PlaceOrderContainer"],propTypes:{children:childrenTypes_1.default.isRequired}},PaymentSource:{displayName:"PaymentSource",permittedChildren:["PaymentSourceBrandIcon","PaymentSourceBrandName","PaymentSourceEditButton","PaymentSourceDetail","ReactNode"],propTypes:{children:childrenTypes_1.default,readonly:prop_types_1.default.bool}},PaymentSourceBrandIcon:{displayName:"PaymentSourceBrandIcon",propTypes:{children:prop_types_1.default.func,width:prop_types_1.default.number,height:prop_types_1.default.number,src:prop_types_1.default.string,className:prop_types_1.default.string}},PaymentSourceBrandName:{displayName:"PaymentSourceBrandName",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.string}},PaymentSourceEditButton:{displayName:"PaymentSourceEditButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])}},PaymentSourceDetail:{displayName:"PaymentSourceDetail",propTypes:{type:prop_types_1.default.oneOf(["last4","expYear","expMonth"]).isRequired}},PlaceOrderButton:{displayName:"PlaceOrderButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Place order"}},PlaceOrderContainer:{displayName:"PlaceOrderContainer",permittedChildren:["PaymentMethod","PlaceOrderButton","PrivacyAndTermsCheckbox","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},Price:{displayName:"Price",propTypes:{children:prop_types_1.default.func,compareClassName:prop_types_1.default.string,skuCode:prop_types_1.default.string,showCompare:prop_types_1.default.bool},defaultProps:{skuCode:""}},PricesContainer:{permittedChildren:["Price","ReactNode"],displayName:"PricesContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,loader:_typings_1.PTLoader,perPage:prop_types_1.default.number,filters:prop_types_1.default.object},defaultProps:{perPage:10,filters:{},loader:"Loading...",skuCode:""}},PrivacyAndTermsCheckbox:{displayName:"PrivacyAndTermsCheckbox",propTypes:{children:prop_types_1.default.func}},QuantitySelector:{displayName:"QuantitySelector",propTypes:{children:prop_types_1.default.func,min:prop_types_1.default.number,max:prop_types_1.default.number,value:prop_types_1.default.string,skuCode:prop_types_1.default.string,disabled:prop_types_1.default.bool},defaultProps:{min:1}},SaveAddressesButton:{displayName:"SaveAddressesButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func,disabled:prop_types_1.default.bool},defaultProps:{label:"Continue to delivery"}},Shipment:{permittedChildren:["LineItemsContainer","LineItem","ShippingMethod","ReactNode"],displayName:"Shipment",propTypes:{children:childrenTypes_1.default.isRequired}},ShipmentField:{displayName:"ShipmentField",propTypes:{children:prop_types_1.default.func,name:prop_types_1.default.oneOf(["cost_amount_cents","cost_amount_float","currency_code","formatted_cost_amount","number","status","key_number"]).isRequired}},ShipmentsContainer:{displayName:"ShipmentsContainer",permittedChildren:["Shipment","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAddressContainer:{permittedChildren:["Address","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},SaveCustomerButton:{displayName:"SaveCustomerButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element]),onClick:prop_types_1.default.func},defaultProps:{label:"Save"}},ShippingAddressForm:{permittedChildren:["AddressInput","ReactNode"],propTypes:{children:childrenTypes_1.default.isRequired}},ShippingAmount:{displayName:"ShippingAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes},ShippingMethod:{permittedChildren:["ShippingMethodName","ShippingMethodPrice","ShippingMethodRadioButton","DeliveryLeadTime","ReactNode"],displayName:"ShippingMethod",propTypes:{children:childrenTypes_1.default.isRequired,readonly:prop_types_1.default.bool}},ShippingMethodName:{displayName:"ShippingMethodName",propTypes:{children:prop_types_1.default.func}},ShippingMethodRadioButton:{displayName:"ShippingMethodRadioButton",propTypes:{children:prop_types_1.default.func}},ShippingMethodPrice:{displayName:"ShippingMethodPrice",propTypes:Object.assign(Object.assign({},_typings_1.baseOrderComponentPricePropTypes),{type:prop_types_1.default.oneOf(["amount"])}),defaultProps:{format:"formatted",type:"amount"}},SkuList:{permittedChildren:["AddToCartButton","QuantitySelector","ReactNode"],displayName:"SkuList",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuListsContainer:{permittedChildren:["SkuList","ReactNode"],displayName:"SkuListsContainer",propTypes:{children:childrenTypes_1.default.isRequired}},SkuOption:{permittedChildren:["SkuOptionInput","ReactNode"],displayName:"SkuOption",propTypes:{children:childrenTypes_1.default.isRequired,id:prop_types_1.default.string.isRequired}},SkuOptionInput:{displayName:"SkuOptionInput",propTypes:index_1.BaseInputComponentPropTypes},SkuOptionsContainer:{permittedChildren:["SkuOption","ReactNode"],displayName:"SkuOptionsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string}},StockTransfer:{permittedChildren:["StockTransferField","ReactNode"],displayName:"StockTransfer",propTypes:{children:childrenTypes_1.default.isRequired}},StockTransferField:{displayName:"StockTransferField",propTypes:{children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["quantity","sku_code"]).isRequired}},SubmitButton:{displayName:"SubmitButton",propTypes:{children:prop_types_1.default.func,label:prop_types_1.default.oneOfType([prop_types_1.default.string,prop_types_1.default.element])},defaultProps:{label:"Submit"}},SubTotalAmount:{displayName:"SubTotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TaxesAmount:{displayName:"TaxesAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},TotalAmount:{displayName:"TotalAmount",propTypes:_typings_1.baseOrderComponentPricePropTypes,defaultProps:{format:"formatted"}},VariantsContainer:{permittedChildren:["VariantSelector","ReactNode"],displayName:"VariantsContainer",propTypes:{children:childrenTypes_1.default.isRequired,skuCode:prop_types_1.default.string,filters:prop_types_1.default.object},defaultProps:{skuCode:"",filters:{}}},VariantSelector:{displayName:"VariantSelector",propTypes:{options:prop_types_1.default.arrayOf(prop_types_1.default.shape({label:prop_types_1.default.string.isRequired,code:prop_types_1.default.string.isRequired,lineItem:prop_types_1.default.shape({name:prop_types_1.default.string.isRequired,imageUrl:prop_types_1.default.string})}).isRequired).isRequired,name:prop_types_1.default.string,children:prop_types_1.default.func,type:prop_types_1.default.oneOf(["select","radio"]),loader:prop_types_1.default.element,placeholder:prop_types_1.default.string,skuCode:prop_types_1.default.string},defaultProps:{placeholder:"Select a variant",type:"select"}}};exports.default=components;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -85,7 +85,10 @@ export { default as TaxesAmount } from './components/TaxesAmount';
|
|
|
85
85
|
export { default as TotalAmount } from './components/TotalAmount';
|
|
86
86
|
export { default as VariantSelector } from './components/VariantSelector';
|
|
87
87
|
export { default as VariantsContainer } from './components/VariantsContainer';
|
|
88
|
-
export type {
|
|
89
|
-
export type {
|
|
90
|
-
export type {
|
|
91
|
-
export type {
|
|
88
|
+
export type { CustomerCardsType } from './components/utils/PaymentCardsTemplate';
|
|
89
|
+
export type { AddressCardsType } from './components/utils/AddressCardsTemplate';
|
|
90
|
+
export type { AddToCartButtonType } from './components/AddToCartButton';
|
|
91
|
+
export type { ShippingMethodRadioButtonType, ShippingMethodRadioButtonOnChangeType, } from './components/ShippingMethodRadioButton';
|
|
92
|
+
export type { LineItemCodeType } from './components/LineItemCode';
|
|
93
|
+
export type { LineItemNameType } from './components/LineItemName';
|
|
94
|
+
export type { LineItemImageType } from './components/LineItemImage';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setPlaceOrder=exports.placeOrderPermitted=exports.setPlaceOrderErrors=exports.placeOrderInitialState=void 0;const tslib_1=require("tslib"),baseReducer_1=(0,tslib_1.__importDefault)(require("../utils/baseReducer")),isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty")),shipments_1=require("../utils/shipments"),customerOrderOptions_1=require("../utils/customerOrderOptions"),getSdk_1=(0,tslib_1.__importDefault)(require("../utils/getSdk")),getErrors_1=(0,tslib_1.__importDefault)(require("../utils/getErrors"));exports.placeOrderInitialState={errors:[],isPermitted:!1};const setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setPlaceOrderErrors=setPlaceOrderErrors;const placeOrderPermitted=async({config,order,dispatch,options})=>{var _a;if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address;(0,isEmpty_1.default)(billingAddress)&&(isPermitted=!1);const shippingAddress=order.shipping_address;(0,isEmpty_1.default)(shippingAddress)&&(isPermitted=!1);const shipments=order.shipments,shipment=shipments&&(0,shipments_1.shipmentsFilled)(shipments);!(0,isEmpty_1.default)(shipments)&&!shipment&&(isPermitted=!1);const paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&(0,isEmpty_1.default)(paymentMethod==null?void 0:paymentMethod.id)&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod==null?void 0:paymentMethod.payment_source_type,paymentSecret:paymentSource==null?void 0:paymentSource.client_secret,paymentId:(_a=paymentSource==null?void 0:paymentSource.options)===null||_a===void 0?void 0:_a.id,paymentSource,options}})}};exports.placeOrderPermitted=placeOrderPermitted;const setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource})=>{const response={placed:!1};try{if(state&&order&&config
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setPlaceOrder=exports.placeOrderPermitted=exports.setPlaceOrderErrors=exports.placeOrderInitialState=void 0;const tslib_1=require("tslib"),baseReducer_1=(0,tslib_1.__importDefault)(require("../utils/baseReducer")),isEmpty_1=(0,tslib_1.__importDefault)(require("lodash/isEmpty")),shipments_1=require("../utils/shipments"),customerOrderOptions_1=require("../utils/customerOrderOptions"),getSdk_1=(0,tslib_1.__importDefault)(require("../utils/getSdk")),getErrors_1=(0,tslib_1.__importDefault)(require("../utils/getErrors"));exports.placeOrderInitialState={errors:[],isPermitted:!1};const setPlaceOrderErrors=(errors,dispatch)=>{dispatch&&dispatch({type:"setErrors",payload:{errors}})};exports.setPlaceOrderErrors=setPlaceOrderErrors;const placeOrderPermitted=async({config,order,dispatch,options})=>{var _a;if(order&&config){let isPermitted=!0;order.privacy_url&&order.terms_url&&(isPermitted=localStorage.getItem("privacy-terms")==="true");const billingAddress=order.billing_address;(0,isEmpty_1.default)(billingAddress)&&(isPermitted=!1);const shippingAddress=order.shipping_address;(0,isEmpty_1.default)(shippingAddress)&&(isPermitted=!1);const shipments=order.shipments,shipment=shipments&&(0,shipments_1.shipmentsFilled)(shipments);!(0,isEmpty_1.default)(shipments)&&!shipment&&(isPermitted=!1);const paymentMethod=order.payment_method,paymentSource=order.payment_source;order.total_amount_with_taxes_cents!==0&&(0,isEmpty_1.default)(paymentMethod==null?void 0:paymentMethod.id)&&(isPermitted=!1),dispatch({type:"setPlaceOrderPermitted",payload:{isPermitted,paymentType:paymentMethod==null?void 0:paymentMethod.payment_source_type,paymentSecret:paymentSource==null?void 0:paymentSource.client_secret,paymentId:(_a=paymentSource==null?void 0:paymentSource.options)===null||_a===void 0?void 0:_a.id,paymentSource,options}})}};exports.placeOrderPermitted=placeOrderPermitted;const setPlaceOrder=async({state,order,config,setOrderErrors,paymentSource})=>{const response={placed:!1};try{if(state&&order&&config){const sdk=(0,getSdk_1.default)(config),{options,paymentType}=state;if(paymentType==="paypal_payments"&&paymentSource){if(!(options==null?void 0:options.paypalPayerId)&&(paymentSource==null?void 0:paymentSource.approval_url))return window.location.href=paymentSource==null?void 0:paymentSource.approval_url,response;await sdk.paypal_payments.update({id:paymentSource.id,paypal_payer_id:options==null?void 0:options.paypalPayerId})}const updateAttributes={id:order.id,_place:!0};switch((0,customerOrderOptions_1.saveBillingAddress)()&&await sdk.orders.update({id:order.id,_save_billing_address_to_customer_address_book:!0}),(0,customerOrderOptions_1.saveShippingAddress)()&&await sdk.orders.update({id:order.id,_save_shipping_address_to_customer_address_book:!0}),paymentType){case"braintree_payments":return(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),await sdk.orders.update(updateAttributes),setOrderErrors&&setOrderErrors([]),{placed:!0};default:return(0,customerOrderOptions_1.saveToWallet)()&&await sdk.orders.update({id:order.id,_save_payment_source_to_customer_wallet:!0}),await sdk.orders.update(updateAttributes),setOrderErrors&&setOrderErrors([]),{placed:!0}}}return response}catch(error){const errors=(0,getErrors_1.default)(error,"orders");return setOrderErrors&&setOrderErrors(errors),Object.assign(Object.assign({},response),{errors})}};exports.setPlaceOrder=setPlaceOrder;const type=["setErrors","setPlaceOrderPermitted"],placeOrderReducer=(state,reducer)=>(0,baseReducer_1.default)(state,reducer,type);exports.default=placeOrderReducer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.countryLockController=exports.shippingAddressController=exports.billingAddressController=void 0;const lodash_1=require("lodash"),validateFormFields_1=require("./validateFormFields"),AddressReducer_1=require("../reducers/AddressReducer"),billingAddressController=({billing_address,billingAddressId,errors,requiresBillingInfo})=>{let billingDisable=!(0,lodash_1.isEmpty)(errors)||(0,lodash_1.isEmpty)(billing_address);if((0,lodash_1.isEmpty)(errors)&&!(0,lodash_1.isEmpty)(billing_address)){let billingInfo=[...AddressReducer_1.addressFields];requiresBillingInfo&&(billingInfo=[...billingInfo,"billing_info"]),billingDisable=!!(billing_address&&(0,validateFormFields_1.fieldsExist)(billing_address,billingInfo))}return billingDisable&&!(0,lodash_1.isEmpty)(billingAddressId)&&(0,lodash_1.isEmpty)(billing_address)&&(billingDisable=!1),billingDisable};exports.billingAddressController=billingAddressController;const shippingAddressController=({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId})=>{let shippingDisable=!!(!billingDisable&&shipToDifferentAddress);return shippingDisable&&(0,lodash_1.isEmpty)(errors)&&!(0,lodash_1.isEmpty)(shipping_address)&&(shippingDisable=!!(shipping_address&&(0,validateFormFields_1.fieldsExist)(shipping_address))),shippingDisable&&!(0,lodash_1.isEmpty)(shippingAddressId)&&(0,lodash_1.isEmpty)(shipping_address)&&(shippingDisable=!1),shippingDisable};exports.shippingAddressController=shippingAddressController;const countryLockController=({addresses,billing_address,billingAddressId,countryCodeLock,shipToDifferentAddress,shipping_address,shippingAddressId})=>{if(countryCodeLock&&!(0,lodash_1.isEmpty)(addresses)&&billingAddressId&&!shipToDifferentAddress){const addressLocked=addresses==null?void 0:addresses.find(a=>(a.id===billingAddressId||a.reference===billingAddressId)&&a.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.countryLockController=exports.shippingAddressController=exports.billingAddressController=void 0;const lodash_1=require("lodash"),validateFormFields_1=require("./validateFormFields"),AddressReducer_1=require("../reducers/AddressReducer"),billingAddressController=({billing_address,billingAddressId,errors,requiresBillingInfo})=>{let billingDisable=!(0,lodash_1.isEmpty)(errors)||(0,lodash_1.isEmpty)(billing_address);if((0,lodash_1.isEmpty)(errors)&&!(0,lodash_1.isEmpty)(billing_address)){let billingInfo=[...AddressReducer_1.addressFields];requiresBillingInfo&&(billingInfo=[...billingInfo,"billing_info"]),billingDisable=!!(billing_address&&(0,validateFormFields_1.fieldsExist)(billing_address,billingInfo))}return billingDisable&&!(0,lodash_1.isEmpty)(billingAddressId)&&(0,lodash_1.isEmpty)(billing_address)&&(billingDisable=!1),billingDisable};exports.billingAddressController=billingAddressController;const shippingAddressController=({billingDisable,errors,shipToDifferentAddress,shipping_address,shippingAddressId})=>{let shippingDisable=!!(!billingDisable&&shipToDifferentAddress);return shippingDisable&&(0,lodash_1.isEmpty)(errors)&&!(0,lodash_1.isEmpty)(shipping_address)&&(shippingDisable=!!(shipping_address&&(0,validateFormFields_1.fieldsExist)(shipping_address))),shippingDisable&&!(0,lodash_1.isEmpty)(shippingAddressId)&&(0,lodash_1.isEmpty)(shipping_address)&&(shippingDisable=!1),shippingDisable};exports.shippingAddressController=shippingAddressController;const countryLockController=({addresses,billing_address,billingAddressId,countryCodeLock,shipToDifferentAddress,shipping_address,shippingAddressId})=>{if(countryCodeLock&&!(0,lodash_1.isEmpty)(addresses)&&billingAddressId&&!shipToDifferentAddress){const addressLocked=addresses==null?void 0:addresses.find(a=>(a.id===billingAddressId||a.reference===billingAddressId)&&a.country_code!==countryCodeLock);if(!(0,lodash_1.isEmpty)(addressLocked))return!0}if(countryCodeLock&&!(0,lodash_1.isEmpty)(billing_address)&&!shipToDifferentAddress)return(billing_address==null?void 0:billing_address.country_code)!==countryCodeLock;if(countryCodeLock&&!(0,lodash_1.isEmpty)(shipping_address)&&shipToDifferentAddress)return(shipping_address==null?void 0:shipping_address.country_code)!==countryCodeLock;if(countryCodeLock&&!(0,lodash_1.isEmpty)(addresses)&&shippingAddressId&&shipToDifferentAddress){const addressLocked=addresses==null?void 0:addresses.find(a=>(a.id===shippingAddressId||a.reference===shippingAddressId)&&a.country_code!==countryCodeLock);if(!(0,lodash_1.isEmpty)(addressLocked))return!0}return!1};exports.countryLockController=countryLockController;
|
|
@@ -6,7 +6,7 @@ declare type ChildrenProps = {
|
|
|
6
6
|
handleClick: () => AddToCartReturn;
|
|
7
7
|
} & Omit<AddToCartButtonProps, 'children'>;
|
|
8
8
|
declare type AddToCartButtonChildrenProps = FunctionChildren<ChildrenProps>;
|
|
9
|
-
export declare type
|
|
9
|
+
export declare type AddToCartButtonType = ChildrenProps;
|
|
10
10
|
declare type AddToCartButtonProps = {
|
|
11
11
|
children?: AddToCartButtonChildrenProps;
|
|
12
12
|
label?: string | ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import BillingAddressFormContext from"../context/BillingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";const propTypes=components.BillingAddressForm.propTypes,BillingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=__rest(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,order,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{var _a;if((include==null?void 0:include.includes("billing_address"))?(includeLoaded==null?void 0:includeLoaded.billing_address)||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),isEmpty(errors)){if(!isEmpty(values)){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values,resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["billing_address_state_code"].includes(fieldName)?isEmpty(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")}reset&&(!isEmpty(values)||!isEmpty(errors))&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&((
|
|
1
|
+
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import BillingAddressFormContext from"../context/BillingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";import{getSaveBillingAddressToAddressBook}from"../utils/localStorage";const propTypes=components.BillingAddressForm.propTypes,BillingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=__rest(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,order,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{var _a,_b,_c;if((include==null?void 0:include.includes("billing_address"))?(includeLoaded==null?void 0:includeLoaded.billing_address)||addResourceToInclude({newResourceLoaded:{billing_address:!0}}):addResourceToInclude({newResource:"billing_address"}),isEmpty(errors)){if(!isEmpty(values)){setAddressErrors([],"billing_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("billing_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"billing_address",value:field.checked}))}setAddress({values,resource:"billing_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["billing_address_state_code"].includes(fieldName)?isEmpty(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")}const checkboxChecked=((_b=(_a=ref.current)===null||_a===void 0?void 0:_a.querySelector('[name="billing_address_save_to_customer_book"]'))===null||_b===void 0?void 0:_b.checked)||getSaveBillingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"billing_address",value:!1}),ref&&((_c=ref.current)===null||_c===void 0||_c.reset(),resetForm({target:ref.current}),setAddressErrors([],"billing_address"),setAddress({values:{},resource:"billing_address"})))},[errors,values,reset,include,includeLoaded]);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==null?void 0:order.requires_billing_info)||!1,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(BillingAddressFormContext.Provider,Object.assign({value:providerValues},{children:_jsx("form",Object.assign({ref,autoComplete},p,{children}),void 0)}),void 0)};BillingAddressForm.propTypes=propTypes;export default BillingAddressForm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponCode.propTypes,displayName=components.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=__rest(_a,["children","type"]);const{order}=useContext(OrderContext);let codeType=type&&`${type}
|
|
1
|
+
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import components from"../config/components";import Parent from"./utils/Parent";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponCode.propTypes,displayName=components.GiftCardOrCouponCode.displayName,GiftCardOrCouponCode=_a=>{var{children,type}=_a,props=__rest(_a,["children","type"]);const{order}=useContext(OrderContext);let codeType=type&&`${type}_code`;!type&&order&&has(order,"coupon_code")&&!isEmpty(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),parentProps=Object.assign(Object.assign({},props),{code,hide});return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):hide?null:_jsx("span",Object.assign({},props,{children:code}),void 0)};GiftCardOrCouponCode.propTypes=propTypes,GiftCardOrCouponCode.displayName=displayName;export default GiftCardOrCouponCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponRemoveButton.propTypes,displayName=components.GiftCardOrCouponRemoveButton.displayName,GiftCardOrCouponRemoveButton=props=>{const{children,label="Remove",onClick,type}=props,p=__rest(props,["children","label","onClick","type"]),{order,removeGiftCardOrCouponCode}=useContext(OrderContext);let codeType=`${type}
|
|
1
|
+
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import components from"../config/components";import OrderContext from"../context/OrderContext";import{has,isEmpty}from"lodash";const propTypes=components.GiftCardOrCouponRemoveButton.propTypes,displayName=components.GiftCardOrCouponRemoveButton.displayName,GiftCardOrCouponRemoveButton=props=>{const{children,label="Remove",onClick,type}=props,p=__rest(props,["children","label","onClick","type"]),{order,removeGiftCardOrCouponCode}=useContext(OrderContext);let codeType=`${type}_code`;!type&&order&&has(order,"coupon_code")&&!isEmpty(order.coupon_code)?codeType="coupon_code":type||(codeType="gift_card_code");const code=order&&codeType?order[codeType]:"",hide=!(order&&code),handleClick=()=>{removeGiftCardOrCouponCode&&removeGiftCardOrCouponCode({codeType}),onClick&&onClick()},parentProps=Object.assign(Object.assign({},p),{label,handleClick,codeType});return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):hide?null:_jsx("button",Object.assign({type:"button",onClick:handleClick},p,{children:label}),void 0)};GiftCardOrCouponRemoveButton.propTypes=propTypes,GiftCardOrCouponRemoveButton.displayName=displayName;export default GiftCardOrCouponRemoveButton;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemCodeType = Omit<LineItemNameProps, 'children'> & {
|
|
4
|
+
lineItem: LineItem;
|
|
5
|
+
skuCode: string;
|
|
6
|
+
};
|
|
3
7
|
declare type LineItemNameProps = {
|
|
4
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemCodeType) => ReactNode;
|
|
5
9
|
type?: 'sku_code' | 'bundle_code';
|
|
6
10
|
} & JSX.IntrinsicElements['p'];
|
|
7
11
|
declare const LineItemCode: FunctionComponent<LineItemNameProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemCode.propTypes,displayName=components.LineItemCode.displayName,LineItemCode=_a=>{var{type="sku_code",children}=_a,p=__rest(_a,["type","children"]);const{lineItem}=useContext(LineItemChildrenContext),labelName=lineItem==null?void 0:lineItem[type],parentProps=Object.assign({},p);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("p",Object.assign({},p,{children:labelName}),void 0)};LineItemCode.propTypes=propTypes,LineItemCode.displayName=displayName;export default LineItemCode;
|
|
1
|
+
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemCode.propTypes,displayName=components.LineItemCode.displayName,LineItemCode=_a=>{var{type="sku_code",children}=_a,p=__rest(_a,["type","children"]);const{lineItem}=useContext(LineItemChildrenContext),labelName=lineItem==null?void 0:lineItem[type],parentProps=Object.assign({lineItem,skuCode:labelName},p);return children?_jsx(Parent,Object.assign({},parentProps,{children}),void 0):_jsx("p",Object.assign({},p,{children:labelName}),void 0)};LineItemCode.propTypes=propTypes,LineItemCode.displayName=displayName;export default LineItemCode;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemImageType = Omit<LineItemImageProps, 'children'> & {
|
|
3
4
|
src: string;
|
|
5
|
+
lineItem: LineItem;
|
|
4
6
|
};
|
|
5
7
|
declare type LineItemImageProps = {
|
|
6
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemImageType) => ReactNode;
|
|
7
9
|
width?: number;
|
|
8
10
|
} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet'>;
|
|
9
11
|
declare const LineItemImage: FunctionComponent<LineItemImageProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";const propTypes=components.LineItemImage.propTypes,displayName=components.LineItemImage.displayName,LineItemImage=props=>{const{lineItem}=useContext(LineItemChildrenContext),src=lineItem==null?void 0:lineItem.image_url,parenProps=Object.assign({src},props);return props.children?_jsx(Parent,Object.assign({},parenProps,{children:props.children}),void 0):_jsx("img",Object.assign({alt:"",src},props),void 0)};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName;export default LineItemImage;
|
|
1
|
+
import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";const propTypes=components.LineItemImage.propTypes,displayName=components.LineItemImage.displayName,LineItemImage=props=>{const{lineItem}=useContext(LineItemChildrenContext),src=lineItem==null?void 0:lineItem.image_url,parenProps=Object.assign({lineItem,src},props);return props.children?_jsx(Parent,Object.assign({},parenProps,{children:props.children}),void 0):_jsx("img",Object.assign({alt:"",src},props),void 0)};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName;export default LineItemImage;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { LineItem } from '@commercelayer/sdk';
|
|
3
|
+
export declare type LineItemNameType = Omit<LineItemNameProps, 'children'> & {
|
|
3
4
|
label: string;
|
|
5
|
+
lineItem: LineItem;
|
|
4
6
|
};
|
|
5
7
|
declare type LineItemNameProps = {
|
|
6
|
-
children?: (props:
|
|
8
|
+
children?: (props: LineItemNameType) => ReactNode;
|
|
7
9
|
} & JSX.IntrinsicElements['p'];
|
|
8
10
|
declare const LineItemName: FunctionComponent<LineItemNameProps>;
|
|
9
11
|
export default LineItemName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemName.propTypes,displayName=components.LineItemName.displayName,LineItemName=props=>{const{lineItem}=useContext(LineItemChildrenContext),label=lineItem==null?void 0:lineItem.name,parentProps=Object.assign({label},props);return props.children?_jsx(Parent,Object.assign({},parentProps,{children:props.children}),void 0):_jsx("p",Object.assign({},props,{children:label}),void 0)};LineItemName.propTypes=propTypes,LineItemName.displayName=displayName;export default LineItemName;
|
|
1
|
+
import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import LineItemChildrenContext from"../context/LineItemChildrenContext";import Parent from"./utils/Parent";import components from"../config/components";const propTypes=components.LineItemName.propTypes,displayName=components.LineItemName.displayName,LineItemName=props=>{const{lineItem}=useContext(LineItemChildrenContext),label=lineItem==null?void 0:lineItem.name,parentProps=Object.assign({label,lineItem},props);return props.children?_jsx(Parent,Object.assign({},parentProps,{children:props.children}),void 0):_jsx("p",Object.assign({},props,{children:label}),void 0)};LineItemName.propTypes=propTypes,LineItemName.displayName=displayName;export default LineItemName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";const propTypes=components.ShippingAddressForm.propTypes,ShippingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=__rest(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,shipToDifferentAddress}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{var _a;if((include==null?void 0:include.includes("shipping_address"))?(includeLoaded==null?void 0:includeLoaded.shipping_address)||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),isEmpty(errors)){if(!isEmpty(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values,resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["shipping_address_state_code"].includes(fieldName)?isEmpty(values.state_code)?delete errors[fieldName]:formErrors.push({code,message,resource:"shipping_address",field:fieldName}):formErrors.push({code,message,resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}reset&&(!isEmpty(values)||!isEmpty(errors))&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&((
|
|
1
|
+
import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import AddressesContext from"../context/AddressContext";import useRapidForm from"rapid-form";import{useContext,useEffect,useRef}from"react";import ShippingAddressFormContext from"../context/ShippingAddressFormContext";import{isEmpty}from"lodash";import components from"../config/components";import OrderContext from"../context/OrderContext";import{getSaveShippingAddressToAddressBook}from"../utils/localStorage";const propTypes=components.ShippingAddressForm.propTypes,ShippingAddressForm=props=>{const{children,errorClassName,autoComplete="on",reset=!1}=props,p=__rest(props,["children","errorClassName","autoComplete","reset"]),{validation,values,errors,reset:resetForm}=useRapidForm(),{setAddressErrors,setAddress,shipToDifferentAddress}=useContext(AddressesContext),{saveAddressToCustomerAddressBook,include,addResourceToInclude,includeLoaded}=useContext(OrderContext),ref=useRef(null);useEffect(()=>{var _a,_b,_c;if((include==null?void 0:include.includes("shipping_address"))?(includeLoaded==null?void 0:includeLoaded.shipping_address)||addResourceToInclude({newResourceLoaded:{shipping_address:!0}}):addResourceToInclude({newResource:"shipping_address"}),isEmpty(errors)){if(!isEmpty(values)&&shipToDifferentAddress){setAddressErrors([],"shipping_address");for(const name in values){const field=values[name];(field==null?void 0:field.value)&&(values[name.replace("shipping_address_","")]=field.value,delete values[name]),(field==null?void 0:field.type)==="checkbox"&&(delete values[name],saveAddressToCustomerAddressBook({type:"shipping_address",value:field.checked}))}setAddress({values,resource:"shipping_address"})}}else{const formErrors=[];for(const fieldName in errors){const{code,message}=errors[fieldName];["shipping_address_state_code"].includes(fieldName)?isEmpty(values.state_code)?delete errors[fieldName]:formErrors.push({code,message,resource:"shipping_address",field:fieldName}):formErrors.push({code,message,resource:"shipping_address",field:fieldName})}shipToDifferentAddress&&setAddressErrors(formErrors,"shipping_address")}const checkboxChecked=((_b=(_a=ref.current)===null||_a===void 0?void 0:_a.querySelector('[name="shipping_address_save_to_customer_book"]'))===null||_b===void 0?void 0:_b.checked)||getSaveShippingAddressToAddressBook();reset&&(!isEmpty(values)||!isEmpty(errors)||checkboxChecked)&&(saveAddressToCustomerAddressBook&&saveAddressToCustomerAddressBook({type:"shipping_address",value:!1}),ref&&((_c=ref.current)===null||_c===void 0||_c.reset(),resetForm({target:ref.current}),setAddressErrors([],"shipping_address"),setAddress({values:{},resource:"shipping_address"})))},[values,errors,shipToDifferentAddress,reset,include,includeLoaded]);const providerValues={values,validation,setValue:(name,value)=>{const field={[name.replace("shipping_address_","")]:value};setAddress({values:Object.assign(Object.assign({},values),field),resource:"shipping_address"})},errorClassName,errors,resetField:name=>resetForm({currentTarget:ref.current},name)};return _jsx(ShippingAddressFormContext.Provider,Object.assign({value:providerValues},{children:_jsx("form",Object.assign({ref,autoComplete},p,{children}),void 0)}),void 0)};ShippingAddressForm.propTypes=propTypes;export default ShippingAddressForm;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { ShippingMethod } from '@commercelayer/sdk';
|
|
3
|
-
export declare type
|
|
3
|
+
export declare type ShippingMethodRadioButtonType = Omit<ShippingMethodRadioButtonProps, 'children'> & {
|
|
4
4
|
shippingMethod: ShippingMethod;
|
|
5
5
|
shipmentId: string;
|
|
6
6
|
};
|
|
7
|
-
export declare type
|
|
7
|
+
export declare type ShippingMethodRadioButtonOnChangeType = (shippingMethod: ShippingMethod, shipmentId: string) => void;
|
|
8
8
|
declare type ShippingMethodRadioButtonProps = {
|
|
9
|
-
children?: (props:
|
|
10
|
-
onChange?:
|
|
9
|
+
children?: (props: ShippingMethodRadioButtonType) => ReactNode;
|
|
10
|
+
onChange?: ShippingMethodRadioButtonOnChangeType;
|
|
11
11
|
} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
|
|
12
12
|
declare const ShippingMethodRadioButton: FunctionComponent<ShippingMethodRadioButtonProps>;
|
|
13
13
|
export default ShippingMethodRadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext}from"react";import variantReducer,{variantInitialState,unsetVariantState,setSkuCode,getVariants}from"../reducers/VariantReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import VariantsContext from"../context/VariantsContext";import{setVariantSkuCodes}from"../reducers/VariantReducer";import{isEmpty,isEqual}from"lodash";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import components from"../config/components";const propTypes=components.VariantsContainer.propTypes,defaultProps=components.VariantsContainer.defaultProps,displayName=components.VariantsContainer.displayName,VariantsContainer=props=>{const{children,skuCode="",filters={}}=props,config=useContext(CommerceLayerContext),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode}=useContext(ItemContext),[state,dispatch]=useReducer(variantReducer,variantInitialState),sCode=getCurrentItemKey(currentItem)||skuCode||state.skuCode||itemSkuCode||"";useEffect(()=>{if(!isEmpty(items)&&!isEmpty(state.variants)&&!isEqual(items,state.variants)){const mergeItems=Object.assign(Object.assign({},items),state.variants);setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),getVariants({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>unsetVariantState(dispatch)},[config]);const variantValue=Object.assign(Object.assign({},state),{skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{isEmpty(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),setSkuCode({code,id,config,setItem,dispatch})},setSkuCodes:skuCodes=>setVariantSkuCodes({skuCodes,dispatch,setCustomLineItems})});return _jsx(VariantsContext.Provider,Object.assign({value:variantValue},{children}),void 0)};VariantsContainer.propTypes=propTypes,VariantsContainer.defaultProps=defaultProps,VariantsContainer.displayName=displayName;export default VariantsContainer;
|
|
1
|
+
import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useReducer,useContext,useMemo}from"react";import variantReducer,{variantInitialState,unsetVariantState,setSkuCode,getVariants}from"../reducers/VariantReducer";import CommerceLayerContext from"../context/CommerceLayerContext";import VariantsContext from"../context/VariantsContext";import{setVariantSkuCodes}from"../reducers/VariantReducer";import{isEmpty,isEqual}from"lodash";import getCurrentItemKey from"../utils/getCurrentItemKey";import ItemContext from"../context/ItemContext";import components from"../config/components";const propTypes=components.VariantsContainer.propTypes,defaultProps=components.VariantsContainer.defaultProps,displayName=components.VariantsContainer.displayName,VariantsContainer=props=>{const{children,skuCode="",filters={}}=props,config=useContext(CommerceLayerContext),{setItem,setItems,items,item:currentItem,setCustomLineItems,skuCode:itemSkuCode}=useContext(ItemContext),[state,dispatch]=useReducer(variantReducer,variantInitialState),sCode=getCurrentItemKey(currentItem)||skuCode||state.skuCode||itemSkuCode||"";useEffect(()=>{if(!isEmpty(items)&&!isEmpty(state.variants)&&!isEqual(items,state.variants)){const mergeItems=Object.assign(Object.assign({},items),state.variants);setItems&&setItems(mergeItems)}return state.skuCodes.length>=1&&config.accessToken&&(dispatch({type:"setLoading",payload:{loading:!0}}),getVariants({config,state,dispatch,setItem,skuCode:sCode,filters})),()=>unsetVariantState(dispatch)},[config.accessToken]);const variantValue=useMemo(()=>Object.assign(Object.assign({},state),{skuCode:sCode,setSkuCode:(code,id,lineItem={})=>{isEmpty(lineItem)||setCustomLineItems&&setCustomLineItems({[code]:lineItem}),setSkuCode({code,id,config,setItem,dispatch})},setSkuCodes:skuCodes=>setVariantSkuCodes({skuCodes,dispatch,setCustomLineItems})}),[state]);return _jsx(VariantsContext.Provider,Object.assign({value:variantValue},{children}),void 0)};VariantsContainer.propTypes=propTypes,VariantsContainer.defaultProps=defaultProps,VariantsContainer.displayName=displayName;export default VariantsContainer;
|
|
@@ -10,7 +10,7 @@ export declare type CustomerAddress = Address & {
|
|
|
10
10
|
handleSelect?: () => void;
|
|
11
11
|
};
|
|
12
12
|
export declare type AddressCardsTemplateChildren = FunctionChildren<ChildrenProps>;
|
|
13
|
-
export declare type
|
|
13
|
+
export declare type AddressCardsType = ChildrenProps;
|
|
14
14
|
declare type HandleSelect = (k: number, addressId: string, customerAddressId: string, disabled: boolean) => void;
|
|
15
15
|
declare type Props = {
|
|
16
16
|
customerAddresses: CustomerAddress[];
|
|
@@ -13,7 +13,7 @@ declare type CustomerPayment = PaymentSourceType & {
|
|
|
13
13
|
handleClick?: () => void;
|
|
14
14
|
};
|
|
15
15
|
export declare type CustomerCardsTemplateChildren = FunctionChildren<ChildrenProps>;
|
|
16
|
-
export declare type
|
|
16
|
+
export declare type CustomerCardsType = ChildrenProps;
|
|
17
17
|
declare type Props = {
|
|
18
18
|
customerPayments: CustomerPayment[];
|
|
19
19
|
children: CustomerCardsTemplateChildren;
|