@newskit-render/my-account 0.0.0-00038350e

package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js

@@ -0,0 +1,150 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useState } from 'react';
+import { useInstrumentation } from 'newskit';
+import { ContentListView, createClickEvent, ListItem, checkRequestHeaders, UserPlatform, } from '@newskit-render/shared-components';
+import { useAccountContext, } from '../../../context';
+import { SubscriptionType } from '../../../context/types';
+import { calculateCells, getListItemValue, getListItemArialLabel, getListItemAriaDescribedby, getValueDescription, getHref, getInvoiceData, } from '../../../helpers';
+import { handlePDF } from '../../../helpers/invoiceUtils';
+import BelowContentExtra from './BelowContentExtra';
+import { InvoiceHistoryButton } from './InvoiceHistoryButton';
+export var ContentContainer = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var introductionProps = _a.introductionProps, ariaLabel = _a.ariaLabel, items = _a.items, labelOverrides = _a.labelOverrides, invoiceOverrides = _a.invoiceOverrides, contextName = _a.contextName, belowContentExtra = _a.belowContentExtra;
+    var accountContext = useAccountContext(contextName);
+    var userData = accountContext.userData, sectionsOverrides = accountContext.sectionsOverrides, baseUrl = accountContext.baseUrl, pageTitle = accountContext.head.pageTitle, env = accountContext.env, requestHeaders = accountContext.requestHeaders, featureFlags = accountContext.featureFlags;
+    var PUBLISHER = (env || {}).PUBLISHER;
+    var fireEvent = useInstrumentation().fireEvent;
+    if (Array.isArray(items) &&
+        ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.type) === 'paymentHistory' &&
+        !((_c = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _c === void 0 ? void 0 : _c.page.content.length)) {
+        /* istanbul ignore next */
+        return null;
+    }
+    var _m = useState(3), currentInvoicePageSize = _m[0], setCurrentInvoicePageSize = _m[1];
+    var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
+    var isTNLMobileApp = checkRequestHeaders(requestHeaders, UserPlatform.native_tm_apps);
+    var extendDescriptionOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.descriptionOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.descriptionOverrides);
+    var subscriptionCancelled = userData &&
+        userData.subscriptions &&
+        ((_d = userData.subscriptions[0]) === null || _d === void 0 ? void 0 : _d.serviceCancellationDate);
+    var paymentFailure = userData && ((_e = userData.paymentFailure) === null || _e === void 0 ? void 0 : _e.active);
+    var subscriptionType = ((_g = (_f = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.type) &&
+        userData.subscriptions[0].type.toLowerCase();
+    var vouchersAvailable = ((_j = (_h = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.dtc) === false;
+    var isVoucherSubscription = (_l = (_k = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.isVoucher;
+    var cancelSubscriptionMarginBlockEnd = function () {
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.link) === undefined)
+            return undefined;
+        var canceled = subscriptionCancelled
+            ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+            : undefined;
+        return !paymentFailure || (!canceled && paymentFailure)
+            ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+            : undefined;
+    };
+    var deliveryAddressMarginBlockEnd = function () {
+        if (subscriptionType !== SubscriptionType.digital)
+            return belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd;
+        return undefined;
+    };
+    var getMarginBlockEnd = function () {
+        var _a;
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'cancel-subscription') {
+            return cancelSubscriptionMarginBlockEnd();
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'delivery-address') {
+            return deliveryAddressMarginBlockEnd();
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'payment-history') {
+            return (userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) &&
+                userData.invoiceHistory.page.content.length <= 3
+                ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+                : (_a = invoiceOverrides === null || invoiceOverrides === void 0 ? void 0 : invoiceOverrides.sectionLayout) === null || _a === void 0 ? void 0 : _a.marginBlockEnd;
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'leave-family' &&
+            (userData === null || userData === void 0 ? void 0 : userData.isUserFamilyAccountSecondary)) {
+            return belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd;
+        }
+        return undefined;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ContentListView, { introductionProps: __assign(__assign({}, introductionProps), { extendTitleOverrides: extendTitleOverrides, extendDescriptionOverrides: extendDescriptionOverrides }), ariaLabel: ariaLabel, marginBlockEnd: getMarginBlockEnd() }, items &&
+            items.map(function (item, i) {
+                if ((item === null || item === void 0 ? void 0 : item.type) === 'holidayStops' &&
+                    PUBLISHER === 'TIMES' &&
+                    (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_remove_holiday_stop))
+                    /* istanbul ignore next */
+                    return null;
+                if (subscriptionType === SubscriptionType.digital &&
+                    item.type === 'billingPostcode') {
+                    return null;
+                }
+                if (item.type === 'vouchers' || item.type === 'vouchersStartDate') {
+                    if (!vouchersAvailable) {
+                        return null;
+                    }
+                    if (item.type === 'vouchers')
+                        item.type = undefined;
+                }
+                if (item.type === 'deliveryInstructions' && isVoucherSubscription) {
+                    return null;
+                }
+                var _a = calculateCells(item), xs = _a.xs, md = _a.md;
+                var _b = getListItemAriaDescribedby(item), describedId = _b.describedId, describedBy = _b.describedBy;
+                var itemValue = getListItemValue(userData, item.type || '', item.default, item.path, {
+                    publisher: PUBLISHER,
+                });
+                var description = getValueDescription(userData, item.type || '', item.valueDescription || '');
+                var invoiceContentMap = getInvoiceData(userData, item.type, currentInvoicePageSize);
+                var ItemProps = {
+                    item: __assign(__assign({}, item), { href: getHref(baseUrl, userData, item.href, {
+                            publisher: PUBLISHER || '',
+                            type: item.type,
+                        }) }),
+                    listCellProps: {
+                        xs: xs,
+                        md: md,
+                        labelOverrides: labelOverrides,
+                        describedId: describedId,
+                        itemValue: itemValue,
+                        invoiceOverrides: invoiceOverrides,
+                        description: description || '',
+                    },
+                    listItemProps: __assign(__assign({}, describedBy), { 
+                        // This is a hack, remove when StructuredList component is refactored
+                        hideIcon: pageTitle === 'Newsletters & Alerts' ||
+                            item.label === 'Holiday Stops', overrides: {
+                            minHeight: 'sizing090',
+                        }, 'data-testid': "content-list-item-".concat(i), 'aria-label': getListItemArialLabel(userData, item) || '', onClick: function () {
+                            fireEvent(createClickEvent('content-list-view', //originator
+                            "".concat(PUBLISHER === 'TIMES'
+                                ? 'subsection option clicked'
+                                : "".concat(pageTitle, ":").concat(item.label)), //text used as event_navigation_name
+                            undefined, //label
+                            "".concat(introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, ":").concat(item.label), //article_parent_name
+                            "".concat(pageTitle) //page_name
+                            ));
+                        } }),
+                };
+                return item.type === 'paymentHistory' ? (invoiceContentMap === null || invoiceContentMap === void 0 ? void 0 : invoiceContentMap.map(function (invoice, idx) { return (React.createElement(ListItem, __assign({ key: "".concat(i, "-").concat(idx) }, ItemProps, { handlePDF: handlePDF(__assign(__assign({}, invoice), { cpn: userData.cpn }), 
+                    /* istanbul ignore next */
+                    isTNLMobileApp, function () {
+                        return fireEvent(createClickEvent('content-list-view', 'cta : view invoice', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
+                    }),
+                    item: __assign(__assign({}, ItemProps.item), invoice) }))); })) : (React.createElement(ListItem, __assign({ key: i }, ItemProps)));
+            })),
+        (belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'payment-history' ? (React.createElement(InvoiceHistoryButton, { contextName: contextName, currentInvoicePageSize: currentInvoicePageSize, setCurrentInvoicePageSize: setCurrentInvoicePageSize, marginBlockEnd: belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd })) : (belowContentExtra && (React.createElement(BelowContentExtra, { belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType, isUserFamilyAccountSecondary: !!userData.isUserFamilyAccountSecondary })))));
+};
+export default ContentContainer;
+//# sourceMappingURL=ContentContainer.js.map

package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MQ } from 'newskit';
+import { ContextName } from '../../../context/types';
+export interface InvoiceHistoryButtonProps {
+    contextName: ContextName;
+    currentInvoicePageSize: number;
+    setCurrentInvoicePageSize: (size: number) => void;
+    marginBlockEnd?: MQ<string>;
+}
+export declare const InvoiceHistoryButton: React.FC<InvoiceHistoryButtonProps>;

package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import { useInstrumentation, Button, Stack } from 'newskit';
+import { useAccountContext, } from '../../../context';
+import { createClickEvent } from '@newskit-render/shared-components';
+var minPageSize = 3;
+export var InvoiceHistoryButton = function (_a) {
+    var _b;
+    var contextName = _a.contextName, currentInvoicePageSize = _a.currentInvoicePageSize, setCurrentInvoicePageSize = _a.setCurrentInvoicePageSize, marginBlockEnd = _a.marginBlockEnd;
+    var accountContext = useAccountContext(contextName);
+    var invoiceHistory = accountContext.userData.invoiceHistory;
+    var fireEvent = useInstrumentation().fireEvent;
+    var _c = useState(false), isShowLess = _c[0], setIsShowLess = _c[1];
+    var resultsCount = ((_b = invoiceHistory === null || invoiceHistory === void 0 ? void 0 : invoiceHistory.page) === null || _b === void 0 ? void 0 : _b.content.length) || 0;
+    var hasNextPage = Boolean(resultsCount > 3);
+    var handleMoreButtonClick = function () {
+        fireEvent(createClickEvent('content-list-view', 'button : invoices : more', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
+        var nextPageSize = currentInvoicePageSize + minPageSize;
+        if (nextPageSize >= resultsCount) {
+            setIsShowLess(true);
+        }
+        setCurrentInvoicePageSize(nextPageSize);
+    };
+    var handleShowLess = function () {
+        fireEvent(createClickEvent('content-list-view', 'button : invoices : less', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
+        setIsShowLess(false);
+        setCurrentInvoicePageSize(minPageSize);
+    };
+    return (React.createElement(Stack, { flow: "vertical-center", stackDistribution: "center", marginBlockEnd: marginBlockEnd }, hasNextPage && (React.createElement(Button, { size: "medium", overrides: {
+            stylePreset: 'buttonGroupOutlinedTransparent',
+            paddingInline: {
+                xs: 'space110',
+                sm: 'space120',
+            },
+        }, onClick: isShowLess ? handleShowLess : handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
+};
+//# sourceMappingURL=InvoiceHistoryButton.js.map

package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceHistoryButton.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/InvoiceHistoryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAM,MAAM,SAAS,CAAA;AAC/D,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAUpE,IAAM,WAAW,GAAG,CAAC,CAAA;AAErB,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,EAKzE;;QAJC,WAAW,iBAAA,EACX,sBAAsB,4BAAA,EACtB,yBAAyB,+BAAA,EACzB,cAAc,oBAAA;IAEd,IAAM,cAAc,GAAG,iBAAiB,CACtC,WAAW,CACwB,CAAA;IAEvB,IAAA,cAAc,GACxB,cAAc,wBADU,CACV;IACV,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAEpC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,OAAO,CAAC,MAAM,KAAI,CAAC,CAAA;IAC9D,IAAM,WAAW,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;IAE7C,IAAM,qBAAqB,GAAG;QAC5B,SAAS,CACP,gBAAgB,CACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,IAAM,YAAY,GAAG,sBAAsB,GAAG,WAAW,CAAA;QAEzD,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;QAED,yBAAyB,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,SAAS,CACP,gBAAgB,CACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,yBAAyB,CAAC,WAAW,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAE7B,WAAW,IAAI,CACd,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;YACT,WAAW,EAAE,gCAAgC;YAC7C,aAAa,EAAE;gBACb,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;SACF,EACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,IAE3D,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAC3B,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/ContentContainer/index.d.ts

@@ -0,0 +1,3 @@
+import ContentContainer from './ContentContainer';
+export * from './types';
+export default ContentContainer;

package/dist/esm/Components/Sections/ContentContainer/index.js

@@ -0,0 +1,4 @@
+import ContentContainer from './ContentContainer';
+export * from './types';
+export default ContentContainer;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/ContentContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,cAAc,SAAS,CAAA;AAEvB,eAAe,gBAAgB,CAAA"}

package/dist/esm/Components/Sections/ContentContainer/types.d.ts

@@ -0,0 +1,26 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+export type BelowContentExtra = {
+    type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
+    link?: {
+        props: StandaloneLinkPropsOverridable;
+    };
+    modal?: Partial<ModalProps>;
+    infoPanel?: InfoPanel & {
+        href?: boolean;
+    };
+    marginBlockEnd?: MQ<string>;
+};
+export type ContentContainerProps = {
+    introductionProps?: IntroductionProps;
+    image?: ImageProps;
+    ariaLabel?: string;
+    items: Array<ListItemType>;
+    labelOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    invoiceOverrides?: InvoiceOverrides;
+    belowContentExtra?: BelowContentExtra;
+};

package/dist/esm/Components/Sections/ContentContainer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/ContentContainer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/Form/Address/FormAddress.d.ts

@@ -0,0 +1,13 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { FormRef } from 'newskit';
+import { AddressProps, InputRefs, Subscription } from './types';
+import { NextRouter } from 'next/router';
+declare global {
+    interface Window {
+        pca: any;
+    }
+}
+export declare const populateCallback: (inputRefs: InputRefs, formRef: React.RefObject<FormRef>, setCountryCode: React.Dispatch<React.SetStateAction<string>>) => () => void;
+export declare const addressSubmit: (disable: boolean | undefined, e: Record<string, unknown>, validationSchemaKey?: string, router?: NextRouter, handleFormError?: () => void, handleSuccessForm?: () => void, redirectUrl?: string, setShowModal?: Dispatch<SetStateAction<boolean>>, subscriptions?: Array<Subscription>) => void;
+declare const FormAddress: React.FC<AddressProps>;
+export default FormAddress;

package/dist/esm/Components/Sections/Form/Address/FormAddress.js

@@ -0,0 +1,269 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useRef, useState, } from 'react';
+import { css, styled, Cell, Form, Global, Block, ScreenReaderOnly, useInstrumentation, FormInput, FormInputLabel, FormInputTextField, FormInputAssistiveText, FormInputSelect, SelectOption, LayerOrganizer, } from 'newskit';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useRouter } from 'next/router';
+import { Loqate } from '../../../Elements/Loqate';
+import { Modal, FormGrid, ButtonGroup, createClickEvent, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../../../context';
+import onSubmit from '../onFormSubmit';
+import { isoCodes } from './isoCodes';
+import { ContextName } from '../../../../context/types';
+import { replaceBaseURL, getSanitizedObject } from '../../../../helpers';
+import { zIndexModal } from '../../../Sections/LayoutContentContainer';
+var StyledCountryBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  & > div[data-testid='select-panel'] {\n    z-index: 1;\n  }\n"], ["\n  position: relative;\n  & > div[data-testid='select-panel'] {\n    z-index: 1;\n  }\n"])));
+export var populateCallback = function (inputRefs, formRef, setCountryCode) {
+    return function () {
+        var _a, _b, _c;
+        setCountryCode(((_b = (_a = inputRefs === null || inputRefs === void 0 ? void 0 : inputRefs.country) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.value) || '');
+        Object.keys(inputRefs).forEach(function (name) {
+            var _a;
+            return (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.setValue("".concat(name), inputRefs["".concat(name)].current.value || '');
+        });
+        (_c = formRef.current) === null || _c === void 0 ? void 0 : _c.clearValidation();
+    };
+};
+export var addressSubmit = function (disable, e, validationSchemaKey, router, handleFormError, handleSuccessForm, redirectUrl, setShowModal, subscriptions) {
+    if (!disable) {
+        var search = e.search, addressObject = __rest(e, ["search"]);
+        onSubmit(__assign({}, addressObject), validationSchemaKey, router, handleFormError, handleSuccessForm, redirectUrl, setShowModal, subscriptions);
+    }
+};
+var FormAddress = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var buttonGroupProps = _a.buttonGroupProps, disable = _a.disable, fullAddressInput = _a.fullAddressInput, line1Input = _a.line1Input, line2Input = _a.line2Input, line3Input = _a.line3Input, cityInput = _a.cityInput, countyInput = _a.countyInput, postcodeInput = _a.postcodeInput, countryInput = _a.countryInput, inputText = _a.inputText, marginBlockEnd = _a.marginBlockEnd, baseUrl = _a.baseUrl;
+    var contextName = ContextName.editField;
+    var formRef = useRef(null);
+    var inputRefs = {
+        line1: useRef(null),
+        line2: useRef(null),
+        line3: useRef(null),
+        city: useRef(null),
+        county: useRef(null),
+        postcode: useRef(null),
+        country: useRef(null),
+    };
+    var _y = useAccountContext(contextName), data = _y.data, env = _y.env, validation = _y.validation, handleError = _y.handleError, handleWarning = _y.handleWarning, handleSuccess = _y.handleSuccess, handleLoading = _y.handleLoading, errorMessages = _y.errorMessages, genericErrorMessage = _y.genericErrorMessage, outsideDeliveryAddressModal = _y.outsideDeliveryAddressModal, isFooterVisible = _y.isFooterVisible;
+    var addressData = getSanitizedObject(data.fields || {}, 'decode');
+    var initialCountryCode = ((_b = data.fields) === null || _b === void 0 ? void 0 : _b.country.countryIsoCode) ||
+        ((_c = countryInput === null || countryInput === void 0 ? void 0 : countryInput.optionsProps) === null || _c === void 0 ? void 0 : _c.defaultValue) ||
+        '';
+    var _z = useState(initialCountryCode), countryCode = _z[0], setCountryCode = _z[1];
+    var subscriptions = data.subscriptions;
+    var router = useRouter();
+    var fieldSchema = validation[data.validationSchemaKey || ''];
+    var resolver = yupResolver(fieldSchema);
+    var _0 = useState(false), loading = _0[0], setLoading = _0[1];
+    var handleFormError = function () {
+        if (handleError)
+            handleError(data.validationSchemaKey || '', errorMessages, genericErrorMessage);
+    };
+    var _1 = useState(false), showModal = _1[0], setShowModal = _1[1];
+    var fireEvent = useInstrumentation().fireEvent;
+    var initLoqateListeners = function () {
+        var fields = [
+            {
+                element: 'search',
+                field: 'Label',
+            },
+            {
+                element: 'line1',
+                field: 'Line1',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'line2',
+                field: 'Line2',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'line3',
+                field: 'Line3',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'city',
+                field: 'City',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'county',
+                field: 'ProvinceName',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'postcode',
+                field: 'PostalCode',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+            {
+                element: 'inputCountry',
+                field: 'CountryIso3',
+                mode: window.pca.fieldMode.POPULATE,
+            },
+        ];
+        var options = { key: env.LOQACCOUNT_KEY };
+        var pca = window.pca;
+        var control = new pca.Address(fields, options);
+        control.load();
+        control.listen('populate', populateCallback(inputRefs, formRef, setCountryCode));
+    };
+    useEffect(function () {
+        if (env === null || env === void 0 ? void 0 : env.LOQACCOUNT_KEY) {
+            var initLoqateInterval_1 = setInterval(function () {
+                if (window.pca) {
+                    initLoqateListeners();
+                    clearInterval(initLoqateInterval_1);
+                }
+            }, 500);
+        }
+    }, []);
+    var handleModalRedirect = function (redirectUrl) {
+        if (redirectUrl) {
+            router.push(replaceBaseURL(baseUrl, redirectUrl) || '/').then(function () {
+                handleWarning('postcode', errorMessages, genericErrorMessage);
+            });
+        }
+    };
+    var dismissModal = function () {
+        setShowModal(false);
+        setLoading(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Global, { styles: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          form {\n            width: 100%;\n          }\n\n          .pca .pcaautocomplete {\n            z-index: 0;\n          }\n\n          .pca .pcaautocomplete:first-of-type {\n            display: none;\n          }\n\n          @media screen and (max-width: 480px) {\n            .pca .pcaautocomplete {\n              width: 50%;\n            }\n          }\n\n          .pca .pcaselected {\n            background-color: #e4e4e4;\n          }\n\n          :focus-visible {\n            outline: none;\n          }\n        "], ["\n          form {\n            width: 100%;\n          }\n\n          .pca .pcaautocomplete {\n            z-index: 0;\n          }\n\n          .pca .pcaautocomplete:first-of-type {\n            display: none;\n          }\n\n          @media screen and (max-width: 480px) {\n            .pca .pcaautocomplete {\n              width: 50%;\n            }\n          }\n\n          .pca .pcaselected {\n            background-color: #e4e4e4;\n          }\n\n          :focus-visible {\n            outline: none;\n          }\n        "]))) }),
+        React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", isFooterVisible: isFooterVisible },
+            React.createElement(React.Fragment, null,
+                React.createElement(Form, { ref: formRef, resolver: resolver, onSubmit: function (e) {
+                        setLoading(true);
+                        if (handleLoading)
+                            handleLoading(data.validationSchemaKey || '', errorMessages, genericErrorMessage);
+                        addressSubmit(disable, __assign(__assign({}, e), { country: countryCode }), data.validationSchemaKey || '', router, handleFormError, handleSuccess, baseUrl, setShowModal, subscriptions);
+                    }, reValidationMode: "onBlur", validationMode: "onBlur" },
+                    React.createElement(React.Fragment, null, (env === null || env === void 0 ? void 0 : env.LOQACCOUNT_KEY) && (React.createElement(Cell, __assign({}, ((fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.paddingInline) ||
+                                (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.marginBlockEnd) ||
+                                (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "search" },
+                                React.createElement(FormInputLabel, __assign({}, fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.labelProps), (_d = fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.labelProps) === null || _d === void 0 ? void 0 : _d.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "pca-override", size: "medium", "aria-describedby": "search-description", "data-testid": "full-address", ref: inputRefs.line1 }, fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', //originator
+                                        "".concat(env.PUBLISHER === 'TIMES'
+                                            ? 'address section clicked'
+                                            : "personal details update:".concat((_a = fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.labelProps) === null || _a === void 0 ? void 0 : _a.text)), //event_navigation_name
+                                        undefined, //label
+                                        undefined, //article_parent_name
+                                        "address" //page_name
+                                        ));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.assistiveTextProps), (_e = fullAddressInput === null || fullAddressInput === void 0 ? void 0 : fullAddressInput.assistiveTextProps) === null || _e === void 0 ? void 0 : _e.text)),
+                            React.createElement(ScreenReaderOnly, null,
+                                React.createElement("p", { id: "search-description" }, "Start by typing any part of an address or postcode. Then move through the list using the up and down arrow keys and press enter to select the address.")))))),
+                    React.createElement(Cell, __assign({}, ((line1Input === null || line1Input === void 0 ? void 0 : line1Input.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (line1Input === null || line1Input === void 0 ? void 0 : line1Input.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (line1Input === null || line1Input === void 0 ? void 0 : line1Input.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (line1Input === null || line1Input === void 0 ? void 0 : line1Input.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (line1Input === null || line1Input === void 0 ? void 0 : line1Input.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "line1" },
+                                React.createElement(FormInputLabel, __assign({}, line1Input === null || line1Input === void 0 ? void 0 : line1Input.labelProps), (_f = line1Input === null || line1Input === void 0 ? void 0 : line1Input.labelProps) === null || _f === void 0 ? void 0 : _f.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "address-line1", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.line1, "data-testid": "line1", ref: inputRefs.line1 }, line1Input === null || line1Input === void 0 ? void 0 : line1Input.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = line1Input === null || line1Input === void 0 ? void 0 : line1Input.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, line1Input === null || line1Input === void 0 ? void 0 : line1Input.assistiveTextProps), (_g = line1Input === null || line1Input === void 0 ? void 0 : line1Input.assistiveTextProps) === null || _g === void 0 ? void 0 : _g.text)))),
+                    React.createElement(Cell, __assign({}, ((line2Input === null || line2Input === void 0 ? void 0 : line2Input.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (line2Input === null || line2Input === void 0 ? void 0 : line2Input.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (line2Input === null || line2Input === void 0 ? void 0 : line2Input.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (line2Input === null || line2Input === void 0 ? void 0 : line2Input.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (line2Input === null || line2Input === void 0 ? void 0 : line2Input.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "line2" },
+                                React.createElement(FormInputLabel, __assign({}, line2Input === null || line2Input === void 0 ? void 0 : line2Input.labelProps), (_h = line2Input === null || line2Input === void 0 ? void 0 : line2Input.labelProps) === null || _h === void 0 ? void 0 : _h.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "address-line2", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.line2, "data-testid": "line2", ref: inputRefs.line2 }, line2Input === null || line2Input === void 0 ? void 0 : line2Input.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = line2Input === null || line2Input === void 0 ? void 0 : line2Input.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, line2Input === null || line2Input === void 0 ? void 0 : line2Input.assistiveTextProps), (_j = line2Input === null || line2Input === void 0 ? void 0 : line2Input.assistiveTextProps) === null || _j === void 0 ? void 0 : _j.text)))),
+                    React.createElement(Cell, __assign({}, ((line3Input === null || line3Input === void 0 ? void 0 : line3Input.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (line3Input === null || line3Input === void 0 ? void 0 : line3Input.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (line3Input === null || line3Input === void 0 ? void 0 : line3Input.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (line3Input === null || line3Input === void 0 ? void 0 : line3Input.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (line3Input === null || line3Input === void 0 ? void 0 : line3Input.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "line3" },
+                                React.createElement(FormInputLabel, __assign({}, line3Input === null || line3Input === void 0 ? void 0 : line3Input.labelProps), (_k = line3Input === null || line3Input === void 0 ? void 0 : line3Input.labelProps) === null || _k === void 0 ? void 0 : _k.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "address-line3", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.line3, "data-testid": "line3", ref: inputRefs.line3 }, line3Input === null || line3Input === void 0 ? void 0 : line3Input.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = line3Input === null || line3Input === void 0 ? void 0 : line3Input.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, line3Input === null || line3Input === void 0 ? void 0 : line3Input.assistiveTextProps), (_l = line3Input === null || line3Input === void 0 ? void 0 : line3Input.assistiveTextProps) === null || _l === void 0 ? void 0 : _l.text)))),
+                    React.createElement(Cell, __assign({}, ((cityInput === null || cityInput === void 0 ? void 0 : cityInput.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (cityInput === null || cityInput === void 0 ? void 0 : cityInput.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (cityInput === null || cityInput === void 0 ? void 0 : cityInput.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (cityInput === null || cityInput === void 0 ? void 0 : cityInput.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (cityInput === null || cityInput === void 0 ? void 0 : cityInput.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "city" },
+                                React.createElement(FormInputLabel, __assign({}, cityInput === null || cityInput === void 0 ? void 0 : cityInput.labelProps), (_m = cityInput === null || cityInput === void 0 ? void 0 : cityInput.labelProps) === null || _m === void 0 ? void 0 : _m.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "address-level2", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.city, "data-testid": "city", ref: inputRefs.city }, cityInput === null || cityInput === void 0 ? void 0 : cityInput.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = cityInput === null || cityInput === void 0 ? void 0 : cityInput.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, cityInput === null || cityInput === void 0 ? void 0 : cityInput.assistiveTextProps), (_o = cityInput === null || cityInput === void 0 ? void 0 : cityInput.assistiveTextProps) === null || _o === void 0 ? void 0 : _o.text)))),
+                    React.createElement(Cell, __assign({}, ((countyInput === null || countyInput === void 0 ? void 0 : countyInput.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (countyInput === null || countyInput === void 0 ? void 0 : countyInput.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (countyInput === null || countyInput === void 0 ? void 0 : countyInput.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (countyInput === null || countyInput === void 0 ? void 0 : countyInput.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (countyInput === null || countyInput === void 0 ? void 0 : countyInput.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "county" },
+                                React.createElement(FormInputLabel, __assign({}, countyInput === null || countyInput === void 0 ? void 0 : countyInput.labelProps), (_p = countyInput === null || countyInput === void 0 ? void 0 : countyInput.labelProps) === null || _p === void 0 ? void 0 : _p.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "address-level3", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.county, "data-testid": "county", ref: inputRefs.county }, countyInput === null || countyInput === void 0 ? void 0 : countyInput.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = countyInput === null || countyInput === void 0 ? void 0 : countyInput.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, __assign({}, countyInput === null || countyInput === void 0 ? void 0 : countyInput.assistiveTextProps), (_q = countyInput === null || countyInput === void 0 ? void 0 : countyInput.assistiveTextProps) === null || _q === void 0 ? void 0 : _q.text)))),
+                    React.createElement(Cell, __assign({}, ((postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(Block, { stylePreset: (postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement(FormInput, { name: "postcode" },
+                                React.createElement(FormInputLabel, __assign({}, postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.labelProps), (_r = postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.labelProps) === null || _r === void 0 ? void 0 : _r.text),
+                                React.createElement(FormInputTextField, __assign({ autoComplete: "postal-code", size: "medium", defaultValue: addressData === null || addressData === void 0 ? void 0 : addressData.postcode, "data-testid": "postcode", ref: inputRefs.postcode }, postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.formInputTextFieldProps, { onClick: function () {
+                                        var _a;
+                                        return fireEvent(createClickEvent('text-input', "personal details update:".concat((_a = postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.labelProps) === null || _a === void 0 ? void 0 : _a.text)));
+                                    } })),
+                                React.createElement(FormInputAssistiveText, null, (_s = postcodeInput === null || postcodeInput === void 0 ? void 0 : postcodeInput.assistiveTextProps) === null || _s === void 0 ? void 0 : _s.text)))),
+                    React.createElement(Cell, __assign({}, ((countryInput === null || countryInput === void 0 ? void 0 : countryInput.cells) || (inputText === null || inputText === void 0 ? void 0 : inputText.cells))),
+                        React.createElement(StyledCountryBlock, { stylePreset: (countryInput === null || countryInput === void 0 ? void 0 : countryInput.stylePreset) || (inputText === null || inputText === void 0 ? void 0 : inputText.stylePreset), paddingInline: (countryInput === null || countryInput === void 0 ? void 0 : countryInput.paddingInline) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingInline), paddingBlock: (countryInput === null || countryInput === void 0 ? void 0 : countryInput.paddingBlock) || (inputText === null || inputText === void 0 ? void 0 : inputText.paddingBlock), marginBlockEnd: (countryInput === null || countryInput === void 0 ? void 0 : countryInput.marginBlockEnd) || (inputText === null || inputText === void 0 ? void 0 : inputText.marginBlockEnd) },
+                            React.createElement("input", { type: "hidden", name: "inputCountry", ref: inputRefs.country }),
+                            React.createElement(FormInput, { name: "country" },
+                                React.createElement(FormInputLabel, { overrides: (_t = countryInput === null || countryInput === void 0 ? void 0 : countryInput.labelProps) === null || _t === void 0 ? void 0 : _t.overrides }, (_u = countryInput === null || countryInput === void 0 ? void 0 : countryInput.labelProps) === null || _u === void 0 ? void 0 : _u.text),
+                                React.createElement(FormInputSelect, { size: "medium", "data-testid": "select-country", onChange: function (e) {
+                                        return setCountryCode(e.target.value);
+                                    }, autoComplete: "country-name", "aria-describedby": undefined, panelPosition: "top", overrides: {
+                                        panel: {
+                                            maxHeight: (_v = countryInput === null || countryInput === void 0 ? void 0 : countryInput.panelProps) === null || _v === void 0 ? void 0 : _v.maxHeight,
+                                            zIndex: (_w = countryInput === null || countryInput === void 0 ? void 0 : countryInput.panelProps) === null || _w === void 0 ? void 0 : _w.zIndex,
+                                        },
+                                    } }, isoCodes.map(function (_a) {
+                                    var field = _a.field, value = _a.value;
+                                    return (React.createElement(SelectOption, { key: field, value: value, "data-testid": field, selected: value === countryCode, defaultSelected: value === countryCode }, field));
+                                }))))),
+                    React.createElement(Block, { marginBlockEnd: marginBlockEnd }),
+                    React.createElement(ButtonGroup, __assign({ loading: loading }, buttonGroupProps))),
+                (env === null || env === void 0 ? void 0 : env.LOQACCOUNT_KEY) && React.createElement(Loqate, null))),
+        React.createElement(LayerOrganizer, { zIndex: zIndexModal },
+            React.createElement(Modal, { closePosition: "right", overrides: __assign({}, outsideDeliveryAddressModal === null || outsideDeliveryAddressModal === void 0 ? void 0 : outsideDeliveryAddressModal.overrides), introduction: __assign({}, outsideDeliveryAddressModal === null || outsideDeliveryAddressModal === void 0 ? void 0 : outsideDeliveryAddressModal.introduction), open: showModal, onDismiss: function () { return dismissModal(); }, buttonGroup: {
+                    primaryButton: __assign(__assign({}, (_x = outsideDeliveryAddressModal === null || outsideDeliveryAddressModal === void 0 ? void 0 : outsideDeliveryAddressModal.buttonGroup) === null || _x === void 0 ? void 0 : _x.primaryButton), { onClick: function () {
+                            return handleModalRedirect(outsideDeliveryAddressModal === null || outsideDeliveryAddressModal === void 0 ? void 0 : outsideDeliveryAddressModal.redirectUrl);
+                        } }),
+                }, modalLink: __assign({}, outsideDeliveryAddressModal === null || outsideDeliveryAddressModal === void 0 ? void 0 : outsideDeliveryAddressModal.modalLink) }))));
+};
+export default FormAddress;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FormAddress.js.map