@wix/patterns 1.308.0 → 1.317.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","getCardWidth","totalOffers","MarketingCardInternal","schema","title","description","descriptionData","imageUrl","ctaButton","ctaButtonData","badge","badgeData","handleCtaClick","link","window","open","handleLearnMoreClick","_descriptionData$lear","learnMore","default","createElement","Fragment","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","text","TextButton","onClick","Button","skin","priority","Badge","uppercase","image","Image","src","width","height","borderRadius","Box","Card","stretchVertically","MarketingLayout","actions","hiddenBadge","renderMarketingCard","translateOffer","props","_props$offer","_schema$description","offer","asset","creative","requiredFieldsExist","exports","MarketingCardSkeleton","SkeletonLine","SkeletonRectangle"],"sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  MarketingLayout,\n  SkeletonLine,\n  Card,\n  Button,\n  BadgeSkin,\n  ButtonSkin,\n  Image,\n  Text,\n  TextButton,\n  Badge,\n  SkeletonRectangle,\n  ButtonPriority,\n} from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { BaseCardComponentProps, SuggestionsCardProps } from './types';\n\n/**\n * Schema for marketing card content.\n * This defines the structure expected in offer.asset.creative for MarketingCard rendering.\n */\nexport interface MarketingCardSchema {\n  title: string;\n  description: {\n    text: string;\n    learnMore?: {\n      link: string;\n      text?: string; // defaults to 'Learn more'\n    };\n  };\n  imageUrl: string;\n  ctaButton?: {\n    text: string;\n    link: string;\n    skin?: Extract<ButtonSkin, 'standard' | 'premium' | 'ai'>; // defaults to 'standard'\n    priority?: Extract<ButtonPriority, 'primary' | 'secondary'>; // defaults to 'secondary'\n  };\n  badge?: {\n    text: string;\n    skin?: Extract<BadgeSkin, 'general' | 'success' | 'premium'>; // defaults to 'general'\n  };\n}\n\nconst getCardWidth = (totalOffers: number) => {\n  if (totalOffers === 1) {\n    return '100%';\n  }\n  if (totalOffers === 2) {\n    return '50%';\n  }\n  return '550px';\n};\n\ninterface MarketingCardInternalProps {\n  schema: MarketingCardSchema;\n  totalOffers: number;\n}\n\nconst MarketingCardInternal: React.FC<MarketingCardInternalProps> = ({\n  schema,\n  totalOffers,\n}) => {\n  const {\n    title,\n    description: descriptionData,\n    imageUrl,\n    ctaButton: ctaButtonData,\n    badge: badgeData,\n  } = schema;\n\n  const handleCtaClick = () => {\n    if (ctaButtonData?.link) {\n      window.open(ctaButtonData.link, '_blank');\n    }\n  };\n\n  const handleLearnMoreClick = () => {\n    if (descriptionData?.learnMore?.link) {\n      window.open(descriptionData.learnMore.link, '_blank');\n    }\n  };\n\n  const description = (\n    <>\n      <Text size=\"small\" secondary dataHook=\"suggestions-card-subtitle\">\n        {descriptionData.text}{' '}\n      </Text>\n      {descriptionData.learnMore && (\n        <TextButton\n          size=\"small\"\n          secondary\n          dataHook=\"suggestions-card-learn-more\"\n          onClick={handleLearnMoreClick}\n        >\n          {descriptionData.learnMore.text ?? 'Learn more'}\n        </TextButton>\n      )}\n    </>\n  );\n\n  const ctaButton = ctaButtonData ? (\n    <Button\n      size=\"small\"\n      skin={ctaButtonData.skin || 'standard'}\n      priority={ctaButtonData.priority || 'secondary'}\n      dataHook=\"suggestions-card-button\"\n      onClick={handleCtaClick}\n    >\n      {ctaButtonData.text}\n    </Button>\n  ) : null;\n\n  const badge = badgeData ? (\n    <Badge\n      skin={badgeData.skin || 'general'}\n      size=\"small\"\n      dataHook=\"suggestion-card-badge\"\n      uppercase={false}\n    >\n      {badgeData.text}\n    </Badge>\n  ) : null;\n\n  const image = (\n    <Image\n      src={imageUrl}\n      width={96}\n      height={96}\n      borderRadius=\"8px\"\n      dataHook=\"suggestions-card-image\"\n    />\n  );\n\n  return (\n    <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n      <Card stretchVertically>\n        <MarketingLayout\n          title={title}\n          description={description}\n          image={image}\n          actions={[ctaButton]}\n          badge={badge}\n          hiddenBadge={!badge}\n        />\n      </Card>\n    </Box>\n  );\n};\n\n/**\n * Creates a render function for marketing cards.\n * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.\n *                         If not provided, uses offer.asset.creative directly.\n * @returns A render function compatible with Suggestions.renderCard prop.\n */\nexport const renderMarketingCard =\n  (translateOffer?: (offer: Offer) => MarketingCardSchema | null) =>\n  (props: SuggestionsCardProps): React.ReactNode | null => {\n    const schema = translateOffer\n      ? translateOffer(props.offer)\n      : (props.offer?.asset?.creative as MarketingCardSchema | null);\n\n    const requiredFieldsExist =\n      schema?.title && schema?.imageUrl && schema?.description?.text;\n\n    if (!requiredFieldsExist) {\n      return null;\n    }\n    return (\n      <MarketingCardInternal schema={schema} totalOffers={props.totalOffers} />\n    );\n  };\n\n/**\n * Skeleton component for MarketingCard during loading state.\n */\nexport const MarketingCardSkeleton: React.FC<BaseCardComponentProps> = ({\n  totalOffers,\n}) => {\n  return (\n    <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n      <Card stretchVertically>\n        <MarketingLayout\n          title={<SkeletonLine width=\"120px\" />}\n          description={<SkeletonLine width=\"168px\" />}\n          actions={[<SkeletonRectangle width=\"72px\" height=\"30px\" />]}\n          image={<SkeletonRectangle width=\"96px\" height=\"96px\" />}\n          badge={<Badge />}\n          hiddenBadge={true}\n        />\n      </Card>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","MarketingCardUniDriver","base","body","marketingLayout","MarketingLayoutUniDriver","subtitle","TextUniDriver","$","learnMore","TextButtonUniDriver","ctaButton","ButtonUniDriver","badge","BadgeUniDriver","image","ImageUniDriver","baseUniDriverFactory","getTitleText","description"],"sources":["../../../../src/components/Suggestions/MarketingCard.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MarketingLayoutUniDriver,\n  BadgeUniDriver,\n  ButtonUniDriver,\n  TextButtonUniDriver,\n  TextUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function MarketingCardUniDriver(base: UniDriver, body: UniDriver) {\n  const marketingLayout = MarketingLayoutUniDriver(base, body);\n\n  const subtitle = TextUniDriver(\n    base.$('[data-hook=\"suggestions-card-subtitle\"]'),\n    body,\n  );\n  const learnMore = TextButtonUniDriver(\n    base.$('[data-hook=\"suggestions-card-learn-more\"]'),\n    body,\n  );\n\n  const ctaButton = ButtonUniDriver(\n    base.$('[data-hook=\"suggestions-card-button\"]'),\n    body,\n  );\n  const badge = BadgeUniDriver(\n    base.$('[data-hook=\"suggestion-card-badge\"]'),\n    body,\n  );\n  const image = ImageUniDriver(\n    base.$('[data-hook=\"suggestions-card-image\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    getTitleText: () => marketingLayout.getTitleText(),\n    description: {\n      subtitle,\n      learnMore,\n    },\n    ctaButton,\n    badge,\n    image,\n  };\n}\n\nexport type MarketingCardUniDriverType = ReturnType<\n  typeof MarketingCardUniDriver\n>;\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,MAAMC,eAAe,GAAG,IAAAC,mCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAE5D,MAAMG,QAAQ,GAAG,IAAAC,wBAAa,EAC5BL,IAAI,CAACM,CAAC,CAAC,yCAAyC,CAAC,EACjDL,IACF,CAAC;EACD,MAAMM,SAAS,GAAG,IAAAC,8BAAmB,EACnCR,IAAI,CAACM,CAAC,CAAC,2CAA2C,CAAC,EACnDL,IACF,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,0BAAe,EAC/BV,IAAI,CAACM,CAAC,CAAC,uCAAuC,CAAC,EAC/CL,IACF,CAAC;EACD,MAAMU,KAAK,GAAG,IAAAC,yBAAc,EAC1BZ,IAAI,CAACM,CAAC,CAAC,qCAAqC,CAAC,EAC7CL,IACF,CAAC;EACD,MAAMY,KAAK,GAAG,IAAAC,yBAAc,EAC1Bd,IAAI,CAACM,CAAC,CAAC,sCAAsC,CAAC,EAC9CL,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAc,gCAAoB,EAACf,IAAI,CAAC;IAE7BgB,YAAY,EAAEA,CAAA,KAAMd,eAAe,CAACc,YAAY,CAAC,CAAC;IAClDC,WAAW,EAAE;MACXb,QAAQ;MACRG;IACF,CAAC;IACDE,SAAS;IACTE,KAAK;IACLE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/Suggestions/Suggestions.js

@@ -9,6 +9,7 @@ var _designSystem = require("@wix/design-system");
 var _SuggestionsState = require("../../state/Suggestions/SuggestionsState");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _MarketingCard = require("./MarketingCard");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/Suggestions.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const defaultCarouselProps = {
@@ -20,13 +21,60 @@ const defaultCarouselProps = {
   sidesGradientColor: _designSystem.COLOR_TOKENS['--wsr-color-D70'],
   controlsStartEnd: 'hidden'
 };
+const SuggestionsContainer = ({
+  count,
+  children,
+  carouselProps,
+  dataHook,
+  dataState
+}) => {
+  if (count <= 2) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "horizontal",
+      gap: "SP4",
+      dataHook: `${dataHook}-container-${dataState}`,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 9
+      }
+    }, children));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
+    dataHook: `${dataHook}-carousel-${dataState}`
+  }, defaultCarouselProps, carouselProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }), children));
+};
 const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
   placementId,
