@athoscommerce/snap-preact 1.0.0

package/dist/esm/components/src/utilities/defined.js

@@ -0,0 +1,9 @@
+export function defined(properties) {
+    const definedProps = {};
+    Object.keys(properties).map((key) => {
+        if (properties[key] !== undefined) {
+            definedProps[key] = properties[key];
+        }
+    });
+    return definedProps;
+}

package/dist/esm/components/src/utilities/index.d.ts

@@ -0,0 +1,12 @@
+export * from './cloneWithProps';
+export * from './defined';
+export * from './componentArgs';
+export * from './sprintf';
+export { Colour } from './Colour/Colour';
+export * from './parseProps';
+export * from './mergeProps';
+export * from './mergeStyles';
+export * from './storybook';
+export * from './defaultBadgeComponentMap';
+export * from './createImpressionObserver';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/utilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}

package/dist/esm/components/src/utilities/index.js

@@ -0,0 +1,11 @@
+export * from './cloneWithProps';
+export * from './defined';
+export * from './componentArgs';
+export * from './sprintf';
+export { Colour } from './Colour/Colour';
+export * from './parseProps';
+export * from './mergeProps';
+export * from './mergeStyles';
+export * from './storybook';
+export * from './defaultBadgeComponentMap';
+export * from './createImpressionObserver';

package/dist/esm/components/src/utilities/mergeProps.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from '../types';
+import type { Theme, ThemeComponents } from '../providers';
+export declare function mergeProps<GenericComponentProps extends ComponentProps>(componentType: string, globalTheme: Theme, defaultProps: Partial<GenericComponentProps>, props: GenericComponentProps): GenericComponentProps;
+export declare function sortSelectors(a: string, b: string): number;
+export declare function filterSelectors(themeComponents: ThemeComponents, treePath: string): string[];
+//# sourceMappingURL=mergeProps.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,174 @@
+export function mergeProps(componentType, globalTheme, defaultProps, props) {
+    /*
+
+        production behaviour:
+        
+        1. start with default props
+        2. spreads global theme props of component
+        3. spreads standard props (directly passed via JSX) - these may be provided by the integration or sub-props
+        4. spreads component theme props of component
+
+        templates behaviour:
+        
+        1. start with default props
+        2. spreads standard props (directly passed via JSX) - these may be provided by the integration or sub-props
+        3. spreads component theme props of component and named component
+        4. spreads global theme props of component and named component
+        5. ensure templates theme variables pass on in `theme`
+        6. if treepath contains 'custom' do #2 again
+
+    */
+    const theme = props.theme;
+    const componentName = props?.name || defaultProps.name;
+    let treePath = props.treePath || defaultProps.treePath || '';
+    treePath += `${treePath ? ' ' : ''}${componentType}`;
+    // start with defaultProps
+    let mergedProps = {
+        ...defaultProps,
+    };
+    if (!globalTheme?.name) {
+        // add globalTheme props if they exist
+        const globalComponent = globalTheme?.components && globalTheme.components[componentType];
+        if (globalComponent) {
+            mergedProps = mergeThemeProps(globalComponent, mergedProps);
+        }
+        // normal props
+        mergedProps = {
+            ...mergedProps,
+            ...props,
+            treePath,
+        };
+        // add theme props if they exist
+        const themeComponent = theme?.components && theme.components[componentType];
+        if (themeComponent) {
+            mergedProps = mergeThemeProps(themeComponent, mergedProps);
+        }
+    }
+    else {
+        // normal props
+        mergedProps = {
+            ...mergedProps,
+            ...props,
+        };
+        treePath += componentName?.match(/^[A-Z,a-z,-]+$/) ? `.${componentName}` : '';
+        // component props from the theme
+        // add globalTheme props for components with selector matches if they exist
+        const filteredGlobalApplicableSelectors = filterSelectors(globalTheme?.components || {}, treePath);
+        const globalApplicableSelectors = filteredGlobalApplicableSelectors.sort(sortSelectors);
+        globalApplicableSelectors.forEach((selector) => {
+            const componentProps = globalTheme.components?.[selector];
+            if (componentProps) {
+                mergedProps = mergeThemeProps(componentProps, mergedProps);
+            }
+        });
+        // og theme prop in default components
+        // add theme props for components with selector matches if they exist
+        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 and variables to `theme`
+        mergedProps = {
+            ...mergedProps,
+            theme: {
+                ...mergedProps.theme,
+                name: globalTheme.name,
+            },
+            treePath,
+        };
+        if (props.lang) {
+            mergedProps.lang = props.lang;
+        }
+        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'))) {
+            mergedProps = {
+                ...mergedProps,
+                ...props,
+                treePath,
+            };
+        }
+    }
+    return mergedProps;
+}
+function mergeThemeProps(componentThemeProps, mergedProps) {
+    // add theme props if they exist
+    if (componentThemeProps) {
+        mergedProps = {
+            ...mergedProps,
+            ...componentThemeProps,
+        };
+    }
+    return mergedProps;
+}
+// sort function is necessary in order for the user overrides to take priority over the base theme and also for responsive overrides
+// weights are used in the reduce initial value
+// priority is: Base - * < Override < Responsive - "(M)" || "(T)" || "(D)" [regex find responsive matches]
+export function sortSelectors(a, b) {
+    const aWeight = a
+        .split(' ')
+        .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((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;
+}
+export function filterSelectors(themeComponents, treePath) {
+    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,
+            name,
+            path,
+        };
+    });
+    if (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((key) => key.endsWith(componentType));
+    }
+    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
+        const split = selector
+            .replace(/\*?(\([MDT]\))?/g, '')
+            .split(' ')
+            .slice(0, -1);
+        if (split.length == 0)
+            return true;
+        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;
+                }
+            }
+            if (prevIndex == -1) {
+                // selector path not found at all - selector is invalid
+                return false;
+            }
+        }
+        return true;
+    });
+}

