@athoscommerce/snap-preact 1.0.0

package/dist/esm/src/Templates/Stores/LibraryStore.js

@@ -0,0 +1,247 @@
+import { transformTranslationsToTheme } from './TemplateStore';
+import { pluginBackgroundFilters as shopifyPluginBackgroundFilters } from './library/plugins/shopify/pluginBackgroundFilters';
+import { pluginMutateResults as shopifyPluginMutateResults } from './library/plugins/shopify/pluginMutateResults';
+import { pluginAddToCart as shopifyPluginAddToCart } from './library/plugins/shopify/pluginAddToCart';
+import { pluginAddToCart as bigCommercePluginAddToCart } from './library/plugins/bigCommerce/pluginAddToCart';
+import { pluginAddToCart as magento2PluginAddToCart } from './library/plugins/magento2/pluginAddToCart';
+import { pluginAddToCart as commonPluginAddToCart } from './library/plugins/common/pluginAddToCart';
+import { pluginBackgroundFilters as bigCommercePluginBackgroundFilters } from './library/plugins/bigCommerce/pluginBackgroundFilters';
+import { pluginBackgroundFilters as magento2PluginBackgroundFilters } from './library/plugins/magento2/pluginBackgroundFilters';
+import { pluginBase as magento2PluginBase } from './library/plugins/magento2/pluginBase';
+import { pluginBackgroundFilters } from './library/plugins/common/pluginBackgroundFilters';
+import { pluginScrollToTop } from './library/plugins/common/pluginScrollToTop';
+import { pluginLogger } from './library/plugins/common/pluginLogger';
+import { CustomComponent } from './library/components/CustomComponent';
+const ALLOWED_CUSTOM_COMPONENT_TYPES = ['result', 'badge'];
+export class LibraryStore {
+    constructor(params) {
+        this.themes = {};
+        this.components = {
+            search: {},
+            autocomplete: {},
+            recommendation: {
+                bundle: {},
+                default: {},
+                email: {},
+            },
+            badge: {},
+            result: {},
+        };
+        this.locales = {
+            currencies: {},
+            languages: {},
+        };
+        this.import = {
+            theme: {
+                base: async () => {
+                    return this.themes.base || (this.themes.base = (await import('./library/themes/base')).base);
+                },
+                // bocachica: async () => {
+                // 	return this.themes.bocachica || (this.themes.bocachica = (await import('./library/themes/bocachica')).bocachica);
+                // },
+                // everest: async () => {
+                // 	return this.themes.everest || (this.themes.everest = (await import('../../../components/src/themes/everest/everest')).everest);
+                // },
+                // matterhorn: async () => {
+                // 	return this.themes.matterhorn || (this.themes.matterhorn = (await import('../../../components/src/themes/matterhorn/matterhorn')).matterhorn);
+                // },
+                pike: async () => {
+                    return this.themes.pike || (this.themes.pike = (await import('../../../components/src/themes/pike/pike')).pike);
+                },
+                // snapnco: async () => {
+                // 	return this.themes.snapnco || (this.themes.snapnco = (await import('./library/themes/snapnco')).snapnco);
+                // },
+                // snappy: async () => {
+                // 	return this.themes.snappy || (this.themes.snappy = (await import('./library/themes/snappy')).snappy);
+                // },
+            },
+            plugins: {
+                shopify: {
+                    backgroundFilters: shopifyPluginBackgroundFilters,
+                    mutateResults: shopifyPluginMutateResults,
+                    addToCart: shopifyPluginAddToCart,
+                },
+                bigcommerce: {
+                    backgroundFilters: bigCommercePluginBackgroundFilters,
+                    addToCart: bigCommercePluginAddToCart,
+                },
+                magento2: {
+                    base: magento2PluginBase,
+                    backgroundFilters: magento2PluginBackgroundFilters,
+                    addToCart: magento2PluginAddToCart,
+                },
+                common: {
+                    backgroundFilters: pluginBackgroundFilters,
+                    scrollToTop: pluginScrollToTop,
+                    logger: pluginLogger,
+                    addToCart: commonPluginAddToCart,
+                },
+            },
+            component: {
+                autocomplete: {
+                    AutocompleteFixed: async () => {
+                        return (this.components.autocomplete.AutocompleteFixed ||
+                            (this.components.autocomplete.AutocompleteFixed = (await import('./library/components/AutocompleteFixed')).AutocompleteFixed));
+                    },
+                    AutocompleteSlideout: async () => {
+                        return (this.components.autocomplete.AutocompleteSlideout ||
+                            (this.components.autocomplete.AutocompleteSlideout = (await import('./library/components/AutocompleteSlideout')).AutocompleteSlideout));
+                    },
+                    AutocompleteModal: async () => {
+                        return (this.components.autocomplete.AutocompleteModal ||
+                            (this.components.autocomplete.AutocompleteModal = (await import('./library/components/AutocompleteModal')).AutocompleteModal));
+                    },
+                },
+                search: {
+                    SearchCollapsible: async () => {
+                        return (this.components.search.SearchCollapsible ||
+                            (this.components.search.SearchCollapsible = (await import('./library/components/SearchCollapsible')).SearchCollapsible));
+                    },
+                    Search: async () => {
+                        return this.components.search.Search || (this.components.search.Search = (await import('./library/components/Search')).Search);
+                    },
+                    SearchHorizontal: async () => {
+                        return (this.components.search.SearchHorizontal ||
+                            (this.components.search.SearchHorizontal = (await import('./library/components/SearchHorizontal')).SearchHorizontal));
+                    },
+                },
+                recommendation: {
+                    bundle: {
+                        RecommendationBundle: async () => {
+                            return (this.components.recommendation.bundle.RecommendationBundle ||
+                                (this.components.recommendation.bundle.RecommendationBundle = (await import('./library/components/RecommendationBundle')).RecommendationBundle));
+                        },
+                        RecommendationBundleEasyAdd: async () => {
+                            return (this.components.recommendation.bundle.RecommendationBundleEasyAdd ||
+                                (this.components.recommendation.bundle.RecommendationBundleEasyAdd = (await import('./library/components/RecommendationBundleEasyAdd')).RecommendationBundleEasyAdd));
+                        },
+                        RecommendationBundleList: async () => {
+                            return (this.components.recommendation.bundle.RecommendationBundleList ||
+                                (this.components.recommendation.bundle.RecommendationBundleList = (await import('./library/components/RecommendationBundleList')).RecommendationBundleList));
+                        },
+                        RecommendationBundleVertical: async () => {
+                            return (this.components.recommendation.bundle.RecommendationBundleVertical ||
+                                (this.components.recommendation.bundle.RecommendationBundleVertical = (await import('./library/components/RecommendationBundleVertical')).RecommendationBundleVertical));
+                        },
+                    },
+                    default: {
+                        Recommendation: async () => {
+                            return (this.components.recommendation.default.Recommendation ||
+                                (this.components.recommendation.default.Recommendation = (await import('./library/components/Recommendation')).Recommendation));
+                        },
+                        RecommendationGrid: async () => {
+                            return (this.components.recommendation.default.RecommendationGrid ||
+                                (this.components.recommendation.default.RecommendationGrid = (await import('./library/components/RecommendationGrid')).RecommendationGrid));
+                        },
+                    },
+                    email: {
+                        RecommendationEmail: async () => {
+                            return (this.components.recommendation.email.RecommendationEmail ||
+                                (this.components.recommendation.email.RecommendationEmail = (await import('./library/components/RecommendationEmail')).RecommendationEmail));
+                        },
+                    },
+                },
+                badge: {},
+                result: {
+                    Result: async () => {
+                        return this.components.result.Result || (this.components.result.Result = (await import('./library/components/Result')).Result);
+                    },
+                },
+            },
+            language: {
+                en: async () => {
+                    return this.locales.languages.en || (this.locales.languages.en = transformTranslationsToTheme((await import('./library/languages/en')).en));
+                },
+                fr: async () => {
+                    return this.locales.languages.fr || (this.locales.languages.fr = transformTranslationsToTheme((await import('./library/languages/fr')).fr));
+                },
+                es: async () => {
+                    return this.locales.languages.es || (this.locales.languages.es = transformTranslationsToTheme((await import('./library/languages/es')).es));
+                },
+            },
+            currency: {
+                usd: async () => {
+                    return this.locales.currencies.usd || (this.locales.currencies.usd = (await import('./library/currencies/usd')).usd);
+                },
+                eur: async () => {
+                    return this.locales.currencies.eur || (this.locales.currencies.eur = (await import('./library/currencies/eur')).eur);
+                },
+                aud: async () => {
+                    return this.locales.currencies.aud || (this.locales.currencies.aud = (await import('./library/currencies/aud')).aud);
+                },
+            },
+        };
+        const { components } = params || {};
+        // allow for configuration to supply custom component imports
+        if (components) {
+            Object.keys(components).forEach((type) => {
+                const componentsOfType = components[type];
+                if (componentsOfType) {
+                    Object.keys(componentsOfType).forEach((component) => {
+                        this.addComponentImport(type, component, componentsOfType[component]);
+                    });
+                }
+            });
+        }
+    }
+    getComponent(type, name) {
+        const paths = type.split('/');
+        paths.push(name);
+        let importPath = this.components;
+        for (let i = 0; i < paths.length; i++) {
+            if (!importPath[paths[i]]) {
+                return undefined;
+            }
+            importPath = importPath[paths[i]];
+        }
+        return importPath;
+    }
+    async addComponentImport(type, name, componentFn) {
+        // only allow certain types: 'results' and 'badges' - otherwise section components could be added (eg: 'search')
+        if (ALLOWED_CUSTOM_COMPONENT_TYPES.includes(type) && this.components[type]) {
+            this.import.component[type][name] = async () => {
+                return (this.components[type][name] ||
+                    (this.components[type][name] = await CustomComponent({
+                        type,
+                        name,
+                        componentFn,
+                    })));
+            };
+        }
+    }
+    async preLoad() {
+        // load everything
+        const loadPromises = [];
+        Object.keys(this.import).forEach((importGroup) => {
+            const importList = this.import[importGroup];
+            Object.keys(importList).forEach((importName) => {
+                if (importGroup === 'component') {
+                    if (importName === 'recommendation') {
+                        const componentSubType = importList.recommendation;
+                        Object.keys(componentSubType).forEach((type) => {
+                            const componentGroup = componentSubType[type];
+                            Object.keys(componentGroup).forEach((componentName) => {
+                                loadPromises.push(componentGroup[componentName]());
+                            });
+                        });
+                    }
+                    else {
+                        const componentGroup = importList[importName];
+                        Object.keys(componentGroup).forEach((componentName) => {
+                            loadPromises.push(componentGroup[componentName]());
+                        });
+                    }
+                }
+                else if (importGroup === 'language' || importGroup === 'currency') {
+                    const importer = importList[importName];
+                    loadPromises.push(importer());
+                }
+                else if (importGroup === 'theme') {
+                    const importer = importList[importName];
+                    loadPromises.push(importer());
+                }
+            });
+        });
+        return Promise.all(loadPromises);
+    }
+}

