@athoscommerce/snap-preact 1.9.1 → 1.10.0

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

@@ -1,21 +1,10 @@
 "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.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__');
+const THEME_PROPS_MAP_SYMBOL = Symbol.for('__themePropsMap__');
 function mergeProps(componentType, globalTheme, defaultProps, props) {
     /*
 
@@ -36,56 +25,63 @@ 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 || '';
-    treePath += "".concat(treePath ? ' ' : '').concat(componentType);
+    const theme = props.theme;
+    const componentName = props?.name || defaultProps.name;
+    let treePath = props.treePath || defaultProps.treePath || '';
+    treePath += `${treePath ? ' ' : ''}${componentType}`;
     // start with defaultProps
-    var mergedProps = __assign({}, defaultProps);
-    if ((globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.type) !== 'templates') {
+    let mergedProps = {
+        ...defaultProps,
+    };
+    if (globalTheme?.type !== 'templates') {
         // add globalTheme props if they exist
-        var globalComponent = (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) && globalTheme.components[componentType];
+        const globalComponent = globalTheme?.components && globalTheme.components[componentType];
         if (globalComponent) {
             mergedProps = mergeThemeProps(globalComponent, mergedProps);
         }
         // normal props
-        mergedProps = __assign(__assign(__assign({}, mergedProps), props), { treePath: treePath });
+        mergedProps = {
+            ...mergedProps,
+            ...props,
+            treePath,
+        };
         // add theme props if they exist
-        var themeComponent = (theme === null || theme === void 0 ? void 0 : theme.components) && theme.components[componentType];
+        const themeComponent = theme?.components && theme.components[componentType];
         if (themeComponent) {
             mergedProps = mergeThemeProps(themeComponent, mergedProps);
         }
     }
     else {
         // normal props
-        mergedProps = __assign(__assign({}, mergedProps), props);
-        treePath += (componentName === null || componentName === void 0 ? void 0 : componentName.match(/^[A-Za-z0-9-]+$/)) ? ".".concat(componentName) : '';
+        mergedProps = {
+            ...mergedProps,
+            ...props,
+        };
+        treePath += componentName?.match(/^[A-Za-z0-9-]+$/) ? `.${componentName}` : '';
         // component props from the theme
         // 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);
+        const filteredGlobalApplicableSelectors = filterSelectors(globalTheme?.components || {}, treePath);
+        const globalApplicableSelectors = filteredGlobalApplicableSelectors.sort(sortSelectors);
         // 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('*'); });
+        const baseThemeSelectors = globalApplicableSelectors.filter((s) => s.includes('*'));
+        const userOverrideSelectors = globalApplicableSelectors.filter((s) => !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];
+        const propsSetBySpecificSelectors = new Set();
+        baseThemeSelectors.forEach((selector) => {
+            const componentProps = globalTheme.components?.[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
+                const cleanSelector = selector
                     .replace(/^\*/, '')
                     .replace(/\([MDT]\)$/, '')
                     .trim();
-                var isSpecificSelector = cleanSelector.split(' ').length > 1;
+                const 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); });
+                    Object.keys(componentProps).forEach((key) => propsSetBySpecificSelectors.add(key));
                 }
                 mergedProps = mergeThemeProps(componentProps, mergedProps);
             }
@@ -94,35 +90,36 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
         // 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];
