@weareconceptstudio/account 2.1.5 → 2.1.7

package/dist/modules/checkout/CheckoutTemplate/style.js

@@ -2,7 +2,8 @@ import styled from 'styled-components';
 const CheckoutTemplateStyle = styled.section `
 	--account_billingWrapperMTop: var(--sp5x);
 	--account_itemDistance: var(--sp5x);
-
+	--account_deliveryWrapperMTop: var(--sp16x);
+	
 	.billing-wrapper {
 		margin-top: var(--account_billingWrapperMTop);
 	}
@@ -13,6 +14,10 @@ const CheckoutTemplateStyle = styled.section `
 		margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
 		margin-right: calc(-1 * calc(var(--account_itemDistance) / 2));
 
+		&.delivery-enabled {
+			margin-top: var(--account_deliveryWrapperMTop);
+		}
+
 		.item-internal-wrap {
 			height: fit-content !important;
 		}
@@ -55,36 +60,43 @@ const CheckoutTemplateStyle = styled.section `
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--account_billingWrapperMTop: var(--sp11x);
 		--account_itemDistance: var(--sp4x);
+		--account_deliveryWrapperMTop: var(--sp11x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
 		--account_billingWrapperMTop: var(--sp8x);
 		--account_itemDistance: var(--sp4x);
+		--account_deliveryWrapperMTop: var(--sp8x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
 		--account_billingWrapperMTop: var(--sp8x);
 		--account_itemDistance: var(--sp4x);
+		--account_deliveryWrapperMTop: var(--sp8x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
 		--account_billingWrapperMTop: var(--sp8x);
 		--account_itemDistance: var(--sp3x);
+		--account_deliveryWrapperMTop: var(--sp8x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
 		--account_billingWrapperMTop: var(--sp7x);
 		--account_itemDistance: var(--sp3x);
+		--account_deliveryWrapperMTop: var(--sp8x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
 		--account_billingWrapperMTop: var(--sp7x);
 		--account_itemDistance: var(--sp3x);
+		--account_deliveryWrapperMTop: var(--sp8x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
 		--account_billingWrapperMTop: var(--sp8x);
 		--account_itemDistance: var(--sp6x);
+		--account_deliveryWrapperMTop: var(--sp10x);
 
 		.shipping-billing-change-wrapper {
 			margin-left: 0;

package/dist/modules/checkout/CheckoutTemplate/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/checkout/CheckoutTemplate/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAqDN,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;sCAKjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;sCAKd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;sCAKf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;CAarG,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/checkout/CheckoutTemplate/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0DN,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;sCAMjB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;sCAMd,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;sCAMf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;CAcrG,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/modules/checkout/formsRegistry.d.ts

@@ -0,0 +1,6 @@
+export namespace checkoutFormsRegistry {
+    let validators: Set<any>;
+    function register(validator: any): () => boolean;
+    function validateAll(): Promise<void>;
+}
+//# sourceMappingURL=formsRegistry.d.ts.map

package/dist/modules/checkout/formsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formsRegistry.d.ts","sourceRoot":"","sources":["../../../src/modules/checkout/formsRegistry.js"],"names":[],"mappings":";;IAEC,iDAGC;IACD,sCAaC"}

package/dist/modules/checkout/formsRegistry.js

@@ -0,0 +1,22 @@
+export const checkoutFormsRegistry = {
+    validators: new Set(),
+    register(validator) {
+        this.validators.add(validator);
+        return () => this.validators.delete(validator);
+    },
+    async validateAll() {
+        if (!this.validators.size)
+            return;
+        const validators = Array.from(this.validators);
+        await Promise.all(validators.map((fn) => {
+            try {
+                const res = fn();
+                return res instanceof Promise ? res : Promise.resolve(res);
+            }
+            catch (e) {
+                return Promise.reject(e);
+            }
+        }));
+    },
+};
+//# sourceMappingURL=formsRegistry.js.map

package/dist/modules/checkout/formsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formsRegistry.js","sourceRoot":"","sources":["../../../src/modules/checkout/formsRegistry.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,UAAU,EAAE,IAAI,GAAG,EAAE;IACrB,QAAQ,CAAC,SAAS;QACjB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC;IACD,KAAK,CAAC,WAAW;QAChB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;YAAE,OAAO;QAClC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,OAAO,CAAC,GAAG,CAChB,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACrB,IAAI,CAAC;gBACJ,MAAM,GAAG,GAAG,EAAE,EAAE,CAAC;gBACjB,OAAO,GAAG,YAAY,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC5D,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACZ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC;QACF,CAAC,CAAC,CACF,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/modules/checkout/index.d.ts

@@ -1,4 +1,5 @@
 export { default as CheckoutTemplate } from './CheckoutTemplate';
 export { default as ThankYouTemplate } from './ThankYouTemplate';
 export { default as PaymentFailedTemplate } from './PaymentFailedTemplate';
+export { checkoutFormsRegistry } from './formsRegistry';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/checkout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/modules/checkout/index.js

@@ -1,4 +1,5 @@
 export { default as CheckoutTemplate } from './CheckoutTemplate';
 export { default as ThankYouTemplate } from './ThankYouTemplate';
 export { default as PaymentFailedTemplate } from './PaymentFailedTemplate';
+export { checkoutFormsRegistry } from './formsRegistry';
 //# sourceMappingURL=index.js.map

package/dist/modules/checkout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/modules/delivery/DeliveryOptionItem/index.d.ts

@@ -0,0 +1,8 @@
+export default DeliveryOptionItem;
+declare function DeliveryOptionItem({ option, selectedId, onSelect }: {
+    option: any;
+    selectedId: any;
+    onSelect: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/delivery/DeliveryOptionItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":";AAIA;;;;sBAyCC;kBA7CiB,OAAO"}

package/dist/modules/delivery/DeliveryOptionItem/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Text } from '@weareconceptstudio/core';
+import DeliveryOptionItemStyle from './style';
+const DeliveryOptionItem = ({ option, selectedId, onSelect }) => {
+    const isSelected = selectedId === option.id;
+    return (React.createElement(DeliveryOptionItemStyle, { className: `delivery-option-item user-select-none ${isSelected ? 'selected' : ''}` },
+        React.createElement("div", { className: "delivery-option-top" },
+            React.createElement("div", { className: "delivery-item-left" },
+                React.createElement(Text, { className: "delivery-label account-p account-p3 account-font-regular account-primary-color1" }, option.label),
+                option.priceText && (React.createElement(Text, { className: "delivery-price account-p account-p3 account-font-regular account-primary-color1" }, option.priceText))),
+            React.createElement("div", { className: `circle-selected-wrap cursor-pointer ${isSelected ? 'active' : ''}`, onClick: () => onSelect(option.id), onKeyDown: (e) => e.key === 'Enter' && onSelect(option.id), role: "button", tabIndex: 0, "aria-pressed": isSelected },
+                React.createElement("svg", { version: "1.1", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", className: `checkbox-icon ${isSelected ? 'selected' : 'note-selected'}` },
+                    React.createElement("path", { d: "M13.345 30.462c-1.062 0-1.859-0.531-2.39-1.328l-9.56-16.996c-0.797-1.328-0.266-2.921 1.062-3.718 1.328-0.531 2.921 0 3.718 1.328l7.436 13.012 12.481-20.183c0.797-1.328 2.39-1.593 3.718-0.797s1.593 2.39 0.797 3.718l-14.871 23.635c-0.531 0.797-1.328 1.328-2.39 1.328z" })))),
+        option.description && (React.createElement("div", { className: "delivery-option-description" }, option.description))));
+};
+export default DeliveryOptionItem;
+//# sourceMappingURL=index.js.map

package/dist/modules/delivery/DeliveryOptionItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,uBAAuB,MAAM,SAAS,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,oBAAC,uBAAuB,IACpB,SAAS,EAAE,yCAAyC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;QAElF,6BAAK,SAAS,EAAC,qBAAqB;YAChC,6BAAK,SAAS,EAAC,oBAAoB;gBAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC5F,MAAM,CAAC,KAAK,CACV;gBACN,MAAM,CAAC,SAAS,IAAI,CACjB,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC5F,MAAM,CAAC,SAAS,CACd,CACV,CACC;YACN,6BACI,SAAS,EAAE,uCAAuC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC1D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,kBACG,UAAU;gBAExB,6BACI,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,iBAAiB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,EAAE;oBAEvE,8BAAM,CAAC,EAAC,2QAA2Q,GAAG,CACpR,CACJ,CACJ;QACL,MAAM,CAAC,WAAW,IAAI,CACnB,6BAAK,SAAS,EAAC,6BAA6B,IAAE,MAAM,CAAC,WAAW,CAAO,CAC1E,CACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/modules/delivery/DeliveryOptionItem/style.d.ts

@@ -0,0 +1,3 @@
+export default DeliveryOptionItemStyle;
+declare const DeliveryOptionItemStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/modules/delivery/DeliveryOptionItem/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":";AAEA,sPA6IE"}

package/dist/modules/delivery/DeliveryOptionItem/style.js

@@ -0,0 +1,132 @@
+import styled from 'styled-components';
+const DeliveryOptionItemStyle = styled.div `
+    --account_itemBorderRadius: var(--sp1-5x);
+    --account_itemInternalPadTB: var(--sp2x);
+    --account_itemInternalPadLR: var(--sp2x);
+    --account_itemDistance: var(--sp5x);
+    --account_circleSize: var(--sp4x);
+    --account_checkSize: var(--sp2x);
+
+    width: calc(50% - var(--account_itemDistance) / 2);
+    border: 2px solid var(--account_primaryColor5);
+    border-radius: var(--account_itemBorderRadius);
+    padding: var(--account_itemInternalPadTB) var(--account_itemInternalPadLR);
+    padding-left: calc(var(--account_itemInternalPadLR) - 4px);
+
+    &.selected {
+        border-color: var(--account_primaryColor1);
+    }
+
+    .delivery-option-top {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .delivery-item-left {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            gap: var(--sp2x);
+        }
+    }
+
+    .delivery-option-description {
+        margin-top: var(--sp1x);
+        color: var(--account_primaryColor1);
+        font-size: var(--account_p);
+        line-height: var(--account_lineHeight);
+        font-family: var(--account_Font);
+        font-weight: 400;
+    }
+
+    .circle-selected-wrap {
+        width: var(--account_circleSize) !important;
+        height: var(--account_circleSize) !important;
+        border-radius: 50%;
+        border: 2px solid var(--account_primaryColor5);
+        background-color: var(--account_backgroundColor);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .selected,
+        .note-selected {
+            color: var(--account_backgroundColor);
+        }
+
+        &.active {
+            border: 2px solid var(--account_primaryColor1);
+            background-color: var(--account_primaryColor1);
+            pointer-events: none;
+        }
+
+        .checkbox-icon {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: var(--account_checkSize);
+            height: var(--account_checkSize);
+            fill: var(--account_backgroundColor);
+        }
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+        --account_itemInternalPadTB: var(--sp2x);
+        --account_itemInternalPadLR: var(--sp2x);
+        --account_itemDistance: var(--sp4x);
+        --account_circleSize: var(--sp3x);
+        --account_checkSize: var(--sp1-5x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+        --account_itemInternalPadTB: var(--sp2x);
+        --account_itemInternalPadLR: var(--sp2x);
+        --account_itemDistance: var(--sp3x);
+        --account_circleSize: var(--sp3x);
+        --account_checkSize: var(--sp1-5x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+        --account_itemInternalPadTB: var(--sp2x);
+        --account_itemInternalPadLR: var(--sp2x);
+        --account_itemDistance: var(--sp3x);
+        --account_circleSize: var(--sp3x);
+        --account_checkSize: var(--sp1-5x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+        --account_itemInternalPadTB: var(--sp2x);
+        --account_itemInternalPadLR: var(--sp2x);
+        --account_itemDistance: var(--sp2x);
+        --account_circleSize: var(--sp2-5x);
+        --account_checkSize: var(--sp1x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+        --account_itemInternalPadTB: var(--sp2x);
+        --account_itemInternalPadLR: var(--sp2x);
+        --account_itemDistance: var(--sp3x);
+        --account_circleSize: var(--sp2-5x);
+        --account_checkSize: var(--sp1x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+        --account_itemInternalPadTB: var(--sp1-5x);
+        --account_itemInternalPadLR: var(--sp1-5x);
+        --account_itemBorderRadius: var(--sp1x);
+        --account_itemDistance: var(--sp2x);
+        --account_circleSize: var(--sp2-5x);
+        --account_checkSize: var(--sp1x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+        --account_itemInternalPadTB: var(--sp1-5x);
+        --account_itemInternalPadLR: var(--sp1-5x);
+        --account_itemDistance: var(--sp1x);
+        --account_circleSize: var(--sp2-5x);
+        --account_checkSize: var(--sp1x);
+
+        width: 100%;
+    }
+`;
+export default DeliveryOptionItemStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/delivery/DeliveryOptionItem/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAsED,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;yCAQvB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;yCAQpB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;yCASrB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;CAShE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/modules/delivery/DeliveryOptions/index.d.ts

@@ -0,0 +1,4 @@
+export default DeliveryOptions;
+declare function DeliveryOptions(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/delivery/DeliveryOptions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":";AAMA,sDAoEC;kBA1E0C,OAAO"}

package/dist/modules/delivery/DeliveryOptions/index.js

@@ -0,0 +1,54 @@
+import React, { useEffect, useState } from 'react';
+import { useAccountContext } from '../../../AccountProvider';
+import { useCart } from '@weareconceptstudio/cart';
+import DeliveryOptionItem from '../DeliveryOptionItem';
+import DeliveryOptionsStyle from './style';
+const DeliveryOptions = () => {
+    const { globalSettings, delivery } = useAccountContext();
+    const { fillCart, checkoutData } = useCart();
+    const config = delivery || globalSettings?.delivery;
+    const [options, setOptions] = useState([]);
+    const [selectedId, setSelectedId] = useState(null);
+    const isEnabled = config?.enabled !== false;
+    const cartKey = config?.cartKey || 'shippingMethodId';
+    useEffect(() => {
+        if (!isEnabled)
+            return;
+        if (Array.isArray(config?.options)) {
+            const list = config.options;
+            setOptions(list || []);
+            setSelectedId((checkoutData && checkoutData[cartKey]) || list?.[0]?.id || null);
+            return;
+        }
+        if (!config?.getOptions)
+            return;
+        Promise.resolve(config.getOptions())
+            .then((list) => {
+            setOptions(list || []);
+            setSelectedId((config.getSelectedId && config.getSelectedId()) ||
+                (checkoutData && checkoutData[cartKey]) ||
+                list?.[0]?.id ||
+                null);
+        })
+            .catch(() => { });
+    }, [isEnabled, config?.options, config?.getOptions, cartKey, checkoutData]);
+    const handleChange = (id) => {
+        const option = options.find((o) => o.id === id);
+        setSelectedId(id);
+        // Allow external config to decide which cart key to use
+        if (cartKey) {
+            fillCart(cartKey, id);
+        }
+        else {
+            fillCart({ shippingMethodId: id });
+        }
+        if (config?.onChange && option) {
+            config.onChange(option);
+        }
+    };
+    if (!isEnabled || !options.length)
+        return null;
+    return (React.createElement(DeliveryOptionsStyle, { className: "delivery-options-container" }, options.map((opt) => (React.createElement(DeliveryOptionItem, { key: opt.id, option: opt, selectedId: selectedId, onSelect: handleChange })))));
+};
+export default DeliveryOptions;
+//# sourceMappingURL=index.js.map

package/dist/modules/delivery/DeliveryOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":"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"}

package/dist/modules/delivery/DeliveryOptions/style.d.ts

@@ -0,0 +1,3 @@
+export default DeliveryOptionsStyle;
+declare const DeliveryOptionsStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/modules/delivery/DeliveryOptions/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/style.js"],"names":[],"mappings":";AAEA,mPAwDE"}

package/dist/modules/delivery/DeliveryOptions/style.js

@@ -0,0 +1,47 @@
+import styled from 'styled-components';
+const DeliveryOptionsStyle = styled.div `
+    --account_flexWrapperMTop: var(--sp2x);
+    --account_itemDistance: var(--sp5x);
+
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: var(--account_flexWrapperMTop);
+    column-gap: var(--account_itemDistance);
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+        --account_flexWrapperMTop: var(--sp2x);
+        --account_itemDistance: var(--sp4x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+        --account_flexWrapperMTop: var(--sp2x);
+        --account_itemDistance: var(--sp3x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+        --account_flexWrapperMTop: var(--sp1x);
+        --account_itemDistance: var(--sp3x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+        --account_flexWrapperMTop: var(--sp1x);
+        --account_itemDistance: var(--sp2x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+        --account_flexWrapperMTop: var(--sp1x);
+        --account_itemDistance: var(--sp3x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+        --account_flexWrapperMTop: var(--sp1x);
+        --account_itemDistance: var(--sp2x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+        --account_flexWrapperMTop: var(--sp1x);
+        --account_itemDistance: var(--sp1x);
+    }
+`;
+export default DeliveryOptionsStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/delivery/DeliveryOptions/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;yCASE,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;yCAKtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;yCAKtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;yCAKtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;yCAKvB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;yCAKpB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;yCAKrB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;CAIhE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/modules/delivery/index.d.ts

@@ -0,0 +1,6 @@
+export default Delivery;
+declare function Delivery({ className }: {
+    className: any;
+}): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/delivery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/delivery/index.js"],"names":[],"mappings":";AAMA;;sBAgBC;kBAtBiB,OAAO"}

package/dist/modules/delivery/index.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Text } from '@weareconceptstudio/core';
+import { useAccountContext } from '../../AccountProvider';
+import DeliveryOptions from './DeliveryOptions';
+import DeliveryStyle from './style';
+const Delivery = ({ className }) => {
+    const { delivery, isDeliveryEnabled } = useAccountContext();
+    if (!isDeliveryEnabled)
+        return null;
+    return (React.createElement(DeliveryStyle, { className: `item-container ${className || ''}` },
+        React.createElement("div", { className: "change-delivery-wrap" },
+            React.createElement(Text, { className: "account-p account-p2 account-font-bold account-primary-color1", text: delivery?.title || 'account.delivery.method' })),
+        React.createElement(DeliveryOptions, null)));
+};
+export default Delivery;
+//# sourceMappingURL=index.js.map

package/dist/modules/delivery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/delivery/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,aAAa,MAAM,SAAS,CAAC;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5D,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACH,oBAAC,aAAa,IAAC,SAAS,EAAE,kBAAkB,SAAS,IAAI,EAAE,EAAE;QACzD,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,IAAI,IACD,SAAS,EAAC,+DAA+D,EACzE,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,yBAAyB,GACpD,CACA;QACN,oBAAC,eAAe,OAAG,CACP,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/modules/delivery/style.d.ts

@@ -0,0 +1,3 @@
+export default DeliveryStyle;
+declare const DeliveryStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/modules/delivery/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":";AAEA,4OASE"}

package/dist/modules/delivery/style.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+const DeliveryStyle = styled.div `
+    --account_changeDeliveryWrapMBot: var(--sp3x);
+
+    .change-delivery-wrap {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--account_changeDeliveryWrapMBot);
+    }
+`;
+export default DeliveryStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/delivery/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/modules/guest/GuestAddressForm/index.d.ts

@@ -0,0 +1,4 @@
+export default GuestAddressForm;
+declare function GuestAddressForm(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/guest/GuestAddressForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":";AASA,uDA0KC;kBAnLqD,OAAO"}

package/dist/modules/guest/GuestAddressForm/index.js

@@ -0,0 +1,97 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Text } from '@weareconceptstudio/core';
+import { FormBuilder } from '@weareconceptstudio/form';
+import { useAddressContext } from '../../address';
+import { useCart } from '@weareconceptstudio/cart';
+import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
+import GuestAddressFormStyle from './style';
+const GuestAddressForm = () => {
+    const { formFields, hasAddresses, hasAddressType, getFormFieldsByType, shippingFormFields, billingFormFields, } = useAddressContext();
+    const { updateCheckoutData } = useCart();
+    const formRef = useRef(null);
+    const shippingFormRef = useRef(null);
+    const billingFormRef = useRef(null);
+    useEffect(() => {
+        if (!hasAddresses) {
+            return undefined;
+        }
+        const unregister = checkoutFormsRegistry.register(async () => {
+            if (!hasAddressType) {
+                const form = formRef.current;
+                if (!form || !form.submit)
+                    return Promise.resolve();
+                const isValid = await form.trigger();
+                if (!isValid) {
+                    throw new Error('guest_address_invalid');
+                }
+                return Promise.resolve(form.submit());
+            }
+            const shippingForm = shippingFormRef.current;
+            const billingForm = billingFormRef.current;
+            const submitAndCheck = async (formInstance, errorKey) => {
+                if (!formInstance || !formInstance.submit)
+                    return Promise.resolve();
+                const isValid = await formInstance.trigger();
+                if (!isValid) {
+                    throw new Error(errorKey);
+                }
+                return Promise.resolve(formInstance.submit());
+            };
+            const validators = [];
+            if (shippingForm) {
+                validators.push(submitAndCheck(shippingForm, 'guest_shipping_address_invalid'));
+            }
+            if (billingForm) {
+                validators.push(submitAndCheck(billingForm, 'guest_billing_address_invalid'));
+            }
+            if (!validators.length)
+                return Promise.resolve();
+            return Promise.all(validators);
+        });
+        return unregister;
+    }, [hasAddressType, hasAddresses]);
+    const handleSubmit = useCallback((values) => {
+        updateCheckoutData({
+            address: values,
+        });
+    }, [updateCheckoutData]);
+    const handleShippingSubmit = useCallback((values) => {
+        updateCheckoutData({
+            shipping_address: values,
+        });
+    }, [updateCheckoutData]);
+    const handleBillingSubmit = useCallback((values) => {
+        updateCheckoutData({
+            billing_address: values,
+        });
+    }, [updateCheckoutData]);
+    if (!hasAddresses || !formFields || formFields.length === 0)
+        return null;
+    return (React.createElement(GuestAddressFormStyle, { className: 'guest-address-form checkout-mt' }, !hasAddressType ? (React.createElement(React.Fragment, null,
+        React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.guest_checkout.address' }),
+        React.createElement(FormBuilder, { className: 'form-wrapper', fields: formFields, onSubmit: handleSubmit, formOptions: {
+                ref: formRef,
+                mode: 'onSubmit',
+            } }))) : (React.createElement(React.Fragment, null, (() => {
+        const shippingFields = (getFormFieldsByType && getFormFieldsByType('shipping')) ||
+            shippingFormFields ||
+            formFields;
+        const billingFields = (getFormFieldsByType && getFormFieldsByType('billing')) ||
+            billingFormFields ||
+            formFields;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.address_management.shippingAddress' }),
+            React.createElement(FormBuilder, { className: 'form-wrapper shipping-address-form', fields: shippingFields, onSubmit: handleShippingSubmit, formOptions: {
+                    ref: shippingFormRef,
+                    mode: 'onSubmit',
+                } }),
+            React.createElement("div", { className: 'billing-address-section' },
+                React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.address_management.billingAddress' }),
+                React.createElement(FormBuilder, { className: 'form-wrapper billing-address-form', fields: billingFields, onSubmit: handleBillingSubmit, formOptions: {
+                        ref: billingFormRef,
+                        mode: 'onSubmit',
+                    } }))));
+    })()))));
+};
+export default GuestAddressForm;
+//# sourceMappingURL=index.js.map