From 50a011b6ca58f2fd599186678e09adae17c2c3bc Mon Sep 17 00:00:00 2001
From: Arun <admin@Admins-MacBook-Pro.local>
Date: Tue, 14 Jul 2026 13:37:47 +0530
Subject: [PATCH 1/3] feat: add Bitbucket Cloud authentication mode selector
 and related utilities

---
 .../gitOps/BitbucketCloudAuthSelector.tsx     |  23 +++
 src/components/gitOps/GitOpsConfiguration.tsx | 191 +++++++++++-------
 src/components/gitOps/constants.ts            |  10 +-
 src/components/gitOps/gitops.type.ts          |   5 +
 src/components/gitOps/utils.ts                |  47 +++++
 5 files changed, 202 insertions(+), 74 deletions(-)
 create mode 100644 src/components/gitOps/BitbucketCloudAuthSelector.tsx

diff --git a/src/components/gitOps/BitbucketCloudAuthSelector.tsx b/src/components/gitOps/BitbucketCloudAuthSelector.tsx
new file mode 100644
index 0000000000..b122ff85fd
--- /dev/null
+++ b/src/components/gitOps/BitbucketCloudAuthSelector.tsx
@@ -0,0 +1,23 @@
+import { RadioGroup, RadioGroupItem } from '@devtron-labs/devtron-fe-common-lib'
+import type { BitbucketCloudAuthSelectorProps } from './gitops.type'
+import { BITBUCKET_CLOUD_AUTH_MODE_OPTIONS } from './constants'
+
+const BitbucketCloudAuthSelector = ({
+    authMode,
+    handleAuthModeChange,
+}: BitbucketCloudAuthSelectorProps) => (
+        <RadioGroup
+            className="radio-group-no-border"
+            name="toggle-bitbucket-cloud-auth-mode"
+            value={authMode}
+            onChange={handleAuthModeChange}
+        >
+            {BITBUCKET_CLOUD_AUTH_MODE_OPTIONS.map((option) => (
+                <RadioGroupItem key={option.value} value={option.value}>
+                    {option.label}
+                </RadioGroupItem>
+            ))}
+        </RadioGroup>
+)
+
+export default BitbucketCloudAuthSelector
diff --git a/src/components/gitOps/GitOpsConfiguration.tsx b/src/components/gitOps/GitOpsConfiguration.tsx
index 5036d69e51..ddfb9cd2fd 100644
--- a/src/components/gitOps/GitOpsConfiguration.tsx
+++ b/src/components/gitOps/GitOpsConfiguration.tsx
@@ -35,6 +35,7 @@ import {
     PasswordField,
     DocLink,
     DocLinkProps,
+    Textarea,
 } from '@devtron-labs/devtron-fe-common-lib'
 import {
     TLSConnectionFormActionType,
@@ -68,12 +69,19 @@ import {
     LinkAndLabelSpec,
     DefaultErrorFields,
     PROVIDER_DOC_LINK_MAP,
+    UNABLE_TO_DELETE_WARNING,
 } from './constants'
-import { getGitOpsLabelText } from './utils'
+import {
+    getGitAccessPasswordInputLabel,
+    getGitOpsLabelText,
+    getGitAccessUsernameInputPlaceholder,
+    getGitAccessUsernameInputLabel,
+} from './utils'
 import { GitProvider } from '@Components/common/GitTabs/constants'
 import { GitProviderType } from '@Components/common/GitTabs/types'
 import { GitProviderTab } from '@Components/common/GitTabs/GitProviderTab'
 import UpdateConfirmationDialog from './UpdateConfirmationDialog'
+import BitbucketCloudAuthSelector from './BitbucketCloudAuthSelector'
 
 const OtherGitOpsForm = importComponentFromFELibrary('OtherGitOpsForm', null, 'function')
 const BitBucketDCCredentials = importComponentFromFELibrary('BitBucketDCCredentials', null, 'function')
@@ -342,7 +350,12 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
         // We do not need any https url in aws code commit tab
         const isURLValidationOptional =
             key === 'host' || this.isAWSCodeCommitTabSelected() || this.getIsOtherGitOpsTabSelected()
-        const validateUserName = key === 'username' && !this.getIsOtherGitOpsTabSelected()
+        // Empty username is allowed in case of bitbucket cloud with access token (only send token i.e. Bearer token)
+        const validateUserName =
+            key === 'username' &&
+            (!this.getIsOtherGitOpsTabSelected() ||
+                (this.state.form.provider === GitProvider.BITBUCKET_CLOUD &&
+                    this.state.form.authMode === GitOpsAuthModeType.ACCESS_TOKEN))
         const shouldValidateSSHUrl = key === 'sshHost' && this.isAWSCodeCommitTabSelected()
 
         const isCredentialKey = key === 'token' || key === 'sshKey'
@@ -428,9 +441,12 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
         }
 
         const isBitBucketDC = this.state.form.provider === 'BITBUCKET_DC'
