@juo/blocks 1.11.0-alpha.0 → 1.12.0-alpha.0

package/dist/juo-workflow-DRauDEnU.js

@@ -1,617 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { c as createContext, d, E, m as getDefinedBlocks, f as createBlockInstance, w, r as registerBlock, k as defineBlock, v as subscribeContext } from "./block-WoHZvF51.js";
-import { a as createEditorBridge, e as createSelectBlockMessage } from "./bridge-w5KQ-czl.js";
-const TranslationContext = createContext("translation");
-function toStringRecord(input) {
-  if (input == null) return {};
-  return Object.fromEntries(
-    Object.entries(input).filter(([, value]) => typeof value === "string")
-  );
-}
-function createTranslationService(locales, options = {}) {
-  const loadedThemeDefaults = d({});
-  if (options.loadDefaultTranslations) {
-    let loadVersion = 0;
-    E(() => {
-      const locale = locales.locale.value;
-      const currentVersion = ++loadVersion;
-      void options.loadDefaultTranslations(locale).then((result) => toStringRecord(result)).catch(() => ({})).then((result) => {
-        if (currentVersion !== loadVersion) return;
-        loadedThemeDefaults.value = result;
-      });
-    });
-  }
-  return {
-    locale: locales.locale,
-    resolve(blockType, blockId, key) {
-      var _a, _b, _c;
-      const data = locales.catalogs.value;
-      const themeDefault = loadedThemeDefaults.value[key] ?? (data == null ? void 0 : data.theme.defaults[key]);
-      if (data == null) {
-        return themeDefault ?? key;
-      }
-      if (blockId && ((_a = data.blocks.overrides[blockId]) == null ? void 0 : _a[key]) !== void 0) {
-        return data.blocks.overrides[blockId][key];
-      }
-      const blockDefault = blockType != null ? (_b = data.blocks.defaults[blockType]) == null ? void 0 : _b[key] : void 0;
-      const mode = (blockType != null ? (_c = data.blocks.modes[blockType]) == null ? void 0 : _c[key] : void 0) ?? "override";
-      if (blockDefault !== void 0 && mode === "override") {
-        return blockDefault;
-      }
-      if (data.theme.overrides[key] !== void 0) {
-        return data.theme.overrides[key];
-      }
-      if (themeDefault !== void 0) {
-        return themeDefault;
-      }
-      if (blockDefault !== void 0) {
-        return blockDefault;
-      }
-      return key;
-    }
-  };
-}
-function getDefaultBlockForAction(actionType, actionConfig, blockId) {
-  const blockName = `action:${actionType}`;
-  const definedBlocks = getDefinedBlocks();
-  const exists = definedBlocks.some((b) => b.name === blockName);
-  if (!exists) {
-    throw new Error(
-      `No default block registered for action type "${actionType}". Expected a block named "${blockName}" to be registered in blocks-extensions.`
-    );
-  }
-  return createBlockInstance(blockName, { props: actionConfig, id: blockId });
-}
-function hasDefaultBlockForAction(actionType) {
-  const blockName = `action:${actionType}`;
-  return getDefinedBlocks().some((b) => b.name === blockName);
-}
-const WorkflowServiceContext = createContext("services/workflow");
-function createWorkflowApiAdapter(sdk) {
-  return {
-    async start(flowType, context, workflowId, dryRun) {
-      const { data } = await sdk.post("/customer/v1/workflows/start", {
-        flowType,
-        context,
-        ...workflowId ? { workflowId } : {},
-        ...dryRun ? { dryRun: true } : {}
-      });
-      return data;
-    },
-    async respond(runId, interactionId, responseType, responseData, expectedRunVersion, eventId) {
-      const { data } = await sdk.post(
-        "/customer/v1/workflows/{runId}/respond",
-        {
-          runId,
-          interactionId,
-          responseType,
-          responseData,
-          expectedRunVersion,
-          eventId
-        }
-      );
-      return data;
-    },
-    async getState(runId) {
-      const { data } = await sdk.get("/customer/v1/workflows/{runId}", {
-        runId
-      });
-      return data;
-    },
-    async cancel(runId) {
-      const { data } = await sdk.post("/customer/v1/workflows/{runId}/cancel", {
-        runId
-      });
-      return data;
-    }
-  };
-}
-function createWorkflowService(deps) {
-  const { api } = deps;
-  const editor = createEditorBridge();
-  const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
-  const previewWorkflowTrigger = (urlParams == null ? void 0 : urlParams.get("trigger")) ?? null;
-  const previewStepId = (urlParams == null ? void 0 : urlParams.get("step-id")) ?? null;
-  const previewWorkflowId = (urlParams == null ? void 0 : urlParams.get("workflow-id")) ?? null;
-  const isEditorMode = editor.isEditorMode || previewWorkflowTrigger !== null;
-  const _state = d({
-    status: "idle",
-    flowType: null,
-    workflowId: null,
-    workflowVersion: null,
-    runId: null,
-    runVersion: null,
-    currentStepId: null,
-    currentInteraction: null,
-    error: null,
-    result: null,
-    flowParams: null,
-    invalidatedResources: [],
-    outcome: null,
-    completionData: null,
-    dryRun: null,
-    firstPollReason: null
-  });
-  const _backendInteractionId = d(null);
-  const _registeredRootBlocks = /* @__PURE__ */ new Set();
-  const isActive = w(() => _state.value.status === "active");
-  const isLoading = w(() => _state.value.status === "loading");
-  const isCompleted = w(() => _state.value.status === "completed");
-  const hasError = w(() => _state.value.status === "error");
-  const currentInteraction = w(() => _state.value.currentInteraction);
-  const canRespond = w(() => {
-    const interaction = _state.value.currentInteraction;
-    const backendId = _backendInteractionId.value;
-    if (!interaction || !backendId) return false;
-    return interaction.interactionId === backendId;
-  });
-  const currentStepInfo = w(() => {
-    const interaction = _state.value.currentInteraction;
-    if (!interaction) return null;
-    const actionConfig = deps.shopCurrencyCode ? { ...interaction.actionConfig, currency: deps.shopCurrencyCode } : interaction.actionConfig;
-    return {
-      interactionId: interaction.interactionId,
-      stepId: interaction.stepId,
-      actionType: interaction.actionType,
-      actionConfig,
-      availableResponses: interaction.availableResponses
-    };
-  });
-  function updateState(updates) {
-    _state.value = { ..._state.value, ...updates };
-  }
-  function hashString(value) {
-    let hash = 2166136261;
-    for (let index = 0; index < value.length; index += 1) {
-      hash ^= value.charCodeAt(index);
-      hash = Math.imul(hash, 16777619);
-    }
-    return (hash >>> 0).toString(36);
-  }
-  function shortenId(value, slugLength = 6) {
-    const compact = value.toLowerCase().replace(/[^a-z0-9]/g, "");
-    const slug = (compact || "id").slice(0, slugLength);
-    return `${slug}-${hashString(value)}`;
-  }
-  function createStableStepBlockId(workflowId, stepId) {
-    return `wf-${shortenId(workflowId)}-${shortenId(stepId)}`;
-  }
-  function handleFlowResponse(data) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const mergedInvalidated = [
-      ..._state.value.invalidatedResources,
-      ...data.invalidatedResources ?? []
-    ];
-    if (data.status === "waiting_interaction") {
-      const currentStepId = ((_a = data.pendingInteraction) == null ? void 0 : _a.stepId) ?? (isEditorMode ? (_c = (_b = data.interactiveSteps) == null ? void 0 : _b[0]) == null ? void 0 : _c.stepId : null);
-      _backendInteractionId.value = ((_d = data.pendingInteraction) == null ? void 0 : _d.interactionId) ?? null;
-      const isInitialResponse = _state.value.runId == null;
-      updateState({
-        status: "active",
-        workflowId: data.workflowId,
-        workflowVersion: data.workflowVersion,
-        runId: data.runId,
-        runVersion: data.runVersion,
-        currentStepId,
-        currentInteraction: data.pendingInteraction,
-        invalidatedResources: mergedInvalidated,
-        outcome: null
-      });
-      if (editor.isEditorMode) {
-        const displayStepId = isInitialResponse && previewStepId && ((_e = data.interactiveSteps) == null ? void 0 : _e.some((s) => s.stepId === previewStepId)) ? previewStepId : currentStepId;
-        const overlayBlocks = deps.themeState.overlay.blocks.value;
-        const rootBlock = overlayBlocks[0];
-        const stepSlot = displayStepId ? (_f = rootBlock == null ? void 0 : rootBlock.slots) == null ? void 0 : _f[displayStepId] : null;
-        const stepBlock = Array.isArray(stepSlot) ? stepSlot[0] : null;
-        const blockId = stepBlock && typeof stepBlock === "object" && "id" in stepBlock ? stepBlock.id : null;
-        if (blockId) {
-          editor.sendMessage(
-            createSelectBlockMessage({ blockId }, blockId)
-          );
-        }
-      }
-    } else if (data.status === "completed") {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "completed",
-        currentStepId: null,
-        currentInteraction: null,
-        runVersion: data.runVersion,
-        result: data.result || null,
-        invalidatedResources: mergedInvalidated,
-        outcome: data.outcome || null,
-        completionData: data.completionData || null
-      });
-    } else if (data.status === "failed") {
-      _backendInteractionId.value = null;
-      handleError(new Error(((_g = data.error) == null ? void 0 : _g.message) || "Flow failed"));
-    } else if (data.status === "cancelled") {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "idle",
-        flowType: null,
-        workflowId: null,
-        workflowVersion: null,
-        runId: null,
-        runVersion: null,
-        currentStepId: null,
-        currentInteraction: null,
-        error: null,
-        result: null,
-        invalidatedResources: [],
-        outcome: null,
-        completionData: null,
-        firstPollReason: null
-      });
-    }
-  }
-  function handleError(error) {
-    const message = error instanceof Error ? error.message : "Unknown error";
-    updateState({
-      status: "error",
-      error: message
-    });
-  }
-  function maybeApplyPreviewStep(flowType, data) {
-    var _a;
-    if (!previewWorkflowTrigger) return;
-    if (flowType !== previewWorkflowTrigger) return;
-    if (data.status !== "waiting_interaction") return;
-    const step = (_a = data.interactiveSteps) == null ? void 0 : _a.find(
-      (interactiveStep) => interactiveStep.stepId === previewStepId
-    );
-    if (!step) return;
-    updateState({
-      currentStepId: step.stepId,
-      currentInteraction: {
-        interactionId: `preview-${data.runId}-${step.stepId}`,
-        stepId: step.stepId,
-        actionType: step.actionType,
-        actionBehavior: "input",
-        actionConfig: step.actionConfig,
-        availableResponses: step.availableResponses,
-        presentedAt: /* @__PURE__ */ new Date()
-      }
-    });
-  }
-  function initWorkflowRootBlock(data) {
-    if (_registeredRootBlocks.has(data.workflowId)) {
-      return;
-    }
-    const allSteps = data.interactiveSteps ?? (data.pendingInteraction ? [
-      {
-        stepId: data.pendingInteraction.stepId,
-        actionType: data.pendingInteraction.actionType,
-        actionConfig: data.pendingInteraction.actionConfig,
-        availableResponses: data.pendingInteraction.availableResponses
-      }
-    ] : []);
-    const slotProperties = {};
-    for (const step of allSteps) {
-      slotProperties[step.stepId] = {};
-    }
-    const presets = {};
-    const baseLabelFor = (step) => {
-      var _a;
-      return ((_a = getDefinedBlocks().find((b) => b.name === `action:${step.actionType}`)) == null ? void 0 : _a.displayName) ?? step.stepId;
-    };
-    const totalCounts = /* @__PURE__ */ new Map();
-    for (const step of allSteps) {
-      const baseLabel = baseLabelFor(step);
-      totalCounts.set(baseLabel, (totalCounts.get(baseLabel) ?? 0) + 1);
-    }
-    const seenCounts = /* @__PURE__ */ new Map();
-    for (const step of allSteps) {
-      const baseLabel = baseLabelFor(step);
-      const occurrence = (seenCounts.get(baseLabel) ?? 0) + 1;
-      seenCounts.set(baseLabel, occurrence);
-      const isDuplicated = (totalCounts.get(baseLabel) ?? 0) > 1;
-      const label = isDuplicated ? `${baseLabel} (${occurrence})` : baseLabel;
-      presets[step.stepId] = {
-        label,
-        description: step.actionType,
-        state: step.stepId,
-        // @ts-expect-error Untyped
-        context: step
-      };
-    }
-    registerBlock(
-      defineBlock(`workflow:${data.workflowId}`, {
-        group: "workflow",
-        schema: {
-          type: "object",
-          properties: {
-            props: { type: "object" },
-            slots: {
-              type: "object",
-              properties: slotProperties
-            }
-          },
-          required: ["props", "slots"],
-          additionalProperties: true
-        },
-        initialValue: () => ({
-          props: {},
-          slots: Object.fromEntries(
-            allSteps.map((step) => [
-              step.stepId,
-              [
-                getDefaultBlockForAction(
-                  step.actionType,
-                  step.actionConfig,
-                  createStableStepBlockId(data.workflowId, step.stepId)
-                )
-              ]
-            ])
-          )
-        }),
-        presets,
-        renderer() {
-          return null;
-        }
-      })
-    );
-    _registeredRootBlocks.add(data.workflowId);
-  }
-  async function initWorkflowState(data) {
-    const { blocks } = await deps.themeState.resolve(
-      "overlay",
-      `workflow:${data.workflowId}`
-    );
-    if (blocks.length === 0) return;
-    editor.onBlockPresetChange(blocks[0].id, (preset) => {
-      if (!preset) {
-        return;
-      }
-      updateState({
-        // @ts-expect-error Untyped
-        currentStepId: preset.state,
-        // @ts-expect-error Untyped
-        currentInteraction: { ...preset == null ? void 0 : preset.context }
-      });
-    });
-  }
-  const service = {
-    // State signals (readonly)
-    state: _state,
-    /** True when the portal is running inside the Blocks Editor (editorMode dep
-     *  or ?trigger=... URL param). Consumers use this to suppress auto-start. */
-    isPreviewMode: isEditorMode,
-    // Computed signals
-    isActive,
-    isLoading,
-    isCompleted,
-    hasError,
-    canRespond,
-    currentInteraction,
-    currentStepInfo,
-    // Methods
-    async startFlow(flowType, context, workflowId) {
-      const isDryRun = isEditorMode;
-      updateState({
-        status: "loading",
-        error: null,
-        flowParams: context,
-        flowType,
-        dryRun: isDryRun,
-        firstPollReason: null
-      });
-      try {
-        const data = await api.start(
-          flowType,
-          context,
-          workflowId,
-          isDryRun || void 0
-        );
-        if (data.status === "no_workflow") {
-          service.reset();
-          return;
-        }
-        if (data.status === "completed_silently") {
-          updateState({
-            status: "completed",
-            currentStepId: null,
-            currentInteraction: null,
-            result: null,
-            invalidatedResources: data.invalidatedResources ?? [],
-            outcome: data.outcome || null,
-            completionData: data.completionData || null
-          });
-          return;
-        }
-        initWorkflowRootBlock(data);
-        await initWorkflowState(data);
-        handleFlowResponse(data);
-        maybeApplyPreviewStep(flowType, data);
-      } catch (error) {
-        handleError(error);
-      }
-    },
-    async respond(responseType, responseData) {
-      const { runId, runVersion, currentInteraction: currentInteraction2 } = _state.value;
-      if (!runId || !currentInteraction2) {
-        throw new Error("No active interaction to respond to");
-      }
-      updateState({ status: "loading" });
-      try {
-        const data = await api.respond(
-          runId,
-          currentInteraction2.interactionId,
-          responseType,
-          responseData,
-          runVersion ?? void 0
-        );
-        if (_state.value.firstPollReason == null && currentInteraction2.actionType === "poll") {
-          const reason = responseData == null ? void 0 : responseData.reason;
-          if (typeof reason === "string" && reason.length > 0) {
-            updateState({ firstPollReason: reason });
-          }
-        }
-        handleFlowResponse(data);
-      } catch (error) {
-        handleError(error);
-      }
-    },
-    async cancel() {
-      const { runId, status } = _state.value;
-      const isTerminal = status === "completed" || status === "error";
-      if (runId && !isTerminal) {
-        try {
-          const data = await api.cancel(runId);
-          if (data.outcome) {
-            updateState({
-              status: "completed",
-              flowType: null,
-              workflowId: null,
-              workflowVersion: null,
-              runId: null,
-              runVersion: null,
-              currentStepId: null,
-              currentInteraction: null,
-              error: null,
-              result: null,
-              flowParams: null,
-              invalidatedResources: data.invalidatedResources ?? [],
-              outcome: data.outcome || null,
-              dryRun: null
-            });
-            return;
-          }
-        } catch {
-        }
-      }
-      service.reset();
-    },
-    reset() {
-      _backendInteractionId.value = null;
-      updateState({
-        status: "idle",
-        flowType: null,
-        workflowId: null,
-        workflowVersion: null,
-        runId: null,
-        runVersion: null,
-        currentStepId: null,
-        currentInteraction: null,
-        error: null,
-        result: null,
-        flowParams: null,
-        invalidatedResources: [],
-        outcome: null,
-        completionData: null,
-        firstPollReason: null
-      });
-    },
-    async refresh() {
-      const { runId } = _state.value;
-      if (!runId) return;
-      try {
-        const data = await api.getState(runId);
-        handleFlowResponse(data);
-      } catch (error) {
-        handleError(error);
-      }
-    }
-  };
-  if (previewWorkflowTrigger) {
-    void service.startFlow(
-      previewWorkflowTrigger,
-      {},
-      previewWorkflowId ?? void 0
-    );
-  }
-  return service;
-}
-class JuoWorkflowElement extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "workflowService", null);
-    __publicField(this, "unsubscribeContext", null);
-    __publicField(this, "unsubscribeEffect", null);
-    /** Tracks which step is currently mounted to avoid unnecessary DOM teardown. */
-    __publicField(this, "renderedStepId", null);
-    /**
-     * Optional function to wrap rendered content (step blocks).
-     * Must be set before workflow becomes active for correct behavior.
-     */
-    __publicField(this, "blockWrapper", null);
-  }
-  connectedCallback() {
-    this.style.display = "contents";
-    this.unsubscribeContext = subscribeContext(
-      this,
-      WorkflowServiceContext,
-      (service) => {
-        this.workflowService = service;
-        this.setupSubscription();
-      }
-    );
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.unsubscribeContext) == null ? void 0 : _a.call(this);
-    (_b = this.unsubscribeEffect) == null ? void 0 : _b.call(this);
-    this.unsubscribeContext = null;
-    this.unsubscribeEffect = null;
-    this.renderedStepId = null;
-  }
-  setupSubscription() {
-    var _a;
-    if (!this.workflowService) return;
-    (_a = this.unsubscribeEffect) == null ? void 0 : _a.call(this);
-    this.unsubscribeEffect = E(() => {
-      var _a2, _b;
-      const status = ((_a2 = this.workflowService) == null ? void 0 : _a2.state.value.status) ?? "idle";
-      const stepInfo = (_b = this.workflowService) == null ? void 0 : _b.currentStepInfo.value;
-      const stepId = (stepInfo == null ? void 0 : stepInfo.stepId) ?? null;
-      queueMicrotask(() => {
-        if (this.isConnected) {
-          this.render(status, stepId);
-        }
-      });
-    });
-  }
-  render(status, stepId) {
-    var _a;
-    if ((status === "active" || status === "loading") && stepId) {
-      if (this.renderedStepId !== stepId) {
-        this.innerHTML = "";
-        this.renderedStepId = stepId;
-        const extensionRoot = document.createElement(
-          "juo-extension-root"
-        );
-        extensionRoot.setAttribute("surface", "overlay");
-        extensionRoot.setAttribute("name", stepId);
-        extensionRoot.blockWrapper = this.blockWrapper;
-        this.appendChild(extensionRoot);
-      }
-      return;
-    }
-    this.innerHTML = "";
-    this.renderedStepId = null;
-    if (status === "error") {
-      const error = ((_a = this.workflowService) == null ? void 0 : _a.state.value.error) ?? "Unknown error";
-      this.dispatchEvent(
-        new CustomEvent("juo-workflow-error", {
-          bubbles: true,
-          composed: true,
-          detail: { error }
-        })
-      );
-    }
-  }
-}
-if (typeof customElements !== "undefined" && !customElements.get("juo-workflow")) {
-  customElements.define("juo-workflow", JuoWorkflowElement);
-}
-export {
-  TranslationContext as T,
-  WorkflowServiceContext as W,
-  createWorkflowApiAdapter as a,
-  createWorkflowService as b,
-  createTranslationService as c,
-  getDefaultBlockForAction as g,
-  hasDefaultBlockForAction as h
-};