@wix/patterns 1.323.0 → 1.325.0

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent3209389846";
+var _namespace_ = "PickerContent3108120277";
 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": "PickerContent3209389846__root"
+  "root": "PickerContent3108120277__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3209389846\";\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\":\"PickerContent3209389846__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3108120277\";\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\":\"PickerContent3108120277__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep667107801";
+var _namespace_ = "PickerContentAdditionalStep4199282124";
 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": "PickerContentAdditionalStep667107801__root",
-  "titles": "PickerContentAdditionalStep667107801__titles",
-  "suffix": "PickerContentAdditionalStep667107801__suffix"
+  "root": "PickerContentAdditionalStep4199282124__root",
+  "titles": "PickerContentAdditionalStep4199282124__titles",
+  "suffix": "PickerContentAdditionalStep4199282124__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep667107801\";\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\":\"PickerContentAdditionalStep667107801__root\",\"titles\":\"PickerContentAdditionalStep667107801__titles\",\"suffix\":\"PickerContentAdditionalStep667107801__suffix\"};\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,sCAAsC;AACxD,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,4CAA4C;EAAC,QAAQ,EAAC,8CAA8C;EAAC,QAAQ,EAAC;AAA8C,CAAC;AACnL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep4199282124\";\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\":\"PickerContentAdditionalStep4199282124__root\",\"titles\":\"PickerContentAdditionalStep4199282124__titles\",\"suffix\":\"PickerContentAdditionalStep4199282124__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerEmptyState/PickerEmptyState.js

@@ -62,7 +62,11 @@ function _PickerEmptyState(props) {
           columnNumber: 23
         }
       }),
-      onClick: () => collection.clearSearch(),
+      onClick: () => {
+        var _collection$searchInp;
+        collection.clearSearch();
+        (_collection$searchInp = collection.searchInputRef) == null || _collection$searchInp.focus();
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -90,7 +94,7 @@ function _PickerEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 75,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -99,7 +103,7 @@ function _PickerEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 76,
         columnNumber: 9
       }
     }, t('cairo.selectorModal.searchEmptyState.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -108,15 +112,19 @@ function _PickerEmptyState(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 78,
+          lineNumber: 81,
           columnNumber: 23
         }
       }),
-      onClick: () => collection.clearSearch(),
+      onClick: () => {
+        var _collection$searchInp2;
+        collection.clearSearch();
+        (_collection$searchInp2 = collection.searchInputRef) == null || _collection$searchInp2.focus();
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 79,
         columnNumber: 9
       }
     }, t('cairo.emptyState.reset.button')))
