@wix/patterns 1.324.0 → 1.325.0

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

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.renderMarketingCard = exports.MarketingCardSkeleton = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/MarketingCard.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); }
 /**
  * Schema for marketing card content.
  * This defines the structure expected in offer.asset.creative for MarketingCard rendering.
@@ -20,10 +20,10 @@ const getCardWidth = totalOffers => {
   }
   return '550px';
 };
-const MarketingCardInternal = ({
+const MarketingCardInternal = /*#__PURE__*/(0, _react.forwardRef)(({
   schema,
   totalOffers
-}) => {
+}, ref) => {
   const {
     title,
     description: descriptionData,
@@ -105,6 +105,7 @@ const MarketingCardInternal = ({
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: "suggestions-card",
     width: getCardWidth(totalOffers),
+    ref: ref,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -116,7 +117,7 @@ const MarketingCardInternal = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 142,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MarketingLayout, {
@@ -129,11 +130,11 @@ const MarketingCardInternal = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 143,
       columnNumber: 9
     }
   })));
-};
+});
 
 /**
  * Creates a render function for marketing cards.
@@ -146,6 +147,7 @@ const renderMarketingCard = translateOffer => props => {
   const schema = translateOffer ? translateOffer(props.offer) : (_props$offer = props.offer) == null || (_props$offer = _props$offer.asset) == null ? void 0 : _props$offer.creative;
   const requiredFieldsExist = (schema == null ? void 0 : schema.title) && (schema == null ? void 0 : schema.imageUrl) && (schema == null || (_schema$description = schema.description) == null ? void 0 : _schema$description.text);
   if (!requiredFieldsExist) {
+    console.error(`Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`, schema);
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(MarketingCardInternal, {
@@ -154,7 +156,7 @@ const renderMarketingCard = translateOffer => props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 181,
       columnNumber: 7
     }
   });
@@ -173,7 +175,7 @@ const MarketingCardSkeleton = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 192,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
@@ -181,7 +183,7 @@ const MarketingCardSkeleton = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 193,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MarketingLayout, {
@@ -190,7 +192,7 @@ const MarketingCardSkeleton = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 195,
         columnNumber: 18
       }
     }),
@@ -199,7 +201,7 @@ const MarketingCardSkeleton = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 187,
+        lineNumber: 196,
         columnNumber: 24
       }
     }),
@@ -209,7 +211,7 @@ const MarketingCardSkeleton = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 197,
         columnNumber: 21
       }
     })],
@@ -219,7 +221,7 @@ const MarketingCardSkeleton = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 189,
+        lineNumber: 198,
         columnNumber: 18
       }
     }),
@@ -227,7 +229,7 @@ const MarketingCardSkeleton = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 190,
+        lineNumber: 199,
         columnNumber: 18
       }
     }),
@@ -235,7 +237,7 @@ const MarketingCardSkeleton = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 194,
       columnNumber: 9
     }
   })));

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getCardWidth","totalOffers","MarketingCardInternal","forwardRef","schema","ref","title","description","descriptionData","imageUrl","ctaButton","ctaButtonData","badge","badgeData","handleCtaClick","link","window","open","handleLearnMoreClick","_descriptionData$lear","learnMore","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","console","error","offerGuid","exports","MarketingCardSkeleton","SkeletonLine","SkeletonRectangle"],"sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"sourcesContent":["import React, { forwardRef } 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 = forwardRef<\n  HTMLDivElement,\n  MarketingCardInternalProps\n>(({ schema, totalOffers }, ref) => {\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\n      dataHook=\"suggestions-card\"\n      width={getCardWidth(totalOffers)}\n      ref={ref}\n    >\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.ReactElement | 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      console.error(\n        `Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`,\n        schema,\n      );\n      return null;\n    }\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/Suggestions.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.Suggestions = void 0;
+exports.Suggestions = exports.SuggestionItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
@@ -10,6 +10,7 @@ var _SuggestionsState = require("../../state/Suggestions/SuggestionsState");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _MarketingCard = require("./MarketingCard");
+var _VisibilityTrackedCard = require("./VisibilityTrackedCard");
 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 = {
@@ -35,7 +36,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 55,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -45,7 +46,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 56,
         columnNumber: 9
       }
     }, children));
@@ -55,7 +56,7 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
@@ -64,11 +65,28 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 69,
       columnNumber: 7
     }
   }), children));
 };
+const SuggestionItem = ({
+  children,
+  dataId
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-hook": "suggestion-item",
+  "data-id": dataId,
+  style: {
+    display: 'contents'
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 84,
+    columnNumber: 3
+  }
+}, children);
+exports.SuggestionItem = SuggestionItem;
 const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
   placementId,
   renderCard,
@@ -78,28 +96,28 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
   dataHook = 'suggestions',
   maxInlineItems = 2
 }) => {
-  const {
-    httpClient
-  } = (0, _react2.useWixPatternsContainer)();
+  const container = (0, _react2.useWixPatternsContainer)();
   const [state] = (0, _react.useState)(() => new _SuggestionsState.SuggestionsState({
     placementId,
-    httpClient
+    container
   }));
   (0, _react.useEffect)(() => {
     return state.init();
   }, [state]);
   if (state.hasOffers) {
     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);
+    const cards = state.offers.map((offer, index) => {
+      const key = offer.offerGuid || `suggestion-${index}`;
+      return {
+        key,
+        offerGuid: offer.offerGuid,
+        element: renderCard({
+          offer,
+          index,
+          totalOffers: state.offers.length
+        })
+      };
+    }).filter(card => card.element != null);
 
     // Return null if all cards filtered out
     if (cards.length === 0) {
@@ -116,36 +134,55 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 139,
         columnNumber: 9
       }
     }, cards.map(({
       key,
+      offerGuid,
       element
-    }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    }) => /*#__PURE__*/_react.default.createElement(SuggestionItem, {
       key: key,
+      dataId: key,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 148,
         columnNumber: 13
       }
-    }, element)));
+    }, /*#__PURE__*/_react.default.createElement(_VisibilityTrackedCard.VisibilityTrackedCard, {
+      itemKey: key,
+      element: element,
+      onObserved: () => offerGuid && state.onOfferViewed(offerGuid),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 149,
+        columnNumber: 15
+      }
+    }))));
   }
   if (state.isFetching) {
     const skeletons = Array.from({
       length: skeletonsNumber
-    }).map((_, index) => /*#__PURE__*/_react.default.createElement(CardSkeleton, {
-      index: index,
-      totalOffers: skeletonsNumber,
+    }).map((_, index) => /*#__PURE__*/_react.default.createElement(SuggestionItem, {
       key: index,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 163,
         columnNumber: 11
       }
-    }));
+    }, /*#__PURE__*/_react.default.createElement(CardSkeleton, {
+      index: index,
+      totalOffers: skeletonsNumber,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 164,
+        columnNumber: 13
+      }
+    })));
     return /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
       count: skeletonsNumber,
       carouselProps: {
@@ -158,7 +195,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 170,
         columnNumber: 9
       }
     }, skeletons);

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

