@searchspring/snap-preact-components 0.63.5 → 0.65.0

package/dist/cjs/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.js

@@ -1,59 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RecommendationResultTracker = void 0;
-var react_1 = require("@emotion/react");
-var hooks_1 = require("preact/hooks");
-var mobx_react_1 = require("mobx-react");
-var providers_1 = require("../../../../providers");
-var hooks_2 = require("../../../../hooks");
-var classnames_1 = __importDefault(require("classnames"));
-var CSS = {
-    RecommendationResultTracker: function () { return (0, react_1.css)({}); },
-};
-exports.RecommendationResultTracker = (0, mobx_react_1.observer)(function (properties) {
-    var _a, _b, _c;
-    var globalTheme = (0, providers_1.useTheme)();
-    var defaultTrack = {
-        impression: true,
-        click: true,
-    };
-    var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.RecommendationResultTracker), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.RecommendationResultTracker);
-    var children = props.children, result = props.result, track = props.track, controller = props.controller, className = props.className, disableStyles = props.disableStyles, style = props.style;
-    var mergedTrack = __assign(__assign({}, defaultTrack), track);
-    var resultRef = (0, hooks_1.useRef)(null);
-    var resultInViewport = (0, hooks_2.useIntersection)(resultRef, '0px');
-    if (!controller.events.render) {
-        controller.log.warn('<RecommendationResultTracker> used without <RecommendationProfileTracker>');
-    }
-    controller.track.product.render(result);
-    if (resultInViewport && mergedTrack.impression) {
-        // intersection observer can trigger in any random order,
-        // so we need to check if profile impression has been sent and send if not.
-        if (!controller.events.impression) {
-            controller.track.impression();
-        }
-        controller.track.product.impression(result);
-    }
-    var styling = {};
-    if (!disableStyles) {
-        styling.css = [CSS.RecommendationResultTracker(), style];
-    }
-    else if (style) {
-        styling.css = [style];
-    }
-    return ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__recommendation-result-tracker', className), onClick: function (e) { return mergedTrack.click && controller.track.product.click(e, result); }, ref: resultRef }, styling), children));
-});

package/dist/cjs/components/Trackers/Recommendation/ResultTracker/index.d.ts

@@ -1,2 +0,0 @@
-export * from './RecommendationResultTracker';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Trackers/Recommendation/ResultTracker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Trackers/Recommendation/ResultTracker/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { RecommendationController } from '@searchspring/snap-controller';
-import { ComponentProps } from '../../../../types';
-import type { Product } from '@searchspring/snap-store-mobx';
-export declare const RecommendationResultTracker: (properties: RecommendationResultTrackerProps) => JSX.Element;
-export interface RecommendationResultTrackerProps extends ComponentProps {
-    children: any;
-    result: Product;
-    controller: RecommendationController;
-    track?: {
-        impression?: boolean;
-        click?: boolean;
-    };
-}
-//# sourceMappingURL=RecommendationResultTracker.d.ts.map

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecommendationResultTracker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAO7D,eAAO,MAAM,2BAA2B,eAAyB,gCAAgC,KAAG,WAwDlG,CAAC;AAEH,MAAM,WAAW,gCAAiC,SAAQ,cAAc;IACvE,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.js

@@ -1,51 +0,0 @@
-import { jsx, css } from '@emotion/react';
-import { useRef } from 'preact/hooks';
-import { observer } from 'mobx-react';
-import { useTheme } from '../../../../providers';
-import { useIntersection } from '../../../../hooks';
-import classnames from 'classnames';
-const CSS = {
-    RecommendationResultTracker: () => css({}),
-};
-export const RecommendationResultTracker = observer((properties) => {
-    const globalTheme = useTheme();
-    const defaultTrack = {
-        impression: true,
-        click: true,
-    };
-    const props = {
-        // default props
-        // global theme
-        ...globalTheme?.components?.RecommendationResultTracker,
-        // props
-        ...properties,
-        ...properties.theme?.components?.RecommendationResultTracker,
-    };
-    const { children, result, track, controller, className, disableStyles, style } = props;
-    const mergedTrack = {
-        ...defaultTrack,
-        ...track,
-    };
-    const resultRef = useRef(null);
-    const resultInViewport = useIntersection(resultRef, '0px');
-    if (!controller.events.render) {
-        controller.log.warn('<RecommendationResultTracker> used without <RecommendationProfileTracker>');
-    }
-    controller.track.product.render(result);
-    if (resultInViewport && mergedTrack.impression) {
-        // intersection observer can trigger in any random order,
-        // so we need to check if profile impression has been sent and send if not.
-        if (!controller.events.impression) {
-            controller.track.impression();
-        }
-        controller.track.product.impression(result);
-    }
-    const styling = {};
-    if (!disableStyles) {
-        styling.css = [CSS.RecommendationResultTracker(), style];
-    }
-    else if (style) {
-        styling.css = [style];
-    }
-    return (jsx("div", { className: classnames('ss__recommendation-result-tracker', className), onClick: (e) => mergedTrack.click && controller.track.product.click(e, result), ref: resultRef, ...styling }, children));
-});

package/dist/esm/components/Trackers/Recommendation/ResultTracker/index.d.ts

@@ -1,2 +0,0 @@
-export * from './RecommendationResultTracker';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Trackers/Recommendation/ResultTracker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Trackers/Recommendation/ResultTracker/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/Trackers/Recommendation/ResultTracker/index.js

@@ -1 +0,0 @@
-export * from './RecommendationResultTracker';