@whatalo/plugin-sdk 1.0.0

package/dist/bridge/index.d.ts

@@ -0,0 +1,236 @@
+/** Context data sent from the admin host to a plugin iframe */
+interface WhataloContext {
+    /** Store UUID */
+    storeId: string;
+    /** Store display name */
+    storeName: string;
+    /** Current order ID (set when plugin opens from order detail) */
+    orderId?: string;
+    /** Current order status */
+    orderStatus?: string;
+    /** Current product ID (set when plugin opens from product detail) */
+    productId?: string;
+    /** Authenticated user info */
+    user: WhataloUser;
+    /** Plugin ID from the manifest */
+    appId: string;
+    /** Current admin page path (e.g., "/integrations/my-plugin/settings") */
+    currentPage: string;
+    /** Locale code (e.g., "es", "en") */
+    locale: string;
+    /** Active color scheme */
+    theme: "light" | "dark";
+    /** Suggested initial iframe height in pixels */
+    initialHeight: number;
+}
+/**
+ * Authenticated user information provided to the plugin.
+ *
+ * `role` reflects the user's actual role in the store, not a hardcoded value.
+ * Current Whatalo stores are single-owner, so the role will always be "owner"
+ * for now. The union type is forward-compatible for future multi-member support.
+ */
+interface WhataloUser {
+    id: string;
+    name: string;
+    email: string;
+    role: "owner" | "admin" | "editor" | "staff" | "viewer";
+}
+/** Available bridge actions the plugin can dispatch */
+type BridgeAction = "navigate" | "toast" | "modal" | "resize" | "ready" | "billing";
+/** All billing operations supported by the bridge. createUsageRecord is reserved for v2. */
+declare const BILLING_OPERATION: {
+    readonly GET_PLANS: "getPlans";
+    readonly GET_SUBSCRIPTION: "getSubscription";
+    readonly REQUEST_SUBSCRIPTION: "requestSubscription";
+    readonly CANCEL_SUBSCRIPTION: "cancelSubscription";
+    readonly REACTIVATE_SUBSCRIPTION: "reactivateSubscription";
+    readonly SWITCH_PLAN: "switchPlan";
+    readonly CREATE_USAGE_RECORD: "createUsageRecord";
+};
+type BillingOperation = (typeof BILLING_OPERATION)[keyof typeof BILLING_OPERATION];
+/** Payload sent from the plugin to the host for billing actions. */
+interface BillingPayload {
+    operation: BillingOperation;
+    /** Required for requestSubscription */
+    planSlug?: string;
+    /** Human-readable reason for the subscription request */
+    description?: string;
+    /** Reserved for createUsageRecord (v2) */
+    amount?: number;
+    /** Idempotency key for safe retries (v2) */
+    idempotencyKey?: string;
+}
+/** A single pricing plan returned by getPlans. */
+interface BillingPlanResponse {
+    slug: string;
+    name: string;
+    price: number;
+    currency: string;
+    /** "monthly" | "annual" | null (null for one-time or usage plans) */
+    interval: string | null;
+    trialDays: number;
+    features: string[];
+    isPopular: boolean;
+}
+/** The store's current subscription to this plugin, returned by getSubscription. */
+interface BillingSubscriptionResponse {
+    planSlug: string;
+    planName: string;
+    /** "pending" | "trialing" | "active" | "past_due" | "canceled" */
+    status: string;
+    trialEndsAt: string | null;
+    currentPeriodEnd: string | null;
+    /** Whether the subscription is scheduled for cancellation at period end */
+    cancelAtPeriodEnd: boolean;
+    /** ISO timestamp of when the cancellation was initiated, or null */
+    canceledAt: string | null;
+}
+/** Message sent from admin host to plugin with context data */
+interface ContextMessage {
+    type: "whatalo:context";
+    data: WhataloContext;
+}
+/** Action message sent from plugin to admin host */
+interface ActionMessage {
+    type: "whatalo:action";
+    actionId: string;
+    action: BridgeAction;
+    payload: Record<string, unknown>;
+}
+/** Acknowledgement message sent from admin host back to plugin */
+interface ActionAck {
+    type: "whatalo:ack";
+    actionId: string;
+    success: boolean;
+    error?: string;
+}
+/** Payload for toast notifications */
+interface ToastPayload {
+    title: string;
+    description?: string;
+    variant?: "success" | "error" | "warning" | "info";
+}
+/** Payload for admin navigation */
+interface NavigatePayload {
+    path: string;
+}
+/** Payload for modal operations */
+interface ModalPayload {
+    operation: "open" | "close";
+    title?: string;
+    url?: string;
+    width?: number;
+    height?: number;
+}
+/** Payload for iframe resize */
+interface ResizePayload {
+    height: number;
+}
+
+/** Billing namespace returned by useWhataloAction. */
+interface BillingActions {
+    /** Fetch all active pricing plans for this plugin. */
+    getPlans(): Promise<BillingPlanResponse[]>;
+    /** Fetch the store's current subscription to this plugin, or null if none. */
+    getSubscription(): Promise<BillingSubscriptionResponse | null>;
+    /**
+     * Request a subscription to the given plan.
+     * The host will redirect the admin to an approval page.
+     */
+    requestSubscription(planSlug: string): Promise<void>;
+    /** Initiate a cancellation for the current subscription. */
+    cancelSubscription(): Promise<void>;
+    /** Reactivate a subscription that was scheduled for cancellation at period end. */
+    reactivateSubscription(): Promise<void>;
+    /** Switch the current subscription to a different plan with proration. */
+    switchPlan(newPlanSlug: string): Promise<void>;
+}
+interface UseWhataloActionReturn {
+    /** Send a raw bridge action to the admin host */
+    sendAction: (action: BridgeAction, payload: Record<string, unknown>) => Promise<ActionAck>;
+    /** Display a toast notification in the admin */
+    showToast: (options: ToastPayload) => Promise<ActionAck>;
+    /** Navigate the admin to a path */
+    navigate: (path: string) => Promise<ActionAck>;
+    /** Open a modal in the admin */
+    openModal: (options: Omit<ModalPayload, "operation">) => Promise<ActionAck>;
+    /** Close the currently open modal */
+    closeModal: () => Promise<ActionAck>;
+    /** Request an iframe resize */
+    resize: (height: number) => Promise<ActionAck>;
+    /** Billing actions — query plans, manage subscriptions. */
+    billing: BillingActions;
+}
+/**
+ * Sends actions to the admin host via postMessage and waits for acknowledgements.
+ * Each action has a unique ID and a timeout to prevent hanging promises.
+ *
+ * All postMessage calls target parentOrigin (set via whatalo:init handshake)
+ * instead of "*" to prevent message interception by malicious embedders.
+ * If the handshake has not completed yet, the message is queued and flushed
+ * once the origin is received.
+ */
+declare function useWhataloAction(): UseWhataloActionReturn;
+
+interface AppBridgeToast {
+    /** Show a toast notification in the admin host */
+    show: (title: string, options?: Omit<ToastPayload, "title">) => Promise<ActionAck>;
+}
+interface AppBridgeModal {
+    /** Open a modal in the admin host */
+    open: (options: Omit<ModalPayload, "operation">) => Promise<ActionAck>;
+    /** Close the currently open modal */
+    close: () => Promise<ActionAck>;
+}
+
+interface AppBridge {
+    /** Store UUID */
+    storeId: string;
+    /** Store display name */
+    storeName: string;
+    /** Locale code (e.g., "es", "en") */
+    locale: string;
+    /** Active color scheme */
+    theme: "light" | "dark";
+    /** Authenticated user info */
+    user: WhataloUser;
+    /** Plugin ID from the manifest */
+    appId: string;
+    /** Whether the plugin has received context from the admin host */
+    isReady: boolean;
+    /** Toast notification helpers */
+    toast: AppBridgeToast;
+    /** Navigate the admin to a path */
+    navigate: (path: string) => Promise<ActionAck>;
+    /** Modal helpers */
+    modal: AppBridgeModal;
+    /** Request an iframe resize */
+    resize: (height: number) => Promise<ActionAck>;
+    /** Billing actions — query plans and manage subscriptions */
+    billing: BillingActions;
+}
+/**
+ * Unified bridge hook that combines context and actions into a single API.
+ * This is the primary hook plugin developers should use.
+ *
+ * @example
+ * ```tsx
+ * const bridge = useAppBridge();
+ * bridge.toast.show("Saved!", { variant: "success" });
+ * bridge.navigate("/orders");
+ * ```
+ */
+declare function useAppBridge(): AppBridge;
+
+interface UseWhataloContextReturn extends WhataloContext {
+    /** Whether the plugin has received context from the admin host */
+    isReady: boolean;
+}
+/**
+ * Listens for context messages from the admin host and signals readiness.
+ * Automatically applies the theme attribute to the document root.
+ */
+declare function useWhataloContext(): UseWhataloContextReturn;
+
+export { type ActionAck, type ActionMessage, type AppBridge, type AppBridgeModal, type AppBridgeToast, BILLING_OPERATION, type BillingActions, type BillingOperation, type BillingPayload, type BillingPlanResponse, type BillingSubscriptionResponse, type BridgeAction, type ContextMessage, type ModalPayload, type NavigatePayload, type ResizePayload, type ToastPayload, type UseWhataloActionReturn, type UseWhataloContextReturn, type WhataloContext, type WhataloUser, useAppBridge, useWhataloAction, useWhataloContext };