+        const parentThemePropsMap = props.theme?.[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];
+            const propsToRespread = {};
+            const parentThemeValuesArray = Array.from(parentThemePropsMap.values());
+            for (const key of Object.keys(props)) {
                 // 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))
+                if (propsSetBySpecificSelectors.has(key))
                     continue;
-                var propValue = props[key];
+                const 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);
+                mergedProps = {
+                    ...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];
+        userOverrideSelectors.forEach((selector) => {
+            const componentProps = globalTheme.components?.[selector];
             if (componentProps) {
                 mergedProps = mergeThemeProps(componentProps, mergedProps, true);
             }
@@ -131,16 +128,23 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
         // 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;
-            var componentProps = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a[selector];
+        const themeApplicableSelectors = filterSelectors(theme?.components || {}, treePath).sort(sortSelectors);
+        themeApplicableSelectors.forEach((selector) => {
+            const componentProps = theme?.components?.[selector];
             if (componentProps) {
                 mergedProps = mergeThemeProps(componentProps, mergedProps);
             }
         });
         // tacking on name, variables, and activeBreakpoint to `theme`
-        mergedProps = __assign(__assign({}, mergedProps), { theme: __assign(__assign(__assign({}, mergedProps.theme), { name: globalTheme.name }), (globalTheme.activeBreakpoint ? { activeBreakpoint: globalTheme.activeBreakpoint } : {})), treePath: treePath });
+        mergedProps = {
+            ...mergedProps,
+            theme: {
+                ...mergedProps.theme,
+                name: globalTheme.name,
+                ...(globalTheme.activeBreakpoint ? { activeBreakpoint: globalTheme.activeBreakpoint } : {}),
+            },
+            treePath,
+        };
         if (props.lang) {
             mergedProps.lang = props.lang;
         }
@@ -148,36 +152,38 @@ function mergeProps(componentType, globalTheme, defaultProps, props) {
             mergedProps.theme.variables = globalTheme.variables;
         }
         // Store current theme prop-value pairs on props.theme so they travel to children
-        var currentThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        const 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);
+            const combinedThemePropsMap = new Map(currentThemePropsMap);
             if (parentThemePropsMap instanceof Map) {
-                parentThemePropsMap.forEach(function (val, key) {
-                    if (!combinedThemePropsMap_1.has(key)) {
-                        combinedThemePropsMap_1.set(key, val);
+                parentThemePropsMap.forEach((val, key) => {
+                    if (!combinedThemePropsMap.has(key)) {
+                        combinedThemePropsMap.set(key, val);
                     }
                 });
             }
-            mergedProps.theme[THEME_PROPS_MAP_SYMBOL] = combinedThemePropsMap_1;
+            mergedProps.theme[THEME_PROPS_MAP_SYMBOL] = combinedThemePropsMap;
         }
         if (treePath && (treePath.indexOf('customComponent') > -1 || (treePath.startsWith('storybook') && treePath.split(' ').length == 2))) {
-            mergedProps = __assign(__assign(__assign({}, mergedProps), props), { treePath: treePath });
+            mergedProps = {
+                ...mergedProps,
+                ...props,
+                treePath,
+            };
         }
     }
     return mergedProps;
 }
-function mergeThemeProps(componentThemeProps, mergedProps, preserveExistingMapKeys) {
-    if (preserveExistingMapKeys === void 0) { preserveExistingMapKeys = false; }
+function mergeThemeProps(componentThemeProps, mergedProps, 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];
+        const existingThemePropsMap = mergedProps[THEME_PROPS_MAP_SYMBOL] || new Map();
+        for (const [key, value] of Object.entries(componentThemeProps)) {
             // 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)) {
@@ -185,7 +191,10 @@ function mergeThemeProps(componentThemeProps, mergedProps, preserveExistingMapKe
                 }
             }
         }
-        mergedProps = __assign(__assign({}, mergedProps), componentThemeProps);
+        mergedProps = {
+            ...mergedProps,
+            ...componentThemeProps,
+        };
         mergedProps[THEME_PROPS_MAP_SYMBOL] = existingThemePropsMap;
     }
     return mergedProps;