-  CardComponent,
-  CardSkeleton,
+  renderCard,
+  CardSkeleton = _MarketingCard.MarketingCardSkeleton,
   carouselProps,
   skeletonsNumber = 4,
-  dataHook
+  dataHook = 'suggestions'
 }) => {
   const {
     httpClient
@@ -39,71 +87,77 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
     return state.init();
   }, [state]);
   if (state.hasOffers) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": dataHook,
+    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 /*#__PURE__*/_react.default.createElement(SuggestionsContainer
+    // use initial cards count for container, to match the count the cards get rendered with
+    , {
+      count: cardCount,
+      carouselProps: carouselProps,
+      dataHook: dataHook,
+      dataState: "idle",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 104,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
-      key: "suggestions-carousel",
-      dataHook: "suggestions-carousel"
-    }, defaultCarouselProps, carouselProps, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 64,
-        columnNumber: 11
-      }
-    }), state.offers.map((offer, index) => /*#__PURE__*/_react.default.createElement(CardComponent, {
-      offer: offer,
-      index: index,
-      totalCards: state.offers.length,
-      key: offer.offerGuid || `suggestion-${index}`,
+    }, cards.map(({
+      key,
+      element
+    }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: key,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
-        columnNumber: 15
+        lineNumber: 112,
+        columnNumber: 13
       }
-    }))));
+    }, element)));
   }
   if (state.isFetching) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": dataHook,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 85,
