@useinsider/guido 1.0.3-beta.cedc8cb → 1.0.3-beta.cf8f00f

package/dist/composables/useErrorTracking.js

@@ -1,98 +0,0 @@
-import { inject as S, ref as g } from "vue";
-const f = () => {
-  const s = S("traceId", ""), n = g(0), i = g(null), d = (r, e = {}) => {
-    const t = r instanceof Error ? r.message : String(r), o = {
-      ...e,
-      errorMessage: t,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      userAgent: navigator.userAgent,
-      url: window.location.href,
-      traceId: s || void 0
-    };
-    return n.value += 1, r instanceof Error && (i.value = r), window.Sentry && window.Sentry.captureException(r, {
-      tags: {
-        component: e.component,
-        operation: e.operation,
-        source: "guido"
-      },
-      contexts: {
-        guido: o
-      },
-      extra: {
-        traceId: s || void 0
-      }
-    }), window.FS && window.FS("event", "guido_error", {
-      errorMessageStr: t,
-      componentStr: e.component || "unknown",
-      operationStr: e.operation || "unknown",
-      templateIdStr: e.templateId || "",
-      userIdStr: e.userId || "",
-      traceIdStr: s || "",
-      errorCountInt: n.value,
-      timestampInt: Date.now()
-    }), o;
-  }, c = (r, e, t = {}, o = !0) => {
-    const a = r instanceof Error ? r : new Error(String(r)), u = a.message, p = {
-      component: "stripo-wrapper",
-      operation: e,
-      ...t,
-      errorMessage: u,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      userAgent: navigator.userAgent,
-      url: window.location.href
-    };
-    return n.value += 1, i.value = a, o && window.Sentry && window.Sentry.captureException(a, {
-      tags: {
-        component: "stripo-wrapper",
-        operation: e
-      },
-      contexts: {
-        guido: p
-      }
-    }), o && window.FS && window.FS("event", "guido_stripo_error", {
-      errorMessageStr: u,
-      operationStr: e || "unknown",
-      timestampInt: Date.now()
-    }), p;
-  }, w = (r, e, t = {}) => {
-    const o = new Error(
-      `Timeout waiting for Stripo ${r} (${e}ms)`
-    );
-    return c(o, `${r}_timeout`, {
-      timeoutMs: e,
-      ...t
-    });
-  }, m = (r, e, t = {}) => new Promise((o, a) => {
-    setTimeout(() => {
-      const u = w(
-        e,
-        r,
-        t
-      );
-      a(new Error(u.errorMessage));
-    }, r);
-  });
-  return {
-    traceId: s,
-    errorCount: n,
-    lastError: i,
-    captureError: d,
-    captureStripoError: c,
-    captureTimeoutError: w,
-    createTimeoutPromise: m,
-    withTimeout: (r, e, t, o = {}) => Promise.race([
-      r,
-      m(e, t, o)
-    ]),
-    getErrorSummary: () => ({
-      errorCount: n.value,
-      lastError: i.value
-    }),
-    resetErrorTracking: () => {
-      n.value = 0, i.value = null;
-    }
-  };
-};
-export {
-  f as useErrorTracking
-};

package/dist/composables/useStripoErrorCategory.d.ts

@@ -1,26 +0,0 @@
-/**
- * Error categorization system for Stripo integration
- * Determines whether errors should be logged to Sentry/FullStory, Slack, or both
- *
- * Note: Error type names use snake_case (e.g., plugin_load_error) to match
- * error type strings used throughout the codebase. This is intentional and
- * required for the categorization system to work correctly.
- */
-export type ErrorSeverity = 'critical' | 'warning' | 'info';
-export type ErrorCaptureLevel = 'sentry_and_slack' | 'slack_only' | 'sentry_only';
-export interface ErrorCategory {
-    type: string;
-    severity: ErrorSeverity;
-    captureLevel: ErrorCaptureLevel;
-    description: string;
-}
-/**
- * Categorize an error based on its type
- * Returns the error category with capture level and severity
- */
-export declare const useStripoErrorCategory: () => {
-    getErrorCategory: (errorType: string) => ErrorCategory;
-    shouldCaptureSentry: (errorType: string) => boolean;
-    shouldNotifySlack: (errorType: string) => boolean;
-    addErrorCategory: (category: ErrorCategory) => void;
-};

package/dist/composables/useStripoErrorCategory.js

