import { commonSelectors } from "Selectors/common";
import { commonText } from "Texts/common";
import { dashboardText } from "Texts/dashboard";
import {
  verifyandModifyUserRole,
  verifyandModifySizeOftheCompany,
} from "Support/utils/selfHostSignUp";
import { navigateToManageUsers, logout } from "Support/utils/common";
import { ssoSelector } from "Selectors/manageSSO";
import { ssoText } from "Texts/manageSSO";
import { onboardingSelectors } from "Selectors/onboarding";

export const verifyConfirmEmailPage = (email) => {
  cy.get(commonSelectors.pageLogo).should("be.visible");
  cy.get('[data-cy="check-your-mail-header"]').verifyVisibleElement(
    "have.text",
    commonText.emailPageHeader
  );

  cy.get(commonSelectors.onboardingPageDescription).verifyVisibleElement(
    "have.text",
    commonText.emailPageDescription(email)
  );

  cy.get(commonSelectors.spamMessage).verifyVisibleElement(
    "have.text",
    commonText.spamMessage
  );
  cy.get(commonSelectors.onboardingSeperator).should("be.visible");
  cy.get(commonSelectors.onboardingSeperatorText).verifyVisibleElement(
    "have.text",
    commonText.onboardingSeperatorText
  );

  cy.get(commonSelectors.resendEmailButton).should("be.visible");
  cy.get('[data-cy="back-to-signup"]').verifyVisibleElement(
    "have.text",
    "Back to sign up"
  );
};

export const verifyOnboardingQuestions = (fullName, workspaceName) => {
  cy.wait(5000);
  cy.get(commonSelectors.pageLogo).should("be.visible");
  cy.get(commonSelectors.userAccountNameAvatar).should("be.visible");
  cy.get(commonSelectors.createAccountCheckMark).should("be.visible");
  cy.get(commonSelectors.createAccountCheckPoint).verifyVisibleElement(
    "have.text",
    commonText.createAccountCheckPoint
  );
  cy.get(commonSelectors.verifyEmailCheckMark).should("be.visible");
  cy.get(commonSelectors.verifyEmailCheckPoint).verifyVisibleElement(
    "have.text",
    commonText.verifyEmailCheckPoint
  );
  cy.get(commonSelectors.setUpworkspaceCheckPoint).verifyVisibleElement(
    "have.text",
    commonText.setUpworkspaceCheckPoint
  );

  cy.get(commonSelectors.onboardingPorgressBubble).should("be.visible");
  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
    "have.text",
    commonText.companyPageHeader(fullName)
  );
  cy.get(commonSelectors.onboardingPageSubHeader).verifyVisibleElement(
    "have.text",
    commonText.onboardingPageSubHeader
  );
  cy.get(commonSelectors.companyNameInputField).should("be.visible");
  cy.get(commonSelectors.continueButton).verifyVisibleElement(
    "have.text",
    commonText.continueButton
  );
  cy.get(commonSelectors.continueButton).should("be.disabled");
  cy.clearAndType(commonSelectors.companyNameInputField, workspaceName);
  cy.get(commonSelectors.continueButton).should("be.enabled").click();

  cy.get(commonSelectors.backArrow).should("be.visible");
  cy.get(commonSelectors.backArrowText).verifyVisibleElement(
    "have.text",
    commonText.backArrowText
  );
  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
    "have.text",
    commonText.userRolePageHeader
  );
  verifyandModifyUserRole();

  cy.get(commonSelectors.backArrow).should("be.visible");
  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
    "have.text",
    commonText.sizeOftheCompanyHeader
  );
  verifyandModifySizeOftheCompany();

  cy.get(commonSelectors.backArrow).should("be.visible");
  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
    "have.text",
    "Enter your phone number"
  );

  cy.get(".form-control").should("be.visible");
  cy.get(".tj-onboarding-phone-input-wrapper")
    .find("input")
    .type("919876543210");
  cy.get(commonSelectors.continueButton).click();
};

