feat: frontend context values in segment (#5766)

Author: Zaimwa9

frontend/common/constants.ts

@@ -695,6 +695,8 @@ const Constants = {
       'See which identities have specific overridden values for this feature.<br/>Identity overrides take priority over segment overrides and environment values.',
     ORGANISATION_DESCRIPTION:
       'This is used to create a default organisation for team members to create and manage projects.',
+    PERCENTAGE_SPLIT_DEFAULT_TO_IDENTITY_KEY:
+      'If no value is provided, the identity key will be used as the default value for split operator.',
     REMOTE_CONFIG_DESCRIPTION:
       'Features can have values as well as being simply on or off, e.g. a font size for a banner or an environment variable for a server.',
     REMOTE_CONFIG_DESCRIPTION_VARIATION:

frontend/common/types/responses.ts

@@ -50,7 +50,7 @@ export type SegmentCondition = {
   description?: string
   operator: string
   property: string
-  value: string | number | null
+  value: string | number | boolean | null
 }
 
 export type SegmentConditionsError = {

frontend/common/types/rules.types.ts

@@ -0,0 +1,11 @@
+export enum RuleContextLabels {
+  IDENTIFIER = 'Identifier',
+  ENVIRONMENT_NAME = 'Environment Name',
+  IDENTITY_KEY = 'Identity Key',
+}
+
+export enum RuleContextValues {
+  IDENTIFIER = '$.identity.identifier',
+  IDENTITY_KEY = '$.identity.key',
+  ENVIRONMENT_NAME = '$.environment.name',
+}

frontend/web/components/modals/CreateSegment.tsx

@@ -33,7 +33,7 @@ import AssociatedSegmentOverrides from './AssociatedSegmentOverrides'
 import Button from 'components/base/forms/Button'
 import InfoMessage from 'components/InfoMessage'
 import InputGroup from 'components/base/forms/InputGroup'
-import Rule from './Rule'
+import Rule from 'components/segments/Rule/Rule'
 import TabItem from 'components/base/forms/TabItem'
 import Tabs from 'components/base/forms/Tabs'
 import ConfigProvider from 'common/providers/ConfigProvider'
@@ -267,6 +267,7 @@ const CreateSegment: FC<CreateSegmentType> = ({
       }
     })
   }, [valueChanged, isEdit])
+
   useEffect(() => {
     setInterceptClose(onClosing)
     return () => setInterceptClose(null)
@@ -366,6 +367,7 @@ const CreateSegment: FC<CreateSegmentType> = ({
                   readOnly={readOnly}
                   data-test={`rule-${displayIndex}`}
                   rule={rule}
+                  index={i}
                   operators={operators!}
                   onChange={(v: SegmentRule) => {
                     setValueChanged(true)