@wix/patterns 1.323.0 → 1.325.0

package/dist/cjs/hooks/useIntersectionObserver.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useIntersectionObserver = useIntersectionObserver;
+var _react = require("react");
+function useIntersectionObserver(callback, threshold = 0.9) {
+  const elementRef = (0, _react.useRef)(null);
+  const [intersectionObserver] = (0, _react.useState)(() => {
+    // in jsdom, IntersectionObserver is not implemeted
+    if (typeof IntersectionObserver === 'undefined') {
+      return null;
+    }
+    return new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting) {
+        callback();
+        intersectionObserver == null || intersectionObserver.disconnect();
+      }
+    }, {
+      threshold
+    });
+  });
+  (0, _react.useEffect)(() => {
+    const element = elementRef.current;
+    if (!element || !intersectionObserver) {
+      return;
+    }
+    intersectionObserver.observe(element);
+    return () => {
+      intersectionObserver.disconnect();
+    };
+  }, []);
+  return {
+    elementRef
+  };
+}
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/cjs/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useIntersectionObserver","callback","threshold","elementRef","useRef","intersectionObserver","useState","IntersectionObserver","entry","isIntersecting","disconnect","useEffect","element","current","observe"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useIntersectionObserver(\n  callback: () => void,\n  threshold: number = 0.9,\n) {\n  const elementRef = useRef<HTMLElement | null>(null);\n  const [intersectionObserver] = useState(() => {\n    // in jsdom, IntersectionObserver is not implemeted\n    if (typeof IntersectionObserver === 'undefined') {\n      return null;\n    }\n\n    return new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          callback();\n          intersectionObserver?.disconnect();\n        }\n      },\n      {\n        threshold,\n      },\n    );\n  });\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (!element || !intersectionObserver) {\n      return;\n    }\n\n    intersectionObserver.observe(element);\n\n    return () => {\n      intersectionObserver.disconnect();\n    };\n  }, []);\n\n  return {\n    elementRef,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,uBAAuBA,CACrCC,QAAoB,EACpBC,SAAiB,GAAG,GAAG,EACvB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EACnD,MAAM,CAACC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC5C;IACA,IAAI,OAAOC,oBAAoB,KAAK,WAAW,EAAE;MAC/C,OAAO,IAAI;IACb;IAEA,OAAO,IAAIA,oBAAoB,CAC7B,CAAC,CAACC,KAAK,CAAC,KAAK;MACX,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBR,QAAQ,CAAC,CAAC;QACVI,oBAAoB,YAApBA,oBAAoB,CAAEK,UAAU,CAAC,CAAC;MACpC;IACF,CAAC,EACD;MACER;IACF,CACF,CAAC;EACH,CAAC,CAAC;EAEF,IAAAS,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGT,UAAU,CAACU,OAAO;IAElC,IAAI,CAACD,OAAO,IAAI,CAACP,oBAAoB,EAAE;MACrC;IACF;IAEAA,oBAAoB,CAACS,OAAO,CAACF,OAAO,CAAC;IAErC,OAAO,MAAM;MACXP,oBAAoB,CAACK,UAAU,CAAC,CAAC;IACnC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLP;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader3399941205";
+var _namespace_ = "CollectionPageHeader736711144";
 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": "CollectionPageHeader3399941205__root"
+  "root": "CollectionPageHeader736711144__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader3399941205\";\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\":\"CollectionPageHeader3399941205__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader736711144\";\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\":\"CollectionPageHeader736711144__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/state/FormPage/FormPageHeader.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_ = "FormPageHeader3274851304";
+var _namespace_ = "FormPageHeader3304963303";
 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": "FormPageHeader3274851304__root"
+  "root": "FormPageHeader3304963303__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3274851304\";\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\":\"FormPageHeader3274851304__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3304963303\";\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\":\"FormPageHeader3304963303__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/state/Suggestions/SuggestionsBIReporter.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SuggestionsBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bi = require("@wix/bex-core/bi");
+var _http = require("@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/http");
+var _types = require("@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/types");
+class SuggestionsBIReporter {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "reportBI", void 0);
+    (0, _defineProperty2.default)(this, "httpClient", void 0);
+    (0, _defineProperty2.default)(this, "realEstateId", void 0);
+    this.reportBI = params.reportBI;
+    this.realEstateId = params.realEstateId;
+    this.httpClient = params.httpClient;
+  }
+  loadStart() {
+    this.reportBI((0, _bi.loadStart)({}));
+  }
+  loadEnd(startTime) {
+    this.reportBI((0, _bi.loadEnd)({
+      loadingTime: Math.round(performance.now() - startTime)
+    }));
+  }
+  reportOfferViewed(offerId) {
+    this.httpClient.request((0, _http.reportEvent)({
+      event: {
+        type: _types.EventType.VIEW,
+        offerId,
+        realEstateId: this.realEstateId
+      }
+    }));
+  }
+}
+exports.SuggestionsBIReporter = SuggestionsBIReporter;
+//# sourceMappingURL=SuggestionsBIReporter.js.map

