@faststore/components 2.0.104-alpha.0 → 2.0.106-alpha.0

package/dist/index.d.ts

@@ -111,6 +111,8 @@ export { default as PaymentMethods } from './organisms/PaymentMethods';
 export type { PaymentMethodsProps } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
 export type { PriceRangeProps } from './organisms/PriceRange';
+export { default as RegionModal } from './organisms/RegionModal';
+export type { RegionModalProps } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';
 export type { SearchInputProps } from './organisms/SearchInput';
 export { default as ShippingSimulation } from './organisms/ShippingSimulation';

package/dist/index.js

@@ -61,6 +61,7 @@ export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './org
 export { default as OutOfStock } from './organisms/OutOfStock';
 export { default as PaymentMethods } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
+export { default as RegionModal } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';
 export { default as ShippingSimulation } from './organisms/ShippingSimulation';
 export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';

package/dist/index.js.map

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

package/dist/molecules/Modal/ModalHeader.d.ts

@@ -13,6 +13,9 @@ export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
      * Props for the Close Button component.
      */
     closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>;
+    /**
+     * Function called when dismiss button is clicked.
+     */
     onClose?: () => void;
 }
 declare const ModalHeader: ({ onClose, title, closeBtnProps, description, }: ModalHeaderProps) => JSX.Element;

package/dist/molecules/Modal/ModalHeader.js

@@ -3,7 +3,7 @@ import Icon from '../../atoms/Icon';
 import IconButton from '../IconButton';
 const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
     return (React.createElement("header", { "data-fs-modal-header": true },
-        onClose && (React.createElement(IconButton, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: React.createElement(Icon, { name: "X" }), "aria-label": "Close modal", ...closeBtnProps })),
+        onClose && (React.createElement(IconButton, { "data-fs-modal-header-close-button": true, "aria-label": "Close modal", icon: React.createElement(Icon, { name: "X" }), onClick: () => onClose?.(), ...closeBtnProps })),
         React.createElement("p", { "data-fs-modal-header-title": true }, title),
         description && React.createElement("p", { "data-fs-modal-header-description": true }, description)));
 };

package/dist/molecules/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAA+B,MAAM,eAAe,CAAA;AAqB3D,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,GACM,EAAE,EAAE;IACrB,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,6CAE1B,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,gBACZ,aAAa,KACpB,aAAa,GACjB,CACH;QACD,iEAA+B,KAAK,CAAK;QACxC,WAAW,IAAI,uEAAqC,WAAW,CAAK,CAC9D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAA+B,MAAM,eAAe,CAAA;AAqB3D,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,GACM,EAAE,EAAE;IACrB,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,UAAU,6DAEE,aAAa,EACxB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,KACtB,aAAa,GACjB,CACH;QACD,iEAA+B,KAAK,CAAK;QACxC,WAAW,IAAI,uEAAqC,WAAW,CAAK,CAC9D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/RegionModal/RegionModal.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { MutableRefObject } from 'react';
+import type { ModalProps, LinkProps, LinkElementType } from '../../';
+export interface RegionModalProps extends Omit<ModalProps, 'children'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * The region modal's title.
+     */
+    title?: string;
+    /**
+     * Description for region modal.
+     */
+    description?: string;
+    /**
+     * Props for the link `I don't know my Postal Code`.
+     */
+    idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * Props for the `I don't know my Postal Code` link on modal body content.
+     */
+    linkText?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * Message of error for input.
+     */
+    errorMessage?: string;
+    /**
+     * Postal code input's ref.
+     */
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * Postal code input's value.
+     */
+    inputValue?: string;
+    /**
+     * Enables fadeOut effect on modal after onSubmit function
+     */
+    fadeOutOnSubmit?: boolean;
+    /**
+     * Function called when Close button is clicked.
+     */
+    onClose?: () => void;
+    /**
+     * Callback function when input is typed.
+     */
+    onInput?: (event: React.FormEvent<HTMLInputElement>) => void;
+    /**
+     * Callback function when form is submitted.
+     */
+    onSubmit?: () => void;
+    /**
+     * Callback function when the input clear button is clicked.
+     */
+    onClear?: () => void;
+}
+declare function RegionModal({ testId, title, description, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
+export default RegionModal;

package/dist/organisms/RegionModal/RegionModal.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon, InputField, Link, Modal, ModalHeader, ModalBody } from '../..';
+function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, onClose, onInput, onSubmit, onClear, ...otherProps }) {
+    return (React.createElement(Modal, { "data-fs-region-modal": true, testId: testId, ...otherProps }, ({ fadeOut }) => (React.createElement(React.Fragment, null,
+        React.createElement(ModalHeader, { onClose: () => {
+                fadeOut();
+                onClose?.();
+            }, title: title, description: description, closeBtnProps: {
+                'aria-label': 'Close Region Modal',
+            } }),
+        React.createElement(ModalBody, null,
+            React.createElement(InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: "Postal Code", actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+                    onSubmit?.();
+                    fadeOutOnSubmit ? fadeOut() : null;
+                }, onClear: () => onClear?.(), error: errorMessage }),
+            React.createElement(Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (React.createElement(React.Fragment, null,
+                "I don't know my Postal Code",
+                React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 })))))))));
+}
+export default RegionModal;
+//# sourceMappingURL=RegionModal.js.map

