@wix/patterns 1.308.0 → 1.316.0

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard342119583";
+var _namespace_ = "SkeletonCard3405140458";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard342119583__root", "headerLoading": "SkeletonCard342119583__headerLoading" };
+export var classes = { "root": "SkeletonCard3405140458__root", "headerLoading": "SkeletonCard3405140458__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,eAAe,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,eAAe,EAAC,uCAAuC,EAAC,CAAC;AACrH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal1985984796";
+var _namespace_ = "SlidingModal41494342";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal1985984796__root" };
+export var classes = { "root": "SlidingModal41494342__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Suggestions/MarketingCard.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, MarketingLayout, SkeletonLine, Card, Button, Image, Text, TextButton, Badge, SkeletonRectangle, } from '@wix/design-system';
+const getCardWidth = (totalOffers) => {
+    if (totalOffers === 1) {
+        return '100%';
+    }
+    if (totalOffers === 2) {
+        return '50%';
+    }
+    return '550px';
+};
+const MarketingCardInternal = ({ schema, totalOffers, }) => {
+    const { title, description: descriptionData, imageUrl, ctaButton: ctaButtonData, badge: badgeData, } = schema;
+    const handleCtaClick = () => {
+        if (ctaButtonData?.link) {
+            window.open(ctaButtonData.link, '_blank');
+        }
+    };
+    const handleLearnMoreClick = () => {
+        if (descriptionData?.learnMore?.link) {
+            window.open(descriptionData.learnMore.link, '_blank');
+        }
+    };
+    const description = (React.createElement(React.Fragment, null,
+        React.createElement(Text, { size: "small", secondary: true, dataHook: "suggestions-card-subtitle" },
+            descriptionData.text,
+            ' '),
+        descriptionData.learnMore && (React.createElement(TextButton, { size: "small", secondary: true, dataHook: "suggestions-card-learn-more", onClick: handleLearnMoreClick }, descriptionData.learnMore.text ?? 'Learn more'))));
+    const ctaButton = ctaButtonData ? (React.createElement(Button, { size: "small", skin: ctaButtonData.skin || 'standard', priority: ctaButtonData.priority || 'secondary', dataHook: "suggestions-card-button", onClick: handleCtaClick }, ctaButtonData.text)) : null;
+    const badge = badgeData ? (React.createElement(Badge, { skin: badgeData.skin || 'general', size: "small", dataHook: "suggestion-card-badge", uppercase: false }, badgeData.text)) : null;
+    const image = (React.createElement(Image, { src: imageUrl, width: 96, height: 96, borderRadius: "8px", dataHook: "suggestions-card-image" }));
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: title, description: description, image: image, actions: [ctaButton], badge: badge, hiddenBadge: !badge }))));
+};
+/**
+ * Creates a render function for marketing cards.
+ * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ *                         If not provided, uses offer.asset.creative directly.
+ * @returns A render function compatible with Suggestions.renderCard prop.
+ */
+export const renderMarketingCard = (translateOffer) => (props) => {
+    const schema = translateOffer
+        ? translateOffer(props.offer)
+        : props.offer?.asset?.creative;
+    const requiredFieldsExist = schema?.title && schema?.imageUrl && schema?.description?.text;
+    if (!requiredFieldsExist) {
+        return null;
+    }
+    return (React.createElement(MarketingCardInternal, { schema: schema, totalOffers: props.totalOffers }));
+};
+/**
+ * Skeleton component for MarketingCard during loading state.
+ */
+export const MarketingCardSkeleton = ({ totalOffers, }) => {
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: React.createElement(SkeletonLine, { width: "120px" }), description: React.createElement(SkeletonLine, { width: "168px" }), actions: [React.createElement(SkeletonRectangle, { width: "72px", height: "30px" })], image: React.createElement(SkeletonRectangle, { width: "96px", height: "96px" }), badge: React.createElement(Badge, null), hiddenBadge: true }))));
+};
+//# sourceMappingURL=MarketingCard.js.map

package/dist/esm/components/Suggestions/MarketingCard.js.map

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

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js

