@commercelayer/react-components 3.15.6 → 3.15.7

package/package.json

@@ -1,139 +1,17 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "3.15.6",
+  "version": "3.15.7",
   "description": "The Official Commerce Layer React Components",
-  "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.js",
-  "types": "lib/esm/index.d.ts",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "files": [
     "lib",
     "package.json",
     "README.md"
   ],
-  "exports": {
-    ".": {
-      "require": "./lib/cjs/index.js",
-      "import": "./lib/esm/index.js"
-    },
-    "./addresses/*": {
-      "require": "./lib/cjs/components/addresses/*.js",
-      "import": "./lib/esm/components/addresses/*.js"
-    },
-    "./auth/*": {
-      "require": "./lib/cjs/components/auth/*.js",
-      "import": "./lib/esm/components/auth/*.js"
-    },
-    "./customers/*": {
-      "require": "./lib/cjs/components/customers/*.js",
-      "import": "./lib/esm/components/customers/*.js"
-    },
-    "./gift_cards/*": {
-      "require": "./lib/cjs/components/gift_cards/*.js",
-      "import": "./lib/esm/components/gift_cards/*.js"
-    },
-    "./line_items/*": {
-      "require": "./lib/cjs/components/line_items/*.js",
-      "import": "./lib/esm/components/line_items/*.js"
-    },
-    "./orders/*": {
-      "require": "./lib/cjs/components/orders/*.js",
-      "import": "./lib/esm/components/orders/*.js"
-    },
-    "./parcels/*": {
-      "require": "./lib/cjs/components/parcels/*.js",
-      "import": "./lib/esm/components/parcels/*.js"
-    },
-    "./payment_methods/*": {
-      "require": "./lib/cjs/components/payment_methods/*.js",
-      "import": "./lib/esm/components/payment_methods/*.js"
-    },
-    "./payment_source/*": {
-      "require": "./lib/cjs/components/payment_source/*.js",
-      "import": "./lib/esm/components/payment_source/*.js"
-    },
-    "./prices/*": {
-      "require": "./lib/cjs/components/prices/*.js",
-      "import": "./lib/esm/components/prices/*.js"
-    },
-    "./shipments/*": {
-      "require": "./lib/cjs/components/shipments/*.js",
-      "import": "./lib/esm/components/shipments/*.js"
-    },
-    "./shipping_methods/*": {
-      "require": "./lib/cjs/components/shipping_methods/*.js",
-      "import": "./lib/esm/components/shipping_methods/*.js"
-    },
-    "./skus/*": {
-      "require": "./lib/cjs/components/skus/*.js",
-      "import": "./lib/esm/components/skus/*.js"
-    },
-    "./stock_transfers/*": {
-      "require": "./lib/cjs/components/stock_transfers/*.js",
-      "import": "./lib/esm/components/stock_transfers/*.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "addresses/*": [
-        "lib/esm/components/addresses/*.d.ts"
-      ],
-      "auth/*": [
-        "lib/esm/components/auth/*.d.ts"
-      ],
-      "customers/*": [
-        "lib/esm/components/customers/*.d.ts"
-      ],
-      "gift_cards/*": [
-        "lib/esm/components/gift_cards/*.d.ts"
-      ],
-      "line_items/*": [
-        "lib/esm/components/line_items/*.d.ts"
-      ],
-      "orders/*": [
-        "lib/esm/components/orders/*.d.ts"
-      ],
-      "parcels/*": [
-        "lib/esm/components/parcels/*.d.ts"
-      ],
-      "payment_methods/*": [
-        "lib/esm/components/payment_methods/*.d.ts"
-      ],
-      "payment_source/*": [
-        "lib/esm/components/payment_source/*.d.ts"
-      ],
-      "prices/*": [
-        "lib/esm/components/prices/*.d.ts"
-      ],
-      "shipments/*": [
-        "lib/esm/components/shipments/*.d.ts"
-      ],
-      "shipping_methods/*": [
-        "lib/esm/components/shipping_methods/*.d.ts"
-      ],
-      "skus/*": [
-        "lib/esm/components/skus/*.d.ts"
-      ],
-      "stock_transfers/*": [
-        "lib/esm/components/stock_transfers/*.d.ts"
-      ]
-    }
-  },
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
-    "test": "pnpm run lint && vitest run",
-    "coverage": "vitest run --coverage",
-    "test:e2e": "NODE_ENV=test playwright test",
-    "test:e2e:coverage": "nyc pnpm test:e2e && pnpm coverage:report",
-    "coverage:report": "nyc report --reporter=html",
-    "build": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && pnpm postbuild",
-    "build:dev": "tsc -b tsconfig.prod.json tsconfig.prod.esm.json --verbose && tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json",
-    "postbuild": "tsc-alias -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.esm.json &&  minimize-js lib -w -s",
-    "dev": "NODE_OPTIONS='--inspect' next dev"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/commercelayer/commercelayer-react-components.git"
@@ -159,97 +37,94 @@
   "dependencies": {
     "@ac-dev/countries-service": "^1.2.0",
     "@ac-dev/states-service": "^1.1.1",
-    "@adyen/adyen-web": "^5.27.0",
-    "@commercelayer/sdk": "^4.16.0",
-    "@stripe/react-stripe-js": "^1.12.0",
-    "@stripe/stripe-js": "^1.38.1",
-    "axios": "^1.0.0",
-    "braintree-web": "^3.88.1",
+    "@adyen/adyen-web": "^5.31.2",
+    "@commercelayer/sdk": "^4.15.1",
+    "@stripe/react-stripe-js": "^1.10.0",
+    "@stripe/stripe-js": "^1.35.0",
+    "axios": "^0.27.2",
+    "braintree-web": "^3.85.5",
     "frames-react": "^1.0.12",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "rapid-form": "^2.1.0",
-    "react-table": "^7.8.0",
-    "react-window": "^1.8.7"
+    "rapid-form": "^2.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.18.10",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-flow": "^7.18.6",
-    "@babel/plugin-transform-react-jsx": "^7.19.0",
-    "@babel/preset-env": "^7.19.3",
+    "@babel/plugin-transform-react-jsx": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@commercelayer/eslint-config-ts-react": "^0.1.2",
     "@commercelayer/js-auth": "^2.3.0",
-    "@playwright/test": "^1.26.1",
+    "@playwright/test": "^1.24.2",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^8.0.6",
+    "@semantic-release/github": "^8.0.5",
     "@semantic-release/npm": "^9.0.1",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.7",
-    "@testing-library/react": "^13.4.0",
-    "@types/braintree-web": "^3.75.22",
-    "@types/lodash": "^4.14.186",
-    "@types/node": "^18.8.2",
+    "@tailwindcss/aspect-ratio": "^0.4.0",
+    "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/line-clamp": "^0.4.0",
+    "@tailwindcss/typography": "^0.5.4",
+    "@types/braintree-web": "^3.75.20",
+    "@types/jest": "^28.1.6",
+    "@types/lodash": "^4.14.182",
+    "@types/node": "^18.6.5",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.0.21",
-    "@types/react-table": "^7.7.12",
-    "@types/react-test-renderer": "^18.0.0",
-    "@types/react-window": "^1.8.5",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
-    "@vitejs/plugin-react": "^2.1.0",
-    "@vitest/coverage-c8": "^0.23.4",
+    "@types/react": "^17.0.45",
+    "@types/react-test-renderer": "^17.0.2",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@typescript-eslint/parser": "^5.33.0",
     "@zerollup/ts-transform-paths": "^1.7.18",
-    "autoprefixer": "^10.4.12",
+    "autoprefixer": "^10.4.8",
+    "babel-jest": "^28.1.3",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
-    "dotenv": "^16.0.3",
-    "eslint": "^8.24.0",
+    "dotenv": "^16.0.1",
+    "eslint": "^8.21.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-config-standard-jsx": "^11.0.0",
-    "eslint-config-standard-with-typescript": "^23.0.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.3.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^29.1.2",
-    "jsdom": "^20.0.1",
+    "jest": "^28.1.3",
     "minimize-js": "^1.3.0",
-    "next": "^12.3.1",
+    "next": "^12.2.4",
     "nyc": "^15.1.0",
-    "playwright": "^1.26.1",
-    "postcss": "^8.4.17",
+    "playwright": "^1.24.2",
+    "postcss": "^8.4.16",
     "postcss-loader": "^7.0.1",
     "prettier": "^2.7.1",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
-    "semantic-release": "^19.0.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "semantic-release": "^19.0.3",
     "tailwindcss": "^3.1.8",
-    "ts-loader": "^9.4.1",
+    "ts-jest": "^28.0.7",
+    "ts-loader": "^9.3.1",
     "tsc-alias": "^1.7.0",
     "tsconfig-paths-jest": "^0.0.1",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.4",
+    "typescript": "^4.7.4",
     "v8-to-istanbul": "^9.0.1",
-    "vite": "^3.1.6",
-    "vite-tsconfig-paths": "^3.5.1",
-    "vitest": "^0.23.4",
-    "webpack": "^5.73.0"
+    "webpack": "^5.74.0"
   },
   "peerDependencies": {
-    "react": "^18.0.0"
+    "react": "^17.0.2"
+  },
+  "scripts": {
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:e2e": "NODE_ENV=test playwright test",
+    "test:e2e:coverage": "nyc pnpm test:e2e && pnpm coverage:report",
+    "coverage:report": "nyc report --reporter=html",
+    "lint": "eslint src",
+    "build": "tsc -b tsconfig.prod.json --verbose && pnpm postbuild",
+    "build:dev": "tsc -b tsconfig.prod.json --verbose -f && tsc-alias -p tsconfig.prod.json",
+    "postbuild": "tsc-alias -p tsconfig.prod.json &&  minimize-js lib -w -s",
+    "start": "NODE_OPTIONS='--inspect' next dev"
   }
-}
+}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ErrorComponentProps } from '../typings/errors';
-declare type Props = ErrorComponentProps & JSX.IntrinsicElements['span'];
-export declare function Errors(props: Props): JSX.Element;
-export default Errors;

package/lib/cjs/components/Errors.js

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

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

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-declare type Props = {
-    children: ReactNode;
-    url: string;
-};
-export declare function ExternalFunction({ children, url }: Props): JSX.Element;
-export declare namespace ExternalFunction {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-        url: import("prop-types").Validator<string>;
-    };
-    var displayName: string;
-}
-export default ExternalFunction;

package/lib/cjs/components/ExternalFunction.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalFunction=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),ExternalFunctionContext_1=tslib_1.__importStar(require("../context/ExternalFunctionContext")),components_1=tslib_1.__importDefault(require("../config/components")),propTypes=components_1.default.ExternalFunction.propTypes,displayName=components_1.default.ExternalFunction.displayName;function ExternalFunction({children,url}){return(0,jsx_runtime_1.jsx)(ExternalFunctionContext_1.default.Provider,{value:{url,callExternalFunction:ExternalFunctionContext_1.callExternalFunction},children})}exports.ExternalFunction=ExternalFunction,ExternalFunction.propTypes=propTypes,ExternalFunction.displayName=displayName,exports.default=ExternalFunction;

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

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

package/lib/cjs/components/MetadataInput.js

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

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

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

package/lib/cjs/components/SubmitButton.js

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

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { Address as AddressType } from '@commercelayer/sdk';
-import { AddressCardsTemplateChildren } from '../utils/AddressCardsTemplate';
-interface Props extends Omit<JSX.IntrinsicElements['div'], 'children' | 'onSelect'> {
-    children: JSX.Element[] | JSX.Element | AddressCardsTemplateChildren;
-    selectedClassName?: string;
-    disabledClassName?: string;
-    onSelect?: (address: AddressType) => void;
-    addresses?: AddressType[];
-    deselect?: boolean;
-}
-export declare function Address(props: Props): JSX.Element;
-export default Address;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Address=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),AddressChildrenContext_1=tslib_1.__importDefault(require("../../context/AddressChildrenContext")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),BillingAddressContext_1=tslib_1.__importDefault(require("../../context/BillingAddressContext")),ShippingAddressContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),AddressCardsTemplate_1=tslib_1.__importDefault(require("../utils/AddressCardsTemplate"));function Address(props){const{children,className,selectedClassName="",disabledClassName="",onSelect,addresses=[],deselect=!1,...p}=props,{addresses:addressesContext}=(0,react_1.useContext)(CustomerContext_1.default),{setBillingAddress,billingCustomerAddressId}=(0,react_1.useContext)(BillingAddressContext_1.default),{setShippingAddress,shippingCustomerAddressId}=(0,react_1.useContext)(ShippingAddressContext_1.default),{shipToDifferentAddress,billingAddressId,shippingAddressId}=(0,react_1.useContext)(AddressContext_1.default),{order}=(0,react_1.useContext)(OrderContext_1.default),[selected,setSelected]=(0,react_1.useState)(null),items=(0,isEmpty_1.default)(addresses)?addressesContext&&addressesContext||[]:addresses;(0,react_1.useEffect)(()=>{items&&!deselect&&items.forEach((address,k)=>{billingCustomerAddressId&&address.reference===billingCustomerAddressId&&selected===null&&setSelected(k),!billingAddressId&&k===selected&&setBillingAddress&&setBillingAddress(address.id,{customerAddressId:address.reference}),shippingCustomerAddressId&&address.reference===shippingCustomerAddressId&&selected===null&&setSelected(k),!shippingAddressId&&k===selected&&setShippingAddress&&setShippingAddress(address.id,{customerAddressId:address.reference})}),deselect&&(async()=>(setBillingAddress&&await setBillingAddress(""),setShippingAddress&&await setShippingAddress("")))()},[deselect,billingCustomerAddressId,shippingCustomerAddressId,addressesContext,shipToDifferentAddress]);const handleSelect=async(k,addressId,customerAddressId,disabled,address)=>{!disabled&&setSelected(k),setBillingAddress&&await setBillingAddress(addressId,{customerAddressId}),!disabled&&setShippingAddress&&await setShippingAddress(addressId,{customerAddressId}),onSelect&&onSelect(address)},countryLock=order?.shipping_country_code_lock,components=typeof children=="function"?[]:items.filter(address=>!(setShippingAddress&&countryLock&&countryLock!==address.country_code)).map((address,k)=>{const addressProps={address},disabled=setShippingAddress&&countryLock&&countryLock!==address.country_code||!1,addressSelectedClass=selected===k?`${className||""} ${deselect?"":selectedClassName}`:className,customerAddressId=address?.reference||"",finalClassName=disabled?`${className||""} ${disabledClassName}`:addressSelectedClass;return(0,jsx_runtime_1.jsx)(AddressChildrenContext_1.default.Provider,{value:addressProps,children:(0,jsx_runtime_1.jsx)("div",{className:finalClassName,onClick:()=>{handleSelect(k,address.id,customerAddressId,disabled,address)},"data-disabled":disabled,...p,children})},k)}),parentProps={customerAddresses:items,selected,handleSelect,countryLock,...props};return typeof children=="function"?(0,jsx_runtime_1.jsx)(AddressCardsTemplate_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:components})}exports.Address=Address,exports.default=Address;

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

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { AddressCountrySelectName, BaseSelectComponentProps } from '../../typings/index';
-import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
-    name: Extract<AddressValuesKeys, AddressCountrySelectName>;
-    required?: boolean;
-    disabled?: boolean;
-} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
-export declare function AddressCountrySelector(props: Props): JSX.Element;
-export declare namespace AddressCountrySelector {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        }>>;
-        value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<NonNullable<AddressCountrySelectName>>;
-        required: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        required: boolean;
-    };
-    var displayName: string;
-}
-export default AddressCountrySelector;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressCountrySelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseSelect_1=tslib_1.__importDefault(require("../utils/BaseSelect")),components_1=tslib_1.__importDefault(require("../../config/components")),BillingAddressFormContext_1=tslib_1.__importDefault(require("../../context/BillingAddressFormContext")),ShippingAddressFormContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressFormContext")),countryStateCity_1=require("../../utils/countryStateCity"),CustomerAddressFormContext_1=tslib_1.__importDefault(require("../../context/CustomerAddressFormContext")),propTypes=components_1.default.AddressCountrySelector.propTypes,defaultProps=components_1.default.AddressCountrySelector.defaultProps,displayName=components_1.default.AddressCountrySelector.displayName;function AddressCountrySelector(props){const{required=!0,value,name,className,...p}=props,billingAddress=(0,react_1.useContext)(BillingAddressFormContext_1.default),shippingAddress=(0,react_1.useContext)(ShippingAddressFormContext_1.default),customerAddress=(0,react_1.useContext)(CustomerAddressFormContext_1.default),[hasError,setHasError]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>(value&&billingAddress?.setValue&&billingAddress.setValue(name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(name,value),value&&customerAddress?.setValue&&customerAddress.setValue(name,value),billingAddress.errors&&billingAddress?.errors?.[name]?.error&&setHasError(!0),billingAddress?.errors?.[name]&&hasError&&setHasError(!1),customerAddress.errors&&customerAddress?.errors?.[name]?.error&&setHasError(!0),customerAddress?.errors?.[name]&&hasError&&setHasError(!1),shippingAddress.errors&&shippingAddress?.errors?.[name]?.error&&setHasError(!0),shippingAddress?.errors?.[name]&&hasError&&setHasError(!1),()=>{setHasError(!1)}),[value,billingAddress?.errors,shippingAddress?.errors,customerAddress?.errors]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName,classNameComputed=`${className||""} ${hasError&&errorClassName?errorClassName:""}`;return(0,jsx_runtime_1.jsx)(BaseSelect_1.default,{className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:(0,countryStateCity_1.getCountries)(),name,value,...p})}exports.AddressCountrySelector=AddressCountrySelector,AddressCountrySelector.propTypes=propTypes,AddressCountrySelector.defaultProps=defaultProps,AddressCountrySelector.displayName=displayName,exports.default=AddressCountrySelector;

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

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-import { AddressFieldView } from '../../reducers/AddressReducer';
-import type { Address } from '@commercelayer/sdk';
-import { ChildrenFunction } from '../../typings/index';
-interface ChildrenProps extends Omit<Props, 'children' | 'name'> {
-    address: Address;
-}
-declare type ChildrenProp = ChildrenFunction<ChildrenProps>;
-declare type Props = {
-    type?: 'field';
-    label?: never;
-    onClick?: never;
-    children?: ChildrenProp;
-    name: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'edit';
-    label: string | ReactNode;
-    onClick: (address: Address) => void;
-    children?: ChildrenProp;
-    name?: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'delete';
-    label: string;
-    onClick: () => void;
-    children?: ChildrenProp;
-    name?: AddressFieldView;
-    className?: string;
-} | {
-    type?: 'edit' | 'field' | 'delete';
-    label?: never;
-    onClick?: never;
-    children: ChildrenProp;
-    name?: never;
-    className?: string;
-};
-export declare function AddressField(props: Props): JSX.Element;
-export default AddressField;

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

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

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BaseInputComponentProps, AddressInputName } from '../../typings/index';
-import { AddressValuesKeys } from '../../context/BillingAddressFormContext';
-declare type Props = {
-    name: Extract<AddressValuesKeys, AddressInputName>;
-} & Omit<BaseInputComponentProps, 'name'> & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['textarea'];
-export declare function AddressInput(props: Props): JSX.Element | null;
-export default AddressInput;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressInput=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),BillingAddressFormContext_1=tslib_1.__importDefault(require("../../context/BillingAddressFormContext")),ShippingAddressFormContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressFormContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),validateFormFields_1=require("../../utils/validateFormFields"),CustomerAddressFormContext_1=tslib_1.__importDefault(require("../../context/CustomerAddressFormContext"));function AddressInput(props){const{placeholder="",required,value,className,...p}=props,billingAddress=(0,react_1.useContext)(BillingAddressFormContext_1.default),shippingAddress=(0,react_1.useContext)(ShippingAddressFormContext_1.default),customerAddress=(0,react_1.useContext)(CustomerAddressFormContext_1.default),[hasError,setHasError]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>(value&&billingAddress?.setValue&&billingAddress.setValue(p.name,value),value&&shippingAddress?.setValue&&shippingAddress.setValue(p.name,value),value&&customerAddress?.setValue&&customerAddress.setValue(p.name,value),billingAddress.errors&&billingAddress?.errors?.[p.name]?.error&&setHasError(!0),billingAddress&&(0,isEmpty_1.default)(billingAddress?.errors?.[p.name])&&hasError&&setHasError(!1),customerAddress.errors&&customerAddress?.errors?.[p.name]?.error&&setHasError(!0),(0,isEmpty_1.default)(customerAddress?.errors?.[p.name])&&hasError&&setHasError(!1),shippingAddress.errors&&shippingAddress?.errors?.[p.name]?.error&&setHasError(!0),shippingAddress&&(0,isEmpty_1.default)(shippingAddress?.errors?.[p.name])&&hasError&&setHasError(!1),()=>{setHasError(!1)}),[value,billingAddress?.errors,shippingAddress?.errors]);const mandatoryField=billingAddress?.isBusiness?(0,validateFormFields_1.businessMandatoryField)(p.name,billingAddress.isBusiness):(0,validateFormFields_1.businessMandatoryField)(p.name,shippingAddress.isBusiness),reqField=required!==void 0?required:mandatoryField,errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName,classNameComputed=`${className||""} ${hasError&&errorClassName?errorClassName:""}`;return p.name==="billing_address_billing_info"&&!billingAddress.requiresBillingInfo?null:(0,jsx_runtime_1.jsx)(BaseInput_1.default,{ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required:reqField,placeholder,defaultValue:value,...p})}exports.AddressInput=AddressInput,exports.default=AddressInput;

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { AddressStateSelectName, BaseSelectComponentProps } from '../../typings/index';
-declare type Props = Omit<BaseSelectComponentProps, 'options' | 'name'> & {
-    name: AddressStateSelectName;
-    required?: boolean;
-    disabled?: boolean;
-    inputClassName?: string;
-    selectClassName?: string;
-} & Pick<JSX.IntrinsicElements['select'], 'className' | 'id' | 'style'>;
-export declare function AddressStateSelector(props: Props): JSX.Element;
-export declare namespace AddressStateSelector {
-    var propTypes: {
-        children: import("prop-types").Requireable<(...args: any[]) => any>;
-        placeholder: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            value: import("prop-types").Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        }>>;
-        value: import("prop-types").Requireable<string>;
-        name: import("prop-types").Validator<NonNullable<AddressStateSelectName>>;
-        required: import("prop-types").Requireable<boolean>;
-    };
-    var defaultProps: {
-        required: boolean;
-    };
-    var displayName: string;
-}
-export default AddressStateSelector;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressStateSelector=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BaseSelect_1=tslib_1.__importDefault(require("../utils/BaseSelect")),components_1=tslib_1.__importDefault(require("../../config/components")),BillingAddressFormContext_1=tslib_1.__importDefault(require("../../context/BillingAddressFormContext")),ShippingAddressFormContext_1=tslib_1.__importDefault(require("../../context/ShippingAddressFormContext")),isEmpty_1=tslib_1.__importDefault(require("lodash/isEmpty")),countryStateCity_1=require("../../utils/countryStateCity"),isEmptyStates_1=tslib_1.__importDefault(require("../../utils/isEmptyStates")),AddressContext_1=tslib_1.__importDefault(require("../../context/AddressContext")),BaseInput_1=tslib_1.__importDefault(require("../utils/BaseInput")),CustomerAddressFormContext_1=tslib_1.__importDefault(require("../../context/CustomerAddressFormContext")),propTypes=components_1.default.AddressStateSelector.propTypes,defaultProps=components_1.default.AddressStateSelector.defaultProps,displayName=components_1.default.AddressStateSelector.displayName;function AddressStateSelector(props){const{required=!0,value,name,className="",inputClassName="",selectClassName="",...p}=props,billingAddress=(0,react_1.useContext)(BillingAddressFormContext_1.default),shippingAddress=(0,react_1.useContext)(ShippingAddressFormContext_1.default),customerAddress=(0,react_1.useContext)(CustomerAddressFormContext_1.default),{errors:addressErrors}=(0,react_1.useContext)(AddressContext_1.default),[hasError,setHasError]=(0,react_1.useState)(!1),[countryCode,setCountryCode]=(0,react_1.useState)(""),[val,setVal]=(0,react_1.useState)(value||"");(0,react_1.useEffect)(()=>{const billingCountryCode=typeof billingAddress?.values?.billing_address_country_code=="string"?billingAddress?.values?.billing_address_country_code:billingAddress?.values?.billing_address_country_code?.value;billingCountryCode&&billingCountryCode!==countryCode&&setCountryCode(billingCountryCode);const shippingCountryCode=typeof shippingAddress?.values?.shipping_address_country_code=="string"?shippingAddress?.values?.shipping_address_country_code:shippingAddress?.values?.shipping_address_country_code?.value;if(shippingCountryCode&&shippingCountryCode!==countryCode&&setCountryCode(shippingCountryCode),[Object.keys(billingAddress).length>0,billingCountryCode,countryCode!==billingCountryCode].every(Boolean)&&billingCountryCode&&!(0,countryStateCity_1.isValidState)(val,billingCountryCode)&&!(0,isEmptyStates_1.default)(billingCountryCode)&&(billingAddress.resetField&&billingAddress.resetField(name),setVal("")),[!(0,isEmpty_1.default)(shippingAddress),shippingCountryCode,countryCode!==shippingCountryCode].every(Boolean)&&shippingCountryCode&&!(0,countryStateCity_1.isValidState)(val,shippingCountryCode)&&!(0,isEmptyStates_1.default)(shippingCountryCode)&&(shippingAddress.resetField&&shippingAddress.resetField(name),setVal("")),!(0,isEmpty_1.default)(billingAddress)){const fieldError=billingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!(0,isEmpty_1.default)(customerAddress)){const fieldError=customerAddress?.errors?.[name]?.error;setHasError(!!fieldError)}if(!(0,isEmpty_1.default)(shippingAddress)){const fieldError=shippingAddress?.errors?.[name]?.error;setHasError(!!fieldError)}return()=>{setHasError(!1)}},[value,billingAddress,shippingAddress,addressErrors,customerAddress]);const errorClassName=billingAddress?.errorClassName||shippingAddress?.errorClassName||customerAddress?.errorClassName||"",classNameComputed=(0,isEmptyStates_1.default)(countryCode)?`${className} ${inputClassName} ${hasError?errorClassName:""}`:`${className} ${selectClassName} ${hasError?errorClassName:""}`;return(0,isEmptyStates_1.default)(countryCode)?(0,jsx_runtime_1.jsx)(BaseInput_1.default,{...p,name,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,className:classNameComputed,required,placeholder:p.placeholder?.label||"",defaultValue:val,type:"text"}):(0,jsx_runtime_1.jsx)(BaseSelect_1.default,{...p,className:classNameComputed,ref:billingAddress?.validation||shippingAddress?.validation||customerAddress?.validation,required,options:(0,countryStateCity_1.getStateOfCountry)(countryCode),name,value:val})}exports.AddressStateSelector=AddressStateSelector,AddressStateSelector.propTypes=propTypes,AddressStateSelector.defaultProps=defaultProps,AddressStateSelector.displayName=displayName,exports.default=AddressStateSelector;

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

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    shipToDifferentAddress?: boolean;
-    isBusiness?: boolean;
-}
-export declare function AddressesContainer(props: Props): JSX.Element;
-export default AddressesContainer;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressesContainer=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),AddressContext_1=tslib_1.__importStar(require("../../context/AddressContext")),react_1=require("react"),AddressReducer_1=tslib_1.__importStar(require("../../reducers/AddressReducer")),OrderContext_1=tslib_1.__importDefault(require("../../context/OrderContext")),CommerceLayerContext_1=tslib_1.__importDefault(require("../../context/CommerceLayerContext"));function AddressesContainer(props){const{children,shipToDifferentAddress=!1,isBusiness}=props,[state,dispatch]=(0,react_1.useReducer)(AddressReducer_1.default,AddressReducer_1.addressInitialState),{order,orderId,updateOrder}=(0,react_1.useContext)(OrderContext_1.default),config=(0,react_1.useContext)(CommerceLayerContext_1.default);(0,react_1.useEffect)(()=>(dispatch({type:"setShipToDifferentAddress",payload:{shipToDifferentAddress,isBusiness}}),()=>{dispatch({type:"cleanup",payload:{}})}),[shipToDifferentAddress,isBusiness]);const contextValue={...state,setAddressErrors:(errors,resource)=>(0,AddressReducer_1.setAddressErrors)({errors,resource,dispatch,currentErrors:state.errors}),setAddress:params=>AddressContext_1.defaultAddressContext.setAddress({...params,dispatch}),saveAddresses:async()=>await(0,AddressReducer_1.saveAddresses)({config,dispatch,updateOrder,order,orderId,state}),setCloneAddress:(id,resource)=>(0,AddressReducer_1.setCloneAddress)(id,resource,dispatch)};return(0,jsx_runtime_1.jsx)(AddressContext_1.default.Provider,{value:contextValue,children})}exports.AddressesContainer=AddressesContainer,exports.default=AddressesContainer;

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddressesEmpty=void 0;const tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Parent_1=tslib_1.__importDefault(require("../utils/Parent")),CustomerContext_1=tslib_1.__importDefault(require("../../context/CustomerContext")),react_1=require("react");function AddressesEmpty(props){const{children,emptyText="No addresses available.",...p}=props,{addresses}=(0,react_1.useContext)(CustomerContext_1.default),parentProps={emptyText,...p};return addresses==null||addresses.length>0?null:children!==void 0?(0,jsx_runtime_1.jsx)(Parent_1.default,{...parentProps,children}):(0,jsx_runtime_1.jsx)("span",{"data-testid":"addresses-empty",...p,children:emptyText})}exports.AddressesEmpty=AddressesEmpty,exports.default=AddressesEmpty;

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

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

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

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

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

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-declare type Props = {
-    children: ReactNode;
-    reset?: boolean;
-    errorClassName?: string;
-} & Omit<JSX.IntrinsicElements['form'], 'onSubmit'>;
-export declare function BillingAddressForm(props: Props): JSX.Element;
-export declare namespace BillingAddressForm {
-    var propTypes: {
-        children: import("prop-types").Validator<NonNullable<ReactNode | (() => JSX.Element)>>;
-    };
-}
-export default BillingAddressForm;

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

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