@@ -140,7 +148,7 @@ function _PickerEmptyState(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 110,
       columnNumber: 10
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_mobxReactLite","_jsxFileName","_PickerEmptyState","props","state","hasFilterDropdown","rest","collection","result","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","originQuery","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","clearSearch","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","getEmptyStateConfig","CollectionEmptyStateBase","_extends2","PickerEmptyState","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap, PickerState } from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap>\n  extends Omit<CollectionEmptyStateBaseProps<T, F>, 'state'> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n}\n\nfunction _PickerEmptyState<T, F extends FiltersMap>(\n  props: PickerEmptyStateProps<T, F>,\n) {\n  const { state, hasFilterDropdown, ...rest } = props;\n  const { collection } = state;\n\n  const {\n    result: { hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return <CollectionEmptyStateBase {...getEmptyStateConfig()} {...rest} />;\n}\n\nexport const PickerEmptyState = observer(_PickerEmptyState);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_mobxReactLite","_jsxFileName","_PickerEmptyState","props","state","hasFilterDropdown","rest","collection","result","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","originQuery","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_collection$searchInp","clearSearch","searchInputRef","focus","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","_collection$searchInp2","getEmptyStateConfig","CollectionEmptyStateBase","_extends2","PickerEmptyState","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap, PickerState } from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap>\n  extends Omit<CollectionEmptyStateBaseProps<T, F>, 'state'> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n}\n\nfunction _PickerEmptyState<T, F extends FiltersMap>(\n  props: PickerEmptyStateProps<T, F>,\n) {\n  const { state, hasFilterDropdown, ...rest } = props;\n  const { collection } = state;\n\n  const {\n    result: { hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return <CollectionEmptyStateBase {...getEmptyStateConfig()} {...rest} />;\n}\n\nexport const PickerEmptyState = observer(_PickerEmptyState);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem2330376760";
+var _namespace_ = "PickerTableListItem2983769481";
 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": "PickerTableListItem2330376760__root"
+  "root": "PickerTableListItem2983769481__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2330376760\";\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\":\"PickerTableListItem2330376760__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2983769481\";\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\":\"PickerTableListItem2983769481__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent1226115484";
+var _namespace_ = "ScrollableContent980648129";
 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": "ScrollableContent1226115484__root"
+  "root": "ScrollableContent980648129__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1226115484\";\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\":\"ScrollableContent1226115484__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent980648129\";\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\":\"ScrollableContent980648129__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/SkeletonCard/SkeletonCard.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_ = "SkeletonCard3734480752";
+var _namespace_ = "SkeletonCard1226407146";
 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": "SkeletonCard3734480752__root",
-  "headerLoading": "SkeletonCard3734480752__headerLoading"
+  "root": "SkeletonCard1226407146__root",
+  "headerLoading": "SkeletonCard1226407146__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3734480752\";\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\":\"SkeletonCard3734480752__root\",\"headerLoading\":\"SkeletonCard3734480752__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1226407146\";\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\":\"SkeletonCard1226407146__root\",\"headerLoading\":\"SkeletonCard1226407146__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.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_ = "SlidingModal2922551153";
+var _namespace_ = "SlidingModal3040154923";
 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": "SlidingModal2922551153__root"
+  "root": "SlidingModal3040154923__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2922551153\";\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\":\"SlidingModal2922551153__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3040154923\";\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\":\"SlidingModal3040154923__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/Suggestions/DESIGN_BI_REPORTING.md

@@ -0,0 +1,73 @@
+# Suggestions BI Reporting - Design Doc
+
+## Overview
+
+Implement BI (Business Intelligence) reporting for the Suggestions component to track user interactions and component lifecycle events.
+
+## Events to Report
+
+| Event | Description |
+|-------|-------------|
+| **LOAD** | Offers successfully fetched from dealer service |
+| **VIEW** | Offer card becomes visible to the user |
+| **CLICK** | User clicks on an offer card CTA |
+
+## Reporting Targets
+
+1. **Cairo BI** - Standard internal analytics via `reportBi`
+2. **Dealer API** - External package for dealer-specific tracking (TBD)
+
+## Key Requirements
+
+- [ ] VIEW events should fire only once per offer (not on every scroll)
+- [ ] Infrastructure should be extensible for future event types
+- [ ] Must include unit tests
+- [ ] Performance validation required
+
+## Technical Approach
+
+- Use `IntersectionObserver` for VIEW event detection (see existing `IntersectionObserverState`)
+- Follow existing BIReporter patterns (e.g., `ToolbarBIReporter`, `KanbanStateBIReporter`)
+
+---
+
+## Progress:
+ - [X] Implemented basic IntersectionObsever for view events 
+ - [X] Decide how to report viw events: callback for each card, general callback + additional array that saves data (hook becomes very spesific) - Descidion is callback
+ - [X] Finalize dealer view rportings 
+ - [X] Finalize cairo reporting
+ - [X] add tests
+ - [X] understand if dealer has bi testtkit (It does not)
+ - [] mock IntersectionObserver properly for dealer BI
+ - [] add more dealer events (main cta clicked)
+
+## Notes & Findings
+
+- For BI, should create a new BIlogger class and use it inside the state.
+state should expose different handlers for actions in UI (onView, onCtaClick, onLoad...) and I just call it in UI. the state class handles the bi logging with the BI logger, I should not expose it outside to the compoennts or users themselves.
+
+### Dealer API Research
+- Package name: TBD
+- Available methods: TBD
+- Required payload structure: TBD
+
+### IntersectionObserver Investigation
+- it is the way, we can set the suggestions container as observer
+- we can use unobserve once an element was "viewed" and the event fired.
+
+
+### Performance Considerations
+- 
+
+### Open Questions
+- What specific data fields are required for each event?
+- What is the exact dealer reporting package to use?
+- Should VIEW tracking be opt-in or opt-out?
+
+---
+
+## References
+
+- `packages/cairo/src/state/IntersectionObserverState.ts`
+- `packages/cairo/src/state/ToolbarBIReporter.ts`
+- `packages/cairo/src/state/Suggestions/SuggestionsState.ts`

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":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAc4B,IAAAE,YAAA;AAI5B;AACA;AACA;AACA;;AAuBA,MAAMC,YAAY,GAAIC,WAAmB,IAAK;EAC5C,IAAIA,WAAW,KAAK,CAAC,EAAE;IACrB,OAAO,MAAM;EACf;EACA,IAAIA,WAAW,KAAK,CAAC,EAAE;IACrB,OAAO,KAAK;EACd;EACA,OAAO,OAAO;AAChB,CAAC;AAOD,MAAMC,qBAA2D,GAAGA,CAAC;EACnEC,MAAM;EACNF;AACF,CAAC,KAAK;EACJ,MAAM;IACJG,KAAK;IACLC,WAAW,EAAEC,eAAe;IAC5BC,QAAQ;IACRC,SAAS,EAAEC,aAAa;IACxBC,KAAK,EAAEC;EACT,CAAC,GAAGR,MAAM;EAEV,MAAMS,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIH,aAAa,YAAbA,aAAa,CAAEI,IAAI,EAAE;MACvBC,MAAM,CAACC,IAAI,CAACN,aAAa,CAACI,IAAI,EAAE,QAAQ,CAAC;IAC3C;EACF,CAAC;EAED,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;IAAA,IAAAC,qBAAA;IACjC,IAAIX,eAAe,aAAAW,qBAAA,GAAfX,eAAe,CAAEY,SAAS,aAA1BD,qBAAA,CAA4BJ,IAAI,EAAE;MACpCC,MAAM,CAACC,IAAI,CAACT,eAAe,CAACY,SAAS,CAACL,IAAI,EAAE,QAAQ,CAAC;IACvD;EACF,CAAC;EAED,MAAMR,WAAW,gBACfV,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAE,QAAA,qBACE1B,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAwB,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS;IAACC,QAAQ,EAAC,2BAA2B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9DxB,eAAe,CAACyB,IAAI,EAAE,GACnB,CAAC,EACNzB,eAAe,CAACY,SAAS,iBACxBvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAkC,UAAU;IACTT,IAAI,EAAC,OAAO;IACZC,SAAS;IACTC,QAAQ,EAAC,6BAA6B;IACtCQ,OAAO,EAAEjB,oBAAqB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE7BxB,eAAe,CAACY,SAAS,CAACa,IAAI,IAAI,YACzB,CAEd,CACH;EAED,MAAMvB,SAAS,GAAGC,aAAa,gBAC7Bd,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAoC,MAAM;IACLX,IAAI,EAAC,OAAO;IACZY,IAAI,EAAE1B,aAAa,CAAC0B,IAAI,IAAI,UAAW;IACvCC,QAAQ,EAAE3B,aAAa,CAAC2B,QAAQ,IAAI,WAAY;IAChDX,QAAQ,EAAC,yBAAyB;IAClCQ,OAAO,EAAErB,cAAe;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBrB,aAAa,CAACsB,IACT,CAAC,GACP,IAAI;EAER,MAAMrB,KAAK,GAAGC,SAAS,gBACrBhB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuC,KAAK;IACJF,IAAI,EAAExB,SAAS,CAACwB,IAAI,IAAI,SAAU;IAClCZ,IAAI,EAAC,OAAO;IACZE,QAAQ,EAAC,uBAAuB;IAChCa,SAAS,EAAE,KAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBnB,SAAS,CAACoB,IACN,CAAC,GACN,IAAI;EAER,MAAMQ,KAAK,gBACT5C,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0C,KAAK;IACJC,GAAG,EAAElC,QAAS;IACdmC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,YAAY,EAAC,KAAK;IAClBnB,QAAQ,EAAC,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CACF;EAED,oBACEnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA+C,GAAG;IAACpB,QAAQ,EAAC,kBAAkB;IAACiB,KAAK,EAAE1C,YAAY,CAACC,WAAW,CAAE;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChEnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgD,IAAI;IAACC,iBAAiB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAkD,eAAe;IACd5C,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBkC,KAAK,EAAEA,KAAM;IACbU,OAAO,EAAE,CAACzC,SAAS,CAAE;IACrBE,KAAK,EAAEA,KAAM;IACbwC,WAAW,EAAE,CAACxC,KAAM;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACG,CACH,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,MAAMqB,mBAAmB,GAC7BC,cAA6D,IAC7DC,KAA2B,IAA6B;EAAA,IAAAC,YAAA,EAAAC,mBAAA;EACvD,MAAMpD,MAAM,GAAGiD,cAAc,GACzBA,cAAc,CAACC,KAAK,CAACG,KAAK,CAAC,IAAAF,YAAA,GAC1BD,KAAK,CAACG,KAAK,cAAAF,YAAA,GAAXA,YAAA,CAAaG,KAAK,qBAAlBH,YAAA,CAAoBI,QAAuC;EAEhE,MAAMC,mBAAmB,GACvB,CAAAxD,MAAM,oBAANA,MAAM,CAAEC,KAAK,MAAID,MAAM,oBAANA,MAAM,CAAEI,QAAQ,MAAIJ,MAAM,aAAAoD,mBAAA,GAANpD,MAAM,CAAEE,WAAW,qBAAnBkD,mBAAA,CAAqBxB,IAAI;EAEhE,IAAI,CAAC4B,mBAAmB,EAAE;IACxB,OAAO,IAAI;EACb;EACA,oBACEhE,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAClB,qBAAqB;IAACC,MAAM,EAAEA,MAAO;IAACF,WAAW,EAAEoD,KAAK,CAACpD,WAAY;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAE7E,CAAC;;AAEH;AACA;AACA;AAFA8B,OAAA,CAAAT,mBAAA,GAAAA,mBAAA;AAGO,MAAMU,qBAAuD,GAAGA,CAAC;EACtE5D;AACF,CAAC,KAAK;EACJ,oBACEN,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA+C,GAAG;IAACpB,QAAQ,EAAC,kBAAkB;IAACiB,KAAK,EAAE1C,YAAY,CAACC,WAAW,CAAE;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChEnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgD,IAAI;IAACC,iBAAiB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBnC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAkD,eAAe;IACd5C,KAAK,eAAET,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgE,YAAY;MAACpB,KAAK,EAAC,OAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtCzB,WAAW,eAAEV,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgE,YAAY;MAACpB,KAAK,EAAC,OAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC5CmB,OAAO,EAAE,cAACtD,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAiE,iBAAiB;MAACrB,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,CAAE;IAC5DS,KAAK,eAAE5C,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAiE,iBAAiB;MAACrB,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAAAjB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxDpB,KAAK,eAAEf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACjBoB,WAAW,EAAE,IAAK;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CACG,CACH,CAAC;AAEV,CAAC;AAAC8B,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","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":[]}