\n {messages.map((message, index) => (\n
\n )\n}\n\nexport default CampaignChat\n","import { memo } from 'react'\nimport CurieAvatar from '~/assets/curie-avatar.png'\nimport { CurieMarkdown } from '~/components/markdown'\nimport { isTaskCommand, UsedCommandType } from '~/constants/commands'\nimport { useConversationMetadata, useUser } from '~/hooks'\nimport { cm, generateAvatar } from '~/utils/utils'\nimport { CampaignBlock } from './campaignBlocks/CampaignBlock'\n\nexport interface CampaignMessageProps {\n message: Message\n inlineChat?: boolean\n}\n\nfunction CampaignChatMessage({ message, inlineChat }: CampaignMessageProps) {\n const className = 'px-6 py-2 text-black max-w-[90%] overflow-y-auto rounded-lg min-w-full'\n const isUser = message.role === 'user'\n const { command } = useConversationMetadata()\n\n const renderMessage = (message: Message) => {\n if (message.blocks) {\n const messageType = message.blocks[0].type\n let text = ''\n\n if (messageType === 'pr') text += 'Done! Please check the PR: '\n if (messageType === 'image') text += 'Done! Please check the image below:\\n'\n\n return message.blocks.map((block, index) => (\n \n
\n )\n}\n\nexport default memo(\n CampaignChatMessage,\n (prev, next) => JSON.stringify(prev.message) === JSON.stringify(next.message)\n)\n","import { Link } from '@curie/react'\nimport { CurieLogo } from '../icons'\n\nconst CampaignFooter = () => {\n return (\n \n )\n}\n\nexport default CampaignFooter\n","import { SecondaryButton } from '@curie/react'\nimport { IoIosRemoveCircleOutline } from '@react-icons/all-files/io/IoIosRemoveCircleOutline'\nimport { useEffect, useState } from 'react'\nimport useAsync from 'react-use/esm/useAsync'\nimport { CurieSelect } from '~/components/CurieSelect'\nimport { MonacoTextEditor } from '~/components/editors/monaco/MonacoTextEditor'\nimport { SimpleTextarea } from '~/components/SimpleTextarea'\nimport {\n AgentRequest,\n SourceOutputExamples,\n SourceOutputExampleType,\n sourceOutputExampleTypeFromJSON,\n sourceOutputExampleTypeToJSON\n} from '~/protos/agents'\nimport { toCamelCase } from '~/utils/shared'\nimport { cm } from '~/utils/utils'\nimport { TaskParams } from '../modals/task-forms/BaseTaskForm'\nimport styles from './CampaignInputOutputToDWLForm.module.scss'\nimport { InfoTooltip } from '../modals/task-forms/ToolTip'\n\ninterface CampaignInputOutputToDWLFormProps {\n onChange: (task: TaskParams) => void\n maxRows?: number\n minRows?: number\n collapsible?: boolean\n inputDefaultValue?: string\n outputDefaultValue?: string\n inputClassName?: string\n inputTypeDefaultValue?: string\n handleEditorSourceChange?: (value: string) => void\n handleEditorOutputChange?: (value: string) => void\n onError?: () => void\n onErrorClear?: () => void\n vmAware?: boolean\n isReadOnly?: boolean\n}\n\nexport const InputOutputExamples = {\n [sourceOutputExampleTypeToJSON(SourceOutputExampleType.DATA_TYPE_XML)]: `\n\n
\n {renderMessage(message)}\n \n {isUser ? messageUserName : 'Curie'}\n
\n \n
\n )\n}\n","export const CodingAgent = () => {\n return (\n \n )\n}\n\nexport const TestingAgent = () => {\n return (\n \n )\n}\n\nexport const DocumentationAgent = () => {\n return (\n \n )\n}\n\nexport const CodeReviewAgent = () => {\n return (\n \n )\n}\n\nexport const MigrationAgent = () => {\n return (\n \n )\n}\n\nexport const SecurityIcon = () => {\n return (\n \n )\n}\n\nexport const UsecasesIcon = () => {\n return (\n \n )\n}\n\nexport const BlogIcon = () => {\n return (\n \n )\n}\n\nexport const ResourcesLibraryIcon = () => {\n return (\n \n )\n}\n\n\nexport const MuleSoftIntegrityIcon = () => {\n return (\n \n )\n}\n\nexport const AboutUsIcon = () => {\n return (\n \n )\n}\n\nexport const CareersIcon = () => {\n return (\n \n )\n}\n\nexport const ContactIcon = () => {\n return (\n \n )\n}\n","import { Card } from \"@nextui-org/react\";\nimport { AboutUsIcon, BlogIcon, CareersIcon, CodeReviewAgent, CodingAgent, ContactIcon, DocumentationAgent, MigrationAgent, MuleSoftIntegrityIcon, ResourcesLibraryIcon, SecurityIcon, TestingAgent, UsecasesIcon } from \"../chat/campaignIcons\";\nimport DataweaveGenerator from '../../assets/campaign/DataweaveGenerator.png'\nimport IntegrationGenerator from '../../assets/campaign/IntegrationGenerator.png'\nimport { FaArrowRightLong } from '@react-icons/all-files/fa6/FaArrowRightLong'\n\ninterface CampaignNavBarDropDownProps {\n title: string\n menuItems?: { label: string; href: string }[]\n url?: string\n type?: string\n}\n\ninterface containerProps {\n title: string\n linkTitle?: string\n linkUrl?: string\n children: React.ReactNode\n className?: string\n}\n\ninterface showCardProps {\n image: JSX.Element | string\n title: string\n description: string\n link?: string\n linkTitle?: string\n className?: string\n}\n\ninterface platFormType {\n label: string\n href: string\n icon: JSX.Element\n}\n\ninterface listItemType {\n label: string\n href: string\n description: string\n icon: JSX.Element\n}\n\ninterface companyItemsType {\n title: string\n description: string\n link: string\n icon: JSX.Element\n badge: string | null\n}\n\nconst platformMenuItems: platFormType[] = [\n { label: 'Coding Agents', href: 'https://www.curietech.ai/product/coding-agents', icon: \n {\n if (typeof selectedKeys === 'string' || selectedKeys.size === 0) {\n return\n }\n const format = selectedKeys.values().next().value as string\n setSourceDataType(format)\n }}\n />\n
\n \n Sample Input Format\n
\n \n {samples.map((example, index) => (\n \n setSamples([\n ...samples,\n SourceOutputExamples.fromJSON({\n sourceData: '',\n outputData: '',\n sourceDataType: sourceOutputExampleTypeFromJSON(inputTypeDefaultValue)\n })\n ])\n }\n >\n Add another input output sample\n */}\n
\n {collapsible ? (\n \n \n \n
\n ))}\n {/* \n {index === 0 ? (\n {\n const newExamples = [...samples]\n newExamples[index].sourceData = value\n handleEditorSourceChange?.(value)\n setSamples(newExamples)\n }}\n onError={() => setSourceDataValidationError(true)}\n onErrorClear={() => setSourceDataValidationError(false)}\n isReadOnly={isReadOnly}\n />\n {sampleInputErrors[index] && (\n handleExampleDelete(index)}\n className='absolute -right-8 top-0 p-1 text-gray-500 hover:text-red-500 transition-colors'\n aria-label='Delete example'\n >\n
\n \n Sample Input Data:\n
\n ) : null}\n {sampleInputErrors[index]}
\n )}\n {index > 0 && (\n \n {index === 0 ? (\n {\n const newExamples = [...samples]\n newExamples[index].outputData = value\n handleEditorOutputChange?.(value)\n setSamples(newExamples)\n }}\n onError={() => setOutputDataValidationError(true)}\n onErrorClear={() => setOutputDataValidationError(false)}\n isReadOnly={isReadOnly}\n />\n
\n {sampleOutputErrors[index] && (\n \n Sample Output Data:\n
\n ) : null}\n {sampleOutputErrors[index]}
\n )}\n \n
\n ) : (\n Advanced
\n\n
\n \n Notes:\n
\n \n
\n )}\n \n Notes (Optional):\n
\n \n VM Args:\n
\n \n
\n )\n}\n\nconst ShowCard = (\n { image, title, description, link, linkTitle, className }: showCardProps\n) => {\n return (\n \n window.location.href = linkUrl}\n className=\"flex font-semibold text-black text-sm cursor-pointer items-center gap-1\"\n >\n {linkTitle}
\n {children}\n {title}
\n {linkTitle && linkUrl && (\n {if (link) window.location.href = link}}>\n \n \n
\n )\n}\n\nconst renderPlatformDropdown = (platformMenuItems: platFormType[]) => {\n return (\n <>\n \n {typeof image === \"string\" ? (\n
\n \n 
\n
\n ) : (\n \n {image}\n
\n )}\n \n
\n {title}
\n {description}\n{linkTitle}
\n {platformMenuItems.map((item, index) => (\n
\n \n \n {item.icon}\n {item.label}\n \n
\n ))}\n \n
\n \n \n
\n \n
\n \n Platform Migration
\nEnsure high quality code and
\nfaster delivery in less time.
\n\n {resourceMenuItems.map((item, index) => (\n
\n \n \n {item.icon}\n
\n ))}\n \n
\n \n {item.label}
\n{item.description}
\n\n {companyItems.map((item, index) => (\n
\n \n \n {item.icon}\n
\n ))}\n \n
\n \n \n
\n {item.title}
\n {item.badge && (\n \n {item.badge}\n \n )}\n{item.description}
\n\n {/* Dropdown trigger */}\n {\n if (url) {\n window.location.href = url\n }\n }}\n >\n {title}\n \n\n {/* Only render dropdown if we have items */}\n {menuItems && (\n \n
\n )}\n \n )\n}\n\nexport default CampaignNavBarDropDown\n","import { Link } from \"@curie/react\"\nimport { CurieLogo, IconStartTrialCampaign } from \"../icons\"\nimport { CampaignButton } from \"./CampaignButton\"\nimport CampaignNavBarDropDown from \"./CampaignNavBarDropDown\"\n\n\nconst productMenuItems = [\n { label: 'All Products', href: 'https://www.curietech.ai/product' },\n { label: 'Coding Agents', href: 'https://www.curietech.ai/product/coding-agents' },\n { label: 'Testing Agents', href: 'https://www.curietech.ai/product/testing-agents' },\n { label: 'Documentation Agents', href: 'https://www.curietech.ai/product/documentation-agents' },\n { label: 'Code Insight Agents', href: 'https://www.curietech.ai/product/code-insight-agents' },\n { label: 'Migration Agents', href: 'https://www.curietech.ai/product/migration-documentation-agent' },\n { label: 'Security', href: 'https://www.curietech.ai/security' },\n]\n\nconst resourceMenuItems = [\n { label: 'Blog', href: 'https://www.curietech.ai/blog' },\n { label: 'Guide to MuleSoft Security', href: 'https://www.curietech.ai/mulesoft-integration/mulesoft-security' },\n]\n\nconst companyMenuItems = [\n { label: 'About', href: 'https://www.curietech.ai/about' },\n { label: 'Careers', href: 'https://www.curietech.ai/careers' },\n { label: 'Contact', href: 'https://www.curietech.ai/contact-us' },\n]\n\nexport const CampaignNavBar = () => {\n return (\n \n )\n}\n\nexport default CampaignNavBar","import React, { useEffect, useRef } from 'react'\nimport * as monaco from 'monaco-editor'\nimport { FaRegCopy } from '@react-icons/all-files/fa/FaRegCopy'\n\ninterface ReadOnlyEditorProps {\n code: string\n language?: string\n}\n\nconst CampaignReadOnlyEditor = ({ code, language = 'plaintext' }: ReadOnlyEditorProps) => {\n const editorRef = useRef\n
\n \n {type === \"product\" && renderPlatformDropdown(platformMenuItems)}\n {type === \"usecases\" && renderUseCasesDropdown()}\n {type === \"resources\" && renderResourceDropdown(resourcesItems)}\n {type === \"company\" && renderCompanyDropdown(companyItems)}\n
\n \n navigator.clipboard.writeText(code)}\n >\n \n \n
\n )\n}\n\nexport default CampaignReadOnlyEditor\n","import { FC, KeyboardEvent, useRef, useState } from 'react'\n\ninterface VerificationInputProps {\n value: string\n onChange: (value: string) => void\n disabled?: boolean\n}\n\nconst VerificationInput: FC setFocused(true)}\n onBlur={(e) => {\n if (!e.currentTarget.contains(e.relatedTarget)) {\n setFocused(false)\n }\n }}\n >\n {Array(6).fill(0).map((_, index) => (\n inputRefs.current[index] = el}\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"\\d*\"\n maxLength={1}\n value={value[index] || ''}\n disabled={disabled}\n className=\"\n w-10 h-12 text-center text-lg font-semibold\n border border-gray-300 rounded-md\n focus:border-blue-500 focus:outline-none\n disabled:bg-gray-100 disabled:text-gray-400\n \"\n onChange={e => handleChange(index, e.target.value)}\n onKeyDown={e => handleKeyDown(index, e)}\n onPaste={handlePaste}\n autoComplete=\"off\"\n />\n ))}\n
\n )\n}\n\nexport default VerificationInput\n","import { Input, PrimaryButton } from '@curie/react'\nimport { useEffect, useState } from 'react'\nimport { trace } from '~/services/analyticsService'\nimport { BetterToast } from '~/utils/toast'\nimport { sendVerificationCode, emailCodeVerification, emailverify } from '~/services/userService'\nimport VerificationInput from '../VerificationInput'\nimport { verifyEmail } from '~/utils/utils'\n\ninterface CampaignSignUpFormProps {\n onSuccess?: () => void\n}\n\ntype SignupState = {\n email: string\n}\n\ntype Step = 'signup' | 'verify'\n\nexport function CampaignSignUp({ onSuccess }: CampaignSignUpFormProps) {\n const [step, setStep] = useState\n
\n )\n\n const renderVerificationForm = () => (\n \n
\n \n Get Access\n
\n\n Enter your email to try your own data.\n
\n \n\n
\n )\n\n return step === 'signup' ? renderSignupForm() : renderVerificationForm()\n}\n\nexport default CampaignSignUp\n","import type { FC } from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { Toaster } from 'react-hot-toast'\nimport 'swiper/css'\nimport { TaskStatusDetailModal } from '~/components/modals/TaskStatusDetailsModal'\nimport { isSuccessTerminated, isTerminated } from '~/constants/task-status'\nimport { useCampaignAgentType, useConversationUuid, useTaskStatusFromTaskObj } from '~/hooks'\nimport { useMaxCapProgress } from '~/hooks/useMaxCapProgress'\nimport { CommonModal, ModalId, useModalController } from '~/hooks/useModal'\nimport { useSource } from '~/hooks/useSource'\nimport { AgentRequest, agentTaskStatusFromJSON, CommandType } from '~/protos/agents'\nimport { trace } from '~/services/analyticsService'\nimport { submitCampaignTask } from '~/services/campaignService'\nimport { SocketEvent } from '~/services/socket'\nimport store, { RootState } from '~/store'\nimport { setTaskObj } from '~/store/chatSlice'\nimport { ConversationWithMessages } from '~/types/Conversations'\nimport { AppEvents, globalEventEmitter } from '~/utils/shared'\nimport { getDeviceId } from '~/utils/storage'\nimport { BetterToast } from '~/utils/toast'\nimport WelcomeBackground from '../../assets/campaign/WelcomeBackground.png'\nimport { IconCurieStar, IconStartTrialCampaign } from '../icons'\nimport { CampaignButton } from './CampaignButton'\nimport CampaignFooter from './CampaignFooter'\nimport CampaignNavBar from './CampaignNavBar'\nimport CampaignSignUp from './CampaignSignup'\nimport CampaignTryExample from './CampaignTryExample'\nimport CampaignTryOwnData from './CampaignTryOwnData'\nimport { CampaignWhiteButton } from './CampaignWhiteButton'\nimport TryAgentsSection from './TryAgentsSection'\n\ninterface CampaignSiteLayoutProps {\n title: string\n description: string\n instructionsTitle?: string\n instructions?: React.ReactNode\n maxTimeCap?: number\n isDisabled?: boolean\n buttonText?: string\n}\n\nexport const CampaignSiteLayout: FC\n
\n \n Check Your Email\n
\n\n We sent a verification code to {formState.email}.\n
\n \n\n \n Resend code\n \n
\n \n \n
\n )\n }\n\n useEffect(() => {\n const onConversationUpdated = (data: {\n data: Pick\n Try More Curie Agents\n
\n \n \n {/* welcome page */}\n
\n )\n}\n","import { Card, CardBody, CardHeader } from '@nextui-org/react'\nimport { useState } from 'react'\nimport { useAsync } from 'react-use'\nimport { InputOutputExamples } from '~/data/InputOutputExamples'\nimport { AgentRequest, AgentTaskStatus, CommandType, RuntimeSettings } from '~/protos/agents'\nimport { CurieSelect } from '../CurieSelect'\nimport { SimpleMultiSelect } from '../SimpleMultiSelect'\nimport { IconCurieStarButton } from '../icons'\nimport { TaskParams } from '../modals/task-forms/BaseTaskForm'\nimport { CampaignButton } from './CampaignButton'\nimport CampaignChat from './CampaignChat'\nimport { CampaignInputOutputToDWLForm } from './CampaignInputOutputExamples'\nimport MuleProjectUpload from './MuleProjectUpload'\nimport { CampaignTaskProgressBar } from './campaignBlocks/CampaignTaskProgressBar'\n\ninterface CampaignTryExampleProps {\n commandType?: CommandType\n currentGenerationSection: string\n exampleRef: React.RefObject\n 
\n
\n \n
\n \n
\n \n
\n\n {/* try our example page */}\n \n
\n \n
\n Welcome to \n \n Curie AI\n \n Test Drive\n
\n\n The simplest and fastest way to experience Curie AI agents. Curie Test Drive is an\n environment that allows you to try out selected agents.\n
\n{renderWelcomeText()}
\n\n \n Try Example\n \n \n Try with your own data\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n )\n}\n\nconst DiagramGenerator = ({\n currentGenerationSection,\n exampleRef,\n handleChangeGenerationSection,\n handleSetError,\n handleSetRequest,\n handleSubmit,\n handleTryOwn,\n isDisabled,\n isError,\n messages,\n preSubmitCheck,\n progress,\n request,\n resetTaskProgress,\n taskStatus\n}: CampaignTryExampleProps) => {\n const [uploadPath, setUploadPath] = useState\n
\n \n Try one of our{' '}\n \n examples first\n \n , then see\n
\nhow Curie works with your own data
\n\n handleSetRequest(task.request)}\n inputDefaultValue={inputDefaultValue}\n outputDefaultValue={outputDefaultValue}\n inputTypeDefaultValue={inputTypeDefaultValue}\n inputClassName='h-[320px]'\n collapsible\n onError={() => handleSetError(true)}\n onErrorClear={() => handleSetError(false)}\n isReadOnly={true}\n />\n\n
\n \n \n Examples:\n \n ({\n label: example.label,\n key: example.label\n }))}\n onSelectionChange={selectedKeys => {\n if (typeof selectedKeys === 'string' || selectedKeys.size === 0) {\n return\n }\n const key = selectedKeys.values().next().value as string\n setExample([key])\n const example = InputOutputExamples.find(example => example.label === key)!\n setInputDefaultValue(example.input)\n setOutputDefaultValue(example.output)\n setInputTypeDefaultValue(example.inputType)\n }}\n />\n
\n \n {\n if (!preSubmitCheck(request, 'example')) return\n resetTaskProgress()\n if (exampleRef?.current)\n exampleRef.current.scrollIntoView({ behavior: 'instant', block: 'start' })\n handleChangeGenerationSection('example')\n handleSubmit(request, true)\n }}\n >\n
\n \n
\n \n \n {currentGenerationSection === 'example' &&\n taskStatus !== AgentTaskStatus.NONE_TASK_STATUS ? (\n
\n \n {currentGenerationSection === 'example' &&\n Array.isArray(messages) &&\n messages.length ? (\n \n Try with your own data\n \n )}\n
\n \n \n \n \n \n \n \n
\n )\n}\n\nconst CampaignTryExample = ({\n commandType,\n currentGenerationSection,\n exampleRef,\n handleChangeGenerationSection,\n handleSetError,\n handleSetRequest,\n handleSubmit,\n handleTryOwn,\n isDisabled,\n isError,\n messages,\n preSubmitCheck,\n progress,\n request,\n resetTaskProgress,\n taskStatus\n}: CampaignTryExampleProps) => {\n switch (commandType) {\n case CommandType.INPUT_OUTPUT_EXAMPLE_TO_DWL_GENERATION: // DataWeave generator\n return (\n \n
\n \n Try one of our{' '}\n \n examples first\n \n , then see\n
\nhow Curie works with your own data
\n\n {}}\n readOnly={true}\n disabled={false}\n items={items}\n isMultiSelect={true}\n size='sm'\n />\n\n
\n \n \n Examples:\n \n
\n\n \n {\n if (!preSubmitCheck(request, 'example')) return\n resetTaskProgress()\n if (exampleRef?.current)\n exampleRef.current.scrollIntoView({ behavior: 'instant', block: 'start' })\n handleChangeGenerationSection('example')\n handleSubmit(request, true)\n }}\n >\n
\n \n
\n \n \n {currentGenerationSection === 'example' &&\n taskStatus !== AgentTaskStatus.NONE_TASK_STATUS ? (\n
\n \n {currentGenerationSection === 'example' &&\n Array.isArray(messages) &&\n messages.length ? (\n \n Try with your own data\n \n )}\n
\n \n \n \n \n \n \n \n
\n )\n}\n\nconst DiagramGenerator = ({\n currentGenerationSection,\n handleChangeGenerationSection,\n handleSetError,\n handleSetRequest,\n handleSubmit,\n handleTryExample,\n isDisabled,\n isError,\n messages,\n ownDataRef,\n preSubmitCheck,\n progress,\n request,\n resetTaskProgress,\n taskStatus\n}: CampaignTryOwnDataProps) => {\n const [uploadPath, setUploadPath] = useState\n
\n Watch Curie write DataWeave
\n\n tailor-made for your sample data\n
\n\n
\n 1. Enter your own sample input data.
\n2. Enter your own sample output data.
\n3. Click Generate.
\n\n handleSetRequest(task.request)}\n inputDefaultValue={currentOwnDataInput}\n outputDefaultValue={currentOwnDataOutput}\n inputTypeDefaultValue={inputTypeOwnData}\n inputClassName='h-[320px]'\n handleEditorSourceChange={handleEditorSourceChange}\n handleEditorOutputChange={handleEditorOutputChange}\n collapsible\n onError={() => handleSetError(true)}\n onErrorClear={() => handleSetError(false)}\n />\n\n \n Try another sample\n \n )}\n
\n \n {\n if (!preSubmitCheck(request, 'ownData')) return\n resetTaskProgress()\n if (ownDataRef?.current)\n ownDataRef.current.scrollIntoView({ behavior: 'instant', block: 'start' })\n handleChangeGenerationSection('ownData')\n handleSubmit(request)\n }}\n >\n
\n \n
\n \n \n {currentGenerationSection === 'ownData' &&\n taskStatus !== AgentTaskStatus.NONE_TASK_STATUS ? (\n
\n {currentGenerationSection === 'ownData' &&\n Array.isArray(messages) &&\n messages.length ? (\n \n \n \n \n \n \n \n
\n )\n}\n\nconst CampaignTryOwnData = ({\n commandType,\n currentGenerationSection,\n handleChangeGenerationSection,\n handleSetError,\n handleSetRequest,\n handleSubmit,\n handleTryExample,\n isDisabled,\n isError,\n messages,\n ownDataRef,\n preSubmitCheck,\n progress,\n request,\n resetTaskProgress,\n taskStatus\n}: CampaignTryOwnDataProps) => {\n switch (commandType) {\n case CommandType.INPUT_OUTPUT_EXAMPLE_TO_DWL_GENERATION:\n return (\n \n
\n Watch Curie generate Diagram
\n\n tailor-made for your sample data\n
\n\n \n Try another sample\n \n )}\n
\n \n {\n if (!preSubmitCheck(request, 'ownData')) return\n resetTaskProgress()\n if (ownDataRef?.current)\n ownDataRef.current.scrollIntoView({ behavior: 'instant', block: 'start' })\n handleChangeGenerationSection('ownData')\n handleSubmit(request)\n }}\n >\n
\n \n
\n \n \n {currentGenerationSection === 'ownData' &&\n taskStatus !== AgentTaskStatus.NONE_TASK_STATUS ? (\n
\n {currentGenerationSection === 'ownData' &&\n Array.isArray(messages) &&\n messages.length ? (\n \n \n \n {uploadStatus || projectName}\n
\n \n {!uploadStatus && (\n \n
\n \n {processing ? (\n 'Analyzing and compressing project...'\n ) : (\n
\n \n \n )\n}\n","import React from 'react'\nimport { CampaignButton } from './CampaignButton'\nimport TryAgentsBackground from '../../assets/campaign/TryAgentsBackground.png'\nimport { IconStartTrialCampaign } from '../icons'\nimport { Link } from '@curie/react'\n\ninterface AgentButtonProps {\n children: React.ReactNode\n}\n\ninterface HorizontalScrollProps {\n children: React.ReactNode\n className?: string\n direction?: 'normal' | 'reverse'\n}\n\nconst AGENTS_ROW_1 = [\n 'Integration Generator',\n 'Dataweave Generator',\n 'Code Enhancer',\n 'MUnit Test Generator',\n 'Sample Data Generator',\n 'Document Generator',\n 'Diagram Generator',\n]\n\nconst AGENTS_ROW_2 = [\n 'Domain Diagram Generator',\n 'Mapping Table Generator',\n 'Single Repo Code Lens',\n 'Multi Repo Code Lens',\n 'Code Review Lens',\n 'Migration Generator',\n 'MuleSoft to Node.js',\n]\n\nconst AgentButton: React.FC\n
\n )}\n \n {withExamplePrefilled ? (\n 'Loading example project...'\n ) : (\n <>\n Drag and drop or select your Mule project\n folder\n \n )}\n
\n \n The code is used only for the purpose of the task and will be deleted once task is\n done\n
\n \n
\n );\n}\n\nconst TryAgentsSection: React.FC = () => {\n return (\n \n
\n \n \n {children}\n
\n \n {children}\n
\n \n {children}\n
\n \n
\n )\n}\n\nexport default TryAgentsSection","import { useConversationUuid } from '~/hooks'\nimport { cm, isCampaignUuid } from '~/utils/utils'\nimport { CurieMarkdown } from '../../markdown'\nimport { CampaignContextBlock, CampaignContextBlockProps } from './CampaignContextBlock'\nimport { CampaignDividerBlock, CampaignDividerBlockProps } from './CampaignDividerBlock'\nimport { CampaignErrorBlock, CampaignErrorBlockProps } from './CampaignErrorBlock'\nimport { RadioGroupBlock, RadioGroupBlockProps } from './CampaignRadioBlock'\nimport { CampaignShimmerBlock } from './CampaignShimmerBlock'\nimport { CampaignTaskBlock, CampaignTaskBlockProps } from './CampaignTaskBlock'\nimport { CampaignTimelineBlock, CampaignTimelineBlockProps } from './CampaignTimelineBlock'\n\ninterface CampaignBlockProps {\n block: Block\n className?: string\n childrenClassName?: string\n index: number\n totalBlock?: number\n}\n\nexport function CampaignBlock({ block, className, childrenClassName, index, totalBlock }: CampaignBlockProps) {\n const uuid = useConversationUuid()\n const childLength = block.children?.length\n function renderBlock(block: Block) {\n switch (block.type) {\n case 'image':\n return (\n \n
\n\n \n \n Try all 10+ Curie
\n\n window.open('https://platform.curietech.ai/signup', '_blank')}\n >\n
\n \n Try all 10+ Curie
\n Agents for Free\n
\n\n \n Sign Up for Free\n
\n \n\n \n \n {AGENTS_ROW_1.map(agent => (\n {agent} \n ))}\n \n\n \n {AGENTS_ROW_2.map(agent => (\n {agent} \n ))}\n \n
\n \n {renderBlock(block)}\n
\n )\n}\n","import { cm } from '~/utils/utils'\n\nexport interface CampaignContextBlockProps {\n text?: BlockText | null\n fields?: {\n align?: 'center' | 'left' | 'right'\n }\n}\n\nexport function CampaignContextBlock({ text, fields }: CampaignContextBlockProps) {\n const value = text?.text || ''\n const align = fields?.align || 'left'\n return \n {Array.isArray(block.children)\n ? block.children.map((block, index) => {\n return (\n
\n {value}
\n}\n","import dayjs from 'dayjs'\nimport { cm } from '~/utils/utils'\n\nexport interface CampaignDividerBlockProps {\n fields: {\n date: number | string\n }\n}\n\nexport function CampaignDividerBlock({ fields }: CampaignDividerBlockProps) {\n const renderDate = (date: number | string) => {\n if (typeof date === 'string') return date\n if (typeof date === 'number') {\n return dayjs(date).format('h:mm A, MMM DD, YYYY')\n }\n }\n return (\n \n \n
\n )\n}\n","import { cm } from '~/utils/utils'\n\nexport interface CampaignErrorBlockProps {\n text?: BlockText | null\n fields?: {\n align?: 'center' | 'left' | 'right'\n }\n}\n\nexport function CampaignErrorBlock({ text, fields }: CampaignErrorBlockProps) {\n const value = text?.text || ''\n const align = fields?.align || 'left'\n return (\n \n {renderDate(fields.date)}\n
\n \n \n
\n )\n}\n","import {\n RadioGroup,\n useRadio,\n VisuallyHidden,\n cn,\n RadioVariantProps,\n HTMLNextUIProps,\n RadioSlots,\n SlotsToClasses,\n RadioProps\n} from '@nextui-org/react'\nimport { DOMProps, AriaLabelingProps } from '@react-types/shared'\nimport { Ref, ReactNode } from 'react'\n\ninterface Props extends Omit\n {value}\n
\n \n {children && {children}}\n {description && (\n {description}\n )}\n
\n \n )\n}\n\nexport function RadioGroupBlock({ fields }: RadioGroupBlockProps) {\n const { options, selected } = fields\n return (\n \n
\n )\n}\n","import dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport { TaskBlockHeader } from '~/components/blocks/TaskBlockHeader'\nimport { UsedCommandType } from '~/constants/commands'\nimport { useTaskId } from '~/hooks'\nimport { useConversationMetadata } from '~/hooks/conversation/useConversationMetadata'\nimport { useTaskProgress } from '~/hooks/task/useTaskProgress'\nimport { AgentTaskStatus, agentTaskStatusFromJSON, agentTaskStatusToJSON } from '~/protos/agents'\nimport { toCamelCase } from '~/utils/shared'\nimport { cm } from '~/utils/utils'\nimport { CampaignTaskDuration } from './CampaignTaskDuration'\nimport { CampaignTaskProgressBar } from './CampaignTaskProgressBar'\n\ndayjs.extend(duration)\n\nexport interface CampaignTaskBlockProps {\n children: Block[]\n fields: {\n task_id: number\n status: keyof typeof AgentTaskStatus\n title: string\n created_time: number\n }\n}\n\nexport const getStatusText = (status: string) => {\n if (status === agentTaskStatusToJSON(AgentTaskStatus.AGENT_INTERNAL_STATUS)) {\n return 'In Progress'\n }\n return toCamelCase(status)\n}\n\nexport const renderStatusBadge = (status: string) => {\n return (\n {value}
\n \n
\n
\n )\n}\n","import { MdAccessTime } from '@react-icons/all-files/md/MdAccessTime'\nimport dayjs from 'dayjs'\nimport { useEffect, useState } from 'react'\nimport { isTerminated } from '~/constants/task-status'\nimport { useTaskLastUpdated, useTaskStatus } from '~/hooks'\nimport { useIsS3Task } from '~/hooks/task/useS3Task'\n\ninterface CampaignTaskDurationProps {\n createdTime: number\n}\n\nexport function CampaignTaskDuration({ createdTime }: CampaignTaskDurationProps) {\n const taskStatus = useTaskStatus()\n const taskLastUpdatedAt = useTaskLastUpdated()\n const [latestTime, setLatestTime] = useState\n
\n \n
\n \n
\n \n {dayjs(fields.created_time).format('YYYY-MM-DD HH:mm')}\n
\n \n
\n
\n )\n}\n","import { TaskStatuses } from '~/constants/task-status'\nimport { AgentTaskStatus, agentTaskStatusToJSON } from '~/protos/agents'\nimport { cm } from '~/utils/utils'\nimport { getStatusText } from './CampaignTaskBlock'\nimport styles from './CampaignTaskProgress.module.scss'\n\ninterface CampaignTaskProgressBarProps {\n percentage: number\n taskStatus: AgentTaskStatus\n statusText?: boolean\n}\nexport function CampaignTaskProgressBar({\n percentage,\n taskStatus,\n statusText = false\n}: CampaignTaskProgressBarProps) {\n return (\n \n
\n \n {percentage.toFixed(0)}%{' '}\n {statusText ? getStatusText(agentTaskStatusToJSON(taskStatus)) : ''}\n
\n \n )\n}\n","import { isSuccessTerminated, TaskStatusDetailType, TaskStatuses } from '~/constants/task-status'\nimport { useCampaignAgentType, useConversationMetadata, useConversationUuid, useTaskDoc } from '~/hooks'\nimport { ModalId, useModalController } from '~/hooks/useModal'\nimport { AgentTaskStatus, agentTaskStatusFromJSON, CommandType } from '~/protos/agents'\nimport { cm, isCampaignUuid } from '~/utils/utils'\nimport Planner from '../../code-plan/Planner'\nimport { TaskStatusDetailModalProps } from '../../modals/TaskStatusDetailsModal'\nimport { UserPopover } from '../../UserPopover'\nimport { CampaignBlock } from './CampaignBlock'\nimport styles from './CampaignTimelineBlock.module.scss'\nimport { IconCampaignTimelineCompleted, IconCampaignTimelineInProgress, IconCampaignTimelineSubmited } from '~/components/icons'\nimport CampaignReadOnlyEditor from '../CampaignReadOnlyEditor'\n\nexport interface CampaignTimelineBlockProps {\n totalBlock: number\n children: Block[]\n fields: {\n ts: number\n desc: string\n status: string\n index: number\n user_id: number\n user_name: string\n }\n}\n\nexport function CampaignTimelineBlock({ totalBlock, fields, children }: CampaignTimelineBlockProps) {\n const { ts, desc, status, index, user_id, user_name } = fields\n const taskStatus = agentTaskStatusFromJSON(status)\n const hasTaskDetail = TaskStatuses[taskStatus].detailType !== TaskStatusDetailType.NONE\n const hasPlan = taskStatus == AgentTaskStatus.PLANNING_COMPLETED\n const documentGenerated = taskStatus == AgentTaskStatus.DOCUMENT_GENERATED\n const { openModal } = useModalControllerDataWeave is successfully generated and verified for
\nthe provided input and output example/s
\n \n )\n case CommandType.GENERATE_IMAGE:\n return (\n <>\nDiagram is successfully generated and verified for
\nthe provided input example/s
\n \n )\n default:\n return null\n }\n }\n\n return (\n\n
\n {isDocCampaignCompleted ? (\n \n
\n \n )\n}\n","import type { FC } from 'react'\n\ninterface Props {\n className?: string\n}\n\nexport const CurieLogo: FC\n
\n {isDocCampaignCompleted &&\n {renderDesc(desc)}
\n \n {renderCompleteMessage()}\n
\n }\n {hasPlan ? \n {children.map((block, index) => (\n
\n