OAuth Configuration

import {
  AuthenticationType,
  AuthSpecification,
  OrderSourceAppMetadata,
} from "@shipengine/connect-order-source-api";

export const AuthProcess: AuthSpecification = {
  Identifier: {

// DECLARE THE APP USES OAUTH
    AuthenticationType: AuthenticationType.OAuth,

    IsSandbox: false,
  },
  ...
};

export const Metadata: OrderSourceAppMetadata = {
  Id: "bcce593b-dce3-4491-8722-a56e653c173f",
  Name: "Example",
  AuthProcess,
  OrderSources: [Example],
};

export const ConnectionFormSchema: ReactForm = {
  JsonSchema: {
    title: "Example Merchant Center",
    description:
      `Follow these steps to get connected:<br>
       <div class="instructions">
         <ol><li>
           To connect your Example Merchant Center to ShipStation, simply
           provide the Merchant ID (E.g. "123456789") you intend to use below.
         </li></ol>
       </div>`,
    type: "object",
    required: ["merchantId"],
    properties: {
      merchantId: {
        type: "string",
        title: "Merchant ID",
      },
      helpText: {
        type: "null",
        title: " ",
        description: `<div class="instructions"><ol><li value="2">
          Click <b>Connect</b> to launch Example\'s consent screen, sign in
          with your associated Example account, then authorize ShipStation to
          retrieve your order information.
       </li></ol>
       </div><br>
       <i>In Example\'s <a href="https://merchants.Example.com/" target="_blank">Merchant Center</a>,
       find your merchant ID, which is the number at the top-right corner of
       the page, above the account email address.</i>`,
      },
    },
  },
  UiSchema: {
    "ui:order": ["merchantId", "helpText"],
  },
};