@@ -1 +1 @@
-{"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","maxInlineItems","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  maxInlineItems: number;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n  count,\n  children,\n  carouselProps,\n  dataHook,\n  dataState,\n  maxInlineItems,\n}) => {\n  if (count <= maxInlineItems) {\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    maxInlineItems = 2,\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          maxInlineItems={maxInlineItems}\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          maxInlineItems={maxInlineItems}\n        >\n          {skeletons}\n        </SuggestionsContainer>\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","_VisibilityTrackedCard","_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","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","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';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\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  maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n  children: React.ReactNode;\n  dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n  key: string;\n  offerGuid: string | undefined;\n  element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n  count,\n  children,\n  carouselProps,\n  dataHook,\n  dataState,\n  maxInlineItems,\n}) => {\n  if (count <= maxInlineItems) {\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 SuggestionItem: React.FC<SuggestionItemProps> = ({\n  children,\n  dataId,\n}) => (\n  <div\n    data-hook=\"suggestion-item\"\n    data-id={dataId}\n    style={{ display: 'contents' }}\n  >\n    {children}\n  </div>\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    maxInlineItems = 2,\n  }) => {\n    const container = useWixPatternsContainer();\n\n    const [state] = useState(\n      () => new SuggestionsState({ placementId, container }),\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          const key = offer.offerGuid || `suggestion-${index}`;\n          return {\n            key,\n            offerGuid: offer.offerGuid,\n            element: renderCard({\n              offer,\n              index,\n              totalOffers: state.offers.length,\n            }),\n          };\n        })\n        .filter(\n          (card): card is NonNullableElementCard<React.ReactElement> =>\n            card.element != null,\n        );\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          maxInlineItems={maxInlineItems}\n        >\n          {cards.map(({ key, offerGuid, element }) => (\n            <SuggestionItem key={key} dataId={key}>\n              <VisibilityTrackedCard\n                itemKey={key}\n                element={element}\n                onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n              />\n            </SuggestionItem>\n          ))}\n        </SuggestionsContainer>\n      );\n    }\n\n    if (state.isFetching) {\n      const skeletons = Array.from({ length: skeletonsNumber }).map(\n        (_, index) => (\n          <SuggestionItem key={index}>\n            <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n          </SuggestionItem>\n        ),\n      );\n\n      return (\n        <SuggestionsContainer\n          count={skeletonsNumber}\n          carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n          dataHook={dataHook}\n          dataState=\"loading\"\n          maxInlineItems={maxInlineItems}\n        >\n          {skeletons}\n        </SuggestionsContainer>\n      );\n    }\n\n    return null;\n  },\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,sBAAA,GAAAN,OAAA;AAAgE,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhE,MAAMkB,oBAAsC,GAAG;EAC7CC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,IAAI;EACxBC,kBAAkB,EAAEC,0BAAY,CAAC,iBAAiB,CAAC;EACnDC,gBAAgB,EAAE;AACpB,CAAC;AAsBD,MAAMC,oBAAyD,GAAGA,CAAC;EACjEC,KAAK;EACLC,QAAQ;EACRC,aAAa;EACbC,QAAQ;EACRC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,IAAIL,KAAK,IAAIK,cAAc,EAAE;IAC3B,oBACE5C,MAAA,CAAAoB,OAAA,CAAAyB,aAAA;MAAK,aAAWH,QAAS;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvBlD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAAC1C,aAAA,CAAAgD,GAAG;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAC,KAAK;MACTX,QAAQ,EAAE,GAAGA,QAAQ,cAAcC,SAAS,EAAG;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9CV,QACE,CACF,CAAC;EAEV;EAEA,oBACExC,MAAA,CAAAoB,OAAA,CAAAyB,aAAA;IAAK,aAAWH,QAAS;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBlD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAAC1C,aAAA,CAAAmD,WAAW,MAAAC,SAAA,CAAAnC,OAAA;IACVsB,QAAQ,EAAE,GAAGA,QAAQ,aAAaC,SAAS;EAAG,GAC1Cd,oBAAoB,EACpBY,aAAa;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEhBV,QACU,CACV,CAAC;AAEV,CAAC;AAEM,MAAMgB,cAA6C,GAAGA,CAAC;EAC5DhB,QAAQ;EACRiB;AACF,CAAC,kBACCzD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA;EACE,aAAU,iBAAiB;EAC3B,WAASY,MAAO;EAChBC,KAAK,EAAE;IAAEC,OAAO,EAAE;EAAW,CAAE;EAAAb,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAvC,YAAA;IAAAwC,UAAA;IAAAC,YAAA;EAAA;AAAA,GAE9BV,QACE,CACN;AAACoB,OAAA,CAAAJ,cAAA,GAAAA,cAAA;AAEK,MAAMK,WAAuC,GAAAD,OAAA,CAAAC,WAAA,GAAG,IAAAC,uBAAQ,EAC7D,CAAC;EACCC,WAAW;EACXC,UAAU;EACVC,YAAY,GAAGC,oCAAqB;EACpCzB,aAAa;EACb0B,eAAe,GAAG,CAAC;EACnBzB,QAAQ,GAAG,aAAa;EACxBE,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,MAAMwB,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MAAM,IAAIC,kCAAgB,CAAC;IAAET,WAAW;IAAEK;EAAU,CAAC,CACvD,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACd,OAAOH,KAAK,CAACI,IAAI,CAAC,CAAC;EACrB,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,IAAIA,KAAK,CAACK,SAAS,EAAE;IACnB,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,CAACC,MAAM;IACrC,MAAMC,KAAK,GAAGT,KAAK,CAACO,MAAM,CACvBG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;MACrB,MAAMC,GAAG,GAAGF,KAAK,CAACG,SAAS,IAAI,cAAcF,KAAK,EAAE;MACpD,OAAO;QACLC,GAAG;QACHC,SAAS,EAAEH,KAAK,CAACG,SAAS;QAC1BC,OAAO,EAAErB,UAAU,CAAC;UAClBiB,KAAK;UACLC,KAAK;UACLI,WAAW,EAAEhB,KAAK,CAACO,MAAM,CAACC;QAC5B,CAAC;MACH,CAAC;IACH,CAAC,CAAC,CACDS,MAAM,CACJC,IAAI,IACHA,IAAI,CAACH,OAAO,IAAI,IACpB,CAAC;;IAEH;IACA,IAAIN,KAAK,CAACD,MAAM,KAAK,CAAC,EAAE;MACtB,OAAO,IAAI;IACb;IAEA,oBACE9E,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACP;IACC;IAAA;MACAC,KAAK,EAAEqC,SAAU;MACjBnC,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAC,MAAM;MAChBC,cAAc,EAAEA,cAAe;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9B6B,KAAK,CAACC,GAAG,CAAC,CAAC;MAAEG,GAAG;MAAEC,SAAS;MAAEC;IAAQ,CAAC,kBACrCrF,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACW,cAAc;MAAC2B,GAAG,EAAEA,GAAI;MAAC1B,MAAM,EAAE0B,GAAI;MAAArC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACpClD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACrC,sBAAA,CAAAiF,qBAAqB;MACpBC,OAAO,EAAEP,GAAI;MACbE,OAAO,EAAEA,OAAQ;MACjBM,UAAU,EAAEA,CAAA,KAAMP,SAAS,IAAId,KAAK,CAACsB,aAAa,CAACR,SAAS,CAAE;MAAAtC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC/D,CACa,CACjB,CACmB,CAAC;EAE3B;EAEA,IAAIoB,KAAK,CAACuB,UAAU,EAAE;IACpB,MAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;MAAElB,MAAM,EAAEX;IAAgB,CAAC,CAAC,CAACa,GAAG,CAC3D,CAACiB,CAAC,EAAEf,KAAK,kBACPlF,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACW,cAAc;MAAC2B,GAAG,EAAED,KAAM;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzBlD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACoB,YAAY;MAACiB,KAAK,EAAEA,KAAM;MAACI,WAAW,EAAEnB,eAAgB;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAC7C,CAEpB,CAAC;IAED,oBACElD,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACP,oBAAoB;MACnBC,KAAK,EAAE4B,eAAgB;MACvB1B,aAAa,EAAE;QAAE,GAAGA,aAAa;QAAER,gBAAgB,EAAE;MAAO,CAAE;MAC9DS,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAC,SAAS;MACnBC,cAAc,EAAEA,cAAe;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9B4C,SACmB,CAAC;EAE3B;EAEA,OAAO,IAAI;AACb,CACF,CAAC","ignoreList":[]}

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