@@ -0,0 +1,22 @@
+import { MarketingLayoutUniDriver, BadgeUniDriver, ButtonUniDriver, TextButtonUniDriver, TextUniDriver, ImageUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function MarketingCardUniDriver(base, body) {
+    const marketingLayout = MarketingLayoutUniDriver(base, body);
+    const subtitle = TextUniDriver(base.$('[data-hook="suggestions-card-subtitle"]'), body);
+    const learnMore = TextButtonUniDriver(base.$('[data-hook="suggestions-card-learn-more"]'), body);
+    const ctaButton = ButtonUniDriver(base.$('[data-hook="suggestions-card-button"]'), body);
+    const badge = BadgeUniDriver(base.$('[data-hook="suggestion-card-badge"]'), body);
+    const image = ImageUniDriver(base.$('[data-hook="suggestions-card-image"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        getTitleText: () => marketingLayout.getTitleText(),
+        description: {
+            subtitle,
+            learnMore,
+        },
+        ctaButton,
+        badge,
+        image,
+    };
+}
+//# sourceMappingURL=MarketingCard.uni.driver.js.map

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CAAC,IAAe,EAAE,IAAe;IACrE,MAAM,eAAe,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,aAAa,CAC5B,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,EACjD,IAAI,CACL,CAAC;IACF,MAAM,SAAS,GAAG,mBAAmB,CACnC,IAAI,CAAC,CAAC,CAAC,2CAA2C,CAAC,EACnD,IAAI,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAC/B,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAC/C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAC7C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAC9C,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,YAAY,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE;QAClD,WAAW,EAAE;YACX,QAAQ;YACR,SAAS;SACV;QACD,SAAS;QACT,KAAK;QACL,KAAK;KACN,CAAC;AACJ,CAAC"}

package/dist/esm/components/Suggestions/Suggestions.js

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { CarouselWIP, COLOR_TOKENS } from '@wix/design-system';
+import { CarouselWIP, COLOR_TOKENS, Box, } from '@wix/design-system';
 import { SuggestionsState } from '../../state/Suggestions/SuggestionsState';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { MarketingCardSkeleton } from './MarketingCard';
 const defaultCarouselProps = {
     hideDots: true,
     infinite: false,
@@ -12,19 +13,45 @@ const defaultCarouselProps = {
     sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],
     controlsStartEnd: 'hidden',
 };
-export const Suggestions = observer(({ placementId, CardComponent, CardSkeleton, carouselProps, skeletonsNumber = 4, dataHook, }) => {
+const SuggestionsContainer = ({ count, children, carouselProps, dataHook, dataState, }) => {
+    if (count <= 2) {
+        return (React.createElement("div", { "data-hook": dataHook },
+            React.createElement(Box, { direction: "horizontal", gap: "SP4", dataHook: `${dataHook}-container-${dataState}` }, children)));
+    }
+    return (React.createElement("div", { "data-hook": dataHook },
+        React.createElement(CarouselWIP, { dataHook: `${dataHook}-carousel-${dataState}`, ...defaultCarouselProps, ...carouselProps }, children)));
+};
+export const Suggestions = observer(({ placementId, renderCard, CardSkeleton = MarketingCardSkeleton, carouselProps, skeletonsNumber = 4, dataHook = 'suggestions', }) => {
     const { httpClient } = useWixPatternsContainer();
     const [state] = useState(() => new SuggestionsState({ placementId, httpClient }));
     useEffect(() => {
         return state.init();
     }, [state]);
     if (state.hasOffers) {
-        return (React.createElement("div", { "data-hook": dataHook },
-            React.createElement(CarouselWIP, { key: "suggestions-carousel", dataHook: "suggestions-carousel", ...defaultCarouselProps, ...carouselProps }, state.offers.map((offer, index) => (React.createElement(CardComponent, { offer: offer, index: index, totalCards: state.offers.length, key: offer.offerGuid || `suggestion-${index}` }))))));
+        const cardCount = state.offers.length;
+        const cards = state.offers
+            .map((offer, index) => ({
+            key: offer.offerGuid || `suggestion-${index}`,
+            element: renderCard({
+                offer,
+                index,
+                totalOffers: state.offers.length,
+            }),
+        }))
+            .filter(({ element }) => element !== null);
+        // Return null if all cards filtered out
+        if (cards.length === 0) {
+            return null;
+        }
+        return (React.createElement(SuggestionsContainer
+        // use initial cards count for container, to match the count the cards get rendered with
+        , { 
+            // use initial cards count for container, to match the count the cards get rendered with
+            count: cardCount, carouselProps: carouselProps, dataHook: dataHook, dataState: "idle" }, cards.map(({ key, element }) => (React.createElement(React.Fragment, { key: key }, element)))));
     }
     if (state.isFetching) {
-        return (React.createElement("div", { "data-hook": dataHook },
-            React.createElement(CarouselWIP, { key: "suggestions-carousel-skeleton", dataHook: "suggestions-carousel-skeleton", ...defaultCarouselProps, controlsPosition: "none", ...carouselProps }, Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(CardSkeleton, { index: index, totalCards: skeletonsNumber, key: index }))))));
+        const skeletons = Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(CardSkeleton, { index: index, totalOffers: skeletonsNumber, key: index })));
+        return (React.createElement(SuggestionsContainer, { count: skeletonsNumber, carouselProps: { ...carouselProps, controlsPosition: 'none' }, dataHook: dataHook, dataState: "loading" }, skeletons));
     }
     return null;
 });