package/dist/organisms/RegionModal/RegionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0D7E,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,sEAAsE,EACpF,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACI;IACjB,OAAO,CACL,oBAAC,KAAK,kCAAsB,MAAM,EAAE,MAAM,KAAM,UAAU,IACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB;QACE,oBAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,EAAE,CAAA;YACb,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE;gBACb,YAAY,EAAE,oBAAoB;aACnC,GACD;QACF,oBAAC,SAAS;YACR,oBAAC,UAAU,wCAET,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,aAAa,EACnB,UAAU,QACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,EAAE,EAAE,CAAA;oBACZ,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,KAAK,EAAE,YAAY,GACnB;YAEF,oBAAC,IAAI,0CAA+B,sBAAsB,IACvD,sBAAsB,EAAE,QAAQ,IAAI,CACnC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI,CACG,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/RegionModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './RegionModal';
+export type { RegionModalProps } from './RegionModal';

package/dist/organisms/RegionModal/index.js

@@ -0,0 +1,2 @@
+export { default } from './RegionModal';
+//# sourceMappingURL=index.js.map

package/dist/organisms/RegionModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts

@@ -39,7 +39,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     optionsLabel?: string;
     /**
-     * Props for the link for i don't know my postal code.
+     * Props for the link `I don't know my Postal Code`.
      */
     idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>;
     /**
@@ -51,7 +51,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     onSubmit?: () => void;
     /**
-     * Callback function when the clear button is clicked.
+     * Callback function when the input clear button is clicked.
      */
     onClear?: () => void;
     /**
@@ -67,7 +67,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     displayClearButton?: boolean;
     /**
-     * Message of error.
+     * Message of error for input.
      */
     errorMessage?: string;
     /**

package/dist/organisms/ShippingSimulation/ShippingSimulation.js

@@ -1,14 +1,13 @@
 import React from 'react';
-import { Icon, InputField, Link, Price, Table, TableBody, TableCell, TableRow } from '../..';
-function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = "Shipping", inputLabel = "Postal Code", optionsLabel = "Shipping options", idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
+import { Icon, InputField, Link, Price, Table, TableBody, TableCell, TableRow, } from '../..';
+function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = 'Shipping', inputLabel = 'Postal Code', optionsLabel = 'Shipping options', idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
     const hasShippingOptions = !!options && options.length > 0;
-    return (React.createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? "true" : "false", "data-testid": testId, ...otherProps },
+    return (React.createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? 'true' : 'false', "data-testid": testId, ...otherProps },
         React.createElement("h2", { "data-fs-shipping-simulation-title": true }, title),
         React.createElement(InputField, { actionable: true, error: errorMessage, id: `${testId}-input-field`, label: inputLabel, value: postalCode, onInput: (event) => onInput?.(event), onSubmit: () => onSubmit?.(), onClear: () => onClear?.(), displayClearButton: displayClearButton }),
-        React.createElement(Link, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ??
-            React.createElement(React.Fragment, null,
-                "I don't know my Postal Code",
-                React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 }))),
+        React.createElement(Link, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (React.createElement(React.Fragment, null,
+            "I don't know my Postal Code",
+            React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 })))),
         hasShippingOptions && (React.createElement(React.Fragment, null,
             React.createElement("header", { "data-fs-shipping-simulation-header": true },
                 React.createElement("h3", { "data-fs-shipping-simulation-subtitle": true }, optionsLabel),

package/dist/organisms/ShippingSimulation/ShippingSimulation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EAAE,UAAU,EAAE,IAAI,EAA8B,KAAK,EAAE,KAAK,EAChE,SAAS,EACT,SAAS,EACT,QAAQ,EACT,MAAM,OAAO,CAAA;AA8Ed,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAI,aAAa,EAC3B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IAExB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEACG,KAAK,CACH;QAEL,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,4CAAkC,IAAI,EAAC,OAAO,KAAK,sBAAsB,IAEnF,sBAAsB,EAAE,QAAQ;YAChC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CAEA;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EACG,QAAQ,CACP,CACG;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EAGJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAA;AA8Ed,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAG,aAAa,EAC1B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IACxB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEAAuC,KAAK,CAAM;QAElD,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IACH,IAAI,EAAC,GAAG,4CAER,IAAI,EAAC,OAAO,KACR,sBAAsB,IAEzB,sBAAsB,EAAE,QAAQ,IAAI,CACnC;YACG,6BAA6B;YAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EAAyC,QAAQ,CAAK,CAC/C;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.104-alpha.0",
+  "version": "2.0.106-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "0db7f06c36c7c41ecec51f247b21866469977618"
+  "gitHead": "e2e1f115c8372629eb729918052f662337a0c3b3"
 }

package/src/index.ts

@@ -242,6 +242,9 @@ export type { PaymentMethodsProps } from './organisms/PaymentMethods'
 export { default as PriceRange } from './organisms/PriceRange'
 export type { PriceRangeProps } from './organisms/PriceRange'
 
+export { default as RegionModal } from './organisms/RegionModal'
+export type { RegionModalProps } from './organisms/RegionModal'
+
 export { default as SearchInput } from './organisms/SearchInput'
 export type { SearchInputProps } from './organisms/SearchInput'
 

package/src/molecules/Modal/ModalHeader.tsx

@@ -7,17 +7,17 @@ export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
    * Title for header modal.
    */
   title: string
