@searchspring/snap-preact-components 0.54.0 → 0.55.0

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeImage: ((properties: BadgeImageProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeImageProps extends ComponentProps {
+    url: string;
+    label?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeImage.d.ts.map

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CA4B3E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.js

@@ -0,0 +1,46 @@
+"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.BadgeImage = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeImage: function () {
+        return (0, react_1.css)({
+            maxHeight: '100%',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeImage = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeImage), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeImage);
+    var label = props.label, url = props.url, tag = props.tag, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeImage(), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return url ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("img", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-image', "ss__badge-image--".concat(tag), className), alt: label || "".concat(tag, " badge"), src: url })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeImage/index.d.ts

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

package/dist/cjs/components/Atoms/BadgeImage/index.d.ts.map

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

package/dist/cjs/components/Atoms/BadgeImage/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BadgeImage"), exports);

package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgePill: ((properties: BadgePillProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgePillProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgePill.d.ts.map

package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAmB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CAgCzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgePill/BadgePill.js

@@ -0,0 +1,57 @@
+"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.BadgePill = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgePill: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+            borderRadius: '1em',
+        });
+    },
+};
+exports.BadgePill = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        color: 'rgba(58, 35, 173, 1)', colorText: '#fff' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgePill), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgePill);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgePill(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-pill', "ss__badge-pill--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-pill__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgePill/index.d.ts

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

package/dist/cjs/components/Atoms/BadgePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/cjs/components/Atoms/{Badge → BadgePill}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Badge"), exports);
+__exportStar(require("./BadgePill"), exports);

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeRectangleProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeRectangle.d.ts.map

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAkB5D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAgCnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -0,0 +1,56 @@
+"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.BadgeRectangle = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeRectangle: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeRectangle = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        color: 'rgba(58, 35, 173, 1)', colorText: '#fff' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeRectangle), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeRectangle);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeRectangle(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-rectangle', "ss__badge-rectangle--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-rectangle__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts

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

package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/cjs/components/Atoms/BadgeRectangle/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BadgeRectangle"), exports);

package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeText: ((properties: BadgeTextProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeTextProps extends ComponentProps {
+    value: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeText.d.ts.map

package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAiB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CA+BzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeText/BadgeText.js

@@ -0,0 +1,55 @@
+"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.BadgeText = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeText: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeText = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        colorText: '#000000' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeText), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeText);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeText(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-text', "ss__badge-text--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-text__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeText/index.d.ts

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

package/dist/cjs/components/Atoms/BadgeText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/cjs/components/Atoms/BadgeText/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BadgeText"), exports);

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const CalloutBadge: ((properties: CalloutBadgeProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface CalloutBadgeProps extends ComponentProps {
+    result: Product;
+    tag?: string;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+}
+//# sourceMappingURL=CalloutBadge.d.ts.map

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAW7D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA0C/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.js

@@ -0,0 +1,63 @@
+"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.CalloutBadge = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var hooks_1 = require("../../../hooks");
+var CSS = {
+    CalloutBadge: function (_a) {
+        return (0, react_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        });
+    },
+};
+exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        tag: 'callout' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.calloutBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.calloutBadge);
+    var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    var badgeComponentMap = __assign(__assign({}, utilities_1.defaultBadgeComponentMap), props.componentMap);
+    if (!disableStyles) {
+        styling.css = [CSS.CalloutBadge(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    var limit = 1;
+    var badges = (_d = result === null || result === void 0 ? void 0 : result.badges) === null || _d === void 0 ? void 0 : _d.atLocation(tag).slice(0, limit);
+    if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
+        return ((0, react_1.jsx)(providers_1.CacheProvider, null,
+            (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className) }), badges.map(function (badge) {
+                var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component);
+                if (!BadgeComponent) {
+                    return (0, react_1.jsx)(preact_1.Fragment, null);
+                }
+                return (0, react_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters));
+            }))));
+    }
+    return (0, react_1.jsx)(preact_1.Fragment, null);
+});

package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts

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

package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/cjs/components/Molecules/CalloutBadge/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CalloutBadge"), exports);