package/dist/esm/components/src/utilities/mergeStyles.d.ts

@@ -0,0 +1,3 @@
+import { RootNodeProperties, StyleScript } from '../types';
+export declare function mergeStyles<Props>(stylingProps: Props, defaultStyles: StyleScript<Props>): RootNodeProperties;
+//# sourceMappingURL=mergeStyles.d.ts.map

package/dist/esm/components/src/utilities/mergeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,kBAAkB,CA8B7G"}

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

@@ -0,0 +1,24 @@
+export function mergeStyles(stylingProps, defaultStyles) {
+    const { name, treePath, style, styleScript, themeStyleScript, disableStyles } = stylingProps;
+    const styling = {
+        'ss-name': name,
+        'ss-path': treePath,
+        css: [],
+    };
+    if (!disableStyles) {
+        styling.css.push(defaultStyles(stylingProps));
+    }
+    if (themeStyleScript) {
+        styling.css.push(themeStyleScript(stylingProps));
+    }
+    if (styleScript) {
+        styling.css.push(styleScript(stylingProps));
+    }
+    if (style) {
+        styling.css.push(style);
+    }
+    if (styling.css?.length == 0) {
+        delete styling.css;
+    }
+    return styling;
+}

package/dist/esm/components/src/utilities/parseProps.d.ts

@@ -0,0 +1,3 @@
+import type { AbstractController } from '@athoscommerce/snap-controller';
+export declare function parseProps<T>(controller: AbstractController, props: T): T;
+//# sourceMappingURL=parseProps.d.ts.map

package/dist/esm/components/src/utilities/parseProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/parseProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,wBAAgB,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAyCzE"}

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