-
   /**
    * Description for header modal.
    */
   description?: string
-
   /**
    * Props for the Close Button component.
    */
   closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>
-
+  /**
+   * Function called when dismiss button is clicked.
+   */
   onClose?: () => void
 }
 
@@ -31,10 +31,10 @@ const ModalHeader = ({
     <header data-fs-modal-header>
       {onClose && (
         <IconButton
-          onClick={() => onClose?.()}
           data-fs-modal-header-close-button
-          icon={<Icon name="X" />}
           aria-label="Close modal"
+          icon={<Icon name="X" />}
+          onClick={() => onClose?.()}
           {...closeBtnProps}
         />
       )}

package/src/organisms/RegionModal/RegionModal.tsx

@@ -0,0 +1,125 @@
+import React from 'react'
+
+import type { MutableRefObject } from 'react'
+import type { ModalProps, LinkProps, LinkElementType } from '../../'
+import { Icon, InputField, Link, Modal, ModalHeader, ModalBody } from '../..'
+
+export interface RegionModalProps extends Omit<ModalProps, 'children'> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress,
+   * testing-library, and jest).
+   */
+  testId?: string
+  /**
+   * The region modal's title.
+   */
+  title?: string
+  /**
+   * Description for region modal.
+   */
+  description?: string
+  /**
+   * Props for the link `I don't know my Postal Code`.
+   */
+  idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>
+  /**
+   * Props for the `I don't know my Postal Code` link on modal body content.
+   */
+  linkText?: Partial<LinkProps<LinkElementType>>
+  /**
+   * Message of error for input.
+   */
+  errorMessage?: string
+  /**
+   * Postal code input's ref.
+   */
+  inputRef?: MutableRefObject<HTMLInputElement | null>
+  /**
+   * Postal code input's value.
+   */
+  inputValue?: string
+  /**
+   * Enables fadeOut effect on modal after onSubmit function
+   */
+  fadeOutOnSubmit?: boolean
+  /**
+   * Function called when Close button is clicked.
+   */
+  onClose?: () => void
+  /**
+   * Callback function when input is typed.
+   */
+  onInput?: (event: React.FormEvent<HTMLInputElement>) => void
+  /**
+   * Callback function when form is submitted.
+   */
+  onSubmit?: () => void
+  /**
+   * Callback function when the input clear button is clicked.
+   */
+  onClear?: () => void
+}
+
+function RegionModal({
+  testId = 'fs-region-modal',
+  title = 'Set your location',
+  description = 'Prices, offers and availability may vary according to your location.',
+  idkPostalCodeLinkProps,
+  errorMessage,
+  inputRef,
+  inputValue,
+  fadeOutOnSubmit,
+  onClose,
+  onInput,
+  onSubmit,
+  onClear,
+  ...otherProps
+}: RegionModalProps) {
+  return (
+    <Modal data-fs-region-modal testId={testId} {...otherProps}>
+      {({ fadeOut }) => (
+        <>
+          <ModalHeader
+            onClose={() => {
+              fadeOut()
+              onClose?.()
+            }}
+            title={title}
+            description={description}
+            closeBtnProps={{
+              'aria-label': 'Close Region Modal',
+            }}
+          />
+          <ModalBody>
+            <InputField
+              data-fs-region-modal-input
+              id={`${testId}-input-field`}
+              inputRef={inputRef}
+              label="Postal Code"
+              actionable
+              value={inputValue}
+              onInput={(event) => onInput?.(event)}
+              onSubmit={() => {
+                onSubmit?.()
+                fadeOutOnSubmit ? fadeOut() : null
+              }}
+              onClear={() => onClear?.()}
+              error={errorMessage}
+            />
+
+            <Link data-fs-region-modal-link {...idkPostalCodeLinkProps}>
+              {idkPostalCodeLinkProps?.children ?? (
+                <>
+                  {"I don't know my Postal Code"}
+                  <Icon name="ArrowSquareOut" width={20} height={20} />
+                </>
+              )}
+            </Link>
+          </ModalBody>
+        </>
+      )}
+    </Modal>
+  )
+}
+
+export default RegionModal

