@athoscommerce/snap-preact 1.1.5 → 1.2.0

package/dist/cjs/components/src/themes/pike/custom.d.ts

@@ -7,13 +7,13 @@ type ObjectIconType = {
     [key: string]: IconType;
 };
 type ObjectNestedType = {
-    [key: string]: ObjectNumberOrStringType | ObjectNestedType;
+    [key: string]: ObjectNumberOrStringType | ObjectNestedType | undefined;
 };
 type ObjectNumberType = {
     [key: string]: number;
 };
 type ObjectNumberOrStringType = {
-    [key: string]: number | string;
+    [key: string]: number | string | undefined;
 };
 type ObjectStringType = {
     [key: string]: string;
@@ -28,6 +28,7 @@ type CustomThemeType = {
     styles: {
         activeText: (color?: string) => ObjectNestedType;
         badgeText: (fontSize: number) => ObjectNumberOrStringType;
+        baseText: (color?: string) => ObjectNumberOrStringType;
         borderRadius: (value?: number, unit?: string) => ObjectStringType | null;
         box: (color?: string, padding?: number | string, radius?: boolean) => ObjectNumberOrStringType;
         boxSizing: (component: string, treePath?: string, name?: string) => ObjectNestedType | null;

package/dist/cjs/components/src/themes/pike/custom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAgRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;CAC3D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAwRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QACvD,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}

package/dist/cjs/components/src/themes/pike/custom.js

@@ -88,7 +88,7 @@ exports.custom = {
             return {
                 '&, &:hover': {
                     fontWeight: (_a = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _a === void 0 ? void 0 : _a.weight01,
-                    color: color ? color : '',
+                    color: color || undefined,
                 },
             };
         },
@@ -100,6 +100,14 @@ exports.custom = {
                 lineHeight: 1.2,
             };
         },
+        baseText: function (color) {
+            // header text styles
+            return {
+                fontSize: '14px',
+                lineHeight: 1.5,
+                color: color || undefined,
+            };
+        },
         borderRadius: function (value, unit) {
             var hasValue = value || value === 0 ? true : false;
             value = hasValue ? value : exports.custom.sizes.radius;
@@ -125,7 +133,7 @@ exports.custom = {
             var hasRadius = typeof radius == 'boolean' ? radius : true;
             // radius style if available
             var radiusStyle = hasRadius && exports.custom.sizes.radius ? exports.custom.styles.borderRadius() : null;
-            return __assign(__assign({ border: "1px solid ".concat(exports.custom.colors.gray02) }, radiusStyle), { backgroundColor: exports.custom.colors.gray01, color: color ? color : '', padding: padding });
+            return __assign(__assign({ border: "1px solid ".concat(exports.custom.colors.gray02) }, radiusStyle), { backgroundColor: exports.custom.colors.gray01, color: color || undefined, padding: padding });
         },
         boxSizing: function (component, treePath, name) {
             treePath = treePath ? treePath : component;
@@ -165,7 +173,7 @@ exports.custom = {
                 fontSize: fontSize ? fontSize : '',
                 fontWeight: (_a = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _a === void 0 ? void 0 : _a.weight02,
                 textTransform: (_b = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _b === void 0 ? void 0 : _b.transform,
-                color: color ? color : '',
+                color: color || undefined,
             };
         },
         resultCompact: function (layout, imageWidth, fontSize) {
@@ -176,7 +184,7 @@ exports.custom = {
                 '&': {
                     gap: "".concat(exports.custom.spacing.x1, "px"),
                 },
-                '.ss__result__details__title a, .ss__result__details__pricing .ss__price--strike, .ss__result__details__pricing .ss__price--strike span': {
+                '.ss__result__details__title a, .ss__result__details__pricing .ss__price, .ss__result__details__pricing .ss__price span': {
                     fontSize: "".concat(fontSize, "px"),
                 },
                 '.ss__result__details__pricing .ss__result__price': {
@@ -188,7 +196,7 @@ exports.custom = {
                     overflow: 'hidden',
                     WebkitLineClamp: '2',
                 },
-                '.ss__result__add-to-cart-wrapper': {
+                '.ss__result__details__variant-selection, .ss__result__add-to-cart-wrapper': {
                     marginTop: '2.5px',
                 },
             };

package/dist/cjs/components/src/types.d.ts

@@ -3,7 +3,6 @@ import { h } from 'preact';
 import type { ThemeMinimal, Theme } from './providers/theme';
 import type { AbstractController } from '@athoscommerce/snap-controller';
 import type { UrlManager } from '@athoscommerce/snap-url-manager';
-import type { Product } from '@athoscommerce/snap-store-mobx';
 import { IconProps, IconType } from './components/Atoms/Icon';
 import { MutableRef } from 'preact/hooks';
 import type { Snap, SnapTemplates } from '../../src';
@@ -28,6 +27,7 @@ export interface ComponentProps<Props = any> {
     ref?: MutableRef<any> | React.RefObject<any> | ((e: any) => void);
     name?: string;
     treePath?: string;
+    customComponent?: string;
 }
 export type ListOption = {
     value: string | number;
@@ -39,12 +39,6 @@ export type ListOption = {
     url?: UrlManager;
     available?: boolean;
 };
-export type ResultComponent<Props extends Record<string, any> = object> = (props: {
-    controller: AbstractController;
-    result: Product;
-    theme?: Theme;
-    treePath?: string;
-} & Props) => h.JSX.Element | null;
 export type RecommendationBundleComponentNames = 'RecommendationBundle' | 'RecommendationBundleEasyAdd' | 'RecommendationBundleList' | 'RecommendationBundleVertical' | 'RecommendationBundle';
 export type RecommendationBundleComponentProps = RecommendationBundleProps | RecommendationBundleEasyAddProps | RecommendationBundleListProps | RecommendationBundleVerticalProps | RecommendationBundleProps;
 export type RecommendationComponentNames = 'Recommendation' | 'RecommendationGrid';

package/dist/cjs/components/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,iCAAiC,EAAE,MAAM,qDAAqD,CAAC;AAExG,MAAM,MAAM,WAAW,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,gBAAgB,CAAC;AACpE,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,gBAAgB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAC3C,sBAAsB,GACtB,6BAA6B,GAC7B,0BAA0B,GAC1B,8BAA8B,GAC9B,sBAAsB,CAAC;AAE1B,MAAM,MAAM,kCAAkC,GAC3C,yBAAyB,GACzB,gCAAgC,GAChC,6BAA6B,GAC7B,iCAAiC,GACjC,yBAAyB,CAAC;AAE7B,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEnF,MAAM,MAAM,4BAA4B,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzF,oBAAY,aAAa;IACxB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,MAAM,WAAW;CACjB;AAKD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAGzE,MAAM,MAAM,kBAAkB,GAAG;IAChC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,aAAa,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;CAC9E,CAAC"}

package/dist/cjs/components/src/utilities/cloneWithProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/cloneWithProps.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GAkBxD,CAAC"}
+{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/cloneWithProps.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GA6BxD,CAAC"}

package/dist/cjs/components/src/utilities/cloneWithProps.js

@@ -1,4 +1,15 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cloneWithProps = void 0;
 var preact_1 = require("preact");
@@ -8,7 +19,15 @@ var cloneWithProps = function (input, props) {
         return;
     }
     else if (typeof input == 'function') {
-        return input(props);
+        /*
+            calling component functions directly with input(props) doesn't work for all component types. In Preact/React,
+            components should be instantiated as elements using h() (or JSX), not called directly as functions.
+            Using Preact's h() function (h(input, props)) which properly creates VNodes and handles component
+            instantiation through Preact's lifecycle. This should fix the "Cannot set properties of undefined" error.
+
+            see noResults component default 'Result' example for where this was an issue - the default Result component is a functional component that relies on hooks, which won't work if called directly as a function.
+        */
+        return (0, preact_1.h)(input, props);
     }
     else if (typeof input == 'string' || typeof input == 'number' || typeof input == 'boolean') {
         return input;
@@ -22,6 +41,10 @@ var cloneWithProps = function (input, props) {
         // don't want to clone native elements
         return input;
     }
+    else if (typeof (input === null || input === void 0 ? void 0 : input.type) == 'function') {
+        // VNode with functional component type - create new element with merged props
+        return (0, preact_1.h)(input.type, __assign(__assign({}, input.props), props));
+    }
     // clone element and it's children if it has them
     return (0, preact_1.cloneElement)(input, props, ((_a = input.props) === null || _a === void 0 ? void 0 : _a.children) && (0, exports.cloneWithProps)(input.props.children, props));
 };

package/dist/cjs/components/src/utilities/mergeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/mergeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,wBAAgB,UAAU,CAAC,qBAAqB,SAAS,cAAc,EACtE,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAC5C,KAAK,EAAE,qBAAqB,GAC1B,qBAAqB,CAgHvB;AAiBD,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAW1D;AAED,wBAAgB,eAAe,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAyD5F"}
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/mergeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK3D,wBAAgB,UAAU,CAAC,qBAAqB,SAAS,cAAc,EACtE,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAC5C,KAAK,EAAE,qBAAqB,GAC1B,qBAAqB,CAiMvB;AAqCD,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAW1D;AAED,wBAAgB,eAAe,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAyD5F"}

package/dist/cjs/components/src/utilities/mergeProps.js

@@ -14,6 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeProps = mergeProps;
 exports.sortSelectors = sortSelectors;
 exports.filterSelectors = filterSelectors;
+// Symbol to track prop-value pairs that originated from theme configuration
+var THEME_PROPS_MAP_SYMBOL = Symbol.for('__themePropsMap__');
 function mergeProps(componentType, globalTheme, defaultProps, props) {
     /*
 
@@ -34,6 +36,7 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
         6. if treepath contains 'custom' do #2 again
 
     */
+    var _a;
     var theme = props.theme;
     var componentName = (props === null || props === void 0 ? void 0 : props.name) || defaultProps.name;
     var treePath = props.treePath || defaultProps.treePath || '';
@@ -62,15 +65,72 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
         // add globalTheme props for components with selector matches if they exist
         var filteredGlobalApplicableSelectors = filterSelectors((globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) || {}, treePath);
         var globalApplicableSelectors = filteredGlobalApplicableSelectors.sort(sortSelectors);
-        globalApplicableSelectors.forEach(function (selector) {
+        // Split selectors into base theme (with *) and user overrides (without *)
+        var baseThemeSelectors = globalApplicableSelectors.filter(function (s) { return s.includes('*'); });
+        var userOverrideSelectors = globalApplicableSelectors.filter(function (s) { return !s.includes('*'); });
+        // 1. Apply base theme props first, tracking which props are set by SPECIFIC selectors
+        // Specific selectors are those with multiple path segments (like 'facet icon.collapse')
+        // Props set by specific selectors should NOT be overridden by parent's passed values
+        var propsSetBySpecificSelectors_1 = new Set();
+        baseThemeSelectors.forEach(function (selector) {
             var _a;
             var componentProps = (_a = globalTheme.components) === null || _a === void 0 ? void 0 : _a[selector];
             if (componentProps) {
+                // Check if this is a "specific" selector (has parent component in path)
+                // Remove the * prefix and responsive suffixes for checking
+                var cleanSelector = selector
+                    .replace(/^\*/, '')
+                    .replace(/\([MDT]\)$/, '')
+                    .trim();
+                var isSpecificSelector = cleanSelector.split(' ').length > 1;
+                if (isSpecificSelector) {
+                    // Track which props are set by specific selectors
+                    Object.keys(componentProps).forEach(function (key) { return propsSetBySpecificSelectors_1.add(key); });
+                }
                 mergedProps = mergeThemeProps(componentProps, mergedProps);
             }
         });
-        // og theme prop in default components
-        // add theme props for components with selector matches if they exist
+        // 2. Respread props whose VALUES originated from a parent's theme.
+        // This ensures theme-derived props from parent beat child's base theme,
+        // BUT skip props that were set by SPECIFIC selectors (like 'facet icon.collapse')
+        // User overrides (applied next) will still have the final say.
+        var parentThemePropsMap = (_a = props.theme) === null || _a === void 0 ? void 0 : _a[THEME_PROPS_MAP_SYMBOL];
+        if (parentThemePropsMap instanceof Map && parentThemePropsMap.size > 0) {
+            var propsToRespread = {};
+            var parentThemeValuesArray = Array.from(parentThemePropsMap.values());
+            for (var _i = 0, _b = Object.keys(props); _i < _b.length; _i++) {
+                var key = _b[_i];
+                // Skip meta props
+                if (key === 'treePath' || key === 'theme' || key === 'name')
+                    continue;
+                // Skip props that were set by a specific selector in child's theme
+                if (propsSetBySpecificSelectors_1.has(key))
+                    continue;
+                var propValue = props[key];
+                // Only respread if the VALUE came from a parent's theme (check all parent theme values)
+                if (propValue !== undefined && parentThemeValuesArray.indexOf(propValue) !== -1) {
+                    propsToRespread[key] = propValue;
+                }
+            }
+            if (Object.keys(propsToRespread).length > 0) {
+                mergedProps = __assign(__assign({}, mergedProps), propsToRespread);
+            }
+        }
+        // 3. Apply user overrides.
+        // Pass preserveExistingMapKeys=true so that props already tracked in the theme map
+        // (e.g. from baseThemeSelectors) keep their theme-derived value in the map.
+        // New props introduced only by user overrides are still added to the map.
+        userOverrideSelectors.forEach(function (selector) {
+            var _a;
+            var componentProps = (_a = globalTheme.components) === null || _a === void 0 ? void 0 : _a[selector];
+            if (componentProps) {
+                mergedProps = mergeThemeProps(componentProps, mergedProps, true);
+            }
+        });
+        // 4. Apply props.theme component overrides last.
+        // These come from parent-injected theme data (e.g. layout option overrides set by useLayoutOptions)
+        // and must win over global user overrides because they represent a more specific context.
+        // e.g. `searchCollapsible results: { columns: 6 }` beats a global `results: { columns: 5 }` override.
         var themeApplicableSelectors = filterSelectors((theme === null || theme === void 0 ? void 0 : theme.components) || {}, treePath).sort(sortSelectors);
         themeApplicableSelectors.forEach(function (selector) {
             var _a;
@@ -87,17 +147,46 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
         if (globalTheme.variables && mergedProps.theme) {
             mergedProps.theme.variables = globalTheme.variables;
         }
-        // if custom component, re-spread props again
-        if (treePath && (treePath.indexOf('customComponent') > -1 || treePath.startsWith('storybook'))) {
+        // Store current theme prop-value pairs on props.theme so they travel to children
+        var currentThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        if (currentThemePropsMap.size > 0 && mergedProps.theme) {
+            // Merge with any existing parent theme values
+            var combinedThemePropsMap_1 = new Map(currentThemePropsMap);
+            if (parentThemePropsMap instanceof Map) {
+                parentThemePropsMap.forEach(function (val, key) {
+                    if (!combinedThemePropsMap_1.has(key)) {
+                        combinedThemePropsMap_1.set(key, val);
+                    }
+                });
+            }
+            mergedProps.theme[THEME_PROPS_MAP_SYMBOL] = combinedThemePropsMap_1;
+        }
+        if (treePath && (treePath.indexOf('customComponent') > -1 || (treePath.startsWith('storybook') && treePath.split(' ').length == 2))) {
             mergedProps = __assign(__assign(__assign({}, mergedProps), props), { treePath: treePath });
         }
     }
     return mergedProps;
 }
-function mergeThemeProps(componentThemeProps, mergedProps) {
+function mergeThemeProps(componentThemeProps, mergedProps, preserveExistingMapKeys) {
+    if (preserveExistingMapKeys === void 0) { preserveExistingMapKeys = false; }
     // add theme props if they exist
     if (componentThemeProps) {
+        // Track prop-value pairs that came from theme (for detecting theme-derived props in children).
+        // When preserveExistingMapKeys is true (used for user overrides), existing map entries are not
+        // overwritten — only new keys are added. This preserves original theme-derived values in the
+        // map so child components can correctly identify which props came from the theme.
+        var existingThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        for (var _i = 0, _a = Object.entries(componentThemeProps); _i < _a.length; _i++) {
+            var _b = _a[_i], key = _b[0], value = _b[1];
+            // Only track primitive values and non-null objects (skip functions, undefined, etc.)
+            if (value !== undefined && value !== null && typeof value !== 'function') {
+                if (!preserveExistingMapKeys || !existingThemePropsMap.has(key)) {
+                    existingThemePropsMap.set(key, value);
+                }
+            }
+        }
         mergedProps = __assign(__assign({}, mergedProps), componentThemeProps);
+        mergedProps[THEME_PROPS_MAP_SYMBOL] = existingThemePropsMap;
     }
     return mergedProps;
 }

package/dist/cjs/src/Snap.d.ts

@@ -60,7 +60,7 @@ export type SnapConfig = {
         recommendation?: SnapConfigControllerDefinition<RecommendationControllerConfig>[];
     };
 };
-type SnapServices = {
+export type SnapServices = {
     client?: Client;
     tracker?: Tracker;
     logger?: Logger;
@@ -91,5 +91,4 @@ export declare class Snap {
     };
     constructor(config: SnapConfig, services?: SnapServices);
 }
-export {};
 //# sourceMappingURL=Snap.d.ts.map

package/dist/cjs/src/Snap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../src/Snap.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/src/Snap.js

@@ -108,7 +108,7 @@ var COMPONENT_ERROR = "Uncaught Error - Invalid value passed as the component.\n
 var Snap = /** @class */ (function () {
     function Snap(config, services) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
         this.mode = snap_toolbox_1.AppMode.production;
         this._instantiatorPromises = {};
         this._controllerPromises = {};
@@ -290,7 +290,20 @@ var Snap = /** @class */ (function () {
         var globalContext = {};
         try {
             // get global context
-            globalContext = (0, snap_toolbox_1.getContext)(['shopper', 'config', 'custom', 'merchandising', 'siteId', 'currency', 'page']);
+            globalContext = (0, snap_toolbox_1.getContext)([
+                'shopper',
+                'config',
+                'custom',
+                'merchandising',
+                'siteId',
+                'currency',
+                'page',
+                'backgroundFilters',
+                'collection',
+                'tags',
+                'category',
+                'brand',
+            ]);
         }
         catch (err) {
             console.error('Snap failed to find global context');
@@ -361,30 +374,44 @@ var Snap = /** @class */ (function () {
                     this.mode = snap_toolbox_1.AppMode.development;
                 }
             }
+            var initiatorPrefix = ((_p = window === null || window === void 0 ? void 0 : window.athos) === null || _p === void 0 ? void 0 : _p.managed) ? "managed/" : '';
             // client mode uses client config over snap config
             if (this.config.client) {
                 this.config.client.config = this.config.client.config || {};
-                this.config.client.config.initiator = "snap/preact/".concat(snap_toolbox_1.version);
+                if (!this.config.client.config.initiator) {
+                    this.config.client.config.initiator = "athos/".concat(initiatorPrefix, "snap/preact/").concat(snap_toolbox_1.version);
+                }
                 this.config.client.config.mode = this.config.client.config.mode || this.mode;
             }
             // feature check block
             (0, utils_1.configureSnapFeatures)(this.config);
             this.client = (services === null || services === void 0 ? void 0 : services.client) || new snap_client_1.Client(this.config.client.globals, this.config.client.config);
-            this.logger = (services === null || services === void 0 ? void 0 : services.logger) || new snap_logger_1.Logger({ prefix: 'Snap Preact ', mode: this.mode });
+            this.logger =
+                (services === null || services === void 0 ? void 0 : services.logger) ||
+                    new snap_logger_1.Logger({
+                        prefix: "".concat(((_r = (_q = this.config.tracker) === null || _q === void 0 ? void 0 : _q.config) === null || _r === void 0 ? void 0 : _r.framework) == 'snap/templates'
+                            ? 'Snap Preact Templates '
+                            : ((_t = (_s = this.config.tracker) === null || _s === void 0 ? void 0 : _s.config) === null || _t === void 0 ? void 0 : _t.framework) == 'snap/hybrid'
+                                ? 'Snap Preact Hybrid '
+                                : 'Snap Preact '),
+                        mode: this.mode,
+                    });
             // create tracker
-            var trackerGlobals = ((_p = this.config.tracker) === null || _p === void 0 ? void 0 : _p.globals) || this.config.client.globals;
-            if ((_q = this.context.currency) === null || _q === void 0 ? void 0 : _q.code) {
+            var trackerGlobals = ((_u = this.config.tracker) === null || _u === void 0 ? void 0 : _u.globals) || this.config.client.globals;
+            if ((_v = this.context.currency) === null || _v === void 0 ? void 0 : _v.code) {
                 trackerGlobals = (0, deepmerge_1.default)(trackerGlobals || {}, {
                     currency: this.context.currency,
                 });
             }
-            if ((_r = this.context.shopper) === null || _r === void 0 ? void 0 : _r.cart) {
+            if ((_w = this.context.shopper) === null || _w === void 0 ? void 0 : _w.cart) {
                 trackerGlobals = (0, deepmerge_1.default)(trackerGlobals || {}, {
                     cart: this.context.shopper.cart,
                 });
             }
-            var initiatorPrefix = ((_s = window === null || window === void 0 ? void 0 : window.athos) === null || _s === void 0 ? void 0 : _s.managed) ? "managed/" : '';
-            var trackerConfig = (0, deepmerge_1.default)(((_t = this.config.tracker) === null || _t === void 0 ? void 0 : _t.config) || {}, { framework: "".concat(initiatorPrefix, "snap/preact"), mode: this.mode });
+            var trackerConfig = (0, deepmerge_1.default)(((_x = this.config.tracker) === null || _x === void 0 ? void 0 : _x.config) || {}, {
+                framework: "".concat(initiatorPrefix).concat(((_z = (_y = this.config.tracker) === null || _y === void 0 ? void 0 : _y.config) === null || _z === void 0 ? void 0 : _z.framework) || 'snap', "/preact"),
+                mode: this.mode,
+            });
             this.tracker = (services === null || services === void 0 ? void 0 : services.tracker) || new snap_tracker_1.Tracker(trackerGlobals, trackerConfig);
             // log version
             this.logger.imageText({
@@ -403,7 +430,7 @@ var Snap = /** @class */ (function () {
                     this.logger.warn('Cookies are not supported/enabled by this browser, branch overrides will not persist!');
                 }
                 // get the path and siteId from the current bundle script in case its not the same as the client config
-                var path = "https://snapui.athoscommerce.io/".concat((_v = (_u = this.config.client) === null || _u === void 0 ? void 0 : _u.globals) === null || _v === void 0 ? void 0 : _v.siteId, "/");
+                var path = "https://snapui.athoscommerce.io/".concat((_1 = (_0 = this.config.client) === null || _0 === void 0 ? void 0 : _0.globals) === null || _1 === void 0 ? void 0 : _1.siteId, "/");
                 var script = document.querySelector('script[src*="//snapui.searchspring.io"], script[src*="//snapui.athoscommerce.io"]');
                 if (script) {
                     var scriptRoot = script.getAttribute('src').match(/\/\/snapui.searchspring.io\/[a-zA-Z0-9]{6}\//);
@@ -522,13 +549,13 @@ var Snap = /** @class */ (function () {
             };
         }
         // autotrack shopper id from the context
-        if ((_x = (_w = this.context) === null || _w === void 0 ? void 0 : _w.shopper) === null || _x === void 0 ? void 0 : _x.id) {
+        if ((_3 = (_2 = this.context) === null || _2 === void 0 ? void 0 : _2.shopper) === null || _3 === void 0 ? void 0 : _3.id) {
             this.tracker.track.shopper.login({
                 id: this.context.shopper.id,
             });
         }
         // create controllers
-        Object.keys(((_y = this.config) === null || _y === void 0 ? void 0 : _y.controllers) || {}).forEach(function (type) {
+        Object.keys(((_4 = this.config) === null || _4 === void 0 ? void 0 : _4.controllers) || {}).forEach(function (type) {
             switch (type) {
                 case 'search': {
                     _this.config.controllers[type].forEach(function (controller, index) {
@@ -953,7 +980,7 @@ var Snap = /** @class */ (function () {
             }
         });
         // create instantiators
-        if ((_0 = (_z = this.config) === null || _z === void 0 ? void 0 : _z.instantiators) === null || _0 === void 0 ? void 0 : _0.recommendation) {
+        if ((_6 = (_5 = this.config) === null || _5 === void 0 ? void 0 : _5.instantiators) === null || _6 === void 0 ? void 0 : _6.recommendation) {
             try {
                 this._instantiatorPromises.recommendation = Promise.resolve().then(function () { return __importStar(require('./Instantiators/RecommendationInstantiator')); }).then(function (_a) {
                     var RecommendationInstantiator = _a.RecommendationInstantiator;

package/dist/cjs/src/SnapHybrid.d.ts

@@ -0,0 +1,12 @@
+import { Snap, SnapConfig, SnapServices } from './Snap';
+import { SnapTemplatesConfigLocked, SnapTemplatesConfigUnlocked } from './Templates/SnapTemplates';
+type HybridIntegrationConfig = {
+    templatesConfig: SnapTemplatesConfigLocked | SnapTemplatesConfigUnlocked;
+    snapConfig: SnapConfig;
+    services?: SnapServices;
+};
+export declare class SnapHybrid extends Snap {
+    constructor(config: HybridIntegrationConfig);
+}
+export {};
+//# sourceMappingURL=SnapHybrid.d.ts.map

package/dist/cjs/src/SnapHybrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapHybrid.d.ts","sourceRoot":"","sources":["../../../src/SnapHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,2BAA2B,EAAoB,MAAM,2BAA2B,CAAC;AAKrH,KAAK,uBAAuB,GAAG;IAC9B,eAAe,EAAE,yBAAyB,GAAG,2BAA2B,CAAC;IACzE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,qBAAa,UAAW,SAAQ,IAAI;gBACvB,MAAM,EAAE,uBAAuB;CAqB3C"}

package/dist/cjs/src/SnapHybrid.js

@@ -0,0 +1,65 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnapHybrid = void 0;
+var Snap_1 = require("./Snap");
+var SnapTemplates_1 = require("./Templates/SnapTemplates");
+var TemplateStore_1 = require("./Templates/Stores/TemplateStore");
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var is_plain_object_1 = require("is-plain-object");
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var SnapHybrid = /** @class */ (function (_super) {
+    __extends(SnapHybrid, _super);
+    function SnapHybrid(config) {
+        var _a;
+        var templatesStore = new TemplateStore_1.TemplatesStore({ config: config.templatesConfig });
+        var convertedTemplatesConfig = (0, SnapTemplates_1.createSnapConfig)(config.templatesConfig, templatesStore);
+        var mergedConfig = (0, deepmerge_1.default)(convertedTemplatesConfig, config.snapConfig, {
+            isMergeableObject: function (value) { return (0, is_plain_object_1.isPlainObject)(value) || Array.isArray(value); },
+            arrayMerge: function (target, source) { return __spreadArray(__spreadArray([], target, true), source, true); },
+        });
+        var initiatorPrefix = ((_a = window === null || window === void 0 ? void 0 : window.athos) === null || _a === void 0 ? void 0 : _a.managed) ? "managed/" : '';
+        mergedConfig.client.config = __assign(__assign({}, mergedConfig.client.config), { initiator: "athos/".concat(initiatorPrefix, "snap/preact/hybrid/").concat(snap_toolbox_1.version) });
+        mergedConfig.tracker.config = __assign(__assign({}, mergedConfig.tracker.config), { initiator: "athos/".concat(initiatorPrefix, "snap/preact/hybrid/").concat(snap_toolbox_1.version), framework: 'snap/hybrid' });
+        return _super.call(this, mergedConfig, __assign(__assign({}, config.services), { templatesStore: templatesStore })) || this;
+    }
+    return SnapHybrid;
+}(Snap_1.Snap));
+exports.SnapHybrid = SnapHybrid;