+        const isBitBucketCloud = this.state.form.provider === GitProvider.BITBUCKET_CLOUD
         const isBitBucketDCCreateView =
             !this.state.form.id || this.state.form.authMode !== this.state.initialBitBucketDCAuthMode
-        const isTokenRequired = isBitBucketDC && isBitBucketDCCreateView
+        
+        const isTokenRequired = (isBitBucketDC && isBitBucketDCCreateView) || isBitBucketCloud
+        const isUsernameRequired = !(isBitBucketCloud && this.state.form.authMode === GitOpsAuthModeType.ACCESS_TOKEN)
 
         const isSSHKeyRequired =
             isBitBucketDC &&
@@ -442,7 +458,7 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
 
         return {
             host: this.requiredFieldCheck(form.host),
-            username: this.requiredFieldCheck(form.username),
+            username: isUsernameRequired ? this.requiredFieldCheck(form.username) : '',
             token: this.state.form.id && !isTokenRequired ? '' : this.requiredFieldCheck(form.token),
             gitHubOrgId: this.requiredFieldCheck(form.gitHubOrgId),
             gitLabGroupId: this.requiredFieldCheck(form.gitLabGroupId),
@@ -823,7 +839,10 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
             username: '',
             sshKey: '',
         }
-        const formState = this.getFormStateOnCredentialTypeChange(selectedAuthMode)
+        const formState =
+            this.state.form.provider === 'BITBUCKET_DC'
+                ? this.getFormStateOnCredentialTypeChange(selectedAuthMode)
+                : { ...this.state.form, authMode: selectedAuthMode, username: '', token: '' }
 
         this.setState({
             form: formState,
@@ -1013,12 +1032,10 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
     render() {
         const suggestedURL = this.suggestedValidGitOpsUrl()
         const key: GitOpsOrganisationIdType = this.getGitOpsOrgId()
-        const warning =
-            'Devtron was unable to delete the test repository “devtron-sample-repo-dryrun-…”. Please delete it manually.'
         const isAuthModeSSH = this.getIsAuthModeSSH(this.state.form.authMode, this.state.form.provider)
-        // Would be showing TLS Config Form if auth mode is Password
+        // Would be showing TLS Config Form if auth mode is Password and provider is not Bitbucket Cloud
         const formAuthMode = this.getFormAuthMode(this.state.form.authMode, this.state.form.provider)
-        const isTLSConfigFormVisible = formAuthMode === GitOpsAuthModeType.PASSWORD
+        const isTLSConfigFormVisible = formAuthMode === GitOpsAuthModeType.PASSWORD && !this.state.isBitbucketCloud
 
         if (this.state.view === ViewType.LOADING) {
             return (
@@ -1094,6 +1111,95 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
             </div>
         )
 
+        const renderGitAccessCredentials = () => {
+            if (BitBucketDCCredentials && this.state.form.provider === 'BITBUCKET_DC') {
+                return (
+                    <div className={`flexbox-col ${isTLSConfigFormVisible ? 'mb-16' : ''}`}>
+                        <BitBucketDCCredentials
+                            authMode={this.state.form.authMode}
+                            initialAuthMode={this.state.initialBitBucketDCAuthMode}
+                            handleAuthModeChange={this.handleAuthModeChange}
+                            handleChange={this.handleChange}
+                            username={{
+                                value: this.state.form.username,
+                                error: this.state.isError.username,
+                            }}
+                            sshKey={{
+                                value: this.state.form.sshKey,
+                                error: this.state.isError.sshKey,
+                            }}
+                            token={{
+                                value: this.state.form.token,
+                                error: this.state.isError.token,
+                            }}
+                            id={this.state.form.id}
+                        />
+                    </div>
+                )
+            }
+
+            return (
+                <div className="flexbox-col dc__gap-12 w-100">
+                    {this.state.form.provider === GitProvider.BITBUCKET_CLOUD && (
+                        <BitbucketCloudAuthSelector
+                            authMode={this.state.form.authMode}
+                            handleAuthModeChange={this.handleAuthModeChange}
+                        />
+                    )}
+                    {this.state.form.provider === GitProvider.BITBUCKET_CLOUD &&
+                    this.state.form.authMode === GitOpsAuthModeType.ACCESS_TOKEN ? (
+                        <Textarea
+                            name="bitbucket-cloud-access-token"
+                            value={this.state.form.token}
+                            onChange={(event) => this.handleChange(event, 'token')}
+                            error={this.state.isError.token}
+                            label={getGitAccessPasswordInputLabel(this.state.form.provider, this.state.form.authMode)}
+                            placeholder="Enter bearer token"
+                            required
+                        />
+                    ) : (
+                        <div className="form__row--two-third w-100">
+                            <div>
+                                <CustomInput
+                                    value={this.state.form.username}
+                                    onChange={(event) => this.handleChange(event, 'username')}
+                                    name="Enter username"
+                                    placeholder={getGitAccessUsernameInputPlaceholder(
+                                        this.state.form.provider,
+                                        this.state.form.authMode,
+                                    )}
+                                    error={this.state.isError.username}
+                                    label={getGitAccessUsernameInputLabel(
+                                        this.state.form.provider,
+                                        this.state.form.authMode,
+                                    )}
+                                    required
+                                />
+                            </div>
+                            <div>
+                                <PasswordField
+                                    shouldShowDefaultPlaceholderOnBlur={false}
+                                    name="token"
+                                    placeholder="Enter access token"
+                                    value={this.state.form.token}
+                                    onChange={(event) => this.handleChange(event, 'token')}
+                                    error={this.state.isError.token}
+                                    {...getInputLabelProps(
+                                        getGitAccessPasswordInputLabel(
+                                            this.state.form.provider,
+                                            this.state.form.authMode,
+                                        ),
+                                        PROVIDER_DOC_LINK_MAP[this.state.form.provider],
+                                        'Check permissions required for PAT',
+                                    )}
+                                />
+                            </div>
+                        </div>
+                    )}
+                </div>
+            )
+        }
+
         const renderGitOpsFormInputs = () => {
             /* Not adding check for isAuthModeSSH since that no relation with form itself */
             return (this.isAWSCodeCommitTabSelected() || this.getIsOtherGitOpsTabSelected()) && OtherGitOpsForm ? (
@@ -1156,7 +1262,7 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
                             validationError={this.state.validationError}
                             validationStatus={this.state.validationStatus}
                             configName="gitops"
-                            warning={this.state.deleteRepoError ? warning : ''}
+                            warning={this.state.deleteRepoError ? UNABLE_TO_DELETE_WARNING : ''}
                         />
                     )}
                     <div className="flex-grow-1 w-100">
@@ -1210,7 +1316,7 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
                                     'Bitbucket Workspace ID',
                                     GitLink.BITBUCKET_WORKSPACE,
                                     'How to create workspace in bitbucket?',
-                                    true
+                                    true,
                                 )}
                             />
                         </div>
@@ -1239,68 +1345,7 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
                         Git access credentials
                     </div>
 
-                    {BitBucketDCCredentials && this.state.form.provider === 'BITBUCKET_DC' ? (
-                        <div className={`flexbox-col ${isTLSConfigFormVisible ? 'mb-16' : ''}`}>
-                            <BitBucketDCCredentials
-                                authMode={this.state.form.authMode}
-                                initialAuthMode={this.state.initialBitBucketDCAuthMode}
-                                handleAuthModeChange={this.handleAuthModeChange}
-                                handleChange={this.handleChange}
-                                username={{
-                                    value: this.state.form.username,
-                                    error: this.state.isError.username,
-                                }}
-                                sshKey={{
-                                    value: this.state.form.sshKey,
-                                    error: this.state.isError.sshKey,
-                                }}
-                                token={{
-                                    value: this.state.form.token,
-                                    error: this.state.isError.token,
-                                }}
-                                id={this.state.form.id}
-                            />
-                        </div>
-                    ) : (
-                        <div className="form__row--two-third w-100">
-                            <div>
-                                <CustomInput
-                                    value={this.state.form.username}
-                                    onChange={(event) => this.handleChange(event, 'username')}
-                                    name="Enter username"
-                                    placeholder="Enter username"
-                                    error={this.state.isError.username}
-                                    label={
-                                        this.state.providerTab === GitProvider.GITLAB
-                                            ? 'GitLab Username'
-                                            : this.state.providerTab === GitProvider.AZURE_DEVOPS
-                                              ? 'Azure DevOps Username'
-                                              : this.state.providerTab === GitProvider.BITBUCKET_CLOUD
-                                                ? 'Bitbucket Username'
-                                                : 'GitHub Username'
-                                    }
-                                    required
-                                />
-                            </div>
-                            <div>
-                                <PasswordField
-                                    shouldShowDefaultPlaceholderOnBlur={!!this.state.form.id}
-                                    name="token"
-                                    placeholder="Enter access token"
-                                    value={this.state.form.token}
-                                    onChange={(event) => this.handleChange(event, 'token')}
-                                    error={this.state.isError.token}
-                                    {...getInputLabelProps(
-                                        this.state.providerTab === GitProvider.AZURE_DEVOPS
-                                            ? 'Azure DevOps Access Token '
-                                            : 'Personal Access Token ',
-                                        PROVIDER_DOC_LINK_MAP[this.state.providerTab],
-                                        'Check permissions required for PAT',
-                                    )}
-                                />
-                            </div>
-                        </div>
-                    )}
+                    {renderGitAccessCredentials()}
                 </Fragment>
             )
         }
