@faststore/ui 1.11.8 → 1.11.20

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.11.20](https://github.com/vtex/faststore/compare/v1.11.19...v1.11.20) (2022-09-12)
+
+
+### Refactoring
+
+* Extract `CartItem` component from the starter ([#1461](https://github.com/vtex/faststore/issues/1461)) ([ff70925](https://github.com/vtex/faststore/commit/ff70925abc123a9b6c66de248cdaf3541da66d41))
+
+
+
+## [1.11.19](https://github.com/vtex/faststore/compare/v1.11.18...v1.11.19) (2022-09-12)
+
+
+### Refactoring
+
+* Extract `SkuSelector` component from the starter ([#1462](https://github.com/vtex/faststore/issues/1462)) ([98a68ea](https://github.com/vtex/faststore/commit/98a68ea40cd64e2880b3b4a3f75dbd355463369f))
+
+
+
+## [1.11.18](https://github.com/vtex/faststore/compare/v1.11.17...v1.11.18) (2022-09-12)
+
+
+### Features
+
+* Adds OrderSummary component to FastStore UI ([#1456](https://github.com/vtex/faststore/issues/1456)) ([f1d983c](https://github.com/vtex/faststore/commit/f1d983cf5684053ad810455d2b6f6ac77bfc7b76))
+
+
+
 ## 1.11.8 (2022-09-01)
 
 

package/dist/index.d.ts

@@ -34,16 +34,22 @@ export { default as Label } from './atoms/Label';
 export type { LabelProps } from './atoms/Label';
 export { default as Incentive } from './atoms/Incentive';
 export type { IncentiveProps } from './atoms/Incentive';
+export { default as SkuSelector } from './molecules/SkuSelector';
+export type { SkuSelectorProps } from './molecules/SkuSelector';
 export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
 export type { GiftProps, GiftContentProps, GiftImageProps, } from './molecules/Gift';
 export { default as ProductTitle } from './molecules/ProductTitle';
 export type { ProductTitleProps } from './molecules/ProductTitle';
+export { default as OrderSummary } from './molecules/OrderSummary';
+export type { OrderSummaryProps } from './molecules/OrderSummary';
 export { default as AggregateRating } from './molecules/AggregateRating';
 export type { AggregateRatingProps } from './molecules/AggregateRating';
 export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
 export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './molecules/ProductCard';
 export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
 export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './molecules/Card';
+export { default as CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './molecules/CartItem';
+export type { CartItemProps, CartItemActionsProps, CartItemContentProps, CartItemImageProps, CartItemPricesProps, CartItemSummaryProps, CartItemTitleProps, } from './molecules/CartItem';
 export { default as Bullets } from './molecules/Bullets';
 export type { BulletsProps } from './molecules/Bullets';
 export { default as SearchInput } from './molecules/SearchInput';

package/dist/index.js

@@ -18,11 +18,14 @@ export { default as Spinner } from './atoms/Spinner';
 export { default as Label } from './atoms/Label';
 export { default as Incentive } from './atoms/Incentive';
 // Molecules
+export { default as SkuSelector } from './molecules/SkuSelector';
 export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
 export { default as ProductTitle } from './molecules/ProductTitle';
+export { default as OrderSummary } from './molecules/OrderSummary';
 export { default as AggregateRating } from './molecules/AggregateRating';
 export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
 export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
+export { default as CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './molecules/CartItem';
 export { default as Bullets } from './molecules/Bullets';
 export { default as SearchInput } from './molecules/SearchInput';
 export { default as Carousel } from './molecules/Carousel';

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/CartItem/CartItem.d.ts

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

package/dist/molecules/CartItem/CartItem.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const CartItem = forwardRef(function CartItem({ testId = 'store-cart-item', children, ...otherProps }, ref) {
+    return (React.createElement("article", Object.assign({ ref: ref, "data-fs-cart-item": true, "data-testid": testId }, otherProps), children));
+});
+export default CartItem;
+//# sourceMappingURL=CartItem.js.map

package/dist/molecules/CartItem/CartItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,+CAAS,GAAG,EAAE,GAAG,4CAAiC,MAAM,IAAM,UAAU,GACrE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/molecules/CartItem/CartItemActions.d.ts

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

package/dist/molecules/CartItem/CartItemActions.js

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

package/dist/molecules/CartItem/CartItemActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemActions.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,oDAAyC,MAAM,IAAM,UAAU,GACzE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/CartItem/CartItemContent.d.ts

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

package/dist/molecules/CartItem/CartItemContent.js

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

package/dist/molecules/CartItem/CartItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemContent.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,+CAAS,GAAG,EAAE,GAAG,oDAAyC,MAAM,IAAM,UAAU,GAC7E,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/CartItem/CartItemImage.d.ts

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

package/dist/molecules/CartItem/CartItemImage.js

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

package/dist/molecules/CartItem/CartItemImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemImage.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CACzF,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,kDAAuC,MAAM,IAAM,UAAU,GACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/molecules/CartItem/CartItemPrices.d.ts

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

package/dist/molecules/CartItem/CartItemPrices.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const CartItemPrices = forwardRef(function CartItemPrices({ testId = 'store-cart-item-prices', children, ...otherProps }, ref) {
+    return (React.createElement("span", Object.assign({ ref: ref, "data-fs-cart-item-prices": true, "data-testid": testId }, otherProps), children));
+});
+export default CartItemPrices;
+//# sourceMappingURL=CartItemPrices.js.map

package/dist/molecules/CartItem/CartItemPrices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemPrices.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemPrices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,4CAAM,GAAG,EAAE,GAAG,mDAAwC,MAAM,IAAM,UAAU,GACzE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/molecules/CartItem/CartItemSummary.d.ts

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

package/dist/molecules/CartItem/CartItemSummary.js

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

package/dist/molecules/CartItem/CartItemSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemSummary.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,oDAAyC,MAAM,IAAM,UAAU,GACzE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/CartItem/CartItemTitle.d.ts

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

package/dist/molecules/CartItem/CartItemTitle.js

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

package/dist/molecules/CartItem/CartItemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItemTitle.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItemTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CACzF,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,kDAAuC,MAAM,IAAM,UAAU,GACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/molecules/CartItem/index.d.ts

@@ -0,0 +1,14 @@
+export { default } from './CartItem';
+export type { CartItemProps } from './CartItem';
+export { default as CartItemActions } from './CartItemActions';
+export type { CartItemActionsProps } from './CartItemActions';
+export { default as CartItemContent } from './CartItemContent';
+export type { CartItemContentProps } from './CartItemContent';
+export { default as CartItemImage } from './CartItemImage';
+export type { CartItemImageProps } from './CartItemImage';
+export { default as CartItemPrices } from './CartItemPrices';
+export type { CartItemPricesProps } from './CartItemPrices';
+export { default as CartItemSummary } from './CartItemSummary';
+export type { CartItemSummaryProps } from './CartItemSummary';
+export { default as CartItemTitle } from './CartItemTitle';
+export type { CartItemTitleProps } from './CartItemTitle';

package/dist/molecules/CartItem/index.js

@@ -0,0 +1,8 @@
+export { default } from './CartItem';
+export { default as CartItemActions } from './CartItemActions';
+export { default as CartItemContent } from './CartItemContent';
+export { default as CartItemImage } from './CartItemImage';
+export { default as CartItemPrices } from './CartItemPrices';
+export { default as CartItemSummary } from './CartItemSummary';
+export { default as CartItemTitle } from './CartItemTitle';
+//# sourceMappingURL=index.js.map

package/dist/molecules/CartItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/molecules/OrderSummary/OrderSummary.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ListProps } from '../../atoms/List';
+export interface OrderSummaryProps<T = HTMLElement> extends Omit<ListProps<T>, 'variant'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Label for the subtotal value of the order. Will only show if subtotalValue is provided.
+     */
+    subtotalLabel?: string;
+    /**
+     * Subtotal value of the order.  If provided, subtotal label and value will be shown.
+     */
+    subtotalValue?: string;
+    /**
+     * Label for the discount value for the order. Will only show if discountValue is provided.
+     */
+    discountLabel?: string;
+    /**
+     * Discount value for the order. If provided, discount label and value will be shown.
+     */
+    discountValue?: string;
+    /**
+     * Label for the total value of the order.
+     */
+    totalLabel?: string;
+    /**
+     * Total value of the order.
+     */
+    totalValue?: string;
+}
+declare const OrderSummary: React.ForwardRefExoticComponent<OrderSummaryProps<HTMLElement> & React.RefAttributes<HTMLUListElement>>;
+export default OrderSummary;

package/dist/molecules/OrderSummary/OrderSummary.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import List from '../../atoms/List';
+const OrderSummary = forwardRef(function OrderSummary({ testId = 'store-order-summary', children, subtotalLabel, subtotalValue, discountLabel, discountValue, totalLabel, totalValue, ...otherProps }, ref) {
+    return (React.createElement(List, Object.assign({ ref: ref, "data-fs-order-summary": true, "data-testid": testId }, otherProps),
+        subtotalValue ? (React.createElement("li", { "data-fs-order-summary-subtotal": true },
+            React.createElement("span", { "data-fs-order-summary-subtotal-label": true, "data-testid": `${testId}-subtotal-label` }, subtotalLabel),
+            React.createElement("span", { "data-fs-order-summary-subtotal-value": true, "data-testid": `${testId}-subtotal-value` }, subtotalValue))) : null,
+        discountValue ? (React.createElement("li", { "data-fs-order-summary-discount": true },
+            React.createElement("span", { "data-fs-order-summary-discount-label": true, "data-testid": `${testId}-discount-label` }, discountLabel),
+            React.createElement("span", { "data-fs-order-summary-discount-value": true, "data-testid": `${testId}-discount-value` }, discountValue))) : null,
+        React.createElement("li", { "data-fs-order-summary-total": true },
+            React.createElement("span", { "data-fs-order-summary-total-label": true, "data-testid": `${testId}-total-label` }, totalLabel),
+            React.createElement("span", { "data-fs-order-summary-total-value": true, "data-testid": `${testId}-total-value` }, totalValue))));
+});
+export default OrderSummary;
+//# sourceMappingURL=OrderSummary.js.map

package/dist/molecules/OrderSummary/OrderSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.js","sourceRoot":"","sources":["../../../src/molecules/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAmB,MAAM,kBAAkB,CAAA;AAkClD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,GAAG,qBAAqB,EAC9B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,gDAEK,MAAM,IACf,UAAU;QAEb,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACP,aAAa,CAAC,CAAC,CAAC,CACf;YACE,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT;YACP,2FAEe,GAAG,MAAM,iBAAiB,IAEtC,aAAa,CACT,CACJ,CACN,CAAC,CAAC,CAAC,IAAI;QACR;YACE,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN;YACP,wFAEe,GAAG,MAAM,cAAc,IAEnC,UAAU,CACN,CACJ,CACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/molecules/OrderSummary/index.d.ts

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

package/dist/molecules/OrderSummary/index.js

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

package/dist/molecules/OrderSummary/index.js.map

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

package/dist/molecules/SkuSelector/SkuSelector.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import type { HTMLAttributes, ChangeEventHandler } from 'react';
+interface SkuProps {
+    /**
+     * Alternative text description of the image.
+     */
+    alt?: string;
+    /**
+     * Image URL.
+     */
+    src?: string;
+    /**
+     * Label to describe the option when selected.
+     */
+    label: string;
+    /**
+     * Current value for this option.
+     */
+    value: string;
+    /**
+     * Specifies that this option should be disabled.
+     */
+    disabled?: boolean;
+}
+declare type Variant = 'label' | 'image';
+export interface SkuSelectorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID of the current instance of the component.
+     */
+    id?: string;
+    /**
+     * Specify which variant the component should handle.
+     */
+    variant: Variant;
+    /**
+     * SKU options that should be rendered.
+     */
+    options: SkuProps[];
+    /**
+     * Section label for the SKU selector.
+     */
+    label?: string;
+    /**
+     * Currently active variation's value.
+     */
+    activeValue: string;
+    /**
+     * Function to be triggered when SKU option change.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+declare const SkuSelector: React.ForwardRefExoticComponent<SkuSelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default SkuSelector;

package/dist/molecules/SkuSelector/SkuSelector.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from 'react';
+import { Label, RadioGroup } from '../..';
+const SkuSelector = forwardRef(function SkuSelector({ id, label, variant, onChange, testId = 'store-sku-selector', activeValue, children, ...otherProps }, ref) {
+    const radioGroupId = id ? `-${id}` : '';
+    return (React.createElement("div", Object.assign({ ref: ref, "data-fs-sku-selector": true, "data-testid": testId, "data-fs-sku-selector-variant": variant }, otherProps),
+        label && (React.createElement(Label, { "data-fs-sku-selector-title": true },
+            label,
+            ": ",
+            React.createElement("strong", null, activeValue))),
+        React.createElement(RadioGroup, { selectedValue: activeValue, name: `sku-selector-${variant}${radioGroupId}`, onChange: (e) => {
+                onChange?.(e);
+            } }, children)));
+});
+export default SkuSelector;
+//# sourceMappingURL=SkuSelector.js.map

package/dist/molecules/SkuSelector/SkuSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkuSelector.js","sourceRoot":"","sources":["../../../src/molecules/SkuSelector/SkuSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA4DzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,oBAAoB,EAC7B,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvC,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,kCACW,OAAO,IACjC,UAAU;QAEb,KAAK,IAAI,CACR,oBAAC,KAAK;YACH,KAAK;;YAAG,oCAAS,WAAW,CAAU,CACjC,CACT;QACD,oBAAC,UAAU,IACT,aAAa,EAAE,WAAW,EAC1B,IAAI,EAAE,gBAAgB,OAAO,GAAG,YAAY,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;YACf,CAAC,IAEA,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/molecules/SkuSelector/index.d.ts

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

package/dist/molecules/SkuSelector/index.js

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

package/dist/molecules/SkuSelector/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "1.11.8",
+  "version": "1.11.20",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -57,7 +57,7 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@faststore/styles": "^1.11.8",
+    "@faststore/styles": "^1.11.20",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@storybook/addon-actions": "^6.4.4",
     "@storybook/addon-docs": "^6.4.4",
@@ -85,5 +85,5 @@
     "tsdx": "^0.14.1",
     "typescript": "^4.2.4"
   },
-  "gitHead": "3775ec32d866149eb6519e68b7b2b977ffc0dace"
+  "gitHead": "1d30ccc8dbd63167961cf4e5c68599decfd77c10"
 }

package/src/index.ts

@@ -54,6 +54,9 @@ export { default as Incentive } from './atoms/Incentive'
 export type { IncentiveProps } from './atoms/Incentive'
 
 // Molecules
+export { default as SkuSelector } from './molecules/SkuSelector'
+export type { SkuSelectorProps } from './molecules/SkuSelector'
+
 export { default as Gift, GiftContent, GiftImage } from './molecules/Gift'
 export type {
   GiftProps,
@@ -64,6 +67,9 @@ export type {
 export { default as ProductTitle } from './molecules/ProductTitle'
 export type { ProductTitleProps } from './molecules/ProductTitle'
 
+export { default as OrderSummary } from './molecules/OrderSummary'
+export type { OrderSummaryProps } from './molecules/OrderSummary'
+
 export { default as AggregateRating } from './molecules/AggregateRating'
 export type { AggregateRatingProps } from './molecules/AggregateRating'
 
@@ -93,6 +99,25 @@ export type {
   CardActionsProps,
 } from './molecules/Card'
 
+export {
+  default as CartItem,
+  CartItemActions,
+  CartItemContent,
+  CartItemImage,
+  CartItemPrices,
+  CartItemSummary,
+  CartItemTitle,
+} from './molecules/CartItem'
+export type {
+  CartItemProps,
+  CartItemActionsProps,
+  CartItemContentProps,
+  CartItemImageProps,
+  CartItemPricesProps,
+  CartItemSummaryProps,
+  CartItemTitleProps,
+} from './molecules/CartItem'
+
 export { default as Bullets } from './molecules/Bullets'
 export type { BulletsProps } from './molecules/Bullets'
 

package/src/molecules/CartItem/CartItem.test.tsx

@@ -0,0 +1,79 @@
+import { render } from '@testing-library/react'
+import { axe } from 'jest-axe'
+import React from 'react'
+
+import CartItem, {
+  CartItemActions,
+  CartItemContent,
+  CartItemImage,
+  CartItemPrices,
+  CartItemSummary,
+  CartItemTitle,
+} from './'
+
+const product = {
+  name: 'Apple Magic Mouse',
+  imageUrl:
+    'https://assets.vtex.app/unsafe/216x216/center/middle/https%3A%2F%2Fstoreframework.vtexassets.com%2Farquivos%2Fids%2F190902%2Funsplash-magic-mouse.jpg%3Fv%3D637800136963870000',
+  price: {
+    listing: 999,
+    spot: 950,
+  },
+}
+
+const CartItemTest = () => {
+  return (
+    <CartItem>
+      <CartItemContent>
+        <CartItemImage>
+          <img alt={product.name} src={product.imageUrl} />
+        </CartItemImage>
+
+        <CartItemSummary>
+          <CartItemTitle>{product.name}</CartItemTitle>
+
+          <CartItemPrices>
+            <span>{product.price.listing}</span>
+            <span>{product.price.spot}</span>
+          </CartItemPrices>
+        </CartItemSummary>
+      </CartItemContent>
+
+      <CartItemActions>
+        <button>Remove</button>
+
+        <span>Quantity Selector</span>
+      </CartItemActions>
+    </CartItem>
+  )
+}
+
+describe('`CartItem`', () => {
+  describe('Data attributes', () => {
+    it(`should have the correct format`, () => {
+      const testIdToDataAttributeMap = {
+        'store-cart-item': 'data-fs-cart-item',
+        'store-cart-item-content': 'data-fs-cart-item-content',
+        'store-cart-item-image': 'data-fs-cart-item-image',
+        'store-cart-item-summary': 'data-fs-cart-item-summary',
+        'store-cart-item-title': 'data-fs-cart-item-title',
+        'store-cart-item-prices': 'data-fs-cart-item-prices',
+        'store-cart-item-actions': 'data-fs-cart-item-actions',
+      }
+      const { getByTestId } = render(<CartItemTest />)
+
+      for (const [testId, dataAttribute] of Object.entries(testIdToDataAttributeMap)) {
+        expect(getByTestId(testId)).toHaveAttribute(dataAttribute)
+      }
+    })
+  })
+
+  describe('Accessibility', () => {
+    it('should have no violations', async () => {
+      const { getByTestId } = render(<CartItemTest />)
+
+      expect(await axe(getByTestId('store-cart-item'))).toHaveNoViolations()
+      expect(await axe(getByTestId('store-cart-item'))).toHaveNoIncompletes()
+    })
+  })
+})

package/src/molecules/CartItem/CartItem.tsx

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const CartItem = forwardRef<HTMLDivElement, CartItemProps>(function CartItem(
+  { testId = 'store-cart-item', children, ...otherProps },
+  ref
+) {
+  return (
+    <article ref={ref} data-fs-cart-item data-testid={testId} {...otherProps}>
+      {children}
+    </article>
+  )
+})
+
+export default CartItem