package/dist/esm/components/Suggestions/Suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAoB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AA0B9D,MAAM,oBAAoB,GAAqB;IAC7C,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,KAAK;IACpB,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,IAAI;IACxB,kBAAkB,EAAE,YAAY,CAAC,iBAAiB,CAAC;IACnD,gBAAgB,EAAE,QAAQ;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,QAAQ,CAC7D,CAAC,EACC,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,GAAG,CAAC,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEjD,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CACxD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO,CACL,0CAAgB,QAAQ;YACtB,oBAAC,WAAW,IACV,GAAG,EAAC,sBAAsB,EAC1B,QAAQ,EAAC,sBAAsB,KAC3B,oBAAoB,KACpB,aAAa,IAEhB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1C,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC/B,GAAG,EAAE,KAAK,CAAC,SAAS,IAAI,cAAc,KAAK,EAAE,GAC7C,CACH,CAAC,CACU,CACV,CACP,CAAC;KACH;IAED,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,OAAO,CACL,0CAAgB,QAAQ;YACtB,oBAAC,WAAW,IACV,GAAG,EAAC,+BAA+B,EACnC,QAAQ,EAAC,+BAA+B,KACpC,oBAAoB,EACxB,gBAAgB,EAAC,MAAM,KACnB,aAAa,IAEhB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,GAAG,EAAE,KAAK,GACV,CACH,CAAC,CACU,CACV,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC"}
+{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js

@@ -1,25 +1,74 @@
 import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory, } from '@wix/wix-ui-test-utils/unidriver';