package/dist/bridge/index.mjs

@@ -0,0 +1,260 @@
+// src/bridge/use-whatalo-context.ts
+import { useState, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+
+// src/bridge/use-whatalo-action.ts
+import { useCallback, useRef, useEffect } from "react";
+
+// src/bridge/types.ts
+var BILLING_OPERATION = {
+  GET_PLANS: "getPlans",
+  GET_SUBSCRIPTION: "getSubscription",
+  REQUEST_SUBSCRIPTION: "requestSubscription",
+  CANCEL_SUBSCRIPTION: "cancelSubscription",
+  REACTIVATE_SUBSCRIPTION: "reactivateSubscription",
+  SWITCH_PLAN: "switchPlan",
+  CREATE_USAGE_RECORD: "createUsageRecord"
+};
+
+// src/bridge/use-whatalo-action.ts
+var ACK_TIMEOUT_MS = 5e3;
+var parentOrigin = null;
+var originResolvers = [];
+function waitForParentOrigin() {
+  if (parentOrigin !== null) {
+    return Promise.resolve(parentOrigin);
+  }
+  return new Promise((resolve) => {
+    originResolvers.push(resolve);
+  });
+}
+var initListenerAttached = false;
+function attachInitListener() {
+  if (initListenerAttached) return;
+  initListenerAttached = true;
+  window.addEventListener("message", (event) => {
+    if (event.source !== window.parent) return;
+    if (!event.data || typeof event.data !== "object") return;
+    if (event.data.type !== "whatalo:init") return;
+    const origin = event.data.origin;
+    if (typeof origin !== "string" || !origin) return;
+    parentOrigin = origin;
+    for (const resolve of originResolvers) {
+      resolve(origin);
+    }
+    originResolvers.length = 0;
+  });
+}
+function useWhataloAction() {
+  const pendingAcks = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  useEffect(() => {
+    attachInitListener();
+    const handleMessage = (event) => {
+      if (!event.data || typeof event.data !== "object") return;
+      const msg = event.data;
+      if (msg.type !== "whatalo:ack") return;
+      const resolve = pendingAcks.current.get(msg.actionId);
+      if (resolve) {
+        resolve(msg);
+        pendingAcks.current.delete(msg.actionId);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, []);
+  const sendAction = useCallback(
+    (action, payload) => {
+      return new Promise((resolve) => {
+        const actionId = crypto.randomUUID();
+        const timeout = setTimeout(() => {
+          pendingAcks.current.delete(actionId);
+          resolve({
+            type: "whatalo:ack",
+            actionId,
+            success: false,
+            error: "timeout"
+          });
+        }, ACK_TIMEOUT_MS);
+        pendingAcks.current.set(actionId, (ack) => {
+          clearTimeout(timeout);
+          resolve(ack);
+        });
+        waitForParentOrigin().then((origin) => {
+          window.parent.postMessage(
+            { type: "whatalo:action", actionId, action, payload },
+            origin
+          );
+        });
+      });
+    },
+    []
+  );
+  const showToast = useCallback(
+    (options) => sendAction("toast", options),
+    [sendAction]
+  );
+  const navigate = useCallback(
+    (path) => sendAction("navigate", { path }),
+    [sendAction]
+  );
+  const openModal = useCallback(
+    (options) => sendAction("modal", {
+      operation: "open",
+      ...options
+    }),
+    [sendAction]
+  );
+  const closeModal = useCallback(
+    () => sendAction("modal", { operation: "close" }),
+    [sendAction]
+  );
+  const resize = useCallback(
+    (height) => sendAction("resize", { height }),
+    [sendAction]
+  );
+  const sendBillingAction = useCallback(
+    (operation, extra) => sendAction("billing", {
+      operation,
+      ...extra
+    }),
+    [sendAction]
+  );
+  const billingGetPlans = useCallback(async () => {
+    const ack = await sendBillingAction(BILLING_OPERATION.GET_PLANS);
+    if (!ack.success) {
+      throw new Error(ack.error ?? "billing.getPlans failed");
+    }
+    return ack.data ?? [];
+  }, [sendBillingAction]);
+  const billingGetSubscription = useCallback(
+    async () => {
+      const ack = await sendBillingAction(BILLING_OPERATION.GET_SUBSCRIPTION);
+      if (!ack.success) {
+        throw new Error(ack.error ?? "billing.getSubscription failed");
+      }
+      return ack.data ?? null;
+    },
+    [sendBillingAction]
+  );
+  const billingRequestSubscription = useCallback(
+    async (planSlug) => {
+      const ack = await sendBillingAction(BILLING_OPERATION.REQUEST_SUBSCRIPTION, {
+        planSlug
+      });
+      if (!ack.success) {
+        throw new Error(ack.error ?? "billing.requestSubscription failed");
+      }
+    },
+    [sendBillingAction]
+  );
+  const billingCancelSubscription = useCallback(async () => {
+    const ack = await sendBillingAction(BILLING_OPERATION.CANCEL_SUBSCRIPTION);
+    if (!ack.success) {
+      throw new Error(ack.error ?? "billing.cancelSubscription failed");
+    }
+  }, [sendBillingAction]);
+  const billingReactivateSubscription = useCallback(async () => {
+    const ack = await sendBillingAction(BILLING_OPERATION.REACTIVATE_SUBSCRIPTION);
+    if (!ack.success) {
+      throw new Error(ack.error ?? "billing.reactivateSubscription failed");
+    }
+  }, [sendBillingAction]);
+  const billingSwitchPlan = useCallback(
+    async (newPlanSlug) => {
+      const ack = await sendBillingAction(BILLING_OPERATION.SWITCH_PLAN, {
+        planSlug: newPlanSlug
+      });
+      if (!ack.success) {
+        throw new Error(ack.error ?? "billing.switchPlan failed");
+      }
+    },
+    [sendBillingAction]
+  );
+  const billing = {
+    getPlans: billingGetPlans,
+    getSubscription: billingGetSubscription,
+    requestSubscription: billingRequestSubscription,
+    cancelSubscription: billingCancelSubscription,
+    reactivateSubscription: billingReactivateSubscription,
+    switchPlan: billingSwitchPlan
+  };
+  return { sendAction, showToast, navigate, openModal, closeModal, resize, billing };
+}
+
+// src/bridge/use-whatalo-context.ts
+var DEFAULT_CONTEXT = {
+  storeId: "",
+  storeName: "",
+  user: { id: "", name: "", email: "", role: "owner" },
+  appId: "",
+  currentPage: "",
+  locale: "es",
+  theme: "light",
+  initialHeight: 200
+};
+function useWhataloContext() {
+  const [context, setContext] = useState(DEFAULT_CONTEXT);
+  const [isReady, setIsReady] = useState(false);
+  const handleMessage = useCallback2((event) => {
+    if (!event.data || typeof event.data !== "object") return;
+    const msg = event.data;
+    if (msg.type !== "whatalo:context") return;
+    const payload = msg.data ?? msg.context;
+    if (!payload || typeof payload.storeId !== "string") return;
+    setContext(payload);
+    setIsReady(true);
+    if (payload.theme) {
+      document.documentElement.setAttribute("data-theme", payload.theme);
+    }
+  }, []);
+  useEffect2(() => {
+    attachInitListener();
+    window.addEventListener("message", handleMessage);
+    waitForParentOrigin().then((origin) => {
+      window.parent.postMessage(
+        {
+          type: "whatalo:action",
+          actionId: crypto.randomUUID(),
+          action: "ready",
+          payload: {}
+        },
+        origin
+      );
+    });
+    return () => window.removeEventListener("message", handleMessage);
+  }, [handleMessage]);
+  return { ...context, isReady };
+}
+
+// src/bridge/use-app-bridge.ts
+function useAppBridge() {
+  const ctx = useWhataloContext();
+  const actions = useWhataloAction();
+  return {
+    storeId: ctx.storeId,
+    storeName: ctx.storeName,
+    locale: ctx.locale,
+    theme: ctx.theme,
+    user: ctx.user,
+    appId: ctx.appId,
+    isReady: ctx.isReady,
+    toast: {
+      show: (title, options) => actions.showToast({ title, ...options })
+    },
+    navigate: actions.navigate,
+    modal: {
+      open: actions.openModal,
+      close: actions.closeModal
+    },
+    resize: actions.resize,
+    billing: actions.billing
+  };
+}
+export {
+  BILLING_OPERATION,
+  useAppBridge,
+  useWhataloAction,
+  useWhataloContext
+};
+//# sourceMappingURL=index.mjs.map

package/dist/bridge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bridge/use-whatalo-context.ts","../../src/bridge/use-whatalo-action.ts","../../src/bridge/types.ts","../../src/bridge/use-app-bridge.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport type { WhataloContext, ContextMessage } from \"./types.js\";\nimport { attachInitListener, waitForParentOrigin } from \"./use-whatalo-action.js\";\n\nexport interface UseWhataloContextReturn extends WhataloContext {\n  /** Whether the plugin has received context from the admin host */\n  isReady: boolean;\n}\n\nconst DEFAULT_CONTEXT: WhataloContext = {\n  storeId: \"\",\n  storeName: \"\",\n  user: { id: \"\", name: \"\", email: \"\", role: \"owner\" },\n  appId: \"\",\n  currentPage: \"\",\n  locale: \"es\",\n  theme: \"light\",\n  initialHeight: 200,\n};\n\n/**\n * Listens for context messages from the admin host and signals readiness.\n * Automatically applies the theme attribute to the document root.\n */\nexport function useWhataloContext(): UseWhataloContextReturn {\n  const [context, setContext] = useState<WhataloContext>(DEFAULT_CONTEXT);\n  const [isReady, setIsReady] = useState(false);\n\n  const handleMessage = useCallback((event: MessageEvent) => {\n    if (!event.data || typeof event.data !== \"object\") return;\n    const msg = event.data as ContextMessage & { context?: WhataloContext };\n    if (msg.type !== \"whatalo:context\") return;\n\n    const payload = msg.data ?? msg.context;\n    if (!payload || typeof payload.storeId !== \"string\") return;\n\n    setContext(payload);\n    setIsReady(true);\n\n    if (payload.theme) {\n      document.documentElement.setAttribute(\"data-theme\", payload.theme);\n    }\n  }, []);\n\n  useEffect(() => {\n    // Ensure the whatalo:init listener is attached before doing anything else.\n    // This is idempotent — safe to call multiple times.\n    attachInitListener();\n\n    window.addEventListener(\"message\", handleMessage);\n\n    // Send the ready signal to the admin host. We wait for parentOrigin from\n    // the whatalo:init handshake before sending so we never broadcast to \"*\".\n    // The admin sends whatalo:init on iframe onLoad, which fires before the\n    // plugin's React tree hydrates — so the wait is typically sub-millisecond.\n    waitForParentOrigin().then((origin) => {\n      window.parent.postMessage(\n        {\n          type: \"whatalo:action\",\n          actionId: crypto.randomUUID(),\n          action: \"ready\",\n          payload: {},\n        },\n        origin,\n      );\n    });\n\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [handleMessage]);\n\n  return { ...context, isReady };\n}\n","import { useCallback, useRef, useEffect } from \"react\";\nimport type {\n  BridgeAction,\n  ActionAck,\n  ToastPayload,\n  ModalPayload,\n  BillingOperation,\n  BillingPayload,\n  BillingPlanResponse,\n  BillingSubscriptionResponse,\n} from \"./types.js\";\nimport { BILLING_OPERATION } from \"./types.js\";\n\nconst ACK_TIMEOUT_MS = 5_000;\n\n// ---------------------------------------------------------------------------\n// Module-level origin store (singleton shared across all hook instances)\n//\n// This module owns the handshake state. Both useWhataloAction and\n// useWhataloContext import from here so they target the same parentOrigin\n// once the admin sends the whatalo:init handshake.\n// ---------------------------------------------------------------------------\n\n/** Origin of the admin host, received via whatalo:init handshake. */\nlet parentOrigin: string | null = null;\n\n/** Callbacks waiting for parentOrigin to be resolved. */\nconst originResolvers: Array<(origin: string) => void> = [];\n\n/**\n * Returns a Promise that resolves with the parent origin.\n * If the handshake already completed, resolves immediately.\n */\nexport function waitForParentOrigin(): Promise<string> {\n  if (parentOrigin !== null) {\n    return Promise.resolve(parentOrigin);\n  }\n  return new Promise((resolve) => {\n    originResolvers.push(resolve);\n  });\n}\n\n/**\n * Initializes the origin listener exactly once (idempotent).\n * Listens for the whatalo:init message from the admin host and stores\n * the origin so all subsequent postMessage calls can target it explicitly.\n */\nlet initListenerAttached = false;\n\nexport function attachInitListener(): void {\n  if (initListenerAttached) return;\n  initListenerAttached = true;\n\n  window.addEventListener(\"message\", (event: MessageEvent) => {\n    // Only accept the init message from the direct parent window\n    if (event.source !== window.parent) return;\n    if (!event.data || typeof event.data !== \"object\") return;\n    if (event.data.type !== \"whatalo:init\") return;\n\n    const origin = event.data.origin;\n    if (typeof origin !== \"string\" || !origin) return;\n\n    // Store origin and flush any queued resolvers\n    parentOrigin = origin;\n    for (const resolve of originResolvers) {\n      resolve(origin);\n    }\n    originResolvers.length = 0;\n  });\n}\n\n/** Billing namespace returned by useWhataloAction. */\nexport interface BillingActions {\n  /** Fetch all active pricing plans for this plugin. */\n  getPlans(): Promise<BillingPlanResponse[]>;\n  /** Fetch the store's current subscription to this plugin, or null if none. */\n  getSubscription(): Promise<BillingSubscriptionResponse | null>;\n  /**\n   * Request a subscription to the given plan.\n   * The host will redirect the admin to an approval page.\n   */\n  requestSubscription(planSlug: string): Promise<void>;\n  /** Initiate a cancellation for the current subscription. */\n  cancelSubscription(): Promise<void>;\n  /** Reactivate a subscription that was scheduled for cancellation at period end. */\n  reactivateSubscription(): Promise<void>;\n  /** Switch the current subscription to a different plan with proration. */\n  switchPlan(newPlanSlug: string): Promise<void>;\n}\n\nexport interface UseWhataloActionReturn {\n  /** Send a raw bridge action to the admin host */\n  sendAction: (\n    action: BridgeAction,\n    payload: Record<string, unknown>,\n  ) => Promise<ActionAck>;\n  /** Display a toast notification in the admin */\n  showToast: (options: ToastPayload) => Promise<ActionAck>;\n  /** Navigate the admin to a path */\n  navigate: (path: string) => Promise<ActionAck>;\n  /** Open a modal in the admin */\n  openModal: (options: Omit<ModalPayload, \"operation\">) => Promise<ActionAck>;\n  /** Close the currently open modal */\n  closeModal: () => Promise<ActionAck>;\n  /** Request an iframe resize */\n  resize: (height: number) => Promise<ActionAck>;\n  /** Billing actions — query plans, manage subscriptions. */\n  billing: BillingActions;\n}\n\n/**\n * Sends actions to the admin host via postMessage and waits for acknowledgements.\n * Each action has a unique ID and a timeout to prevent hanging promises.\n *\n * All postMessage calls target parentOrigin (set via whatalo:init handshake)\n * instead of \"*\" to prevent message interception by malicious embedders.\n * If the handshake has not completed yet, the message is queued and flushed\n * once the origin is received.\n */\nexport function useWhataloAction(): UseWhataloActionReturn {\n  const pendingAcks = useRef(\n    new Map<string, (ack: ActionAck) => void>(),\n  );\n\n  useEffect(() => {\n    // Ensure the init listener is running whenever this hook mounts\n    attachInitListener();\n\n    const handleMessage = (event: MessageEvent) => {\n      if (!event.data || typeof event.data !== \"object\") return;\n      const msg = event.data as ActionAck;\n      if (msg.type !== \"whatalo:ack\") return;\n\n      const resolve = pendingAcks.current.get(msg.actionId);\n      if (resolve) {\n        resolve(msg);\n        pendingAcks.current.delete(msg.actionId);\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, []);\n\n  const sendAction = useCallback(\n    (\n      action: BridgeAction,\n      payload: Record<string, unknown>,\n    ): Promise<ActionAck> => {\n      return new Promise((resolve) => {\n        const actionId = crypto.randomUUID();\n\n        const timeout = setTimeout(() => {\n          pendingAcks.current.delete(actionId);\n          resolve({\n            type: \"whatalo:ack\",\n            actionId,\n            success: false,\n            error: \"timeout\",\n          });\n        }, ACK_TIMEOUT_MS);\n\n        pendingAcks.current.set(actionId, (ack) => {\n          clearTimeout(timeout);\n          resolve(ack);\n        });\n\n        // Wait for the parent origin from the whatalo:init handshake before\n        // sending. If the handshake already completed this resolves synchronously.\n        waitForParentOrigin().then((origin) => {\n          window.parent.postMessage(\n            { type: \"whatalo:action\", actionId, action, payload },\n            origin,\n          );\n        });\n      });\n    },\n    [],\n  );\n\n  const showToast = useCallback(\n    (options: ToastPayload) =>\n      sendAction(\"toast\", options as unknown as Record<string, unknown>),\n    [sendAction],\n  );\n\n  const navigate = useCallback(\n    (path: string) => sendAction(\"navigate\", { path }),\n    [sendAction],\n  );\n\n  const openModal = useCallback(\n    (options: Omit<ModalPayload, \"operation\">) =>\n      sendAction(\"modal\", {\n        operation: \"open\",\n        ...options,\n      } as unknown as Record<string, unknown>),\n    [sendAction],\n  );\n\n  const closeModal = useCallback(\n    () => sendAction(\"modal\", { operation: \"close\" }),\n    [sendAction],\n  );\n\n  const resize = useCallback(\n    (height: number) => sendAction(\"resize\", { height }),\n    [sendAction],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Billing helpers\n  //\n  // Each billing method sends a \"billing\" action with a typed operation field.\n  // The host resolves the operation against the store's app_plans /\n  // app_subscriptions records and returns data in the ack payload.\n  // ---------------------------------------------------------------------------\n\n  /**\n   * Extracts typed data from a billing ack payload.\n   * Throws on failure so callers can use try/catch for error handling.\n   */\n  const sendBillingAction = useCallback(\n    (operation: BillingOperation, extra?: Omit<BillingPayload, \"operation\">) =>\n      sendAction(\"billing\", {\n        operation,\n        ...extra,\n      } as unknown as Record<string, unknown>),\n    [sendAction],\n  );\n\n  const billingGetPlans = useCallback(async (): Promise<BillingPlanResponse[]> => {\n    const ack = await sendBillingAction(BILLING_OPERATION.GET_PLANS);\n    if (!ack.success) {\n      throw new Error(ack.error ?? \"billing.getPlans failed\");\n    }\n    // The host embeds the plans array in the ack under a `data` key\n    return (ack as ActionAck & { data: BillingPlanResponse[] }).data ?? [];\n  }, [sendBillingAction]);\n\n  const billingGetSubscription = useCallback(\n    async (): Promise<BillingSubscriptionResponse | null> => {\n      const ack = await sendBillingAction(BILLING_OPERATION.GET_SUBSCRIPTION);\n      if (!ack.success) {\n        throw new Error(ack.error ?? \"billing.getSubscription failed\");\n      }\n      return (\n        (ack as ActionAck & { data: BillingSubscriptionResponse | null }).data ??\n        null\n      );\n    },\n    [sendBillingAction],\n  );\n\n  const billingRequestSubscription = useCallback(\n    async (planSlug: string): Promise<void> => {\n      const ack = await sendBillingAction(BILLING_OPERATION.REQUEST_SUBSCRIPTION, {\n        planSlug,\n      });\n      if (!ack.success) {\n        throw new Error(ack.error ?? \"billing.requestSubscription failed\");\n      }\n    },\n    [sendBillingAction],\n  );\n\n  const billingCancelSubscription = useCallback(async (): Promise<void> => {\n    const ack = await sendBillingAction(BILLING_OPERATION.CANCEL_SUBSCRIPTION);\n    if (!ack.success) {\n      throw new Error(ack.error ?? \"billing.cancelSubscription failed\");\n    }\n  }, [sendBillingAction]);\n\n  const billingReactivateSubscription = useCallback(async (): Promise<void> => {\n    const ack = await sendBillingAction(BILLING_OPERATION.REACTIVATE_SUBSCRIPTION);\n    if (!ack.success) {\n      throw new Error(ack.error ?? \"billing.reactivateSubscription failed\");\n    }\n  }, [sendBillingAction]);\n\n  const billingSwitchPlan = useCallback(\n    async (newPlanSlug: string): Promise<void> => {\n      const ack = await sendBillingAction(BILLING_OPERATION.SWITCH_PLAN, {\n        planSlug: newPlanSlug,\n      });\n      if (!ack.success) {\n        throw new Error(ack.error ?? \"billing.switchPlan failed\");\n      }\n    },\n    [sendBillingAction],\n  );\n\n  const billing: BillingActions = {\n    getPlans: billingGetPlans,\n    getSubscription: billingGetSubscription,\n    requestSubscription: billingRequestSubscription,\n    cancelSubscription: billingCancelSubscription,\n    reactivateSubscription: billingReactivateSubscription,\n    switchPlan: billingSwitchPlan,\n  };\n\n  return { sendAction, showToast, navigate, openModal, closeModal, resize, billing };\n}\n","/** Context data sent from the admin host to a plugin iframe */\nexport interface WhataloContext {\n  /** Store UUID */\n  storeId: string;\n  /** Store display name */\n  storeName: string;\n  /** Current order ID (set when plugin opens from order detail) */\n  orderId?: string;\n  /** Current order status */\n  orderStatus?: string;\n  /** Current product ID (set when plugin opens from product detail) */\n  productId?: string;\n  /** Authenticated user info */\n  user: WhataloUser;\n  /** Plugin ID from the manifest */\n  appId: string;\n  /** Current admin page path (e.g., \"/integrations/my-plugin/settings\") */\n  currentPage: string;\n  /** Locale code (e.g., \"es\", \"en\") */\n  locale: string;\n  /** Active color scheme */\n  theme: \"light\" | \"dark\";\n  /** Suggested initial iframe height in pixels */\n  initialHeight: number;\n}\n\n/**\n * Authenticated user information provided to the plugin.\n *\n * `role` reflects the user's actual role in the store, not a hardcoded value.\n * Current Whatalo stores are single-owner, so the role will always be \"owner\"\n * for now. The union type is forward-compatible for future multi-member support.\n */\nexport interface WhataloUser {\n  id: string;\n  name: string;\n  email: string;\n  role: \"owner\" | \"admin\" | \"editor\" | \"staff\" | \"viewer\";\n}\n\n/** Available bridge actions the plugin can dispatch */\nexport type BridgeAction =\n  | \"navigate\"\n  | \"toast\"\n  | \"modal\"\n  | \"resize\"\n  | \"ready\"\n  | \"billing\";\n\n// ---------------------------------------------------------------------------\n// Billing types\n// ---------------------------------------------------------------------------\n\n/** All billing operations supported by the bridge. createUsageRecord is reserved for v2. */\nexport const BILLING_OPERATION = {\n  GET_PLANS: \"getPlans\",\n  GET_SUBSCRIPTION: \"getSubscription\",\n  REQUEST_SUBSCRIPTION: \"requestSubscription\",\n  CANCEL_SUBSCRIPTION: \"cancelSubscription\",\n  REACTIVATE_SUBSCRIPTION: \"reactivateSubscription\",\n  SWITCH_PLAN: \"switchPlan\",\n  CREATE_USAGE_RECORD: \"createUsageRecord\",\n} as const;\n\nexport type BillingOperation =\n  (typeof BILLING_OPERATION)[keyof typeof BILLING_OPERATION];\n\n/** Payload sent from the plugin to the host for billing actions. */\nexport interface BillingPayload {\n  operation: BillingOperation;\n  /** Required for requestSubscription */\n  planSlug?: string;\n  /** Human-readable reason for the subscription request */\n  description?: string;\n  /** Reserved for createUsageRecord (v2) */\n  amount?: number;\n  /** Idempotency key for safe retries (v2) */\n  idempotencyKey?: string;\n}\n\n/** A single pricing plan returned by getPlans. */\nexport interface BillingPlanResponse {\n  slug: string;\n  name: string;\n  price: number;\n  currency: string;\n  /** \"monthly\" | \"annual\" | null (null for one-time or usage plans) */\n  interval: string | null;\n  trialDays: number;\n  features: string[];\n  isPopular: boolean;\n}\n\n/** The store's current subscription to this plugin, returned by getSubscription. */\nexport interface BillingSubscriptionResponse {\n  planSlug: string;\n  planName: string;\n  /** \"pending\" | \"trialing\" | \"active\" | \"past_due\" | \"canceled\" */\n  status: string;\n  trialEndsAt: string | null;\n  currentPeriodEnd: string | null;\n  /** Whether the subscription is scheduled for cancellation at period end */\n  cancelAtPeriodEnd: boolean;\n  /** ISO timestamp of when the cancellation was initiated, or null */\n  canceledAt: string | null;\n}\n\n/** Message sent from admin host to plugin with context data */\nexport interface ContextMessage {\n  type: \"whatalo:context\";\n  data: WhataloContext;\n}\n\n/** Action message sent from plugin to admin host */\nexport interface ActionMessage {\n  type: \"whatalo:action\";\n  actionId: string;\n  action: BridgeAction;\n  payload: Record<string, unknown>;\n}\n\n/** Acknowledgement message sent from admin host back to plugin */\nexport interface ActionAck {\n  type: \"whatalo:ack\";\n  actionId: string;\n  success: boolean;\n  error?: string;\n}\n\n/** Payload for toast notifications */\nexport interface ToastPayload {\n  title: string;\n  description?: string;\n  variant?: \"success\" | \"error\" | \"warning\" | \"info\";\n}\n\n/** Payload for admin navigation */\nexport interface NavigatePayload {\n  path: string;\n}\n\n/** Payload for modal operations */\nexport interface ModalPayload {\n  operation: \"open\" | \"close\";\n  title?: string;\n  url?: string;\n  width?: number;\n  height?: number;\n}\n\n/** Payload for iframe resize */\nexport interface ResizePayload {\n  height: number;\n}\n","import { useWhataloContext } from \"./use-whatalo-context.js\";\nimport { useWhataloAction } from \"./use-whatalo-action.js\";\nimport type {\n  ActionAck,\n  ToastPayload,\n  ModalPayload,\n  WhataloUser,\n  BillingPlanResponse,\n  BillingSubscriptionResponse,\n} from \"./types.js\";\nimport type { BillingActions } from \"./use-whatalo-action.js\";\n\nexport interface AppBridgeToast {\n  /** Show a toast notification in the admin host */\n  show: (\n    title: string,\n    options?: Omit<ToastPayload, \"title\">,\n  ) => Promise<ActionAck>;\n}\n\nexport interface AppBridgeModal {\n  /** Open a modal in the admin host */\n  open: (options: Omit<ModalPayload, \"operation\">) => Promise<ActionAck>;\n  /** Close the currently open modal */\n  close: () => Promise<ActionAck>;\n}\n\n/** Re-export for consumers who import directly from use-app-bridge */\nexport type { BillingActions, BillingPlanResponse, BillingSubscriptionResponse };\n\nexport interface AppBridge {\n  /** Store UUID */\n  storeId: string;\n  /** Store display name */\n  storeName: string;\n  /** Locale code (e.g., \"es\", \"en\") */\n  locale: string;\n  /** Active color scheme */\n  theme: \"light\" | \"dark\";\n  /** Authenticated user info */\n  user: WhataloUser;\n  /** Plugin ID from the manifest */\n  appId: string;\n  /** Whether the plugin has received context from the admin host */\n  isReady: boolean;\n  /** Toast notification helpers */\n  toast: AppBridgeToast;\n  /** Navigate the admin to a path */\n  navigate: (path: string) => Promise<ActionAck>;\n  /** Modal helpers */\n  modal: AppBridgeModal;\n  /** Request an iframe resize */\n  resize: (height: number) => Promise<ActionAck>;\n  /** Billing actions — query plans and manage subscriptions */\n  billing: BillingActions;\n}\n\n/**\n * Unified bridge hook that combines context and actions into a single API.\n * This is the primary hook plugin developers should use.\n *\n * @example\n * ```tsx\n * const bridge = useAppBridge();\n * bridge.toast.show(\"Saved!\", { variant: \"success\" });\n * bridge.navigate(\"/orders\");\n * ```\n */\nexport function useAppBridge(): AppBridge {\n  const ctx = useWhataloContext();\n  const actions = useWhataloAction();\n\n  return {\n    storeId: ctx.storeId,\n    storeName: ctx.storeName,\n    locale: ctx.locale,\n    theme: ctx.theme,\n    user: ctx.user,\n    appId: ctx.appId,\n    isReady: ctx.isReady,\n    toast: {\n      show: (title, options) =>\n        actions.showToast({ title, ...options }),\n    },\n    navigate: actions.navigate,\n    modal: {\n      open: actions.openModal,\n      close: actions.closeModal,\n    },\n    resize: actions.resize,\n    billing: actions.billing,\n  };\n}\n"],"mappings":"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","names":["useEffect","useCallback","useCallback","useEffect"]}