package/dist/esm/src/Templates/Stores/TargetStore.d.ts

@@ -0,0 +1,23 @@
+import { TemplateTarget, type TemplatesStoreConfigSettings, type TemplatesStoreDependencies, type TemplateThemeTypes } from './TemplateStore';
+export declare const GLOBAL_THEME_NAME = "global";
+type TargetStoreConfig = {
+    target: TemplateTarget;
+    dependencies: TemplatesStoreDependencies;
+    settings: TemplatesStoreConfigSettings;
+};
+export declare class TargetStore {
+    selector: string;
+    component: string;
+    resultComponent: string;
+    theme: {
+        location: TemplateThemeTypes;
+        name: string;
+    };
+    private dependencies;
+    constructor(params: TargetStoreConfig);
+    setComponent(componentName: string): void;
+    setResultComponent(resultComponentName: string): void;
+    setTheme(themeName: string, location: TemplateThemeTypes): void;
+}
+export {};
+//# sourceMappingURL=TargetStore.d.ts.map

package/dist/esm/src/Templates/Stores/TargetStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetStore.d.ts","sourceRoot":"","sources":["../../../../../src/Templates/Stores/TargetStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,4BAA4B,EAAE,KAAK,0BAA0B,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE9I,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAE1C,KAAK,iBAAiB,GAAG;IACxB,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,0BAA0B,CAAC;IACzC,QAAQ,EAAE,4BAA4B,CAAC;CACvC,CAAC;AACF,qBAAa,WAAW;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE;QACb,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,CAAC,YAAY,CAA6B;gBAErC,MAAM,EAAE,iBAAiB;IAoB9B,YAAY,CAAC,aAAa,EAAE,MAAM;IAKlC,kBAAkB,CAAC,mBAAmB,EAAE,MAAM;IAK9C,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB;CAO/D"}