-export const SuggestionsUniDriver = (base, body) => {
-    const carousel = CarouselWIPUniDriver(base.$('[data-hook="suggestions-carousel"]'), body);
-    const carouselSkeleton = CarouselWIPUniDriver(base.$('[data-hook="suggestions-carousel-skeleton"]'), body);
+export const SuggestionsUniDriver = (base, body, options = {}) => {
+    const dataHook = options.dataHook ?? 'suggestions';
+    const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+    const carouselIdle = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
+    const carouselLoading = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
+    const containerIdle = base.$(`[data-hook="${dataHook}-container-idle"]`);
+    const containerLoading = base.$(`[data-hook="${dataHook}-container-loading"]`);
+    const getCarouselChildren = async () => {
+        if (await carouselIdle.exists()) {
+            // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
+            return carouselIdle.getChildren();
+        }
+        if (await carouselLoading.exists()) {
+            // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
+            return carouselLoading.getChildren();
+        }
+        return null;
+    };
+    const getContainerChildren = async () => {
+        if (await containerIdle.exists()) {
+            return containerIdle.$$(`[data-hook="${cardDataHook}"]`);
+        }
+        if (await containerLoading.exists()) {
+            return containerLoading.$$(`[data-hook="${cardDataHook}"]`);
+        }
+        return null;
+    };
+    const isLoadingState = async () => {
+        const isContainerLoading = await containerLoading.exists();
+        const isCarouselLoading = await carouselLoading.exists();
+        return isContainerLoading || isCarouselLoading;
+    };
     return {
         ...baseUniDriverFactory(base),
-        isLoading: () => carouselSkeleton.exists(),
-        hasOffers: () => carousel.exists(),
-        isEmpty: async () => !(await carousel.exists()) && !(await carouselSkeleton.exists()),
-        getCardsCounts: async () => 
-        // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-        (await carousel.exists()) ? (await carousel.getChildren()).length : 0,
-        getSkeletonCardsCount: async () => (await carouselSkeleton.exists())
-            ? // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-                (await carouselSkeleton.getChildren()).length
-            : 0,
-        // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-        getCardAt: async (index) => (await carousel.getChildren())[index],
-        getSkeletonCardAt: (index) => carouselSkeleton.getChildren().at(index),
-        carousel: () => carousel,
-        carouselSkeleton: () => carouselSkeleton,
+        isLoading: isLoadingState,
+        hasOffers: async () => {
+            const carouselExists = await carouselIdle.exists();
+            const containerExists = await containerIdle.exists();
+            return carouselExists || containerExists;
+        },
+        isEmpty: async () => {
+            const carouselExists = await carouselIdle.exists();
+            const containerExists = await containerIdle.exists();
+            return !carouselExists && !containerExists;
+        },
+        getCardsCounts: async () => {
+            const carouselChildren = await getCarouselChildren();
+            if (carouselChildren) {
+                return carouselChildren.length;
+            }
+            const containerChildren = await getContainerChildren();
+            if (containerChildren) {
+                return containerChildren.count();
+            }
+            return 0;
+        },
+        getCardAt: async (index) => {
+            const carouselChildren = await getCarouselChildren();
+            if (carouselChildren) {
+                return carouselChildren[index];
+            }
+            const containerChildren = await getContainerChildren();
+            if (containerChildren) {
+                return containerChildren.at(index);
+            }
+            throw new Error(`No cards found at index ${index}`);
+        },
+        carousel: async () => (await carouselIdle.exists()) ? carouselIdle : carouselLoading,
+        container: async () => (await containerIdle.exists()) ? containerIdle : containerLoading,
     };
 };
 //# sourceMappingURL=Suggestions.uni.driver.js.map

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EACL,oBAAoB,GAErB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,oBAAoB,CACnC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,EAC5C,IAAI,CACL,CAAC;IACF,MAAM,gBAAgB,GAAG,oBAAoB,CAC3C,IAAI,CAAC,CAAC,CAAC,6CAA6C,CAAC,EACrD,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE;QAC1C,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QAClC,OAAO,EAAE,KAAK,IAAI,EAAE,CAClB,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,EAAE,CAAC;QAClE,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,6GAA6G;QAC7G,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvE,qBAAqB,EAAE,KAAK,IAAI,EAAE,CAChC,CAAC,MAAM,gBAAgB,CAAC,MAAM,EAAE,CAAC;YAC/B,CAAC,CAAC,6GAA6G;gBAC7G,CAAC,MAAM,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM;YAC/C,CAAC,CAAC,CAAC;QACP,6GAA6G;QAC7G,SAAS,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC;QACzE,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CACnC,gBAAgB,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,gBAAgB;KACzC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/index.js

@@ -1,2 +1,5 @@
-export * from './Suggestions';
+// Main component
+export { Suggestions } from './Suggestions';
+// MarketingCard - pre-built card component
+export { renderMarketingCard, MarketingCardSkeleton } from './MarketingCard';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Suggestions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,2CAA2C;AAC3C,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/components/Suggestions/types.js

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

package/dist/esm/components/Suggestions/types.js.map

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

package/dist/esm/components/TabTotal/TabTotalCounterBadge.js

@@ -4,10 +4,10 @@ import React from 'react';
 import { useFilterValueTotalState, } from './useFilterValueTotalState';
 import { initTabTotal } from '../../state/initTabTotal';
 function _TabCounterBadge(props) {
-    const { value, ...rest } = props;
+    const { value, skin = 'neutralStandard', ...rest } = props;
     const state = useFilterValueTotalState(props);
     const { totalsCollection: { totalStatus, total, lifecycleState }, } = state;
-    return totalStatus === 'success' && lifecycleState === 'result' ? (React.createElement(CounterBadge, { ...rest }, total)) : null;
+    return totalStatus === 'success' && lifecycleState === 'result' ? (React.createElement(CounterBadge, { skin: skin, ...rest }, total)) : null;
 }
 _TabCounterBadge.initTabTotal = initTabTotal;
 export const TabTotalCounterBadge = observer(_TabCounterBadge);

package/dist/esm/components/TabTotal/TabTotalCounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabTotalCounterBadge.js","sourceRoot":"","sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMxD,SAAS,gBAAgB,CACvB,KAAoC;IAEpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,EACJ,gBAAgB,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,GACzD,GAAG,KAAK,CAAC;IAEV,OAAO,WAAW,KAAK,SAAS,IAAI,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChE,oBAAC,YAAY,OAAK,IAAI,IAAG,KAAK,CAAgB,CAC/C,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC;AAC7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAC/D,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAC1D,oBAAoB,CAAC,YAAY,GAAG,YAAY,CAAC"}
+{"version":3,"file":"TabTotalCounterBadge.js","sourceRoot":"","sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMxD,SAAS,gBAAgB,CACvB,KAAoC;IAEpC,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,iBAAiB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,EACJ,gBAAgB,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,GACzD,GAAG,KAAK,CAAC;IAEV,OAAO,WAAW,KAAK,SAAS,IAAI,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChE,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,IAC/B,KAAK,CACO,CAChB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC;AAC7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAC/D,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAC1D,oBAAoB,CAAC,YAAY,GAAG,YAAY,CAAC"}

package/dist/esm/components/TabsFilter/TabsDropdown.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Box, Input, listItemSelectBuilder } from '@wix/design-system';
+import { Box, Input, listItemSelectBuilder, } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { TabsFilterState } from './TabsFilterState';
@@ -8,7 +8,7 @@ import { ALL_TAB_ITEM_ID } from './types';
 import { SingleSelectFilterBase } from '../SingleSelectFilterBase';
 import { useDropdownSelectFilterState } from '../../hooks';
 function _TabsDropdown(props) {
-    const { data: dataProp, items, filter, selectedId } = props;
+    const { data: dataProp, items, filter, selectedId, popoverProps } = props;
     const { itemKey } = filter;
     const table = useToolbarCollectionContext();
     const container = useRef();
@@ -41,7 +41,7 @@ function _TabsDropdown(props) {
                     filter.refresh(values);
                 }
             }, suffix: hideCounterBadge ? undefined : (React.createElement(Input.Affix, null,
-                React.createElement(TabTotalDropdownOption, { key: selectedId, value: dataProp.find((value) => itemKey(value) === selectedId) }))) })));
+                React.createElement(TabTotalDropdownOption, { key: selectedId, value: dataProp.find((value) => itemKey(value) === selectedId) }))), popoverProps: popoverProps })));
 }
 export const TabsDropdown = observer(_TabsDropdown);
 //# sourceMappingURL=TabsDropdown.js.map

