@wix/patterns 1.331.0 → 1.333.0

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

@@ -1 +1 @@
-{"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","transformOffer","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 transformOffer - 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  (transformOffer?: (offer: Offer) => MarketingCardSchema | null) =>\n  (props: SuggestionsCardProps): React.ReactElement | null => {\n    const schema = transformOffer\n      ? transformOffer(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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionCtaWrapper","_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","offerId","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","SuggestionCtaWrapper","referredUrl","Button","skin","priority","Badge","uppercase","image","Image","src","width","height","borderRadius","Box","Card","stretchVertically","MarketingLayout","actions","hiddenBadge","renderMarketingCard","transformOffer","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';\nimport { SuggestionCtaWrapper } from './SuggestionCtaWrapper';\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  offerId: string;\n}\n\nconst MarketingCardInternal = forwardRef<\n  HTMLDivElement,\n  MarketingCardInternalProps\n>(({ schema, totalOffers, offerId }, 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    <SuggestionCtaWrapper offerId={offerId} referredUrl={ctaButtonData.link}>\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    </SuggestionCtaWrapper>\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 transformOffer - 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  (transformOffer?: (offer: Offer) => MarketingCardSchema | null) =>\n  (props: SuggestionsCardProps): React.ReactElement | null => {\n    const schema = transformOffer\n      ? transformOffer(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\n        schema={schema}\n        totalOffers={props.totalOffers}\n        offerId={props.offer.offerGuid ?? ''}\n      />\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/SuggestionCtaWrapper.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SuggestionCtaWrapper = void 0;
+var _react = require("react");
+var _SuggestionsContext = require("./SuggestionsContext");
+/**
+ * Wrapper component that adds automatic CTA click reporting to the dealer BI service.
+ *
+ * Note: The child component must be clickable (accept an onClick prop).
+ */
+const SuggestionCtaWrapper = ({
+  offerId,
+  referredUrl,
+  children
+}) => {
+  const {
+    onOfferClicked
+  } = (0, _SuggestionsContext.useSuggestionsContext)();
+  return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    onClick: e => {
+      onOfferClicked(offerId, referredUrl);
+      children.props.onClick == null || children.props.onClick(e);
+    }
+  });
+};
+exports.SuggestionCtaWrapper = SuggestionCtaWrapper;
+//# sourceMappingURL=SuggestionCtaWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_SuggestionsContext","SuggestionCtaWrapper","offerId","referredUrl","children","onOfferClicked","useSuggestionsContext","cloneElement","onClick","e","props","exports"],"sources":["../../../../src/components/Suggestions/SuggestionCtaWrapper.tsx"],"sourcesContent":["import React, { ReactElement, cloneElement, MouseEvent } from 'react';\nimport { useSuggestionsContext } from './SuggestionsContext';\n\nexport interface SuggestionCtaWrapperProps {\n  /** The offer ID to report when CTA is clicked */\n  offerId: string;\n  /** The target URL to report when CTA is clicked */\n  referredUrl: string;\n  /** A single clickable element (must accept onClick prop) */\n  children: ReactElement<{ onClick?: (e: MouseEvent) => void }>;\n}\n\n/**\n * Wrapper component that adds automatic CTA click reporting to the dealer BI service.\n *\n * Note: The child component must be clickable (accept an onClick prop).\n */\nexport const SuggestionCtaWrapper: React.FC<SuggestionCtaWrapperProps> = ({\n  offerId,\n  referredUrl,\n  children,\n}) => {\n  const { onOfferClicked } = useSuggestionsContext();\n\n  return cloneElement(children, {\n    onClick: (e: MouseEvent) => {\n      onOfferClicked(offerId, referredUrl);\n      children.props.onClick?.(e);\n    },\n  });\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAWA;AACA;AACA;AACA;AACA;AACO,MAAME,oBAAyD,GAAGA,CAAC;EACxEC,OAAO;EACPC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,yCAAqB,EAAC,CAAC;EAElD,oBAAO,IAAAC,mBAAY,EAACH,QAAQ,EAAE;IAC5BI,OAAO,EAAGC,CAAa,IAAK;MAC1BJ,cAAc,CAACH,OAAO,EAAEC,WAAW,CAAC;MACpCC,QAAQ,CAACM,KAAK,CAACF,OAAO,YAAtBJ,QAAQ,CAACM,KAAK,CAACF,OAAO,CAAGC,CAAC,CAAC;IAC7B;EACF,CAAC,CAAC;AACJ,CAAC;AAACE,OAAA,CAAAV,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _MarketingCard = require("./MarketingCard");
 var _VisibilityTrackedCard = require("./VisibilityTrackedCard");