@@ -4,9 +4,8 @@ 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, options = {}) => {
-  const dataHook = options.dataHook ?? 'suggestions';
-  const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+const SuggestionsUniDriver = (base, body) => {
+  const dataHook = 'suggestions';
   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"]`);
@@ -22,10 +21,10 @@ const SuggestionsUniDriver = (base, body, options = {}) => {
   };
   const getContainerChildren = async () => {
     if (await containerIdle.exists()) {
-      return containerIdle.$$(`[data-hook="${cardDataHook}"]`);
+      return containerIdle.$$(`[data-hook="suggestion-item"]`);
     }
     if (await containerLoading.exists()) {
-      return containerLoading.$$(`[data-hook="${cardDataHook}"]`);
+      return containerLoading.$$(`[data-hook="suggestion-item"]`);
     }
     return null;
   };

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

@@ -1 +1 @@
-{"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      return carouselIdle.getChildren();\n    }\n    if (await carouselLoading.exists()) {\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":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","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 const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n  const dataHook = 'suggestions';\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      return carouselIdle.getChildren();\n    }\n    if (await carouselLoading.exists()) {\n      return carouselLoading.getChildren();\n    }\n    return null;\n  };\n\n  const getContainerChildren = async () => {\n    if (await containerIdle.exists()) {\n      return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n    }\n    if (await containerLoading.exists()) {\n      return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\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/VisibilityTrackedCard.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.VisibilityTrackedCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useIntersectionObserver = require("../../hooks/useIntersectionObserver");
+const VisibilityTrackedCard = ({
+  itemKey,
+  element,
+  onObserved
+}) => {
+  const {
+    elementRef
+  } = (0, _useIntersectionObserver.useIntersectionObserver)(onObserved);
+  return /*#__PURE__*/_react.default.cloneElement(element, {
+    key: itemKey,
+    ref: elementRef
+  });
+};
+exports.VisibilityTrackedCard = VisibilityTrackedCard;
+//# sourceMappingURL=VisibilityTrackedCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useIntersectionObserver","VisibilityTrackedCard","itemKey","element","onObserved","elementRef","useIntersectionObserver","React","cloneElement","key","ref","exports"],"sources":["../../../../src/components/Suggestions/VisibilityTrackedCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\n\nexport interface VisibilityTrackedCardProps {\n  itemKey: string;\n  element: React.ReactElement;\n  onObserved: () => void;\n}\n\nexport const VisibilityTrackedCard: React.FC<VisibilityTrackedCardProps> = ({\n  itemKey,\n  element,\n  onObserved,\n}) => {\n  const { elementRef } = useIntersectionObserver(onObserved);\n  return React.cloneElement(element, {\n    key: itemKey,\n    ref: elementRef,\n  });\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAQO,MAAME,qBAA2D,GAAGA,CAAC;EAC1EC,OAAO;EACPC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gDAAuB,EAACF,UAAU,CAAC;EAC1D,oBAAOG,cAAK,CAACC,YAAY,CAACL,OAAO,EAAE;IACjCM,GAAG,EAAEP,OAAO;IACZQ,GAAG,EAAEL;EACP,CAAC,CAAC;AACJ,CAAC;AAACM,OAAA,CAAAV,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -1 +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  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */\n  maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"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  /**\n   * Render function for each offer card.\n   * The returned element must be a forwardRef component.\n   */\n  renderCard: (props: SuggestionsCardProps) => React.ReactElement | 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  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */\n  maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1535445293";
+var _namespace_ = "TabsFilter494994749";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter1535445293__root",
-  "title": "TabsFilter1535445293__title"
+  "root": "TabsFilter494994749__root",
+  "title": "TabsFilter494994749__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1535445293\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter1535445293__root\",\"title\":\"TabsFilter1535445293__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter494994749\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter494994749__root\",\"title\":\"TabsFilter494994749__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal3898350931";
+var _namespace_ = "ManageTagsModal2750172858";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal3898350931__root"
+  "root": "ManageTagsModal2750172858__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3898350931\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal3898350931__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2750172858\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal2750172858__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem3741416254";
+var _namespace_ = "ToolbarItem2717057697";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem3741416254__root"
+  "root": "ToolbarItem2717057697__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};