refactor: revert organization-level custom css db alteration (#7737)

* Revert "feat(schemas): add organization level custom css support"

This reverts commit 6cd7ea9.

* Revert "feat(core): add org-level custom css support in sign-in-exp API (#7733)"

This reverts commit fba9ef2.

Author: charIeszhao

packages/core/src/libraries/sign-in-experience/index.ts

@@ -131,16 +131,11 @@ export const createSignInExperienceLibrary = (
       return;
     }
     const organization = await trySafe(organizations.findById(organizationId));
-    const { branding, customCss } = organization ?? {};
-
-    if (!branding && !customCss) {
+    if (!organization?.branding) {
       return;
     }
 
-    return {
-      ...(branding && { branding }),
-      ...(customCss && { customCss }),
-    };
+    return { branding: organization.branding };
   };
 
   const findApplicationSignInExperience = async (appId?: string) => {

packages/integration-tests/src/tests/api/organization/organization.test.ts

@@ -119,13 +119,11 @@ describe('organization APIs', () => {
     const organization = await organizationApi.update(createdOrganization.id, {
       name: 'test2',
       description: 'test description.',
-      customCss: 'test css',
     });
     expect(organization).toStrictEqual({
       ...createdOrganization,
       name: 'test2',
       description: 'test description.',
-      customCss: 'test css',
     });
   });
 

packages/integration-tests/src/tests/experience/overrides.test.ts

@@ -35,7 +35,6 @@ describe('overrides', () => {
     favicon: 'mock://fake-url-for-omni/favicon.ico',
     darkFavicon: 'mock://fake-url-for-omni/dark-favicon.ico',
   } satisfies Branding);
-  const omniCustomCss = '.logto_main-content { background-color: #f00 !important; }';
 
   const appColor = Object.freeze({
     primaryColor: '#00f',
@@ -53,7 +52,6 @@ describe('overrides', () => {
     logoUrl: 'mock://fake-url-for-org/logo.png',
     darkLogoUrl: 'mock://fake-url-for-org/dark-logo.png',
   } satisfies Branding);
-  const organizationCustomCss = '.logto_main-content { background-color: #0f0 !important; }';
 
   afterEach(async () => {
     await organizationApi.cleanUp();
@@ -66,7 +64,6 @@ describe('overrides', () => {
       privacyPolicyUrl: null,
       color: omniColor,
       branding: omniBranding,
-      customCss: omniCustomCss,
       signUp: { identifiers: [], password: true, verify: false },
       signIn: {
         methods: [
@@ -237,42 +234,11 @@ describe('overrides', () => {
     await deleteApplication(application.id);
   });
 
-  it('should apply omni custom CSS', async () => {
-    const experience = new ExpectExperience(await browser.newPage());
-    await experience.navigateTo(demoAppUrl.href);
-    const element = await experience.toMatchElement('main.logto_main-content');
-    expect(
-      await element.evaluate((element) => window.getComputedStyle(element).backgroundColor)
-    ).toBe('rgb(255, 0, 0)');
-
-    await experience.page.close();
-  });
-
-  it('should apply organization-level custom CSS over omni custom CSS', async () => {
-    const organization = await organizationApi.create({
-      name: 'Sign-in experience override',
-    });
-
-    await organizationApi.update(organization.id, {
-      customCss: organizationCustomCss,
-    });
-
-    const experience = new ExpectExperience(await browser.newPage());
-    await experience.navigateTo(demoAppUrl.href + `?organization_id=${organization.id}`);
-    const element = await experience.toMatchElement('main.logto_main-content');
-    expect(
-      await element.evaluate((element) => window.getComputedStyle(element).backgroundColor)
-    ).toBe('rgb(0, 255, 0)');
-
-    await experience.page.close();
-  });
-
   describe('override fallback', () => {
     beforeAll(async () => {
       await updateSignInExperience({
         color: omniColor,
         branding: pick(omniBranding, 'logoUrl', 'favicon'),
-        customCss: omniCustomCss,
       });
     });
 
@@ -335,19 +301,4 @@ describe('overrides', () => {
     await deleteApplication(application.id);
     await experience.page.close();
   });
-
-  it('should fallback to omni custom CSS when organization-level custom CSS is not provided', async () => {
-    const organization = await organizationApi.create({
-      name: 'Sign-in experience override',
-    });
-
-    const experience = new ExpectExperience(await browser.newPage());
-    await experience.navigateTo(demoAppUrl.href + `?organization_id=${organization.id}`);
-    const element = await experience.toMatchElement('main.logto_main-content');
-    expect(
-      await element.evaluate((element) => window.getComputedStyle(element).backgroundColor)
-    ).toBe('rgb(255, 0, 0)');
-
-    await experience.page.close();
-  });
 });

packages/schemas/alterations/next-1756191517-add-organization-custom-css.ts

@@ -12,8 +12,6 @@ create table organizations (
   description varchar(256),
   /** Additional data associated with the organization. */
   custom_data jsonb /* @use JsonObject */ not null default '{}'::jsonb,
-  /** The custom CSS of the organization. */
-  custom_css text,
   /** Whether multi-factor authentication configuration is required for the members of the organization. */
   is_mfa_required boolean not null default false,
   /** The organization's branding configuration. */