@@ -1,86 +0,0 @@
-const i = {
-  // Critical errors: Log to Sentry + Alert Slack
-  plugin_load_error: {
-    type: "plugin_load_error",
-    severity: "critical",
-    captureLevel: "sentry_and_slack",
-    description: "Stripo UIEditor.js script failed to load"
-  },
-  plugin_load_timeout: {
-    type: "plugin_load_timeout",
-    severity: "critical",
-    captureLevel: "sentry_and_slack",
-    description: "Stripo script loading exceeded timeout threshold"
-  },
-  authentication_error: {
-    type: "authentication_error",
-    severity: "critical",
-    captureLevel: "sentry_and_slack",
-    description: "Token or authentication failure"
-  },
-  // Handled errors: Alert Slack but DON'T log to Sentry/FullStory
-  cors_error: {
-    type: "cors_error",
-    severity: "warning",
-    captureLevel: "slack_only",
-    description: "CORS policy blocked resource (can be caught before Sentry)"
-  },
-  // Runtime errors: Log to Sentry but DON'T alert Slack
-  stripo_runtime_error: {
-    type: "stripo_runtime_error",
-    severity: "warning",
-    captureLevel: "sentry_only",
-    description: "Runtime error from Stripo editor"
-  },
-  init_editor: {
-    type: "init_editor",
-    severity: "warning",
-    captureLevel: "sentry_only",
-    description: "Editor initialization failure"
-  },
-  init_plugin: {
-    type: "init_plugin",
-    severity: "warning",
-    captureLevel: "sentry_only",
-    description: "Plugin initialization failure"
-  },
-  token_refresh: {
-    type: "token_refresh",
-    severity: "warning",
-    captureLevel: "sentry_only",
-    description: "Token refresh operation failed"
-  },
-  template_loaded: {
-    type: "template_loaded",
-    severity: "warning",
-    captureLevel: "sentry_only",
-    description: "Template loading operation failed"
-  }
-}, l = () => {
-  const t = (e) => {
-    const r = i[e];
-    return r || {
-      type: e,
-      severity: "warning",
-      captureLevel: "sentry_only",
-      description: "Unknown error type"
-    };
-  };
-  return {
-    getErrorCategory: t,
-    shouldCaptureSentry: (e) => {
-      const r = t(e);
-      return ["sentry_and_slack", "sentry_only"].includes(r.captureLevel);
-    },
-    shouldNotifySlack: (e) => {
-      const r = t(e);
-      return ["sentry_and_slack", "slack_only"].includes(r.captureLevel);
-    },
-    addErrorCategory: (e) => {
-      i[e.type] = e;
-    }
-  };
-};
-export {
-  l as useStripoErrorCategory
-};

package/dist/composables/useStripoSlackNotifier.d.ts

@@ -1,8 +0,0 @@
-/**
- * Slack notifications for Stripo errors
- * Uses error categorization to determine which errors should trigger Slack alerts
- * Prevents duplicate alerts within the same session
- */
-export declare const useStripoSlackNotifier: () => {
-    notifySlack: (errorMessage: string, errorType: string, additionalContext?: Record<string, unknown>) => Promise<boolean>;
-};

package/dist/composables/useStripoSlackNotifier.js

@@ -1,47 +0,0 @@
-import { useStripoErrorCategory as g } from "./useStripoErrorCategory.js";
-import { getSlackNotificationService as f } from "../services/slackNotificationService.js";
-import { getStripoErrorDeduplicationService as u } from "../services/stripoErrorDeduplicationService.js";
-const w = () => {
-  const c = f(), s = u(), { shouldNotifySlack: a, getErrorCategory: l } = g();
-  return {
-    notifySlack: async (o, t, r) => {
-      const e = l(t), i = a(t) || e.captureLevel === "sentry_only", S = {
-        critical: "critical",
-        warning: "high",
-        info: "low"
-      };
-      let n = o;
-      i && (n += `
-
-_Also logged to Sentry/FullStory for analysis_`);
-      const p = {
-        title: `Stripo ${t.replace(/_/g, " ").toUpperCase()}`,
-        message: n,
-        errorType: t,
-        severity: S[e.severity] || "high",
-        context: {
-          ...r,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          environment: "production",
-          captureLevel: e.captureLevel,
-          description: e.description,
-          loggedToSentry: i
-        }
-      };
-      return s.trackError({
-        errorType: t,
-        errorMessage: o,
-        errorCategory: e.severity,
-        context: {
-          ...r,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          environment: "production"
-        },
-        reportedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }) ? c.sendErrorNotification(p) : !1;
-    }
-  };
-};
-export {
-  w as useStripoSlackNotifier
-};