export const verifyInvalidInvitationLink = () => {
  cy.get(commonSelectors.pageLogo).should("be.visible");
  // cy.get(commonSelectors.emailImage).should("be.visible");

  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
    "have.text",
    commonText.inalidInvitationLinkHeader
  );
  cy.get(commonSelectors.onboardingPageDescription).verifyVisibleElement(
    "have.text",
    commonText.inalidInvitationLinkDescription
  );

  // cy.get(commonSelectors.backtoSignUpButton).verifyVisibleElement(
  //   "have.text",
  //   commonText.backtoSignUpButton
  // );
};

export const userSignUp = (fullName, email, workspaceName = "test") => {
  let invitationLink;
  cy.intercept("GET", "/api/organizations/public-configs").as("publicConfig");
  cy.visit("/");
  cy.wait("@publicConfig");
  cy.wait(2000)
  cy.get(commonSelectors.createAnAccountLink, { timout: 10000 }).click();
  cy.wait(2000);
  cy.get(onboardingSelectors.nameInput, { timeout: 1000 }).should("not.be.disabled");
  cy.get(onboardingSelectors.nameInput).clear();
  cy.get(onboardingSelectors.nameInput).type(fullName);
  cy.clearAndType(onboardingSelectors.loginEmailInput, email);
  cy.clearAndType(onboardingSelectors.loginPasswordInput, commonText.password);
  cy.get(commonSelectors.signUpButton).click();

  cy.wait(2500);
  cy.task("updateId", {
    dbconfig: Cypress.env("app_db"),
    sql: `select invitation_token from users where email='${email}';`,
  }).then((resp) => {
    invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
    cy.visit(invitationLink);
    cy.wait(2500);
  });
  if (Cypress.env("environment") !== "Community") {
    cy.clearAndType('[data-cy="onboarding-workspace-name-input"]', workspaceName);
    cy.get('[data-cy="onboarding-submit-button"]').click();
  }
};

export const fetchAndVisitInviteLink = (email) => {
  let invitationToken,
    organizationToken,
    workspaceId,
    userId,
    url = "";

  cy.task("updateId", {
    dbconfig: Cypress.env("app_db"),
    sql: `select invitation_token from users where email='${email}';`,
  }).then((resp) => {
    invitationToken = resp.rows[0].invitation_token;

    cy.task("updateId", {
      dbconfig: Cypress.env("app_db"),
      sql: "select id from organizations where name='My workspace';",
    }).then((resp) => {
      workspaceId = resp.rows[0].id;

      cy.task("updateId", {
        dbconfig: Cypress.env("app_db"),
        sql: `select id from users where email='${email}';`,
      }).then((resp) => {
        userId = resp.rows[0].id;

        cy.task("updateId", {
          dbconfig: Cypress.env("app_db"),
          sql: `select invitation_token from organization_users where user_id='${userId}';`,
        }).then((resp) => {
          organizationToken = resp.rows[1].invitation_token;
          url = `/invitations/${invitationToken}/workspaces/${organizationToken}?oid=${workspaceId}`;
          cy.apiLogout();
          cy.wait(1000);
          cy.visit(url);
        });
      });
    });
  });
};


export const inviteUser = (firstName, email) => {
  cy.apiUserInvite(firstName, email);
  fetchAndVisitInviteLink(email);
  cy.wait(1000);
  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
  // cy.intercept("GET", "/api/organizations").as("org");
  cy.get(commonSelectors.continueButton).click();
  cy.wait(2000);
  cy.get(commonSelectors.acceptInviteButton).click();
};

export const addNewUser = (firstName, email) => {
  navigateToManageUsers();
  inviteUser(firstName, email);
};

export const roleBasedOnboarding = (firstName, email, userRole) => {
  navigateToManageUsers();
  cy.apiUserInvite(firstName, email, userRole);
  fetchAndVisitInviteLink(email);
  cy.wait(1000);
  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
  // cy.intercept("GET", "/api/organizations").as("org");
  cy.get(commonSelectors.continueButton).click();
  cy.wait(2000);
  cy.get(commonSelectors.acceptInviteButton).click();
};