package/dist/cjs/state/Suggestions/SuggestionsBIReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bi","require","_http","_types","SuggestionsBIReporter","constructor","params","_defineProperty2","default","reportBI","realEstateId","httpClient","loadStart","loadEnd","startTime","loadingTime","Math","round","performance","now","reportOfferViewed","offerId","request","reportEvent","event","type","EventType","VIEW","exports"],"sources":["../../../../src/state/Suggestions/SuggestionsBIReporter.ts"],"sourcesContent":["import { ReportBI, WixPatternsContainerParams } from '@wix/bex-core';\nimport { loadEnd, loadStart } from '@wix/bex-core/bi';\nimport { reportEvent } from '@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/http';\nimport { EventType } from '@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/types';\n\nexport interface SuggestionsBIReporterParams {\n  reportBI: ReportBI;\n  realEstateId: string;\n  httpClient: WixPatternsContainerParams['httpClient'];\n}\n\nexport class SuggestionsBIReporter {\n  readonly reportBI: ReportBI;\n  readonly httpClient: WixPatternsContainerParams['httpClient'];\n  readonly realEstateId: string;\n\n  constructor(params: SuggestionsBIReporterParams) {\n    this.reportBI = params.reportBI;\n    this.realEstateId = params.realEstateId;\n    this.httpClient = params.httpClient;\n  }\n\n  loadStart() {\n    this.reportBI(loadStart({}));\n  }\n\n  loadEnd(startTime: DOMHighResTimeStamp) {\n    this.reportBI(\n      loadEnd({ loadingTime: Math.round(performance.now() - startTime) }),\n    );\n  }\n\n  reportOfferViewed(offerId: string) {\n    this.httpClient.request(\n      reportEvent({\n        event: {\n          type: EventType.VIEW,\n          offerId,\n          realEstateId: this.realEstateId,\n        },\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAQO,MAAMG,qBAAqB,CAAC;EAKjCC,WAAWA,CAACC,MAAmC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC/C,IAAI,CAACC,QAAQ,GAAGH,MAAM,CAACG,QAAQ;IAC/B,IAAI,CAACC,YAAY,GAAGJ,MAAM,CAACI,YAAY;IACvC,IAAI,CAACC,UAAU,GAAGL,MAAM,CAACK,UAAU;EACrC;EAEAC,SAASA,CAAA,EAAG;IACV,IAAI,CAACH,QAAQ,CAAC,IAAAG,aAAS,EAAC,CAAC,CAAC,CAAC,CAAC;EAC9B;EAEAC,OAAOA,CAACC,SAA8B,EAAE;IACtC,IAAI,CAACL,QAAQ,CACX,IAAAI,WAAO,EAAC;MAAEE,WAAW,EAAEC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGL,SAAS;IAAE,CAAC,CACpE,CAAC;EACH;EAEAM,iBAAiBA,CAACC,OAAe,EAAE;IACjC,IAAI,CAACV,UAAU,CAACW,OAAO,CACrB,IAAAC,iBAAW,EAAC;MACVC,KAAK,EAAE;QACLC,IAAI,EAAEC,gBAAS,CAACC,IAAI;QACpBN,OAAO;QACPX,YAAY,EAAE,IAAI,CAACA;MACrB;IACF,CAAC,CACH,CAAC;EACH;AACF;AAACkB,OAAA,CAAAxB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/state/Suggestions/SuggestionsState.js

@@ -7,13 +7,23 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _http = require("@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/http");
 var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
+var _SuggestionsBIReporter = require("./SuggestionsBIReporter");
 class SuggestionsState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "placementId", void 0);
-    (0, _defineProperty2.default)(this, "httpClient", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "fetchOffersTask", new _bexCore.TaskState());
+    (0, _defineProperty2.default)(this, "reportBI", void 0);
+    (0, _defineProperty2.default)(this, "bi", void 0);
+    (0, _defineProperty2.default)(this, "httpClient", void 0);
     (0, _defineProperty2.default)(this, "init", () => {
-      this.fetchOffersTask.runOnce(this._fetchOffers);
+      const startTime = performance.now();
+      this.bi.loadStart();
+      this.fetchOffersTask.runOnce(async () => {
+        const offers = await this._fetchOffers();
+        this.bi.loadEnd(startTime);
+        return offers;
+      });
     });
     (0, _defineProperty2.default)(this, "_fetchOffers", async () => {
       const {
@@ -28,7 +38,17 @@ class SuggestionsState {
       return data.offers ?? [];
     });
     this.placementId = params.placementId;
-    this.httpClient = params.httpClient;
+    this.container = params.container;
+    this.httpClient = this.container.httpClient;
+    this.reportBI = this.container.createBILogger({
+      componentType: 'suggestionsWidget',
+      route: window.location.pathname
+    });
+    this.bi = new _SuggestionsBIReporter.SuggestionsBIReporter({
+      reportBI: this.reportBI,
+      realEstateId: this.placementId,
+      httpClient: this.httpClient
+    });
     (0, _mobx.makeObservable)(this, {
       offers: _mobx.computed,
       isFetching: _mobx.computed,
@@ -44,6 +64,9 @@ class SuggestionsState {
   get hasOffers() {
     return this.offers.length > 0;
   }
+  onOfferViewed(offerId) {
+    this.bi.reportOfferViewed(offerId);
+  }
 }
 exports.SuggestionsState = SuggestionsState;
 //# sourceMappingURL=SuggestionsState.js.map

package/dist/cjs/state/Suggestions/SuggestionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_http","require","_mobx","_bexCore","SuggestionsState","constructor","params","_defineProperty2","default","TaskState","fetchOffersTask","runOnce","_fetchOffers","placementId","httpClient","data","request","listOffers","realEstateId","offers","makeObservable","computed","isFetching","hasOffers","status","isSuccess","isLoading","length","exports"],"sources":["../../../../src/state/Suggestions/SuggestionsState.ts"],"sourcesContent":["import { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { listOffers } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/http';\nimport { computed, makeObservable } from 'mobx';\nimport { TaskState, WixPatternsContainerParams } from '@wix/bex-core';\n\nexport interface SuggestionsStateParams {\n  placementId: string;\n  httpClient: WixPatternsContainerParams['httpClient'];\n}\n\nexport class SuggestionsState {\n  readonly placementId: string;\n  readonly httpClient: WixPatternsContainerParams['httpClient'];\n  readonly fetchOffersTask = new TaskState<Offer[]>();\n\n  constructor(params: SuggestionsStateParams) {\n    this.placementId = params.placementId;\n    this.httpClient = params.httpClient;\n\n    makeObservable(this, {\n      offers: computed,\n      isFetching: computed,\n      hasOffers: computed,\n    });\n  }\n\n  init = () => {\n    this.fetchOffersTask.runOnce(this._fetchOffers);\n  };\n\n  private _fetchOffers = async () => {\n    const { placementId, httpClient } = this;\n    const { data } = await httpClient.request(\n      listOffers({ realEstateId: placementId }),\n    );\n\n    return data.offers ?? [];\n  };\n\n  get offers(): Offer[] {\n    return this.fetchOffersTask.status.isSuccess\n      ? this.fetchOffersTask.status.data\n      : [];\n  }\n\n  get isFetching(): boolean {\n    return this.fetchOffersTask.status.isLoading;\n  }\n\n  get hasOffers() {\n    return this.offers.length > 0;\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOO,MAAMG,gBAAgB,CAAC;EAK5BC,WAAWA,CAACC,MAA8B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BAFjB,IAAIC,kBAAS,CAAU,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,gBAa5C,MAAM;MACX,IAAI,CAACE,eAAe,CAACC,OAAO,CAAC,IAAI,CAACC,YAAY,CAAC;IACjD,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,wBAEsB,YAAY;MACjC,MAAM;QAAEK,WAAW;QAAEC;MAAW,CAAC,GAAG,IAAI;MACxC,MAAM;QAAEC;MAAK,CAAC,GAAG,MAAMD,UAAU,CAACE,OAAO,CACvC,IAAAC,gBAAU,EAAC;QAAEC,YAAY,EAAEL;MAAY,CAAC,CAC1C,CAAC;MAED,OAAOE,IAAI,CAACI,MAAM,IAAI,EAAE;IAC1B,CAAC;IArBC,IAAI,CAACN,WAAW,GAAGP,MAAM,CAACO,WAAW;IACrC,IAAI,CAACC,UAAU,GAAGR,MAAM,CAACQ,UAAU;IAEnC,IAAAM,oBAAc,EAAC,IAAI,EAAE;MACnBD,MAAM,EAAEE,cAAQ;MAChBC,UAAU,EAAED,cAAQ;MACpBE,SAAS,EAAEF;IACb,CAAC,CAAC;EACJ;EAeA,IAAIF,MAAMA,CAAA,EAAY;IACpB,OAAO,IAAI,CAACT,eAAe,CAACc,MAAM,CAACC,SAAS,GACxC,IAAI,CAACf,eAAe,CAACc,MAAM,CAACT,IAAI,GAChC,EAAE;EACR;EAEA,IAAIO,UAAUA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACZ,eAAe,CAACc,MAAM,CAACE,SAAS;EAC9C;EAEA,IAAIH,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACJ,MAAM,CAACQ,MAAM,GAAG,CAAC;EAC/B;AACF;AAACC,OAAA,CAAAxB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_http","require","_mobx","_bexCore","_SuggestionsBIReporter","SuggestionsState","constructor","params","_defineProperty2","default","TaskState","startTime","performance","now","bi","loadStart","fetchOffersTask","runOnce","offers","_fetchOffers","loadEnd","placementId","httpClient","data","request","listOffers","realEstateId","container","reportBI","createBILogger","componentType","route","window","location","pathname","SuggestionsBIReporter","makeObservable","computed","isFetching","hasOffers","status","isSuccess","isLoading","length","onOfferViewed","offerId","reportOfferViewed","exports"],"sources":["../../../../src/state/Suggestions/SuggestionsState.ts"],"sourcesContent":["import { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { listOffers } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/http';\nimport { computed, makeObservable } from 'mobx';\nimport {\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { SuggestionsBIReporter } from './SuggestionsBIReporter';\n\nexport interface SuggestionsStateParams {\n  placementId: string;\n  container: WixPatternsContainer;\n}\n\nexport class SuggestionsState {\n  readonly placementId: string;\n  readonly container: WixPatternsContainer;\n  readonly fetchOffersTask = new TaskState<Offer[]>();\n  readonly reportBI: ReportBI;\n\n  readonly bi: SuggestionsBIReporter;\n  readonly httpClient: WixPatternsContainerParams['httpClient'];\n\n  constructor(params: SuggestionsStateParams) {\n    this.placementId = params.placementId;\n    this.container = params.container;\n    this.httpClient = this.container.httpClient;\n    this.reportBI = this.container.createBILogger({\n      componentType: 'suggestionsWidget',\n      route: window.location.pathname,\n    });\n\n    this.bi = new SuggestionsBIReporter({\n      reportBI: this.reportBI,\n      realEstateId: this.placementId,\n      httpClient: this.httpClient,\n    });\n\n    makeObservable(this, {\n      offers: computed,\n      isFetching: computed,\n      hasOffers: computed,\n    });\n  }\n\n  init = () => {\n    const startTime = performance.now();\n\n    this.bi.loadStart();\n\n    this.fetchOffersTask.runOnce(async () => {\n      const offers = await this._fetchOffers();\n      this.bi.loadEnd(startTime);\n      return offers;\n    });\n  };\n\n  private _fetchOffers = async () => {\n    const { placementId, httpClient } = this;\n    const { data } = await httpClient.request(\n      listOffers({ realEstateId: placementId }),\n    );\n\n    return data.offers ?? [];\n  };\n\n  get offers(): Offer[] {\n    return this.fetchOffersTask.status.isSuccess\n      ? this.fetchOffersTask.status.data\n      : [];\n  }\n\n  get isFetching(): boolean {\n    return this.fetchOffersTask.status.isLoading;\n  }\n\n  get hasOffers() {\n    return this.offers.length > 0;\n  }\n\n  onOfferViewed(offerId: string) {\n    this.bi.reportOfferViewed(offerId);\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAMA,IAAAG,sBAAA,GAAAH,OAAA;AAOO,MAAMI,gBAAgB,CAAC;EAS5BC,WAAWA,CAACC,MAA8B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BANjB,IAAIC,kBAAS,CAAU,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gBA4B5C,MAAM;MACX,MAAME,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MAEnC,IAAI,CAACC,EAAE,CAACC,SAAS,CAAC,CAAC;MAEnB,IAAI,CAACC,eAAe,CAACC,OAAO,CAAC,YAAY;QACvC,MAAMC,MAAM,GAAG,MAAM,IAAI,CAACC,YAAY,CAAC,CAAC;QACxC,IAAI,CAACL,EAAE,CAACM,OAAO,CAACT,SAAS,CAAC;QAC1B,OAAOO,MAAM;MACf,CAAC,CAAC;IACJ,CAAC;IAAA,IAAAV,gBAAA,CAAAC,OAAA,wBAEsB,YAAY;MACjC,MAAM;QAAEY,WAAW;QAAEC;MAAW,CAAC,GAAG,IAAI;MACxC,MAAM;QAAEC;MAAK,CAAC,GAAG,MAAMD,UAAU,CAACE,OAAO,CACvC,IAAAC,gBAAU,EAAC;QAAEC,YAAY,EAAEL;MAAY,CAAC,CAC1C,CAAC;MAED,OAAOE,IAAI,CAACL,MAAM,IAAI,EAAE;IAC1B,CAAC;IAxCC,IAAI,CAACG,WAAW,GAAGd,MAAM,CAACc,WAAW;IACrC,IAAI,CAACM,SAAS,GAAGpB,MAAM,CAACoB,SAAS;IACjC,IAAI,CAACL,UAAU,GAAG,IAAI,CAACK,SAAS,CAACL,UAAU;IAC3C,IAAI,CAACM,QAAQ,GAAG,IAAI,CAACD,SAAS,CAACE,cAAc,CAAC;MAC5CC,aAAa,EAAE,mBAAmB;MAClCC,KAAK,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAC,CAAC;IAEF,IAAI,CAACpB,EAAE,GAAG,IAAIqB,4CAAqB,CAAC;MAClCP,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBF,YAAY,EAAE,IAAI,CAACL,WAAW;MAC9BC,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC,CAAC;IAEF,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBlB,MAAM,EAAEmB,cAAQ;MAChBC,UAAU,EAAED,cAAQ;MACpBE,SAAS,EAAEF;IACb,CAAC,CAAC;EACJ;EAuBA,IAAInB,MAAMA,CAAA,EAAY;IACpB,OAAO,IAAI,CAACF,eAAe,CAACwB,MAAM,CAACC,SAAS,GACxC,IAAI,CAACzB,eAAe,CAACwB,MAAM,CAACjB,IAAI,GAChC,EAAE;EACR;EAEA,IAAIe,UAAUA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACtB,eAAe,CAACwB,MAAM,CAACE,SAAS;EAC9C;EAEA,IAAIH,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACrB,MAAM,CAACyB,MAAM,GAAG,CAAC;EAC/B;EAEAC,aAAaA,CAACC,OAAe,EAAE;IAC7B,IAAI,CAAC/B,EAAE,CAACgC,iBAAiB,CAACD,OAAO,CAAC;EACpC;AACF;AAACE,OAAA,CAAA1C,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer4143025910__root.CardContainer4143025910--mobile{border-radius:0}.Collapse3754513475__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3754513475__exit{height:0}.CollectionPage2158161423__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2158161423__root.CollectionPage2158161423--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2158161423__root.CollectionPage2158161423--panel{overflow:hidden;position:relative}.CollectionTable2752357204__root td{vertical-align:middle}.CollectionTable2752357204__root.CollectionTable2752357204--mobile td:first-child{padding-left:18px}.CollectionTable2752357204__root.CollectionTable2752357204--mobile td:last-child{padding-right:18px}.CollectionToolbar3308549850__left{min-width:0}.CollectionToolbar3308549850__root.CollectionToolbar3308549850--views .CollectionToolbar3308549850__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3308549850__left.CollectionToolbar3308549850--expandable{flex:auto}.CollectionToolbar3308549850__root .CollectionToolbar3308549850__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3308549850__root.CollectionToolbar3308549850--views .CollectionToolbar3308549850__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3308549850__root .CollectionToolbar3308549850__right.CollectionToolbar3308549850__fullWidth{margin-inline-start:0!important}.CollectionToolbar3308549850__root.CollectionToolbar3308549850--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3633582903__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3633582903__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3633582903__searchMobile:not(.SearchOrCustomFilter3633582903--expandable){left:18px}.SearchOrCustomFilter3633582903__searchMobile.SearchOrCustomFilter3633582903--expandable.SearchOrCustomFilter3633582903--expanded{left:18px}.AutoCompleteReadonly2402100218__root.AutoCompleteReadonly2402100218--disableEditing{cursor:pointer}.AutoCompleteReadonly2402100218__root.AutoCompleteReadonly2402100218--disableEditing input{cursor:pointer}.ViewsDropdown3675822556__root{width:200px}.DragHandle3359316029__root{display:flex;align-items:center}.DragHandle3359316029__root:not(.DragHandle3359316029--disabled){cursor:grab;color:#a8caff}.DragHandle3359316029__root.DragHandle3359316029--disabled{color:#acafc4}.DragHandle3359316029__root:focus-visible:not(.DragHandle3359316029--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3359316029__root.DragHandle3359316029--disabled{pointer-events:none}.DragHandle3359316029__root.DragHandle3359316029--dragging:not(.DragHandle3359316029--disabled){cursor:grabbing}.EntityPagePlain3475402275__root.EntityPagePlain3475402275--mobile{--wds-page-header-padding-horizontal:0}.Fade3567457394__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3567457394__root.Fade3567457394--exit{opacity:0}.Heading2239324550__root{visibility:visible}.Heading2239324550__root.Heading2239324550--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1666475217__root.InputOverflow1666475217--selected:not(.InputOverflow1666475217--focused) input::placeholder{color:#000624}@keyframes LoadingRow1481472461__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1481472461__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1481472461__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2261845786__root{opacity:1}.MaxHeightText2261845786__root.MaxHeightText2261845786--height24{line-height:24px}.MaxLines1494253558__root{overflow:hidden}.MaxLines1494253558__root.MaxLines1494253558--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1790008875__root{min-width:0}.MultiBulkActionToolbar1790008875__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1790008875__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1790008875__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow4206198975__root td{padding:0!important;width:100%}.NestedTableRow270994647__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow270994647__root:hover{background-color:#e7f0ff!important}.NestedTableRow270994647__root.NestedTableRow270994647--expandable{cursor:pointer}.NestedTableRow270994647__placeholder td{padding:0!important;width:100%}.NestedTableRow270994647__root:hover td:first-of-type::before,.NestedTableRow270994647__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2367695207__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3656331557__root.NestedTableDragAndDropRow3656331557--draggingInto td{background-color:#e7f0ff!important}.PickerContent3209389846__root{display:flex}.PickerContentAdditionalStep667107801__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep667107801__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2330376760__root{box-sizing:border-box}.ScrollableContent1226115484__root.ScrollableContent1226115484--overflowY{overflow-y:auto}.ScrollableContent1226115484__root.ScrollableContent1226115484--overflowX{overflow-x:auto}.ScrollableContent1226115484__root.ScrollableContent1226115484--smooth{scroll-behavior:smooth}.SkeletonCard3734480752__headerLoading{display:block!important}.SlidingModal2922551153__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2922551153__root.SlidingModal2922551153--overlay{transition:transform 0s ease 0s}.SlidingModal2922551153__root.SlidingModal2922551153---appendTo-6-parent{position:absolute}.SlidingModal2922551153__root:not(.SlidingModal2922551153--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1345177777__root .TabsFilter1345177777__title{color:inherit!important}.ManageTagsModal3024155593__root{display:flex}.ToolbarItem1084120392__root{min-width:0}.ToolbarItemBox1023738829__root{min-width:0}.ToolbarItemBox1023738829__root.ToolbarItemBox1023738829--removeStartPadding{margin-left:-24px}.ToolbarItemBox1023738829__root.ToolbarItemBox1023738829--expandable{flex:1 0}.common1495039995__column{display:flex;flex-direction:column}.common1495039995__fullHeight{height:100%;min-height:0}.CollectionPageHeader3399941205__root.CollectionPageHeader3399941205--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3399941205__root.CollectionPageHeader3399941205--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3274851304__root.FormPageHeader3274851304--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3274851304__root.FormPageHeader3274851304--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer312641811__root.CardContainer312641811--mobile{border-radius:0}.Collapse635544407__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse635544407__exit{height:0}.CollectionPage3558163292__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3558163292__root.CollectionPage3558163292--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3558163292__root.CollectionPage3558163292--panel{overflow:hidden;position:relative}.CollectionTable967591821__root td{vertical-align:middle}.CollectionTable967591821__root.CollectionTable967591821--mobile td:first-child{padding-left:18px}.CollectionTable967591821__root.CollectionTable967591821--mobile td:last-child{padding-right:18px}.CollectionToolbar2765748828__left{min-width:0}.CollectionToolbar2765748828__root.CollectionToolbar2765748828--views .CollectionToolbar2765748828__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2765748828__left.CollectionToolbar2765748828--expandable{flex:auto}.CollectionToolbar2765748828__root .CollectionToolbar2765748828__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2765748828__root.CollectionToolbar2765748828--views .CollectionToolbar2765748828__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2765748828__root .CollectionToolbar2765748828__right.CollectionToolbar2765748828__fullWidth{margin-inline-start:0!important}.CollectionToolbar2765748828__root.CollectionToolbar2765748828--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter676053826__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter676053826__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter676053826__searchMobile:not(.SearchOrCustomFilter676053826--expandable){left:18px}.SearchOrCustomFilter676053826__searchMobile.SearchOrCustomFilter676053826--expandable.SearchOrCustomFilter676053826--expanded{left:18px}.AutoCompleteReadonly2136975089__root.AutoCompleteReadonly2136975089--disableEditing{cursor:pointer}.AutoCompleteReadonly2136975089__root.AutoCompleteReadonly2136975089--disableEditing input{cursor:pointer}.ViewsDropdown1562602937__root{width:200px}.DragHandle1680406004__root{display:flex;align-items:center}.DragHandle1680406004__root:not(.DragHandle1680406004--disabled){cursor:grab;color:#a8caff}.DragHandle1680406004__root.DragHandle1680406004--disabled{color:#acafc4}.DragHandle1680406004__root:focus-visible:not(.DragHandle1680406004--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1680406004__root.DragHandle1680406004--disabled{pointer-events:none}.DragHandle1680406004__root.DragHandle1680406004--dragging:not(.DragHandle1680406004--disabled){cursor:grabbing}.EntityPagePlain2129186045__root.EntityPagePlain2129186045--mobile{--wds-page-header-padding-horizontal:0}.Fade2580742614__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2580742614__root.Fade2580742614--exit{opacity:0}.Heading1552734931__root{visibility:visible}.Heading1552734931__root.Heading1552734931--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1980064947__root.InputOverflow1980064947--selected:not(.InputOverflow1980064947--focused) input::placeholder{color:#000624}@keyframes LoadingRow72311180__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow72311180__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow72311180__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2940241560__root{opacity:1}.MaxHeightText2940241560__root.MaxHeightText2940241560--height24{line-height:24px}.MaxLines1993089027__root{overflow:hidden}.MaxLines1993089027__root.MaxLines1993089027--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3117766984__root{min-width:0}.MultiBulkActionToolbar3117766984__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3117766984__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3117766984__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow634506500__root td{padding:0!important;width:100%}.NestedTableRow3595325079__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3595325079__root:hover{background-color:#e7f0ff!important}.NestedTableRow3595325079__root.NestedTableRow3595325079--expandable{cursor:pointer}.NestedTableRow3595325079__placeholder td{padding:0!important;width:100%}.NestedTableRow3595325079__root:hover td:first-of-type::before,.NestedTableRow3595325079__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3760073984__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2976497727__root.NestedTableDragAndDropRow2976497727--draggingInto td{background-color:#e7f0ff!important}.PickerContent3108120277__root{display:flex}.PickerContentAdditionalStep4199282124__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4199282124__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2983769481__root{box-sizing:border-box}.ScrollableContent980648129__root.ScrollableContent980648129--overflowY{overflow-y:auto}.ScrollableContent980648129__root.ScrollableContent980648129--overflowX{overflow-x:auto}.ScrollableContent980648129__root.ScrollableContent980648129--smooth{scroll-behavior:smooth}.SkeletonCard1226407146__headerLoading{display:block!important}.SlidingModal3040154923__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3040154923__root.SlidingModal3040154923--overlay{transition:transform 0s ease 0s}.SlidingModal3040154923__root.SlidingModal3040154923---appendTo-6-parent{position:absolute}.SlidingModal3040154923__root:not(.SlidingModal3040154923--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter494994749__root .TabsFilter494994749__title{color:inherit!important}.ManageTagsModal2750172858__root{display:flex}.ToolbarItem2717057697__root{min-width:0}.ToolbarItemBox4200702974__root{min-width:0}.ToolbarItemBox4200702974__root.ToolbarItemBox4200702974--removeStartPadding{margin-left:-24px}.ToolbarItemBox4200702974__root.ToolbarItemBox4200702974--expandable{flex:1 0}.common1210614291__column{display:flex;flex-direction:column}.common1210614291__fullHeight{height:100%;min-height:0}.CollectionPageHeader736711144__root.CollectionPageHeader736711144--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader736711144__root.CollectionPageHeader736711144--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3304963303__root.FormPageHeader3304963303--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3304963303__root.FormPageHeader3304963303--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/test-utils/DealerBIMock.js

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.dealerBITestkit = exports.EventType = void 0;
+var _httpClient = require("@wix/yoshi-flow-bm/testkit/http-client");
+var _http = require("@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/http");
+var _types = require("@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/types");
+exports.EventType = _types.EventType;
+/**
+ * Testkit for testing dealer BI events.
+ *
+ * Provides a singleton-style API similar to biTestkit from @wix/bex-core/bi/testkit.
+ * Captures dealer reportEvent HTTP calls and provides utilities to assert on events.
+ *
+ * @example
+ * ```typescript
+ * import dealerBITestkit from '../test-utils/DealerBIMock';
+ *
+ * describe('MyComponent', () => {
+ *   const setup = () => {
+ *     const driver = new MyDriver({
+ *       httpMocks: [
+ *         // ... other mocks
+ *         dealerBITestkit.httpMock,
+ *       ],
+ *     });
+ *     return { driver };
+ *   };
+ *
+ *   it('sends view event', async () => {
+ *     setup();
+ *     // ... trigger the view event
+ *
+ *     expect(dealerBITestkit.view.last()).toEqual(
+ *       expect.objectContaining({
+ *         offerId: 'offer-1',
+ *       }),
+ *     );
+ *   });
+ * });
+ * ```
+ */
+
+// Re-export EventType for convenience
+
+// Singleton spy to capture all events
+const eventsSpy = jest.fn();
+
+// Create HTTP mock once
+const httpMock = (0, _httpClient.whenRequest)(_http.reportEvent).reply(async data => {
+  eventsSpy(data);
+  return {
+    status: 200,
+    data: {}
+  };
+}).persist();
+const _getAllEventsOfType = type => type ? eventsSpy.mock.calls.filter(call => {
+  var _call$;
+  return ((_call$ = call[0]) == null || (_call$ = _call$.event) == null ? void 0 : _call$.type) === type;
+}).map(call => call[0]) : eventsSpy.mock.calls.map(call => call[0]);
+const createEventTypeAccessor = type => ({
+  all: () => _getAllEventsOfType(type),
+  last: () => {
+    const events = _getAllEventsOfType(type);
+    return events.length > 0 ? events[events.length - 1] : undefined;
+  },
+  count: () => _getAllEventsOfType(type).length
+});
+const dealerBITestkit = exports.dealerBITestkit = {
+  httpMock,
+  view: createEventTypeAccessor('VIEW'),
+  click: createEventTypeAccessor('CLICK'),
+  all: _getAllEventsOfType,
+  last: () => {
+    const events = _getAllEventsOfType();
+    return events.length > 0 ? events[events.length - 1] : undefined;
+  },
+  clear: () => eventsSpy.mockClear()
+};
+var _default = exports.default = dealerBITestkit; // Also export named for flexibility
+//# sourceMappingURL=DealerBIMock.js.map

package/dist/cjs/test-utils/DealerBIMock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_httpClient","require","_http","_types","exports","EventType","eventsSpy","jest","fn","httpMock","whenRequest","reportEvent","reply","data","status","persist","_getAllEventsOfType","type","mock","calls","filter","call","_call$","event","map","createEventTypeAccessor","all","last","events","length","undefined","count","dealerBITestkit","view","click","clear","mockClear","_default","default"],"sources":["../../../src/test-utils/DealerBIMock.ts"],"sourcesContent":["/**\n * Testkit for testing dealer BI events.\n *\n * Provides a singleton-style API similar to biTestkit from @wix/bex-core/bi/testkit.\n * Captures dealer reportEvent HTTP calls and provides utilities to assert on events.\n *\n * @example\n * ```typescript\n * import dealerBITestkit from '../test-utils/DealerBIMock';\n *\n * describe('MyComponent', () => {\n *   const setup = () => {\n *     const driver = new MyDriver({\n *       httpMocks: [\n *         // ... other mocks\n *         dealerBITestkit.httpMock,\n *       ],\n *     });\n *     return { driver };\n *   };\n *\n *   it('sends view event', async () => {\n *     setup();\n *     // ... trigger the view event\n *\n *     expect(dealerBITestkit.view.last()).toEqual(\n *       expect.objectContaining({\n *         offerId: 'offer-1',\n *       }),\n *     );\n *   });\n * });\n * ```\n */\n\nimport { whenRequest } from '@wix/yoshi-flow-bm/testkit/http-client';\nimport { reportEvent } from '@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/http';\nimport type { AnyScenario } from '@wix/http-client-testkit';\n\n// Re-export EventType for convenience\nexport { EventType } from '@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/types';\n\ninterface ReportEventData {\n  event?: {\n    type?: string;\n    offerId?: string;\n    realEstateId?: string;\n    [key: string]: unknown;\n  };\n  [key: string]: unknown;\n}\n\ninterface EventTypeAccessor {\n  /** Get all events of this type */\n  all: () => ReportEventData[];\n  /** Get the last event of this type */\n  last: () => ReportEventData | undefined;\n  /** Get event count of this type */\n  count: () => number;\n}\n\ninterface DealerBITestkit {\n  /** The HTTP mock - add this to your driver's httpMocks array */\n  httpMock: AnyScenario;\n\n  /** Access VIEW events */\n  view: EventTypeAccessor;\n  /** Access CLICK events */\n  click: EventTypeAccessor;\n\n  /** Get all captured events (any type) */\n  all: () => ReportEventData[];\n  /** Get the last captured event (any type) */\n  last: () => ReportEventData | undefined;\n  /** Clear all captured events - call in beforeEach for test isolation */\n  clear: () => void;\n}\n\n// Singleton spy to capture all events\nconst eventsSpy = jest.fn();\n\n// Create HTTP mock once\nconst httpMock = whenRequest(reportEvent)\n  .reply(async (data) => {\n    eventsSpy(data);\n    return { status: 200, data: {} };\n  })\n  .persist() as AnyScenario;\n\nconst _getAllEventsOfType = (type?: string): ReportEventData[] =>\n  type\n    ? eventsSpy.mock.calls\n        .filter((call) => call[0]?.event?.type === type)\n        .map((call) => call[0])\n    : eventsSpy.mock.calls.map((call) => call[0]);\n\nconst createEventTypeAccessor = (type: string): EventTypeAccessor => ({\n  all: () => _getAllEventsOfType(type),\n  last: () => {\n    const events = _getAllEventsOfType(type);\n    return events.length > 0 ? events[events.length - 1] : undefined;\n  },\n  count: () => _getAllEventsOfType(type).length,\n});\n\nconst dealerBITestkit: DealerBITestkit = {\n  httpMock,\n\n  view: createEventTypeAccessor('VIEW'),\n  click: createEventTypeAccessor('CLICK'),\n\n  all: _getAllEventsOfType,\n  last: () => {\n    const events = _getAllEventsOfType();\n    return events.length > 0 ? events[events.length - 1] : undefined;\n  },\n  clear: () => eventsSpy.mockClear(),\n};\n\nexport default dealerBITestkit;\n\n// Also export named for flexibility\nexport { dealerBITestkit };\n"],"mappings":";;;;AAmCA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AAAuFG,OAAA,CAAAC,SAAA,GAAAF,MAAA,CAAAE,SAAA;AAxCvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;;AAuCA;AACA,MAAMC,SAAS,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;;AAE3B;AACA,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAACC,iBAAW,CAAC,CACtCC,KAAK,CAAC,MAAOC,IAAI,IAAK;EACrBP,SAAS,CAACO,IAAI,CAAC;EACf,OAAO;IAAEC,MAAM,EAAE,GAAG;IAAED,IAAI,EAAE,CAAC;EAAE,CAAC;AAClC,CAAC,CAAC,CACDE,OAAO,CAAC,CAAgB;AAE3B,MAAMC,mBAAmB,GAAIC,IAAa,IACxCA,IAAI,GACAX,SAAS,CAACY,IAAI,CAACC,KAAK,CACjBC,MAAM,CAAEC,IAAI;EAAA,IAAAC,MAAA;EAAA,OAAK,EAAAA,MAAA,GAAAD,IAAI,CAAC,CAAC,CAAC,cAAAC,MAAA,GAAPA,MAAA,CAASC,KAAK,qBAAdD,MAAA,CAAgBL,IAAI,MAAKA,IAAI;AAAA,EAAC,CAC/CO,GAAG,CAAEH,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,GACzBf,SAAS,CAACY,IAAI,CAACC,KAAK,CAACK,GAAG,CAAEH,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC;AAEjD,MAAMI,uBAAuB,GAAIR,IAAY,KAAyB;EACpES,GAAG,EAAEA,CAAA,KAAMV,mBAAmB,CAACC,IAAI,CAAC;EACpCU,IAAI,EAAEA,CAAA,KAAM;IACV,MAAMC,MAAM,GAAGZ,mBAAmB,CAACC,IAAI,CAAC;IACxC,OAAOW,MAAM,CAACC,MAAM,GAAG,CAAC,GAAGD,MAAM,CAACA,MAAM,CAACC,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAClE,CAAC;EACDC,KAAK,EAAEA,CAAA,KAAMf,mBAAmB,CAACC,IAAI,CAAC,CAACY;AACzC,CAAC,CAAC;AAEF,MAAMG,eAAgC,GAAA5B,OAAA,CAAA4B,eAAA,GAAG;EACvCvB,QAAQ;EAERwB,IAAI,EAAER,uBAAuB,CAAC,MAAM,CAAC;EACrCS,KAAK,EAAET,uBAAuB,CAAC,OAAO,CAAC;EAEvCC,GAAG,EAAEV,mBAAmB;EACxBW,IAAI,EAAEA,CAAA,KAAM;IACV,MAAMC,MAAM,GAAGZ,mBAAmB,CAAC,CAAC;IACpC,OAAOY,MAAM,CAACC,MAAM,GAAG,CAAC,GAAGD,MAAM,CAACA,MAAM,CAACC,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAClE,CAAC;EACDK,KAAK,EAAEA,CAAA,KAAM7B,SAAS,CAAC8B,SAAS,CAAC;AACnC,CAAC;AAAC,IAAAC,QAAA,GAAAjC,OAAA,CAAAkC,OAAA,GAEaN,eAAe,EAE9B","ignoreList":[]}

package/dist/cjs/test-utils/IntersectionObserverMock.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.triggerIntersection = exports.triggerAllIntersections = exports.teardownIntersectionObserverMock = exports.setupIntersectionObserverMock = exports.resetIntersectionObserverMock = exports.getObserverInstances = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/**
+ * Mock implementation of IntersectionObserver for jsdom testing environment.
+ *
+ * jsdom does not implement IntersectionObserver, so this mock allows testing
+ * components that rely on intersection detection (e.g., lazy loading, view tracking).
+ *
+ * @example
+ * ```typescript
+ * import {
+ *   setupIntersectionObserverMock,
+ *   teardownIntersectionObserverMock,
+ *   resetIntersectionObserverMock,
+ *   triggerIntersection,
+ *   triggerAllIntersections,
+ * } from '../test-utils/IntersectionObserverMock';
+ *
+ * describe('MyComponent', () => {
+ *   beforeAll(() => {
+ *     setupIntersectionObserverMock();
+ *   });
+ *
+ *   afterAll(() => {
+ *     teardownIntersectionObserverMock();
+ *   });
+ *
+ *   beforeEach(() => {
+ *     resetIntersectionObserverMock();
+ *   });
+ *
+ *   it('tracks element visibility', async () => {
+ *     render(<MyComponent />);
+ *     const element = screen.getByTestId('tracked-element');
+ *
+ *     triggerIntersection(element);
+ *
+ *     expect(onVisibleSpy).toHaveBeenCalled();
+ *   });
+ * });
+ * ```
+ */
+
+// Track all observer instances so we can trigger intersections on any of them
+const observerInstances = new Set();
+class MockIntersectionObserverInstance {
+  constructor(callback) {
+    (0, _defineProperty2.default)(this, "root", null);
+    (0, _defineProperty2.default)(this, "rootMargin", '');
+    (0, _defineProperty2.default)(this, "thresholds", []);
+    (0, _defineProperty2.default)(this, "callback", void 0);
+    (0, _defineProperty2.default)(this, "observedElements", new Set());
+    this.callback = callback;
+    observerInstances.add(this);
+  }
+  observe(target) {
+    this.observedElements.add(target);
+  }
+  unobserve(target) {
+    this.observedElements.delete(target);
+  }
+  disconnect() {
+    this.observedElements.clear();
+    observerInstances.delete(this);
+  }
+  takeRecords() {
+    return [];
+  }
+
+  /**
+   * Test helper: trigger intersection for a specific element on this observer.
+   * Calls the observer callback with isIntersecting: true for the given element.
+   */
+  triggerIntersection(element) {
+    if (!this.observedElements.has(element)) {
+      return;
+    }
+    const entry = {
+      target: element,
+      isIntersecting: true,
+      intersectionRatio: 1,
+      boundingClientRect: element.getBoundingClientRect(),
+      intersectionRect: element.getBoundingClientRect(),
+      rootBounds: null,
+      time: Date.now()
+    };
+    this.callback([entry], this);
+  }
+
+  /**
+   * Test helper: trigger intersection for all observed elements on this observer.
+   */
+  triggerAllIntersections() {
+    this.observedElements.forEach(element => this.triggerIntersection(element));
+  }
+}
+
+/**
+ * Trigger intersection for a specific element across all observer instances.
+ * Use this when you know which element you want to mark as visible.
+ */
+const triggerIntersection = element => {
+  observerInstances.forEach(observer => observer.triggerIntersection(element));
+};
+
+/**
+ * Trigger intersection for all observed elements across all observer instances.
+ * Use this to simulate all tracked elements becoming visible at once.
+ */
+exports.triggerIntersection = triggerIntersection;
+const triggerAllIntersections = () => {
+  observerInstances.forEach(observer => observer.triggerAllIntersections());
+};
+
+/**
+ * Set up the IntersectionObserver mock on the global object.
+ * Call this in beforeAll() before your tests run.
+ */
+exports.triggerAllIntersections = triggerAllIntersections;
+const setupIntersectionObserverMock = () => {
+  observerInstances.clear();
+  global.IntersectionObserver = MockIntersectionObserverInstance;
+};
+
+/**
+ * Tear down the IntersectionObserver mock from the global object.
+ * Call this in afterAll() after your tests complete.
+ */
+exports.setupIntersectionObserverMock = setupIntersectionObserverMock;
+const teardownIntersectionObserverMock = () => {
+  observerInstances.clear();
+  delete global.IntersectionObserver;
+};
+
+/**
+ * Reset all observer instances between tests.
+ * Call this in beforeEach() to ensure test isolation.
+ */
+exports.teardownIntersectionObserverMock = teardownIntersectionObserverMock;
+const resetIntersectionObserverMock = () => {
+  observerInstances.clear();
+};
+
+/**
+ * Get all currently active observer instances.
+ * Useful for debugging or advanced test scenarios.
+ */
+exports.resetIntersectionObserverMock = resetIntersectionObserverMock;
+const getObserverInstances = () => observerInstances;
+exports.getObserverInstances = getObserverInstances;
+//# sourceMappingURL=IntersectionObserverMock.js.map

package/dist/cjs/test-utils/IntersectionObserverMock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["observerInstances","Set","MockIntersectionObserverInstance","constructor","callback","_defineProperty2","default","add","observe","target","observedElements","unobserve","delete","disconnect","clear","takeRecords","triggerIntersection","element","has","entry","isIntersecting","intersectionRatio","boundingClientRect","getBoundingClientRect","intersectionRect","rootBounds","time","Date","now","triggerAllIntersections","forEach","observer","exports","setupIntersectionObserverMock","global","IntersectionObserver","teardownIntersectionObserverMock","resetIntersectionObserverMock","getObserverInstances"],"sources":["../../../src/test-utils/IntersectionObserverMock.ts"],"sourcesContent":["/**\n * Mock implementation of IntersectionObserver for jsdom testing environment.\n *\n * jsdom does not implement IntersectionObserver, so this mock allows testing\n * components that rely on intersection detection (e.g., lazy loading, view tracking).\n *\n * @example\n * ```typescript\n * import {\n *   setupIntersectionObserverMock,\n *   teardownIntersectionObserverMock,\n *   resetIntersectionObserverMock,\n *   triggerIntersection,\n *   triggerAllIntersections,\n * } from '../test-utils/IntersectionObserverMock';\n *\n * describe('MyComponent', () => {\n *   beforeAll(() => {\n *     setupIntersectionObserverMock();\n *   });\n *\n *   afterAll(() => {\n *     teardownIntersectionObserverMock();\n *   });\n *\n *   beforeEach(() => {\n *     resetIntersectionObserverMock();\n *   });\n *\n *   it('tracks element visibility', async () => {\n *     render(<MyComponent />);\n *     const element = screen.getByTestId('tracked-element');\n *\n *     triggerIntersection(element);\n *\n *     expect(onVisibleSpy).toHaveBeenCalled();\n *   });\n * });\n * ```\n */\n\n// Track all observer instances so we can trigger intersections on any of them\nconst observerInstances: Set<MockIntersectionObserverInstance> = new Set();\n\nclass MockIntersectionObserverInstance implements IntersectionObserver {\n  root: Element | Document | null = null;\n  rootMargin: string = '';\n  thresholds: readonly number[] = [];\n\n  private callback: IntersectionObserverCallback;\n  private observedElements: Set<Element> = new Set();\n\n  constructor(callback: IntersectionObserverCallback) {\n    this.callback = callback;\n    observerInstances.add(this);\n  }\n\n  observe(target: Element) {\n    this.observedElements.add(target);\n  }\n\n  unobserve(target: Element) {\n    this.observedElements.delete(target);\n  }\n\n  disconnect() {\n    this.observedElements.clear();\n    observerInstances.delete(this);\n  }\n\n  takeRecords(): IntersectionObserverEntry[] {\n    return [];\n  }\n\n  /**\n   * Test helper: trigger intersection for a specific element on this observer.\n   * Calls the observer callback with isIntersecting: true for the given element.\n   */\n  triggerIntersection(element: Element) {\n    if (!this.observedElements.has(element)) {\n      return;\n    }\n\n    const entry = {\n      target: element,\n      isIntersecting: true,\n      intersectionRatio: 1,\n      boundingClientRect: element.getBoundingClientRect(),\n      intersectionRect: element.getBoundingClientRect(),\n      rootBounds: null,\n      time: Date.now(),\n    } as IntersectionObserverEntry;\n\n    this.callback([entry], this);\n  }\n\n  /**\n   * Test helper: trigger intersection for all observed elements on this observer.\n   */\n  triggerAllIntersections() {\n    this.observedElements.forEach((element) =>\n      this.triggerIntersection(element),\n    );\n  }\n}\n\n/**\n * Trigger intersection for a specific element across all observer instances.\n * Use this when you know which element you want to mark as visible.\n */\nexport const triggerIntersection = (element: Element) => {\n  observerInstances.forEach((observer) =>\n    observer.triggerIntersection(element),\n  );\n};\n\n/**\n * Trigger intersection for all observed elements across all observer instances.\n * Use this to simulate all tracked elements becoming visible at once.\n */\nexport const triggerAllIntersections = () => {\n  observerInstances.forEach((observer) => observer.triggerAllIntersections());\n};\n\n/**\n * Set up the IntersectionObserver mock on the global object.\n * Call this in beforeAll() before your tests run.\n */\nexport const setupIntersectionObserverMock = () => {\n  observerInstances.clear();\n  global.IntersectionObserver = MockIntersectionObserverInstance;\n};\n\n/**\n * Tear down the IntersectionObserver mock from the global object.\n * Call this in afterAll() after your tests complete.\n */\nexport const teardownIntersectionObserverMock = () => {\n  observerInstances.clear();\n  delete (global as any).IntersectionObserver;\n};\n\n/**\n * Reset all observer instances between tests.\n * Call this in beforeEach() to ensure test isolation.\n */\nexport const resetIntersectionObserverMock = () => {\n  observerInstances.clear();\n};\n\n/**\n * Get all currently active observer instances.\n * Useful for debugging or advanced test scenarios.\n */\nexport const getObserverInstances = () => observerInstances;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,iBAAwD,GAAG,IAAIC,GAAG,CAAC,CAAC;AAE1E,MAAMC,gCAAgC,CAAiC;EAQrEC,WAAWA,CAACC,QAAsC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,gBAPlB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBACjB,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBACS,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,4BAGO,IAAIL,GAAG,CAAC,CAAC;IAGhD,IAAI,CAACG,QAAQ,GAAGA,QAAQ;IACxBJ,iBAAiB,CAACO,GAAG,CAAC,IAAI,CAAC;EAC7B;EAEAC,OAAOA,CAACC,MAAe,EAAE;IACvB,IAAI,CAACC,gBAAgB,CAACH,GAAG,CAACE,MAAM,CAAC;EACnC;EAEAE,SAASA,CAACF,MAAe,EAAE;IACzB,IAAI,CAACC,gBAAgB,CAACE,MAAM,CAACH,MAAM,CAAC;EACtC;EAEAI,UAAUA,CAAA,EAAG;IACX,IAAI,CAACH,gBAAgB,CAACI,KAAK,CAAC,CAAC;IAC7Bd,iBAAiB,CAACY,MAAM,CAAC,IAAI,CAAC;EAChC;EAEAG,WAAWA,CAAA,EAAgC;IACzC,OAAO,EAAE;EACX;;EAEA;AACF;AACA;AACA;EACEC,mBAAmBA,CAACC,OAAgB,EAAE;IACpC,IAAI,CAAC,IAAI,CAACP,gBAAgB,CAACQ,GAAG,CAACD,OAAO,CAAC,EAAE;MACvC;IACF;IAEA,MAAME,KAAK,GAAG;MACZV,MAAM,EAAEQ,OAAO;MACfG,cAAc,EAAE,IAAI;MACpBC,iBAAiB,EAAE,CAAC;MACpBC,kBAAkB,EAAEL,OAAO,CAACM,qBAAqB,CAAC,CAAC;MACnDC,gBAAgB,EAAEP,OAAO,CAACM,qBAAqB,CAAC,CAAC;MACjDE,UAAU,EAAE,IAAI;MAChBC,IAAI,EAAEC,IAAI,CAACC,GAAG,CAAC;IACjB,CAA8B;IAE9B,IAAI,CAACxB,QAAQ,CAAC,CAACe,KAAK,CAAC,EAAE,IAAI,CAAC;EAC9B;;EAEA;AACF;AACA;EACEU,uBAAuBA,CAAA,EAAG;IACxB,IAAI,CAACnB,gBAAgB,CAACoB,OAAO,CAAEb,OAAO,IACpC,IAAI,CAACD,mBAAmB,CAACC,OAAO,CAClC,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACO,MAAMD,mBAAmB,GAAIC,OAAgB,IAAK;EACvDjB,iBAAiB,CAAC8B,OAAO,CAAEC,QAAQ,IACjCA,QAAQ,CAACf,mBAAmB,CAACC,OAAO,CACtC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AAHAe,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA;AAIO,MAAMa,uBAAuB,GAAGA,CAAA,KAAM;EAC3C7B,iBAAiB,CAAC8B,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAACF,uBAAuB,CAAC,CAAC,CAAC;AAC7E,CAAC;;AAED;AACA;AACA;AACA;AAHAG,OAAA,CAAAH,uBAAA,GAAAA,uBAAA;AAIO,MAAMI,6BAA6B,GAAGA,CAAA,KAAM;EACjDjC,iBAAiB,CAACc,KAAK,CAAC,CAAC;EACzBoB,MAAM,CAACC,oBAAoB,GAAGjC,gCAAgC;AAChE,CAAC;;AAED;AACA;AACA;AACA;AAHA8B,OAAA,CAAAC,6BAAA,GAAAA,6BAAA;AAIO,MAAMG,gCAAgC,GAAGA,CAAA,KAAM;EACpDpC,iBAAiB,CAACc,KAAK,CAAC,CAAC;EACzB,OAAQoB,MAAM,CAASC,oBAAoB;AAC7C,CAAC;;AAED;AACA;AACA;AACA;AAHAH,OAAA,CAAAI,gCAAA,GAAAA,gCAAA;AAIO,MAAMC,6BAA6B,GAAGA,CAAA,KAAM;EACjDrC,iBAAiB,CAACc,KAAK,CAAC,CAAC;AAC3B,CAAC;;AAED;AACA;AACA;AACA;AAHAkB,OAAA,CAAAK,6BAAA,GAAAA,6BAAA;AAIO,MAAMC,oBAAoB,GAAGA,CAAA,KAAMtC,iBAAiB;AAACgC,OAAA,CAAAM,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.323.0';
+const version = exports.version = 'patterns@1.325.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.323.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.325.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer4143025910";
+var _namespace_ = "CardContainer312641811";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer4143025910__root" };
+export var classes = { "root": "CardContainer312641811__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CardContainer/CardContainer.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3754513475";
+var _namespace_ = "Collapse635544407";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3754513475__root", "exit": "Collapse3754513475__exit" };
+export var classes = { "root": "Collapse635544407__root", "exit": "Collapse635544407__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage2158161423";
+var _namespace_ = "CollectionPage3558163292";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage2158161423__root" };
+export var classes = { "root": "CollectionPage3558163292__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};