@appinternalleads/ui 0.4.0 → 0.4.1

package/spec/families/onboarding.schema.json

@@ -64,7 +64,9 @@
         "criteria-spider",
         "activity-heatmap",
         "tag-cloud",
-        "receipt-printer"
+        "receipt-printer",
+        "animated-status",
+        "send-completion"
       ]
     },
     "key": {
@@ -877,6 +879,38 @@
           }
         }
       }
+    },
+    {
+      "if": {
+        "properties": {
+          "component": {
+            "const": "animated-status"
+          }
+        }
+      },
+      "then": {
+        "properties": {
+          "config": {
+            "$ref": "#/$defs/animatedStatus"
+          }
+        }
+      }
+    },
+    {
+      "if": {
+        "properties": {
+          "component": {
+            "const": "send-completion"
+          }
+        }
+      },
+      "then": {
+        "properties": {
+          "config": {
+            "$ref": "#/$defs/sendCompletion"
+          }
+        }
+      }
     }
   ],
   "$defs": {
@@ -10003,6 +10037,581 @@
           "description": "The twelve month names, January first."
         }
       }
+    },
+    "animatedStatus": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": [
+        "type",
+        "icon",
+        "title",
+        "subtitle",
+        "loadErrorTitle",
+        "loadErrorBody",
+        "retryLabel",
+        "emptyTitle",
+        "emptyBody",
+        "emptyCta",
+        "scene1Text",
+        "scene2Text",
+        "scene3Text",
+        "scene4Text",
+        "scene5Text",
+        "scene6Text",
+        "textColor",
+        "accentColor",
+        "emblemIcon",
+        "playLabel",
+        "replayLabel",
+        "resetLabel",
+        "idleLabel",
+        "playingLabel",
+        "doneLabel",
+        "hintText"
+      ],
+      "properties": {
+        "type": {
+          "$ref": "#/$defs/dataType"
+        },
+        "icon": {
+          "$ref": "#/$defs/icon"
+        },
+        "title": {
+          "type": "string",
+          "minLength": 1
+        },
+        "subtitle": {
+          "type": "string"
+        },
+        "loadingLabel": {
+          "type": "string"
+        },
+        "attentionLabel": {
+          "type": "string"
+        },
+        "loadErrorTitle": {
+          "type": "string",
+          "minLength": 1
+        },
+        "loadErrorBody": {
+          "type": "string"
+        },
+        "retryLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "emptyTitle": {
+          "type": "string",
+          "minLength": 1
+        },
+        "emptyBody": {
+          "type": "string"
+        },
+        "emptyCta": {
+          "type": "string",
+          "minLength": 1
+        },
+        "scene1Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 12,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,0}\\s*$"
+        },
+        "scene2Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 12,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,0}\\s*$"
+        },
+        "scene3Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 44,
+          "pattern": "^\\s*\\S+(\\s+\\S+){5,5}\\s*$"
+        },
+        "scene4Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 20,
+          "pattern": "^\\s*\\S+(\\s+\\S+){2,2}\\s*$"
+        },
+        "scene5Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 22,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,2}\\s*$"
+        },
+        "scene6Text": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 36,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,2}\\s*$"
+        },
+        "textColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "accentColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "emblemIcon": {
+          "enum": [
+            "search",
+            "location",
+            "document",
+            "calendar",
+            "check",
+            "sparkles",
+            "loader",
+            "warning"
+          ]
+        },
+        "autoplay": {
+          "type": "boolean"
+        },
+        "playLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "replayLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "resetLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "idleLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "playingLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "doneLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "hintText": {
+          "type": "string",
+          "minLength": 1
+        }
+      }
+    },
+    "sendCompletion": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": [
+        "type",
+        "icon",
+        "title",
+        "subtitle",
+        "loadErrorTitle",
+        "loadErrorBody",
+        "retryLabel",
+        "emptyTitle",
+        "emptyBody",
+        "emptyCta",
+        "label",
+        "completedLabel",
+        "tapHint",
+        "backgroundColor",
+        "buttonColor",
+        "textColor",
+        "iconColor",
+        "completionColor",
+        "trailColor",
+        "sendIcon",
+        "iconScale",
+        "cornerRadius",
+        "width",
+        "showTapCue",
+        "resetLabel",
+        "idleChip",
+        "sendingChip",
+        "sentChip",
+        "failTitle",
+        "failBody",
+        "doneAnnouncement"
+      ],
+      "properties": {
+        "type": {
+          "$ref": "#/$defs/dataType"
+        },
+        "icon": {
+          "$ref": "#/$defs/icon"
+        },
+        "title": {
+          "type": "string",
+          "minLength": 1
+        },
+        "subtitle": {
+          "type": "string"
+        },
+        "loadingLabel": {
+          "type": "string"
+        },
+        "attentionLabel": {
+          "type": "string"
+        },
+        "loadErrorTitle": {
+          "type": "string",
+          "minLength": 1
+        },
+        "loadErrorBody": {
+          "type": "string"
+        },
+        "retryLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "emptyTitle": {
+          "type": "string",
+          "minLength": 1
+        },
+        "emptyBody": {
+          "type": "string"
+        },
+        "emptyCta": {
+          "type": "string",
+          "minLength": 1
+        },
+        "label": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 16,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,2}\\s*$"
+        },
+        "completedLabel": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 16,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,2}\\s*$"
+        },
+        "tapHint": {
+          "type": "string",
+          "minLength": 1,
+          "maxLength": 20,
+          "pattern": "^\\s*\\S+(\\s+\\S+){0,2}\\s*$"
+        },
+        "backgroundColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "buttonColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "textColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "iconColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "completionColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "trailColor": {
+          "anyOf": [
+            {
+              "type": "string",
+              "pattern": "^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgb\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*\\)$"
+            },
+            {
+              "type": "string",
+              "pattern": "^rgba\\(\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(25[0-5]|2[0-4]\\d|1\\d\\d|\\d?\\d)\\s*,\\s*(0|1|0?\\.\\d+|1\\.0+)\\s*\\)$"
+            },
+            {
+              "enum": [
+                "coral",
+                "coralDeep",
+                "butter",
+                "butterDeep",
+                "clay",
+                "clayDeep",
+                "sky",
+                "skyDeep",
+                "lilac",
+                "lilacDeep",
+                "neutral",
+                "neutralDeep",
+                "transparent"
+              ]
+            }
+          ]
+        },
+        "sendIcon": {
+          "enum": [
+            "plane",
+            "arrow",
+            "chevron"
+          ]
+        },
+        "iconScale": {
+          "type": "number",
+          "minimum": 0.6,
+          "maximum": 1.4
+        },
+        "cornerRadius": {
+          "type": "number",
+          "minimum": 0,
+          "maximum": 40
+        },
+        "width": {
+          "type": "number",
+          "minimum": 160,
+          "maximum": 960
+        },
+        "showTapCue": {
+          "type": "boolean"
+        },
+        "autoplay": {
+          "type": "boolean"
+        },
+        "loop": {
+          "type": "boolean"
+        },
+        "resetLabel": {
+          "type": "string",
+          "minLength": 1
+        },
+        "idleChip": {
+          "type": "string",
+          "minLength": 1
+        },
+        "sendingChip": {
+          "type": "string",
+          "minLength": 1
+        },
+        "sentChip": {
+          "type": "string",
+          "minLength": 1
+        },
+        "failTitle": {
+          "type": "string",
+          "minLength": 1
+        },
+        "failBody": {
+          "type": "string",
+          "minLength": 1
+        },
+        "doneAnnouncement": {
+          "type": "string",
+          "minLength": 1
+        }
+      }
     }
   }
 }

package/src/agent/AgentComponent.tsx

@@ -15,7 +15,7 @@ import { resolveRenderRequest, validateRenderRequest } from './validate';
  * `<AgentComponent request={…} />` and never looks the component up itself.
  */
 const RENDERERS: Record<string, ComponentType<Record<string, unknown>>> = {
-  ...Object.fromEntries(['receipt-printer', 'budget-tracker', 'activity-heatmap', 'criteria-spider', 'expandable-feed', 'fallback', 'seat-allocation', 'carousel', 'completion']
+  ...Object.fromEntries(['receipt-printer', 'budget-tracker', 'activity-heatmap', 'criteria-spider', 'expandable-feed', 'fallback', 'seat-allocation', 'carousel', 'completion', 'send-completion']
     .map(id => [id, ONBOARDING_VIEWS[id as keyof typeof ONBOARDING_VIEWS] as unknown as ComponentType<Record<string, unknown>>])),
   directory: DirectoryView as unknown as ComponentType<Record<string, unknown>>,
   checklist: ChecklistView as unknown as ComponentType<Record<string, unknown>>,