chore: update ai builder feature flag

Author: kevinkim-ogp

packages/frontend/src/pages/Flows/components/CreateFlowModal.tsx

@@ -35,10 +35,6 @@ interface CreateFlowModalProps {
   onClose: () => void
 }
 
-// TODO: find a better way to do this
-const AI_MODE: 'ai-chat' | 'ai-form' =
-  Math.random() < 0.5 ? 'ai-chat' : 'ai-form'
-
 type FLOW_CREATE_MODE = 'ai-chat' | 'ai-form' | 'new' | 'template'
 
 function FlowNameAndModeContent({
@@ -51,6 +47,7 @@ function FlowNameAndModeContent({
   handleInputChange,
   handleSubmit,
   setCreateMode,
+  aiBuilderType,
 }: {
   canUseAiBuilder: boolean
   createMode: FLOW_CREATE_MODE | null
@@ -61,6 +58,7 @@ function FlowNameAndModeContent({
   handleInputChange: () => void
   handleSubmit: (event: FormEvent<HTMLFormElement>) => void
   setCreateMode: (mode: FLOW_CREATE_MODE) => void
+  aiBuilderType: string
 }) {
   return (
     <Form onSubmit={handleSubmit}>
@@ -90,8 +88,10 @@ function FlowNameAndModeContent({
                 <Tile
                   icon={BiSolidMagicWand}
                   flex={1}
-                  onClick={() => setCreateMode(AI_MODE)}
-                  isSelected={createMode === AI_MODE}
+                  onClick={() =>
+                    setCreateMode(aiBuilderType as FLOW_CREATE_MODE)
+                  }
+                  isSelected={createMode === aiBuilderType}
                 >
                   <Text textStyle="h5">Build with AI</Text>
                   <Text textStyle="body-2">
@@ -124,7 +124,7 @@ function FlowNameAndModeContent({
       </ModalBody>
       <ModalFooter>
         <Button type="submit" isDisabled={isButtonDisabled} isLoading={loading}>
-          {createMode === AI_MODE ? 'Next' : 'Create'}
+          {createMode === aiBuilderType ? 'Next' : 'Create'}
         </Button>
       </ModalFooter>
     </Form>
@@ -135,6 +135,7 @@ export default function CreateFlowModal(props: CreateFlowModalProps) {
   const { onClose } = props
 
   // TODO (kevinkim-ogp): remove the flag value once GA
+  // the flag returns either ai-form, ai-chat or none
   const { getFlagValue } = useContext(LaunchDarklyContext)
   const aiBuilderType = getFlagValue('ai-builder-type', 'none')
   const canUseAiBuilder = aiBuilderType !== 'none'
@@ -248,6 +249,7 @@ export default function CreateFlowModal(props: CreateFlowModalProps) {
             handleInputChange={handleInputChange}
             handleSubmit={handleSubmit}
             setCreateMode={setCreateMode}
+            aiBuilderType={aiBuilderType}
           />
         )}
         <ModalCloseButton mt={3} />