@faststore/components 2.2.56 → 2.2.67

package/dist/esm/molecules/ProductPrice/ProductPrice.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+import type { PriceFormatter } from '../../atoms/Price';
+export interface ProductPriceProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies product's raw price value.
+     */
+    value: number;
+    /**
+     * Specifies product's listing price.
+     */
+    listPrice: number;
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter?: PriceFormatter;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const ProductPrice: React.ForwardRefExoticComponent<ProductPriceProps & React.RefAttributes<HTMLDivElement>>;
+export default ProductPrice;

package/dist/esm/molecules/ProductPrice/ProductPrice.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Price } from '../../';
+const ProductPrice = forwardRef(function ProductCard({ testId = 'fs-product-price', value, listPrice, formatter, ...otherProps }, ref) {
+    const listingPrice = listPrice ?? 0;
+    const sellingPrice = value ?? 0;
+    return (React.createElement("div", { ref: ref, "data-fs-product-price": true, "data-testid": testId, ...otherProps }, sellingPrice !== listingPrice && listingPrice !== 0 ? (React.createElement(React.Fragment, null,
+        React.createElement(Price, { value: listingPrice, formatter: formatter, testId: "list-price", "data-value": listingPrice, variant: "listing", SRText: "Original price:" }),
+        React.createElement(Price, { value: sellingPrice, formatter: formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Price:" }))) : (React.createElement(Price, { value: sellingPrice, formatter: formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Price:" }))));
+});
+export default ProductPrice;
+//# sourceMappingURL=ProductPrice.js.map

package/dist/esm/molecules/ProductPrice/ProductPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPrice.js","sourceRoot":"","sources":["../../../../src/molecules/ProductPrice/ProductPrice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAsB9B,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,kBAAkB,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,MAAM,YAAY,GAAG,SAAS,IAAI,CAAC,CAAA;IACnC,MAAM,YAAY,GAAG,KAAK,IAAI,CAAC,CAAA;IAE/B,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,gDAAqC,MAAM,KAAM,UAAU,IACrE,YAAY,KAAK,YAAY,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CACrD;QACE,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAC,YAAY,gBACP,YAAY,EACxB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;QACF,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAC,OAAO,gBACF,YAAY,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACD,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAC,OAAO,gBACF,YAAY,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACH,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/molecules/ProductPrice/index.d.ts

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

package/dist/esm/molecules/ProductPrice/index.js

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

package/dist/esm/molecules/ProductPrice/index.js.map

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

package/dist/esm/molecules/SearchProducts/SearchProductItemContent.js

@@ -1,11 +1,9 @@
 import React, { forwardRef } from 'react';
-import { Price } from '../..';
+import { ProductPrice } from '../..';
 const SearchProductItemContent = forwardRef(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
     return (React.createElement("section", { ref: ref, "data-fs-search-product-item-content": true, ...otherProps },
         React.createElement("p", { "data-fs-search-product-item-title": true }, title),
-        React.createElement("span", { "data-fs-search-product-item-prices": true },
-            React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
-            React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Price:" }))));
+        price.value !== 0 && (React.createElement(ProductPrice, { "data-fs-search-product-item-prices": true, listPrice: price.listPrice, value: price.value, formatter: price.formatter }))));
 });
 export default SearchProductItemContent;
 //# sourceMappingURL=SearchProductItemContent.js.map

package/dist/esm/molecules/SearchProducts/SearchProductItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAe7B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAepC,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAE/C,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,CACpB,oBAAC,YAAY,gDAEX,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CACO,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/esm/organisms/BannerText/BannerText.js

@@ -3,7 +3,7 @@ const BannerTextContext = createContext(undefined);
 const BannerText = forwardRef(function BannerText({ children, testId = 'fs-banner-text', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
     const context = { variant, colorVariant };
     return (React.createElement(BannerTextContext.Provider, { value: context },
-        React.createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+        React.createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-content": "banner-text", "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
 });
 export function useBannerText() {
     const context = useContext(BannerTextContext);

package/dist/esm/organisms/BannerText/BannerText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerText.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,CACV,CAAA;AAkBD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACxC,iCACE,GAAG,EAAE,GAAG,8DAEqB,OAAO,uCACD,YAAY,iBAClC,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACiB,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"BannerText.js","sourceRoot":"","sources":["../../../../src/organisms/BannerText/BannerText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,CACV,CAAA;AAkBD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACxC,iCACE,GAAG,EAAE,GAAG,kDAEQ,aAAa,iCACA,OAAO,uCACD,YAAY,iBAClC,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACiB,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/organisms/Newsletter/Newsletter.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { HTMLAttributes, DetailedHTMLProps } from 'react';
+type ColorVariant = 'main' | 'light' | 'accent';
+export interface NewsletterProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    /**
+     * Enables the card Variant.
+     */
+    card: boolean;
+    /**
+     * Specifies the component's color variant combination.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const Newsletter: React.ForwardRefExoticComponent<Omit<NewsletterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Newsletter;

package/dist/esm/organisms/Newsletter/Newsletter.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Newsletter = forwardRef(function Newsletter({ card, children, colorVariant = 'main', testId = 'fs-newsletter', ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-testid": testId, "data-fs-content": "newsletter", "data-fs-newsletter": card ? 'card' : '', "data-fs-newsletter-color-variant": colorVariant, ...otherProps }, children));
+});
+export default Newsletter;
+//# sourceMappingURL=Newsletter.js.map

package/dist/esm/organisms/Newsletter/Newsletter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/Newsletter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAqBzC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,QAAQ,EACR,YAAY,GAAG,MAAM,EACrB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,MAAM,qBACH,YAAY,wBACR,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,sCACJ,YAAY,KAC1C,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/organisms/Newsletter/NewsletterAddendum.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes, DetailedHTMLProps } from 'react';
+export interface NewsletterAddendumProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+    /**
+     * Specifies the addendum for the subscription.
+     */
+    addendum?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NewsletterAddendum: React.ForwardRefExoticComponent<Omit<NewsletterAddendumProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default NewsletterAddendum;

package/dist/esm/organisms/Newsletter/NewsletterAddendum.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NewsletterAddendum = forwardRef(function NewsletterAddendum({ addendum, testId = 'fs-newsletter-addendum', ...otherProps }, ref) {
+    return (React.createElement("span", { ref: ref, "data-testid": testId, "data-fs-newsletter-addendum": true, ...otherProps }, addendum));
+});
+export default NewsletterAddendum;
+//# sourceMappingURL=NewsletterAddendum.js.map

package/dist/esm/organisms/Newsletter/NewsletterAddendum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterAddendum.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/NewsletterAddendum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAezC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,kBAAkB,CACzB,EAAE,QAAQ,EAAE,MAAM,GAAG,wBAAwB,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,iBACK,MAAM,0CAEf,UAAU,IAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/organisms/Newsletter/NewsletterContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes, DetailedHTMLProps } from 'react';
+export interface NewsletterContentProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NewsletterContent: React.ForwardRefExoticComponent<Omit<NewsletterContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default NewsletterContent;

package/dist/esm/organisms/Newsletter/NewsletterContent.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NewsletterContent = forwardRef(function NewsletterContent({ children, testId = 'fs-newsletter-content', ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-testid": testId, "data-fs-newsletter-content": true, ...otherProps }, children));
+});
+export default NewsletterContent;
+//# sourceMappingURL=NewsletterContent.js.map

package/dist/esm/organisms/Newsletter/NewsletterContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterContent.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/NewsletterContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EAAE,QAAQ,EAAE,MAAM,GAAG,uBAAuB,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,MAAM,yCAEf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/esm/organisms/Newsletter/NewsletterForm.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { FormEvent, HTMLAttributes, DetailedHTMLProps } from 'react';
+export interface NewsletterFormProps extends DetailedHTMLProps<Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit'>, HTMLFormElement> {
+    /**
+     * Function called when submit button is clicked.
+     */
+    onSubmit: (event: FormEvent) => void;
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NewsletterForm: React.ForwardRefExoticComponent<Omit<NewsletterFormProps, "ref"> & React.RefAttributes<HTMLFormElement>>;
+export default NewsletterForm;

package/dist/esm/organisms/Newsletter/NewsletterForm.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NewsletterForm = forwardRef(function NewsletterForm({ children, onSubmit, testId = 'fs-newsletter-form', ...otherProps }, ref) {
+    return (React.createElement("form", { ref: ref, "data-testid": testId, "data-fs-newsletter-form": true, onSubmit: onSubmit, ...otherProps }, children));
+});
+export default NewsletterForm;
+//# sourceMappingURL=NewsletterForm.js.map

package/dist/esm/organisms/Newsletter/NewsletterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterForm.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/NewsletterForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBzC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,iBACK,MAAM,mCAEnB,QAAQ,EAAE,QAAQ,KACd,UAAU,IAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/esm/organisms/Newsletter/NewsletterHeader.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ReactNode, HTMLAttributes, DetailedHTMLProps } from 'react';
+export interface NewsletterHeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> {
+    /**
+     * Icon for the section.
+     */
+    icon?: ReactNode;
+    /**
+     * Title for the section.
+     */
+    title: string;
+    /**
+     * A description for the section.
+     */
+    description?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NewsletterHeader: React.ForwardRefExoticComponent<Omit<NewsletterHeaderProps, "ref"> & React.RefAttributes<HTMLHeadElement>>;
+export default NewsletterHeader;

package/dist/esm/organisms/Newsletter/NewsletterHeader.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+const NewsletterHeader = forwardRef(function NewsletterHeader({ icon, title, description, testId = 'fs-newsletter-header', ...otherProps }, ref) {
+    return (React.createElement("header", { ref: ref, "data-testid": testId, "data-fs-newsletter-header": true, ...otherProps },
+        React.createElement("h3", { "data-fs-newsletter-header-title": true },
+            icon,
+            title),
+        description && (React.createElement("span", { "data-fs-newsletter-header-description": true }, description))));
+});
+export default NewsletterHeader;
+//# sourceMappingURL=NewsletterHeader.js.map

package/dist/esm/organisms/Newsletter/NewsletterHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsletterHeader.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/NewsletterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAuBzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EACE,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,GAAG,sBAAsB,EAC/B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,iBACK,MAAM,wCAEf,UAAU;QAEd;YACG,IAAI;YACJ,KAAK,CACH;QAEJ,WAAW,IAAI,CACd,+EAA6C,WAAW,CAAQ,CACjE,CACM,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/esm/organisms/Newsletter/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './Newsletter';
+export type { NewsletterProps } from './Newsletter';
+export { default as NewsletterAddendum } from './NewsletterAddendum';
+export type { NewsletterAddendumProps } from './NewsletterAddendum';
+export { default as NewsletterContent } from './NewsletterContent';
+export type { NewsletterContentProps } from './NewsletterContent';
+export { default as NewsletterForm } from './NewsletterForm';
+export type { NewsletterFormProps } from './NewsletterForm';
+export { default as NewsletterHeader } from './NewsletterHeader';
+export type { NewsletterHeaderProps } from './NewsletterHeader';

package/dist/esm/organisms/Newsletter/index.js

@@ -0,0 +1,6 @@
+export { default } from './Newsletter';
+export { default as NewsletterAddendum } from './NewsletterAddendum';
+export { default as NewsletterContent } from './NewsletterContent';
+export { default as NewsletterForm } from './NewsletterForm';
+export { default as NewsletterHeader } from './NewsletterHeader';
+//# sourceMappingURL=index.js.map

package/dist/esm/organisms/Newsletter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/Newsletter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGlE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.2.56",
+  "version": "2.2.67",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -44,5 +44,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "8e96095ed20741066b2fe97e2ff7e9947f42032b"
+  "gitHead": "2e3616dde052d47d898067f985b4b0e067311495"
 }

package/src/index.ts

@@ -129,6 +129,8 @@ export type {
   ProductCardImageProps,
   ProductCardContentProps,
 } from './molecules/ProductCard'
+export { default as ProductPrice } from './molecules/ProductPrice'
+export type { ProductPriceProps } from './molecules/ProductPrice'
 export { default as ProductTitle } from './molecules/ProductTitle'
 export type { ProductTitleProps } from './molecules/ProductTitle'
 export { default as RadioField } from './molecules/RadioField'
@@ -293,6 +295,21 @@ export type {
   NavbarSliderFooterProps,
 } from './organisms/NavbarSlider'
 
+export {
+  default as Newsletter,
+  NewsletterAddendum,
+  NewsletterContent,
+  NewsletterForm,
+  NewsletterHeader,
+} from './organisms/Newsletter'
+export type {
+  NewsletterProps,
+  NewsletterAddendumProps,
+  NewsletterContentProps,
+  NewsletterFormProps,
+  NewsletterHeaderProps,
+} from './organisms/Newsletter'
+
 export { default as OutOfStock } from './organisms/OutOfStock'
 export type { OutOfStockProps } from './organisms/OutOfStock'
 

package/src/molecules/CartItem/CartItem.tsx

@@ -1,7 +1,13 @@
 import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
 
-import { Icon, IconButton, IconButtonProps, Price, QuantitySelector } from '../../'
+import {
+  Icon,
+  IconButton,
+  IconButtonProps,
+  ProductPrice,
+  QuantitySelector,
+} from '../../'
 
 import type { PriceDefinition } from '../../typings/PriceDefinition'
 
@@ -65,20 +71,12 @@ const CartItem = forwardRef<HTMLDivElement, CartItemProps>(function CartItem(
           initial={quantity}
           onChange={onQuantityChange}
         />
-        <span data-fs-cart-item-prices>
-          <Price
-            value={price?.listPrice ? price.listPrice : 0}
-            formatter={price?.formatter}
-            variant="listing"
-            SRText="Original price:"
-          />
-          <Price
-            value={price?.value ? price.value : 0}
-            formatter={price?.formatter}
-            variant="spot"
-            SRText="Price:"
-          />
-        </span>
+        <ProductPrice
+          data-fs-cart-item-prices
+          listPrice={price?.listPrice ? price.listPrice : 0}
+          value={price?.value ? price.value : 0}
+          formatter={price?.formatter}
+        />
       </div>
     </article>
   )

package/src/molecules/ProductCard/ProductCardContent.tsx

@@ -11,7 +11,7 @@ import {
   Link,
   LinkElementType,
   LinkProps,
-  Price,
+  ProductPrice,
   Rating,
 } from '../../'
 
@@ -76,8 +76,8 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
     },
     ref
   ) {
-    const listPrice = price?.listPrice ?? 0
-    const sellingPrice = price?.value ?? 0
+    const listingPrice = price?.listPrice ? price.listPrice : 0
+    const sellingPrice = price?.value ? price.value : 0
 
     return (
       <section
@@ -94,49 +94,19 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
             </Link>
           </h3>
           {!outOfStock && (
-            <div data-fs-product-card-prices>
-              {sellingPrice !== listPrice
-                ? (
-                  <>
-                    <Price
-                      value={listPrice}
-                      formatter={price?.formatter}
-                      testId="list-price"
-                      data-value={listPrice}
-                      variant="listing"
-                      SRText="Original price:"
-                    />
-                    <Price
-                      value={sellingPrice}
-                      formatter={price?.formatter}
-                      testId="price"
-                      data-value={sellingPrice}
-                      variant="spot"
-                      SRText="Sale Price:"
-                    />
-                  </>
-                )
-                : (
-                  <Price
-                    value={sellingPrice}
-                    formatter={price?.formatter}
-                    testId="price"
-                    data-value={sellingPrice}
-                    variant="spot"
-                    SRText="Sale Price:"
-                  />
-                )}
-            </div>
+            <ProductPrice
+              data-fs-product-card-prices
+              value={sellingPrice}
+              listPrice={listingPrice}
+              formatter={price?.formatter}
+            />
           )}
           {ratingValue && (
             <Rating value={ratingValue} icon={<Icon name="Star" />} />
           )}
         </div>
         {showDiscountBadge && !outOfStock && (
-          <DiscountBadge
-            listPrice={price?.listPrice ? price.listPrice : 0}
-            spotPrice={price?.value ? price.value : 0}
-          />
+          <DiscountBadge listPrice={listingPrice} spotPrice={sellingPrice} />
         )}
         {outOfStock && <Badge>{outOfStockLabel}</Badge>}
         {onButtonClick && !outOfStock && (

package/src/molecules/ProductPrice/ProductPrice.tsx

@@ -0,0 +1,71 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+import type { PriceFormatter } from '../../atoms/Price'
+import { Price } from '../../'
+
+export interface ProductPriceProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * Specifies product's raw price value.
+   */
+  value: number
+  /**
+   * Specifies product's listing price.
+   */
+  listPrice: number
+  /**
+   * Formatter function that transforms the raw price value and render the result.
+   */
+  formatter?: PriceFormatter
+  /**
+   * ID to find this component in testing tools (e.g.: cypress,
+   * testing-library, and jest).
+   */
+  testId?: string
+}
+
+const ProductPrice = forwardRef<HTMLDivElement, ProductPriceProps>(
+  function ProductCard(
+    { testId = 'fs-product-price', value, listPrice, formatter, ...otherProps },
+    ref
+  ) {
+    const listingPrice = listPrice ?? 0
+    const sellingPrice = value ?? 0
+
+    return (
+      <div ref={ref} data-fs-product-price data-testid={testId} {...otherProps}>
+        {sellingPrice !== listingPrice && listingPrice !== 0 ? (
+          <>
+            <Price
+              value={listingPrice}
+              formatter={formatter}
+              testId="list-price"
+              data-value={listingPrice}
+              variant="listing"
+              SRText="Original price:"
+            />
+            <Price
+              value={sellingPrice}
+              formatter={formatter}
+              testId="price"
+              data-value={sellingPrice}
+              variant="spot"
+              SRText="Price:"
+            />
+          </>
+        ) : (
+          <Price
+            value={sellingPrice}
+            formatter={formatter}
+            testId="price"
+            data-value={sellingPrice}
+            variant="spot"
+            SRText="Price:"
+          />
+        )}
+      </div>
+    )
+  }
+)
+
+export default ProductPrice

package/src/molecules/ProductPrice/index.ts

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

package/src/molecules/SearchProducts/SearchProductItemContent.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react'
-import { Price } from '../..'
+import { ProductPrice } from '../..'
 
 import type { PriceDefinition } from '../../typings/PriceDefinition'
 
@@ -21,24 +21,15 @@ const SearchProductItemContent = forwardRef<
   return (
     <section ref={ref} data-fs-search-product-item-content {...otherProps}>
       <p data-fs-search-product-item-title>{title}</p>
-      <span data-fs-search-product-item-prices>
-        <Price
-          value={price?.listPrice ? price.listPrice : 0}
-          formatter={price?.formatter}
-          testId="list-price"
-          data-value={price?.listPrice}
-          variant="listing"
-          SRText="Original price:"
-        />
-        <Price
-          value={price?.value ? price.value : 0}
-          formatter={price?.formatter}
-          testId="price"
-          data-value={price?.value}
-          variant="spot"
-          SRText="Price:"
+
+      {price.value !== 0 && (
+        <ProductPrice
+          data-fs-search-product-item-prices
+          listPrice={price.listPrice}
+          value={price.value}
+          formatter={price.formatter}
         />
-      </span>
+      )}
     </section>
   )
 })

package/src/organisms/BannerText/BannerText.tsx

@@ -47,6 +47,7 @@ const BannerText = forwardRef<HTMLDivElement, BannerTextProps>(
         <article
           ref={ref}
           data-fs-banner-text
+          data-fs-content="banner-text"
           data-fs-banner-text-variant={variant}
           data-fs-banner-text-color-variant={colorVariant}
           data-testid={testId}

package/src/organisms/Newsletter/Newsletter.tsx

@@ -0,0 +1,48 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes, DetailedHTMLProps } from 'react'
+
+type ColorVariant = 'main' | 'light' | 'accent'
+
+export interface NewsletterProps
+  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+  /**
+   * Enables the card Variant.
+   */
+  card: boolean
+  /**
+   * Specifies the component's color variant combination.
+   */
+  colorVariant?: ColorVariant
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const Newsletter = forwardRef<HTMLDivElement, NewsletterProps>(
+  function Newsletter(
+    {
+      card,
+      children,
+      colorVariant = 'main',
+      testId = 'fs-newsletter',
+      ...otherProps
+    },
+    ref
+  ) {
+    return (
+      <div
+        ref={ref}
+        data-testid={testId}
+        data-fs-content="newsletter"
+        data-fs-newsletter={card ? 'card' : ''}
+        data-fs-newsletter-color-variant={colorVariant}
+        {...otherProps}
+      >
+        {children}
+      </div>
+    )
+  }
+)
+
+export default Newsletter