{ "contents": { "startTask": "1", "tasks": { "0": { "action": "logged-in", "id": "0", "name": "End", "next": {}, "type": "automated", "view": { "x": 3408, "y": 228 } }, "1": { "allInputKeys": [ "externalId" ], "calculatedInputKeys": true, "id": "1", "inputKeys": [ "externalId" ], "inputsMetadata": [ { "displayName": "Email or Phone", "key": "externalId" } ], "name": "Welcome Screen", "next": { "rules": [ { "interactionId": "COcMh1vzSn", "taskId": "2" } ] }, "screenId": "SC39l5vqKQmFnNfAYTbzpE22eDmUS", "type": "screen", "view": { "x": 12, "y": 12 } }, "10": { "allInputKeys": [ "userSelectedTenant" ], "calculatedInputKeys": true, "clientScripts": [], "componentsConditions": [], "componentsConnectors": {}, "dynamicSelects": {}, "htmlTemplate": { "0xOGSnIKMy": { "custom": {}, "displayName": "Tenant Switcher", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "bordered": true, "children": [], "data": [], "data-errormessage-value-missing": "Please select tenant.", "full-width": false, "id": "0xOGSnIKMy", "item-label-path": "data-name", "item-value-path": "data-id", "label": "Switch Tenant", "name": "userSelectedTenant", "placeholder": "Choose Tenant", "required": false, "size": "md" }, "type": { "resolvedName": "TenantSwitcherComboBox" } }, "1sMmkeVxVT": { "custom": {}, "displayName": "Error Message", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "align": "center", "data-type": "error-message", "full-width": false, "id": "1sMmkeVxVT", "italic": false, "link-target-blank": true, "mode": "error", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "ErrorMessage" } }, "9oDPNIaCSp": { "custom": { "type": "button" }, "displayName": "Button", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "auto-submit": true, "children": "Select", "color": "primary", "data-type": "button", "formNoValidate": false, "full-width": false, "id": "9oDPNIaCSp", "shape": "", "size": "md", "tooltipText": "Tooltip text", "variant": "contained" }, "type": { "resolvedName": "Button" } }, "ROOT": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "0xOGSnIKMy", "9oDPNIaCSp", "1sMmkeVxVT" ], "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "ROOT", "justify": "center", "paddingX": "4", "paddingY": "8", "space-between": "md", "spaceBetween": "4", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } } }, "id": "10", "inputsMetadata": [ { "displayName": "Tenant Switcher", "key": "userSelectedTenant" } ], "interactions": [ { "id": "9oDPNIaCSp", "label": "Select", "type": "button" } ], "name": "Select Tenant", "next": { "rules": [ { "interactionId": "9oDPNIaCSp", "taskId": "0" } ] }, "recoveryCodesData": [], "screenId": "SC39l6SVwwwr6lIuoogzq6jy3G4TK", "type": "screen", "view": { "x": 2916, "y": 120 } }, "2": { "conditions": [ { "atomicConditions": [ { "operator": "is-email", "predicate": { "type": "inline", "value": "" }, "target": { "type": "context", "value": "form.externalId" } } ], "interactionId": "xxwfk6yp2k", "name": "Email" }, { "interactionId": "ELSE", "name": "Phone" } ], "id": "2", "name": "ConditionIs Email or phone", "next": { "rules": [ { "interactionId": "xxwfk6yp2k", "taskId": "3" }, { "interactionId": "ELSE", "taskId": "6" } ] }, "type": "condition", "view": { "x": 504, "y": 12 } }, "3": { "action": "sign-up-or-in-otp-email", "arguments": { "extraTemplateVals": { "type": "inline", "value": "" }, "providerId": { "type": "inline", "value": "" }, "templateId": { "type": "inline", "value": "" } }, "id": "3", "name": "Sign Up or In / OTP / Email", "next": { "rules": [ { "interactionId": "success", "taskId": "4" } ] }, "type": "automated", "view": { "x": 984, "y": 48 } }, "4": { "allInputKeys": [ "code" ], "calculatedInputKeys": true, "contextKeys": [ "sentTo.maskedEmail" ], "id": "4", "inputsMetadata": [ { "displayName": "One Time Code", "key": "code" } ], "name": "Verify Email OTP", "next": { "rules": [ { "interactionId": "resend", "taskId": "3" }, { "interactionId": "oneTimeCodeId", "taskId": "5" } ] }, "screenId": "SC39l5vkHnQM76iIMcn1EsrTzEKpv", "type": "screen", "view": { "x": 1464, "y": 48 } }, "5": { "action": "verify-code-otp-email", "id": "5", "name": "Verify Code / OTP / Email", "next": { "rules": [ { "interactionId": "success", "taskId": "9" } ] }, "type": "automated", "view": { "x": 1956, "y": 108 } }, "6": { "action": "sign-up-or-in-otp-sms", "arguments": { "extraTemplateVals": { "type": "inline", "value": "" }, "providerId": { "type": "inline", "value": "" }, "templateId": { "type": "inline", "value": "" } }, "id": "6", "name": "Sign Up or In / OTP / SMS", "next": { "rules": [ { "interactionId": "success", "taskId": "7" } ] }, "type": "automated", "view": { "x": 984, "y": 228 } }, "7": { "allInputKeys": [ "code" ], "calculatedInputKeys": true, "contextKeys": [ "sentTo.maskedPhone" ], "id": "7", "inputsMetadata": [ { "displayName": "One Time Code", "key": "code" } ], "name": "Verify phone OTP", "next": { "rules": [ { "interactionId": "resend", "taskId": "6" }, { "interactionId": "oneTimeCodeId", "taskId": "8" } ] }, "screenId": "SC39l5vnGeE7bZPijD1dZymiuZRqv", "type": "screen", "view": { "x": 1464, "y": 240 } }, "8": { "action": "verify-code-otp-sms", "id": "8", "name": "Verify Code / OTP / SMS", "next": { "rules": [ { "interactionId": "success", "taskId": "9" } ] }, "type": "automated", "view": { "x": 1956, "y": 348 } }, "9": { "conditions": [ { "atomicConditions": [ { "operator": "greater-than", "predicate": { "type": "inline", "value": 1 }, "target": { "type": "context", "value": "user.tenantCount" } } ], "interactionId": "ay8at8korrd", "name": "if" }, { "atomicConditions": [], "interactionId": "ELSE", "name": "Else" } ], "errorHandlingV2": {}, "id": "9", "name": "Check If Multiple Tenants", "next": { "rules": [ { "interactionId": "ay8at8korrd", "taskId": "10" }, { "interactionId": "ELSE", "taskId": "0" } ] }, "type": "condition", "view": { "x": 2436, "y": 120 } }, "start": { "id": "start", "name": "start", "next": { "rules": [ { "taskId": "1" } ] }, "view": { "x": 12, "y": 492 } } } }, "flowId": "sign-up-or-in-email-or-phone-input", "metadata": { "componentsVersion": "2.2.50", "description": "Sign in using OTP using either email or phone, in the same input component.", "managementConfig": { "triggers": { "eventTriggers": {} } }, "name": "Sign up or in - email or phone input", "sharedInteractions": [ { "id": "0.success", "type": "success" } ] }, "references": {}, "screens": [ { "contents": { "ROOT": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "auED4dEJkJ", "eBGiu9cYSb", "yZNZ2ZVVu_" ], "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "ROOT", "justify": "center", "paddingX": "4", "paddingY": "4", "spaceBetween": "5", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "auED4dEJkJ": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "children": "We've sent a message containing a 6-digit code to {{sentTo.maskedEmail}}", "full-width": false, "id": "auED4dEJkJ", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "subtitle1" }, "type": { "resolvedName": "Text" } }, "eBGiu9cYSb": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "children": "Enter Code", "full-width": false, "id": "eBGiu9cYSb", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "subtitle2" }, "type": { "resolvedName": "Text" } }, "fyz-aN6hyx": { "custom": {}, "displayName": "Error Message", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "thNbUTWOGY", "props": { "color": "error", "data-type": "error-message", "full-width": false, "hide-when-empty": true, "id": "fyz-aN6hyx", "italic": false, "mode": "error", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "ErrorMessage" } }, "oOOUcyEOVr": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "resend" ], "parent": "yZNZ2ZVVu_", "props": { "align": "start", "background": "#ffffff00", "data-editor-type": "container", "direction": "row", "id": "oOOUcyEOVr", "justify": "center", "paddingX": "5", "paddingY": "0", "spaceBetween": "0", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "oneTimeCodeId": { "custom": { "type": "oneTimeCode" }, "displayName": "One Time Code", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "yZNZ2ZVVu_", "props": { "bordered": true, "data-auto-submit": true, "data-errormessage-pattern-mismatch": "Must be a 6 digit number", "data-errormessage-value-missing": "Please fill out this field.", "digits": 6, "full-width": false, "fullWidth": false, "id": "oneTimeCodeId", "label": "", "name": "code", "required": true, "size": "lg", "type": "tel" }, "type": { "resolvedName": "CodeInput" } }, "resend": { "custom": { "type": "button" }, "displayName": "Button", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "oOOUcyEOVr", "props": { "children": "Send again", "color": "primary", "data-type": "button", "formNoValidate": true, "full-width": true, "id": "resend", "mode": "primary", "size": "sm", "variant": "link" }, "type": { "resolvedName": "Button" } }, "thNbUTWOGY": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "fyz-aN6hyx" ], "parent": "yZNZ2ZVVu_", "props": { "align": "start", "background": "#ffffff00", "data-editor-type": "container", "direction": "row", "id": "thNbUTWOGY", "justify": "center", "paddingX": "4", "paddingY": "3", "spaceBetween": "1", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "yZNZ2ZVVu_": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "oneTimeCodeId", "thNbUTWOGY", "oOOUcyEOVr" ], "parent": "ROOT", "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "yZNZ2ZVVu_", "justify": "start", "paddingX": "4", "paddingY": "4", "spaceBetween": "1.5", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } } }, "interactions": [ { "id": "oneTimeCodeId", "label": "Verify OTP code" }, { "id": "resend", "label": "Send again" } ], "screenId": "SC39l5vkHnQM76iIMcn1EsrTzEKpv" }, { "contents": { "QW6CWy1Z9D": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "fpDoUMsBUm", "resend" ], "parent": "yZNZ2ZVVu_", "props": { "align": "start", "background": "#ffffff00", "data-editor-type": "container", "direction": "row", "id": "QW6CWy1Z9D", "justify": "center", "paddingX": "4", "paddingY": "4", "spaceBetween": "1", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "ROOT": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "auED4dEJkJ", "eBGiu9cYSb", "yZNZ2ZVVu_" ], "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "ROOT", "justify": "center", "paddingX": "4", "paddingY": "4", "spaceBetween": "5", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "auED4dEJkJ": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "children": "We've sent a message containing a 6-digit code to {{sentTo.maskedPhone}}", "full-width": false, "id": "auED4dEJkJ", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "subtitle1" }, "type": { "resolvedName": "Text" } }, "eBGiu9cYSb": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "children": "Enter Code", "full-width": false, "id": "eBGiu9cYSb", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "subtitle2" }, "type": { "resolvedName": "Text" } }, "fpDoUMsBUm": { "custom": {}, "displayName": "Error Message", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "QW6CWy1Z9D", "props": { "color": "error", "data-type": "error-message", "full-width": false, "hide-when-empty": true, "id": "fpDoUMsBUm", "italic": false, "mode": "error", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "ErrorMessage" } }, "oneTimeCodeId": { "custom": { "type": "oneTimeCode" }, "displayName": "One Time Code", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "yZNZ2ZVVu_", "props": { "bordered": true, "data-auto-submit": true, "data-errormessage-pattern-mismatch": "Must be a 6 digit number", "data-errormessage-value-missing": "Please fill out this field.", "digits": 6, "full-width": false, "fullWidth": false, "id": "oneTimeCodeId", "label": "", "name": "code", "required": true, "size": "lg", "type": "tel" }, "type": { "resolvedName": "CodeInput" } }, "resend": { "custom": { "type": "button" }, "displayName": "Button", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "QW6CWy1Z9D", "props": { "children": "Send again", "color": "primary", "data-type": "button", "formNoValidate": true, "full-width": true, "id": "resend", "mode": "primary", "size": "sm", "variant": "link" }, "type": { "resolvedName": "Button" } }, "yZNZ2ZVVu_": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "oneTimeCodeId", "QW6CWy1Z9D" ], "parent": "ROOT", "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "yZNZ2ZVVu_", "justify": "start", "paddingX": "4", "paddingY": "4", "spaceBetween": "2.5", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } } }, "interactions": [ { "id": "oneTimeCodeId", "label": "Verify OTP code" }, { "id": "resend", "label": "Send again" } ], "screenId": "SC39l5vnGeE7bZPijD1dZymiuZRqv" }, { "contents": { "COcMh1vzSn": { "custom": { "type": "button" }, "displayName": "Button", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "sJzJr1_Ek8", "props": { "auto-submit": true, "children": "Continue", "color": "primary", "data-type": "button", "formNoValidate": false, "full-width": true, "id": "COcMh1vzSn", "mode": "primary", "size": "md", "variant": "contained" }, "type": { "resolvedName": "Button" } }, "DY-8rUNtnX": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "cDmtaSAoSF", "snOmO2tgDH" ], "parent": "ROOT", "props": { "align": "center", "background": "#ffffff00", "data-editor-type": "container", "direction": "column", "id": "DY-8rUNtnX", "justify": "start", "paddingX": "1", "paddingY": "1", "spaceBetween": "2.5", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "O6g57IzhQ9": { "custom": {}, "displayName": "Error Message", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "data-type": "error-message", "full-width": false, "hide-when-empty": true, "id": "O6g57IzhQ9", "italic": false, "link-target-blank": true, "mode": "error", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "ErrorMessage" } }, "ROOT": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "DY-8rUNtnX", "sJzJr1_Ek8", "O6g57IzhQ9" ], "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "ROOT", "justify": "center", "paddingX": "5", "paddingY": "5", "spaceBetween": "4", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "cDmtaSAoSF": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "DY-8rUNtnX", "props": { "children": "Welcome!", "full-width": true, "id": "cDmtaSAoSF", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "h3" }, "type": { "resolvedName": "Text" } }, "mDaOje-WW8": { "custom": { "type": "input" }, "displayName": "Email or Phone", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "sJzJr1_Ek8", "props": { "bordered": true, "country-input-label": "Code", "country-input-placeholder": "Code", "default-code": "autoDetect", "external-input": false, "full-width": true, "id": "mDaOje-WW8", "label": "Email or Phone", "label-type": "static", "name": "externalId", "phone-format-value": false, "phone-input-label": "Phone", "phone-strict-validation": false, "phone-variant": "countrySelection", "placeholder": "Insert email or phone", "required": false, "size": "md" }, "type": { "resolvedName": "HybridField" } }, "sJzJr1_Ek8": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "mDaOje-WW8", "COcMh1vzSn" ], "parent": "ROOT", "props": { "align": "start", "background": "#ffffff00", "data-editor-type": "container", "direction": "row", "id": "sJzJr1_Ek8", "justify": "center", "paddingX": "1", "paddingY": "1", "spaceBetween": "3", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } }, "snOmO2tgDH": { "custom": {}, "displayName": "Text", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "DY-8rUNtnX", "props": { "children": "By signing in, I agree to the [company's privacy](https://example.com/privacy) statement and [terms of service](https://example.com/terms)\n\n", "full-width": false, "id": "snOmO2tgDH", "isEnriched": true, "italic": false, "link-target-blank": true, "mode": "primary", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "Text" } } }, "interactions": [ { "id": "COcMh1vzSn", "label": "Continue", "type": "button" } ], "screenId": "SC39l5vqKQmFnNfAYTbzpE22eDmUS" }, { "contents": { "0xOGSnIKMy": { "custom": {}, "displayName": "Tenant Switcher", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "bordered": true, "children": [], "data": [], "data-errormessage-value-missing": "Please select tenant.", "full-width": false, "id": "0xOGSnIKMy", "item-label-path": "data-name", "item-value-path": "data-id", "label": "Switch Tenant", "name": "userSelectedTenant", "placeholder": "Choose Tenant", "required": false, "size": "md" }, "type": { "resolvedName": "TenantSwitcherComboBox" } }, "1sMmkeVxVT": { "custom": {}, "displayName": "Error Message", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "align": "center", "data-type": "error-message", "full-width": false, "id": "1sMmkeVxVT", "italic": false, "link-target-blank": true, "mode": "error", "text-align": "center", "variant": "body1" }, "type": { "resolvedName": "ErrorMessage" } }, "9oDPNIaCSp": { "custom": { "type": "button" }, "displayName": "Button", "hidden": false, "isCanvas": false, "linkedNodes": {}, "nodes": [], "parent": "ROOT", "props": { "auto-submit": true, "children": "Select", "color": "primary", "data-type": "button", "formNoValidate": false, "full-width": false, "id": "9oDPNIaCSp", "shape": "", "size": "md", "tooltipText": "Tooltip text", "variant": "contained" }, "type": { "resolvedName": "Button" } }, "ROOT": { "custom": {}, "displayName": "Container", "hidden": false, "isCanvas": true, "linkedNodes": {}, "nodes": [ "0xOGSnIKMy", "9oDPNIaCSp", "1sMmkeVxVT" ], "props": { "align": "center", "background": "", "data-editor-type": "container", "direction": "column", "id": "ROOT", "justify": "center", "paddingX": "4", "paddingY": "8", "space-between": "md", "spaceBetween": "4", "st-items-grow": 0, "width": "100%" }, "type": { "resolvedName": "Container" } } }, "interactions": [ { "id": "9oDPNIaCSp", "label": "Select", "type": "button" } ], "screenId": "SC39l6SVwwwr6lIuoogzq6jy3G4TK" } ] }