package/dist/esm/components/TabsFilter/TabsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,GAAG,EAEH,KAAK,EACL,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,eAAe,EAAsC,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAU3D,SAAS,aAAa,CAAI,KAAyB;IACjD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAE3B,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAE5C,MAAM,SAAS,GAAG,MAAM,EAAkB,CAAC;IAE3C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,eAAe,CAAC;QAClB,KAAK;KACN,CAAC,CACL,CAAC;IAEF,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,SAAS,EAAE,SAAS,CAAC,OAAO;QAC5B,UAAU,EAAE,KAAK,CAAC,MAAM;KACzB,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;IACpD,MAAM,gBAAgB,GAAG,SAAS,IAAI,MAAM,CAAC;IAE7C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACjB,qBAAqB,CAAC;QACpB,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,IAAI,CAAC,IAAI;QAChB,KAAK,EAAE,IAAI,CAAC,IAAI;QAChB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACrC,oBAAC,sBAAsB,IACrB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,GACzD,CACH;KACF,CAAC,CACH,EACH,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAC1B,CAAC;IAEF,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,4BAA4B,CAAI;QAC/D,MAAM;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAE5B,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAC,KAAK;QAClD,oBAAC,sBAAsB,IACrB,QAAQ,EAAC,eAAe,EACxB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,EACzB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;gBACnB,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBAExD,IAAI,GAAG,EAAE;oBACP,MAAM,MAAM,GACV,GAAG,CAAC,EAAE,KAAK,eAAe;wBACxB,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,CAAE,GAAyB,CAAC,KAAK,CAAC,CAAC;oBAEzC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;iBACxB;YACH,CAAC,EACD,MAAM,EACJ,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAC7B,oBAAC,KAAK,CAAC,KAAK;gBACV,oBAAC,sBAAsB,IACrB,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,GAC9D,CACU,CACf,EAEH,YAAY,EAAE,YAAY,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/TabsFilter/TabsFilter.js