package/dist/enums/onboarding.d.ts

@@ -1 +0,0 @@
-export declare const SERVICE_HOVER_SELECTORS: string[];

package/dist/extensions/Blocks/Checkbox/template.d.ts

@@ -1,6 +0,0 @@
-declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
-/**
- * @returns The template for the default checkbox block
- */
-export declare function getDefaultTemplate(): string;
-export default migrationTemplate;

package/dist/extensions/Blocks/Recommendation/template.d.ts

@@ -1,6 +0,0 @@
-declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
-/**
- * @returns The template for the default checkbox block
- */
-export declare function getDefaultTemplate(): string;
-export default migrationTemplate;

package/dist/extensions/Blocks/Recommendation/template.js

@@ -1,200 +0,0 @@
-const g = {
-  TITLE: "You May Also Like!"
-}, h = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block">
-        <table width="100%" cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td align="center" style="padding: 20px 0;">      
-                    <!-- Email Content Container -->
-                    <table class="container" 
-                        width="600" 
-                        cellpadding="0" 
-                        cellspacing="0" 
-                        border="0" 
-                        style="max-width: 600px; width: 100%; background-color: #ffffff;">   
-                        <!-- Heading -->
-                        <tr>
-                            <td class="heading" 
-                                style="
-                                    font-size: 28px; 
-                                    font-weight: bold; 
-                                    color: #333333; 
-                                    text-align: center; 
-                                    padding: 30px 20px;">
-                                {-{-TITLE-}-}
-                            </td>
-                        </tr>
-
-                        <!-- Product Rows -->
-                        {-{-PRODUCT_ROWS-}-}
-                    </table>
-                    <!-- End Email Content Container -->
-                </td>
-            </tr>
-        </table>
-    </td>
-`, u = `
-    <tr>
-        <td style="padding: 0 20px;">
-            <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
-                {-{-PRODUCTS-}-}
-            </table>
-        </td>
-    </tr>
-`, m = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="product-image-cell" 
-                    valign="top" 
-                    style="background-color: #e8f0f2; padding: 30px; text-align: center;">
-                    <img src="{-{-PRODUCT_IMAGE-}-}" 
-                        alt="{-{-PRODUCT_NAME-}-}" width="120" style="max-width: 100%; height: auto; margin: 0 auto;">
-                </td>
-            </tr>
-        </table>
-    </td>
-`, b = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="product-name-cell" 
-                    valign="top" 
-                    style="font-size: 16px; color: #333333; font-weight: 600; padding: 15px 10px; text-align: center;">
-                    {-{-PRODUCT_NAME-}-}
-                </td>
-            </tr>
-        </table>
-    </td>
-`, x = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="price-cell" valign="top" style="padding: 10px; text-align: center;">
-                    <span class="current-price" style="font-size: 16px; color: #333333; font-weight: bold;">
-                        18,00 TRY
-                    </span>
-                    <span class="old-price" style="font-size: 14px; color: #999999; text-decoration: line-through;">
-                        20,00 TRY
-                    </span>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, w = `
-    <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
-        <table width="100%" 
-            height="100%" 
-            cellpadding="0" 
-            cellspacing="0" 
-            border="0" 
-            class="product-card-wrapper" 
-            style="background-color: #f8f8f8;">
-            <tr>
-                <td class="button-cell" valign="top" style="padding: 15px 10px 20px 10px; text-align: center;">
-                    <a href="#" 
-                        class="buy-button" 
-                        style="
-                            display: inline-block;
-                            width: 90%; 
-                            max-width: 150px; 
-                            padding: 12px 20px; 
-                            background-color: #ffffff; 
-                            color: #333333; 
-                            text-decoration: none; 
-                            border: 2px solid #cccccc; 
-                            font-size: 16px; 
-                            box-sizing: border-box;">
-                            Buy
-                    </a>
-                </td>
-            </tr>
-        </table>
-    </td>
-`, f = `
-    <tr>
-        <td class="spacer" style="height: 20px;"></td>
-    </tr>
-`;
-function T() {
-  const c = [
-    {
-      name: "Beanie with Logo",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/08/beanie-with-logo-1.jpg",
-      price: "18,00 TRY",
-      oldPrice: "20,00 TRY",
-      url: "https://example.com/product/1"
-    },
-    {
-      name: "Belt",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: "55,00 TRY",
-      oldPrice: "65,00 TRY",
-      url: "https://example.com/product/2"
-    },
-    {
-      name: "Beanie",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/08/beanie-with-logo-1.jpg",
-      price: "18,00 TRY",
-      oldPrice: "20,00 TRY",
-      url: "https://example.com/product/3"
-    },
-    {
-      name: "Album",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: "15,00 TRY",
-      oldPrice: "15,00 TRY",
-      url: "https://example.com/product/4"
-    },
-    {
-      name: "Flying Ninja with a very long product name",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/09/belt-2.jpg",
-      price: "12,00 TRY",
-      oldPrice: "15,00 TRY",
-      url: "https://example.com/product/5"
-    },
-    {
-      name: "Single",
-      image: "https://inshoppingcart.com/ins-html/wp-content/uploads/2018/12/poster_2_up.jpg",
-      price: "22.555,00 TRY",
-      oldPrice: "33.989,00 TRY",
-      url: "https://example.com/product/6"
-    }
-  ], l = 3, d = (100 / l).toFixed(2), a = [];
-  for (let t = 0; t < c.length; t += l)
-    a.push(c.slice(t, t + l));
-  let e = "";
-  return a.forEach((t, s) => {
-    s > 0 && (e += f);
-    let p = "", r = "", n = "", i = "";
-    t.forEach((o) => {
-      p += m.replace("{-{-PRODUCT_IMAGE-}-}", o.image).replace("{-{-PRODUCT_NAME-}-}", o.name), r += b.replace("{-{-PRODUCT_NAME-}-}", o.name), n += x, i += w;
-    }), e += u.replace("{-{-PRODUCTS-}-}", `
-            <tr>${p}</tr>
-            <tr>${r}</tr>
-            <tr>${n}</tr>
-            <tr>${i}</tr>
-        `), e = e.replaceAll("{-{-COLUMN_WIDTH-}-}", `${d}%`);
-  }), h.replace("{-{-TITLE-}-}", g.TITLE).replace("{-{-PRODUCT_ROWS-}-}", e);
-}
-export {
-  T as getDefaultTemplate
-};

package/dist/extensions/Blocks/common-control.d.ts

@@ -1,66 +0,0 @@
-import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-interface TextInputProps {
-    name: string;
-    placeholder?: string;
-    className?: string;
-}
-interface LabelProps {
-    text: string;
-    name?: string;
-    position?: 'top' | 'left';
-}
-interface IconButtonProps {
-    name: string;
-    icon: string;
-    className?: string;
-}
-interface SelectProps {
-    name: string;
-    placeholder: string;
-    options: {
-        text: string;
-        value: string;
-    }[];
-    className?: string;
-}
-interface CounterProps {
-    name: string;
-    maxValue: number;
-    minValue?: number;
-    step?: number;
-}
-interface ButtonProps {
-    name: string;
-    label: string;
-    id?: string;
-}
-/**
- * Common control for all blocks which includes common UI Elements.
- * If you need to add a new UI Element, you can add it here.
- */
-export declare abstract class CommonControl extends Control {
-    currentNode?: ImmutableHtmlNode;
-    abstract getId(): string;
-    abstract getTemplate(): string;
-    abstract onRender(): Promise<void> | void;
-    getContainer(): ShadowRoot;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _GuLabel({ text, name, position }: LabelProps): string;
-    _GuToggle(name: string): string;
-    _GuSelectItem({ text, value }: {
-        text: string;
-        value: string;
-    }): string;
-    _GuSelect({ name, placeholder, options, className }: SelectProps): string;
-    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
-    _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
-    _GuButton({ name, label, id }: ButtonProps): string;
-    /**
-     *
-     * @param param0
-     * @returns It returns a button with an icon.
-     */
-    _GuIconButton({ name, icon, className }: IconButtonProps): string;
-    _GuTwoColumns(children: string[]): string;
-}
-export {};

package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,6 +0,0 @@
-import type { DynamicContent } from '@@/Types/generic';
-export declare class ExternalMergeTagsLibrary {
-    selectedDynamicContent: DynamicContent | null;
-    dataSelectCallback: (data: DynamicContent) => void;
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
-}

package/dist/extensions/DynamicContent/dynamic-content.d.ts

@@ -1,16 +0,0 @@
-import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
-export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
-    registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
-}
-export declare class DynamicContentUiElementExtension extends UIElement {
-    private mergeTagsButton;
-    private listener;
-    private mergeTagsLibrary;
-    private selectedDynamicContent;
-    getId(): string;
-    onRender(container: HTMLElement): void;
-    onDestroy(): void;
-    _onClick(): void;
-    openMergeTagLibrary(): void;
-    getTemplate(): string;
-}