diff --git a/js/util/request_form/webform_to_json_schema.js b/js/util/request_form/webform_to_json_schema.js
index 2222a186..58e337fc 100644
--- a/js/util/request_form/webform_to_json_schema.js
+++ b/js/util/request_form/webform_to_json_schema.js
@@ -129,6 +129,48 @@ function toUiSchemaProperty(webformField) {
   return { [webformField.name]: uiSchemaProperty };
 }
 
+/**
+ * Gets information about webform states in fields.
+ */
+function conditionalStates(webformField, stateType) {
+  if (webformField.states && webformField.states[stateType]) {
+    const conditions = (Array.isArray(webformField.states[stateType])) ?
+      webformField.states[stateType] : [webformField.states[stateType]];
+    const results = conditions.map(condition => {
+      if (typeof condition === 'object') {
+        return Object.keys(condition).map(key => {
+          const parentMatch = key.match(/:input\[name=\"(.*)\"\]/);
+          const parent = (parentMatch && parentMatch.length > 1) ? parentMatch[1] : false;
+          const value = condition[key].value;
+          if (parent && value) {
+            return {
+              child: webformField.name,
+              parent: parent,
+              value: value,
+            };
+          }
+        }).filter(v => v);
+      }
+      return false;
+    }).filter(v => v);
+    return results;
+  }
+  return [];
+}
+/**
+ * Gets information about conditionally visible fields.
+ */
+function conditionalVisibility(webformField) {
+  return conditionalStates(webformField, 'visible');
+}
+
+/**
+ * Gets information about conditionally required fields.
+ */
+function conditionalRequirement(webformField) {
+  return conditionalStates(webformField, 'required');
+}
+
 /**
  * Translates agency components' Drupal Webform fields into JSON schema and uiSchema
  * for use with react-jsonschema-form.
@@ -148,6 +190,105 @@ function webformFieldsToJsonSchema(formFields = [], { title, description, id } =
     .map(toJsonSchemaProperty)
     .reduce((properties, property) => Object.assign(properties, property), {});
 
+  const conditionallyVisible = formFields
+    .map(conditionalVisibility)
+    .filter(v => v.length);
+
+  const conditionallyRequired = formFields
+    .map(conditionalRequirement)
+    .filter(v => v.length);
+
+  const dependencies = {};
+  for (const conditions of conditionallyVisible) {
+    for (const condition of conditions) {
+      for (const item of condition) {
+        const dependencyKey = [item.parent, item.value].join('|');
+        if (typeof dependencies[dependencyKey] === 'undefined') {
+          const properties = {};
+          properties[item.parent] = {
+            enum: [item.value]
+          };
+          dependencies[dependencyKey] = {
+            properties: properties,
+          };
+        }
+        dependencies[dependencyKey].properties[item.child] = {
+          type: jsonSchema.properties[item.child].type
+        };
+      }
+    }
+  }
+  for (const conditions of conditionallyRequired) {
+    for (const condition of conditions) {
+      for (const item of condition) {
+        const dependencyKey = [item.parent, item.value].join('|');
+        if (typeof dependencies[dependencyKey] === 'undefined') {
+          const properties = {};
+          properties[item.parent] = {
+            enum: [item.value]
+          };
+          dependencies[dependencyKey] = {
+            properties: properties,
+          };
+        }
+        dependencies[dependencyKey].properties[item.child] = {
+          type: jsonSchema.properties[item.child].type
+        };
+        if (typeof dependencies[dependencyKey].required === 'undefined') {
+          dependencies[dependencyKey].required = [];
+        }
+        if (!(dependencies[dependencyKey].required.includes(item.child))) {
+          dependencies[dependencyKey].required.push(item.child);
+        }
+      }
+    }
+  }
+
+  if (typeof jsonSchema.dependencies === 'undefined') {
+    jsonSchema.dependencies = {};
+  }
+  for (const dependencyKey of Object.keys(dependencies)) {
+    const parent = dependencyKey.split('|')[0];
+    if (typeof jsonSchema.dependencies[parent] === 'undefined') {
+      jsonSchema.dependencies[parent] = { oneOf: [] };
+    }
+    jsonSchema.dependencies[parent].oneOf.push(dependencies[dependencyKey]);
+  }
+
+  // Make sure that the dependencies have all available options.
+  //console.log(jsonSchema);
+  for (const dependencyKey of Object.keys(dependencies)) {
+    const parent = dependencyKey.split('|')[0];
+    if (jsonSchema.properties[parent]) {
+      const enumOptions = jsonSchema.properties[parent].enum;
+      for (const enumOption of enumOptions) {
+        const oneOfItems = jsonSchema.dependencies[parent].oneOf;
+        const match = oneOfItems.find(oneOfItem => {
+          return oneOfItem.properties[parent] && oneOfItem.properties[parent].enum.includes(enumOption);
+        });
+        if (!match) {
+          const emptyDependency = {
+            properties:{},
+          };
+          emptyDependency.properties[parent] = {
+            enum: [enumOption],
+          };
+          oneOfItems.push(emptyDependency);
+        }
+      }
+    }
+  }
+
+  for (const conditions of conditionallyVisible) {
+    for (const condition of conditions) {
+      for (const item of condition) {
+        delete jsonSchema.properties[item.child];
+      }
+    }
+  }
+
+  console.log(jsonSchema);
+
   // Add required fields to the `required` property
   jsonSchema.required = formFields
     .filter((formField) => formField.required)