package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { AutocompleteController, RecommendationController, SearchController } from '@searchspring/snap-controller';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const OverlayBadge: ((properties: OverlayBadgeProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface OverlayBadgeProps extends ComponentProps {
+    result: Product;
+    controller: SearchController | AutocompleteController | RecommendationController;
+    children: ComponentChildren;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+}
+//# sourceMappingURL=OverlayBadge.d.ts.map

package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA6C7D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAqF/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.js

@@ -0,0 +1,118 @@
+"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.OverlayBadge = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var hooks_1 = require("../../../hooks");
+var CSS = {
+    OverlayBadge: function (_a) {
+        var _b;
+        var grid = _a.grid;
+        var gridProperties = {};
+        if ((grid === null || grid === void 0 ? void 0 : grid.length) && ((_b = grid[0]) === null || _b === void 0 ? void 0 : _b.length)) {
+            var gridTemplateAreas = grid.map(function (row) { return "\"".concat(row.join(' '), "\""); }).join(' ');
+            var columns = grid[0].length;
+            gridProperties = {
+                gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+                gridTemplateAreas: gridTemplateAreas,
+            };
+        }
+        return (0, react_1.css)({
+            position: 'relative',
+            '& .ss__overlay-badge__grid-wrapper': __assign({ display: 'grid', position: 'absolute', top: 0, right: 0, bottom: 0, left: 0 }, gridProperties),
+        });
+    },
+    BadgePositioning: function (_a) {
+        var index = _a.index, section = _a.section, tag = _a.tag;
+        return (0, react_1.css)({
+            position: 'absolute',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: section == 'right' ? 'flex-end' : 'flex-start',
+            right: section == 'right' ? 0 : undefined,
+            gap: '0.5em',
+            gridArea: tag,
+            boxSizing: 'border-box',
+            zIndex: Math.max(100 - index, 1),
+            width: '100%',
+            height: '100%',
+        });
+    },
+};
+exports.OverlayBadge = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.overlayBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.overlayBadge);
+    var result = props.result, children = props.children, controller = props.controller, renderEmpty = props.renderEmpty, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    if (!children) {
+        (_d = controller === null || controller === void 0 ? void 0 : controller.log) === null || _d === void 0 ? void 0 : _d.warn('OverlayBadge component must have children');
+        return (0, react_1.jsx)(preact_1.Fragment, null);
+    }
+    var limit = 1;
+    var meta = (_e = controller === null || controller === void 0 ? void 0 : controller.store) === null || _e === void 0 ? void 0 : _e.meta;
+    var group = 'overlay';
+    var grid = (_h = (_g = (_f = meta === null || meta === void 0 ? void 0 : meta.badges) === null || _f === void 0 ? void 0 : _f.groups) === null || _g === void 0 ? void 0 : _g[group]) === null || _h === void 0 ? void 0 : _h.grid;
+    var badgeComponentMap = __assign(__assign({}, utilities_1.defaultBadgeComponentMap), props.componentMap);
+    var sections = (_l = (_k = (_j = meta === null || meta === void 0 ? void 0 : meta.badges) === null || _j === void 0 ? void 0 : _j.groups) === null || _k === void 0 ? void 0 : _k[group]) === null || _l === void 0 ? void 0 : _l.sections;
+    // build locations and filter out the locations that have no badges in them to prevent rendering
+    var locations = sections === null || sections === void 0 ? void 0 : sections.map(function (section) {
+        var _a, _b;
+        var sectionSlots = (_b = (_a = meta === null || meta === void 0 ? void 0 : meta.data) === null || _a === void 0 ? void 0 : _a.badges) === null || _b === void 0 ? void 0 : _b.locations[section];
+        var slots = sectionSlots === null || sectionSlots === void 0 ? void 0 : sectionSlots.map(function (slot) {
+            var _a;
+            return ({
+                tag: slot.tag,
+                name: slot.name,
+                badges: (_a = result === null || result === void 0 ? void 0 : result.badges) === null || _a === void 0 ? void 0 : _a.atLocation("".concat(section, "/").concat(slot.tag)).slice(0, limit),
+            });
+        }).filter(function (slot) { return slot.badges.length; });
+        return {
+            section: section,
+            slots: slots,
+        };
+    }).filter(function (location) { var _a; return (_a = location.slots) === null || _a === void 0 ? void 0 : _a.length; });
+    if (!disableStyles) {
+        styling.css = [CSS.OverlayBadge(__assign(__assign({}, props), { grid: grid })), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    if (renderEmpty || (locations === null || locations === void 0 ? void 0 : locations.length)) {
+        return ((0, react_1.jsx)(providers_1.CacheProvider, null,
+            (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__overlay-badge', className) }),
+                (0, react_1.jsx)("div", { className: "ss__overlay-badge__grid-wrapper" }, locations.map(function (location, index) {
+                    var _a;
+                    return (_a = location.slots) === null || _a === void 0 ? void 0 : _a.map(function (slot) {
+                        return ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__overlay-badge__grid-wrapper__slot', "ss__overlay-badge__grid-wrapper__slot--".concat(slot.tag)), css: [CSS.BadgePositioning({ tag: slot.tag, section: location.section, index: index })] }, slot.badges.map(function (badge) {
+                            var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component);
+                            if (!BadgeComponent) {
+                                return (0, react_1.jsx)(preact_1.Fragment, null);
+                            }
+                            return (0, react_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters));
+                        })));
+                    });
+                })),
+                children)));
+    }
+    return (0, react_1.jsx)(preact_1.Fragment, null, children);
+});

package/dist/cjs/components/Molecules/OverlayBadge/index.d.ts

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

package/dist/cjs/components/Molecules/OverlayBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}