allow option to set FE url and org-id in embedded apps

Author: raheeliftikhar5

client/packages/lowcoder-sdk-webpack-bundle/index.jsx

@@ -37,6 +37,18 @@ for (
             [i]?.querySelector(".locoder-backend-url")?.value ||
           "https://api-service.lowcoder.cloud"
         }
+        webUrl={
+          document
+            .querySelectorAll(".lowcoder-module-container")
+            [i]?.querySelector(".locoder-frontend-url")?.value ||
+          "https://app.lowcoder.cloud"
+        }
+        orgId={
+          document
+            .querySelectorAll(".lowcoder-module-container")
+            [i]?.querySelector(".locoder-org-id")?.value ||
+          undefined
+        }
       />
     );
   }

client/packages/lowcoder/src/appView/AppViewInstance.tsx

@@ -35,6 +35,7 @@ export interface AppViewInstanceOptions<I = any> {
   baseUrl?: string;
   webUrl?: string;
   moduleInputs?: I;
+  orgId?: string;
 }
 
 let isAuthButtonClicked = false;
@@ -55,6 +56,9 @@ export class AppViewInstance<I = any, O = any> {
     if (this.options.baseUrl) {
       sdkConfig.baseURL = this.options.baseUrl;
     }
+    if (this.options.webUrl) {
+      sdkConfig.webUrl = this.options.webUrl;
+    }
 
     this.dataPromise = this.loadData();
     this.render();
@@ -86,7 +90,7 @@ export class AppViewInstance<I = any, O = any> {
               [AuthSearchParams.redirectUrl]: encodeURIComponent(window.location.href),
               [AuthSearchParams.loginType]: null,
             })
-            // window.location.href = `${webUrl}${AUTH_LOGIN_URL}`;
+
             this.authorizedUser = false;
             return {
               data: {
@@ -155,6 +159,10 @@ export class AppViewInstance<I = any, O = any> {
 
   private async render() {
     const data = await this.dataPromise;
+    const loginUrl = this.options.orgId
+      ? `${this.options.webUrl}/org/${this.options.orgId}/auth/login`
+      : `${this.options.webUrl}${AUTH_LOGIN_URL}`;
+
     this.root.render(
       this.authorizedUser ? (
         <StyleSheetManager target={this.node as HTMLElement}>
@@ -177,7 +185,7 @@ export class AppViewInstance<I = any, O = any> {
               buttonType="primary"
               onClick={() => {
                 isAuthButtonClicked = true;
-                window.open(`${this.options.webUrl}${AUTH_LOGIN_URL}`, '_blank');
+                window.open(loginUrl, '_blank');
                 this.render();
               }}
             >

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnBooleanComp.tsx

@@ -20,6 +20,7 @@ const Wrapper = styled.div`
 `;
 
 const IconWrapper = styled.div<{ $style: CheckboxStyleType; $ifChecked: boolean }>`
+  pointer-events: none;
   height: 22px;
   svg {
     width: 14px;
@@ -87,7 +88,10 @@ export const BooleanComp = (function () {
       const CheckBoxComp = () => {
         const style = useStyle(CheckboxStyle);
         return (
-          <IconWrapper $style={style} $ifChecked={value}>
+          <IconWrapper
+            $style={style}
+            $ifChecked={value}
+          >
             {value ? (
               <TableCheckedIcon />
             ) : props.falseValues === "x" ? (

client/packages/lowcoder/src/constants/sdkConfig.ts

@@ -1,7 +1,9 @@
 interface SDKConfig {
   baseURL: string;
+  webUrl: string;
 }
 
 export const sdkConfig: SDKConfig = {
   baseURL: "",
+  webUrl: "",
 };