@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/payout-providers/editor/flow-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/payout-providers/editor/flow-parts.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Input } from '@withpotter/ui-kit';\nimport type { PayoutCall, PayoutValueSource } from '@withpotter/platform-admin';\nimport { SelectField } from './fields';\nimport styles from '../payout-providers.module.css';\nimport ed from './editor.module.css';\n\nexport const newCall = (\n  path: string,\n  method: PayoutCall['method'] = 'GET',\n): PayoutCall => ({ method, host: 'api', path });\n\n/** One collapsible part of the flow editor. */\nexport function Section({\n  title,\n  summary,\n  children,\n  open,\n}: {\n  title: string;\n  summary?: string;\n  children: ReactNode;\n  open?: boolean;\n}) {\n  return (\n    <details className={`${styles.disclosure} ${ed.section}`} open={open}>\n      <summary>\n        {title}\n        {summary && <span className={styles.summaryHint}>{summary}</span>}\n      </summary>\n      <div className={ed.sectionBody}>{children}</div>\n    </details>\n  );\n}\n\n/** Where a token or id is found in a sign-in answer. */\nexport function SourceEditor({\n  label,\n  value,\n  onChange,\n}: {\n  label: string;\n  value: PayoutValueSource | undefined;\n  onChange: (next: PayoutValueSource | undefined) => void;\n}) {\n  const kind = value?.from ?? 'none';\n\n  return (\n    <div className={ed.row}>\n      <SelectField\n        label={label}\n        value={kind as 'none' | 'body' | 'cookie'}\n        options={[\n          { value: 'none', label: 'Not used' },\n          { value: 'body', label: 'In the answer body' },\n          { value: 'cookie', label: 'In a cookie' },\n        ]}\n        onChange={(next) =>\n          onChange(\n            next === 'none'\n              ? undefined\n              : next === 'body'\n              ? { from: 'body', path: '' }\n              : { from: 'cookie', name: '' },\n          )\n        }\n      />\n      {value?.from === 'body' && (\n        <Input\n          label=\"Path\"\n          placeholder=\"data.token\"\n          value={value.path}\n          onChange={(e) => onChange({ from: 'body', path: e.target.value })}\n        />\n      )}\n      {value?.from === 'cookie' && (\n        <Input\n          label=\"Cookie name\"\n          placeholder=\"access_token\"\n          value={value.name}\n          onChange={(e) => onChange({ from: 'cookie', name: e.target.value })}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA4BM,SAEc,KAFd;AAzBN,SAAS,aAAa;AAEtB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AACnB,OAAO,QAAQ;AAER,MAAM,UAAU,CACrB,MACA,SAA+B,WACf,EAAE,QAAQ,MAAM,OAAO,KAAK;AAGvC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,aAAQ,WAAW,GAAG,OAAO,UAAU,IAAI,GAAG,OAAO,IAAI,MACxD;AAAA,yBAAC,aACE;AAAA;AAAA,MACA,WAAW,oBAAC,UAAK,WAAW,OAAO,aAAc,mBAAQ;AAAA,OAC5D;AAAA,IACA,oBAAC,SAAI,WAAW,GAAG,aAAc,UAAS;AAAA,KAC5C;AAEJ;AAGO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,OAAO,QAAQ;AAE5B,SACE,qBAAC,SAAI,WAAW,GAAG,KACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,QAAQ,OAAO,WAAW;AAAA,UACnC,EAAE,OAAO,QAAQ,OAAO,qBAAqB;AAAA,UAC7C,EAAE,OAAO,UAAU,OAAO,cAAc;AAAA,QAC1C;AAAA,QACA,UAAU,CAAC,SACT;AAAA,UACE,SAAS,SACL,SACA,SAAS,SACT,EAAE,MAAM,QAAQ,MAAM,GAAG,IACzB,EAAE,MAAM,UAAU,MAAM,GAAG;AAAA,QACjC;AAAA;AAAA,IAEJ;AAAA,IACC,OAAO,SAAS,UACf;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,UAAU,CAAC,MAAM,SAAS,EAAE,MAAM,QAAQ,MAAM,EAAE,OAAO,MAAM,CAAC;AAAA;AAAA,IAClE;AAAA,IAED,OAAO,SAAS,YACf;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,UAAU,CAAC,MAAM,SAAS,EAAE,MAAM,UAAU,MAAM,EAAE,OAAO,MAAM,CAAC;AAAA;AAAA,IACpE;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/payout-providers/editor/flow-sections.js

@@ -0,0 +1,147 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@withpotter/ui-kit";
+import { CallEditor } from "./call-editor";
+import { ConditionsEditor } from "./condition-editor";
+import { Group, Toggle } from "./fields";
+import { Section, newCall } from "./flow-parts";
+import { RulesEditor } from "./rules-editor";
+function CheckSection({ draft, update, login }) {
+  return /* @__PURE__ */ jsxs(Section, { title: "Connection check", summary: "No money moves", children: [
+    /* @__PURE__ */ jsx(
+      CallEditor,
+      {
+        call: draft.check.call,
+        onChange: (call) => update((next) => next.check.call = call),
+        variables: [],
+        allowAuthHost: login
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "Healthy when\u2026",
+        hint: "Each test that fails shows its message to the operator.",
+        children: /* @__PURE__ */ jsx(
+          ConditionsEditor,
+          {
+            value: draft.check.okWhen,
+            onChange: (okWhen) => update((next) => next.check.okWhen = okWhen),
+            withMessage: true
+          }
+        )
+      }
+    )
+  ] });
+}
+function BanksSection({ draft, update, login }) {
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      title: "Banks and account names",
+      summary: "Used by the test transfer and by merchants choosing a bank",
+      children: [
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            checked: Boolean(draft.banks),
+            onChange: (on) => update(
+              (next) => next.banks = on ? { call: newCall("/banks") } : void 0
+            ),
+            label: "The provider can list its banks"
+          }
+        ),
+        draft.banks && /* @__PURE__ */ jsx(
+          CallEditor,
+          {
+            call: draft.banks.call,
+            onChange: (call) => update((next) => next.banks && (next.banks.call = call)),
+            variables: [],
+            allowAuthHost: login
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            checked: Boolean(draft.nameEnquiry),
+            onChange: (on) => update(
+              (next) => next.nameEnquiry = on ? { call: newCall("/resolve"), namePath: "data.account_name" } : void 0
+            ),
+            label: "The provider can look up an account name"
+          }
+        ),
+        draft.nameEnquiry && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            CallEditor,
+            {
+              call: draft.nameEnquiry.call,
+              onChange: (call) => update(
+                (next) => next.nameEnquiry && (next.nameEnquiry.call = call)
+              ),
+              variables: ["bankCode", "accountNumber"],
+              allowAuthHost: login
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: "Where the account name is in the answer",
+              value: draft.nameEnquiry.namePath,
+              onChange: (e) => update(
+                (next) => next.nameEnquiry && (next.nameEnquiry.namePath = e.target.value)
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function LookupSection({ draft, update, login }) {
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      title: "Transfer lookup",
+      summary: "Lets unconfirmed payouts settle on their own",
+      children: [
+        /* @__PURE__ */ jsx(
+          Toggle,
+          {
+            checked: Boolean(draft.status),
+            onChange: (on) => update(
+              (next) => next.status = on ? {
+                call: newCall("/transfers/{{reference}}"),
+                rules: { success: [], failed: [] }
+              } : void 0
+            ),
+            label: "The provider can look a transfer up by its reference"
+          }
+        ),
+        draft.status && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            CallEditor,
+            {
+              call: draft.status.call,
+              onChange: (call) => update((next) => next.status && (next.status.call = call)),
+              variables: ["reference"],
+              allowAuthHost: login
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RulesEditor,
+            {
+              rules: draft.status.rules,
+              onChange: (rules) => update((next) => next.status && (next.status.rules = rules))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  BanksSection,
+  CheckSection,
+  LookupSection
+};
+//# sourceMappingURL=flow-sections.js.map

package/dist/admin/payout-providers/editor/flow-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/payout-providers/editor/flow-sections.tsx"],"sourcesContent":["'use client';\n\nimport { Input } from '@withpotter/ui-kit';\nimport type { PayoutFlowDefinition } from '@withpotter/platform-admin';\nimport type { UpdateFlow } from './auth-section';\nimport { CallEditor } from './call-editor';\nimport { ConditionsEditor } from './condition-editor';\nimport { Group, Toggle } from './fields';\nimport { Section, newCall } from './flow-parts';\nimport { RulesEditor } from './rules-editor';\n\nexport type Props = {\n  draft: PayoutFlowDefinition;\n  update: UpdateFlow;\n  login: boolean;\n};\n\nexport function CheckSection({ draft, update, login }: Props) {\n  return (\n    <Section title=\"Connection check\" summary=\"No money moves\">\n      <CallEditor\n        call={draft.check.call}\n        onChange={(call) => update((next) => (next.check.call = call))}\n        variables={[]}\n        allowAuthHost={login}\n      />\n      <Group\n        title=\"Healthy when…\"\n        hint=\"Each test that fails shows its message to the operator.\"\n      >\n        <ConditionsEditor\n          value={draft.check.okWhen}\n          onChange={(okWhen) => update((next) => (next.check.okWhen = okWhen))}\n          withMessage\n        />\n      </Group>\n    </Section>\n  );\n}\n\nexport function BanksSection({ draft, update, login }: Props) {\n  return (\n    <Section\n      title=\"Banks and account names\"\n      summary=\"Used by the test transfer and by merchants choosing a bank\"\n    >\n      <Toggle\n        checked={Boolean(draft.banks)}\n        onChange={(on) =>\n          update(\n            (next) =>\n              (next.banks = on ? { call: newCall('/banks') } : undefined),\n          )\n        }\n        label=\"The provider can list its banks\"\n      />\n      {draft.banks && (\n        <CallEditor\n          call={draft.banks.call}\n          onChange={(call) =>\n            update((next) => next.banks && (next.banks.call = call))\n          }\n          variables={[]}\n          allowAuthHost={login}\n        />\n      )}\n      <Toggle\n        checked={Boolean(draft.nameEnquiry)}\n        onChange={(on) =>\n          update(\n            (next) =>\n              (next.nameEnquiry = on\n                ? { call: newCall('/resolve'), namePath: 'data.account_name' }\n                : undefined),\n          )\n        }\n        label=\"The provider can look up an account name\"\n      />\n      {draft.nameEnquiry && (\n        <>\n          <CallEditor\n            call={draft.nameEnquiry.call}\n            onChange={(call) =>\n              update(\n                (next) => next.nameEnquiry && (next.nameEnquiry.call = call),\n              )\n            }\n            variables={['bankCode', 'accountNumber']}\n            allowAuthHost={login}\n          />\n          <Input\n            label=\"Where the account name is in the answer\"\n            value={draft.nameEnquiry.namePath}\n            onChange={(e) =>\n              update(\n                (next) =>\n                  next.nameEnquiry &&\n                  (next.nameEnquiry.namePath = e.target.value),\n              )\n            }\n          />\n        </>\n      )}\n    </Section>\n  );\n}\n\nexport function LookupSection({ draft, update, login }: Props) {\n  return (\n    <Section\n      title=\"Transfer lookup\"\n      summary=\"Lets unconfirmed payouts settle on their own\"\n    >\n      <Toggle\n        checked={Boolean(draft.status)}\n        onChange={(on) =>\n          update(\n            (next) =>\n              (next.status = on\n                ? {\n                    call: newCall('/transfers/{{reference}}'),\n                    rules: { success: [], failed: [] },\n                  }\n                : undefined),\n          )\n        }\n        label=\"The provider can look a transfer up by its reference\"\n      />\n      {draft.status && (\n        <>\n          <CallEditor\n            call={draft.status.call}\n            onChange={(call) =>\n              update((next) => next.status && (next.status.call = call))\n            }\n            variables={['reference']}\n            allowAuthHost={login}\n          />\n          <RulesEditor\n            rules={draft.status.rules}\n            onChange={(rules) =>\n              update((next) => next.status && (next.status.rules = rules))\n            }\n          />\n        </>\n      )}\n    </Section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/payout-providers/editor/rules-editor.js

@@ -0,0 +1,151 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input } from "@withpotter/ui-kit";
+import { ConditionsEditor, blankCondition } from "./condition-editor";
+import { Group } from "./fields";
+import styles from "../payout-providers.module.css";
+import ed from "./editor.module.css";
+function RulesEditor({
+  rules,
+  onChange,
+  allowDuplicate
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Group, { title: "Success", hint: "The transfer went through when\u2026", children: /* @__PURE__ */ jsx(
+      ConditionsEditor,
+      {
+        value: rules.success ?? [],
+        onChange: (success) => onChange({ ...rules, success }),
+        addLabel: "Add a success test"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "Refused",
+        hint: "The provider refused it when\u2026 (an HTTP error also counts). The money goes back to the merchant.",
+        children: /* @__PURE__ */ jsx(
+          ConditionsEditor,
+          {
+            value: rules.failed ?? [],
+            onChange: (failed) => onChange({ ...rules, failed }),
+            addLabel: "Add a refusal test"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "Still processing",
+        hint: "Optional. Anything that matches nothing is treated as still processing and checked again later.",
+        children: /* @__PURE__ */ jsx(
+          ConditionsEditor,
+          {
+            value: rules.pending ?? [],
+            onChange: (pending) => onChange({ ...rules, pending }),
+            addLabel: "Add a processing test"
+          }
+        )
+      }
+    ),
+    allowDuplicate && /* @__PURE__ */ jsx(
+      Group,
+      {
+        title: "Reference already used",
+        hint: "Optional. When the provider says this reference exists, the transfer lookup decides what happened instead of refusing.",
+        children: /* @__PURE__ */ jsx(
+          ConditionsEditor,
+          {
+            value: rules.duplicate ?? [],
+            onChange: (duplicate) => onChange({ ...rules, duplicate }),
+            addLabel: "Add a test"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { title: "Messages and reference", children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Where the provider's message is",
+            placeholder: "message",
+            value: rules.messagePath ?? "",
+            onChange: (e) => onChange({ ...rules, messagePath: e.target.value || void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Where the provider's reference is",
+            placeholder: "data.reference",
+            value: rules.referencePath ?? "",
+            onChange: (e) => onChange({ ...rules, referencePath: e.target.value || void 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: styles.label, children: "Replace the provider's message when\u2026" }),
+      (rules.notes ?? []).map((note, index) => /* @__PURE__ */ jsxs("div", { className: ed.row, children: [
+        /* @__PURE__ */ jsx(
+          ConditionsEditor,
+          {
+            value: [note.when],
+            onChange: ([when]) => onChange({
+              ...rules,
+              notes: (rules.notes ?? []).map(
+                (item, i) => i === index ? { ...item, when: when ?? blankCondition() } : item
+              )
+            }),
+            addLabel: ""
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": "Show this message",
+            placeholder: "Show this message",
+            value: note.message,
+            onChange: (e) => onChange({
+              ...rules,
+              notes: (rules.notes ?? []).map(
+                (item, i) => i === index ? { ...item, message: e.target.value } : item
+              )
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `${styles.link} ${styles.remove}`,
+            onClick: () => onChange({
+              ...rules,
+              notes: (rules.notes ?? []).filter((_n, i) => i !== index)
+            }),
+            children: "Remove"
+          }
+        )
+      ] }, index)),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => onChange({
+            ...rules,
+            notes: [
+              ...rules.notes ?? [],
+              { when: blankCondition(), message: "" }
+            ]
+          }),
+          children: "Add a message"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  RulesEditor
+};
+//# sourceMappingURL=rules-editor.js.map

package/dist/admin/payout-providers/editor/rules-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/payout-providers/editor/rules-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Button, Input } from '@withpotter/ui-kit';\nimport type { PayoutOutcomeRules } from '@withpotter/platform-admin';\nimport { ConditionsEditor, blankCondition } from './condition-editor';\nimport { Group } from './fields';\nimport styles from '../payout-providers.module.css';\nimport ed from './editor.module.css';\n\n/**\n * How to read an answer. Fixed in code, whatever is written here: an answer\n * that matches nothing is \"pending\", never \"success\", and only a refusal rule\n * (or an HTTP error) returns the money.\n */\nexport function RulesEditor({\n  rules,\n  onChange,\n  allowDuplicate,\n}: {\n  rules: PayoutOutcomeRules;\n  onChange: (next: PayoutOutcomeRules) => void;\n  /** Transfer answers can name \"this reference was already used\". */\n  allowDuplicate?: boolean;\n}) {\n  return (\n    <>\n      <Group title=\"Success\" hint=\"The transfer went through when…\">\n        <ConditionsEditor\n          value={rules.success ?? []}\n          onChange={(success) => onChange({ ...rules, success })}\n          addLabel=\"Add a success test\"\n        />\n      </Group>\n      <Group\n        title=\"Refused\"\n        hint=\"The provider refused it when… (an HTTP error also counts). The money goes back to the merchant.\"\n      >\n        <ConditionsEditor\n          value={rules.failed ?? []}\n          onChange={(failed) => onChange({ ...rules, failed })}\n          addLabel=\"Add a refusal test\"\n        />\n      </Group>\n      <Group\n        title=\"Still processing\"\n        hint=\"Optional. Anything that matches nothing is treated as still processing and checked again later.\"\n      >\n        <ConditionsEditor\n          value={rules.pending ?? []}\n          onChange={(pending) => onChange({ ...rules, pending })}\n          addLabel=\"Add a processing test\"\n        />\n      </Group>\n      {allowDuplicate && (\n        <Group\n          title=\"Reference already used\"\n          hint=\"Optional. When the provider says this reference exists, the transfer lookup decides what happened instead of refusing.\"\n        >\n          <ConditionsEditor\n            value={rules.duplicate ?? []}\n            onChange={(duplicate) => onChange({ ...rules, duplicate })}\n            addLabel=\"Add a test\"\n          />\n        </Group>\n      )}\n      <Group title=\"Messages and reference\">\n        <div className={styles.fields}>\n          <Input\n            label=\"Where the provider's message is\"\n            placeholder=\"message\"\n            value={rules.messagePath ?? ''}\n            onChange={(e) =>\n              onChange({ ...rules, messagePath: e.target.value || undefined })\n            }\n          />\n          <Input\n            label=\"Where the provider's reference is\"\n            placeholder=\"data.reference\"\n            value={rules.referencePath ?? ''}\n            onChange={(e) =>\n              onChange({ ...rules, referencePath: e.target.value || undefined })\n            }\n          />\n        </div>\n        <span className={styles.label}>\n          Replace the provider's message when…\n        </span>\n        {(rules.notes ?? []).map((note, index) => (\n          <div className={ed.row} key={index}>\n            <ConditionsEditor\n              value={[note.when]}\n              onChange={([when]) =>\n                onChange({\n                  ...rules,\n                  notes: (rules.notes ?? []).map((item, i) =>\n                    i === index\n                      ? { ...item, when: when ?? blankCondition() }\n                      : item,\n                  ),\n                })\n              }\n              addLabel=\"\"\n            />\n            <Input\n              aria-label=\"Show this message\"\n              placeholder=\"Show this message\"\n              value={note.message}\n              onChange={(e) =>\n                onChange({\n                  ...rules,\n                  notes: (rules.notes ?? []).map((item, i) =>\n                    i === index ? { ...item, message: e.target.value } : item,\n                  ),\n                })\n              }\n            />\n            <button\n              type=\"button\"\n              className={`${styles.link} ${styles.remove}`}\n              onClick={() =>\n                onChange({\n                  ...rules,\n                  notes: (rules.notes ?? []).filter((_n, i) => i !== index),\n                })\n              }\n            >\n              Remove\n            </button>\n          </div>\n        ))}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() =>\n            onChange({\n              ...rules,\n              notes: [\n                ...(rules.notes ?? []),\n                { when: blankCondition(), message: '' },\n              ],\n            })\n          }\n        >\n          Add a message\n        </Button>\n      </Group>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/payout-providers/editor/step-editor.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input } from "@withpotter/ui-kit";
+import { CallEditor } from "./call-editor";
+import { ConditionsEditor } from "./condition-editor";
+import { Group, SelectField, Toggle } from "./fields";
+import styles from "../payout-providers.module.css";
+import ed from "./editor.module.css";
+function StepEditor({
+  step,
+  index,
+  variables,
+  onChange,
+  onRemove
+}) {
+  const extract = Object.entries(step.extract ?? {});
+  return /* @__PURE__ */ jsxs("div", { className: ed.stepCard, children: [
+    /* @__PURE__ */ jsxs("div", { className: ed.stepCardHead, children: [
+      /* @__PURE__ */ jsxs("strong", { children: [
+        "Step ",
+        index + 1
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `${styles.link} ${styles.remove}`,
+          onClick: onRemove,
+          children: "Remove step"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: styles.help, children: "Runs before anything is sent. If it fails, nothing is sent and the merchant's money returns." }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        label: "Name",
+        value: step.id,
+        onChange: (e) => onChange({ ...step, id: e.target.value })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CallEditor,
+      {
+        call: step.call,
+        onChange: (call) => onChange({ ...step, call }),
+        variables
+      }
+    ),
+    /* @__PURE__ */ jsx(Group, { title: "Must be true to continue", hint: "Optional.", children: /* @__PURE__ */ jsx(
+      ConditionsEditor,
+      {
+        value: step.okWhen ?? [],
+        onChange: (okWhen) => onChange({ ...step, okWhen }),
+        withMessage: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Group,
+      {
+        title: "Values to keep for later steps",
+        hint: "Read from this answer and available as {{name}} below.",
+        children: [
+          extract.map(([name, item]) => /* @__PURE__ */ jsxs("div", { className: ed.row, children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                "aria-label": "Name",
+                value: name,
+                onChange: (e) => onChange({
+                  ...step,
+                  extract: Object.fromEntries(
+                    extract.map(([n, v]) => [
+                      n === name ? e.target.value : n,
+                      v
+                    ])
+                  )
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                "aria-label": "Path in the answer",
+                placeholder: "data.recipient_code",
+                value: item.path,
+                onChange: (e) => onChange({
+                  ...step,
+                  extract: {
+                    ...step.extract,
+                    [name]: { ...item, path: e.target.value }
+                  }
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SelectField,
+              {
+                label: "Kind",
+                value: item.type ?? "string",
+                options: [
+                  { value: "string", label: "Text" },
+                  { value: "number", label: "Number" }
+                ],
+                onChange: (type) => onChange({
+                  ...step,
+                  extract: { ...step.extract, [name]: { ...item, type } }
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: `${styles.link} ${styles.remove}`,
+                onClick: () => onChange({
+                  ...step,
+                  extract: Object.fromEntries(
+                    extract.filter(([n]) => n !== name)
+                  )
+                }),
+                children: "Remove"
+              }
+            )
+          ] }, name)),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "sm",
+              onClick: () => onChange({
+                ...step,
+                extract: {
+                  ...step.extract,
+                  [`value${extract.length + 1}`]: { path: "" }
+                }
+              }),
+              children: "Add a value"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Toggle,
+      {
+        checked: Boolean(step.pauseOnFailure),
+        onChange: (pauseOnFailure) => onChange({ ...step, pauseOnFailure }),
+        label: "If this fails, pause all payouts for a while (the account is not ready)"
+      }
+    )
+  ] });
+}
+export {
+  StepEditor
+};
+//# sourceMappingURL=step-editor.js.map

package/dist/admin/payout-providers/editor/step-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/payout-providers/editor/step-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Button, Input } from '@withpotter/ui-kit';\nimport type { PayoutPrepareStep } from '@withpotter/platform-admin';\nimport { CallEditor } from './call-editor';\nimport { ConditionsEditor } from './condition-editor';\nimport { Group, SelectField, Toggle } from './fields';\nimport styles from '../payout-providers.module.css';\nimport ed from './editor.module.css';\n\n/** One call that runs before the transfer is sent. */\nexport function StepEditor({\n  step,\n  index,\n  variables,\n  onChange,\n  onRemove,\n}: {\n  step: PayoutPrepareStep;\n  index: number;\n  variables: string[];\n  onChange: (next: PayoutPrepareStep) => void;\n  onRemove: () => void;\n}) {\n  const extract = Object.entries(step.extract ?? {});\n\n  return (\n    <div className={ed.stepCard}>\n      <div className={ed.stepCardHead}>\n        <strong>Step {index + 1}</strong>\n        <button\n          type=\"button\"\n          className={`${styles.link} ${styles.remove}`}\n          onClick={onRemove}\n        >\n          Remove step\n        </button>\n      </div>\n      <p className={styles.help}>\n        Runs before anything is sent. If it fails, nothing is sent and the\n        merchant's money returns.\n      </p>\n      <Input\n        label=\"Name\"\n        value={step.id}\n        onChange={(e) => onChange({ ...step, id: e.target.value })}\n      />\n      <CallEditor\n        call={step.call}\n        onChange={(call) => onChange({ ...step, call })}\n        variables={variables}\n      />\n      <Group title=\"Must be true to continue\" hint=\"Optional.\">\n        <ConditionsEditor\n          value={step.okWhen ?? []}\n          onChange={(okWhen) => onChange({ ...step, okWhen })}\n          withMessage\n        />\n      </Group>\n      <Group\n        title=\"Values to keep for later steps\"\n        hint=\"Read from this answer and available as {{name}} below.\"\n      >\n        {extract.map(([name, item]) => (\n          <div className={ed.row} key={name}>\n            <Input\n              aria-label=\"Name\"\n              value={name}\n              onChange={(e) =>\n                onChange({\n                  ...step,\n                  extract: Object.fromEntries(\n                    extract.map(([n, v]) => [\n                      n === name ? e.target.value : n,\n                      v,\n                    ]),\n                  ),\n                })\n              }\n            />\n            <Input\n              aria-label=\"Path in the answer\"\n              placeholder=\"data.recipient_code\"\n              value={item.path}\n              onChange={(e) =>\n                onChange({\n                  ...step,\n                  extract: {\n                    ...step.extract,\n                    [name]: { ...item, path: e.target.value },\n                  },\n                })\n              }\n            />\n            <SelectField\n              label=\"Kind\"\n              value={item.type ?? 'string'}\n              options={[\n                { value: 'string', label: 'Text' },\n                { value: 'number', label: 'Number' },\n              ]}\n              onChange={(type) =>\n                onChange({\n                  ...step,\n                  extract: { ...step.extract, [name]: { ...item, type } },\n                })\n              }\n            />\n            <button\n              type=\"button\"\n              className={`${styles.link} ${styles.remove}`}\n              onClick={() =>\n                onChange({\n                  ...step,\n                  extract: Object.fromEntries(\n                    extract.filter(([n]) => n !== name),\n                  ),\n                })\n              }\n            >\n              Remove\n            </button>\n          </div>\n        ))}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() =>\n            onChange({\n              ...step,\n              extract: {\n                ...step.extract,\n                [`value${extract.length + 1}`]: { path: '' },\n              },\n            })\n          }\n        >\n          Add a value\n        </Button>\n      </Group>\n      <Toggle\n        checked={Boolean(step.pauseOnFailure)}\n        onChange={(pauseOnFailure) => onChange({ ...step, pauseOnFailure })}\n        label=\"If this fails, pause all payouts for a while (the account is not ready)\"\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/payout-providers/editor/transfer-section.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input } from "@withpotter/ui-kit";
+import { CallEditor } from "./call-editor";
+import { Group } from "./fields";
+import { Section, newCall } from "./flow-parts";
+import { RulesEditor } from "./rules-editor";
+import { StepEditor } from "./step-editor";
+import styles from "../payout-providers.module.css";
+function TransferSection({
+  draft,
+  update,
+  login,
+  varsAt,
+  sendVars
+}) {
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      title: "Transfer",
+      summary: `${draft.transfer.prepare.length} step(s) before sending`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: "Currencies it can send",
+              hint: "Comma separated, like NGN",
+              value: draft.transfer.currencies.join(", "),
+              onChange: (e) => update(
+                (next) => next.transfer.currencies = e.target.value.split(",").map((code) => code.trim().toUpperCase()).filter(Boolean)
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              label: "Longest narration",
+              inputMode: "numeric",
+              value: String(draft.transfer.narrationMax ?? 100),
+              onChange: (e) => update(
+                (next) => next.transfer.narrationMax = Number(e.target.value.replace(/\D/g, "")) || void 0
+              )
+            }
+          )
+        ] }),
+        draft.transfer.prepare.map((step, index) => /* @__PURE__ */ jsx(
+          StepEditor,
+          {
+            step,
+            index,
+            variables: varsAt(index),
+            onChange: (next) => update((flow) => flow.transfer.prepare[index] = next),
+            onRemove: () => update((flow) => flow.transfer.prepare.splice(index, 1))
+          },
+          index
+        )),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "sm",
+            onClick: () => update(
+              (next) => next.transfer.prepare.push({
+                id: `step${next.transfer.prepare.length + 1}`,
+                call: newCall("/")
+              })
+            ),
+            children: "Add a step before sending"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Group,
+          {
+            title: "Send the transfer",
+            hint: "The one call that moves money. If it times out or errors, the payout is never refunded automatically: it is checked later.",
+            children: /* @__PURE__ */ jsx(
+              CallEditor,
+              {
+                call: draft.transfer.send.call,
+                onChange: (call) => update((next) => next.transfer.send.call = call),
+                variables: sendVars,
+                allowAuthHost: login
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RulesEditor,
+          {
+            rules: draft.transfer.send.rules,
+            onChange: (rules) => update((next) => next.transfer.send.rules = rules),
+            allowDuplicate: true
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  TransferSection
+};
+//# sourceMappingURL=transfer-section.js.map

package/dist/admin/payout-providers/editor/transfer-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/payout-providers/editor/transfer-section.tsx"],"sourcesContent":["'use client';\n\nimport { Button, Input } from '@withpotter/ui-kit';\nimport { CallEditor } from './call-editor';\nimport { Group } from './fields';\nimport { Section, newCall } from './flow-parts';\nimport type { Props } from './flow-sections';\nimport { RulesEditor } from './rules-editor';\nimport { StepEditor } from './step-editor';\nimport styles from '../payout-providers.module.css';\n\n/** The calls before sending, the send itself and how its answer is read. */\nexport function TransferSection({\n  draft,\n  update,\n  login,\n  varsAt,\n  sendVars,\n}: Props & { varsAt: (stepIndex: number) => string[]; sendVars: string[] }) {\n  return (\n    <Section\n      title=\"Transfer\"\n      summary={`${draft.transfer.prepare.length} step(s) before sending`}\n    >\n      <div className={styles.fields}>\n        <Input\n          label=\"Currencies it can send\"\n          hint=\"Comma separated, like NGN\"\n          value={draft.transfer.currencies.join(', ')}\n          onChange={(e) =>\n            update(\n              (next) =>\n                (next.transfer.currencies = e.target.value\n                  .split(',')\n                  .map((code) => code.trim().toUpperCase())\n                  .filter(Boolean)),\n            )\n          }\n        />\n        <Input\n          label=\"Longest narration\"\n          inputMode=\"numeric\"\n          value={String(draft.transfer.narrationMax ?? 100)}\n          onChange={(e) =>\n            update(\n              (next) =>\n                (next.transfer.narrationMax =\n                  Number(e.target.value.replace(/\\D/g, '')) || undefined),\n            )\n          }\n        />\n      </div>\n      {draft.transfer.prepare.map((step, index) => (\n        <StepEditor\n          key={index}\n          step={step}\n          index={index}\n          variables={varsAt(index)}\n          onChange={(next) =>\n            update((flow) => (flow.transfer.prepare[index] = next))\n          }\n          onRemove={() =>\n            update((flow) => flow.transfer.prepare.splice(index, 1))\n          }\n        />\n      ))}\n      <Button\n        variant=\"secondary\"\n        size=\"sm\"\n        onClick={() =>\n          update((next) =>\n            next.transfer.prepare.push({\n              id: `step${next.transfer.prepare.length + 1}`,\n              call: newCall('/'),\n            }),\n          )\n        }\n      >\n        Add a step before sending\n      </Button>\n      <Group\n        title=\"Send the transfer\"\n        hint=\"The one call that moves money. If it times out or errors, the payout is never refunded automatically: it is checked later.\"\n      >\n        <CallEditor\n          call={draft.transfer.send.call}\n          onChange={(call) =>\n            update((next) => (next.transfer.send.call = call))\n          }\n          variables={sendVars}\n          allowAuthHost={login}\n        />\n      </Group>\n      <RulesEditor\n        rules={draft.transfer.send.rules}\n        onChange={(rules) =>\n          update((next) => (next.transfer.send.rules = rules))\n        }\n        allowDuplicate\n      />\n    </Section>\n  );\n}\n"],"mappings":";AAwBM,SACE,KADF;AAtBN,SAAS,QAAQ,aAAa;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,SAAS,eAAe;AAEjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAGZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4E;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,GAAG,MAAM,SAAS,QAAQ,MAAM;AAAA,MAEzC;AAAA,6BAAC,SAAI,WAAW,OAAO,QACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAO,MAAM,SAAS,WAAW,KAAK,IAAI;AAAA,cAC1C,UAAU,CAAC,MACT;AAAA,gBACE,CAAC,SACE,KAAK,SAAS,aAAa,EAAE,OAAO,MAClC,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,YAAY,CAAC,EACvC,OAAO,OAAO;AAAA,cACrB;AAAA;AAAA,UAEJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,WAAU;AAAA,cACV,OAAO,OAAO,MAAM,SAAS,gBAAgB,GAAG;AAAA,cAChD,UAAU,CAAC,MACT;AAAA,gBACE,CAAC,SACE,KAAK,SAAS,eACb,OAAO,EAAE,OAAO,MAAM,QAAQ,OAAO,EAAE,CAAC,KAAK;AAAA,cACnD;AAAA;AAAA,UAEJ;AAAA,WACF;AAAA,QACC,MAAM,SAAS,QAAQ,IAAI,CAAC,MAAM,UACjC;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,WAAW,OAAO,KAAK;AAAA,YACvB,UAAU,CAAC,SACT,OAAO,CAAC,SAAU,KAAK,SAAS,QAAQ,KAAK,IAAI,IAAK;AAAA,YAExD,UAAU,MACR,OAAO,CAAC,SAAS,KAAK,SAAS,QAAQ,OAAO,OAAO,CAAC,CAAC;AAAA;AAAA,UARpD;AAAA,QAUP,CACD;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,MACP;AAAA,cAAO,CAAC,SACN,KAAK,SAAS,QAAQ,KAAK;AAAA,gBACzB,IAAI,OAAO,KAAK,SAAS,QAAQ,SAAS,CAAC;AAAA,gBAC3C,MAAM,QAAQ,GAAG;AAAA,cACnB,CAAC;AAAA,YACH;AAAA,YAEH;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YAEL;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,MAAM,SAAS,KAAK;AAAA,gBAC1B,UAAU,CAAC,SACT,OAAO,CAAC,SAAU,KAAK,SAAS,KAAK,OAAO,IAAK;AAAA,gBAEnD,WAAW;AAAA,gBACX,eAAe;AAAA;AAAA,YACjB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM,SAAS,KAAK;AAAA,YAC3B,UAAU,CAAC,UACT,OAAO,CAAC,SAAU,KAAK,SAAS,KAAK,QAAQ,KAAM;AAAA,YAErD,gBAAc;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}