@@ -12,7 +12,7 @@ import { ALL_TAB_ITEM_ID } from './types';
 import { TabsDefault } from './TabsDefault';
 import { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';
 function _TabsFilter(props) {
-    const { type, filter, data: dataProp, all, counterBadge, placeAllTabLast, onChange, } = props;
+    const { type, filter, data: dataProp, all, counterBadge, placeAllTabLast, onChange, mobilePopoverProps, } = props;
     const { itemKey, itemName } = filter;
     const table = useToolbarCollectionContext();
     const filterAllValueTotal = useFilterValueTotalState({
@@ -84,7 +84,7 @@ function _TabsFilter(props) {
                     if (node) {
                         container.current = node;
                     }
-                } }, responsive.mode === 'tabs' ? (React.createElement(TabsDefault, { items: items, data: dataProp, filter: filter, selectedId: selectedId, state: state, onChange: onChange, type: type, all: all })) : (React.createElement(TabsDropdown, { filter: filter, data: dataProp, items: items, selectedId: selectedId }))))));
+                } }, responsive.mode === 'tabs' ? (React.createElement(TabsDefault, { items: items, data: dataProp, filter: filter, selectedId: selectedId, state: state, onChange: onChange, type: type, all: all })) : (React.createElement(TabsDropdown, { filter: filter, data: dataProp, items: items, selectedId: selectedId, popoverProps: mobilePopoverProps }))))));
 }
 export const TabsFilter = observer(_TabsFilter);
 TabsFilter.displayName = 'TabsFilter';