package/dist/esm/src/Templates/Stores/TargetStore.js

@@ -0,0 +1,37 @@
+import { observable, makeObservable } from 'mobx';
+export const GLOBAL_THEME_NAME = 'global';
+export class TargetStore {
+    constructor(params) {
+        const { target, dependencies, settings } = params;
+        this.dependencies = dependencies;
+        this.selector = target.selector || '';
+        this.component = (settings.editMode && this.dependencies.storage.get(`templates.${this.selector}.component`)) || target.component;
+        this.resultComponent =
+            (settings.editMode && this.dependencies.storage.get(`templates.${this.selector}.resultComponent`)) || target.resultComponent;
+        this.theme = (settings.editMode && this.dependencies.storage.get(`templates.${this.selector}.theme`)) || {
+            location: 'local',
+            name: GLOBAL_THEME_NAME,
+        };
+        makeObservable(this, {
+            component: observable,
+            resultComponent: observable,
+            selector: observable,
+            theme: observable,
+        });
+    }
+    setComponent(componentName) {
+        this.component = componentName;
+        this.dependencies.storage.set(['templates', this.selector, 'component'], this.component);
+    }
+    setResultComponent(resultComponentName) {
+        this.resultComponent = resultComponentName;
+        this.dependencies.storage.set(['templates', this.selector, 'resultComponent'], this.resultComponent);
+    }
+    setTheme(themeName, location) {
+        this.theme = {
+            location,
+            name: themeName,
+        };
+        this.dependencies.storage.set(['templates', this.selector, 'theme'], this.theme);
+    }
+}