+var _SuggestionsContext = require("./SuggestionsContext");
 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 = {
@@ -36,7 +37,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 56,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -46,7 +47,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 57,
         columnNumber: 9
       }
     }, children));
@@ -56,7 +57,7 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 69,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
@@ -65,7 +66,7 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 7
     }
   }), children));
@@ -82,7 +83,7 @@ const SuggestionItem = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 84,
+    lineNumber: 85,
     columnNumber: 3
   }
 }, children);
@@ -105,6 +106,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
     return state.init();
   }, [state]);
   if (state.hasOffers) {
+    // use initial cards count for container, to match the count the cards get rendered with
     const cardCount = state.offers.length;
     const cards = state.offers.map((offer, index) => {
       const key = offer.offerGuid || `suggestion-${index}`;
@@ -114,18 +116,22 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
         element: renderCard({
           offer,
           index,
-          totalOffers: state.offers.length
+          totalOffers: cardCount
         })
       };
     }).filter(card => card.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
-    , {
+    return /*#__PURE__*/_react.default.createElement(_SuggestionsContext.SuggestionsProvider, {
+      onOfferClicked: state.onOfferClicked,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 140,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
       count: cardCount,
       carouselProps: carouselProps,
       dataHook: dataHook,
@@ -134,8 +140,8 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
-        columnNumber: 9
+        lineNumber: 141,
+        columnNumber: 11
       }
     }, cards.map(({
       key,
@@ -147,8 +153,8 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
-        columnNumber: 13
+        lineNumber: 149,
+        columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_VisibilityTrackedCard.VisibilityTrackedCard, {
       itemKey: key,
@@ -157,10 +163,10 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
-        columnNumber: 15
+        lineNumber: 150,
+        columnNumber: 17
       }
-    }))));
+    })))));
   }
   if (state.isFetching) {
     const skeletons = Array.from({
@@ -170,7 +176,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 165,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(CardSkeleton, {
@@ -179,11 +185,19 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 164,
+        lineNumber: 166,
         columnNumber: 13
       }
     })));
-    return /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
+    return /*#__PURE__*/_react.default.createElement(_SuggestionsContext.SuggestionsProvider, {
+      onOfferClicked: state.onOfferClicked,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 172,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
       count: skeletonsNumber,
       carouselProps: {
         ...carouselProps,
@@ -195,10 +209,10 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 170,
-        columnNumber: 9
+        lineNumber: 173,
+        columnNumber: 11
       }
-    }, skeletons);
+    }, skeletons));
   }
   return null;
 });

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

