nucleus-core-ts 0.9.841 → 0.9.843

package/dist/fe/components/IntegrationsPage/components/ConnectionSwitcher.js

@@ -18,8 +18,16 @@ import { integrationsPageTheme as theme } from '../theme';
  */ export function ConnectionSwitcher() {
     const store = useIntegrationsStore();
     const labels = useLabels();
+    /**
+   * The way back does not depend on finding anything.
+   *
+   * `store.sources` is the rail's CURRENT PAGE, and the rail is unmounted the
+   * moment a connection is chosen — so a selected connection that is not on
+   * that page rendered nothing at all here: no name, and no way back to the
+   * list short of reloading the page. The name is what needs looking up; the
+   * button is not.
+   */ if (!store.selectedSourceId) return null;
     const source = store.sources.find((candidate)=>candidate.id === store.selectedSourceId);
-    if (!source) return null;
     return /*#__PURE__*/ _jsxs("div", {
         className: cn('flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-slate-200/80 bg-white px-4 py-3 dark:border-slate-800 dark:bg-slate-900'),
         children: [
@@ -32,12 +40,12 @@ import { integrationsPageTheme as theme } from '../theme';
                     }),
                     /*#__PURE__*/ _jsx("span", {
                         className: "truncate font-semibold text-base text-slate-900 dark:text-slate-100",
-                        children: source.name
+                        children: source?.name ?? labels.connections.heading
                     }),
-                    /*#__PURE__*/ _jsx("span", {
+                    source?.baseUrl ? /*#__PURE__*/ _jsx("span", {
                         className: cn(theme.list.itemMeta, 'mt-0.5'),
                         children: source.baseUrl
-                    })
+                    }) : null
                 ]
             }),
             /*#__PURE__*/ _jsx("button", {

package/dist/fe/components/IntegrationsPage/components/FieldMappingRows.js

@@ -6,7 +6,7 @@ import { useLabels } from '../text/context';
 import { integrationsPageTheme } from '../theme';
 import { FieldMappingRow } from './FieldMappingRow';
 import { EMPTY_FIELD_MAPPING, FIELD_MAPPING_COLUMNS, FIELD_MAPPING_GRID, PARENT_PREFIX } from './fieldMappingOptions';
-import { Notice } from './Primitives';
+import { Notice, Section } from './Primitives';
 /**
  * The rows that say which incoming value becomes which column.
  *
@@ -33,28 +33,20 @@ export function FieldMappingRows({ rows, sourceFields, targetFields, disabled, o
         if (!moving || !displaced) return;
         onChange(rows.with(index, displaced).with(target, moving));
     };
-    return /*#__PURE__*/ _jsxs("section", {
-        className: "flex flex-col gap-3",
+    return /*#__PURE__*/ _jsxs(Section, {
+        action: /*#__PURE__*/ _jsx("button", {
+            className: theme.button.secondary,
+            disabled: disabled,
+            onClick: ()=>onChange([
+                    ...rows,
+                    EMPTY_FIELD_MAPPING
+                ]),
+            type: "button",
+            children: "Add field"
+        }),
+        purpose: "Which incoming value becomes which column. The order is the order they are applied in.",
+        title: labels.mappings.fieldsHeading,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center justify-between gap-2",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: theme.card.title,
-                        children: labels.mappings.fieldsHeading
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: theme.button.secondary,
-                        disabled: disabled,
-                        onClick: ()=>onChange([
-                                ...rows,
-                                EMPTY_FIELD_MAPPING
-                            ]),
-                        type: "button",
-                        children: "Add field"
-                    })
-                ]
-            }),
             sourceFields.length === 0 ? /*#__PURE__*/ _jsx(Notice, {
                 title: labels.mappings.sampleFirstTitle,
                 tone: "warning",