package/src/organisms/RegionModal/index.ts

@@ -0,0 +1,2 @@
+export { default } from './RegionModal'
+export type { RegionModalProps } from './RegionModal'

package/src/organisms/ShippingSimulation/ShippingSimulation.tsx

@@ -4,10 +4,16 @@ import type { PriceFormatter } from '../../atoms/Price/Price'
 import React from 'react'
 
 import {
-  Icon, InputField, Link, LinkElementType, LinkProps, Price, Table,
+  Icon,
+  InputField,
+  Link,
+  LinkElementType,
+  LinkProps,
+  Price,
+  Table,
   TableBody,
   TableCell,
-  TableRow
+  TableRow,
 } from '../..'
 
 interface ShippingSLA {
@@ -49,7 +55,7 @@ export interface ShippingSimulationProps
    */
   optionsLabel?: string
   /**
-   * Props for the link for i don't know my postal code.
+   * Props for the link `I don't know my Postal Code`.
    */
   idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>
   /**
@@ -61,9 +67,9 @@ export interface ShippingSimulationProps
    */
   onSubmit?: () => void
   /**
-   * Callback function when the clear button is clicked.
+   * Callback function when the input clear button is clicked.
    */
-  onClear?:  () => void
+  onClear?: () => void
   /**
    * Location for shipping.
    */
@@ -77,7 +83,7 @@ export interface ShippingSimulationProps
    */
   displayClearButton?: boolean
   /**
-   * Message of error.
+   * Message of error for input.
    */
   errorMessage?: string
   /**
@@ -89,9 +95,9 @@ export interface ShippingSimulationProps
 function ShippingSimulation({
   testId = 'fs-shipping-simulation',
   formatter,
-  title = "Shipping",
-  inputLabel =  "Postal Code",
-  optionsLabel = "Shipping options",
+  title = 'Shipping',
+  inputLabel = 'Postal Code',
+  optionsLabel = 'Shipping options',
   idkPostalCodeLinkProps,
   onInput,
   onSubmit,
@@ -103,19 +109,16 @@ function ShippingSimulation({
   postalCode,
   ...otherProps
 }: ShippingSimulationProps) {
-
   const hasShippingOptions = !!options && options.length > 0
 
   return (
     <section
       data-fs-shipping-simulation
-      data-fs-shipping-simulation-empty={!hasShippingOptions ? "true" : "false"}
+      data-fs-shipping-simulation-empty={!hasShippingOptions ? 'true' : 'false'}
       data-testid={testId}
       {...otherProps}
     >
-      <h2 data-fs-shipping-simulation-title>
-        {title}
-      </h2>
+      <h2 data-fs-shipping-simulation-title>{title}</h2>
 
       <InputField
         actionable
@@ -129,23 +132,25 @@ function ShippingSimulation({
         displayClearButton={displayClearButton}
       />
 
-      <Link href="/" data-fs-shipping-simulation-link size="small" {...idkPostalCodeLinkProps}>
-        {
-          idkPostalCodeLinkProps?.children ??
+      <Link
+        href="/"
+        data-fs-shipping-simulation-link
+        size="small"
+        {...idkPostalCodeLinkProps}
+      >
+        {idkPostalCodeLinkProps?.children ?? (
           <>
             {"I don't know my Postal Code"}
             <Icon name="ArrowSquareOut" width={20} height={20} />
           </>
-        }
+        )}
       </Link>
 
       {hasShippingOptions && (
         <>
           <header data-fs-shipping-simulation-header>
             <h3 data-fs-shipping-simulation-subtitle>{optionsLabel}</h3>
-            <p data-fs-shipping-simulation-location>
-              {location}
-            </p>
+            <p data-fs-shipping-simulation-location>{location}</p>
           </header>
 
           <Table>