@@ -194,56 +203,55 @@ function mergeThemeProps(componentThemeProps, mergedProps, preserveExistingMapKe
 // weights are used in the reduce initial value
 // priority is: Base - * < Override < Responsive - "(M)" || "(T)" || "(D)" [regex find responsive matches]
 function sortSelectors(a, b) {
-    var aWeight = a
+    const aWeight = a
         .split(' ')
-        .map(function (selector, i) { return Math.pow((i * 2), (selector.includes('.') ? 2 : 1)); })
-        .reduce(function (acc, val) { return acc + val; }, (a.includes('*') ? 0 : 1000) + (a.match(/\([MDT]\)/) ? 2000 : 0));
-    var bWeight = b
+        .map((selector, i) => (i * 2) ** (selector.includes('.') ? 2 : 1))
+        .reduce((acc, val) => acc + val, (a.includes('*') ? 0 : 1000) + (a.match(/\([MDT]\)/) ? 2000 : 0));
+    const bWeight = b
         .split(' ')
-        .map(function (selector, i) { return Math.pow((i * 2), (selector.includes('.') ? 2 : 1)); })
-        .reduce(function (acc, val) { return acc + val; }, (b.includes('*') ? 0 : 1000) + (b.match(/\([MDT]\)/) ? 2000 : 0));
+        .map((selector, i) => (i * 2) ** (selector.includes('.') ? 2 : 1))
+        .reduce((acc, val) => acc + val, (b.includes('*') ? 0 : 1000) + (b.match(/\([MDT]\)/) ? 2000 : 0));
     return aWeight - bWeight;
 }
 function filterSelectors(themeComponents, treePath) {
-    var _a;
-    var selectors = Object.keys(themeComponents);
-    var paths = treePath.split(' ');
-    var componentTypeAndName = (_a = paths.slice(-1).pop()) !== null && _a !== void 0 ? _a : '';
-    var _b = componentTypeAndName.split('.'), componentType = _b[0], componentName = _b[1];
-    var mappedSplitTreePath = paths.map(function (path) {
-        var _a = path.split('.'), type = _a[0], name = _a[1];
+    let selectors = Object.keys(themeComponents);
+    const paths = treePath.split(' ');
+    const componentTypeAndName = paths.slice(-1).pop() ?? '';
+    const [componentType, componentName] = componentTypeAndName.split('.');
+    const mappedSplitTreePath = paths.map((path) => {
+        const [type, name] = path.split('.');
         return {
-            type: type,
-            name: name,
-            path: path,
+            type,
+            name,
+            path,
         };
     });
     if (componentName) {
-        selectors = selectors.filter(function (key) {
-            var keys = key.split(' ');
-            var lastkey = keys[keys.length - 1].replace(/\*?(\([MDT]\))?/g, '');
-            if (lastkey == componentType || lastkey == "".concat(componentType, ".").concat(componentName)) {
+        selectors = selectors.filter((key) => {
+            const keys = key.split(' ');
+            const lastkey = keys[keys.length - 1].replace(/\*?(\([MDT]\))?/g, '');
+            if (lastkey == componentType || lastkey == `${componentType}.${componentName}`) {
                 return true;
             }
         });
     }
     else {
-        selectors = selectors.filter(function (key) { return key.endsWith(componentType); });
+        selectors = selectors.filter((key) => key.endsWith(componentType));
     }
-    return selectors.filter(function (selector) {
+    return selectors.filter((selector) => {
         // when considering matches, we do not care about the base theme prefix "*" nor the responsive prefix "(M)" || "(T)" || "(D)"
         // these are automatically added by the ThemeStore in Snap Templates in order to preserve merge ordering of these overrides
-        var split = selector
+        const split = selector
             .replace(/\*?(\([MDT]\))?/g, '')
             .split(' ')
             .slice(0, -1);
         if (split.length == 0)
             return true;
-        for (var s = 0; s < split.length; s++) {
-            var prevIndex = -1;
-            var value = split[s];
-            for (var i = prevIndex == -1 ? 0 : prevIndex; i < mappedSplitTreePath.length; i++) {
-                var pathValue = mappedSplitTreePath[i];
+        for (let s = 0; s < split.length; s++) {
+            let prevIndex = -1;
+            const value = split[s];
+            for (let i = prevIndex == -1 ? 0 : prevIndex; i < mappedSplitTreePath.length; i++) {
+                const pathValue = mappedSplitTreePath[i];
                 if (value === pathValue.path || value === pathValue.type) {
                     prevIndex = s;
                     break;

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

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeStyles = mergeStyles;
 function mergeStyles(stylingProps, defaultStyles) {
-    var _a;
-    var _b = stylingProps, name = _b.name, treePath = _b.treePath, style = _b.style, styleScript = _b.styleScript, themeStyleScript = _b.themeStyleScript, disableStyles = _b.disableStyles;
-    var styling = {
+    const { name, treePath, style, styleScript, themeStyleScript, disableStyles } = stylingProps;
+    const styling = {
         'ss-name': name,
         'ss-path': treePath,
         css: [],
@@ -21,7 +20,7 @@ function mergeStyles(stylingProps, defaultStyles) {
     if (style) {
         styling.css.push(style);
     }
-    if (((_a = styling.css) === null || _a === void 0 ? void 0 : _a.length) == 0) {
+    if (styling.css?.length == 0) {
         delete styling.css;
     }
     return styling;

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

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseProps = parseProps;
 function parseProps(controller, props) {
-    var parsedProps = props;
+    const parsedProps = props;
     if (parsedProps && typeof parsedProps == 'object') {
-        Object.keys(parsedProps).forEach(function (prop) {
-            var value = parsedProps[prop];
+        Object.keys(parsedProps).forEach((prop) => {
+            const value = parsedProps[prop];
             // find supported string
             if (typeof value == 'string') {
-                var templateVariables = value.match(/{{.[^}}]*}}/g);
+                const templateVariables = value.match(/{{.[^}}]*}}/g);
                 if (templateVariables && controller.store.loaded && !controller.store.loading) {
-                    templateVariables === null || templateVariables === void 0 ? void 0 : templateVariables.forEach(function (templateVariable) {
-                        var paths = templateVariable.replace('{{', '').replace('}}', '').trim().split('.');
-                        var variable = paths.reduce(function (currentLevel, path) {
+                    templateVariables?.forEach((templateVariable) => {
+                        const paths = templateVariable.replace('{{', '').replace('}}', '').trim().split('.');
+                        const variable = paths.reduce((currentLevel, path) => {
                             if (typeof currentLevel[path] != 'undefined') {
                                 return currentLevel[path];
                             }

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

@@ -1,141 +1,72 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Snapify = void 0;
-var mobx_1 = require("mobx");
-var snap_controller_1 = require("@athoscommerce/snap-controller");
-var snap_client_1 = require("@athoscommerce/snap-client");
-var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
-var snap_url_manager_1 = require("@athoscommerce/snap-url-manager");
-var snap_event_manager_1 = require("@athoscommerce/snap-event-manager");
-var snap_profiler_1 = require("@athoscommerce/snap-profiler");
-var snap_logger_1 = require("@athoscommerce/snap-logger");
-var snap_tracker_1 = require("@athoscommerce/snap-tracker");
+const mobx_1 = require("mobx");
+const snap_controller_1 = require("@athoscommerce/snap-controller");
+const snap_client_1 = require("@athoscommerce/snap-client");
+const snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
+const snap_url_manager_1 = require("@athoscommerce/snap-url-manager");
+const snap_event_manager_1 = require("@athoscommerce/snap-event-manager");
+const snap_profiler_1 = require("@athoscommerce/snap-profiler");
+const snap_logger_1 = require("@athoscommerce/snap-logger");
+const snap_tracker_1 = require("@athoscommerce/snap-tracker");
 // configure MobX
 (0, mobx_1.configure)({ useProxies: 'always', isolateGlobalState: true, enforceActions: 'never' });
-var controllers = {};
-var client = {
+const controllers = {};
+const client = {
     globals: { siteId: 'atkzs2' },
 };
-var Snapify = /** @class */ (function () {
-    function Snapify() {
-    }
-    Snapify.recommendation = function (config) {
-        var _this = this;
-        var id = config.id;
+class Snapify {
+    static recommendation(config) {
+        const id = config.id;
         if (controllers[id]) {
             return controllers[id];
         }
-        var cntrlr = (controllers[id] = createRecommendationController({ client: client, controller: config }));
-        cntrlr.on('afterStore', function (_a, next_1) { return __awaiter(_this, [_a, next_1], void 0, function (_b, next) {
-            var controller = _b.controller;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        controller.log.debug('controller', controller);
-                        controller.log.debug('store', controller.store.toJSON());
-                        return [4 /*yield*/, next()];
-                    case 1:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
+        const cntrlr = (controllers[id] = createRecommendationController({ client, controller: config }));
+        cntrlr.on('afterStore', async ({ controller }, next) => {
+            controller.log.debug('controller', controller);
+            controller.log.debug('store', controller.store.toJSON());
+            await next();
+        });
         cntrlr.init();
         return cntrlr;
-    };
-    Snapify.autocomplete = function (config) {
-        var _this = this;
-        var id = config.id;
+    }
+    static autocomplete(config) {
+        const id = config.id;
         if (controllers[id]) {
             return controllers[id];
         }
-        var cntrlr = (controllers[id] = createAutocompleteController({ client: client, controller: config }));
-        cntrlr.on('afterStore', function (_a, next_1) { return __awaiter(_this, [_a, next_1], void 0, function (_b, next) {
-            var controller = _b.controller;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        controller.log.debug('controller', controller);
-                        controller.log.debug('store', controller.store.toJSON());
-                        return [4 /*yield*/, next()];
-                    case 1:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
+        const cntrlr = (controllers[id] = createAutocompleteController({ client, controller: config }));
+        cntrlr.on('afterStore', async ({ controller }, next) => {
+            controller.log.debug('controller', controller);
+            controller.log.debug('store', controller.store.toJSON());
+            await next();
+        });
         cntrlr.init();
         return cntrlr;
-    };
-    Snapify.search = function (config) {
-        var _this = this;
-        var id = config.id;
+    }
+    static search(config) {
+        const id = config.id;
         if (controllers[id]) {
             return controllers[id];
         }
-        var cntrlr = (controllers[id] = createSearchController({ client: client, controller: config }));
-        cntrlr.on('afterStore', function (_a, next_1) { return __awaiter(_this, [_a, next_1], void 0, function (_b, next) {
-            var controller = _b.controller;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        controller.log.debug('controller', controller);
-                        controller.log.debug('store', controller.store.toJSON());
-                        return [4 /*yield*/, next()];
-                    case 1:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
+        const cntrlr = (controllers[id] = createSearchController({ client, controller: config }));
+        cntrlr.on('afterStore', async ({ controller }, next) => {
+            controller.log.debug('controller', controller);
+            controller.log.debug('store', controller.store.toJSON());
+            await next();
+        });
         cntrlr.init();
         return cntrlr;
-    };
-    return Snapify;
-}());
+    }
+}
 exports.Snapify = Snapify;
 function createSearchController(config) {
-    var urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator({ settings: { coreType: 'query', corePrefix: config.controller.id } }), snap_url_manager_1.reactLinker);
-    var cntrlr = new snap_controller_1.SearchController(config.controller, {
+    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator({ settings: { coreType: 'query', corePrefix: config.controller.id } }), snap_url_manager_1.reactLinker);
+    const cntrlr = new snap_controller_1.SearchController(config.controller, {
         client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.SearchStore(config.controller, { urlManager: urlManager }),
-        urlManager: urlManager,
+        store: new snap_store_mobx_1.SearchStore(config.controller, { urlManager }),
+        urlManager,
         eventManager: new snap_event_manager_1.EventManager(),
         profiler: new snap_profiler_1.Profiler(),
         logger: new snap_logger_1.Logger(),
@@ -144,11 +75,11 @@ function createSearchController(config) {
     return cntrlr;
 }
 function createRecommendationController(config) {
-    var urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach(true);
-    var cntrlr = new snap_controller_1.RecommendationController(config.controller, {
+    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach(true);
+    const cntrlr = new snap_controller_1.RecommendationController(config.controller, {
         client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.RecommendationStore(config.controller, { urlManager: urlManager }),
-        urlManager: urlManager,
+        store: new snap_store_mobx_1.RecommendationStore(config.controller, { urlManager }),
+        urlManager,
         eventManager: new snap_event_manager_1.EventManager(),
         profiler: new snap_profiler_1.Profiler(),
         logger: new snap_logger_1.Logger(),
@@ -157,11 +88,11 @@ function createRecommendationController(config) {
     return cntrlr;
 }
 function createAutocompleteController(config) {
-    var urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach();
-    var cntrlr = new snap_controller_1.AutocompleteController(config.controller, {
+    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach();
+    const cntrlr = new snap_controller_1.AutocompleteController(config.controller, {
         client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.AutocompleteStore(config.controller, { urlManager: urlManager }),
-        urlManager: urlManager,
+        store: new snap_store_mobx_1.AutocompleteStore(config.controller, { urlManager }),
+        urlManager,
         eventManager: new snap_event_manager_1.EventManager(),
         profiler: new snap_profiler_1.Profiler(),
         logger: new snap_logger_1.Logger(),

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

@@ -29,11 +29,7 @@ function str_repeat(i, m) {
         ;
     return o.join('');
 }
-function sprintf() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
+function sprintf(...args) {
     var i = 0, a, f = args[i++], o = [], m, p, c, x;
     while (f) {
         if ((m = /^[^\x25]+/.exec(f)))