@@ -0,0 +1,36 @@
+export function parseProps(controller, props) {
+    const parsedProps = props;
+    if (parsedProps && typeof parsedProps == 'object') {
+        Object.keys(parsedProps).forEach((prop) => {
+            const value = parsedProps[prop];
+            // find supported string
+            if (typeof value == 'string') {
+                const templateVariables = value.match(/{{.[^}}]*}}/g);
+                if (templateVariables && controller.store.loaded && !controller.store.loading) {
+                    templateVariables?.forEach((templateVariable) => {
+                        const paths = templateVariable.replace('{{', '').replace('}}', '').trim().split('.');
+                        const variable = paths.reduce((currentLevel, path) => {
+                            if (typeof currentLevel[path] != 'undefined') {
+                                return currentLevel[path];
+                            }
+                        }, controller);
+                        if (typeof variable == 'undefined') {
+                            controller.log.error('unable to locate variable: ', templateVariable);
+                        }
+                        else if (typeof variable == 'string' || typeof variable == 'number') {
+                            // validate that value can be used (it is a string or number)
+                            parsedProps[prop] = parsedProps[prop].replace(templateVariable, variable.toString());
+                        }
+                        else {
+                            controller.log.error('invalid variable - must be type string or number:', templateVariable);
+                        }
+                    });
+                }
+                else if (templateVariables) {
+                    parsedProps[prop] = '';
+                }
+            }
+        });
+    }
+    return parsedProps;
+}

package/dist/esm/components/src/utilities/snapify.d.ts

@@ -0,0 +1,8 @@
+import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { SearchControllerConfig, AutocompleteControllerConfig, RecommendationControllerConfig } from '@athoscommerce/snap-controller';
+export declare class Snapify {
+    static recommendation(config: RecommendationControllerConfig): RecommendationController;
+    static autocomplete(config: AutocompleteControllerConfig): AutocompleteController;
+    static search(config: SearchControllerConfig): SearchController;
+}
+//# sourceMappingURL=snapify.d.ts.map

package/dist/esm/components/src/utilities/snapify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/snapify.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAUpH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAqB3I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}

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

@@ -0,0 +1,98 @@
+import { configure as configureMobx } from 'mobx';
+import { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import { Client } from '@athoscommerce/snap-client';
+import { SearchStore, AutocompleteStore, RecommendationStore } from '@athoscommerce/snap-store-mobx';
+import { UrlManager, UrlTranslator, reactLinker } from '@athoscommerce/snap-url-manager';
+import { EventManager } from '@athoscommerce/snap-event-manager';
+import { Profiler } from '@athoscommerce/snap-profiler';
+import { Logger } from '@athoscommerce/snap-logger';
+import { Tracker } from '@athoscommerce/snap-tracker';
+// configure MobX
+configureMobx({ useProxies: 'always', isolateGlobalState: true, enforceActions: 'never' });
+const controllers = {};
+const client = {
+    globals: { siteId: 'atkzs2' },
+};
+export class Snapify {
+    static recommendation(config) {
+        const id = config.id;
+        if (controllers[id]) {
+            return controllers[id];
+        }
+        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;
+    }
+    static autocomplete(config) {
+        const id = config.id;
+        if (controllers[id]) {
+            return controllers[id];
+        }
+        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;
+    }
+    static search(config) {
+        const id = config.id;
+        if (controllers[id]) {
+            return controllers[id];
+        }
+        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;
+    }
+}
+function createSearchController(config) {
+    const urlManager = new UrlManager(new UrlTranslator({ settings: { coreType: 'query', corePrefix: config.controller.id } }), reactLinker);
+    const cntrlr = new SearchController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new SearchStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}
+function createRecommendationController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach(true);
+    const cntrlr = new RecommendationController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new RecommendationStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}
+function createAutocompleteController(config) {
+    const urlManager = new UrlManager(new UrlTranslator(), reactLinker).detach();
+    const cntrlr = new AutocompleteController(config.controller, {
+        client: new Client(config.client.globals, config.client.config),
+        store: new AutocompleteStore(config.controller, { urlManager }),
+        urlManager,
+        eventManager: new EventManager(),
+        profiler: new Profiler(),
+        logger: new Logger(),
+        tracker: new Tracker(config.client.globals),
+    });
+    return cntrlr;
+}