diff --git a/src/components/gitOps/constants.ts b/src/components/gitOps/constants.ts
index 8045447c21..068536a9c3 100644
--- a/src/components/gitOps/constants.ts
+++ b/src/components/gitOps/constants.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { DocLinkProps } from '@devtron-labs/devtron-fe-common-lib'
+import { DocLinkProps, GitOpsAuthModeType } from '@devtron-labs/devtron-fe-common-lib'
 
 import { GitProvider } from '@Components/common/GitTabs/constants'
 
@@ -116,3 +116,11 @@ export const PROVIDER_DOC_LINK_MAP: Record<
     [GitProvider.AZURE_DEVOPS]: 'GLOBAL_CONFIG_GITOPS_AZURE',
     [GitProvider.BITBUCKET_CLOUD]: 'GLOBAL_CONFIG_GITOPS_BITBUCKET',
 }
+
+export const UNABLE_TO_DELETE_WARNING = 'Devtron was unable to delete the test repository “devtron-sample-repo-dryrun-…”. Please delete it manually.'
+
+export const BITBUCKET_CLOUD_AUTH_MODE_OPTIONS = [
+    { label: 'App Password', value: GitOpsAuthModeType.PASSWORD },
+    { label: 'Access Token', value: GitOpsAuthModeType.ACCESS_TOKEN },
+    { label: 'API Token', value: GitOpsAuthModeType.API_TOKEN },
+]
\ No newline at end of file
diff --git a/src/components/gitOps/gitops.type.ts b/src/components/gitOps/gitops.type.ts
index 089f140201..6972ef8cce 100644
--- a/src/components/gitOps/gitops.type.ts
+++ b/src/components/gitOps/gitops.type.ts
@@ -171,3 +171,8 @@ export interface UpdateConfirmationDialogProps
      */
     enableBitBucketSource: boolean
 }
