@useinsider/guido 3.2.0-beta.739a669 → 3.2.0-beta.8b0bc0c

package/dist/services/templateLibraryApi.js

@@ -1,92 +1,91 @@
-import { useConfig as w } from "../composables/useConfig.js";
-import { useHttp as b } from "../composables/useHttp.js";
-import { useToaster as h } from "../composables/useToaster.js";
-import { useTranslations as C } from "../composables/useTranslations.js";
-import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
-import { EditorType as v } from "../enums/defaults.js";
-import { useRecommendationExtensionStore as N } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as x } from "../stores/save-as-template.js";
+import { useConfig as y } from "../composables/useConfig.js";
+import { useHttp as g } from "../composables/useHttp.js";
+import { useToaster as f } from "../composables/useToaster.js";
+import { useTranslations as T } from "../composables/useTranslations.js";
+import { useLiquidValidator as w } from "../composables/validators/useLiquidValidator.js";
+import { EditorType as b } from "../enums/defaults.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as C } from "../stores/save-as-template.js";
 import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
-import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-const $ = () => {
-  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = h(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: g } = S(), u = C();
+import { useTemplatePreparation as S } from "../utils/templatePreparation.js";
+const G = () => {
+  const { get: o, post: i } = g(), { handleError: s, showToaster: n } = f(), { config: m, isFeatureEnabled: l } = y(), { validateLiquidSyntax: p } = w(), c = T();
   return {
     getCategories: async () => {
       try {
-        const { data: e = [] } = await n("/newsletter/template-library/get-template-categories");
+        const { data: e = [] } = await o("/newsletter/template-library/get-template-categories");
         return e;
       } catch (e) {
-        return o(e, "Failed to fetch template categories"), [];
+        return s(e, "Failed to fetch template categories"), [];
       }
     },
     checkTemplateNameAvailability: async (e) => {
-      const { data: { status: t = !1 } } = await n(
+      const { data: { status: t = !1 } } = await o(
         `/newsletter/template-library/template-name-exists?name=${e}`
       );
       return !t;
     },
     createCategory: async (e) => {
       try {
-        const { data: { id: t } } = await m(
+        const { data: { id: t } } = await i(
           "/newsletter/template-library/create-category",
           { name: e }
         );
         return t.toString();
       } catch (t) {
-        return o(t, "Failed to create category"), "";
+        return s(t, "Failed to create category"), "";
       }
     },
     createTemplate: async () => {
-      var e, t, d, y;
       try {
-        const { prepareTemplateDetails: i } = A(), s = x(), a = await i();
-        if (p("liquidSyntax") && !await g(a.compiledHtml))
+        const { prepareTemplateDetails: e } = S(), t = C(), a = await e();
+        if (l("liquidSyntax") && !await p(a.compiledHtml))
           return !1;
-        const f = {
-          name: s.getTemplateName,
-          categories: s.getSelectedCategoryIds,
-          productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
-          editorType: v,
-          messageType: ((y = (d = c.value) == null ? void 0 : d.partner) == null ? void 0 : y.messageType) || 0,
+        const u = {
+          name: t.getTemplateName,
+          categories: t.getSelectedCategoryIds,
+          productId: m.value?.partner?.productType || 0,
+          editorType: b,
+          messageType: m.value?.partner?.messageType || 0,
           content: r(a.compiledHtml),
           css: r(a.css),
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
           recommendationCampaignUrls: r(
-            N().recommendationCampaignUrls
+            h().recommendationCampaignUrls
           ),
           recommendationConfigs: r({}),
           isGuido: !0,
           // eslint-disable-next-line camelcase
-          template_engine: p("liquidSyntax") ? 1 : 0,
+          template_engine: l("liquidSyntax") ? 1 : 0,
           stripoConfig: r({
             editor: "stripo",
             html: a.rawHtml,
             css: a.css
           })
-        }, { data: { type: T } } = await m(
+        }, { data: { type: d } } = await i(
           "/newsletter/template-library/create-template",
-          f
+          u
         );
-        return T === "alert" ? (l({
-          message: u(
+        return d === "alert" ? (n({
+          message: c(
             "newsletter.template-library-save-alert",
-            { templateName: s.getTemplateName }
+            { templateName: t.getTemplateName }
           ),
           type: "alert"
-        }), !1) : (l({
-          message: u(
+        }), !1) : (n({
+          message: c(
             "newsletter.template-library-save-success",
-            { templateName: s.getTemplateName }
+            { templateName: t.getTemplateName }
           ),
           type: "success"
         }), !0);
-      } catch (i) {
-        return o(i, "Failed to create template"), !1;
+      } catch (e) {
+        return s(e, "Failed to create template"), !1;
       }
     }
   };
 };
 export {
-  $ as useTemplateLibraryApi
+  G as useTemplateLibraryApi
 };

package/dist/src/components/wrappers/WpModal.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>>, {
     description: string;
     size: "X-small" | "small" | "medium" | "large";
-    closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;
+    closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/src/composables/useFullStoryBridge.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Injects the hosted FullStory bridge script into the Stripo editor iframe.
+ *
+ * The bridge script's origin is allowlisted via Stripo's
+ * `allowedScriptSourceDomains` in useStripo, so the iframe's CSP permits
+ * the load. The bundled script itself handles reading FS config from the
+ * parent window and booting the FullStory queue stub inside the iframe.
+ */
+export declare const useFullStoryBridge: () => {
+    injectFullStory: () => void;
+};

package/dist/src/composables/useHtmlCompiler.d.ts

@@ -1,4 +1,3 @@
-import type { CompilationResult } from '@@/Types/html-compiler';
 export declare const useHtmlCompiler: () => {
-    compileHtml: (html: string) => CompilationResult;
+    compileHtml: (html: string) => import("@@/Types/html-compiler").CompilationResult;
 };

package/dist/src/composables/useTranslations.d.ts

@@ -1,5 +1,5 @@
 interface TranslationValues {
     [key: string]: string | number | boolean;
 }
-export declare const useTranslations: () => ((key: string, params?: TranslationValues) => string) & import("lodash").MemoizedFunction;
+export declare const useTranslations: () => (key: string, params?: TranslationValues) => string;
 export {};

package/dist/src/enums/onboarding.d.ts

@@ -3,9 +3,3 @@ export declare const UI_EDITOR_SELECTOR = "ui-editor";
 export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";
 export declare const SETTINGS_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Settings\"]";
 export declare const RIBBON_SELECTOR = ".in-ribbons-wrapper";
-export declare const DYNAMIC_CONTENT_BUTTON_SELECTOR = "#guido__btn-add-dynamic-content";
-export declare const AMP_TOGGLE_BUTTON_SELECTOR = ".guido__amp-toggle-html";
-export declare const AMP_TOGGLE_WRAPPER_SELECTOR = ".in-segments-wrapper";
-export declare const HEADER_SELECTOR = "[data-testid=\"guido-header\"]";
-export declare const POPOVER_LEFT_OFFSET = 158;
-export declare const POPOVER_TOP_GAP = 10;

package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts

@@ -63,5 +63,6 @@ export declare enum RecommendationControlId {
     CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control",
     CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control",
     CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control",
+    CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control",
     SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message"
 }

package/dist/src/extensions/Blocks/Recommendation/controls/customAttribute/index.d.ts

@@ -13,10 +13,12 @@
  * product cards — changing "brand" color won't affect "rating_star" color.
  */
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CustomAttributeTextTrimControl } from './textTrim';
 /**
  * Grouped Custom Attribute Controls
  * Use this object for cleaner imports in extension.ts
  */
+export { CustomAttributeTextTrimControl } from './textTrim';
 export declare const CustomAttributeControls: {
     readonly align: {
         new (): {
@@ -102,4 +104,5 @@ export declare const CustomAttributeControls: {
             isVisible(_node: ImmutableHtmlNode): boolean;
         };
     };
+    readonly textTrim: typeof CustomAttributeTextTrimControl;
 };

package/dist/src/extensions/Blocks/Recommendation/controls/customAttribute/textTrim.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Custom Attribute Text Trim Control
+ *
+ * Per-attribute text trimming for custom product attributes.
+ * Unlike NameTextTrimControl which applies to ALL product names globally,
+ * this control is scoped to a specific custom attribute type via the
+ * `product-attr` HTML attribute — changing text-trim on "brand" won't
+ * affect "rating_star".
+ *
+ * CSS rules are shared with NameTextTrimControl via shared/textTrimCssRules.ts.
+ */
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+/**
+ * Control for enabling/disabling text trimming on individual custom attributes.
+ * Scoped per attribute type using the `product-attr` HTML attribute.
+ */
+export declare class CustomAttributeTextTrimControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentTrimState(): boolean;
+    /**
+     * Finds all custom attribute elements of the same type as the current node.
+     *
+     * Similar to getCustomAttrTargetNodes in customAttribute/index.ts, but adapted
+     * for CommonControl lifecycle where currentNode is a class property (not a
+     * parameter from Stripo's getTargetNodes override).
+     */
+    _getTargetElements(): ImmutableHtmlNode[];
+    _onTextTrimChange(enabled: boolean): void;
+    _listenToFormUpdates(): void;
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/textTrim.d.ts

@@ -1,9 +1,9 @@
-import { ImmutableCssNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
 /**
- * Control for enabling/disabling text trimming on product names
+ * Control for enabling/disabling text trimming on product names.
  * When enabled, adds a CSS class that applies text-overflow: ellipsis
- * and injects the required CSS rules into the document stylesheet
+ * and injects the required CSS rules into the document stylesheet.
  */
 export declare class NameTextTrimControl extends CommonControl {
     getId(): string;
@@ -12,23 +12,6 @@ export declare class NameTextTrimControl extends CommonControl {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     _setFormValues(): void;
     _getCurrentTrimState(): boolean;
-    /**
-     * Finds an existing CSS rule in the document stylesheet by exact query
-     * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
-     * @returns The CSS rule node if found, undefined otherwise
-     */
-    _findCssRule(query: string): ImmutableCssNode | undefined;
-    /**
-     * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
-     * This is needed because Stripo's CSS query syntax interprets spaces as path separators
-     * @returns true if the rule exists
-     */
-    _hasParagraphRule(): boolean;
-    /**
-     * Ensures the text-trim CSS rules exist in the document stylesheet
-     * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
-     */
-    _ensureCssRulesExist(): void;
     _onTextTrimChange(enabled: boolean): void;
     _listenToFormUpdates(): void;
 }

package/dist/src/extensions/Blocks/Recommendation/controls/shared/textTrimCssRules.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Shared Text Trim CSS Rule Management
+ *
+ * Extracted from NameTextTrimControl to be reused by CustomAttributeTextTrimControl.
+ * Follows the same pattern as controls/mobileLayout/cssRules.ts — standalone
+ * functions that accept an API parameter, importable by any control class.
+ *
+ * The CSS rules are document-scoped (shared across all recommendation blocks).
+ * Once injected, they persist until the template is closed.
+ */
+import type { ImmutableCssNode } from '@stripoinc/ui-editor-extensions';
+import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
+export declare const CSS_CLASS_TEXT_TRIM = "text-trim-enabled";
+interface CssCapableApi {
+    getDocumentRootCssNode: () => ImmutableCssNode | null;
+    getDocumentModifier: () => {
+        modifyCss: (node: ImmutableCssNode) => {
+            appendRule: (rule: string) => void;
+        };
+        apply: (desc: ModificationDescription) => void;
+    };
+}
+/**
+ * Ensures the text-trim CSS rules exist in the document stylesheet.
+ * Only adds rules if they don't already exist (prevents duplicates across blocks).
+ * Calls getDocumentRootCssNode once and passes it to both checks.
+ */
+export declare function ensureTextTrimCssRulesExist(api: CssCapableApi): void;
+export {};

package/dist/src/stores/dynamic-content.d.ts

@@ -26,13 +26,13 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"gu
         selectedDynamicContent: DynamicContent;
         selectedDynamicContentList: DynamicContent[];
     }>) => {
-        text: string;
         value: string;
-        fallback: string | undefined;
-        format: {
+        fallback?: string | undefined;
+        format?: {
             key: string;
             value: string;
         } | undefined;
+        text: string;
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;

package/dist/src/stores/onboarding.d.ts

@@ -1392,10 +1392,6 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
     close(type: OnboardingType): Promise<void>;
     next(type: OnboardingType): void;
     previous(type: OnboardingType): void;
-    updateCardPosition(type: OnboardingType, cardIndex: number, position: {
-        top: string;
-        position: string;
-    }): void;
     setConfig(type: OnboardingType, config: OnboardingCardConfig[]): void;
     onDiscoverNowClicked(): Promise<void>;
     onRemindMeLater(): void;

package/dist/static/styles/components/button.css.js

@@ -1,4 +1,4 @@
-const o = `.control-shadow-wrapper:has(.button) {
+const n = `.control-shadow-wrapper:has(.button) {
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
@@ -99,18 +99,12 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
     color: var(--guido-color-primary-500);
 }
 
-ue-select.full-width .button {
-    border: none !important;
-    background-color: var(--guido-color-neutral-200) !important;
-    color: var(--guido-color-neutral-800) !important;
-}
-
 ue-select.full-width .button .icon-button {
     color: var(--guido-color-gray-600) !important;
 }
 
 ue-select.full-width .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-neutral-100) !important;
+    background-color: var(--guido-color-gray-0) !important;
 }
 
 ue-color {
@@ -130,7 +124,20 @@ ue-select-text-input .select-text-input-toggle .button {
     justify-content: center;
     background-color: transparent !important;
 }
+
+
+.control-shadow-wrapper,
+ue-button:not(.no-shadow,.flat-white),
+ue-toggle:not(.no-shadow,.flat-white),
+:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
+.button-group,
+ue-counter:not(.no-shadow),
+:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
+ue-check-button:not(.no-shadow,.flat-white) {
+    background: none;
+    padding: 0;
+}
 `;
 export {
-  o as default
+  n as default
 };

package/dist/static/styles/components/loader.css.js

@@ -4,6 +4,10 @@ const n = `ue-loader-component.full-height {
     z-index: 9;
     backdrop-filter: blur(2px);
 }
+
+ue-loader-component .service-element.loader {
+    box-shadow: var(--guido-color-primary-500) 1px 1px 0 0 !important;
+}
 `;
 export {
   n as default

package/dist/static/styles/components/narrow-panel.css.js

@@ -28,6 +28,58 @@ ue-stripe-thumb:hover:not(.disabled),
     border-color: var(--guido-color-primary-500);
 }
 
+/* Module search — initial */
+.module-search-container {
+    background-color: var(--guido-color-gray-0);
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+}
+
+.module-search-container .service-element {
+    background-color: unset;
+}
+
+.module-filter-toggle {
+    top: -1px !important;
+    right: -1px !important;
+}
+
+.module-filter-toggle > .button,
+.module-search-container:hover .module-filter-toggle > .button {
+    border: none;
+    background: transparent;
+}
+
+/* Module search — hover */
+.module-search-container:has(.module-search-chip-input:hover) {
+    border-color: var(--guido-color-primary-500);
+}
+
+.module-search-container .module-search-chip-input .service-element:hover {
+    background-color: var(--guido-color-gray-0);
+    border-radius: 4px;
+}
+
+.module-search-container .module-filter-toggle:hover > .button {
+    background-color: var(--guido-color-gray-1);
+}
+
+/* Module search — selected (.on) */
+.module-search-container:has(.module-search-chip-input.on),
+.module-search-container:has(.module-search-chip-input.on):hover {
+    border-color: var(--guido-color-primary-500);
+    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
+}
+
+.module-search-container .module-search-chip-input.on .input-section {
+    background-color: unset;
+    box-shadow: unset;
+}
+
+.module-categories-list .menu-item {
+    padding: 8px 20px !important;
+}
+
 .modules-layout-wrapper {
     padding: 0 16px 16px;
     grid-row-gap: 16px;

package/dist/stores/config.js

@@ -1,8 +1,6 @@
-import "../@types/config/schemas.js";
-import "../@types/config/defaults.js";
-import { parseConfig as n } from "../@types/config/validator.js";
-import { defineStore as o } from "pinia";
-const s = o("guido-config", {
+import { defineStore as n } from "pinia";
+import { parseConfig as t } from "../@types/config/validator.js";
+const a = n("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -11,137 +9,83 @@ const s = o("guido-config", {
     /**
      * Get the identity configuration
      */
-    identity: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity) ?? null;
-    },
+    identity: (e) => e.config?.identity ?? null,
     /**
      * Get the partner configuration
      */
-    partner: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner) ?? null;
-    },
+    partner: (e) => e.config?.partner ?? null,
     /**
      * Get the template configuration
      */
-    template: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.template) ?? null;
-    },
+    template: (e) => e.config?.template ?? null,
     /**
      * Get the editor configuration
      */
-    editor: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.editor) ?? null;
-    },
+    editor: (e) => e.config?.editor ?? null,
     /**
      * Get the UI configuration
      */
-    ui: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.ui) ?? null;
-    },
+    ui: (e) => e.config?.ui ?? null,
     /**
      * Get the features configuration
      */
-    features: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.features) ?? null;
-    },
+    features: (e) => e.config?.features ?? null,
     /**
      * Get the blocks configuration
      */
-    blocks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.blocks) ?? null;
-    },
+    blocks: (e) => e.config?.blocks ?? null,
     /**
      * Get the compiler configuration
      */
-    compiler: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
-    },
+    compiler: (e) => e.config?.compiler ?? null,
     /**
      * Get the callbacks configuration
      */
-    callbacks: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
-    },
+    callbacks: (e) => e.config?.callbacks ?? null,
     /**
      * Get the template ID
      */
-    templateId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.templateId) ?? "";
-    },
+    templateId: (e) => e.config?.identity.templateId ?? "",
     /**
      * Get the user ID
      */
-    userId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.userId) ?? "";
-    },
+    userId: (e) => e.config?.identity.userId ?? "",
     /**
      * Get the variation ID
      */
-    variationId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.variationId) ?? "";
-    },
+    variationId: (e) => e.config?.identity.variationId ?? "",
     /**
      * Get the partner name
      */
-    partnerName: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.name) ?? "";
-    },
+    partnerName: (e) => e.config?.partner.name ?? "",
     /**
      * Get the product type
      */
-    productType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.productType) ?? 60;
-    },
+    productType: (e) => e.config?.partner.productType ?? 60,
     /**
      * Get the message type
      */
-    messageType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.messageType) ?? 1;
-    },
+    messageType: (e) => e.config?.partner.messageType ?? 1,
     /**
      * Get the username
      */
-    username: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.username) ?? "Guido User";
-    },
+    username: (e) => e.config?.partner.username ?? "Guido User",
     /**
      * Check if header should be shown
      */
-    showHeader: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.ui.showHeader) ?? !0;
-    },
+    showHeader: (e) => e.config?.ui.showHeader ?? !0,
     /**
      * Check if a specific feature is enabled
      */
-    isFeatureEnabled: (i) => (e) => {
-      var t;
-      return ((t = i.config) == null ? void 0 : t.features[e]) ?? !0;
-    }
+    isFeatureEnabled: (e) => (i) => e.config?.features[i] ?? !0
   },
   actions: {
     /**
      * Initialize the config store with validated configuration
      */
-    init(i) {
-      const e = n(i);
-      this.config = e, this.initialized = !0;
+    init(e) {
+      const i = t(e);
+      this.config = i, this.initialized = !0;
     },
     /**
      * Reset the config store
@@ -152,5 +96,5 @@ const s = o("guido-config", {
   }
 });
 export {
-  s as useConfigStore
+  a as useConfigStore
 };