@picked/client 0.0.70 → 0.0.71-next.2

package/dist/docs/sdk/steps.md

@@ -1,479 +0,0 @@
----
-layout: docs
----
-
-# Steps
-
-Render your steps with `<StepRouter>` and `<Step>` from `@picked/react` or
-`@picked/svelte`. Reach the active step through `useStep()` or `getStep()`.
-
-## How steps work
-
-When an experience starts, its steps form a directed graph of nodes. The SDK walks
-this graph to find which step to show:
-
-1. **Initialization**: when the experience opens, the SDK starts at the origin node.
-   It walks the graph to find the first step.
-2. **Step entry**: the SDK sets the active step. It sends a `step_enter` event on the
-   event bus.
-3. **Field evaluation**: the SDK evaluates the fields of the step. It shows or hides
-   a field with a condition, and the current state decides which.
-4. **User input**: the user fills in the fields of the step. Validation runs in the
-   browser on blur and on submit.
-5. **Step submission**: when the user submits, a `step_submit` event fires. The SDK
-   commits the field responses to the client state.
-6. **Navigation**: the SDK follows the edge from the current step node to the next
-   one. It walks through each condition and action on the way.
-7. **Completion**: when no step remains, the experience flow is complete.
-
-## Step routing
-
-`StepRouter` watches the current step state of the experience. It activates the
-`Step` whose `id` matches. Each `Step` registers itself on mount and unregisters on
-unmount, so a tab or a drawer that renders lazily works with no extra code.
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { StepRouter, Step } from '@picked/svelte/router'
-</script>
-
-<StepRouter>
-  <Step id="welcome">
-    <WelcomeScreen />
-  </Step>
-
-  <Step id="contact">
-    <ContactForm />
-  </Step>
-
-  <Step id="confirmation">
-    <ConfirmationScreen />
-  </Step>
-</StepRouter>
-```
-
-```tsx [React]
-import { StepRouter, Step } from '@picked/react/router'
-
-function MyExperience() {
-  return (
-    <StepRouter>
-      <Step id="welcome">
-        <WelcomeScreen />
-      </Step>
-
-      <Step id="contact">
-        <ContactForm />
-      </Step>
-
-      <Step id="confirmation">
-        <ConfirmationScreen />
-      </Step>
-    </StepRouter>
-  )
-}
-```
-
-:::
-
-:::note
-A router must hold every Step, even when there is only one Step.
-:::
-
-### Lazy-loaded steps
-
-For a large experience, load a step lazily with a dynamic import:
-
-:::code-group
-
-```svelte [Svelte]
-<StepRouter>
-  <Step id="welcome" component={import('./WelcomeScreen.svelte')} />
-</StepRouter>
-```
-
-```tsx [React]
-import { lazy } from 'react'
-
-const WelcomeScreen = lazy(() => import('./WelcomeScreen'))
-
-<StepRouter>
-  <Step id="welcome">
-    <WelcomeScreen />
-  </Step>
-</StepRouter>
-```
-
-:::
-
-The `component` prop takes a `Promise<Component>`. The SDK does not load the content
-of the step until that step becomes active.
-
-## Reach the step context
-
-Inside a `Step` component, or inside any component that a `Step` renders, call
-`getStep()` or `useStep()` to reach the reactive context of the step:
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { getStep } from '@picked/svelte/hooks'
-
-  const { step, fields } = getStep()
-</script>
-
-<h1>{$step.label}</h1>
-
-{#each $fields as field}
-  <label>{field.label}</label>
-  <input
-    name={field.id}
-    value={field.value ?? ''}
-    onchange={field.onChange}
-    onblur={field.onBlur}
-  />
-  {#if field.error && field.touched}
-    <p class="error">{field.error.userMessage}</p>
-  {/if}
-{/each}
-```
-
-```tsx [React]
-import { useStep } from '@picked/react/hooks'
-import { useUnit } from 'effector-react'
-
-function ContactForm() {
-  const { step, fields } = useStep()
-  const currentStep = useUnit(step)
-  const currentFields = useUnit(fields)
-
-  return (
-    <>
-      <h1>{currentStep.label}</h1>
-
-      {currentFields.map((field) => (
-        <div key={field.id}>
-          <label>{field.label}</label>
-          <input
-            name={field.id}
-            value={field.value ?? ''}
-            onChange={field.onChange}
-            onBlur={field.onBlur}
-          />
-          {field.error && field.touched && <p className="error">{field.error.userMessage}</p>}
-        </div>
-      ))}
-    </>
-  )
-}
-```
-
-:::
-
-`getStep()` in Svelte, and `useStep()` in React, return a `StepContext` with these
-properties:
-
-| Property   | Type                                          | Description                                                                    |
-| ---------- | --------------------------------------------- | ------------------------------------------------------------------------------ |
-| `step`     | `Store<ExperienceStep>`                       | A reactive store that holds the `id` and the `label` of the step                |
-| `fields`   | `Store<FormField[]>`                          | A reactive store of the fields, with their current values, errors, and handlers |
-| `isActive` | `Store<boolean>` (Svelte) / `boolean` (React) | Whether the router holds this step as the active one                            |
-| `form`     | Object                                        | The handlers for a form submission. See [Forms](#forms).                        |
-
-## Forms
-
-When a step has fields, `getStep()` and `useStep()` give you a `form` object. Use it
-for the submission, the validation, and the move to the next step.
-
-Both take an optional object of callbacks, as in `getStep({ onSuccess })` or
-`useStep({ onSuccess })`. This is the recommended way to act on a submission. The
-slots are `onBeforeSubmit`, `onSuccess`, and `onError`. This page covers each one
-below.
-
-### Handle a submission
-
-Bind `form.props` to the `onsubmit` handler of your `<form>` element:
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { getStep } from '@picked/svelte/hooks'
-
-  const { fields, form } = getStep()
-  const isSubmitting = form.submitting
-</script>
-
-<form {...form.props}>
-  {#each $fields as field}
-    <input
-      name={field.id}
-      value={field.value ?? ''}
-      onchange={field.onChange}
-      onblur={field.onBlur}
-    />
-    {#if field.error && field.touched}
-      <p class="error">{field.error.userMessage}</p>
-    {/if}
-  {/each}
-
-  <button type="submit" disabled={$isSubmitting}>
-    {$isSubmitting ? 'Submitting…' : 'Continue'}
-  </button>
-</form>
-```
-
-```tsx [React]
-import { useStep } from '@picked/react/hooks'
-import { useUnit } from 'effector-react'
-
-function StepForm() {
-  const { fields, form } = useStep()
-  const currentFields = useUnit(fields)
-  const isSubmitting = useUnit(form.submitting)
-
-  return (
-    <form {...form.props}>
-      {currentFields.map((field) => (
-        <div key={field.id}>
-          <input
-            name={field.id}
-            value={field.value ?? ''}
-            onChange={field.onChange}
-            onBlur={field.onBlur}
-          />
-          {field.error && field.touched && <p className="error">{field.error.userMessage}</p>}
-        </div>
-      ))}
-
-      <button type="submit" disabled={isSubmitting}>
-        {isSubmitting ? 'Submitting…' : 'Continue'}
-      </button>
-    </form>
-  )
-}
-```
-
-:::
-
-When you submit the form, the SDK does this:
-
-1. It collects the field values from the HTML form.
-2. It runs each `onBeforeSubmit` callback, one after another. A throw here aborts the
-   submit and commits nothing.
-3. It checks each required field and each validation rule.
-4. It commits the responses to the experience state.
-5. It fires `form_submit_success` or `form_submit_error` on the event bus.
-6. It runs your `onSuccess` or `onError` callback.
-7. It moves to the next step. A call to `stopNavigation` stops this. A callback that
-   failed in step 6 does not stop it.
-
-### Transform data before a submission
-
-Use `onBeforeSubmit` to intercept and transform the field data before the SDK stores it. The callbacks run one after another. Each one takes the output of the one before
-it:
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { getStep } from '@picked/svelte/hooks'
-
-  const { form } = getStep({
-    onBeforeSubmit: async (data) => {
-      // Normalize the email address to lowercase first.
-      return {
-        ...data,
-        'email-address': String(data['email-address']).toLowerCase(),
-      }
-    },
-  })
-</script>
-
-<form {...form.props}>{/* ... */}</form>
-```
-
-```tsx [React]
-import { useStep } from '@picked/react/hooks'
-
-function ContactStep() {
-  const { form } = useStep({
-    onBeforeSubmit: async (data) => {
-      // Normalize the email address to lowercase first.
-      return {
-        ...data,
-        'email-address': String(data['email-address']).toLowerCase(),
-      }
-    },
-  })
-
-  return <form {...form.props}>{/* ... */}</form>
-}
-```
-
-:::
-
-:::warning
-When an `onBeforeSubmit` callback throws, the SDK aborts the submit before it commits
-anything, and the step does not advance. This is deliberate. A payload that is only
-part transformed would store data that looks correct but is wrong. Use
-`onBeforeSubmit` for a transform and for a validation check. Put a side effect, such as an
-analytics call or a backend call, in `onSuccess`.
-:::
-
-### Success and error callbacks
-
-Pass `onSuccess` and `onError` to act on the outcome of a submission:
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { getStep } from '@picked/svelte/hooks'
-
-  const { form } = getStep({
-    onSuccess: ({ data }) => {
-      analytics.track('lead_captured', data)
-    },
-    onError: (errors) => {
-      console.error('Validation errors:', errors)
-    },
-  })
-</script>
-
-<form {...form.props}>{/* ... */}</form>
-```
-
-```tsx [React]
-import { useStep } from '@picked/react/hooks'
-
-function ContactStep() {
-  const { form } = useStep({
-    onSuccess: ({ data }) => {
-      analytics.track('lead_captured', data)
-    },
-    onError: (errors) => {
-      console.error('Validation errors:', errors)
-    },
-  })
-
-  return <form {...form.props}>{/* ... */}</form>
-}
-```
-
-:::
-
-A callback belongs to the component that passes it. The SDK releases the callback
-when that component unmounts, so you write no teardown code. A new inline function on
-a re-render replaces the earlier one and does not add a second one. One submit
-therefore runs each callback exactly one time.
-
-An `onSuccess` or `onError` callback that throws or rejects cannot stop the flow. The
-step still advances, and the SDK reports the failure on the client event bus as
-`form_submit_callback_error`, so the failure stays observable.
-
-#### Register a callback in code
-
-`form.onSuccess`, `form.onError`, and `form.onBeforeSubmit` are an escape hatch, for
-a callback that you must attach only when a condition holds. They return nothing. The
-SDK releases them for you, as above.
-
-```tsx [React]
-function ContactStep({ trackConversions }: { trackConversions: boolean }) {
-  const { form } = useStep()
-
-  if (trackConversions) {
-    form.onSuccess(({ data }) => analytics.track('lead_captured', data))
-  }
-
-  return <form {...form.props}>{/* ... */}</form>
-}
-```
-
-:::warning
-Register from the body of the component, and not from an event handler. A
-registration inside a click handler is added each time the handler runs, and the SDK
-releases it only when the component unmounts. The registrations therefore accumulate.
-Use the options object above where you can.
-:::
-
-### Stop the move to the next step
-
-By default the experience advances to the next step after a successful submission.
-Call `stopNavigation()` inside `onSuccess` to stop this. Do it when you must choose
-the next step yourself:
-
-:::code-group
-
-```svelte [Svelte]
-<script lang="ts">
-  import { getStep } from '@picked/svelte/hooks'
-  import { getExperience } from '@picked/svelte/hooks'
-
-  const experience = getExperience()
-
-  const { form } = getStep({
-    onSuccess: ({ data, stopNavigation }) => {
-      stopNavigation()
-
-      // Choose the next step from the data that the user sent.
-      if (data['plan-type'] === 'enterprise') {
-        experience.goToStepById('enterprise-contact')
-      } else {
-        experience.goToNextStep()
-      }
-    },
-  })
-</script>
-
-<form {...form.props}>{/* ... */}</form>
-```
-
-```tsx [React]
-import { useStep } from '@picked/react/hooks'
-import { useExperience } from '@picked/react/hooks'
-
-function PlanStep() {
-  const experience = useExperience()
-
-  const { form } = useStep({
-    onSuccess: ({ data, stopNavigation }) => {
-      stopNavigation()
-
-      // Choose the next step from the data that the user sent.
-      if (data['plan-type'] === 'enterprise') {
-        experience.goToStepById('enterprise-contact')
-      } else {
-        experience.goToNextStep()
-      }
-    },
-  })
-
-  return <form {...form.props}>{/* ... */}</form>
-}
-```
-
-:::
-
-Move by step `id` with `goToStepById('<step-id>')`, or by the `key` of the step with
-`goToStepByKey('<step-key>')`. Both jump directly to the step node that matches. When
-no step matches, the call does nothing.
-
-## Best practices
-
-- **Give each step a meaningful label**: analytics events and the dashboard both show
-  the `label`. Use a name that says what the step does, such as `"Contact Details"`
-  and not `"Step 2"`.
-- **Keep each step small**: each step must collect one small set of related
-  information. More steps with fewer fields each reduce the number of users who leave.
-- **Use a condition to take a branch**: do not make a second copy of a step. Write the
-  branch with `nextConditional()`, so that you can reuse a shared step.
-- **Use `stopNavigation` only when you must**: an automatic move after a submit is
-  what a user expects. Stop it only when you must choose the next step yourself.
-- **Check a field on blur, not on change**: the SDK does this for you. A field shows
-  an error after the user leaves it, and not while the user types.
-- **Load a large step component lazily**: use the `component` prop on `<Step>` with a
-  dynamic import, for content that only some users see.

package/dist/docs/steps.mdx

@@ -1,53 +0,0 @@
----
-layout: docs
----
-
-import { Screenshot } from '../../components/Screenshot'
-
-# Steps
-
-A step is one screen or card that a visitor sees during an experience. Each step
-holds one or more fields. A field collects data or shows content.
-
-<Screenshot
-  route="/{orgSlug}/{projectId}/workspaces/{workspaceId}/steps"
-  alt="The steps list for a workspace on the Picked dashboard"
-/>
-
-## Create a step
-
-1. Open your project.
-2. Click **Steps** in the sidebar.
-3. Click **New Step**.
-4. Enter a name and a key.
-5. Click **Create**.
-
-The key is a unique identifier for your application. You set it once, and you cannot
-change it later.
-
-## Set up a step
-
-**Name**: The name that the dashboard shows. Your visitors do not see it.
-
-**Key**: The identifier that your application uses for this step. Your
-visitors do not see it.
-
-**Layout Name**: The name of the component layout that renders this step. Examples
-are `card`, `modal`, and `fullscreen`.
-
-A step can also carry a **Step Layout**. A step layout is a reusable CMS schema, and
-it gives the step a Content Entry. See [Page and Step Layouts](/content/layouts).
-
-## Assign fields
-
-In the flow builder, drag a field from the entity browser onto a step node. The field
-appears in the **Assigned Fields** list of the step, in the inspector.
-
-You can also choose the step node and expand the **Assigned Fields** section to see
-and control the assigned fields. Click a field to open its inspector.
-
-## Reuse steps
-
-A step is a project-level entity. You can drag the same step into more than one
-experience flow. A change to the options of a step applies at every place that uses
-it.

package/dist/docs/workspaces.mdx

@@ -1,133 +0,0 @@
----
-layout: docs
----
-
-import { Screenshot } from '../../components/Screenshot'
-
-# Workspaces
-
-A workspace is one version of the options for your project. Use a workspace to hold
-a change, to see a preview of it, and to publish it when it is ready.
-
-<Screenshot
-  route="/{orgSlug}/{projectId}/workspaces"
-  alt="The workspaces list inside a project on the Picked dashboard"
-  hide={['[data-testid="workspace-row-relative-time"]']}
-/>
-
-## How workspaces work
-
-Each project has a workspace that holds your experiences, feature flags, and entity
-options. When you make a change in the dashboard, that change stays in the workspace
-until you publish it. A change to a flow, to a feature flag, or to an entity all
-behave the same way.
-
-A workspace is in one of three states:
-
-- **Live** — the workspace that the SDK serves to your visitors. Each project has
-  exactly one live workspace.
-- **Draft** — a workspace that no visitor sees. You can edit a draft, see a preview
-  of it, and publish it to make it live.
-- **Archived** — a draft that you put to one side. An archived workspace is still
-  editable, but it does not appear in the default workspaces list.
-
-## Preview
-
-See a preview of your workspace to learn how a change looks before you publish it.
-
-1. Click **Preview** in the workspace toolbar.
-2. Enter the URL of your site.
-3. Set each feature flag to the **Default**, **On**, or **Off** value. This step is
-   optional.
-4. Click **Open Preview**.
-
-Your site opens in a new tab with the unpublished workspace applied. The preview
-sends the workspace state to the SDK in the query parameters, so the visitors on
-your live site see no change.
-
-## Publish
-
-When you publish, Picked makes an immutable snapshot of your workspace. The SDK then
-serves the new options to your visitors.
-
-1. Click **Publish** in the workspace toolbar.
-2. Read the change preview in the publish modal.
-3. Click **Publish** to confirm.
-
-The publish button is active only when the workspace has an unpublished change. A
-status badge in the toolbar shows whether the workspace has an unpublished change or
-is up to date.
-
-## Change previews
-
-The publish modal shows a side-by-side change preview. It compares the current
-workspace against the last published snapshot. Use it to see exactly what your
-visitors get after you publish.
-
-<Screenshot
-  route="/{orgSlug}/{projectId}/workspaces/{workspaceId}/experiences?action=publish"
-  alt="The publish modal with a change preview of added experiences, steps, and conditions"
-  selector='[role="dialog"]'
-  wait='[role="dialog"]'
-  hide={['[data-testid="publish-diff-replaces-version"]']}
-  renderWidth={720}
-  renderHeight={579}
-/>
-
-The preview puts the changes into groups by entity type: experiences, feature flags,
-steps, fields, actions, and conditions. Each row shows whether the entity was
-**added**, **removed**, or **modified**. For a modified entity, expand the row to see
-which properties changed.
-
-Some changes break other records. An example is a field that you remove while other
-steps still point at it. The change preview shows a banner above the diff for these
-entries, so that you can look at them again before you publish.
-
-The first publish of a workspace has no earlier snapshot to compare against. The
-publish modal shows the contents of the workspace as the first publish, with no diff.
-
-## Unpublished changes
-
-The workspace records whether anything changed since the last publish. If you create
-or update an experience, a feature flag, or an entity after the last publish, the
-toolbar shows a warning badge.
-
-## Workspace settings
-
-The workspace settings page (**Settings** in the workspace navigation) covers how to
-rename, archive, and delete a workspace.
-
-### Rename
-
-Change the workspace name in the **Name** field and click **Save**. A name is unique
-inside a project. The dashboard rejects a duplicate name with a validation error.
-
-### Archive
-
-To archive a draft workspace is to move it out of the default workspaces list, but
-not to delete it. Use it for a draft that you want to put to one side and keep.
-
-1. Open the workspace settings page.
-2. Click **Archive** in the page header.
-3. Confirm in the modal.
-
-You cannot archive a live workspace directly. Make a different workspace live first,
-then archive the earlier one.
-
-### Unarchive
-
-You can unarchive a workspace from the same page to make it a draft again. The
-settings page finds the archived state and changes the toolbar button to
-**Unarchive**.
-
-### Delete
-
-To delete a workspace is to remove it and its entities permanently. This action is
-destructive and you cannot reverse it. Archive the workspace instead when you are not
-certain.
-
-1. Open the workspace settings page.
-2. In the **Danger zone** card at the bottom, click **Delete**.
-3. Confirm in the modal.
-
-You cannot delete a live workspace. Publish or archive a different workspace first.

package/dist/experience-instance-DurC3pE-.cjs

@@ -1 +0,0 @@
-const e=require("./rules-logic-CGZIYgAI.cjs");require("./logger-CSTvAyyB.cjs");const t=require("./dom-CDrHc_j9.cjs");let n=require("effector"),r=require("@withease/factories");function i(e){return e.type===`condition`}function a(e){return e.type===`step`}function o(e){return e.type===`experience`}function s(e){return e.type===`origin`}function c(e){return e.type===`action`}var l=`conditions.`,u=(0,n.createDomain)(`condition-results`);function d(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function f(e){if(e===void 0)return null;if(Array.isArray(e))return e.map(e=>f(e));if(d(e)){let t=Object.keys(e).sort((e,t)=>e.localeCompare(t)),n={};for(let r of t)n[r]=f(e[r]);return n}return e}function p(e){return JSON.stringify(f(e))}var m=(0,r.createFactory)(()=>{let e=u.store({}),t=(0,n.createApi)(e,{set(e,t){return e[t.hash]===t.result?e:{...e,[t.hash]:t.result}},seed(e,t){return Object.keys(t).every(n=>e[n]===t[n])?e:{...e,...t}},clear(){return{}}});function r(e){t.set(e)}function i(e){t.seed(e)}function a(){t.clear()}function o(t){return e.getState()[t]}return{store:e,set:r,seed:i,peek:o,reset:a}});function h(){return(0,r.invoke)(m)}async function g(t,n,r){return n==null?!0:typeof n==`boolean`?n:e.n(n)?await e.t(t,n,r)===!0:!0}function _(e){if(typeof e==`string`)return e;if(Array.isArray(e)&&typeof e[0]==`string`)return e[0]}function v(e){if(Array.isArray(e))return e.some(v);if(d(e)){let t=_(e.var);return t!==void 0&&(t===`actions`||t.startsWith(`actions.`))?!0:Object.values(e).some(v)}return!1}function y(e){if(Array.isArray(e))return e.flatMap(y);if(d(e)){let t=_(e.var);return[...t!==void 0&&t.startsWith(l)?[t.slice(11)]:[],...Object.values(e).flatMap(y)]}return[]}function b(e,t,n=new Set){if(v(e))return!0;for(let r of y(e)){if(n.has(r))continue;n.add(r);let e=t[r];if(e!==void 0&&b(e.logic,t,n))return!0}return!1}async function x(e,t,n){let r={};for(let t of e.conditions.listStore.getState())r[t.key]=t;let i=b(t,r),a=p(t);if(!i){let t=e.conditionResults.peek(a);if(t!==void 0)return t}let o=await g(e,t,n?.context);return i||e.conditionResults.set({hash:a,result:o}),o}async function S(e,t,n){let r=n?.context,i=[n?.precondition,n?.condition,t.condition];for(let t of i)if(!await x(e,t,{context:r}))return!1;return!0}var C=(e,t,n,r,i=new Set)=>i.has(n.id)?[]:(i.add(n.id),a(n)&&!r?[n]:t.filter(e=>e.sourceNodeId===n.id).flatMap(n=>{let r=e.find(e=>e.id===n.destinationNodeId);return r?C(e,t,r,!1,i):[]})),w=(e,t,n)=>C(e,t,n,!0,new Set),T=(e,t,n,r,i=new Set)=>{if(i.has(n.id))return[-1,-1];i.add(n.id);let a=t.filter(e=>e.sourceNodeId===n.id);if(a.length===0)return[0,0];let o=1/0,s=-1/0;for(let n of a){let r=e.find(e=>e.id===n.destinationNodeId);if(!r)continue;let[a,c]=T(e,t,r,!1,new Set(i));a!==-1&&(o=Math.min(o,a+1),s=Math.max(s,c+1))}return o===1/0?[-1,-1]:[o,s]},E=(e,t,n)=>T(e,t,n,!0,new Set),D=(e,t,n,r=new Set)=>{if(r.has(n.id))return[-1,-1];if(r.add(n.id),n.type===`origin`)return[0,0];let i=t.filter(e=>e.destinationNodeId===n.id);if(i.length===0)return[-1,-1];let a=1/0,o=-1/0;for(let n of i){let i=e.find(e=>e.id===n.sourceNodeId);if(!i)continue;let[s,c]=D(e,t,i,new Set(r));s!==-1&&(a=Math.min(a,s+1),o=Math.max(o,c+1))}return a===1/0?[-1,-1]:[a,o]},ee=(e,t,n)=>D(e,t,n,new Set),O=e=>e.find(e=>e.type===`origin`)||null,k=(e,t,n)=>{if(!e)return O(t);let r=n.find(t=>t.sourceNodeId===e.id);return r&&t.find(e=>e.id===r.destinationNodeId)||null};async function A(e,t,n,r){let i=e?`true`:`false`,a=r.find(e=>e.sourceHandle===i&&e.sourceNodeId===t);return n.find(e=>e.id===a?.destinationNodeId)}function j(e,t,n,r){let i=r.filter(e=>e.sourceNodeId===t),a=e?`true`:`false`,o=i.find(e=>e.sourceHandle===a)??i.find(e=>e.sourceHandle==null);return n.find(e=>e.id===o?.destinationNodeId)}var M=(0,n.createDomain)(`experience-instance`),N=(0,r.createFactory)(({client:r,experience:l,target:u,options:d})=>{let f=(0,n.createEvent)(),p=(0,n.createEvent)(),m=(0,n.createEvent)(),h=(0,n.createEvent)(),g=(0,n.createEvent)(),_=(0,n.createEvent)(),v=(0,n.createEvent)(),y=l.componentStore,b=M.store(`transitioning`),x=r.history.entriesStore.map(e=>e.filter(e=>e.experienceId===l.id)),S=x.map(e=>e.filter(e=>a(e.node))),C=x.map(e=>e.at(-1)?.node||null),T=M.store(null);(0,n.sample)({clock:[C,r.steps.listStore,_],source:{steps:r.steps.listStore,node:C},filter:({node:e})=>e!==null&&a(e),fn:({steps:e,node:t})=>t&&a(t)?e.find(e=>e.id===t.stepId)??null:null,target:T});let D=(0,n.combine)(r.steps.listStore,S,(e,t)=>{let n=t.at(-2);if(!n||!a(n.node))return null;let r=n.node;return e.find(e=>e.id===r.stepId)||null}),N=(0,n.combine)(l.treeStore,C,({nodes:e,edges:t},n)=>n?w(e,t,n):[]),P=(0,n.combine)(l.treeStore,C,({nodes:e,edges:t},n)=>n?ee(e,t,n):[-1,-1]),F=(0,n.combine)(l.treeStore,C,({nodes:e,edges:t},n)=>n?E(e,t,n):[-1,-1]),I=M.store(!1),L=(0,n.createApi)(I,{open:()=>!0,close:()=>!1,toggle:e=>!e,set:(e,t)=>t}),R=(0,n.createEffect)(async()=>{r.history.back({experienceId:l.id})}),z=(0,n.attach)({source:l.treeStore,effect:async(e,t)=>{let n=e.nodes.find(e=>a(e)&&e.stepId===t);n&&r.history.push({experienceId:l.id,node:n})}}),B=(0,n.attach)({source:l.treeStore,effect:async(e,t)=>{let n=e.steps.find(e=>e.key===t);if(!n)return;let i=e.nodes.find(e=>a(e)&&e.stepId===n.id);i&&r.history.push({experienceId:l.id,node:i})}}),V=(0,n.attach)({source:C,effect:e=>{}}),H=(0,n.attach)({source:l.treeStore,effect:async({nodes:e})=>O(e)}),U=(0,n.attach)({source:l.treeStore,effect:async({nodes:e,edges:t},n)=>{if(s(n))return k(n,e,t)}}),W=(0,n.attach)({source:l.treeStore,effect:async({nodes:t,edges:n,conditions:a},o)=>{if(!i(o))return;let s=a.find(e=>e.id===o.conditionId)?.logic;return s?A(!!await e.t(r,s),o.id,t,n):void 0}}),G=(0,n.attach)({source:{tree:l.treeStore,actions:r.actions.listStore,snapshot:r.stateSnapshotStore},effect:async({tree:e,actions:t,snapshot:n},r)=>{let{nodes:i,edges:a}=e;if(!c(r))return;let o=r.actionKey;if(!o){`${r.id}`;return}let s=t.find(e=>e.key===o)?.action;if(typeof s!=`function`)return`${o}`,j(!1,r.id,i,a)??null;let l=!0;try{`${o}`,await s({...n,args:[]},{experience:Z})}catch{`${o}`,l=!1}let u=j(l,r.id,i,a);if(!u){let e=a.some(e=>e.sourceNodeId===r.id)?`no edge for its outcome`:`no outgoing edge`;return`${r.id}${e}`,null}return`${o}${u.id}`,u}}),K=(0,n.createEffect)(e=>{o(e)&&r.experiences.launch({key:e.experienceKey})}),q=(0,n.attach)({source:[C,l.treeStore],effect:async([e,{nodes:t,edges:n}])=>k(e,t,n)}),J=(0,n.attach)({source:[C,l.treeStore],effect:async([e,{nodes:t,edges:n}])=>k(e,t,n)}),te=(0,n.createEffect)(e=>{r.history.push({experienceId:l.id,node:e})}),Y=(0,n.attach)({source:l.configStore,effect:async({initializeOpenLogic:t})=>d?.initialiseOpen===void 0?e.n(t)?!!await e.t(r,t):t??!1:d.initialiseOpen}),X=(0,n.combine)(y,r.frameworks.listStore,(e,t)=>{if(!e)return null;let n=t.find(t=>t.name===e.component.frameworkName);return n?{component:e,framework:n}:null},{skipVoid:!1}),Z,ne=(0,n.attach)({source:X,effect:e=>{if(!e)return;if(!u){`${l.id}`;return}let n=t.n(u);try{e.framework.render(n,e.component.component,r,Z)}catch{}}});Z=Object.freeze({id:Math.random().toString(36).substring(7),experienceKey:l.key,experienceId:l.id,experienceName:l.name,configStore:l.configStore,target:u,componentStore:y,componentAndFrameworkStore:X,stateStore:b,isOpenStore:I,open:L.open,close:L.close,toggleOpen:L.toggle,setOpen:L.set,treeStore:l.treeStore,currentNodeStore:C,currentStepStore:T,previousStepStore:D,nextReachableStepNodesStore:N,stepsToOriginStore:P,stepsToLeafStore:F,goToNextStep:p,goToPreviousStep:m,goToStepById:h,goToStepByKey:g,stepsHistoryStore:S,mountFx:ne});let Q=(0,n.createEvent)(),$=(0,n.createEvent)();return(0,n.sample)({clock:C,target:Q}),(0,n.sample)({clock:Q,filter:e=>e===null,target:H}),(0,n.sample)({clock:Q,filter:e=>e!==null,target:$}),(0,n.split)({source:$,match:e=>i(e)?`condition`:a(e)?`step`:o(e)?`launchExperience`:s(e)?`origin`:c(e)?`action`:`other`,cases:{origin:U,condition:W,step:V,launchExperience:K,action:G,__:(0,n.createEvent)()}}),(0,n.sample)({clock:[W.doneData,U.doneData,H.doneData,J.doneData,q.doneData,G.doneData],filter:Boolean,target:te}),(0,n.sample)({clock:p,target:J}),(0,n.sample)({clock:p,source:T,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit`,step:e,experience:Z}))}),(0,n.sample)({clock:J.done,source:T,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit_success`,step:e,experience:Z}))}),(0,n.sample)({clock:J.fail,source:T,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit_error`,step:e,experience:Z}))}),(0,n.sample)({clock:m,target:R}),(0,n.sample)({clock:h,target:z}),(0,n.sample)({clock:g,target:B}),(0,n.sample)({source:(0,n.combine)([W.pending,U.pending,H.pending,J.pending,q.pending,G.pending]),fn:e=>e.some(Boolean)?`transitioning`:`ready`,target:b}),(0,n.sample)({clock:V.doneData,source:T,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_enter`,step:e,experience:Z}))}),(0,n.sample)({clock:v,target:Y}),(0,n.sample)({source:Y.doneData,fn:Boolean,target:I}),(0,n.sample)({source:C,clock:f,filter:e=>e?s(e):!0,target:q}),(0,n.sample)({source:I,filter:Boolean,target:f}),(0,n.sample)({source:I,filter:Boolean,target:r.eventBus.prepend(()=>({type:`experience_open`,experience:Z}))}),(0,n.sample)({source:I,filter:e=>!e,target:r.eventBus.prepend(()=>({type:`experience_close`,experience:Z}))}),(0,n.sample)({clock:_,target:[v]}),_(),Z});function P(e){return(0,r.invoke)(N,e)}var F=(0,r.createFactory)(({client:e})=>{let r=M.store({}),i=(0,n.createEvent)(),a=(0,n.createEvent)(),o=(0,n.createEvent)(),s=(0,n.createApi)(r,{register(e,t){let n=[...e[t.experienceId]??[]];return n.push(t),{...e,[t.experienceId]:n}},unregister(e,t){let n=t.experienceId,r=e[n]?.filter(e=>e!==t);return{...e,[n]:r??[]}}}),c=(0,n.createEffect)(({experience:t,target:n,options:r})=>P({client:e,experience:t,target:n,options:r})),l=(0,n.createEffect)(e=>{s.register(e)}),u=(0,n.createEffect)(e=>{e.target&&t.o(e.target,()=>{o(e)})}),d=(0,n.createEffect)(e=>{s.unregister(e)}),f=(0,n.createEffect)(async e=>{await e.mountFx()});(0,n.sample)({clock:i,target:c}),(0,n.sample)({clock:o,target:d}),(0,n.sample)({clock:c.doneData,target:[l,u,a]}),(0,n.sample)({clock:c.doneData,target:e.eventBus.prepend(e=>({type:`experience_initialize`,experience:e}))}),(0,n.sample)({clock:a,target:f});function p(e,t,n){i({experience:e,target:t,options:n})}let m=r.map(e=>Object.values(e).flat());function h(e){return m.map(t=>t.filter(t=>t.experienceKey===e),{skipVoid:!1})}function g(e){return r.map(t=>t[e]||[],{skipVoid:!1})}return{spawn:p,getByExperienceKey:h,getByExperienceId:g,listStore:m}});function I(e){return(0,r.invoke)(F,e)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return a}});