+
+export interface BitbucketCloudAuthSelectorProps {
+    authMode: GitOpsAuthModeType
+    handleAuthModeChange: (event: React.SyntheticEvent) => void
+}
\ No newline at end of file
diff --git a/src/components/gitOps/utils.ts b/src/components/gitOps/utils.ts
index 8fe7e6966d..a39bc8f4c9 100644
--- a/src/components/gitOps/utils.ts
+++ b/src/components/gitOps/utils.ts
@@ -14,7 +14,9 @@
  * limitations under the License.
  */
 
+import { GitOpsAuthModeType } from '@devtron-labs/devtron-fe-common-lib'
 import { GitProvider } from '@Components/common/GitTabs/constants'
+import { GitProviderType } from '@Components/common/GitTabs/types'
 
 export const getGitOpsLabelText = (providerTab: GitProvider): string => {
     switch (providerTab) {
@@ -26,3 +28,48 @@ export const getGitOpsLabelText = (providerTab: GitProvider): string => {
             return 'Git Host'
     }
 }
+
+export const getGitAccessPasswordInputLabel = (providerTab: GitProviderType, authMode: GitOpsAuthModeType): string => {
+    if (providerTab === GitProvider.AZURE_DEVOPS) {
+        return 'Azure DevOps Access Token '
+    }
+    if (providerTab === GitProvider.BITBUCKET_CLOUD) {
+        if (authMode === GitOpsAuthModeType.API_TOKEN) {
+            return 'Token'
+        }
+        if (authMode === GitOpsAuthModeType.PASSWORD) {
+            return 'Password'
+        }
+        if (authMode === GitOpsAuthModeType.ACCESS_TOKEN) {
+            return 'Bearer Token'
+        }
+    }
+    return 'Personal Access Token '
+}
+
+export const getGitAccessUsernameInputLabel = (providerTab: GitProviderType | 'BITBUCKET_DC', authMode: GitOpsAuthModeType): string => {
+    if (providerTab === GitProvider.GITLAB) {
+        return 'GitLab Username'
+    }
+    if (providerTab === GitProvider.AZURE_DEVOPS) {
+        return 'Azure DevOps Username'
+    }
+    if (providerTab === GitProvider.BITBUCKET_CLOUD) {
+        if (authMode === GitOpsAuthModeType.API_TOKEN) {
+            return 'Email'
+        }
+        // Using 'Bitbucket Username' for fallback, should be visible only when authMode is PASSWORD
+        return 'Bitbucket Username'
+    }
+    return 'GitHub Username'
+}
+
+export const getGitAccessUsernameInputPlaceholder = (
+    providerTab: GitProvider | 'BITBUCKET_DC',
+    authMode: GitOpsAuthModeType,
+): string => {
+    if (providerTab === GitProvider.BITBUCKET_CLOUD && authMode === GitOpsAuthModeType.API_TOKEN) {
+        return 'Enter email'
+    }
+    return 'Enter username'
+}

From 3edc12619a64933b4fabcd144c9e6e01ef9e7ad3 Mon Sep 17 00:00:00 2001
From: Arun <admin@Admins-MacBook-Pro.local>
Date: Wed, 15 Jul 2026 12:46:14 +0530
Subject: [PATCH 2/3] fix: update Bitbucket Cloud auth mode handling and
 improve token placeholder logic

---
 src/components/gitOps/GitOpsConfiguration.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/gitOps/GitOpsConfiguration.tsx b/src/components/gitOps/GitOpsConfiguration.tsx
index ddfb9cd2fd..d886b60cdd 100644
--- a/src/components/gitOps/GitOpsConfiguration.tsx
+++ b/src/components/gitOps/GitOpsConfiguration.tsx
@@ -444,7 +444,7 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
         const isBitBucketCloud = this.state.form.provider === GitProvider.BITBUCKET_CLOUD
         const isBitBucketDCCreateView =
             !this.state.form.id || this.state.form.authMode !== this.state.initialBitBucketDCAuthMode
-        
+
         const isTokenRequired = (isBitBucketDC && isBitBucketDCCreateView) || isBitBucketCloud
         const isUsernameRequired = !(isBitBucketCloud && this.state.form.authMode === GitOpsAuthModeType.ACCESS_TOKEN)
 
@@ -613,6 +613,11 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
                       bitBucketWorkspaceId: this.state.form.bitBucketWorkspaceId.replace(/\s/g, ''),
                   }
                 : {}),