package/dist/esm/components/src/utilities/sprintf.d.ts

@@ -0,0 +1,22 @@
+/**
+ * sprintf() for JavaScript v.0.4
+ *
+ * Copyright (c) 2007 Alexandru Marasteanu <http://alexei.417.ro/>
+ * Thanks to David Baird (unit test and patch).
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License as published by the Free Software
+ * Foundation; either version 2 of the License, or (at your option) any later
+ * version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program; if not, write to the Free Software Foundation, Inc., 59 Temple
+ * Place, Suite 330, Boston, MA 02111-1307 USA
+ */
+export declare function sprintf(...args: any[]): string;
+//# sourceMappingURL=sprintf.d.ts.map

package/dist/esm/components/src/utilities/sprintf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprintf.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/sprintf.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AASH,wBAAgB,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,UAwDrC"}

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

@@ -0,0 +1,85 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+/**
+ * sprintf() for JavaScript v.0.4
+ *
+ * Copyright (c) 2007 Alexandru Marasteanu <http://alexei.417.ro/>
+ * Thanks to David Baird (unit test and patch).
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License as published by the Free Software
+ * Foundation; either version 2 of the License, or (at your option) any later
+ * version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program; if not, write to the Free Software Foundation, Inc., 59 Temple
+ * Place, Suite 330, Boston, MA 02111-1307 USA
+ */
+/*eslint-disable */
+function str_repeat(i, m) {
+    for (var o = []; m > 0; o[--m] = i)
+        ;
+    return o.join('');
+}
+export function sprintf(...args) {
+    var i = 0, a, f = args[i++], o = [], m, p, c, x;
+    while (f) {
+        if ((m = /^[^\x25]+/.exec(f)))
+            o.push(m[0]);
+        else if ((m = /^\x25{2}/.exec(f)))
+            o.push('%');
+        else if ((m = /^\x25(?:(\d+)\$)?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(f))) {
+            if ((a = args[m[1] || i++]) == null || a == undefined)
+                throw 'Too few arguments.';
+            if (/[^s]/.test(m[7]) && typeof a != 'number')
+                throw 'Expecting number but found ' + typeof a;
+            switch (m[7]) {
+                case 'b':
+                    a = a.toString(2);
+                    break;
+                case 'c':
+                    a = String.fromCharCode(a);
+                    break;
+                case 'd':
+                    a = parseInt(a);
+                    break;
+                case 'e':
+                    a = m[6] ? a.toExponential(m[6]) : a.toExponential();
+                    break;
+                case 'f':
+                    a = m[6] ? parseFloat(a).toFixed(m[6]) : parseFloat(a);
+                    break;
+                case 'o':
+                    a = a.toString(8);
+                    break;
+                case 's':
+                    a = (a = String(a)) && m[6] ? a.substring(0, m[6]) : a;
+                    break;
+                case 'u':
+                    a = Math.abs(a);
+                    break;
+                case 'x':
+                    a = a.toString(16);
+                    break;
+                case 'X':
+                    a = a.toString(16).toUpperCase();
+                    break;
+            }
+            a = /[def]/.test(m[7]) && m[2] && a > 0 ? '+' + a : a;
+            c = m[3] ? (m[3] == '0' ? '0' : m[3].charAt(1)) : ' ';
+            x = m[5] - String(a).length;
+            p = m[5] ? str_repeat(c, x) : '';
+            o.push(m[4] ? a + p : p + a);
+        }
+        else
+            throw 'Huh ?!';
+        f = f.substring(m[0].length);
+    }
+    return o.join('');
+}
+/*eslint-enable */

package/dist/esm/components/src/utilities/storybook.d.ts

