Onboarding&

SketchSystems.spec

Onboarding&
  AC
    Logging_In*
      first time use -> First Login
      second time use and forward -> Not First Login
    Entering Workspace
      First Login
        admin or user login -> Welcome
      Not First Login
        admin login if no analytics -> No_Analytics_Added
        admin login -> No_Analytics_Added
        user login -> Site Dashboard
  
    Workspace
      Intro Modals
        close x -> Site Dashboard
        cancel button -> Site Dashboard
        Welcome
          admin presses next -> Not Connected
          user presses next -> Invite 
        
        Analytics
          Not Connected
            admin connects dxp -> Connected
            admin skips -> Invite 
          Connected
            admin presses next -> Invite
        Invite
          presses skip -> Ready to Go
        Ready to Go
          presses get started -> Site Dashboard
      
     Site Dashboard
       logout -> Logging_In
       No_Analytics_Added
       No Profile Enrichment
       
  
    DXP
      AC Configuration Portlet
        Unconfigured
        Configured

SketchSystems_prototype.js

const figmaFile = "6D5NHk4tIN7mKM3XItmHmx";

const figmaNodes = 
  {Logging_In:   "3D11%253A36",
   Welcome:    "432%3A27292", 
   Analytics: "D30%253A688",
   Invite: "D30%253A800",
   No_Analytics_Added: "D31%253A5326"};

const figmaURL = "https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/file/" + figmaFile + "/onboarding-statechart?node-id=";
const zeitURLs = 
      {Welcome: "https://files-6w0ik1u76.now.sh/Screen%20Shot%202019-10-25%20at%205.08.34%20PM.png"}

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%'});
}