export const visitWorkspaceInvitation = (email, workspaceName) => {
  let workspaceId, userId, url, organizationToken;

  cy.task("updateId", {
    dbconfig: Cypress.env("app_db"),
    sql: `select id from organizations where name='${workspaceName}';`,
  }).then((resp) => {
    workspaceId = resp.rows[0].id;

    cy.task("updateId", {
      dbconfig: Cypress.env("app_db"),
      sql: `select id from users where email='${email}';`,
    }).then((resp) => {
      userId = resp.rows[0].id;

      cy.task("updateId", {
        dbconfig: Cypress.env("app_db"),
        sql: `select invitation_token from organization_users where organization_id= '${workspaceId}' AND user_id='${userId}';`,
      }).then((resp) => {
        organizationToken = resp.rows[0].invitation_token;
        url = `/organization-invitations/${organizationToken}?oid=${workspaceId}`;
        logout();
        cy.visit(url);
      });
    });
  });
};

export const SignUpPageElements = () => {
  cy.get(commonSelectors.pageLogo).should("be.visible");
  cy.get(commonSelectors.signUpSectionHeader).verifyVisibleElement(
    "have.text",
    "Sign up"
  );
  cy.get(commonSelectors.signUpButton).verifyVisibleElement(
    "have.text",
    "Sign up"
  );

  // cy.get('[data-cy="signup-info"]').should(($el) => {
  //   expect($el.contents().first().text().trim()).to.eq(
  //     commonText.signInRedirectText
  //   );
  // });

  cy.get(onboardingSelectors.signupNameLabel).verifyVisibleElement(
    "have.text",
    "Name *"
  );
  cy.get(onboardingSelectors.nameInput).should("be.visible");
  cy.get(onboardingSelectors.emailLabel).verifyVisibleElement(
    "have.text",
    "Email *"
  );
  // cy.get(commonSelectors.loginPasswordLabel).verifyVisibleElement("have.text", "Password *");

  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");

  cy.get(commonSelectors.signInRedirectLink).verifyVisibleElement(
    "have.text",
    commonText.signInRedirectLink
  );
  cy.get(commonSelectors.signUpTermsHelperText).should(($el) => {
    expect($el.contents().first().text().trim()).to.eq(
      commonText.signUpTermsHelperText
    );
  });
  cy.get(commonSelectors.termsOfServiceLink)
    .verifyVisibleElement("have.text", commonText.termsOfServiceLink)
    .and("have.attr", "href")
    .and("equal", "https://www.tooljet.com/terms");
  cy.get(commonSelectors.privacyPolicyLink)
    .verifyVisibleElement("have.text", commonText.privacyPolicyLink)
    .and("have.attr", "href")
    .and("equal", "https://www.tooljet.com/privacy");
  cy.get("body").then(($el) => {
    if ($el.text().includes("Google")) {
      cy.get(ssoSelector.googleSSOText).verifyVisibleElement(
        "have.text",
        ssoText.googleSignUpText
      );
      cy.get(ssoSelector.gitSSOText).verifyVisibleElement(
        "have.text",
        ssoText.gitSignUpText
      );
      cy.get(commonSelectors.onboardingSeperator).should("be.visible");
      cy.get(commonSelectors.onboardingSeperatorText).verifyVisibleElement(
        "have.text",
        commonText.onboardingSeperatorText
      );
    }
  });
};

export const signUpLink = (email) => {
  let invitationLink;
  cy.task("updateId", {
    dbconfig: Cypress.env("app_db"),
    sql: `select invitation_token from users where email='${email}';`,
  }).then((resp) => {
    invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
    cy.visit(invitationLink);
    cy.wait(3000);
  });
};

export const bannerElementsVerification = () => {
  const bannerElements = [
    { selector: commonSelectors.HostBanner },
    { selector: commonSelectors.pageLogo },
    { selector: onboardingSelectors.stepsDetails },
  ];
  bannerElements.forEach((element) => {
    cy.get(element.selector).should("be.visible");
  });
};