-        columnNumber: 9
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
-      key: "suggestions-carousel-skeleton",
-      dataHook: "suggestions-carousel-skeleton"
-    }, defaultCarouselProps, {
-      controlsPosition: "none"
-    }, carouselProps, {
+    const skeletons = Array.from({
+      length: skeletonsNumber
+    }).map((_, index) => /*#__PURE__*/_react.default.createElement(CardSkeleton, {
+      index: index,
+      totalOffers: skeletonsNumber,
+      key: index,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 121,
         columnNumber: 11
       }
-    }), Array.from({
-      length: skeletonsNumber
-    }).map((_, index) => /*#__PURE__*/_react.default.createElement(CardSkeleton, {
-      index: index,
-      totalCards: skeletonsNumber,
-      key: index,
+    }));
+    return /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
+      count: skeletonsNumber,
+      carouselProps: {
+        ...carouselProps,
+        controlsPosition: 'none'
+      },
+      dataHook: dataHook,
+      dataState: "loading",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
-        columnNumber: 15
+        lineNumber: 130,
+        columnNumber: 9
       }
-    }))));
+    }, skeletons);
   }
   return null;
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","Suggestions","exports","observer","placementId","CardComponent","CardSkeleton","carouselProps","skeletonsNumber","dataHook","httpClient","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","createElement","__self","__source","fileName","lineNumber","columnNumber","CarouselWIP","_extends2","key","offers","map","offer","index","totalCards","length","offerGuid","isFetching","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CarouselWIP, CarouselWIPProps, COLOR_TOKENS } from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface BaseCardComponentProps {\n  index: number;\n  totalCards: number;\n}\n\nexport interface SuggestionsCardComponentProps extends BaseCardComponentProps {\n  offer: Offer;\n}\n\nexport interface SuggestionsProps {\n  /** The placement ID to fetch offers for */\n  placementId: string;\n  /** Props to pass to the carousel component */\n  carouselProps?: CarouselWIPProps;\n  /** Card component to render each offer */\n  CardComponent: React.ComponentType<SuggestionsCardComponentProps>;\n  /** Skeleton component to render when loading */\n  CardSkeleton: React.ComponentType<BaseCardComponentProps>;\n  /** Number of skeletons to render when loading */\n  skeletonsNumber?: number;\n  /** Data hook to use for the suggestions component */\n  dataHook?: string;\n}\n\nconst defaultCarouselProps: CarouselWIPProps = {\n  hideDots: true,\n  infinite: false,\n  variableWidth: false,\n  controlsPosition: 'overlay',\n  showControlsShadow: true,\n  sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n  controlsStartEnd: 'hidden',\n};\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n  ({\n    placementId,\n    CardComponent,\n    CardSkeleton,\n    carouselProps,\n    skeletonsNumber = 4,\n    dataHook,\n  }) => {\n    const { httpClient } = useWixPatternsContainer();\n\n    const [state] = useState(\n      () => new SuggestionsState({ placementId, httpClient }),\n    );\n\n    useEffect(() => {\n      return state.init();\n    }, [state]);\n\n    if (state.hasOffers) {\n      return (\n        <div data-hook={dataHook}>\n          <CarouselWIP\n            key=\"suggestions-carousel\"\n            dataHook=\"suggestions-carousel\"\n            {...defaultCarouselProps}\n            {...carouselProps}\n          >\n            {state.offers.map((offer, index: number) => (\n              <CardComponent\n                offer={offer}\n                index={index}\n                totalCards={state.offers.length}\n                key={offer.offerGuid || `suggestion-${index}`}\n              />\n            ))}\n          </CarouselWIP>\n        </div>\n      );\n    }\n\n    if (state.isFetching) {\n      return (\n        <div data-hook={dataHook}>\n          <CarouselWIP\n            key=\"suggestions-carousel-skeleton\"\n            dataHook=\"suggestions-carousel-skeleton\"\n            {...defaultCarouselProps}\n            controlsPosition=\"none\"\n            {...carouselProps}\n          >\n            {Array.from({ length: skeletonsNumber }).map((_, index) => (\n              <CardSkeleton\n                index={index}\n                totalCards={skeletonsNumber}\n                key={index}\n              />\n            ))}\n          </CarouselWIP>\n        </div>\n      );\n    }\n\n    return null;\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","Suggestions","exports","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","httpClient","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","Fragment","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CarouselWIP,\n  CarouselWIPProps,\n  COLOR_TOKENS,\n  Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n  hideDots: true,\n  infinite: false,\n  variableWidth: false,\n  controlsPosition: 'overlay',\n  showControlsShadow: true,\n  sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n  controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n  count: number;\n  children: React.ReactNode;\n  carouselProps?: CarouselWIPProps;\n  dataHook: string;\n  dataState: 'idle' | 'loading';\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n  count,\n  children,\n  carouselProps,\n  dataHook,\n  dataState,\n}) => {\n  if (count <= 2) {\n    return (\n      <div data-hook={dataHook}>\n        <Box\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          dataHook={`${dataHook}-container-${dataState}`}\n        >\n          {children}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <CarouselWIP\n        dataHook={`${dataHook}-carousel-${dataState}`}\n        {...defaultCarouselProps}\n        {...carouselProps}\n      >\n        {children}\n      </CarouselWIP>\n    </div>\n  );\n};\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n  ({\n    placementId,\n    renderCard,\n    CardSkeleton = MarketingCardSkeleton,\n    carouselProps,\n    skeletonsNumber = 4,\n    dataHook = 'suggestions',\n  }) => {\n    const { httpClient } = useWixPatternsContainer();\n\n    const [state] = useState(\n      () => new SuggestionsState({ placementId, httpClient }),\n    );\n\n    useEffect(() => {\n      return state.init();\n    }, [state]);\n\n    if (state.hasOffers) {\n      const cardCount = state.offers.length;\n      const cards = state.offers\n        .map((offer, index) => ({\n          key: offer.offerGuid || `suggestion-${index}`,\n          element: renderCard({\n            offer,\n            index,\n            totalOffers: state.offers.length,\n          }),\n        }))\n        .filter(({ element }) => element !== null);\n\n      // Return null if all cards filtered out\n      if (cards.length === 0) {\n        return null;\n      }\n\n      return (\n        <SuggestionsContainer\n          // use initial cards count for container, to match the count the cards get rendered with\n          count={cardCount}\n          carouselProps={carouselProps}\n          dataHook={dataHook}\n          dataState=\"idle\"\n        >\n          {cards.map(({ key, element }) => (\n            <React.Fragment key={key}>{element}</React.Fragment>\n          ))}\n        </SuggestionsContainer>\n      );\n    }\n\n    if (state.isFetching) {\n      const skeletons = Array.from({ length: skeletonsNumber }).map(\n        (_, index) => (\n          <CardSkeleton\n            index={index}\n            totalOffers={skeletonsNumber}\n            key={index}\n          />\n        ),\n      );\n\n      return (\n        <SuggestionsContainer\n          count={skeletonsNumber}\n          carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n          dataHook={dataHook}\n          dataState=\"loading\"\n        >\n          {skeletons}\n        </SuggestionsContainer>\n      );\n    }\n\n    return null;\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,25 +4,75 @@ exports.__esModule = true;
 exports.SuggestionsUniDriver = void 0;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _unidriver2 = require("@wix/wix-ui-test-utils/unidriver");
-const SuggestionsUniDriver = (base, body) => {
-  const carousel = (0, _unidriver.CarouselWIPUniDriver)(base.$('[data-hook="suggestions-carousel"]'), body);
-  const carouselSkeleton = (0, _unidriver.CarouselWIPUniDriver)(base.$('[data-hook="suggestions-carousel-skeleton"]'), body);
+const SuggestionsUniDriver = (base, body, options = {}) => {
+  const dataHook = options.dataHook ?? 'suggestions';
+  const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+  const carouselIdle = (0, _unidriver.CarouselWIPUniDriver)(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
+  const carouselLoading = (0, _unidriver.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 {
     ...(0, _unidriver2.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
   };
 };
 exports.SuggestionsUniDriver = SuggestionsUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","carousel","CarouselWIPUniDriver","$","carouselSkeleton","baseUniDriverFactory","isLoading","exists","hasOffers","isEmpty","getCardsCounts","getChildren","length","getSkeletonCardsCount","getCardAt","index","getSkeletonCardAt","at","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n  const carousel = CarouselWIPUniDriver(\n    base.$('[data-hook=\"suggestions-carousel\"]'),\n    body,\n  );\n  const carouselSkeleton = CarouselWIPUniDriver(\n    base.$('[data-hook=\"suggestions-carousel-skeleton\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    isLoading: () => carouselSkeleton.exists(),\n    hasOffers: () => carousel.exists(),\n    isEmpty: async () =>\n      !(await carousel.exists()) && !(await carouselSkeleton.exists()),\n    getCardsCounts: async () =>\n      // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList\n      (await carousel.exists()) ? (await carousel.getChildren()).length : 0,\n    getSkeletonCardsCount: async () =>\n      (await carouselSkeleton.exists())\n        ? // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList\n          (await carouselSkeleton.getChildren()).length\n        : 0,\n    // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList\n    getCardAt: async (index: number) => (await carousel.getChildren())[index],\n    getSkeletonCardAt: (index: number) =>\n      carouselSkeleton.getChildren().at(index),\n    carousel: () => carousel,\n    carouselSkeleton: () => carouselSkeleton,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,MAAME,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,QAAQ,GAAG,IAAAC,+BAAoB,EACnCH,IAAI,CAACI,CAAC,CAAC,oCAAoC,CAAC,EAC5CH,IACF,CAAC;EACD,MAAMI,gBAAgB,GAAG,IAAAF,+BAAoB,EAC3CH,IAAI,CAACI,CAAC,CAAC,6CAA6C,CAAC,EACrDH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAK,gCAAoB,EAACN,IAAI,CAAC;IAC7BO,SAAS,EAAEA,CAAA,KAAMF,gBAAgB,CAACG,MAAM,CAAC,CAAC;IAC1CC,SAAS,EAAEA,CAAA,KAAMP,QAAQ,CAACM,MAAM,CAAC,CAAC;IAClCE,OAAO,EAAE,MAAAA,CAAA,KACP,EAAE,MAAMR,QAAQ,CAACM,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,MAAMH,gBAAgB,CAACG,MAAM,CAAC,CAAC,CAAC;IAClEG,cAAc,EAAE,MAAAA,CAAA;IACd;IACA,CAAC,MAAMT,QAAQ,CAACM,MAAM,CAAC,CAAC,IAAI,CAAC,MAAMN,QAAQ,CAACU,WAAW,CAAC,CAAC,EAAEC,MAAM,GAAG,CAAC;IACvEC,qBAAqB,EAAE,MAAAA,CAAA,KACrB,CAAC,MAAMT,gBAAgB,CAACG,MAAM,CAAC,CAAC;IAC5B;IACA,CAAC,MAAMH,gBAAgB,CAACO,WAAW,CAAC,CAAC,EAAEC,MAAM,GAC7C,CAAC;IACP;IACAE,SAAS,EAAE,MAAOC,KAAa,IAAK,CAAC,MAAMd,QAAQ,CAACU,WAAW,CAAC,CAAC,EAAEI,KAAK,CAAC;IACzEC,iBAAiB,EAAGD,KAAa,IAC/BX,gBAAgB,CAACO,WAAW,CAAC,CAAC,CAACM,EAAE,CAACF,KAAK,CAAC;IAC1Cd,QAAQ,EAAEA,CAAA,KAAMA,QAAQ;IACxBG,gBAAgB,EAAEA,CAAA,KAAMA;EAC1B,CAAC;AACH,CAAC;AAACc,OAAA,CAAApB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","options","dataHook","cardDataHook","carouselIdle","CarouselWIPUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCounts","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport interface SuggestionsUniDriverOptions {\n  /** Data hook for the Suggestions component (default: 'suggestions') */\n  dataHook?: string;\n  /** Data hook for individual cards (default: 'suggestions-card' for MarketingCard) */\n  cardDataHook?: string;\n}\n\nexport const SuggestionsUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n  options: SuggestionsUniDriverOptions = {},\n) => {\n  const dataHook = options.dataHook ?? 'suggestions';\n  const cardDataHook = options.cardDataHook ?? 'suggestions-card';\n\n  const carouselIdle = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n    body,\n  );\n  const carouselLoading = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n    body,\n  );\n\n  const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n  const containerLoading = base.$(\n    `[data-hook=\"${dataHook}-container-loading\"]`,\n  );\n\n  const getCarouselChildren = async (): Promise<UniDriver[] | null> => {\n    if (await carouselIdle.exists()) {\n      // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList\n      return carouselIdle.getChildren();\n    }\n    if (await carouselLoading.exists()) {\n      // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList\n      return carouselLoading.getChildren();\n    }\n    return null;\n  };\n\n  const getContainerChildren = async () => {\n    if (await containerIdle.exists()) {\n      return containerIdle.$$(`[data-hook=\"${cardDataHook}\"]`);\n    }\n    if (await containerLoading.exists()) {\n      return containerLoading.$$(`[data-hook=\"${cardDataHook}\"]`);\n    }\n    return null;\n  };\n\n  const isLoadingState = async () => {\n    const isContainerLoading = await containerLoading.exists();\n    const isCarouselLoading = await carouselLoading.exists();\n    return isContainerLoading || isCarouselLoading;\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    isLoading: isLoadingState,\n    hasOffers: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return carouselExists || containerExists;\n    },\n    isEmpty: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return !carouselExists && !containerExists;\n    },\n    getCardsCounts: async () => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren.length;\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.count();\n      }\n      return 0;\n    },\n    getCardAt: async (index: number) => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren[index];\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.at(index);\n      }\n      throw new Error(`No cards found at index ${index}`);\n    },\n    carousel: async () =>\n      (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n    container: async () =>\n      (await containerIdle.exists()) ? containerIdle : containerLoading,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
+exports.renderMarketingCard = exports.Suggestions = exports.MarketingCardSkeleton = void 0;
 var _Suggestions = require("./Suggestions");
-Object.keys(_Suggestions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Suggestions[key]) return;
-  exports[key] = _Suggestions[key];
-});
+exports.Suggestions = _Suggestions.Suggestions;
+var _MarketingCard = require("./MarketingCard");
+exports.renderMarketingCard = _MarketingCard.renderMarketingCard;
+exports.MarketingCardSkeleton = _MarketingCard.MarketingCardSkeleton;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Suggestions","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/Suggestions/index.ts"],"sourcesContent":["export * from './Suggestions';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Suggestions","require","exports","Suggestions","_MarketingCard","renderMarketingCard","MarketingCardSkeleton"],"sources":["../../../../src/components/Suggestions/index.ts"],"sourcesContent":["// Main component\nexport { Suggestions } from './Suggestions';\n\n// Types\nexport type {\n  SuggestionsProps,\n  SuggestionsCardProps,\n  BaseCardComponentProps,\n  Offer,\n} from './types';\n\n// MarketingCard - pre-built card component\nexport { renderMarketingCard, MarketingCardSkeleton } from './MarketingCard';\nexport type { MarketingCardSchema } from './MarketingCard';\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAA4CC,OAAA,CAAAC,WAAA,GAAAH,YAAA,CAAAG,WAAA;AAW5C,IAAAC,cAAA,GAAAH,OAAA;AAA6EC,OAAA,CAAAG,mBAAA,GAAAD,cAAA,CAAAC,mBAAA;AAAAH,OAAA,CAAAI,qBAAA,GAAAF,cAAA,CAAAE,qBAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselWIPProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/**\n * Base props passed to card components\n */\nexport interface BaseCardComponentProps {\n  /** Index of the card in the list */\n  index: number;\n  /** Total number of offers received from the dealer service */\n  totalOffers: number;\n}\n\n/**\n * Props passed to the renderCard function\n */\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n  /** The offer data from the dealer service */\n  offer: Offer;\n}\n\n/**\n * Props for the Suggestions component\n */\nexport interface SuggestionsProps {\n  /** The placement ID to fetch offers for */\n  placementId: string;\n  /** Props to pass to the carousel component */\n  carouselProps?: CarouselWIPProps;\n  /** Render function for each offer card */\n  renderCard: (props: SuggestionsCardProps) => React.ReactNode | null;\n  /** Skeleton component to render when loading */\n  CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n  /** Number of skeletons to render when loading */\n  skeletonsNumber?: number;\n  /** Data hook to use for the suggestions component */\n  dataHook?: string;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -13,6 +13,7 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function _TabCounterBadge(props) {
   const {
     value,
+    skin = 'neutralStandard',
     ...rest
   } = props;
   const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
@@ -23,7 +24,9 @@ function _TabCounterBadge(props) {
       lifecycleState
     }
   } = state;
-  return totalStatus === 'success' && lifecycleState === 'result' ? /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, (0, _extends2.default)({}, rest, {
+  return totalStatus === 'success' && lifecycleState === 'result' ? /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, (0, _extends2.default)({
+    skin: skin
+  }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabCounterBadge","props","value","rest","state","useFilterValueTotalState","totalsCollection","totalStatus","total","lifecycleState","default","createElement","CounterBadge","_extends2","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalCounterBadge","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { CounterBadge, CounterBadgeProps } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabCounterBadgeProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F>,\n    Partial<CounterBadgeProps> {}\n\nfunction _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabCounterBadgeProps<V, T, F>,\n) {\n  const { value, ...rest } = props;\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: { totalStatus, total, lifecycleState },\n  } = state;\n\n  return totalStatus === 'success' && lifecycleState === 'result' ? (\n    <CounterBadge {...rest}>{total}</CounterBadge>\n  ) : null;\n}\n\n_TabCounterBadge.initTabTotal = initTabTotal;\nexport const TabTotalCounterBadge = observer(_TabCounterBadge);\nTabTotalCounterBadge.displayName = 'TabTotalCounterBadge';\nTabTotalCounterBadge.initTabTotal = initTabTotal;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAMxD,SAASC,gBAAgBA,CACvBC,KAAoC,EACpC;EACA,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAMG,KAAK,GAAG,IAAAC,kDAAwB,EAACJ,KAAK,CAAC;EAE7C,MAAM;IACJK,gBAAgB,EAAE;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAe;EACzD,CAAC,GAAGL,KAAK;EAET,OAAOG,WAAW,KAAK,SAAS,IAAIE,cAAc,KAAK,QAAQ,gBAC7Dd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MAAKP,IAAI;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGV,KAAoB,CAAC,GAC5C,IAAI;AACV;AAEAR,gBAAgB,CAACmB,YAAY,GAAGA,0BAAY;AACrC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACtB,gBAAgB,CAAC;AAC9DoB,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzDH,oBAAoB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabCounterBadge","props","value","skin","rest","state","useFilterValueTotalState","totalsCollection","totalStatus","total","lifecycleState","default","createElement","CounterBadge","_extends2","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalCounterBadge","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { CounterBadge, CounterBadgeProps } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabCounterBadgeProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F>,\n    Partial<CounterBadgeProps> {}\n\nfunction _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabCounterBadgeProps<V, T, F>,\n) {\n  const { value, skin = 'neutralStandard', ...rest } = props;\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: { totalStatus, total, lifecycleState },\n  } = state;\n\n  return totalStatus === 'success' && lifecycleState === 'result' ? (\n    <CounterBadge skin={skin} {...rest}>\n      {total}\n    </CounterBadge>\n  ) : null;\n}\n\n_TabCounterBadge.initTabTotal = initTabTotal;\nexport const TabTotalCounterBadge = observer(_TabCounterBadge);\nTabTotalCounterBadge.displayName = 'TabTotalCounterBadge';\nTabTotalCounterBadge.initTabTotal = initTabTotal;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAMxD,SAASC,gBAAgBA,CACvBC,KAAoC,EACpC;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI,GAAG,iBAAiB;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC1D,MAAMI,KAAK,GAAG,IAAAC,kDAAwB,EAACL,KAAK,CAAC;EAE7C,MAAM;IACJM,gBAAgB,EAAE;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAe;EACzD,CAAC,GAAGL,KAAK;EAET,OAAOG,WAAW,KAAK,SAAS,IAAIE,cAAc,KAAK,QAAQ,gBAC7Df,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY,MAAAC,SAAA,CAAAH,OAAA;IAACR,IAAI,EAAEA;EAAK,GAAKC,IAAI;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAC/BV,KACW,CAAC,GACb,IAAI;AACV;AAEAT,gBAAgB,CAACoB,YAAY,GAAGA,0BAAY;AACrC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACvB,gBAAgB,CAAC;AAC9DqB,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzDH,oBAAoB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

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

@@ -18,7 +18,8 @@ function _TabsDropdown(props) {
     data: dataProp,
     items,
     filter,
-    selectedId
+    selectedId,
+    popoverProps
   } = props;
   const {
     itemKey
@@ -46,7 +47,7 @@ function _TabsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 61,
         columnNumber: 13
       }
     })
@@ -65,7 +66,7 @@ function _TabsDropdown(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_SingleSelectFilterBase.SingleSelectFilterBase, {
@@ -86,7 +87,7 @@ function _TabsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 93,
+        lineNumber: 99,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
@@ -95,14 +96,15 @@ function _TabsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 100,
         columnNumber: 15
       }
     })),
+    popoverProps: popoverProps,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 78,
       columnNumber: 7
     }
   }));