@sonic-equipment/ui 0.0.102 → 0.0.103
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -8153,6 +8153,7 @@ function useFetchAnnouncements({ languageCode, }) {
|
|
|
8153
8153
|
url: `${config.BFF_API_URL}/notification/announcement`,
|
|
8154
8154
|
}),
|
|
8155
8155
|
queryKey: ['announcements', languageCode],
|
|
8156
|
+
refetchInterval: 5 * TIME.MINUTE,
|
|
8156
8157
|
select: ({ body }) => body.map(({ endDate, href, id, startDate, text, title, type }) => {
|
|
8157
8158
|
if (!isAnnouncementType(type))
|
|
8158
8159
|
throw new Error(`Invalid announcement type: ${type}`);
|
|
@@ -8591,56 +8592,6 @@ function useFetchProductDetailsPageData({ languageCode, pageUrl, }) {
|
|
|
8591
8592
|
headers: { 'Current-Language-Id': languageCode },
|
|
8592
8593
|
url: `${config.BFF_API_URL}/pdp/?pageUrl=${pageUrl}`,
|
|
8593
8594
|
});
|
|
8594
|
-
body.usps = [
|
|
8595
|
-
{
|
|
8596
|
-
heading: 'Safety first',
|
|
8597
|
-
icon: {
|
|
8598
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-1-icon.svg',
|
|
8599
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-1-icon.svg',
|
|
8600
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-1-icon.svg',
|
|
8601
|
-
altText: 'Icon',
|
|
8602
|
-
},
|
|
8603
|
-
image: {
|
|
8604
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-1.png',
|
|
8605
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-1@2x.png',
|
|
8606
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-1@3x.png',
|
|
8607
|
-
altText: 'Image',
|
|
8608
|
-
},
|
|
8609
|
-
text: 'Did you know that every Sonic NEXT S15 toolbox comes standard with an <b>advanced drawer blocking system for anti-tilt protection?</b> This make this flagship toolbox the <b>safest ultimate storage solution on wheels</b> in your workshop.',
|
|
8610
|
-
},
|
|
8611
|
-
{
|
|
8612
|
-
heading: "Lock n' load",
|
|
8613
|
-
icon: {
|
|
8614
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-2-icon.svg',
|
|
8615
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-2-icon.svg',
|
|
8616
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-2-icon.svg',
|
|
8617
|
-
altText: 'Icon',
|
|
8618
|
-
},
|
|
8619
|
-
image: {
|
|
8620
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-2.png',
|
|
8621
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-2@2x.png',
|
|
8622
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-2@3x.png',
|
|
8623
|
-
altText: 'Image',
|
|
8624
|
-
},
|
|
8625
|
-
text: 'Did you know that every Sonic NEXT S15 toolbox comes standard with an <b>advanced drawer blocking system for anti-tilt protection?</b> This make this flagship toolbox the <b>safest ultimate storage solution on wheels</b> in your workshop.',
|
|
8626
|
-
},
|
|
8627
|
-
{
|
|
8628
|
-
heading: 'Ready, Set, Go!',
|
|
8629
|
-
icon: {
|
|
8630
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-3-icon.svg',
|
|
8631
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-3-icon.svg',
|
|
8632
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-3-icon.svg',
|
|
8633
|
-
altText: 'Icon',
|
|
8634
|
-
},
|
|
8635
|
-
image: {
|
|
8636
|
-
1: 'https://ui.sonic-equipment.com/images/usps/usp-3.png',
|
|
8637
|
-
2: 'https://ui.sonic-equipment.com/images/usps/usp-3@2x.png',
|
|
8638
|
-
3: 'https://ui.sonic-equipment.com/images/usps/usp-3@3x.png',
|
|
8639
|
-
altText: 'Image',
|
|
8640
|
-
},
|
|
8641
|
-
text: 'Did you know that every Sonic NEXT S15 toolbox comes standard with <b>heavy-duty lockable bearing caster wheels with brakes and swivel?</b> Mobility, security and safety while these wheels keep on turning.',
|
|
8642
|
-
},
|
|
8643
|
-
];
|
|
8644
8595
|
return body;
|
|
8645
8596
|
},
|
|
8646
8597
|
queryKey: ['product-details-page-data', pageUrl, languageCode],
|
|
@@ -8772,7 +8723,7 @@ function DownloadListItem({ document: { href, name }, }) {
|
|
|
8772
8723
|
var styles$m = {"product-details-panel":"product-details-panel-module-kfhpL","heading":"product-details-panel-module--1ODE","price-action-container":"product-details-panel-module-CCcmA","action-container":"product-details-panel-module-1vyDM","description":"product-details-panel-module-GfTab","feature-list":"product-details-panel-module-ze0my"};
|
|
8773
8724
|
|
|
8774
8725
|
function ProductDetailsPanel({ product }) {
|
|
8775
|
-
return (jsxs("div", { className: styles$m['product-details-panel'], children: [jsxs("div", { className: styles$m.heading, children: [jsx(Heading, { italic: true, size: "xs", children: product.productTitle }), jsx(ProductSku, { sku: product.productNumber })] }), jsxs("div", { className: styles$m['price-action-container'], children: [jsx(ProductPrice, { isVatIncluded:
|
|
8726
|
+
return (jsxs("div", { className: styles$m['product-details-panel'], children: [jsxs("div", { className: styles$m.heading, children: [jsx(Heading, { italic: true, size: "xs", children: product.productTitle }), jsx(ProductSku, { sku: product.productNumber })] }), jsxs("div", { className: styles$m['price-action-container'], children: [jsx(ProductPrice, { isVatIncluded: product.isVatIncluded, originalPrice: product.originalPrice, price: product.price }), jsxs("div", { className: styles$m['action-container'], children: [product.canAddToCart && (jsx(ConnectedAddToCartButton, { productId: product.storefrontId })), product.canAddToWishlist && (jsx(ConnectedFavoriteButton, { productId: product.storefrontId }))] })] }), jsxs("div", { children: [jsx(Heading, { italic: true, className: styles$m['product-features-heading'], size: "xxs", children: jsx(FormattedMessage, { id: "Product Features" }) }), product.content.htmlContent && (jsx(ShowAll, { initialHeight: 216, children: jsx("div", { className: styles$m.description, dangerouslySetInnerHTML: {
|
|
8776
8727
|
__html: product.content.htmlContent,
|
|
8777
8728
|
} }) }))] }), jsx("div", { children: jsxs(Accordion, { indented: true, borderType: ['top', 'middle-accentuated'], children: [Boolean(product.attributeTypes.length) && (jsx(AccordionItem, { id: "specification", title: jsx(FormattedMessage, { id: "Specifications" }), children: jsx(FeatureList, { className: styles$m['feature-list'], features: product.attributeTypes.map(attribute => ({
|
|
8778
8729
|
id: `${attribute.id}`,
|