JSFiddle - React, Tailwind, and code Playground

by igalst

JavaScript

{
  "meta": {
    "campaignName": "music-tour",
    "enforceLogin": true,
    "locale": "en",
    "onSubmitSuccess": {
      "navigateToPage": "hoijg"
    },
    "onEmptySiteSelector": {
      "navigateToPage": "ym84u"
    }
  },
  "moderation": {
    "fields": {
      "name": {
        "visible": true,
        "editable": false
      },
      "metaSiteId": {
        "visible": true,
        "editable": false
      },
      "reviewer": {
        "visible": true,
        "editable": true
      },
      "score": {
        "visible": true,
        "editable": true
      },
      "comments": {
        "visible": true,
        "editable": true
      },
     "publish_to_gallery": {
        "visible": true,
        "editable": true
      }

    }
  },
  "api": {
  	"filter": { "publish_to_gallery": "1" },
    "itemFields": [
    	"metaSiteId",
      "metaSiteId|metaSiteUrl",
      "name"
    ]
  },
  "bi": {
    "fields": {
      "name": {
        "pii": true
      }
    }
  },
  "steps": [
    {
      "title": "",
      "description": "",
      "fields": [
        {
          "type": "text",
          "label": "Your Name/Band Name",
          "name": "name",
          "validations": [
            {
              "name": "required"
            }
          ]
        },
        {
          "type": "site-selector",
          "name": "metaSiteId",
          "label": "Select your Wix website",
          "filters": [
            "published"
          ],
          "validations": [
            {
              "name": "required"
            }
          ]
        },
        {
          "type": "checkbox",
          "name": "no-contract",
          "label": "I’m not contractually obligated to any label.",
          "validations": []
        }
      ]
    }
  ]
}