Provisory state*

SketchSystems.spec

Provisory state*
  requester cancels -> Cancelled
  check expires -> Expired
  system error -> System error
  missing info -> Attention required
  Requested*
    candidate accesses link -> Received
  Received
    candidate starts process -> In progress
  In progress
    candidate submits -> Waiting
  Waiting
    results come back clear -> Clear result
    results come back inconclusive -> Review result
Final state - inactive
  Cancelled
  Expired
Provisory state - alert
  System error
  Attention required
Final state - by the system
  system error -> System error
  Clear result
    requester confirms clear -> Clear result confirmed
    requester marks as inconclusive -> Result marked as inconclusive
    requester marks as flagged -> Result marked as flagged
  Review result
    requester marks as clear -> Result marked as clear
    requester marks as inconclusive -> Result marked as inconclusive
    requester marks as flagged -> Result marked as flagged
Final state - by the user
  system error -> System error
  Result marked as inconclusive
    requester marks as clear - if previously clear -> Clear result confirmed
    requester marks as clear - if previously inconclusive -> Result marked as clear
    requester marks as flagged -> Result marked as flagged
  Result marked as clear
    requester marks as inconclusive -> Result marked as inconclusive
    requester marks as flagged -> Result marked as flagged
  Clear result confirmed
    requester marks as inconclusive -> Result marked as inconclusive
    requester marks as flagged -> Result marked as flagged
  Result marked as flagged
    requester marks as clear - if previously clear -> Clear result confirmed
    requester marks as clear - if previously inconclusive -> Result marked as clear
    requester marks as inconclusive -> Result marked as inconclusive

SketchSystems_prototype.js

// Attach Figma frames (artboards) to states
// IDs can be found under "Share > Public Embed" in Figma 

// ** Edit this: Figma File ID
const figmaFile = "OxmjrDIxpPWnRqe8gPk79i";

// ** Edit this: List state names and matching Figma frame/artboard IDs
const figmaNodes = 
  { Requested: "1%253A2",
    Received:  "1%253A24", 
    "In progress": "1%253A66",
    Waiting: "1%253A107",
    Cancelled: "1%253A147",
    Expired: "1%253A169",
    "Attention required": "25%253A0",
    "System error": "25%253A17",
    "Clear result": "25%253A79",
    "Review result": "25%253A96",
    "Clear result confirmed": "25%253A120",
    "Result marked as clear": "25%253A142",
    "Result marked as inconclusive": "25%253A163",
    "Result marked as flagged": "25%253A184" };


const figmaURL = "https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/file/" + figmaFile + "/Sample-File?node-id=";

function render(model){
  const currentStateName = model.active_states[0].name;
  for (f in figmaNodes) 
    if (currentStateName === f) 
      return $("iframe",{src: figmaURL + figmaNodes[f], width: '100%', height: '100%'});
}