@wix/patterns 1.307.0 → 1.316.0

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
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsDropdown","props","data","dataProp","items","filter","selectedId","popoverProps","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  DropdownProps,\n  Input,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n  popoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId, popoverProps } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n        popoverProps={popoverProps}\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}