> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turnkey.com/llms.txt
> Use this file to discover all available pages before exploring further.

# completeOtp()

export const NestedParam = ({parentKey, childKey, type, required, description, children}) => {
  const fullKey = `${parentKey}.${childKey}`;
  const anchorId = `body-${fullKey.replace(/\./g, '-')}`;
  return <div className="py-6 border-gray-100 dark:border-gray-800 border-b last:border-b-0">
  <div className="flex font-mono text-sm group/param-head param-head break-all relative" id={anchorId}>
    <div className="flex-1 flex content-start py-0.5 mr-5">
      <div className="flex items-center flex-wrap gap-2">
        <div className="absolute -top-1.5">
          <a href={`#${anchorId}`} className="-ml-[2.1rem] flex items-center opacity-0 border-0 group-hover/param-head:opacity-100 py-2 [.expandable-content_&]:-ml-[2.1rem]" aria-label="Navigate to header">
            <div className="w-6 h-6 text-gray-400 rounded-md flex items-center justify-center zinc-box bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20">
              <svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512">
                <path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path>
              </svg>
            </div>
          </a>
        </div>
        <div className="font-semibold text-primary dark:text-primary-light cursor-pointer overflow-wrap-anywhere">
          <span className="text-gray-500 dark:text-gray-400">{parentKey}.</span>
          {childKey}
        </div>
        <div className="inline items-center gap-2 text-xs font-medium [&_div]:inline [&_div]:mr-2 [&_div]:leading-5">
          <div className="flex items-center px-2 py-0.5 rounded-md bg-gray-100/50 dark:bg-white/5 text-gray-600 dark:text-gray-200 font-medium break-all">
            <span>{type}</span>
          </div>
          {required && <span className="px-2 py-0.5 rounded-md bg-red-100/50 dark:bg-red-400/10 text-red-600 dark:text-red-300 font-medium whitespace-nowrap">
              required
            </span>}
        </div>
      </div>
    </div>
  </div>
  {children && <div className="mt-4">
      <div className="prose prose-sm prose-gray dark:prose-invert">
        {children}
      </div>
    </div>}
</div>;
};

export const H3Bordered = ({text}) => <h3 id={text.toLowerCase()} className="border-b pb-2.5 border-gray-100 dark:border-gray-800">
    {text}
  </h3>;

<p><strong>Package:</strong> <code>react-wallet-kit</code></p>

<H3Bordered text="Overview" />

Completes the OTP authentication flow by verifying the OTP code and then either signing up or logging in the user.

<ul>
  <li>This function first verifies the OTP code for the provided contact and OTP type.</li>
  <li>If the contact is not associated with an existing sub-organization, it will automatically create a new sub-organization and complete the sign-up flow.</li>
  <li>If the contact is already associated with a sub-organization, it will complete the login flow.</li>
  <li>Supports passing a custom public key for authentication, invalidating existing session, specifying a session key, and providing additional sub-organization creation parameters.</li>
  <li>Handles both email and SMS OTP types.</li>
</ul>

<H3Bordered text="Parameters" />

<ParamField body="params" type="CompleteOtpParams" required={true}>
  <Expandable title="params details">
    <NestedParam parentKey="params" childKey="contact" type="string" required={true}>
      contact information for the user (e.g., email address or phone number).
    </NestedParam>

    <NestedParam parentKey="params" childKey="createSubOrgParams" type="CreateSubOrgParams" required={false}>
      parameters for sub-organization creation (e.g., authenticators, user metadata).
    </NestedParam>

    <NestedParam parentKey="params" childKey="invalidateExisting" type="boolean" required={false}>
      flag to invalidate existing sessions for the user.
    </NestedParam>

    <NestedParam parentKey="params" childKey="otpCode" type="string" required={true}>
      OTP code entered by the user.
    </NestedParam>

    <NestedParam parentKey="params" childKey="otpId" type="string" required={true}>
      ID of the OTP to complete (returned from `initOtp`).
    </NestedParam>

    <NestedParam parentKey="params" childKey="otpType" type="OtpType" required={true}>
      type of OTP being completed (OtpType.Email or OtpType.Sms).
    </NestedParam>

    <NestedParam parentKey="params" childKey="publicKey" type="string" required={false}>
      public key to use for authentication. If not provided, a new key pair may be generated.
    </NestedParam>

    <NestedParam parentKey="params" childKey="sessionKey" type="string" required={false}>
      session key to use for session creation (defaults to the default session key).
    </NestedParam>
  </Expandable>
</ParamField>

<H3Bordered text="Response" />

A successful response returns the following fields:

<ResponseField name="returns" type="BaseAuthResult & object" required={true}>
  A promise that resolves to an object containing:

  * `sessionToken`: the signed JWT session token.
  * `verificationToken`: the OTP verification token.
  * `action`: whether the flow resulted in a login or signup (AuthAction).
</ResponseField>