package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts

@@ -0,0 +1,83 @@
+import { AutocompleteStoreConfigSettings, SearchStoreConfigSettings, StorageStore } from '@athoscommerce/snap-store-mobx';
+import { TemplatesStore } from '../TemplateStore';
+import { AutocompleteController, SearchController } from '@athoscommerce/snap-controller';
+import type { AbstractionGroup } from '../../../types';
+import { ThemeVariables, ThemeVariablesPartial } from '../../../../components/src';
+import { TargetStore } from '../TargetStore';
+import { SnapTemplatesConfig } from '../../SnapTemplates';
+import { CurrencyCodes, LanguageCodes } from '../LibraryStore';
+export type EditorTabs = 'templates' | 'configuration';
+type EditorState = {
+    hidden: boolean;
+    activeTab: EditorTabs;
+};
+type EditorControllerConfigs = {
+    search?: SearchStoreConfigSettings;
+    autocomplete?: AutocompleteStoreConfigSettings;
+};
+type EditorInitialThemeConfig = {
+    extends: string;
+    variables: ThemeVariables;
+};
+type EditorOverridesThemeConfig = {
+    extends?: string;
+    variables?: ThemeVariablesPartial;
+};
+export declare class TemplateEditorStore {
+    storage: StorageStore;
+    state: EditorState;
+    overrides: {
+        config: SnapTemplatesConfig['config'];
+        controller: EditorControllerConfigs;
+        theme: EditorOverridesThemeConfig;
+    };
+    initial: {
+        config: SnapTemplatesConfig['config'] & {
+            language: LanguageCodes;
+            currency: CurrencyCodes;
+        };
+        controller: EditorControllerConfigs;
+        theme: EditorInitialThemeConfig;
+    };
+    tabs: EditorTabs[];
+    templatesStore: TemplatesStore;
+    uiAbstractions: {
+        templates: {
+            config: AbstractionGroup[];
+            theme: AbstractionGroup[];
+        };
+        controllers: {
+            search: AbstractionGroup<SearchController>[];
+            autocomplete: AbstractionGroup<AutocompleteController>[];
+        };
+    };
+    constructor({ templatesStore }: {
+        templatesStore: TemplatesStore;
+    });
+    switchTabs(tab: EditorTabs): void;
+    toggleHide(hide: boolean): void;
+    setConfigOverride(obj: {
+        path: string[];
+        value: unknown;
+    }): void;
+    setTheme(themeName: string): void;
+    setThemeOverride: (obj: {
+        path: string[];
+        value: unknown;
+    }) => void;
+    setControllerOverride<ControllerType extends SearchController | AutocompleteController>(obj: {
+        path: string[];
+        value?: unknown;
+        controller: ControllerType;
+    }): void;
+    registerController<ControllerType extends SearchController | AutocompleteController>(controller: ControllerType): void;
+    getTargets(): {
+        type: string;
+        target: string;
+        template: TargetStore;
+        selector: string;
+    }[];
+    generateTemplatesConfig(): SnapTemplatesConfig;
+}
+export {};
+//# sourceMappingURL=TemplateEditorStore.d.ts.map

package/dist/esm/src/Templates/Stores/TemplateEditor/TemplateEditorStore.d.ts.map

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