+            ...(this.state.form.provider === GitProvider.BITBUCKET_CLOUD
+                ? {
+                      authMode: this.state.form.authMode,
+                  }
+                : {}),
             ...(this.state.form.provider === 'BITBUCKET_DC' && {
                 authMode: this.state.form.authMode,
                 sshKey: this.state.form.authMode === GitOpsAuthModeType.SSH_AND_PASSWORD ? this.state.form.sshKey : '',
@@ -1178,7 +1183,9 @@ class GitOpsConfiguration extends Component<GitOpsProps & { isFeatureUserDefined
                             </div>
                             <div>
                                 <PasswordField
-                                    shouldShowDefaultPlaceholderOnBlur={false}
+                                    shouldShowDefaultPlaceholderOnBlur={
+                                        this.state.form.token === DEFAULT_SECRET_PLACEHOLDER
+                                    }
                                     name="token"
                                     placeholder="Enter access token"
                                     value={this.state.form.token}

From 149d74bc0a723e9b97c001684c5dedf9f7bcd77d Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 22 Jul 2026 16:48:27 +0530
Subject: [PATCH 3/3] chore: version bump

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 8818ffef1f..38ec24b39e 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "4.0.7",
+        "@devtron-labs/devtron-fe-common-lib": "4.0.7-beta-12",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@sentry/browser": "7.119.1",
         "@sentry/integrations": "7.50.0",
diff --git a/yarn.lock b/yarn.lock
index 92fd9137f1..a863fec36b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1738,9 +1738,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:4.0.7":
-  version: 4.0.7
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:4.0.7"
+"@devtron-labs/devtron-fe-common-lib@npm:4.0.7-beta-12":
+  version: 4.0.7-beta-12
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:4.0.7-beta-12"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1794,7 +1794,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.8.3
-  checksum: 10c0/2bb098d1357a412da7075097992096d343b8edca0b88e79848befbffc28ac6eb750c52f1a4cbb41841d29ec6761e391c6dbfa905b791fb42d70e9f4c01c1e7ba
+  checksum: 10c0/2b92759c77f7f028fd955e922f9ddca1ca382624944a3bc6809d575045a9104879e0deccd93d7cc369842a6c4e5334f2054d3a06c14a56e0a707cc738f171eb5
   languageName: node
   linkType: hard
 
@@ -5529,7 +5529,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:4.0.7"
+    "@devtron-labs/devtron-fe-common-lib": "npm:4.0.7-beta-12"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@sentry/browser": "npm:7.119.1"