@@ -1 +1 @@
-{"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={`suggestions-container-${dataState}`}\n        >\n          {children}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <CarouselWIP\n        dataHook={`suggestions-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,yBAAyBC,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,wBAAwBC,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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_SuggestionsContext","_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","SuggestionsProvider","onOfferClicked","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';\nimport { SuggestionsProvider } from './SuggestionsContext';\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={`suggestions-container-${dataState}`}\n        >\n          {children}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <CarouselWIP\n        dataHook={`suggestions-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      // use initial cards count for container, to match the count the cards get rendered with\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: cardCount,\n            }),\n          };\n        })\n        .filter(\n          (card): card is NonNullableElementCard<React.ReactElement> =>\n            card.element != null,\n        );\n\n      if (cards.length === 0) {\n        return null;\n      }\n\n      return (\n        <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\n          <SuggestionsContainer\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        </SuggestionsProvider>\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        <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\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        </SuggestionsProvider>\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;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA2D,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,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;AAE3D,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,oBACE7C,MAAA,CAAAqB,OAAA,CAAAyB,aAAA;MAAK,aAAWH,QAAS;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvBnD,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAAC3C,aAAA,CAAAiD,GAAG;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAC,KAAK;MACTX,QAAQ,EAAE,yBAAyBC,SAAS,EAAG;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9CV,QACE,CACF,CAAC;EAEV;EAEA,oBACEzC,MAAA,CAAAqB,OAAA,CAAAyB,aAAA;IAAK,aAAWH,QAAS;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBnD,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAAC3C,aAAA,CAAAoD,WAAW,MAAAC,SAAA,CAAAnC,OAAA;IACVsB,QAAQ,EAAE,wBAAwBC,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,kBACC1D,MAAA,CAAAqB,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;IACA,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,EAAEV;QACf,CAAC;MACH,CAAC;IACH,CAAC,CAAC,CACDW,MAAM,CACJC,IAAI,IACHA,IAAI,CAACH,OAAO,IAAI,IACpB,CAAC;IAEH,IAAIN,KAAK,CAACD,MAAM,KAAK,CAAC,EAAE;MACtB,OAAO,IAAI;IACb;IAEA,oBACE/E,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAACrC,mBAAA,CAAAiF,mBAAmB;MAACC,cAAc,EAAEpB,KAAK,CAACoB,cAAe;MAAA5C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxDnD,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAACP,oBAAoB;MACnBC,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,kBACrCtF,MAAA,CAAAqB,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,gBACpCnD,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAACtC,sBAAA,CAAAoF,qBAAqB;MACpBC,OAAO,EAAET,GAAI;MACbE,OAAO,EAAEA,OAAQ;MACjBQ,UAAU,EAAEA,CAAA,KAAMT,SAAS,IAAId,KAAK,CAACwB,aAAa,CAACV,SAAS,CAAE;MAAAtC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC/D,CACa,CACjB,CACmB,CACH,CAAC;EAE1B;EAEA,IAAIoB,KAAK,CAACyB,UAAU,EAAE;IACpB,MAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;MAAEpB,MAAM,EAAEX;IAAgB,CAAC,CAAC,CAACa,GAAG,CAC3D,CAACmB,CAAC,EAAEjB,KAAK,kBACPnF,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAACW,cAAc;MAAC2B,GAAG,EAAED,KAAM;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzBnD,MAAA,CAAAqB,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,oBACEnD,MAAA,CAAAqB,OAAA,CAAAyB,aAAA,CAACrC,mBAAA,CAAAiF,mBAAmB;MAACC,cAAc,EAAEpB,KAAK,CAACoB,cAAe;MAAA5C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxDnD,MAAA,CAAAqB,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,GAE9B8C,SACmB,CACH,CAAC;EAE1B;EAEA,OAAO,IAAI;AACb,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSuggestionsContext = exports.SuggestionsProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/SuggestionsContext.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 SuggestionsContext = /*#__PURE__*/(0, _react.createContext)(null);
+const SuggestionsProvider = ({
+  children,
+  onOfferClicked
+}) => {
+  return /*#__PURE__*/_react.default.createElement(SuggestionsContext.Provider, {
+    value: {
+      onOfferClicked
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, children);
+};
+exports.SuggestionsProvider = SuggestionsProvider;
+const useSuggestionsContext = () => {
+  const context = (0, _react.useContext)(SuggestionsContext);
+  if (!context) {
+    throw new Error('useSuggestionsContext must be used within a SuggestionsProvider. ' + 'Make sure SuggestionCtaWrapper is used inside the Suggestions component.');
+  }
+  return context;
+};
+exports.useSuggestionsContext = useSuggestionsContext;
+//# sourceMappingURL=SuggestionsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SuggestionsContext","createContext","SuggestionsProvider","children","onOfferClicked","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","exports","useSuggestionsContext","context","useContext","Error"],"sources":["../../../../src/components/Suggestions/SuggestionsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\n\nexport interface SuggestionsContextValue {\n  onOfferClicked: (offerId: string, targetUrl?: string) => void;\n}\n\nconst SuggestionsContext = createContext<SuggestionsContextValue | null>(null);\n\nexport interface SuggestionsProviderProps {\n  children: ReactNode;\n  onOfferClicked: (offerId: string, targetUrl?: string) => void;\n}\n\nexport const SuggestionsProvider: React.FC<SuggestionsProviderProps> = ({\n  children,\n  onOfferClicked,\n}) => {\n  return (\n    <SuggestionsContext.Provider value={{ onOfferClicked }}>\n      {children}\n    </SuggestionsContext.Provider>\n  );\n};\n\nexport const useSuggestionsContext = (): SuggestionsContextValue => {\n  const context = useContext(SuggestionsContext);\n  if (!context) {\n    throw new Error(\n      'useSuggestionsContext must be used within a SuggestionsProvider. ' +\n        'Make sure SuggestionCtaWrapper is used inside the Suggestions component.',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,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;AAMpE,MAAMkB,kBAAkB,gBAAG,IAAAC,oBAAa,EAAiC,IAAI,CAAC;AAOvE,MAAMC,mBAAuD,GAAGA,CAAC;EACtEC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,oBACE3B,MAAA,CAAAc,OAAA,CAAAc,aAAA,CAACL,kBAAkB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEH;IAAe,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDT,QAC0B,CAAC;AAElC,CAAC;AAACU,OAAA,CAAAX,mBAAA,GAAAA,mBAAA;AAEK,MAAMY,qBAAqB,GAAGA,CAAA,KAA+B;EAClE,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAAChB,kBAAkB,CAAC;EAC9C,IAAI,CAACe,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,mEAAmE,GACjE,0EACJ,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -1,9 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-exports.renderMarketingCard = exports.Suggestions = exports.MarketingCardSkeleton = void 0;
+exports.renderMarketingCard = exports.Suggestions = exports.SuggestionCtaWrapper = exports.MarketingCardSkeleton = void 0;
 var _Suggestions = require("./Suggestions");
 exports.Suggestions = _Suggestions.Suggestions;
+var _SuggestionCtaWrapper = require("./SuggestionCtaWrapper");
+exports.SuggestionCtaWrapper = _SuggestionCtaWrapper.SuggestionCtaWrapper;
 var _MarketingCard = require("./MarketingCard");
 exports.renderMarketingCard = _MarketingCard.renderMarketingCard;
 exports.MarketingCardSkeleton = _MarketingCard.MarketingCardSkeleton;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_Suggestions","require","exports","Suggestions","_SuggestionCtaWrapper","SuggestionCtaWrapper","_MarketingCard","renderMarketingCard","MarketingCardSkeleton"],"sources":["../../../../src/components/Suggestions/index.ts"],"sourcesContent":["export { Suggestions } from './Suggestions';\n\nexport {\n  type SuggestionCtaWrapperProps,\n  SuggestionCtaWrapper,\n} from './SuggestionCtaWrapper';\n\nexport type {\n  SuggestionsProps,\n  SuggestionsCardProps,\n  BaseCardComponentProps,\n  Offer,\n} from './types';\n\nexport {\n  type MarketingCardSchema,\n  renderMarketingCard,\n  MarketingCardSkeleton,\n} from './MarketingCard';\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA4CC,OAAA,CAAAC,WAAA,GAAAH,YAAA,CAAAG,WAAA;AAE5C,IAAAC,qBAAA,GAAAH,OAAA;AAGgCC,OAAA,CAAAG,oBAAA,GAAAD,qBAAA,CAAAC,oBAAA;AAShC,IAAAC,cAAA,GAAAL,OAAA;AAIyBC,OAAA,CAAAK,mBAAA,GAAAD,cAAA,CAAAC,mBAAA;AAAAL,OAAA,CAAAM,qBAAA,GAAAF,cAAA,CAAAE,qBAAA","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_ = "TabsFilter161614526";
+var _namespace_ = "TabsFilter3195927891";
 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": "TabsFilter161614526__root",
-  "title": "TabsFilter161614526__title"
+  "root": "TabsFilter3195927891__root",
+  "title": "TabsFilter3195927891__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_ = \"TabsFilter161614526\";\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\":\"TabsFilter161614526__root\",\"title\":\"TabsFilter161614526__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":[]}
+{"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_ = \"TabsFilter3195927891\";\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\":\"TabsFilter3195927891__root\",\"title\":\"TabsFilter3195927891__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":[]}

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_ = "ManageTagsModal3683190222";
+var _namespace_ = "ManageTagsModal943651282";
 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": "ManageTagsModal3683190222__root"
+  "root": "ManageTagsModal943651282__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_ = \"ManageTagsModal3683190222\";\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\":\"ManageTagsModal3683190222__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_ = \"ManageTagsModal943651282\";\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\":\"ManageTagsModal943651282__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/TagsAssignButton/TagsAssignButton.js

@@ -1,9 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TagsAssignButton = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
@@ -12,14 +11,27 @@ var _BulkAssignTagsPopover = require("../Tags/BulkAssignTagsPopover");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsAssignButton/TagsAssignButton.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 _TagsAssignButton = () => {
   const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     translate: t
   } = (0, _.useWixPatternsContainer)();
+  const buttonRef = (0, _react.useRef)(null);
   const {
     tagsBulkAssignPopoverState
   } = toolbarCollectionState.tagsCollectionState ?? {};
+  const setButtonRef = (0, _react.useCallback)(element => {
+    if (!element || !tagsBulkAssignPopoverState) {
+      return;
+    }
+    const el = element.querySelector('button');
+    if (!el) {
+      return;
+    }
+    buttonRef.current = el;
+    tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;
+  }, [tagsBulkAssignPopoverState]);
   if (!tagsBulkAssignPopoverState) {
     return null;
   }
@@ -32,9 +44,20 @@ const _TagsAssignButton = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 43,
         columnNumber: 9
       }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: setButtonRef,
+      style: {
+        display: 'contents'
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
     }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
       content: tagsBulkAssignButtonState.tooltipContent,
       disabled: !tagsBulkAssignButtonState.isDisabled,
@@ -42,8 +65,8 @@ const _TagsAssignButton = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
-        columnNumber: 11
+        lineNumber: 45,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
       skin: "standard",
@@ -54,8 +77,8 @@ const _TagsAssignButton = () => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
-          columnNumber: 27
+          lineNumber: 55,
+          columnNumber: 29
         }
       }),
       dataHook: "tags-assign-button",