package/dist/esm/components/TabsFilter/TabsFilter.js.map

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

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter2926816683";
+var _namespace_ = "TabsFilter379101447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter2926816683__root", "title": "TabsFilter2926816683__title" };
+export var classes = { "root": "TabsFilter379101447__root", "title": "TabsFilter379101447__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,OAAO,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal413112325";
+var _namespace_ = "ManageTagsModal243698359";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal413112325__root" };
+export var classes = { "root": "ManageTagsModal243698359__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItem3195151128";
+var _namespace_ = "ToolbarItem3013100242";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItem3195151128__root" };
+export var classes = { "root": "ToolbarItem3013100242__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItemBox2427129690";
+var _namespace_ = "ToolbarItemBox1125695505";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItemBox2427129690__root" };
+export var classes = { "root": "ToolbarItemBox1125695505__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/common.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common4185539822";
+var _namespace_ = "common1861445983";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "common4185539822__root", "column": "common4185539822__column", "fullHeight": "common4185539822__fullHeight" };
+export var classes = { "root": "common1861445983__root", "column": "common1861445983__column", "fullHeight": "common1861445983__fullHeight" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/exports/testkit/unidriver.js

@@ -27,5 +27,6 @@ export { default as RequestIdUniDriver } from '../../components/RequestId/Reques
 export { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 export { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';
 export { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';
-export { SuggestionsUniDriver } from '../../components/Suggestions/Suggestions.uni.driver';
+export { SuggestionsUniDriver, } from '../../components/Suggestions/Suggestions.uni.driver';
+export { MarketingCardUniDriver } from '../../components/Suggestions/MarketingCard.uni.driver';
 //# sourceMappingURL=unidriver.js.map

package/dist/esm/exports/testkit/unidriver.js.map

@@ -1 +1 @@
-{"version":3,"file":"unidriver.js","sourceRoot":"","sources":["../../../../src/exports/testkit/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,EAAE,gCAAgC,EAAE,MAAM,6EAA6E,CAAC;AAC/H,OAAO,EAAE,gCAAgC,EAAE,MAAM,6FAA6F,CAAC;AAC/I,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,2EAA2E,CAAC;AACvI,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uEAAuE,CAAC;AACnI,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,oCAAoC,EAAE,MAAM,qFAAqF,CAAC;AAC3I,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qEAAqE,CAAC;AACxH,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC"}
+{"version":3,"file":"unidriver.js","sourceRoot":"","sources":["../../../../src/exports/testkit/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,EAAE,gCAAgC,EAAE,MAAM,6EAA6E,CAAC;AAC/H,OAAO,EAAE,gCAAgC,EAAE,MAAM,6FAA6F,CAAC;AAC/I,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,2EAA2E,CAAC;AACvI,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uEAAuE,CAAC;AACnI,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,oCAAoC,EAAE,MAAM,qFAAqF,CAAC;AAC3I,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qEAAqE,CAAC;AACxH,OAAO,EACL,oBAAoB,GAErB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC"}

package/dist/esm/hooks/useBulkActionMobileGroups.js

@@ -17,7 +17,8 @@ export function useBulkActionMobileGroups({ primaryActionItems, secondaryActionI
     if (primaryGroup.length > 0) {
         groups.push(primaryGroup);
     }
-    if (secondaryFlat.length > 0) {
+    // array is at least of size 1 because of the hardcoded moreActionsLabel
+    if (secondaryFlat.length > 1) {
         groups.push(secondaryFlat);
     }
     return groups;

package/dist/esm/hooks/useBulkActionMobileGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBulkActionMobileGroups.js","sourceRoot":"","sources":["../../../src/hooks/useBulkActionMobileGroups.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,GACgB;IAChC,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QAC7D,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;YACxB,OAAO,CAAC,UAAU,CAAC,CAAC;SACrB;QAED,OAAO,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,KAAM,EAAE,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG;QACpB,EAAE,YAAY,EAAE,gBAAgB,EAAE;QAClC,GAAG,oBAAoB,CAAC,IAAI,EAAE;KAC/B,CAAC;IAEF,MAAM,MAAM,GAAqC,EAAE,CAAC;IACpD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC3B;IACD,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5B;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"useBulkActionMobileGroups.js","sourceRoot":"","sources":["../../../src/hooks/useBulkActionMobileGroups.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,GACgB;IAChC,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QAC7D,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;YACxB,OAAO,CAAC,UAAU,CAAC,CAAC;SACrB;QAED,OAAO,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,KAAM,EAAE,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG;QACpB,EAAE,YAAY,EAAE,gBAAgB,EAAE;QAClC,GAAG,oBAAoB,CAAC,IAAI,EAAE;KAC/B,CAAC;IAEF,MAAM,MAAM,GAAqC,EAAE,CAAC;IACpD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC3B;IACD,wEAAwE;IACxE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5B;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}