@@ -0,0 +1,5 @@
+export declare const highlightedCode: (props: {
+    children?: any;
+    className?: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=storybook.d.ts.map

package/dist/esm/components/src/utilities/storybook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/storybook.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,UAAW;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qDAW5E,CAAC"}

package/dist/esm/components/src/utilities/storybook.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useEffect, useRef } from 'preact/hooks';
+const prismClassname = 'prism-block';
+export const highlightedCode = (props) => {
+    const elemRef = useRef(null);
+    useEffect(() => {
+        if (elemRef.current && props.className?.includes('lang-') && !props.className?.includes(prismClassname)) {
+            // @ts-ignore - window obj
+            window?.Prism?.highlightElement(elemRef.current);
+        }
+    }, [props.className, props.children, elemRef]);
+    return _jsx("code", { ...props, ref: elemRef, "data-prismjs-copy": "Copy" });
+};

package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts

@@ -0,0 +1,77 @@
+import { AppMode, DomTargeter } from '@athoscommerce/snap-toolbox';
+import { Client } from '@athoscommerce/snap-client';
+import { Logger } from '@athoscommerce/snap-logger';
+import { Tracker } from '@athoscommerce/snap-tracker';
+import type { ClientConfig, ClientGlobals } from '@athoscommerce/snap-client';
+import type { UrlTranslatorConfig } from '@athoscommerce/snap-url-manager';
+import type { AbstractController, RecommendationController, Attachments, ContextVariables } from '@athoscommerce/snap-controller';
+import type { VariantConfig } from '@athoscommerce/snap-store-mobx';
+import type { Middleware } from '@athoscommerce/snap-event-manager';
+import type { Target } from '@athoscommerce/snap-toolbox';
+import type { Snap } from '../Snap';
+type RecommendationComponentFunc = () => Promise<any> | any;
+export type RecommendationComponentObject = {
+    component: RecommendationComponentFunc;
+    props?: {
+        [name: string]: any;
+    };
+    onTarget: (target: Target, elem: Element | undefined, injectedElem: Element | undefined, controller: RecommendationController) => void;
+};
+export type RecommendationInstantiatorConfigSettings = {
+    branch: string;
+    realtime?: boolean;
+    batched?: boolean;
+    limit?: number;
+    variants?: VariantConfig;
+};
+export type RecommendationInstantiatorConfig = {
+    mode?: keyof typeof AppMode | AppMode;
+    client?: {
+        globals: ClientGlobals;
+        config?: ClientConfig;
+    };
+    components: {
+        [name: string]: RecommendationComponentFunc | RecommendationComponentObject;
+    };
+    config: RecommendationInstantiatorConfigSettings & Attachments;
+    selector?: string;
+    url?: UrlTranslatorConfig;
+    context?: ContextVariables;
+};
+export type RecommendationInstantiatorServices = {
+    client?: Client;
+    logger?: Logger;
+    tracker?: Tracker;
+    snap?: Snap;
+};
+export declare class RecommendationInstantiator {
+    private mode;
+    client: Client;
+    tracker: Tracker;
+    logger: Logger;
+    controller: {
+        [key: string]: RecommendationController;
+    };
+    config: RecommendationInstantiatorConfig;
+    context: ContextVariables;
+    targeter: DomTargeter;
+    uses: Attachments[];
+    plugins: {
+        func: (cntrlr: AbstractController, ...args: any) => void | Promise<void>;
+        args: unknown[];
+    }[];
+    middleware: {
+        event: string;
+        func: Middleware<any>[];
+    }[];
+    constructor(config: RecommendationInstantiatorConfig, services?: RecommendationInstantiatorServices, context?: ContextVariables);
+    plugin(func: (cntrlr: AbstractController, ...args: any) => void | Promise<void>, ...args: unknown[]): void;
+    on<T>(event: string, ...func: Middleware<T>[]): void;
+    use(attachments: Attachments): void;
+}
+type DefinedProps = {
+    [key: string]: any;
+};
+export declare function defined(properties: Record<string, any>): DefinedProps;
+export {};
+//# sourceMappingURL=RecommendationInstantiator.d.ts.map

package/dist/esm/src/Instantiators/RecommendationInstantiator.d.ts.map

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