@@ -66,14 +89,14 @@ const _TagsAssignButton = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
-        columnNumber: 13
+        lineNumber: 50,
+        columnNumber: 15
       }
-    }, t('cairo.tags.collectionPage.add.CTA')))),
+    }, t('cairo.tags.collectionPage.add.CTA'))))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 40,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","t","useWixPatternsContainer","tagsBulkAssignPopoverState","tagsCollectionState","tagsBulkAssignButtonState","default","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <DisabledTooltip\n            content={tagsBulkAssignButtonState.tooltipContent}\n            disabled={!tagsBulkAssignButtonState.isDisabled}\n            dataHook=\"tags-assign-button-disabled-tooltip\"\n          >\n            <Button\n              skin=\"standard\"\n              priority=\"secondary\"\n              size=\"small\"\n              ellipsis\n              prefixIcon={<TagSmall />}\n              dataHook=\"tags-assign-button\"\n              onClick={() => {\n                tagsBulkAssignPopoverState.showPopover();\n              }}\n              disabled={tagsBulkAssignButtonState.isDisabled}\n            >\n              {t('cairo.tags.collectionPage.add.CTA')}\n            </Button>\n          </DisabledTooltip>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,CAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA2C,IAAAQ,YAAA;AAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC5D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC;EAA2B,CAAC,GAClCL,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;EAElD,IAAI,CAACD,0BAA0B,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEE;EAA0B,CAAC,GAAGF,0BAA0B;EAEhE,oBACEjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,sBAAA,CAAAe,qBAAqB;IACpBC,KAAK,EAAEN,0BAA2B;IAClCO,cAAc,eACZxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF9B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,gBAAA,CAAAuB,eAAe;MACdC,OAAO,EAAEb,yBAAyB,CAACc,cAAe;MAClDC,QAAQ,EAAE,CAACf,yBAAyB,CAACgB,UAAW;MAChDC,QAAQ,EAAC,qCAAqC;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9C9B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAkC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZC,QAAQ;MACRC,UAAU,eAAE1C,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAuC,QAAQ;QAAAjB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBM,QAAQ,EAAC,oBAAoB;MAC7BQ,OAAO,EAAEA,CAAA,KAAM;QACb3B,0BAA0B,CAAC4B,WAAW,CAAC,CAAC;MAC1C,CAAE;MACFX,QAAQ,EAAEf,yBAAyB,CAACgB,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9Cf,CAAC,CAAC,mCAAmC,CAChC,CACO,CACd,CACN;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC;AAEM,MAAMgB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACrC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '../..';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  const setButtonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !tagsBulkAssignPopoverState) {\n        return;\n      }\n      const el = element.querySelector('button') as HTMLButtonElement | null;\n      if (!el) {\n        return;\n      }\n      buttonRef.current = el;\n      tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n    },\n    [tagsBulkAssignPopoverState],\n  );\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <div ref={setButtonRef} style={{ display: 'contents' }}>\n            <DisabledTooltip\n              content={tagsBulkAssignButtonState.tooltipContent}\n              disabled={!tagsBulkAssignButtonState.isDisabled}\n              dataHook=\"tags-assign-button-disabled-tooltip\"\n            >\n              <Button\n                skin=\"standard\"\n                priority=\"secondary\"\n                size=\"small\"\n                ellipsis\n                prefixIcon={<TagSmall />}\n                dataHook=\"tags-assign-button\"\n                onClick={() => {\n                  tagsBulkAssignPopoverState.showPopover();\n                }}\n                disabled={tagsBulkAssignButtonState.isDisabled}\n              >\n                {t('cairo.tags.collectionPage.add.CTA')}\n              </Button>\n            </DisabledTooltip>\n          </div>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","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_ = "ToolbarItem4165645154";
+var _namespace_ = "ToolbarItem3068424230";
 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": "ToolbarItem4165645154__root"
+  "root": "ToolbarItem3068424230__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};