@datlv-trustshop/shopify-inapp-components 0.2.7 → 0.2.9

package/dist/utils/campaignTracking.d.ts

@@ -19,3 +19,4 @@ export declare function trackCampaignClick(shopId: string, campaignId: string |
  * Useful for testing or when session changes
  */
 export declare function clearViewTrackingCache(): void;
+//# sourceMappingURL=campaignTracking.d.ts.map

package/dist/utils/campaignTracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaignTracking.d.ts","sourceRoot":"","sources":["../../src/utils/campaignTracking.ts"],"names":[],"mappings":"AAoCA;;;GAGG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GAAG,MAAM,EAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC7B,OAAO,CAAC,IAAI,CAAC,CAsCf;AAED;;;GAGG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GAAG,MAAM,EAC3B,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC3B,GACL,OAAO,CAAC,IAAI,CAAC,CAwCf;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C"}

package/dist/utils/campaignTracking.js

@@ -116,3 +116,4 @@ export async function trackCampaignClick(shopId, campaignId, options = {}) {
 export function clearViewTrackingCache() {
     viewTrackingMap.clear();
 }
+//# sourceMappingURL=campaignTracking.js.map

package/dist/utils/campaignTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"campaignTracking.js","sourceRoot":"","sources":["../../src/utils/campaignTracking.ts"],"names":[],"mappings":"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","sourcesContent":["import { getSessionId } from './sessionManager';\n\nconst TRACKING_BASE_URL = 'https://ops.trustshop.io';\n\n/**\n * View tracking deduplication map\n * Key: ${sessionId}-${campaignId}\n * Value: timestamp in milliseconds\n */\nconst viewTrackingMap = new Map<string, number>();\n\n/**\n * Deduplication threshold for view tracking (5 seconds)\n */\nconst VIEW_DEDUP_THRESHOLD_MS = 5000;\n\n/**\n * Get current page context from URL\n */\nfunction getPageContext(): string {\n  if (typeof window === 'undefined') {\n    return '/';\n  }\n  \n  // Get the current pathname\n  const pathname = window.location.pathname;\n  \n  // In Shopify admin apps, the actual route might be in hash\n  const hash = window.location.hash;\n  if (hash && hash.startsWith('#/')) {\n    return hash.substring(1); // Remove the '#'\n  }\n  \n  return pathname;\n}\n\n/**\n * Track campaign view\n * Handles deduplication and fire-and-forget requests\n */\nexport async function trackCampaignView(\n  shopId: string,\n  campaignId: string | number,\n  metadata?: Record<string, any>\n): Promise<void> {\n  const sessionId = getSessionId();\n  const dedupKey = `${sessionId}-${campaignId}`;\n  const now = Date.now();\n  \n  // Check for deduplication\n  const lastTracked = viewTrackingMap.get(dedupKey);\n  if (lastTracked && (now - lastTracked) < VIEW_DEDUP_THRESHOLD_MS) {\n    return;\n  }\n  \n  // Update tracking map\n  viewTrackingMap.set(dedupKey, now);\n  \n  const payload = {\n    session_id: sessionId,\n    page_context: getPageContext(),\n    metadata: {\n      source: 'in-app-trustshop',\n      placement: 'floating-card',\n      ...metadata,\n    },\n  };\n  \n  const url = `${TRACKING_BASE_URL}/api/shops/${shopId}/campaigns/${campaignId}/track/view`;\n  // Fire and forget - no await, no error handling that would break UI\n  void fetch(url, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'Accept': 'application/json',\n    },\n    body: JSON.stringify(payload),\n    credentials: 'include',\n  }).catch(error => {\n    // Log error in development\n    console.error('[Campaign Tracking] View tracking failed:', error);\n  });\n}\n\n/**\n * Track campaign click\n * Tracks immediately without debouncing\n */\nexport async function trackCampaignClick(\n  shopId: string,\n  campaignId: string | number,\n  options: {\n    actionType?: string;\n    ctaId?: string;\n    ctaKey?: string;\n    timeToAction?: number;\n    metadata?: Record<string, any>;\n  } = {}\n): Promise<void> {\n  const { actionType, ctaId, ctaKey, timeToAction, metadata } = options;\n  \n  // Validate that at least one required field is present\n  if (!actionType && !ctaId && !ctaKey) {\n    return;\n  }\n  \n  const sessionId = getSessionId();\n  \n  const payload: any = {\n    session_id: sessionId,\n    page_context: getPageContext(),\n    metadata: {\n      source: 'in-app-trustshop',\n      placement: 'floating-card',\n      ...metadata,\n    },\n  };\n  \n  // Add optional fields if provided\n  if (actionType) payload.action_type = actionType;\n  if (ctaId) payload.cta_id = ctaId;\n  if (ctaKey) payload.cta_key = ctaKey;\n  if (timeToAction !== undefined) payload.time_to_action = timeToAction;\n  \n  const url = `${TRACKING_BASE_URL}/api/shops/${shopId}/campaigns/${campaignId}/track/click`;\n  // Fire and forget - no await, no error handling that would break UI\n  void fetch(url, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'Accept': 'application/json',\n    },\n    body: JSON.stringify(payload),\n    credentials: 'include',\n  }).catch(error => {\n    // Log error in development\n    console.error('[Campaign Tracking] Click tracking failed:', error);\n  });\n}\n\n/**\n * Clear view tracking deduplication cache\n * Useful for testing or when session changes\n */\nexport function clearViewTrackingCache(): void {\n  viewTrackingMap.clear();\n}"]}

package/dist/utils/cls-monitor.d.ts

@@ -48,3 +48,4 @@ export declare function startCLSMonitoring(options?: CLSMonitorOptions): CLSMoni
 export declare function stopCLSMonitoring(): void;
 export declare function getCLSMetrics(): CLSMetrics | null;
 export {};
+//# sourceMappingURL=cls-monitor.d.ts.map

package/dist/utils/cls-monitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cls-monitor.d.ts","sourceRoot":"","sources":["../../src/utils/cls-monitor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,gBAAiB,SAAQ,gBAAgB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,IAAI,CAAC,EAAE,IAAI,CAAC;QACZ,YAAY,EAAE,eAAe,CAAC;QAC9B,WAAW,EAAE,eAAe,CAAC;KAC9B,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;CACnD;AAED,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;gBAExB,OAAO,GAAE,iBAAsB;IAW3C,KAAK,IAAI,IAAI;IA+Bb,OAAO,CAAC,kBAAkB;IA2C1B,OAAO,CAAC,QAAQ;IA6BhB,IAAI,IAAI,IAAI;IAWZ,KAAK,IAAI,IAAI;IAQb,aAAa,IAAI,UAAU;IAQ3B,OAAO,CAAC,mBAAmB;IAM3B,MAAM,CAAC,2BAA2B,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,OAAO,EAAE;IAiB1E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAiBxE;AAKD,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,UAAU,CAM1E;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAKxC;AAED,wBAAgB,aAAa,IAAI,UAAU,GAAG,IAAI,CAEjD"}

package/dist/utils/cls-monitor.js

@@ -182,3 +182,4 @@ export function stopCLSMonitoring() {
 export function getCLSMetrics() {
     return globalMonitor ? globalMonitor.getCurrentCLS() : null;
 }
+//# sourceMappingURL=cls-monitor.js.map

package/dist/utils/cls-monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cls-monitor.js","sourceRoot":"","sources":["../../src/utils/cls-monitor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2BH,MAAM,OAAO,UAAU;IAUrB,YAAY,UAA6B,EAAE;QATnC,aAAQ,GAA+B,IAAI,CAAC;QAC5C,aAAQ,GAAG,CAAC,CAAC;QACb,eAAU,GAAuB,EAAE,CAAC;QAEpC,iBAAY,GAAG,CAAC,CAAC;QACjB,mBAAc,GAAuB,EAAE,CAAC;QACxC,kBAAa,GAAG,CAAC,CAAC;QACT,gBAAW,GAAG,IAAI,CAAC,CAAC,YAAY;QAG/C,IAAI,CAAC,OAAO,GAAG;YACb,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG,EAAE,qBAAqB;YAC1D,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;YACtC,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;YAC9D,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,KAAK;YAC7B,eAAe,EAAE,OAAO,CAAC,eAAe,IAAI,KAAK;YACjD,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;SAC3D,CAAC;IACJ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;YACnE,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,IAAI,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAwB,CAAC;gBAExD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC5B,mDAAmD;oBACnD,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC1B,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;gBACpB,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAuB;QAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAEvB,yCAAyC;QACzC,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAChD,oBAAoB;YACpB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEhC,8CAA8C;QAC9C,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC;YAClC,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7C,CAAC;QAED,MAAM,OAAO,GAAe;YAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ;YACpB,OAAO,EAAE,IAAI,CAAC,UAAU;YACxB,SAAS,EAAE,GAAG;SACf,CAAC;QAEF,eAAe;QACf,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE9B,kBAAkB;QAClB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QAED,gBAAgB;QAChB,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;YACvD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAChC,CAAC;QAED,sBAAsB;QACtB,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAEO,QAAQ,CAAC,KAAuB,EAAE,OAAmB;QAC3D,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE;YACnD,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;gBAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAe,CAAC;gBACvC,OAAO;oBACL,OAAO,EAAE,OAAO,CAAC,OAAO;oBACxB,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,SAAS,EAAE,OAAO,CAAC,SAAS;oBAC5B,YAAY,EAAE,MAAM,CAAC,YAAY;oBACjC,WAAW,EAAE,MAAM,CAAC,WAAW;iBAChC,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAEzB,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAEpF,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,CAAC,QAAQ,EAAE,CAAC;IACrB,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAErB,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,aAAa;QACX,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,QAAQ;YACpB,OAAO,EAAE,IAAI,CAAC,UAAU;YACxB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,OAAO,OAAO,mBAAmB,KAAK,WAAW;YAC1C,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3E,CAAC;IAED,iDAAiD;IACjD,MAAM,CAAC,2BAA2B,CAAC,OAA2B;QAC5D,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAW,CAAC;QAE/C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACnC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;wBAC9C,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAe,CAAC,CAAC;oBAClD,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAED,gCAAgC;IAChC,MAAM,CAAC,cAAc,CAAC,OAA2B;QAC/C,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;QAE9C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACnC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;wBAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAe,CAAC;wBACvC,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;wBAC9I,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;oBAClE,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;CACF;AAED,2CAA2C;AAC3C,IAAI,aAAa,GAAsB,IAAI,CAAC;AAE5C,MAAM,UAAU,kBAAkB,CAAC,OAA2B;IAC5D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,aAAa,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,aAAa,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,IAAI,aAAa,EAAE,CAAC;QAClB,aAAa,CAAC,IAAI,EAAE,CAAC;QACrB,aAAa,GAAG,IAAI,CAAC;IACvB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9D,CAAC","sourcesContent":["/**\n * CLS (Cumulative Layout Shift) Monitoring Utility\n * Tracks and reports layout shifts for performance optimization\n */\n\ninterface LayoutShiftEntry extends PerformanceEntry {\n  value: number;\n  hadRecentInput: boolean;\n  sources?: Array<{\n    node?: Node;\n    previousRect: DOMRectReadOnly;\n    currentRect: DOMRectReadOnly;\n  }>;\n}\n\nexport interface CLSMetrics {\n  value: number;\n  entries: LayoutShiftEntry[];\n  timestamp: number;\n}\n\nexport interface CLSMonitorOptions {\n  threshold?: number;\n  onShift?: (metrics: CLSMetrics) => void;\n  onThresholdExceeded?: (metrics: CLSMetrics) => void;\n  debug?: boolean;\n  reportToConsole?: boolean;\n  reportToAnalytics?: (metrics: CLSMetrics) => void;\n}\n\nexport class CLSMonitor {\n  private observer: PerformanceObserver | null = null;\n  private clsValue = 0;\n  private clsEntries: LayoutShiftEntry[] = [];\n  private options: Required<CLSMonitorOptions>;\n  private sessionValue = 0;\n  private sessionEntries: LayoutShiftEntry[] = [];\n  private lastShiftTime = 0;\n  private readonly SESSION_GAP = 5000; // 5 seconds\n\n  constructor(options: CLSMonitorOptions = {}) {\n    this.options = {\n      threshold: options.threshold || 0.1, // Good CLS threshold\n      onShift: options.onShift || (() => {}),\n      onThresholdExceeded: options.onThresholdExceeded || (() => {}),\n      debug: options.debug || false,\n      reportToConsole: options.reportToConsole || false,\n      reportToAnalytics: options.reportToAnalytics || (() => {}),\n    };\n  }\n\n  start(): void {\n    if (!this.supportsLayoutShift()) {\n      console.warn('PerformanceObserver for layout-shift not supported');\n      return;\n    }\n\n    try {\n      this.observer = new PerformanceObserver((list) => {\n        const entries = list.getEntries() as LayoutShiftEntry[];\n        \n        for (const entry of entries) {\n          // Ignore shifts with recent input (user-initiated)\n          if (!entry.hadRecentInput) {\n            this.processLayoutShift(entry);\n          }\n        }\n      });\n\n      this.observer.observe({ \n        type: 'layout-shift', \n        buffered: true \n      });\n\n      if (this.options.debug) {\n        console.log('CLS Monitor started');\n      }\n    } catch (error) {\n      console.error('Failed to start CLS Monitor:', error);\n    }\n  }\n\n  private processLayoutShift(entry: LayoutShiftEntry): void {\n    const now = Date.now();\n    \n    // Check if this is part of a new session\n    if (now - this.lastShiftTime > this.SESSION_GAP) {\n      // Start new session\n      this.sessionValue = 0;\n      this.sessionEntries = [];\n    }\n    \n    this.lastShiftTime = now;\n    this.sessionValue += entry.value;\n    this.sessionEntries.push(entry);\n    \n    // Update cumulative value (max session value)\n    if (this.sessionValue > this.clsValue) {\n      this.clsValue = this.sessionValue;\n      this.clsEntries = [...this.sessionEntries];\n    }\n\n    const metrics: CLSMetrics = {\n      value: this.clsValue,\n      entries: this.clsEntries,\n      timestamp: now,\n    };\n\n    // Report shift\n    this.options.onShift(metrics);\n\n    // Check threshold\n    if (this.clsValue > this.options.threshold) {\n      this.options.onThresholdExceeded(metrics);\n    }\n\n    // Debug logging\n    if (this.options.debug || this.options.reportToConsole) {\n      this.logShift(entry, metrics);\n    }\n\n    // Report to analytics\n    this.options.reportToAnalytics(metrics);\n  }\n\n  private logShift(entry: LayoutShiftEntry, metrics: CLSMetrics): void {\n    const affectedElements = entry.sources?.map(source => {\n      if (source.node && source.node.nodeType === 1) {\n        const element = source.node as Element;\n        return {\n          element: element.tagName,\n          id: element.id,\n          className: element.className,\n          previousRect: source.previousRect,\n          currentRect: source.currentRect,\n        };\n      }\n      return null;\n    }).filter(Boolean) || [];\n\n    console.group(`🎯 Layout Shift Detected`);\n    console.log('Shift Value:', entry.value.toFixed(4));\n    console.log('Session CLS:', this.sessionValue.toFixed(4));\n    console.log('Total CLS:', metrics.value.toFixed(4));\n    console.log('Threshold:', this.options.threshold);\n    console.log('Status:', metrics.value > this.options.threshold ? '❌ Bad' : '✅ Good');\n    \n    if (affectedElements.length > 0) {\n      console.log('Affected Elements:', affectedElements);\n    }\n    \n    console.groupEnd();\n  }\n\n  stop(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n      this.observer = null;\n      \n      if (this.options.debug) {\n        console.log('CLS Monitor stopped');\n      }\n    }\n  }\n\n  reset(): void {\n    this.clsValue = 0;\n    this.clsEntries = [];\n    this.sessionValue = 0;\n    this.sessionEntries = [];\n    this.lastShiftTime = 0;\n  }\n\n  getCurrentCLS(): CLSMetrics {\n    return {\n      value: this.clsValue,\n      entries: this.clsEntries,\n      timestamp: Date.now(),\n    };\n  }\n\n  private supportsLayoutShift(): boolean {\n    return typeof PerformanceObserver !== 'undefined' && \n           PerformanceObserver.supportedEntryTypes?.includes('layout-shift');\n  }\n\n  // Helper method to identify problematic elements\n  static identifyProblematicElements(entries: LayoutShiftEntry[]): Element[] {\n    const problematicElements = new Set<Element>();\n    \n    for (const entry of entries) {\n      if (entry.sources) {\n        for (const source of entry.sources) {\n          if (source.node && source.node.nodeType === 1) {\n            problematicElements.add(source.node as Element);\n          }\n        }\n      }\n    }\n    \n    return Array.from(problematicElements);\n  }\n\n  // Helper to get CLS attribution\n  static getAttribution(entries: LayoutShiftEntry[]): Map<string, number> {\n    const attribution = new Map<string, number>();\n    \n    for (const entry of entries) {\n      if (entry.sources) {\n        for (const source of entry.sources) {\n          if (source.node && source.node.nodeType === 1) {\n            const element = source.node as Element;\n            const key = `${element.tagName}${element.id ? '#' + element.id : ''}${element.className ? '.' + element.className.split(' ').join('.') : ''}`;\n            attribution.set(key, (attribution.get(key) || 0) + entry.value);\n          }\n        }\n      }\n    }\n    \n    return attribution;\n  }\n}\n\n// Singleton instance for easy global usage\nlet globalMonitor: CLSMonitor | null = null;\n\nexport function startCLSMonitoring(options?: CLSMonitorOptions): CLSMonitor {\n  if (!globalMonitor) {\n    globalMonitor = new CLSMonitor(options);\n    globalMonitor.start();\n  }\n  return globalMonitor;\n}\n\nexport function stopCLSMonitoring(): void {\n  if (globalMonitor) {\n    globalMonitor.stop();\n    globalMonitor = null;\n  }\n}\n\nexport function getCLSMetrics(): CLSMetrics | null {\n  return globalMonitor ? globalMonitor.getCurrentCLS() : null;\n}"]}

package/dist/utils/injectStyles.d.ts

@@ -12,3 +12,4 @@ export declare function injectClsStyles(): void;
  * Remove injected styles (for cleanup)
  */
 export declare function removeClsStyles(): void;
+//# sourceMappingURL=injectStyles.d.ts.map

package/dist/utils/injectStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectStyles.d.ts","sourceRoot":"","sources":["../../src/utils/injectStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,mBAAmB,uuCAmE/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAkBtC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAStC"}

package/dist/utils/injectStyles.js

@@ -103,3 +103,4 @@ export function removeClsStyles() {
         styleElement.remove();
     }
 }
+//# sourceMappingURL=injectStyles.js.map

package/dist/utils/injectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectStyles.js","sourceRoot":"","sources":["../../src/utils/injectStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,QAAQ,GAAG,8BAA8B,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmElC,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,uCAAuC;IACvC,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,CAAC,aAAa;IACvB,CAAC;IAED,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,OAAO,CAAC,mBAAmB;IAC7B,CAAC;IAED,kCAAkC;IAClC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,QAAQ,CAAC;IAC3B,YAAY,CAAC,WAAW,GAAG,mBAAmB,CAAC;IAE/C,oCAAoC;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC;IAC9C,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO;IACT,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IACvD,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;AACH,CAAC","sourcesContent":["/**\n * Automatically inject CLS fix styles into the document\n * This ensures the styles are always applied without requiring manual imports\n */\n\nconst STYLE_ID = 'ts-shopify-polaris-cls-fixes';\n\nexport const polarisClsFixStyles = `\n/* Critical Polaris CLS Fixes */\n.Polaris-ShadowBevel {\n  min-height: inherit !important;\n  will-change: contents;\n}\n\n.Polaris-Card {\n  min-height: 100px;\n  contain: layout style;\n}\n\n.Polaris-Tabs__Panel {\n  min-height: 350px;\n  contain: layout;\n}\n\n.Polaris-Tabs__TabPanel {\n  min-height: inherit;\n}\n\n.Polaris-Box {\n  /* Prevent height changes from dynamic content */\n  contain: style;\n}\n\n/* Skeleton state improvements */\n.Polaris-SkeletonBodyText,\n.Polaris-SkeletonDisplayText,\n.Polaris-SkeletonThumbnail {\n  animation: none !important;\n  background: linear-gradient(\n    90deg,\n    #f0f0f0 25%,\n    #f8f8f8 50%,\n    #f0f0f0 75%\n  );\n  background-size: 200% 100%;\n  animation: pulse 1.5s ease-in-out infinite !important;\n}\n\n@keyframes pulse {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n/* Prevent layout shifts from Polaris transitions */\n.Polaris-Card,\n.Polaris-Banner,\n.Polaris-CalloutCard {\n  transform: translateZ(0);\n  will-change: transform;\n}\n\n/* Fix for navigation tabs */\n.custom-tabs-wrapper-dashboard {\n  min-height: 400px;\n}\n\n/* GPU acceleration for transforms */\n[style*=\"transform\"] {\n  will-change: transform;\n}\n`;\n\n/**\n * Inject CLS fix styles into the document head\n * This is called automatically when the SDK initializes\n */\nexport function injectClsStyles(): void {\n  // Check if styles are already injected\n  if (typeof document === 'undefined') {\n    return; // SSR safety\n  }\n  \n  if (document.getElementById(STYLE_ID)) {\n    return; // Already injected\n  }\n\n  // Create and inject style element\n  const styleElement = document.createElement('style');\n  styleElement.id = STYLE_ID;\n  styleElement.textContent = polarisClsFixStyles;\n  \n  // Add to head (or body as fallback)\n  const target = document.head || document.body;\n  target.appendChild(styleElement);\n}\n\n/**\n * Remove injected styles (for cleanup)\n */\nexport function removeClsStyles(): void {\n  if (typeof document === 'undefined') {\n    return;\n  }\n  \n  const styleElement = document.getElementById(STYLE_ID);\n  if (styleElement) {\n    styleElement.remove();\n  }\n}"]}

package/dist/utils/sessionManager.d.ts

@@ -14,3 +14,4 @@ export declare function clearSession(): void;
  * Check if a session exists
  */
 export declare function hasSession(): boolean;
+//# sourceMappingURL=sessionManager.d.ts.map

package/dist/utils/sessionManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionManager.d.ts","sourceRoot":"","sources":["../../src/utils/sessionManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAaH;;;GAGG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAqBrC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAQnC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAQpC"}

package/dist/utils/sessionManager.js

@@ -60,3 +60,4 @@ export function hasSession() {
         return false;
     }
 }
+//# sourceMappingURL=sessionManager.js.map

package/dist/utils/sessionManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionManager.js","sourceRoot":"","sources":["../../src/utils/sessionManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,cAAc,GAAG,4BAA4B,CAAC;AAEpD;;GAEG;AACH,SAAS,iBAAiB;IACxB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAO,QAAQ,SAAS,IAAI,MAAM,EAAE,CAAC;AACvC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY;IAC1B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,iBAAiB,EAAE,CAAC;IAC7B,CAAC;IAED,IAAI,CAAC;QACH,+CAA+C;QAC/C,IAAI,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,0BAA0B;YAC1B,SAAS,GAAG,iBAAiB,EAAE,CAAC;YAChC,cAAc,CAAC,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACpD,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,8CAA8C;QAC9C,OAAO,CAAC,IAAI,CAAC,0DAA0D,EAAE,KAAK,CAAC,CAAC;QAChF,OAAO,iBAAiB,EAAE,CAAC;IAC7B,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY;IAC1B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAE1C,IAAI,CAAC;QACH,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAEhD,IAAI,CAAC;QACH,OAAO,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC","sourcesContent":["/**\n * Session management utility for campaign tracking\n */\n\nconst SESSION_ID_KEY = 'trustshop_inapp_session_id';\n\n/**\n * Generate a unique session ID\n */\nfunction generateSessionId(): string {\n  const timestamp = Date.now();\n  const random = Math.random().toString(36).substring(2, 15);\n  return `sess_${timestamp}_${random}`;\n}\n\n/**\n * Get or create session ID\n * Session persists for the browser session (using sessionStorage)\n */\nexport function getSessionId(): string {\n  if (typeof window === 'undefined') {\n    return generateSessionId();\n  }\n\n  try {\n    // Check if session ID exists in sessionStorage\n    let sessionId = sessionStorage.getItem(SESSION_ID_KEY);\n    \n    if (!sessionId) {\n      // Generate new session ID\n      sessionId = generateSessionId();\n      sessionStorage.setItem(SESSION_ID_KEY, sessionId);\n    }\n    \n    return sessionId;\n  } catch (error) {\n    // Fallback if sessionStorage is not available\n    console.warn('SessionStorage not available, using temporary session ID', error);\n    return generateSessionId();\n  }\n}\n\n/**\n * Clear current session\n */\nexport function clearSession(): void {\n  if (typeof window === 'undefined') return;\n  \n  try {\n    sessionStorage.removeItem(SESSION_ID_KEY);\n  } catch (error) {\n    console.warn('Failed to clear session', error);\n  }\n}\n\n/**\n * Check if a session exists\n */\nexport function hasSession(): boolean {\n  if (typeof window === 'undefined') return false;\n  \n  try {\n    return sessionStorage.getItem(SESSION_ID_KEY) !== null;\n  } catch {\n    return false;\n  }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datlv-trustshop/shopify-inapp-components",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "private": false,
   "description": "React TypeScript components for Shopify in-app dashboard content",
   "main": "dist/index.js",
@@ -10,8 +10,9 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
+    "build": "tsc && node scripts/copy-translations.js",
+    "dev": "tsc --watch --preserveWatchOutput",
+    "watch": "tsc --watch --preserveWatchOutput",
     "test": "jest",
     "lint": "eslint src --ext ts,tsx",
     "type-check": "tsc --noEmit",

package/dist/provider/DashboardProvider.d.ts

@@ -1,36 +0,0 @@
-import React, { ReactNode } from "react";
-import { DashboardEngine } from "../core/engine";
-import { DashboardData, DashboardConfig, DashboardState } from "../types";
-import { SDKTranslations } from "../types/translations";
-export interface DashboardContextValue {
-    engine: DashboardEngine;
-    state: DashboardState;
-    refresh: () => Promise<void>;
-    isInitialized: boolean;
-    locale: string;
-    translations: Required<SDKTranslations>;
-}
-export declare const DashboardContext: React.Context<DashboardContextValue | null>;
-export declare const useDashboardContext: () => DashboardContextValue;
-export interface DashboardProviderProps {
-    children: ReactNode;
-    config: DashboardConfig;
-    locale?: string;
-    translations?: SDKTranslations;
-    autoInit?: boolean;
-    autoRefreshOnLocaleChange?: boolean;
-    onError?: (error: Error) => void;
-    onLoad?: (data: DashboardData) => void;
-    onLocaleChange?: (newLocale: string, oldLocale: string) => void;
-    onFallbackUsed?: (requested: string, actual: string) => void;
-}
-/**
- * DashboardProvider - Lightweight provider that connects to the global manager
- *
- * Multiple providers can be used throughout the app and they will all share:
- * - The same engine instance
- * - The same data/cache
- * - The same locale state
- * - Deduplicated API calls
- */
-export declare const DashboardProvider: React.FC<DashboardProviderProps>;

package/dist/provider/DashboardProvider.js

@@ -1,200 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useEffect, useState, useCallback, useMemo, useRef, } from "react";
-import { GlobalDashboardManager } from "../core/global-manager";
-import { defaultTranslations } from "../translations/default";
-import { injectClsStyles } from "../utils/injectStyles";
-export const DashboardContext = createContext(null);
-export const useDashboardContext = () => {
-    const context = React.useContext(DashboardContext);
-    if (!context) {
-        throw new Error('useDashboardContext must be used within a DashboardProvider');
-    }
-    return context;
-};
-/**
- * DashboardProvider - Lightweight provider that connects to the global manager
- *
- * Multiple providers can be used throughout the app and they will all share:
- * - The same engine instance
- * - The same data/cache
- * - The same locale state
- * - Deduplicated API calls
- */
-export const DashboardProvider = ({ children, config, locale, translations, autoInit = true, autoRefreshOnLocaleChange = true, onError, onLoad, onLocaleChange, onFallbackUsed, }) => {
-    const [state, setState] = useState({
-        data: null,
-        loading: false,
-        error: null,
-        lastFetch: null,
-    });
-    // Generate unique ID for this provider instance
-    const providerIdRef = useRef(`provider-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`);
-    // Track if we've called onLoad for this data
-    const lastDataRef = useRef(null);
-    const lastLocaleRef = useRef(locale || config.locale || "en");
-    // Get the global manager
-    const manager = useMemo(() => GlobalDashboardManager.getInstance(), []);
-    // Create config with current locale
-    const currentConfig = useMemo(() => ({
-        ...config,
-        locale: locale || config.locale || "en",
-    }), [config, locale]);
-    // Inject CLS fix styles on mount (only once globally)
-    useEffect(() => {
-        injectClsStyles();
-    }, []);
-    // Register this provider
-    useEffect(() => {
-        const providerId = providerIdRef.current;
-        manager.registerProvider(providerId, currentConfig, autoRefreshOnLocaleChange);
-        return () => {
-            manager.unregisterProvider(providerId);
-        };
-    }, [manager, currentConfig, autoRefreshOnLocaleChange]);
-    // Subscribe to global state changes
-    useEffect(() => {
-        const providerId = providerIdRef.current;
-        const unsubscribe = manager.subscribe(providerId, (globalState) => {
-            setState(globalState);
-            // Handle callbacks
-            if (globalState.data && globalState.data !== lastDataRef.current) {
-                lastDataRef.current = globalState.data;
-                // Check for fallback usage
-                if (globalState.data.fallback_used && onFallbackUsed) {
-                    onFallbackUsed(globalState.data.requested_locale || locale || "en", globalState.data.locale || "en");
-                }
-                if (onLoad) {
-                    onLoad(globalState.data);
-                }
-            }
-            if (globalState.error && onError) {
-                onError(globalState.error);
-            }
-        });
-        return unsubscribe;
-    }, [manager, locale, onError, onLoad, onFallbackUsed]);
-    // Handle locale changes
-    useEffect(() => {
-        if (!locale)
-            return;
-        const currentLocale = manager.getCurrentLocale();
-        if (currentLocale !== locale) {
-            const oldLocale = lastLocaleRef.current;
-            lastLocaleRef.current = locale;
-            if (autoRefreshOnLocaleChange) {
-                // Always call setLocale which will handle initialization if needed
-                manager.setLocale(locale).catch((error) => {
-                    console.error('Failed to set locale:', error);
-                    if (onError) {
-                        onError(error instanceof Error ? error : new Error('Failed to set locale'));
-                    }
-                });
-            }
-            else {
-                // Just update config without refresh
-                const engine = manager.getEngine();
-                if (engine) {
-                    engine.updateLocale(locale);
-                }
-                else {
-                    // No engine yet, update config for future initialization
-                    manager.registerProvider(providerIdRef.current, currentConfig);
-                }
-            }
-            if (onLocaleChange) {
-                onLocaleChange(locale, oldLocale);
-            }
-        }
-    }, [locale, manager, autoRefreshOnLocaleChange, onLocaleChange, onError, currentConfig]);
-    // Auto-init on mount if requested
-    useEffect(() => {
-        if (autoInit) {
-            // Always attempt to initialize when autoInit is true
-            // The manager will handle deduplication
-            manager.init(currentConfig).catch((error) => {
-                console.error("Failed to auto-initialize dashboard:", error);
-                if (onError) {
-                    onError(error instanceof Error
-                        ? error
-                        : new Error("Failed to initialize dashboard"));
-                }
-            });
-        }
-    }, [autoInit, manager, currentConfig, onError]);
-    // Create refresh function
-    const refresh = useCallback(async () => {
-        try {
-            await manager.refresh();
-        }
-        catch (error) {
-            console.error("Failed to refresh dashboard:", error);
-            if (onError) {
-                onError(error instanceof Error
-                    ? error
-                    : new Error("Failed to refresh dashboard"));
-            }
-            throw error;
-        }
-    }, [manager, onError]);
-    // Merge translations with defaults
-    const mergedTranslations = useMemo(() => {
-        if (!translations)
-            return defaultTranslations;
-        return {
-            whatsNew: {
-                ...defaultTranslations.whatsNew,
-                ...translations.whatsNew,
-                tabs: {
-                    ...defaultTranslations.whatsNew.tabs,
-                    ...translations.whatsNew?.tabs,
-                },
-                buttonViewAll: {
-                    ...defaultTranslations.whatsNew.buttonViewAll,
-                    ...translations.whatsNew?.buttonViewAll,
-                },
-            },
-            growApps: {
-                ...defaultTranslations.growApps,
-                ...translations.growApps,
-            },
-            banner: {
-                ...defaultTranslations.banner,
-                ...translations.banner,
-            },
-            partnerIntegration: {
-                ...defaultTranslations.partnerIntegration,
-                ...translations.partnerIntegration,
-            },
-        };
-    }, [translations]);
-    // Get engine from manager (might be null initially)
-    const engine = manager.getEngine();
-    // Create stable context value
-    const contextValue = useMemo(() => {
-        if (!engine)
-            return null;
-        return {
-            engine,
-            state,
-            refresh,
-            isInitialized: manager.isInitialized(),
-            locale: manager.getCurrentLocale(),
-            translations: mergedTranslations,
-        };
-    }, [engine, state, refresh, manager, mergedTranslations]);
-    // If engine not ready yet, we can still render children
-    // This allows components to mount even if engine isn't initialized
-    if (!contextValue) {
-        // Create a placeholder context that will update once engine is ready
-        const placeholderContext = {
-            engine: null, // Will be replaced when ready
-            state,
-            refresh,
-            isInitialized: false,
-            locale: manager.getCurrentLocale(),
-            translations: mergedTranslations,
-        };
-        return (_jsx(DashboardContext.Provider, { value: placeholderContext, children: children }));
-    }
-    return (_jsx(DashboardContext.Provider, { value: contextValue, children: children }));
-};