beejek - steps

steps.js

export const DATATYPES = {
  HEADING: "HEADING",
  DEFAULT: "DEFAULT"
};
export const integrationStepsData = {
  data: [
    {
      value: "Step 1: Onboarding",
      type: "HEADING",
      list: []
    },
    {
      value: "Save your Partner token.",
      type: "HEADING",
      list: [
        {
          value:
            "You can find your Partner token from the details section of your dashboard. This is a unique token.",
          type: "DEFAULT"
        },
        {
          value:
            "You should save it securely. (Ideally in your database or a config).",
          type: "DEFAULT"
        },
        {
          value:
            "You will need to provide this token with every invoice #{API} call as explained in #{step4}.",
          type: "DEFAULT",
          img: {
            url: "https://unsplash.it/400/400",
            caption: "Dashboard showing the option to toggle Test Mode."
          }
        }
      ]
    },
    {
      value: "Add a “Send Digital Invoice” button.",
      type: "HEADING",
      list: [
        {
          value:
            "This button will be disabled till the merchant code/token from step 2-b has not been received and saved in your database as mentioned in step 2-c.",
          type: "DEFAULT"
        },
        {
          value:
            "While the button is disabled i.e Merchant token has not been received, show a “learn more/know more” icon or label.",
          type: "DEFAULT",
          img: {
            url: "https://unsplash.it/400/400",
            caption:
              "Sample POS screen showing disbaled button and know more link"
          }
        }
      ]
    }
  ],
  meta: {
    step4: {
      type: "link",
      hyperlink: "/",
      tipText: null,
      properties: {
        isunderLine: true,
        isLink: true,
        isBold: false
      }
    },
    API: {
      type: "tip",
      isBold: false,
      hyperlink: null,
      tipText: "Test it on your local like this",
      properties: {
        isunderLine: false,
        isLink: false,
        isBold: true
      }
    }
  }
};