{"version":3,"sources":["assets/flowcode_white.png","assets/NoData.svg","serviceWorker.ts","Contexts/EditModalContext.tsx","Contexts/CreateModalContext.tsx","Reducers/SidenavToggle.tsx","Reducers/ActionTypes.tsx","Contexts/SideNavToggle.tsx","Graqhql/Authenticated.tsx","Graqhql/Brands/BrandQuery.tsx","Graqhql/Brands/BrandsMutations.tsx","Constants/dateTime.tsx","Utilities/ErrorBoundary.tsx","Components/Navbars/SideNavMenu.tsx","HOC/LayoutWrap.tsx","Components/Reusable_UI/Forms/SearchField.tsx","Components/Reusable_UI/Headers_Titles/PageTitles.tsx","Constants/Brands/BrandsList.tsx","Components/Reusable_UI/NoData/NoData.tsx","Components/BrandsList/BrandsListTable.tsx","Utilities/Validate.tsx","Components/Reusable_UI/Forms/FormFields.tsx","Components/Brands/Create_Edit_BrandsForm.tsx","Components/Reusable_UI/Modal/ModalFormWrap.tsx","Components/Reusable_UI/Alerts/ErrorAlerts.tsx","Containers/Brands/CreateBrands.tsx","Components/Reusable_UI/Loaders_Spinners/LoadingSpinner.tsx","Containers/Brands/EditBrands.tsx","Components/Reusable_UI/Alerts/SuccessAlerts.tsx","Containers/BrandsList/Brands.tsx","Graqhql/Experiment/QueryExperiment.tsx","Graqhql/Experiment/MutationExperiment.tsx","Components/Reusable_UI/Forms/Toggle/ToggleWrapper.tsx","Components/Reusable_UI/Forms/Toggle/Input.tsx","Components/Reusable_UI/Forms/Toggle/InputSelect.tsx","Components/Reusable_UI/Forms/Toggle/ListSelect.tsx","Components/Reusable_UI/Forms/Toggle/TreeSelect.tsx","Utilities/FeaturesTree.tsx","Utilities/Format.tsx","Utilities/SplitDateTime.tsx","Utilities/Experiment.tsx","Components/Experiment/Create_Edit_ExperimentForm.tsx","Containers/Experiment/CreateExperiment/CreateExperiment.tsx","Constants/Experiment/ExperimentListColumns.tsx","Components/ExperimentsList/ExperimentListTable.tsx","Containers/ExperimentsList/ExperimenstList.tsx","Containers/Experiment/EditExperiment/EditExperiment.tsx","Contexts/CreateFolderModalContext.tsx","Contexts/EditFolderModalContext.tsx","Contexts/DownloadModalContext.tsx","Components/Experiment/ViewExperimentForm/ViewAndEditExperiment.tsx","Graqhql/Folders/FoldersQuery.tsx","Graqhql/Folders/FolderMutations.tsx","Components/Folders/Create_Edit_FoldersForm.tsx","Containers/Folders/CreateFolder.tsx","Constants/Folders/FoldersList.tsx","Components/FoldersList/FoldersListTable.tsx","Containers/Folders/EditFolder.tsx","Containers/Folders/FoldersList.tsx","Utilities/RESTSetup.tsx","Utilities/EnvironmentURL.tsx","Graqhql/Permutations/MutationPermutation.tsx","Graqhql/Permutations/QueryPermutation.tsx","Components/Reusable_UI/Forms/SelectWithVal.tsx","Constants/Flowcodes/Flowcodes.tsx","Constants/Permutations/PermutationsTableColumns.tsx","Components/Permutations/ViewPermutationTable.tsx","Utilities/Permutation.tsx","Utilities/CheckNumeric.tsx","Components/Permutations/Create_Edit_Permutation.tsx","Containers/Permutations/CreatePermutation.tsx","Components/Build/CsvFile.tsx","Containers/Build/DownloadCSV.tsx","Containers/Permutations/PermutationsList.tsx","Components/Experiment/ExperimentAnalytics.tsx","Containers/Experiment/ViewExperiment/ViewExperiment.tsx","Graqhql/Features/FeatureQuery.tsx","Graqhql/Features/FeatureMutation.tsx","Constants/Features/FeatureValueType.tsx","Constants/Features/FeaturesList.tsx","Components/Feature/Create_FeatureForm.tsx","Containers/Feature/CreateFeature.tsx","Components/FeaturesList/FeaturesListTable.tsx","Components/Feature/Edit_FeatureForm.tsx","Containers/Feature/EditFeature.tsx","Containers/FeaturesList/Features.tsx","Contexts/BuildModalContext.tsx","Components/Permutations/ViewPermutationDetails.tsx","Graqhql/Flowcodes/FlowcodesQuery.tsx","Graqhql/Flowcodes/FlowcodesMutation.tsx","Components/Flowcodes/FlowcodesTable.tsx","Utilities/Flowcode.tsx","Constants/Flowcodes/FlowcodesType.tsx","Components/Flowcodes/Create_Edit_Flowcode.tsx","Components/Reusable_UI/Forms/InputNumber.tsx","Components/Build/BuildQuantity.tsx","Containers/Flowcodes/SaveBuildBatch.tsx","Containers/Flowcodes/CreateFlowcodes.tsx","Containers/Flowcodes/EditFlowcodes.tsx","Containers/Build/BuildBatch.tsx","Containers/Flowcodes/PreviewQR.tsx","Containers/Flowcodes/FlowcodesList.tsx","Containers/Permutations/ViewPermutation.tsx","Graqhql/Login.tsx","Components/Login/LoginForm.tsx","Containers/Login/Login.tsx","Graqhql/Register.tsx","Constants/auth.tsx","Components/Register/RegisteForm.tsx","Containers/Register/Register.tsx","Routes/AppRoutes.tsx","App.tsx","Utilities/Logout.tsx","Utilities/ApolloSetup.tsx","index.tsx"],"names":["module","exports","Boolean","window","location","hostname","match","EditModalCTX","createContext","EditModalProvider","props","useState","editSuccess","setEditSuccess","editError","setEditError","editErrorMsg","setEditErrorMsg","viewEditFormModal","setViewEditFormModal","useEffect","timeout","setTimeout","clearTimeout","Provider","value","handleVisible","prevState","children","CreateModalCTX","CreateModalProvider","createSuccess","setCreateSuccess","createError","setCreateError","createErrorMsg","setCreateErrorMsg","viewCreateFormModal","setCreateViewFormModal","toggleSideNav","state","action","type","collapsed","SideNavCtx","initialState","SideNavCtxProvider","useReducer","dispatch","IS_AUTHENTICATED","gql","GET_BRAND","GET_BRANDS","Format","CREATE_BRAND","DELETE_BRAND","EDIT_BRAND","ErrorBoundary","hasError","this","message","showIcon","Component","MenuItem","Item","SidebarMenu","Logout","mode","theme","selectedKeys","key","to","style","fontSize","onClick","Header","Content","Sider","logoDiv","padding","background","transition","collapsedLogoDiv","logoIcon","height","header","boxShadow","paddingLeft","display","alignItems","content","margin","minHeight","paddingBottom","collapsedIcon","LayoutWrap","client","useApolloClient","useContext","pathname","data","useQuery","authenticated","isAuthenticated","collapsible","trigger","position","role","aria-label","src","Logo","alt","SideNavMenu","localStorage","removeItem","resetStore","title","arrowPointAtCenter","placement","Search","SearchField","handleSearch","placeholderVal","disabled","placeholder","width","onChange","e","target","Title","PageTitle","titleName","level","marginBottom","columnsNames","NoData","loading","textAlign","NoDataSvg","opacity","top","left","BrandsListTable","brandData","listLoading","setEditBrandId","deleteLoading","deleteId","handleBrandDelete","marginTop","className","map","item","rowItems","rowIndex","name","primaryBrandContact","customerSuccessRep","id","overlay","menu","length","validateEmail","errors","test","validateRequired","validateRequiredArray","ignoreValidation","validateLength","FormItem","Option","CreateAntField","AntComponent","field","form","hasFeedback","label","extra","selectOptions","submitCount","setFieldValue","touched","submitted","submittedError","touchedError","help","validateStatus","spellCheck","onBlur","setFieldTouched","includes","isValueInputType","index","AntSelect","AntDatePicker","AntTimePicker","AntInput","AntInputPassword","Password","AntTextarea","TextArea","createFolderForm","allowClear","validate","component","ModalWrap","buttons","submitForm","viewFormModal","visible","confirmLoading","onCancel","footer","okText","cancelText","onConfirm","buttonName","ErrorAlert","onErrorClose","close","transform","zIndex","maxWidth","description","onClose","closable","initialFieldValues","CreateBrand","resetRef","useRef","current","click","useMutation","onCompleted","onError","error","refetchQueries","query","createBrand","initialValues","onSubmit","values","variables","input","validateOnBlur","isSubmitting","handleReset","ref","LoadingSpinner","tip","EditBrand","editBrandId","brandInfoError","setBrandInfoError","brandInfo","setBrandInfo","brandLoading","brand","editBrand","enableReinitialize","SuccessAlert","confirm","titleDiv","justifyContent","searchAddDiv","flexBasis","BrandBreadcrumb","BrandsList","setBrandData","setDeleteId","deleteError","setDeleteError","brands","deleteBrand","filteredItem","filter","shape","icon","brandId","brandName","okType","onOk","GET_EXPERIMENTS","Math","ceil","innerHeight","GET_EXPERIMENT_OPTIONS","GET_EDIT_EXPERIMENT","GET_EXPERIMENT_ANALYTICS","CREATE_EXPERIMENT","UPDATE_EXPERIMENT","DELETE_EXPERIMENT","ToggleWrapper","editable","editableEl","staticEl","elRef","autoFocus","focus","ToggleEditInput","formattedValue","onElBlur","prefix","disableInput","isEdit","setIsEdit","node","ToggleSelect","displayValue","selectValue","fieldValue","options","optionValue","optionName","setValue","disableSelect","toUpperCase","slice","o","ToggleListSelect","onElChange","optionFilterProp","formField","disableList","bordered","dataSource","renderItem","Panel","DescItem","ToggleTreeSelect","onToggle","filterProp","treeData","showCheckedStrategy","disableEdit","selectedItems","defaultActiveKey","showArrow","toLowerCase","layout","size","previewItem","featureName","featureId","discreteValues","searchPlaceholder","treeCheckable","onDropdownVisibleChange","open","treeNodeFilterProp","GetFeaturesTree","inputData","feature","i","discrete","numberWithCommas","x","toString","split","join","replace","removeCommas","formatPermutationName","brandsList","permutationData","medium","find","experimentDiscreteSet","experiment","features","variableId","experimentDiscreteValue","discreteValue","channel","pad","getDateValue","timestamp","newDate","Date","getMonth","getDate","getFullYear","getTimeValue","getHours","getMinutes","submitEditExperiment","initialBrands","initialFeatures","updateExperiment","experimentId","startDate","startTime","endDate","endTime","startDateTimeUTC","endDateTimeUTC","moment","format","convertUTCDateFormat","timeFormat","toISOString","deleteBrands","addBrands","some","deleteDiscreteValues","addDiscreteValues","initFeature","experiment_identifier","channels","mediums","manager","isCac","createExperimentFormData","expData","experimentBrandSet","dateFormat","experimentIdentifier","experimentData","accumulateFeatures2","reduce","acc","obj","filterDiscreteValues","featureItem","objIndex","findIndex","accItem","filteredFeature","push","outputPara","border","borderRadius","lineHeight","CreateEditExperimentForm","submitLoading","nested","clickToEdit","totalImpressions","totalCost","owner","isChanged","initalDataReady","setInitialDataReady","featureTreeData","setFeatureTreeData","selectedFeaturesPreview","setSelectedFeaturePreview","setChannels","setMediums","channelsUpdated","setChannelsUpdated","featureUpdated","setfeatureUpdate","brandUpdated","setBrandUpdate","brandNames","setBrandNames","editSection","setEditSection","showSubmit","setShowSubmit","filteredFeatures","archived","featuresTree","customFeatureData","experimentName","filteredMedium","objItem","flat","uniqMedium","Array","from","Set","filteredValuesMedium","readOnly","suffix","gutter","xs","span","dtxcloudUsers","user","username","checked","undefined","CreateExperimentBreadcrumb","CreateExperiement","expError","setExpError","expLoading","createExperiment","history","createLoading","minWidth","antIcon","spin","ExperimenTable","experimentsData","onLoadMore","hasNextPage","handleDeleteExperiment","dataLength","next","hasMore","loader","indicator","overflow","overflowX","substring","timeStamp","toLocaleString","numberFolders","numberPermutations","stopPropagation","color","cursor","ExperiementList","fetchError","setFetchError","fetchErrorMsg","setFetchErrorMsg","searchVal","setSearchVal","queryConfig","searchParam","fetchMore","setExperimentsData","experiments","edges","deleteExperiment","decodedId","atob","pageInfo","after","endCursor","updateQuery","previousResult","fetchMoreResult","newEdges","__typename","catch","EditExperiement","setExperimentData","updateError","setUpdateError","setInitialBrands","setInitialFeatures","params","decodedExperimentId","updateLoading","EditExperimentBreadcrumb","CreateFolderModalCTX","CreateFolderModalProvider","createFolderSuccess","setCreateFolderSuccess","createFolderError","setCreateFolderError","createFolderErrorMsg","setCreateFolderErrorMsg","createFolderFormModal","setViewFolderFormModal","EditFolderModalCTX","EditFolderModalProvider","editFolderSuccess","setEditFolderSuccess","editFolderError","setEditFolderError","editFolderErrorMsg","setEditFolderErrorMsg","editFolderFormModal","setEditFolderFormModal","DownloadModalContext","DownloadModalProvider","downloadSuccess","setDownloadSuccess","downloadError","setDownloadError","downloadErrorMsg","setDownloadErrorMsg","viewDownloadFormModal","setDownloadViewFormModal","toogleIconDiv","toggleIcon","ViewExperimentDetails","expDecodedId","showForm","setShowForm","expName","setExpName","_","isEqual","impressionsToDate","spendToDate","GET_FOLDERS","GET_FOLDER","CREATE_FOLDER","EDIT_FOLDER","DELETE_FOLDER","CreateFolderForm","CreateFolder","FoldersListTable","folderListData","setEditFolderId","deleteFolderId","handleDeleteFolder","folders","permutationCount","EditFolder","editFolderId","getFolderError","setGetFolderError","getFolder","getFolderLoading","editFolder","editLoading","folder","FolderList","foldersListError","setFoldersListError","setDeleteFolderId","deleteFolderError","setDeleteFolderError","deleteFolder","instance","axios","create","baseURL","CancelToken","isCancel","CREATE_PERMUTATION","EDIT_PERMUTATION","DELETE_PERMUTATION","GET_PERMUTATIONS_OPTIONS","GET_PERMUTATIONS_LIST","GET_EDIT_PERMUTATION","moreStyle","dropdownOptionStyle","ViewPermutationsTable","deletePermutationId","handleDeletePermutation","handleClonePermutation","handleDownloadCSV","showCount","setShowCount","showMoreRowId","setShowMoreRowID","variable","rowID","featuresListCount","showCountTemp","showMoreFeatures","flowcodeCount","reduceDiscreteSet","object","objDiscreteValues","AntSelectWithVal","filterPropName","filterOption","data-searchkey","checkNumericVal","inputVal","Number","SHOW_CHILD","DescriptionsItem","CreateEditPermutation","featureTreeOptionalData","setFeatureTreeOptionalData","featureTreeExpData","setFeatureTreeExpData","optFeatureUpdated","setOptFeatureUpdate","expFeatureUpdated","setExpFeatureUpdate","selectedExpFeaturesPreview","setSelectedExpFeaturePreview","selectedOptFeaturesPreview","setSelectedOptFeaturePreview","setBrandsList","showISCS","setShowISCS","clonePermutationValues","Object","keys","forEach","permutationValue","permutationName","date","utc","customBrandsList","optionalFeaturesTree","customExpFeatureData","expFeaturesTree","inputValue","expFeatureData","attributes","optFeatureData","handleCost","fieldName","checkCostVal","preventDefault","sm","md","lg","dropdownStyle","maxHeight","iscs","estCost","actualCost","estImpressions","actualImpressions","notes","CreatePermutation","clonePermutationId","setClonePermutationId","createAndClone","setCreateAndClone","clonePermutationDataLoading","setClonePermutationDataLoading","createPermutationInitialValues","setCreatePermutationInitialValues","permutationOptionsError","setPermutationOptionsError","permutationCloneError","setPermutationCloneError","handleCreateAndClone","closeModal","permutationDataOpt","permutationLoading","createPermutation","useLazyQuery","permutation","clonePermutationData","formatNumber","val","parseFloat","attribute","formatPermutationData","getClonePermutationData","clonePermutationDataFetchLoading","permutationID","newVariables","v","d","CsvFileForm","fileName","DownloadCSV","permutationId","formFields","setFormFields","downloadingCsv","setDownloadingCsv","downloadCsvErrorMsg","setDownloadCsvErrorMsg","fileNameUpdate","buttonsDownload","API","get","headers","responseType","then","response","link","document","createElement","href","URL","createObjectURL","Blob","setAttribute","body","appendChild","status","detail","CsvFile","PermutationList","setPermutationData","setDeletePermutationId","deletePermutationError","setDeletePermutationError","selectedPermutationId","setSelectedPermutationId","selectedPermutationName","setSelectedPermutationName","permutationListError","setPermutationListError","downloadFlowcodesError","setDownloadFlowcodesError","isDownloadFlowcodesLoading","setIsDownloadFlowcodesLoading","isDownloadPermutationsLoading","setIsDownloadPermutationsLoading","filterMenuItems","setFilterMenuItems","filterMenuItemCount","setFilterMenuItemCount","filterFolderInfo","setFilterFolderInfo","searchField","setSearchField","isDownloadFlowcodesModalOpen","setIsDownloadFlowcodesModalOpen","flowcodeColor","setFlowcodeColor","permutationsList","hasFlowcodes","hasPermutations","permutations","uniquePermutations","pushedItem","deletePermutation","clearFolderFilter","handleDownloadFlowcodes","a","permutationIds","ids","defaultColor","objectURL","filename","request","getResponseHeader","revokeObjectURL","handleDownloadPermutations","url","filteredUniq","searchFieldResult","indexOf","folderFilterResult","filteredSearch","filteredFolder","filterMenu","handleFolderFilter","FileExcelFilled","triangle","onChangeComplete","hex","ExperimentAnalytics","React","setError","analytics","names","costPerScan","scans","cps","scanCount","chartData","datasets","fill","borderColor","backgroundColor","pointBorderColor","pointBackgroundColor","pointHoverBackgroundColor","pointHoverBorderColor","yAxisID","hoverBackgroundColor","hoverBorderColor","responsive","tooltips","elements","line","scales","maxBarThickness","xAxes","labels","gridLines","ticks","callback","substr","yAxes","stepSize","beginAtZero","toFixed","folderDiv","ViewExperimentComponents","folderView","setFolderView","ViewExperimentBreadcrumb","ViewAndEditExperiment","marginLeft","GET_FEATURE","GET_FEATURES","GET_CHANNEL_CHOICES","CREATE_FEATURE","UPDATE_FEATURE","DELETE_FEATURE","ValueType","Freetext","Numerical","TypeValue","string","boolean","number","typeChoices","featureCategories","CreateFeatureForm","channelChoices","isBooleanType","setIsBooleanType","handleValuesEnter","onPressEnter","removeFeature","handleClose","category","CreateFeature","fetchChannelsError","setFetchChannelsError","setChannelChoices","createFeature","channelChoicesData","channelChoicesLoading","FeaturesListTable","featuresData","tableLoading","setEditFeatureId","handleArchive","archiveLoading","archivedId","EditFeatureForm","marginRight","updateValue","tempFeatureNames","handleValueUpdate","deleteValue","handleDeleteValue","EditFeature","editFeatureId","featureError","setFeatureError","featureInfo","setfeatureInfo","initialDiscreteValues","setinitialDiscreteValues","featureData","featureLoading","tempInitialVal","editFeature","addValues","initialFeature","updateValues","deleteValues","deleteItem","FeatureBreadcrumb","FeaturesList","setFeatures","featuresDataError","setFeaturesDataError","activeData","setActiveData","inactiveData","setInactiveData","activeKey","setActiveKey","setArchivedId","archiveError","setArchiveError","active","inactive","updateArchive","BuildModalCTX","BuildModalProvider","buildSuccess","setBuildSuccess","buildError","setBuildError","buildErrorMsg","setBuildErrorMsg","buildFormModal","toggleIconDiv","ViewPermutationDetails","permutationDetails","updatePermutation","expFeatures","variablesTreeData","setVariablesTreeData","attributesTreeData","setAttributesTreeData","showHideFormToggle","getFeaturesList","accumulateFeatures3","submitChanges","finalNumber","hasFolder","showSave","autoSize","resize","f","b","br","objects","discreteFeature","getFeaturesVariables","featureObject","getFeaturesAttributes","GET_FLOWCODES_OPTIONS","GET_FLOWCODES_LIST","GET_FLOWCODES_EDIT","CREATE_BATCH","DELETE_BATCH","UPDATE_FLOWCODES","UPDATE_BATCH","BUILD_BATCH","BUILD_ALL","menuStyle","TableHeaderTitleCenter","ViewFlowcodesTable","flowcodeData","setPreviewQRId","deleteBatchId","handleDeleteBatch","setEditBatchId","setBuildBatchId","downloadQRId","downloadQRLoading","handleDownloadQR","buildHandleVisible","colSpan","permutationBatches","charAt","batchFlowcodes","flowcode","shorturl","redirectValue","featuresHash","prev","curr","renderFlowcodeFeatures","batch","flowcodeBrandSet","permutationBrand","isScan","isBuilt","rowItemsId","batchFlowcodesId","flowcodeId","urlPatternStart","urlPatternSplit","constructRedirectValue","redirectValue1","redirectValue2","redirectValue3","redirectValue4","redirectValue5","redirectValue6","FlowcodesType","AddRemoveButton","displayPlusButton","displayMinusButton","handleAddBtnClick","handleMinusBtnClick","CreateEditFlowcode","flowcodesData","flowcodeType","initialDataReady","setFeatureUpdated","1","2","3","4","5","6","visibleLandingPages","setVisibleLandingPages","toggleVisibleLandingPage","page","isOpen","validateRedirectValue","getLandingPageType","landingPageValidator","requireProtocol","isLandingPageTwoVisible","isLandingPageThreeVisible","isLandingPageFourVisible","isLandingPageFiveVisible","isLandingPageSixVisible","permutationBrandSet","filteredDiscrete","customFeature","AntInputNumber","checkNumeric","InputNumber","BuildQuantityForm","quantity","SaveBuildBatch","batchId","saveAndBuild","handleSaveBuild","setCreateComplete","buildBatch","buildBatchLoading","BuildQuantity","CreateFlowcodes","setSaveAndBuild","createComplete","setBatchId","flowcodesFetchError","setFlowcodesFetchError","flowcodesLoading","createBatch","nonOneButtons","oneTypeButtons","EditFlowcodes","updateId","flowcodesFields","setFlowcodesFields","initialAttributes","setInitialAttributes","initialBrandsSet","setInitialBrandsSet","initialAttributesSet","setInitialAttributesSet","redirectValues","urls","ind","search","trim","splitURLs","initialData","batchDiscreteSet","updateBatch","updateBatchLoading","updateFlowcodes","updateFlowcodeLoading","inputBatch","deleteAttributes","filterAttribute","addAttributes","inputFlowcode","filterBrand","addBrand","BuildBatch","buildAll","downloadCsv","setDownloadCsv","buildAllBatch","buildAllBatchLoading","buttonsBuild","Text","PreviewQR","previewBatchId","imageLink","setImageLink","imageFileName","setImageFileName","setDownloadQRErrorMsg","setDownloadQRLoading","unmounted","source","config","cancel","flowcodes","FlowcodesList","flowcodesList","setFlowcodesList","batchesPresent","setBatchesPresent","setFlowcodeType","setDeleteBatchId","deleteBatchError","setDeleteBatchError","editBatchId","buildBatchId","setBuildAll","downloadQRErrorMsg","setDownloadQRId","previewQRId","flowcodesListError","setFlowcodesListError","isDownloadFlowcodeModalOpen","setIsDownloadFlowcodeModalOpen","flowcodesListData","flowcodeslistLoading","batchesPresentTemp","flowcodeTypeTemp","deleteBatch","downloadBatchId","onCloseDeleteError","filteredBatch","downloadbatchId","ViewPermutation","staticContext","setExpFeatures","exp","loading2","editPermutation","isLoading","dataComplete","initialVariables","permutationVariableSet","permutationAttributeSet","addVariable","va","experimentDiscrete","deleteVariable","addAttribute","att","deleteAttribute","LOGIN_USER","LoginForm","htmlType","password","Login","loginError","setLoginError","tokenAuth","setItem","token","writeData","justify","Auth","REGISTER_USER","RegisterForm","email","Register","registerError","setRegisterError","createUser","withRouter","path","ViewExperiment","Features","EditExperiment","CreateExperiment","App","cache","InMemoryCache","getAuthToken","getItem","AUTH_TOKEN","httpLink","HttpLink","uri","unAuthorizedMessages","LOGOUT_TOKEN","valueOf","INVALID_TOKEN","unAuthorizedInterceptor","graphQLErrors","requestMiddleware","ApolloLink","operation","forward","setContext","authorization","ApolloClient","defaultOptions","watchQuery","fetchPolicy","resolvers","ReactDOM","render","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.d7ec9231.chunk.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABwCAMAAAAnm94cAAACalBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////EfdF5AAAAzXRSTlMAAQIDBAUGBwkKCwwNDg8QERIVFhcZGhscHR4fICEiIyQmJygpLC0uLzAxMjM1Nzg5Ojs8PT5AQUJDREVHSElKS0xNTk9QUVJTVFVXWFlaW1xdX2BhYmNlZmdoaWxtb3BxcnN1dnd4eXp8fX+AgoSFh4iJiouMjY6QkZKTlJWWl5qcnZ6foKGio6Slpqeoqqytrq+ytri7vL2/wMHCx8jJysvMzc7P0tPU19jZ2tvc3d7f4OLk5ebn6Onq6+zt7u/y8/T19vf4+fr7/P3+r4JArgAAAAFiS0dEzW3Qo0UAAAPwSURBVGje7ZqJV0xRHMd/NROmElkqWcouStZoELJOIZIsZY2Iki0SRdZs2bVYyjqypGxJiDZLvf/J/f3ue72ZOZypo5PD+f3Oefd+3733dz/v3Xt/986ZGTjXqXYGlE61ZuYxj3nMYx7z2sRbGtORtswpzxU60ozMYx7zmMc85nUEz7ekfdb3D3kB7TzABzCPecxjHvOYxzzmMY95zGMe85jHPOYxj3nM+294Pba1z7z4+13mMY95f4u30cE6FAcuDr2vB7Z/2y5oZk7NF9ZTK+++7ubbuorzc1wA0rAiEGf/lBAWrE3GogCA0KPP694UrnHHstCcsrqau6n+qPtjff65zPg+1NmmPNVy9XhIKMJU+/0u5r1aXDIEUjBPEoWjUFwXwvBRiPdG97MtstEEAO9LqkNjqgipkVqvX7M8Rftr2m3Db3g79JCpDR2MWbEo3Uz9dQOYjCLHo1RrMw58nukelw06T1Ee+zvnLbGN0bd9Hor0ew+AQrqfBrAb8ylnW5uM7VJq67HXlqc88nDkNT0QZtF5ntVU+a1KNsrZhmk0mJrodh+AFYdzoqxt+aQoIYlS1zRS9mOYLU9Jl7wyq9VaSrxn9FI6LwHV9+RuEFhMcxCE6WmYqT4v9MMs+zSmX1a6g++BERWon4SA24ovqI4S76RHxFPM60zE8yMKvWWhsEidR9W76U1foYy5j89uOKi+kM8azMJqMF1OnYygxxqKciXKd5IH4FOLYi51WFleXm795fy9QBVAPdFM7UymRVEmkpfiir0qkqqeWFZvoFYW1AUk3WjQJ6o8OIRii5P1QtNngtahzR6E6z5PXK+3iuQijtnhvvTMcjnHoc6Tmh52hsajqU93wnuMKpS8c1HugHs4juI6EawKJawrnS+9qNVMOa9opq+oQzTeFRRrHXj1N4TN1nnHURW5CRVE3hGwRW2/2FXdB6oM8ATz8zigXQY1o45F3/2E1uZvFlWMIV5KYmLiasf1uSpKmPxX3J1Fk5I/o/jQFQbKjaSlN1yQvCyADLn/xC/cXjmWfJszwyPzqTCFeMVxuT8oEFyIN320MEce2YLbdofyBlEp4/kBQLwsmyTWXoMe75PtHGq87OJvnh7vyi9584fU2jQvMIrKJJJ7APy04QTYoPPkMGofGmbb7S+Z4JQH46tbbwrpyOhHA2oWCqNCOUgee3We4UirQ1OszX6tNKe5toEHfurWX5tklMu8RN2qIYviSxZaKuQhMFLo6ErpfGsM6LyGy6MB7HhzhYWTc1iUZr70RgmZx3fNN2nnYZAon4ZioBAW7VOcccr27Iw4b6mnph47nDSctFdUVITZbA5S3YNnaPYT0DbpdbfWu7MAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/NoData.36385a0f.svg\";","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n)\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void\n  onUpdate?: (registration: ServiceWorkerRegistration) => void\n}\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(\n      (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n      window.location.href\n    )\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config)\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          )\n        })\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config)\n      }\n    })\n  }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing\n        if (installingWorker == null) {\n          return\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              )\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration)\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.')\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration)\n              }\n            }\n          }\n        }\n      }\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error)\n    })\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type')\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload()\n          })\n        })\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config)\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      )\n    })\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister()\n    })\n  }\n}\n","//this is the context to handle the modal interaction & states between a container/component buttons and modal.\n//Edit modal is used by table/list component and a \"Edit\" modal component.\n\n//note - context cannot be used in two or more differnt components from the same form/page\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const EditModalCTX: any = createContext({})\n\nconst EditModalProvider: React.FC<any> = props => {\n  const [editSuccess, setEditSuccess] = useState(false)\n  const [editError, setEditError] = useState(false)\n  const [editErrorMsg, setEditErrorMsg] = useState('')\n  //show or hide state of modal\n  const [viewEditFormModal, setViewEditFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (editSuccess) {\n        setEditSuccess(false)\n      }\n    }, 2000)\n\n    return () => {\n      // clear timeout\n      return clearTimeout(timeout)\n    }\n  }, [editSuccess])\n\n  const handleVisible = () => {\n    if (viewEditFormModal) {\n      setEditError(false)\n      setEditErrorMsg('')\n    }\n    setViewEditFormModal(prevState => !prevState)\n  }\n\n  return (\n    <EditModalCTX.Provider\n      value={{\n        viewEditFormModal,\n        handleVisible,\n        editSuccess,\n        setEditSuccess,\n        editError,\n        setEditError,\n        editErrorMsg,\n        setEditErrorMsg\n      }}\n    >\n      {props.children}\n    </EditModalCTX.Provider>\n  )\n}\n\nexport default EditModalProvider\n","//This is the context to handle the modal interaction & states between a container/component buttons and modal.\n//Create modal is used by table/list component and a \"create\" modal component.\n\n//note - context cannot be used in two or more differnt components from the same form/page\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const CreateModalCTX: any = createContext({})\n\nconst CreateModalProvider: React.FC<any> = props => {\n  const [createSuccess, setCreateSuccess] = useState(false)\n  const [createError, setCreateError] = useState(false)\n  const [createErrorMsg, setCreateErrorMsg] = useState('')\n  //show or hide state of modal\n  const [viewCreateFormModal, setCreateViewFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (createSuccess) {\n        setCreateSuccess(false)\n      }\n    }, 2000)\n\n    return () => {\n      // clear timeout\n      return clearTimeout(timeout)\n    }\n  }, [createSuccess])\n\n  const handleVisible = () => {\n    if (viewCreateFormModal) {\n      setCreateError(false)\n      setCreateErrorMsg('')\n    }\n    setCreateViewFormModal(prevState => !prevState)\n  }\n  return (\n    <CreateModalCTX.Provider\n      value={{\n        viewCreateFormModal,\n        handleVisible,\n        createSuccess,\n        setCreateSuccess,\n        createError,\n        setCreateError,\n        createErrorMsg,\n        setCreateErrorMsg\n      }}\n    >\n      {props.children}\n    </CreateModalCTX.Provider>\n  )\n}\n\nexport default CreateModalProvider\n","//Reducer to store the state of side nav across pages\n\nimport * as actions from './ActionTypes'\n\nexport const toggleSideNav = (state: any, action: any) => {\n  switch (action.type) {\n    case actions.TOGGLE_SIDENAV:\n      return {\n        collapsed: action.collapsed\n      }\n    default:\n      return state\n  }\n}\n","//Reducers action types\n\n//Toggle side nav\nexport const TOGGLE_SIDENAV = 'TOGGLE_SIDENAV'\n","import React, { createContext, useReducer } from 'react'\nimport { toggleSideNav } from '../Reducers/SidenavToggle'\n\n//This context will provide the expanded or collapsed state of the side nav to the children components\n//from local reducer\nexport const SideNavCtx: any = createContext({})\n\n//Reducer inital state\nconst initialState = {\n  collapsed: false\n}\n\nconst SideNavCtxProvider = (props: any) => {\n  const [{ collapsed }, dispatch] = useReducer(toggleSideNav, initialState)\n\n  return (\n    <SideNavCtx.Provider value={{ collapsed, dispatch }}>\n      {props.children}\n    </SideNavCtx.Provider>\n  )\n}\n\nexport default SideNavCtxProvider\n","//This query will fetch the authenticated state of the user from local cache\n\nimport gql from 'graphql-tag'\n\nexport const IS_AUTHENTICATED = gql`\n  query IsUserAuthenticated {\n    isAuthenticated @client\n  }\n`\n","//Query - Brand\n\nimport gql from 'graphql-tag'\n\n//get brand by brand id\nexport const GET_BRAND = gql`\n  query($id: UUID) {\n    brand(id: $id) {\n      id\n      name\n      description\n      primaryBrandContact\n      customerSuccessRep\n    }\n  }\n`\n\n//get brands\nexport const GET_BRANDS = gql`\n  query {\n    brands {\n      id\n      name\n      description\n      primaryBrandContact\n      customerSuccessRep\n    }\n  }\n`\n\nexport const GET_BRANDS_LIST = gql`\n  query {\n    brands {\n      id\n      name\n    }\n  }\n`\n","//Mutations - Brands\n\nimport gql from 'graphql-tag'\n\n//create brand\nexport const CREATE_BRAND = gql`\n  mutation($input: BrandInputType) {\n    createBrand(input: $input) {\n      brand {\n        name\n        description\n        customerSuccessRep\n        primaryBrandContact\n      }\n    }\n  }\n`\n\n//delete brand\nexport const DELETE_BRAND = gql`\n  mutation($id: UUID!) {\n    deleteBrand(id: $id) {\n      ok\n    }\n  }\n`\n\n//edit brand\nexport const EDIT_BRAND = gql`\n  mutation($input: BrandInputType, $id: UUID!) {\n    updateBrand(input: $input, id: $id) {\n      brand {\n        name\n      }\n    }\n  }\n`\n","//Date time format\n\nexport enum Format {\n  dateFormat = 'MM-DD-YYYY',\n  timeFormat = 'HH:mm',\n  convertUTCDateFormat = 'YYYY-MM-DD'\n}\n","//This component will catch the errors from the children component and\n//prevent the app from crashing by displaying a\nimport React, { Component } from 'react'\n\n//ant design components\nimport { Alert } from 'antd'\n\ntype ErrorState = {\n  hasError: boolean\n}\n\n//hooks does not support getDerivedStateFromError yet.\nclass ErrorBoundary extends Component<{}, ErrorState> {\n  state = { hasError: false }\n\n  static getDerivedStateFromError() {\n    // Update state so the next render will show the fallback UI.\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      // You can render any custom fallback UI\n      return (\n        <Alert\n          message=\"Error - Something went wrong\"\n          type=\"error\"\n          showIcon\n        />\n      )\n    }\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n","//This has the menu items to be displayed in the side navabar of all authenticated pages.\n//Refer HOC > LayoutWrap.tsx\n//This component uses current url \"location\" to show the active menu state\n\nimport React from 'react'\nimport { NavLink } from 'react-router-dom'\n\n//styled components\nimport { Menu, Icon } from 'antd'\n\n//ant d components\nconst MenuItem = Menu.Item\n\n//typescript\ninterface Props {\n  location: string\n  Logout: () => void\n}\n\n//JSX\n\nconst SidebarMenu = ({ location, Logout }: Props) => {\n  return (\n    <Menu mode=\"inline\" theme=\"dark\" selectedKeys={[location]}>\n      <MenuItem key=\"/experiments_list\">\n        <NavLink to=\"/experiments_list\">\n          <Icon type=\"experiment\" style={{ fontSize: '18px' }} />\n          <span>Experiments</span>\n        </NavLink>\n      </MenuItem>\n\n      <MenuItem key=\"/features_list\">\n        <NavLink to=\"/features_list\">\n          <Icon type=\"control\" style={{ fontSize: '18px' }} />\n          <span>Features</span>\n        </NavLink>\n      </MenuItem>\n\n      <MenuItem key=\"/brands_list\">\n        <NavLink to=\"/brands_list\">\n          <Icon type=\"book\" style={{ fontSize: '18px' }} />\n          <span>Brands</span>\n        </NavLink>\n      </MenuItem>\n\n      <MenuItem key=\"/logout\">\n        <div onClick={Logout}>\n          <Icon type=\"logout\" style={{ fontSize: '18px' }} />\n          <span>Logout</span>\n        </div>\n      </MenuItem>\n    </Menu>\n  )\n}\n\nexport default SidebarMenu\n","//This is a wrapper component wrapping the main content. It consists of a header, sidenav & footer.\n\nimport React, { Fragment, useContext } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useQuery } from '@apollo/react-hooks'\nimport { useApolloClient } from '@apollo/react-hooks'\n\n//styled components\nimport { Layout, Icon, Tooltip } from 'antd'\n\n//contexts\nimport { SideNavCtx } from '../Contexts/SideNavToggle'\nimport * as actions from '../Reducers/ActionTypes'\n\n//utils\nimport { IS_AUTHENTICATED } from '../Graqhql/Authenticated'\nimport ErrorBoundary from '../Utilities/ErrorBoundary'\n\n//images - logo\n//import Logo from '../assets/dtx-company.png';\nimport Logo from '../assets/flowcode_white.png'\n\n//functional component\nimport SideNavMenu from '../Components/Navbars/SideNavMenu'\n\n\n//destructuring ant design components\nconst { Header, Content, Sider } = Layout\n\n// inline styles\nconst logoDiv = {\n  padding: '12px 14px',\n  background: '#002140',\n  transition: '0.1s all linear'\n}\n\nconst collapsedLogoDiv = {\n  padding: '12px 21px',\n  background: '#002140',\n  transition: '0.1s all linear'\n}\n\nconst logoIcon = {\n  height: '40px'\n}\n\nconst header = {\n  boxShadow: '0 2px 8px #d0d8e3',\n  background: 'none',\n  paddingLeft: 15,\n  display: 'flex',\n  alignItems: 'center'\n}\n\nconst content = {\n  margin: '32px 50px',\n  minHeight: `calc(100vh)`,\n  paddingBottom: 80\n}\n\nconst collapsedIcon = {\n  fontSize: '18px'\n}\n\n//JSX\nconst LayoutWrap: React.FC<any> = ({ props, children }) => {\n  //apollo clients\n  const client = useApolloClient()\n\n  //contexts\n  const { collapsed, dispatch } = useContext(SideNavCtx)\n\n  //pathname\n  const pathname = props.location.pathname\n\n  // get authenticated state to display the sidebar only in authenticated components\n  const { data } = useQuery(IS_AUTHENTICATED)\n  const authenticated = data ? data.isAuthenticated : false\n\n  const toggleSider = () => {\n    dispatch({ type: actions.TOGGLE_SIDENAV, collapsed: !collapsed })\n  }\n\n  //logout function\n  const Logout = () => {\n    localStorage.removeItem('token')\n    client.resetStore()\n  }\n\n  return (\n    <div>\n      <Layout>\n        <Sider\n          collapsible\n          collapsed={collapsed}\n          trigger={null}\n          style={{ height: '100vh', position: 'fixed' }}\n        >\n          <Link to=\"/\" role=\"navigation\" aria-label=\"Home\">\n            <div style={collapsed ? collapsedLogoDiv : logoDiv}>\n              <img src={Logo} alt=\"the dtx company\" style={logoIcon} />\n            </div>\n          </Link>\n\n          {/* if authenticated list the sider / side nav menu items */}\n          {authenticated && (\n            <Fragment>\n              <SideNavMenu location={pathname} Logout={Logout} />\n            </Fragment>\n          )}\n        </Sider>\n\n        <Layout style={{ paddingLeft: collapsed ? '80px' : '200px' }}>\n          <Header style={header}>\n            <Tooltip\n              title={collapsed ? 'Show sidebar' : 'Hide sidebar'}\n              arrowPointAtCenter\n              placement=\"right\"\n            >\n              <Icon\n                style={collapsedIcon}\n                type={collapsed ? 'menu-unfold' : 'menu-fold'}\n                onClick={toggleSider}\n              />\n            </Tooltip>\n          </Header>\n\n          <Content style={content}>\n              <ErrorBoundary>\n                {children}\n              </ErrorBoundary>\n          </Content>\n        </Layout>\n      </Layout>\n    </div>\n  )\n}\n\nexport default LayoutWrap\n","//This component will create input search field using ant d.\nimport React from 'react'\n\n//styled components\nimport { Input } from 'antd'\n\n//ant d components\nconst { Search } = Input\n\n//props to receive\ninterface Props {\n  handleSearch: (value: string) => void\n  placeholderVal: string\n  disabled: boolean\n}\n\nexport const SearchField = ({\n  handleSearch,\n  placeholderVal,\n  disabled\n}: Props) => {\n  const handleChange = (e: any) => {\n    handleSearch(e.target.value)\n  }\n\n  return (\n    <Search\n      placeholder={placeholderVal}\n      style={{ width: 200 }}\n      disabled={disabled}\n      onChange={handleChange}\n    />\n  )\n}\n","//This is the component for generating the title in all pages,\n//any changes here will reflect in all pages\n\nimport React from 'react'\n\n//styled components\nimport { Typography } from 'antd'\n\n//Ant d components\nconst { Title } = Typography\n\n//props type\ninterface title {\n  titleName: string\n}\n\nconst PageTitle = ({ titleName }: title) => {\n  return (\n    <Title level={3} style={{ marginBottom: 20 }}>\n      {titleName}\n    </Title>\n  )\n}\n\nexport default PageTitle\n","//typescript table columns\nimport { TableColumns } from \"../../TypeScript_Types/TableColumns\";\n\n//this is the names of the columns in brands list table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: 'Brand Name',\n    key: 'name'\n  },\n  {\n    title: 'Brand Contact',\n    key: 'contact'\n  },\n  {\n    title: 'Customer Success Rep',\n    key: 'customer'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]","//This component will be rendered when the table data is being fetched (loading state)\n//or the data is empty\n\nimport React from 'react'\nimport { Spin } from 'antd'\n\n//asset\nimport NoDataSvg from '../../../assets/NoData.svg'\n\n//props\ninterface Props {\n  loading: boolean\n}\n\nconst NoData = ({ loading }: Props) => {\n  return (\n    <div\n      style={{\n        width: '100%',\n        padding: '16px',\n        background: '#FFFFFF',\n        position: 'relative'\n      }}\n    >\n      <div style={{ margin: '32px 0px', textAlign: 'center' }}>\n        <img src={NoDataSvg} alt=\"No data\" />\n        <p>No Data</p>\n      </div>\n      {loading && (\n        <div\n          style={{\n            width: '100%',\n            height: '100%',\n            background: '#FFFFFF',\n            opacity: '.5'\n          }}\n        >\n          <Spin style={{ position: 'absolute', top: '50%', left: '50%' }} />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default NoData\n","//This coponent will display the list of brands in a table\n\nimport React, { useContext } from 'react'\n\n//styled components\nimport { Menu, Dropdown, Icon } from 'antd'\n\n//stylesheet\nimport '../Reusable_UI/Styles.less'\n\n//constants\nimport { columnsNames } from '../../Constants/Brands/BrandsList'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//typeScript\nimport { BrandsTableProps } from '../../TypeScript_Types/Brands'\n\n//functional components\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//React FC - JSX\nconst BrandsListTable = ({\n  brandData,\n  listLoading,\n  setEditBrandId,\n  deleteLoading,\n  deleteId,\n  handleBrandDelete\n}: BrandsTableProps) => {\n  //context\n  const { handleVisible } = useContext(EditModalCTX)\n\n  // pop up action menu\n  const menu = (rowItems: any) => {\n    return (\n      <Menu>\n        <Menu.Item\n          key=\"1\"\n          onClick={() => {\n            setEditBrandId(rowItems.id)\n            handleVisible()\n          }}\n        >\n          Edit\n        </Menu.Item>\n        <Menu.Item\n          key=\"3\"\n          onClick={() => handleBrandDelete(rowItems.id, rowItems.name)}\n        >\n          Delete\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  return (\n    <div style={{ marginTop: 10 }}>\n      <table className=\"tableContainer\">\n        <thead className=\"tableHead\">\n          <tr>\n            {columnsNames.map((item: any) => (\n              <th key={item.key}>{item.title}</th>\n            ))}\n          </tr>\n        </thead>\n\n        {/* table list */}\n\n        <tbody className=\"tableBody\">\n          {brandData &&\n            brandData.map((rowItems: any, rowIndex) => {\n              return (\n                <tr key={rowIndex}>\n                  <td>{rowItems.name}</td>\n                  <td>{rowItems.primaryBrandContact}</td>\n                  <td>{rowItems.customerSuccessRep}</td>\n                  <td>\n                    {rowItems.id === deleteId && deleteLoading ? (\n                      <Icon type=\"loading\" />\n                    ) : (\n                      <Dropdown\n                        overlay={() => menu(rowItems)}\n                        trigger={['click']}\n                      >\n                        <Icon type=\"more\" />\n                      </Dropdown>\n                    )}\n                  </td>\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n\n      {/* no data or loading state */}\n      {((brandData && brandData.length === 0) ||\n        (!brandData && listLoading)) && <NoData loading={listLoading} />}\n    </div>\n  )\n}\n\nexport default BrandsListTable\n","//These are the validation rules for the form input fields\n\n//validate email\nexport const validateEmail = (value: string): string | undefined => {\n  let errors\n\n  if (!value) {\n    errors = 'Email is required.'\n  } else if (!/^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,3})+$/.test(value)) {\n    errors = 'Invalid email address!'\n  }\n\n  return errors\n}\n\n//validate required value => min 1 char\nexport const validateRequired = (value: any): string | undefined => {\n  let errors\n\n  if (!value) {\n    errors = 'Cannot be empty.'\n    return errors\n  }\n}\n\n//validate required for arrays\nexport const validateRequiredArray = (\n  value: any,\n  ignoreValidation?: boolean\n): string | undefined => {\n  let errors\n\n  if (ignoreValidation) return\n\n  if (value.length === 0) {\n    errors = 'Cannot be empty.'\n    return errors\n  }\n}\n\n//validate value length => min 5 char, mainly used for password\nexport const validateLength = (value: string): string | undefined => {\n  const MIN_LENGTH = 5\n  let errors\n\n  if (value.length < MIN_LENGTH) {\n    errors = 'Must be at least 5 characters long.'\n  }\n  return errors\n}\n","//This component will create formik based input fields using ant d.\n\n//NOTE - type=\"text\" is necessary for \"Input\" type fields\n\nimport React from 'react'\nimport { FieldProps } from 'formik'\n\n//styled component\nimport { Form, Input, TimePicker, DatePicker, Select } from 'antd'\n\n//Ant d component destructuring\nconst FormItem = Form.Item\nconst { Option } = Select\n\nconst isValueInputType = (value: string): boolean =>\n  ['Numerical', 'Freetext', 'Boolean'].includes(value)\n\n//typescript for form fields\ninterface formFields {\n  prefix: React.ReactNode\n  label: string\n  extra?: string\n  hasFeedback?: boolean\n  selectOptions: Array<string>\n  type: string\n  submitCount: number\n  setFieldValue?: (name: string, value: any) => void\n}\n\n//type class\ntype Class = { new (...args: any[]): any }\n\n//JSX\nconst CreateAntField = (AntComponent: Class) => ({\n  field,\n  form,\n  hasFeedback,\n  label,\n  extra,\n  selectOptions,\n  type,\n  submitCount,\n  setFieldValue,\n  ...props\n}: FieldProps<any> & formFields) => {\n  const touched = form.touched[field.name]\n  const submitted = submitCount > 0\n  const hasError = form.errors[field.name]\n  const submittedError = hasError && submitted\n  const touchedError = hasError && touched\n\n  const onInputChange = ({ target: { value } }: any) =>\n        form.setFieldValue(field.name, value)\n\n  const onChange = (value: any) => {\n    if (isValueInputType(value) && setFieldValue) {\n      setFieldValue('discreteValues', [])\n\n      if (value === 'Boolean')\n      {\n        setFieldValue('discreteValues', [{ value: 'TRUE' }, { value: 'FALSE' }])\n      }\n    }\n    form.setFieldValue(field.name, value)\n  }\n\n  const onBlur = () => form.setFieldTouched(field.name, true) \n  return (\n    <div className=\"field-container\">\n      <FormItem\n        label={label}\n        extra={extra}\n        hasFeedback={\n          (hasFeedback && submitted) || (hasFeedback && touched) ? true : false\n        }\n        help={submittedError || touchedError ? hasError : false}\n        validateStatus={submittedError || touchedError ? 'error' : 'success'}\n      >\n        <AntComponent\n          {...field}\n          {...props}\n          spellCheck={false}\n          onBlur={onBlur}\n          onChange={type ? onInputChange : onChange}\n        >\n          {selectOptions &&\n            selectOptions.map((name, index) => (\n              <Option key={index} value={name}>\n                {name}\n              </Option>\n            ))}\n        </AntComponent>\n      </FormItem>\n    </div>\n  )\n}\n\n//components\nexport const AntSelect = CreateAntField(Select)\nexport const AntDatePicker = CreateAntField(DatePicker)\nexport const AntTimePicker = CreateAntField(TimePicker)\nexport const AntInput = CreateAntField(Input)\nexport const AntInputPassword = CreateAntField(Input.Password)\nexport const AntTextarea = CreateAntField(Input.TextArea)\n","import React from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//utitlities\nimport { validateRequired } from '../../Utilities/Validate'\n\n//functional components\nimport { AntInput, AntTextarea } from '../Reusable_UI/Forms/FormFields'\n\n//typeScript\ninterface Props {\n  isSubmitting: boolean\n  submitCount: number\n}\n\nconst createFolderForm = ({ submitCount }: Props) => {\n  return (\n    <Form>\n      {/* brand name */}\n      <Field\n        label=\"Brand name\"\n        name=\"name\"\n        type=\"text\"\n        allowClear\n        validate={validateRequired}\n        submitCount={submitCount}\n        component={AntInput}\n      />\n\n      {/* brand description */}\n      <Field\n        label=\"Description\"\n        name=\"description\"\n        type=\"text\"\n        allowClear\n        submitCount={submitCount}\n        component={AntTextarea}\n      />\n\n      {/* contact */}\n      <Field\n        label=\"Primary Brand Contact\"\n        name=\"primaryBrandContact\"\n        type=\"text\"\n        allowClear\n        submitCount={submitCount}\n        component={AntInput}\n      />\n\n      {/* customer success rep */}\n      <Field\n        label=\"Customer Success Rep\"\n        name=\"customerSuccessRep\"\n        type=\"text\"\n        allowClear\n        submitCount={submitCount}\n        component={AntInput}\n      />\n    </Form>\n  )\n}\n\nexport default createFolderForm\n","//This will wrap child component to render it in a modal form.\n\nimport React from 'react'\nimport { Modal, Button, Popconfirm } from 'antd'\n\n// typescript types\ninterface Props {\n  title: string\n  buttons: Array<{}>\n  submitForm: () => Promise<any>\n  loading: boolean\n  viewFormModal: boolean\n  handleVisible: () => void\n}\n\n//JSX\nconst ModalWrap: React.FC<Props> = props => {\n  //props\n  const {\n    title,\n    buttons,\n    submitForm,\n    loading,\n    viewFormModal,\n    handleVisible\n  } = props\n\n  return (\n    <Modal\n      title={title}\n      visible={viewFormModal}\n      confirmLoading={false}\n      onCancel={handleVisible}\n      footer={[\n        <Button key=\"back\" onClick={handleVisible}>\n          Cancel\n        </Button>,\n\n        //other buttons\n        buttons.map((item: any) => (\n          <Popconfirm\n            title=\"Are you sure？\"\n            key={item.key}\n            okText=\"Yes\"\n            cancelText=\"No\"\n            // if there is additional action over regular submit it can be done by\n            //putting the function name in the value of action key of the button object\n            onConfirm={() => {\n              item.action && item.action()\n              submitForm()\n            }}\n          >\n            <Button type=\"primary\" loading={loading}>\n              {item.buttonName}\n            </Button>\n          </Popconfirm>\n        ))\n      ]}\n    >\n      {props.children}\n    </Modal>\n  )\n}\n\nexport default ModalWrap\n","//This component is used to display error altert, during occurence of an error\n//Note - error alert rendered on fetching form details will not be closeable\n//close alerts are for create/edit operations\n\nimport React from 'react'\n\n//styled component\nimport { Alert } from 'antd'\n\ninterface Props {\n  message: string;\n  onErrorClose?: () => void;\n  close?: boolean;\n\n}\n\nconst ErrorAlert = ({ message, onErrorClose,  close = false}: Props) => {\n  return (\n    <div\n    style={{\n      position: 'fixed',\n      top: '13%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 3,\n      maxWidth: '450px'\n    }}\n  >\n      <Alert\n        message=\"Error\"\n        description={`Error: ${message}`}\n        type=\"error\"\n        showIcon\n        onClose={onErrorClose}\n        closable = {close}\n      />\n    </div>\n  )\n}\n\nexport default ErrorAlert\n","//Container - create brand\n\nimport React, { Fragment, useContext, useRef, useEffect } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation } from '@apollo/react-hooks'\n\n//graphql\nimport { CREATE_BRAND } from '../../Graqhql/Brands/BrandsMutations'\nimport { GET_BRANDS } from '../../Graqhql/Brands/BrandQuery'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//typescript types\nimport { BrandsFormValues } from '../../TypeScript_Types/Brands'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport CreateBrandsForm from '../../Components/Brands/Create_Edit_BrandsForm'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//const form fields initial state\nconst initialFieldValues: BrandsFormValues = {\n  name: '',\n  description: '',\n  primaryBrandContact: '',\n  customerSuccessRep: ''\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Create',\n    key: 'create'\n  }\n]\n\n//JSX\nconst CreateBrand: React.FC<any> = () => {\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //context\n  const {\n    viewCreateFormModal,\n    handleVisible,\n    setCreateSuccess,\n    createError,\n    setCreateError,\n    createErrorMsg,\n    setCreateErrorMsg\n  } = useContext(CreateModalCTX)\n\n  //resetForm when there is changed in the view state of the modal,\n  //do not move the reference click to handleVisible function, it will change the animation direction of the modal\n  useEffect(() => {\n    resetRef.current && resetRef.current.click()\n  }, [viewCreateFormModal])\n\n  //create brand graphql mutation\n  const [createBrand, { loading }] = useMutation(CREATE_BRAND, {\n    onCompleted() {\n      //on success set the sucess state to true and close the modal\n      setCreateSuccess(true)\n      handleVisible()\n    },\n    onError(error: any) {\n      setCreateError(true)\n      setCreateErrorMsg(error.message)\n    },\n    refetchQueries: [{ query: GET_BRANDS }]\n  })\n\n  // create brand submit\n  const handleSubmit = (values: BrandsFormValues) => {\n    createBrand({ variables: { input: values } })\n  }\n\n  //handle modal visible or hidden and reset state\n  return (\n    <Fragment>\n      <Formik\n        initialValues={initialFieldValues}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ isSubmitting, submitCount, submitForm, handleReset }) => (\n          <ModalWrap\n            title=\"Create Brand\"\n            submitForm={submitForm}\n            buttons={buttons}\n            loading={loading}\n            handleVisible={handleVisible}\n            viewFormModal={viewCreateFormModal}\n          >\n            {/* error alert */}\n            {createError && (\n              <ErrorAlert\n                message={\n                  createErrorMsg ? createErrorMsg : 'Error creating brand.'\n                }\n                close={true}\n                onErrorClose={() => {\n                  setCreateError(false)\n                  setCreateErrorMsg('')\n                }}\n              />\n            )}\n\n            {/* create brands form */}\n            <ErrorBoundary>\n              <CreateBrandsForm\n                isSubmitting={isSubmitting}\n                submitCount={submitCount}\n              />\n            </ErrorBoundary>\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default CreateBrand\n","//This component will display a spinning wheel with 'loading...' text\n\nimport React from 'react'\n\n//functional components\nimport { Spin } from 'antd'\n\nexport const LoadingSpinner = () => {\n  return (\n    <div style={{ height: '100px' }}>\n      <div style={{ position: 'absolute', top: '50%', left: '50%' }}>\n        <Spin tip=\"Loading...\"></Spin>\n      </div>\n    </div>\n  )\n}\n","//container - edit brand.\nimport React, { Fragment, useContext, useRef, useEffect, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useQuery } from '@apollo/react-hooks'\n\n//graphql\nimport { EDIT_BRAND } from '../../Graqhql/Brands/BrandsMutations'\nimport { GET_BRANDS, GET_BRAND } from '../../Graqhql/Brands/BrandQuery'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//typescript types\nimport { BrandsFormValues } from '../../TypeScript_Types/Brands'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport EditBrandsForm from '../../Components/Brands/Create_Edit_BrandsForm'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//initial fields\nlet initialFieldValues: BrandsFormValues = {\n  name: '',\n  description: '',\n  primaryBrandContact: '',\n  customerSuccessRep: ''\n}\n\ninterface Props {\n  editBrandId: string\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Edit',\n    key: 'edit'\n  }\n]\n\n//JSX\nconst EditBrand: React.FC<Props> = ({ editBrandId }) => {\n  //local states\n  const [brandInfoError, setBrandInfoError] = useState()\n  const [brandInfo, setBrandInfo] = useState(initialFieldValues)\n\n  //context\n  const {\n    handleVisible,\n    setEditSuccess,\n    setEditErrorMsg,\n    editError,\n    setEditError,\n    editErrorMsg,\n    viewEditFormModal\n  } = useContext(EditModalCTX)\n\n  //get brand details\n  const { data: brandData, loading: brandLoading } = useQuery(GET_BRAND, {\n    variables: { id: editBrandId },\n    onError(error) {\n      setBrandInfoError(error)\n    }\n  })\n\n  //update intial state\n  useEffect(() => {\n    if (brandData) {\n      setBrandInfo(brandData.brand)\n    }\n  }, [brandData])\n\n  //ref\n  const resetRef: any = useRef(null)\n\n  //useEffect - resetForm do not move calling ref to handleVisible function it will change the transform origin of the modal\n  useEffect(() => {\n    if (viewEditFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewEditFormModal])\n\n  //graphql mutation\n  const [editBrand, { loading }] = useMutation(EDIT_BRAND, {\n    onCompleted() {\n      setEditSuccess(true)\n      handleVisible()\n    },\n    onError(error) {\n      setEditErrorMsg(error.message)\n      setEditError(true)\n    },\n    refetchQueries: [{ query: GET_BRANDS }]\n  })\n\n  //call mutation and submit form\n  const handleSubmit = (values: BrandsFormValues) => {\n    //mutation input arg\n    let input = {\n      name: values.name,\n      description: values.description,\n      primaryBrandContact: values.primaryBrandContact,\n      customerSuccessRep: values.customerSuccessRep\n    }\n\n    editBrand({ variables: { input, id: editBrandId } })\n  }\n\n  return (\n    <Fragment>\n      {/* edit brand form */}\n      <Formik\n        enableReinitialize\n        initialValues={brandInfo}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ isSubmitting, submitCount, submitForm, handleReset }) => (\n          <ModalWrap\n            title=\"Edit Brand\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={loading}\n            handleVisible={handleVisible}\n            viewFormModal={viewEditFormModal}\n          >\n            {/* error alert mutation request, NOTE - success is handled in the parent component */}\n            {editError && (\n              <ErrorAlert\n                message={editErrorMsg ? editErrorMsg : 'Error updating brands.'}\n                close={true}\n                onErrorClose={() => {\n                  setEditError(false)\n                  setEditErrorMsg('')\n                }}\n              />\n            )}\n\n            {/* error fetch the brand info */}\n            {brandInfoError ? (\n              <ErrorAlert\n                message={\n                  brandInfoError.message\n                    ? brandInfoError.message\n                    : 'Error fetching brand details.'\n                }\n              />\n            ) : (\n              <Fragment>\n                {/* display css loader while the brand details are getting downloaded */}\n                {brandLoading ? (\n                  <LoadingSpinner />\n                ) : (\n                  <ErrorBoundary>\n                    <EditBrandsForm\n                      isSubmitting={isSubmitting}\n                      submitCount={submitCount}\n                    />\n                  </ErrorBoundary>\n                )}\n              </Fragment>\n            )}\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default EditBrand\n","//This component is used to display success alert, after a request is successful\n\nimport React from 'react'\n\n//styled component\nimport { Alert } from 'antd'\n\ninterface Props {\n  message: string\n  title: string\n  closable: boolean\n}\n\nconst SuccessAlert = ({ message, closable, title }: Props) => {\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        top: '13%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n        zIndex: 3\n      }}\n    >\n      <Alert\n        message={title}\n        description={`Success: ${message}`}\n        type=\"success\"\n        closable={closable}\n        showIcon\n      />\n    </div>\n  )\n}\n\nexport default SuccessAlert\n","//container - brands list\n//This is the parent container for wrapping the components of the brands in the edit and create context provider\n\nimport React, { useState, useEffect, Fragment, useContext } from 'react'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\nimport { Link } from 'react-router-dom'\n\n//ant d\nimport { Tooltip, Button, Modal, Breadcrumb } from 'antd'\n\n//graphql query\nimport { GET_BRANDS } from '../../Graqhql/Brands/BrandQuery'\nimport { DELETE_BRAND } from '../../Graqhql/Brands/BrandsMutations'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//functional components\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport { SearchField } from '../../Components/Reusable_UI/Forms/SearchField'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport BrandsListTable from '../../Components/BrandsList/BrandsListTable'\nimport CreateBrand from '../Brands/CreateBrands'\nimport EditBrand from '../Brands/EditBrands'\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//ant component destructring\nconst { confirm } = Modal\n\n//inline styles\nconst titleDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center'\n}\n\nconst searchAddDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexBasis: '21%'\n}\n\n//const title of login page\nconst PAGE_TITLE = 'Brands'\n\n//Breadcrumb nav\nconst BrandBreadcrumb = () => {\n  return (\n    <Breadcrumb style={{ marginBottom: '20px' }}>\n      <Breadcrumb.Item>\n        <Link to=\"create_experiment\">Create experiment</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>Brands</Breadcrumb.Item>\n    </Breadcrumb>\n  )\n}\n\n//React FC JSX\nconst BrandsList: React.FC<any> = props => {\n  //get brands data from graphql\n  const { data, loading, error } = useQuery(GET_BRANDS)\n\n  //local state\n  const [brandData, setBrandData] = useState([])\n  const [editBrandId, setEditBrandId] = useState('')\n  const [deleteId, setDeleteId] = useState()\n  const [deleteError, setDeleteError] = useState()\n\n  //context\n  const { viewEditFormModal, editSuccess } = useContext(EditModalCTX)\n  const { createSuccess, handleVisible, viewCreateFormModal } = useContext(\n    CreateModalCTX\n  )\n\n  //update the local state, this will be used in search function.\n  useEffect(() => {\n    if (data) {\n      setBrandData(data.brands)\n    }\n  }, [data])\n\n  //SEARCH FILTER - search brand name from the list\n  const handleSearch = (value: string) => {\n    if (!value) {\n      setBrandData(data.brands)\n    } else {\n      const filteredItem = data.brands.filter((brand: any) =>\n        brand.name.includes(value)\n      )\n      setBrandData(filteredItem)\n    }\n  }\n\n  //delete brand mutation\n  const [deleteBrand, { loading: deleteLoading }] = useMutation(DELETE_BRAND, {\n    onCompleted() {\n      setDeleteId(null)\n    },\n    onError(error) {\n      setDeleteError(error)\n    },\n    refetchQueries: [{ query: GET_BRANDS }]\n  })\n\n  //call delete brand mutations\n  const handleBrandDelete = (brandId: string, brandName: string) => {\n    setDeleteId(brandId)\n\n    confirm({\n      title: 'Delete brand',\n      content: `Are you sure you want to delete ${brandName}?`,\n      okText: 'Yes',\n      okType: 'danger',\n      cancelText: 'No',\n      onOk() {\n        deleteBrand({ variables: { id: brandId } })\n      }\n    })\n  }\n\n  // close delete error popup\n  const onCloseDeleteError = () => {\n    setDeleteError(null)\n    setDeleteId(null)\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      {/* breadcrum navigation */}\n      <BrandBreadcrumb />\n\n      {/* title and search bar div */}\n      <div style={titleDiv}>\n        <PageTitle titleName={PAGE_TITLE} />\n\n        <div style={searchAddDiv}>\n          <SearchField\n            handleSearch={handleSearch}\n            placeholderVal=\"search brand\"\n            disabled={!brandData}\n          />\n          {/* create brand button */}\n          <Tooltip title=\"Create new brand\" placement=\"topRight\">\n            <Button\n              shape=\"circle\"\n              icon=\"plus\"\n              type=\"primary\"\n              onClick={handleVisible}\n            />\n          </Tooltip>\n\n          {/* create brand */}\n          {viewCreateFormModal && <CreateBrand />}\n        </div>\n      </div>\n\n      {createSuccess || editSuccess ? (\n        <SuccessAlert\n          message={\n            createSuccess\n              ? 'Brand created successfully.'\n              : 'Brand updated successfully.'\n          }\n          closable={true}\n          title={createSuccess ? 'Create brand' : 'Edit brand'}\n        />\n      ) : null}\n\n      {/* error getting brand details */}\n      {error ? (\n        <ErrorAlert\n          message={\n            error.message ? error.message : 'Error fetching brand details.'\n          }\n        />\n      ) : (\n        <Fragment>\n          {/* delete brand error */}\n          {deleteError && (\n            <ErrorAlert\n              message={\n                deleteError ? deleteError.message : 'Error deleting brands.'\n              }\n              close={true}\n              onErrorClose={onCloseDeleteError}\n            />\n          )}\n\n          {/* table content */}\n          <ErrorBoundary>\n            <BrandsListTable\n              brandData={brandData}\n              listLoading={loading}\n              deleteLoading={deleteLoading}\n              deleteId={deleteId}\n              handleBrandDelete={handleBrandDelete}\n              setEditBrandId={setEditBrandId}\n            />\n          </ErrorBoundary>\n\n          {/* edit brand pop up */}\n          {viewEditFormModal && <EditBrand editBrandId={editBrandId} />}\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default BrandsList\n","//Query - Experiments\n\nimport gql from 'graphql-tag'\n\n//get the list of all experiments\nexport const GET_EXPERIMENTS = gql`\n query getExperiments($after: String, $searchParam: String) {\n\texperiments(first: ${Math.ceil(\n    (window.innerHeight - 200) / 54\n  )}, after: $after, name_Icontains: $searchParam){\n\t\tpageInfo  {\n\t\t\tstartCursor\n\t\t\tendCursor\n\t\t\thasNextPage\n\t\t\thasPreviousPage\n\t\t}\n\t\tedges {\n\t\t\tcursor\n\t\t\tnode {\n\t\t\t\tid\n\t\t\t\tname\n        timeStamp\n        numberFolders\n        numberPermutations\n\t\t\t}\n\t\t}\n\t}\n}\n`\n\n//get the choices and options for create/edit experiment forms\nexport const GET_EXPERIMENT_OPTIONS = gql`\n  query {\n    #  channels\n    channels {\n      name\n      mediums\n    }\n\n    # features\n    features {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n\n    # brands\n    brands {\n      id\n      name\n    }\n\n    # users - manager\n    dtxcloudUsers {\n      id\n      username\n    }\n  }\n`\n\n//edit experiment\n//get the choices and options for create/edit experiment forms\nexport const GET_EDIT_EXPERIMENT = gql`\n  query($id: UUID) {\n    #  experiment\n    experiment(id: $id) {\n      id\n      name\n      manager {\n        id\n      }\n      isCac\n      owner {\n        username\n      }\n      experimentBrandSet {\n        id\n        brand {\n          id\n        }\n      }\n      experimentIdentifier\n      channels\n      mediums\n      startDate\n      endDate\n      spendToDate\n      impressionsToDate\n      experimentDiscreteSet {\n        id\n        discreteValue {\n          id\n          value\n          feature {\n            id\n            name\n          }\n        }\n      }\n    }\n    # channels\n    channels {\n      name\n      mediums\n    }\n\n    # features\n    features {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n    # brands\n    brands {\n      id\n      name\n    }\n\n    # users - manager\n    dtxcloudUsers {\n      id\n      username\n    }\n  }\n`\n\n//view experiment\nexport const VIEW_EXPERIMENT = gql`\n  query($id: UUID) {\n    experiment(id: $id) {\n      id\n      name\n      manager {\n        id\n      }\n      isCac\n      brands {\n        id\n        name\n      }\n      experimentIdentifier\n      channels\n      mediums\n      startDate\n      endDate\n      spendToDate\n      impressionsToDate\n      discreteValues {\n        id\n        value\n        feature {\n          id\n          name\n        }\n      }\n    }\n  }\n`\n\nexport const GET_EXPERIMENT_ANALYTICS = gql`\n  query experiment($id: UUID) {\n    analytics(id: $id) {\n      id\n      scanCount\n      costPerScan\n      permutationName\n    }\n  }\n`\n\n// export const SEARCH_EXPERIMENTS = gql`\n//   query searchExperiments($searchParam: String) {\n//     experiments(name_Icontains: $searchParam){\n//   \t\tedges {\n//   \t\t\tnode {\n//   \t\t\t\tid\n//   \t\t\t\tname\n//           timeStamp\n//           numberFolders\n//           numberPermutations\n//   \t\t\t}\n//   \t\t}\n//   \t}\n//   }\n// `;\n","// mutations - Experiments\n\nimport gql from 'graphql-tag'\n\n//create experiment\nexport const CREATE_EXPERIMENT = gql`\n  mutation($input: ExperimentInputType, $discreteValues: [UUID!]) {\n    createExperiment(input: $input, discreteValues: $discreteValues) {\n      experiment {\n        id\n      }\n    }\n  }\n`\n\n//update experiment\nexport const UPDATE_EXPERIMENT = gql`\n  mutation(\n    $id: UUID!\n    $input: ExperimentInputType\n    $addBrands: [UUID]\n    $deleteBrands: [UUID]\n    $addDiscreteValues: [UUID]\n    $deleteDiscreteValues: [UUID]\n  ) {\n    updateExperiment(\n      id: $id\n      input: $input\n      addBrands: $addBrands\n      deleteBrands: $deleteBrands\n      addDiscreteValues: $addDiscreteValues\n      deleteDiscreteValues: $deleteDiscreteValues\n    ) {\n      ok\n    }\n  }\n`\n\n// mutation to delete experiment\nexport const DELETE_EXPERIMENT = gql`\n  mutation($id: UUID!) {\n    deleteExperiment(id: $id) {\n      ok\n    }\n  }\n`\n","//This component wraps toggle elements and returns disabled or editable input element.\n\nimport { useEffect } from 'react'\n\n//typescipt\ninterface ToggleProps {\n  editable: boolean\n  editableEl: any\n  staticEl: any\n  elRef?: any\n  autoFocus?: boolean\n}\n\n//React FC\nconst ToggleWrapper = ({\n  editable,\n  editableEl,\n  staticEl,\n  elRef,\n  autoFocus = false\n}: ToggleProps): JSX.Element => {\n  //give focus to editable element\n  useEffect(() => {\n    if (editable && autoFocus && elRef) {\n      elRef.current.focus()\n    }\n  }, [editable, autoFocus, elRef])\n\n  //return editable or disabled element\n  if (editable) return editableEl\n  return staticEl\n}\n\nexport default ToggleWrapper\n","//This component is used to toggle between editable and disabled input field\n\nimport React, { useRef, useState } from 'react'\n//styled components\nimport { Form, Input } from 'antd'\n//utility\nimport ToggleWrapper from './ToggleWrapper'\n\n//ant component destructuring\nconst { Item } = Form\n\n//typescript\ninterface ToggleInputProps {\n  label: string\n  value: string\n  formattedValue?: string\n  onElBlur?: () => void\n  setFieldValue: (v: string) => any\n  prefix?: string\n\n  //disableInput is used in view permutation, once the final number is set to true\n  //further editing must not be allowed\n  disableInput?: boolean\n}\n\n//JSX\nconst ToggleEditInput = ({\n  label,\n  value,\n  formattedValue,\n  onElBlur,\n  setFieldValue,\n  prefix,\n  disableInput = false\n}: ToggleInputProps): JSX.Element => {\n  //ref\n  const ref = useRef()\n  //local state\n  const [isEdit, setIsEdit] = useState(false)\n\n  return (\n    <Item label={label}>\n      <ToggleWrapper\n        editable={isEdit}\n        autoFocus\n        elRef={ref}\n        // static input element for view purpose\n        staticEl={\n          <div\n            onClick={() => {\n              !disableInput && setIsEdit(true)\n            }}\n          >\n            <Input\n              prefix={prefix}\n              value={formattedValue || value}\n              disabled\n              className={\n                !disableInput\n                  ? 'hide-disabled c-pointer'\n                  : 'hide-disabled d-pointer'\n              }\n            />\n          </div>\n        }\n        // editable input element\n        editableEl={\n          <Input\n            prefix={prefix}\n            value={value}\n            onChange={(e: any) => setFieldValue(e.target.value)}\n            onBlur={() => {\n              setIsEdit(false)\n              if (onElBlur) onElBlur()\n            }}\n            ref={(node: any) => (ref.current = node)}\n          />\n        }\n      />\n    </Item>\n  )\n}\n\nexport default ToggleEditInput\n","import React, { useRef, useState } from 'react'\nimport { Form, Input, Select } from 'antd'\nimport ToggleWrapper from './ToggleWrapper'\n\nconst { Item } = Form\nconst { Option } = Select\n\ninterface SelectProps {\n  name: string\n  displayValue: string\n  selectValue: string\n  fieldValue: (v: string) => any\n  options: any[]\n  optionValue: (v: any) => string\n  optionName: (v: any) => string\n  setValue: (value: string) => void\n  mode?: string\n\n  //disable select is used in view permutation, once the final number is set to true\n  //further editing must not be allowed\n  disableSelect?: boolean\n}\n\nconst ToggleSelect = ({\n  name,\n  displayValue,\n  selectValue,\n  fieldValue,\n  options,\n  optionValue,\n  optionName,\n  setValue,\n  mode,\n  disableSelect = false\n}: SelectProps): JSX.Element => {\n  //ref - to set focus for the editable element\n  const ref = useRef()\n\n  //local state\n  const [isEdit, setIsEdit] = useState(false)\n\n  return (\n    <Item label={name[0].toUpperCase() + name.slice(1)}>\n      <ToggleWrapper\n        editable={isEdit}\n        elRef={ref}\n        autoFocus\n        staticEl={\n          <div\n            onClick={() => {\n              !disableSelect && setIsEdit(true)\n            }}\n          >\n            <Input\n              value={displayValue}\n              disabled\n              placeholder={name}\n              className={\n                disableSelect\n                  ? 'hide-disabled d-pointer'\n                  : 'hide-disabled c-pointer'\n              }\n            />\n          </div>\n        }\n        editableEl={\n          <Select\n            {...mode}\n            placeholder={'Select ' + name}\n            value={selectValue}\n            onChange={(value: string) => setValue(fieldValue(value))}\n            onBlur={() => setIsEdit(false)}\n            ref={(node: any) => (ref.current = node)}\n          >\n            {options &&\n              options.map((o: any) => (\n                <Option value={optionValue(o)} key={optionValue(o)}>\n                  {optionName(o)}\n                </Option>\n              ))}\n          </Select>\n        }\n      />\n    </Item>\n  )\n}\n\nexport default ToggleSelect\n","//This component is used to create a toggled List or Select dropdown.\n\nimport React, { useRef, useState } from 'react'\n//ant destructuring\nimport { Form, Select, List } from 'antd'\n//utility\nimport ToggleWrapper from './ToggleWrapper'\n\n//ant design component destructuring\nconst { Item } = Form\nconst { Option } = Select\n\n//typescript\ninterface ListSelectProps {\n  name: string\n  displayValue: any[]\n  selectValue?: any[]\n  fieldValue?: (v: any) => any\n  options: any[]\n  optionValue: (v: any) => string\n  optionName: (v: any) => string\n  setFieldValue: (value: any) => void\n  onElBlur?: () => void\n  onElChange?: () => void\n  help?: string | boolean\n  validateStatus?: '' | 'error' | 'success'\n  optionFilterProp?: string\n  formField?: any\n  disableSelect?: boolean\n\n  //disable list is used in view permutation, once the final number is set to true\n  //further editing must not be allowed\n  disableList?: boolean\n}\n\n//JSX\nconst ToggleListSelect = ({\n  name,\n  displayValue,\n  selectValue,\n  fieldValue,\n  options,\n  optionValue,\n  optionName,\n  setFieldValue,\n  onElBlur,\n  onElChange,\n  help,\n  validateStatus,\n  optionFilterProp,\n  formField,\n  disableSelect = false,\n  disableList = false\n}: ListSelectProps): JSX.Element => {\n  //ref\n  const ref = useRef()\n  //local state\n  const [isEdit, setIsEdit] = useState(false)\n\n  return (\n    <Item\n      label={name[0].toUpperCase() + name.slice(1)}\n      help={help}\n      validateStatus={validateStatus}\n    >\n      <ToggleWrapper\n        editable={isEdit}\n        elRef={ref}\n        autoFocus\n        //static display element\n        staticEl={\n          <div\n            onClick={() => {\n              !disableList && setIsEdit(true)\n            }}\n            className={disableList ? 'd-pointer' : 'c-pointer'}\n          >\n            <List\n              bordered\n              dataSource={displayValue}\n              renderItem={(item: any) => (\n                <List.Item> {item.name || item} </List.Item>\n              )}\n              style={{ background: 'white' }}\n            />\n          </div>\n        }\n        //editable input element\n        editableEl={\n          <Select\n            mode=\"multiple\"\n            placeholder={'Select ' + name}\n            allowClear\n            value={selectValue}\n            {...formField}\n            onChange={(value: any) => {\n              setFieldValue(fieldValue ? fieldValue(value) : value)\n              if (onElChange) onElChange()\n            }}\n            onBlur={() => {\n              setIsEdit(false)\n              if (onElBlur) onElBlur()\n            }}\n            ref={(node: any) => (ref.current = node)}\n            optionFilterProp={optionFilterProp}\n            disabled={disableSelect}\n          >\n            {options &&\n              options.map((o: any) => (\n                <Option\n                  key={optionValue(o)}\n                  value={optionValue(o)}\n                  title={optionName(o)}\n                >\n                  {optionName(o)}\n                </Option>\n              ))}\n          </Select>\n        }\n      />\n    </Item>\n  )\n}\n\nexport default ToggleListSelect\n","//This component will toggle between tree select and description preview\nimport React, { useRef, useState } from 'react'\n//styled component\nimport { Form, TreeSelect, Collapse, Descriptions } from 'antd'\n//utilities\nimport ToggleWrapper from './ToggleWrapper'\n\n//ant design component destructuring\nconst { Item } = Form\nconst { Panel } = Collapse\nconst DescItem = Descriptions.Item\n\n//typescript\ninterface ListSelectProps {\n  name: string\n  selectValue?: any[]\n  setFieldValue: (value: any) => void\n  onToggle?: () => void\n  onElChange?: () => void\n  help?: string | boolean\n  validateStatus?: '' | 'error' | 'success'\n  optionFilterProp?: string\n  formField?: any\n  treeData: any\n  filterProp: string\n  showCheckedStrategy?: any\n  label?: string\n  disableEdit?: boolean\n  selectedItems: any[]\n}\n\n//JSX\nconst ToggleTreeSelect = ({\n  name,\n  selectValue,\n  setFieldValue,\n  onToggle,\n  onElChange,\n  help,\n  validateStatus,\n  filterProp,\n  formField,\n  treeData,\n  showCheckedStrategy,\n  label,\n  disableEdit = false,\n  selectedItems\n}: ListSelectProps): JSX.Element => {\n  //ref\n  const ref = useRef()\n  //local state\n  const [isEdit, setIsEdit] = useState(false)\n\n  return (\n    <Item\n      label={label || name[0].toUpperCase() + name.slice(1)}\n      help={help}\n      validateStatus={validateStatus}\n      className=\"ant-row-left-align\"\n    >\n      <ToggleWrapper\n        editable={isEdit}\n        elRef={ref}\n        staticEl={\n          <div\n            onClick={() => {\n              !disableEdit && setIsEdit(true)\n            }}\n            className={disableEdit ? 'd-pointer' : 'c-pointer'}\n          >\n            <Collapse bordered={false} defaultActiveKey={['1']}>\n              <Panel\n                showArrow={false}\n                header={'Preview selected ' + label?.toLowerCase()}\n                key=\"1\"\n              >\n                {!selectedItems || selectedItems.length === 0 ? (\n                  <div style={{ textAlign: 'center' }}>\n                    <p>{label} not selected.</p>\n                  </div>\n                ) : (\n                  <Descriptions\n                    layout=\"vertical\"\n                    bordered\n                    size=\"small\"\n                    style={{ background: 'white' }}\n                  >\n                    {selectedItems.map((previewItem: any) => (\n                      <DescItem\n                        label={previewItem.featureName}\n                        key={previewItem.featureId}\n                      >\n                        {previewItem.discreteValues &&\n                          previewItem.discreteValues.map((item: any) => (\n                            <p key={item.id} style={{ marginBottom: '5px' }}>\n                              {item.value}\n                            </p>\n                          ))}\n                      </DescItem>\n                    ))}\n                  </Descriptions>\n                )}\n              </Panel>\n            </Collapse>\n          </div>\n        }\n        editableEl={\n          <TreeSelect\n            // {...formField}\n            value={selectValue || selectedItems}\n            treeData={treeData}\n            searchPlaceholder=\"Please select features value\"\n            treeCheckable={true}\n            allowClear\n            showCheckedStrategy={showCheckedStrategy}\n            onChange={(value: any) => {\n              setFieldValue(value)\n              if (onElChange) onElChange()\n            }}\n            onDropdownVisibleChange={(open: boolean) => {\n              if (!open) {\n                setIsEdit(false)\n                if (onToggle) onToggle()\n              }\n            }}\n            ref={(node: any) => (ref.current = node)}\n            treeNodeFilterProp={filterProp}\n          />\n        }\n      />\n    </Item>\n  )\n}\n\nexport default ToggleTreeSelect\n","//This is the utility function for creating a features -> Discrete value tree structure for TreeSelect styled component\n\n//typeScripts\nimport { AllFeaturesItem, Feature } from '../TypeScript_Types/Features'\n\n//tree data for TreeSelect\nexport const GetFeaturesTree = (\n  inputData: Array<AllFeaturesItem | Feature>\n): any => {\n  const treeData = inputData.map((feature, i: number) => ({\n    // Parent\n    value: feature.id,\n    title: feature.name,\n    key: `0-${i}`,\n    children: feature.discreteValues.map((discrete, index: number) => {\n      const key = `0-${i}-${index}`\n      return {\n        // child\n        title: discrete.value,\n        value: discrete.id,\n        key: key\n      }\n    })\n  }))\n  return treeData\n}\n","import { AllBrandItem } from '../TypeScript_Types/Brands'\n\n//format numbers with commas\nexport const numberWithCommas = (x: number): string => {\n  return x\n    ?.toString()\n    .split(',')\n    .join('')\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')\n}\n\n//remove commas from a number/string\nexport const removeCommas = (x: any): string => {\n  return x\n    ?.toString()\n    .split(',')\n    .join('')\n}\n\nexport interface FormatPermutationName {\n  values: {\n    medium: string\n    brands: string[]\n    variables: string[]\n    channel: string\n  }\n  brandsList: AllBrandItem[]\n  permutationData: {\n    experiment: any\n  }\n  date?: string\n}\n\nexport const formatPermutationName = ({\n  values,\n  brandsList,\n  permutationData\n}: FormatPermutationName): string => {\n  const medium = values.medium ? values.medium : ''\n  const brands = values.brands\n    .map((brandId: string) => {\n      const brand = brandsList.find(\n        (brand: { id: string }) => brand?.id === brandId\n      )\n      return brand?.name\n    })\n    .join('-')\n  const experimentDiscreteSet =\n    permutationData?.experiment?.experimentDiscreteSet\n  const features = values.variables\n    .map((variableId: string) => {\n      const feature = experimentDiscreteSet?.find(\n        (experimentDiscreteValue: {\n          id: string\n          discreteValue: { id: string }\n        }) =>\n          experimentDiscreteValue?.discreteValue?.id === variableId || // create and edit have different data structure\n          experimentDiscreteValue?.id === variableId\n      )\n      return feature?.discreteValue?.value?.toLowerCase()\n    })\n    .join('-')\n  // const identifier = permutationData?.experiment?.experimentIdentifier || ''\n  const channel = values.channel?.toLowerCase()\n  return [\n    brands,\n    channel,\n    medium.toLowerCase().replace(/,/g, '-'),\n    // identifier,\n    features\n  ]\n    .filter(Boolean)\n    .join('_')\n}\n","//These functions will accept dates in UTC format and render the local date in YYYY-MM-DD and time in HH:MM format.\n\n//this is to add a '0' padding to single digits months\nfunction pad(value: number) {\n  if (value < 10) {\n    return '0' + value\n  } else {\n    return value\n  }\n}\n\n//send formatted date\nexport const getDateValue = (timestamp: string) => {\n  let newDate = new Date(timestamp)\n  return (\n    pad(newDate.getMonth() + 1) +\n    '-' +\n    pad(newDate.getDate()) +\n    '-' +\n    newDate.getFullYear()\n  )\n}\n\n//send formatted time\nexport const getTimeValue = (timestamp: string) => {\n  let newDate = new Date(timestamp)\n  return pad(newDate.getHours()) + ':' + pad(newDate.getMinutes())\n}\n","import { ExperimentFormValues } from '../TypeScript_Types/ExperimentTypes'\nimport { Format } from '../Constants/dateTime'\nimport { getDateValue, getTimeValue } from './SplitDateTime'\nimport moment from 'moment'\nimport {\n  AllFeaturesItem,\n  FeaturePreview,\n  DiscreteValues\n} from '../TypeScript_Types/Features'\n\nexport const submitEditExperiment = (\n  values: ExperimentFormValues,\n  initialBrands: Array<any>,\n  initialFeatures: Array<any>,\n  updateExperiment: (variables: any) => void,\n  experimentId: string\n): void => {\n  //convert dates to \"YYYY-MM-DD\" format and time to \"HH:MM\"\n  let startDate\n  let startTime\n  let endDate\n  let endTime\n  let startDateTimeUTC = null\n  let endDateTimeUTC = null\n\n  //If start date is not null\n  if (values.startDate) {\n    startDate = moment(values.startDate).format(Format.convertUTCDateFormat)\n    startTime = values.startTime\n      ? moment(values.startTime).format(Format.timeFormat)\n      : '00:00'\n    //convert start date and time to UTC\n    startDateTimeUTC = new Date(startDate + 'T' + startTime).toISOString()\n  }\n\n  //If end date is not null\n  if (values.endDate) {\n    endDate = moment(values.endDate).format(Format.convertUTCDateFormat)\n    endTime = values.endTime\n      ? moment(values.endTime).format(Format.timeFormat)\n      : '00:00'\n    //convert end date and time to UTC\n    endDateTimeUTC = new Date(endDate + 'T' + endTime).toISOString()\n  }\n\n  //create add and delete brands list\n  const deleteBrands =\n    initialBrands.length > 0\n      ? initialBrands\n          .filter(\n            (item: { brand: { id: string } }) =>\n              !values.brands.includes(item.brand.id)\n          )\n          .map((brand: { id: string }) => brand.id)\n      : []\n\n  const addBrands =\n    initialBrands.length > 0\n      ? values.brands.filter((brand: string) =>\n          initialBrands.some(\n            (item: { brand: { id: string } }) => item.brand.id !== brand\n          )\n        )\n      : values.brands\n\n  //create add and delete features list\n  // send experimentDiscreteSet > id for delete and discreteValue > id for add.\n  const deleteDiscreteValues =\n    initialFeatures.length > 0\n      ? initialFeatures\n          .filter(\n            (feature: { discreteValue: { id: string } }) =>\n              !values.discreteValues.includes(feature.discreteValue.id)\n          )\n          .map((item: { id: string }) => item.id)\n      : []\n\n  const addDiscreteValues =\n    initialFeatures.length > 0\n      ? values.discreteValues.filter(\n          (value: string) =>\n            !initialFeatures.some(\n              (initFeature: { discreteValue: { id: string } }) =>\n                initFeature.discreteValue.id === value\n            )\n        )\n      : values.discreteValues\n  //create input\n  const input = {\n    name: values.name,\n    experiment_identifier: values.experiment_identifier, // eslint-disable-line\n    channels: values.channels,\n    mediums: values.mediums,\n    startDate: startDateTimeUTC,\n    endDate: endDateTimeUTC,\n    manager: values.manager,\n    isCac: values.isCac\n  }\n  // console.log({\n  //   id: experimentId,\n  //   input: input,\n  //   addBrands,\n  //   deleteBrands,\n  //   addDiscreteValues,\n  //   deleteDiscreteValues\n  // })\n  //call update mutation\n  updateExperiment({\n    variables: {\n      id: experimentId,\n      input: input,\n      addBrands,\n      deleteBrands,\n      addDiscreteValues,\n      deleteDiscreteValues\n    }\n  })\n}\n\n//Used to prepare data for the experiment form\nexport const createExperimentFormData = (expData: any): any => {\n  const { experiment } = expData\n\n  //get existing brands\n  const brands = experiment.experimentBrandSet.map(\n    (item: { brand: { id: string } }) => item.brand.id\n  )\n  \n  //get existing discreteValues\n  const discreteValues = experiment.experimentDiscreteSet.map(\n    (item: { discreteValue: { id: string } }) => item.discreteValue.id\n  )\n  //get existing features\n  // let features = experiment.discreteValues.map((item: {feature: {id: string}}) => item.feature.id);\n  //split and format date and time\n  const startDate = experiment.startDate\n    ? moment(getDateValue(experiment.startDate), Format.dateFormat)\n    : null\n  const startTime = experiment.startDate\n    ? moment(getTimeValue(experiment.startDate), Format.timeFormat)\n    : null\n  const endDate = experiment.endDate\n    ? moment(getDateValue(experiment.endDate), Format.dateFormat)\n    : null\n  const endTime = experiment.endDate\n    ? moment(getTimeValue(experiment.endDate), Format.timeFormat)\n    : null\n  //channels & mediums to upper case - to have it in sync with it's enums case\n  const channels = experiment.channels.map((item: string) => item.toUpperCase())\n  const mediums = experiment.mediums.map((item: string) => item.toUpperCase())\n\n  const data = { ...experiment }\n  // console.log(data)\n  data.brands = brands\n  data.discreteValues = discreteValues\n  data.startDate = startDate\n  data.startTime = startTime\n  data.endDate = endDate\n  data.endTime = endTime\n  data.experiment_identifier = experiment.experimentIdentifier // eslint-disable-line\n  data.channels = channels\n  data.mediums = mediums\n  data.manager = data.manager?.id\n  return {\n    experimentData: data,\n    initialBrands: experiment.experimentBrandSet,\n    initialFeatures: experiment.experimentDiscreteSet\n  }\n}\n\nexport const accumulateFeatures = (experiment: any): any => {\n  const customFeatureData = experiment.discreteValues.reduce(function(\n    acc: any,\n    obj: any\n  ) {\n    //find if the feature already exists in the accumulator\n    const objIndex = acc.findIndex(\n      (object: any) => object.featureId === obj.feature.id\n    )\n    if (objIndex === -1) {\n      //create custom object\n      const customFeature = {\n        featureId: obj.feature.id,\n        featureName: obj.feature.name,\n        discreteValues: [obj.value]\n      }\n      acc.push(customFeature)\n    } else {\n      //replace featureNames in existing object\n      acc[objIndex].discreteValues.push(obj.value)\n    }\n    return acc\n  },\n  [])\n  return customFeatureData\n}\n\nexport const featuresAccumulator = (\n  features: any,\n  discreteValues: any\n): any => {\n  //create a new array consisting the feature with just the selected discrete values.\n  const customFeatureData = features.reduce(function(\n    acc: Array<FeaturePreview>,\n    obj: AllFeaturesItem\n  ) {\n    if (\n      obj.discreteValues.some(featureName =>\n        discreteValues.includes(featureName.id)\n      )\n    ) {\n      // filter the discreteValues data from feature(obj) that consist the featureName id\n      const filterDiscreteValues: Array<DiscreteValues> = obj.discreteValues.filter(\n        featureItem => discreteValues.includes(featureItem.id)\n      )\n\n      //find if the feature already exists in the accumulator\n      const objIndex = acc.findIndex(accItem => accItem.featureId === obj.id)\n      if (objIndex === -1) {\n        //create custom object\n        const filteredFeature = {\n          featureId: obj.id,\n          featureName: obj.name,\n          discreteValues: [...filterDiscreteValues]\n        }\n        acc.push(filteredFeature)\n      } else {\n        //replace featureNames in existing object\n        acc[objIndex].discreteValues = filterDiscreteValues\n      }\n    }\n    return acc\n  },\n  [])\n  return customFeatureData\n}\n\nexport const accumulateFeatures2 = (expData: any, values: any): any => {\n  return featuresAccumulator(expData.features, values.discreteValues)\n}\n\nexport const accumulateFeatures3 = (features: any[]): any => {\n  return features.reduce((acc: any[], obj: any) => {\n    const objIndex = acc.findIndex(\n      (item: any) =>\n        item.featureId === obj.discreteValue?.feature?.id || obj.feature?.id\n    )\n\n    if (objIndex >= 0) {\n      acc[objIndex].discreteValues = [\n        ...acc[objIndex].discreteValues,\n        { id: obj.id, value: obj.discreteValue?.value || obj.value }\n      ]\n    } else {\n      acc.push({\n        featureId: obj.discreteValue?.feature?.id || obj.feature?.id,\n        featureName: obj.discreteValue?.feature?.name || obj.feature?.name,\n        discreteValues: [\n          {\n            id: obj.discreteValue?.id || obj.id,\n            value: obj.discreteValue?.value || obj.value\n          }\n        ]\n      })\n    }\n    return acc\n  }, [])\n}\n","//This is the form for create experiment\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React, { useState, useEffect } from 'react'\nimport moment from 'moment'\n\n//form handler\nimport { Field } from 'formik'\n\n//styled components\nimport {\n  Row,\n  Col,\n  Button,\n  Form as AntForm,\n  Popconfirm,\n  Input,\n  Tooltip,\n  Switch\n} from 'antd'\n\n//functional components\nimport {\n  AntDatePicker,\n  AntTimePicker,\n  AntTextarea\n} from '../Reusable_UI/Forms/FormFields'\nimport {\n  ToggleListSelect,\n  ToggleTreeSelect,\n  ToggleSelect\n} from '../Reusable_UI/Forms/Toggle'\n\n//utilities\nimport { validateRequiredArray } from '../../Utilities/Validate'\nimport { GetFeaturesTree } from '../../Utilities/FeaturesTree'\nimport { numberWithCommas } from '../../Utilities/Format'\nimport { accumulateFeatures2 } from '../../Utilities/Experiment'\n\n//constants\nimport { Format } from '../../Constants/dateTime'\n\n//typescript\nimport { ExperimentProps } from '../../TypeScript_Types/ExperimentTypes'\nimport { FeatureTree, FeaturePreview } from '../../TypeScript_Types/Features'\n\n//ant d destructuring\nconst FormItem = AntForm.Item\n\nconst outputPara = {\n  margin: '4px 0',\n  border: '1px solid #d9d9d9',\n  borderRadius: '4px',\n  padding: '4px 11px',\n  background: '#FFFFFF',\n  lineHeight: '22px',\n  height: '32px'\n}\n\n//JSX - React FC\nconst CreateEditExperimentForm = ({\n  submitCount,\n  values,\n  buttonName,\n  submitLoading,\n  submitForm,\n  expData,\n  setFieldValue,\n  nested = false,\n  clickToEdit = false,\n  totalImpressions,\n  totalCost,\n  owner = '',\n  isChanged = false,\n  isEdit = false,\n  // initial data is set to true when it has been successfully fetched from API\n  // and is ready for render\n  initalDataReady,\n  setInitialDataReady\n}: ExperimentProps): JSX.Element => {\n  //local states\n  const [featureTreeData, setFeatureTreeData]: [\n    Array<FeatureTree>,\n    any\n  ] = useState([])\n  const [selectedFeaturesPreview, setSelectedFeaturePreview]: [\n    Array<FeaturePreview>,\n    any\n  ] = useState([])\n  const [channels, setChannels]: [Array<string>, any] = useState([])\n  const [mediums, setMediums]: [Array<string>, any] = useState([])\n  const [channelsUpdated, setChannelsUpdated] = useState(false)\n  const [featureUpdated, setfeatureUpdate] = useState(false)\n  const [brandUpdated, setBrandUpdate] = useState(false)\n  const [brandNames, setBrandNames]: [Array<string>, any] = useState([])\n  const [editSection, setEditSection] = useState('')\n  const [showSubmit, setShowSubmit] = useState(false)\n\n  // create feature data\n  useEffect(() => {\n    if (expData && initalDataReady) {\n      //features dropdown options\n      const filteredFeatures = expData.features.filter(\n        feature => !feature.archived\n      )\n      const featuresTree = GetFeaturesTree(filteredFeatures)\n      setFeatureTreeData(featuresTree)\n\n      //get channels & medium choice\n      const channels = expData.channels.map(item => item.name)\n      setChannels(channels)\n\n      //set initialData to false\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [expData, initalDataReady, setInitialDataReady])\n\n  //BRANDS - filter selected brand details,\n  useEffect(() => {\n    if (\n      expData &&\n      ((values.brands.length > 0 && initalDataReady) || brandUpdated)\n    ) {\n      // data will in sorted order by id.\n      const brandName = expData.brands\n        .filter(item => values.brands.includes(item.id))\n        .map(item => item.name)\n\n      //reset brand operation flags\n      setBrandNames(brandName)\n      setBrandUpdate(false)\n\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [values, expData, brandUpdated, initalDataReady, setInitialDataReady])\n\n  //filter features\n  useEffect(() => {\n    //FEATURES - create an oject of selected discreteValues with features.\n    //only if the values is not undefined and feature has been updated this block will run.\n    if (\n      expData &&\n      ((values.discreteValues.length > 0 && initalDataReady) || featureUpdated)\n    ) {\n      const customFeatureData = accumulateFeatures2(expData, values)\n      setSelectedFeaturePreview(customFeatureData)\n      setfeatureUpdate(false)\n\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [values, expData, featureUpdated, setInitialDataReady, initalDataReady])\n\n  //update experiment name\n  useEffect(() => {\n    if (expData) {\n      const experimentName = [\n        values.startDate && moment(values.startDate).format('YYYY-MM'),\n        values.brands.length > 3\n          ? 'Multiple brands'\n          : brandNames.toString().replace(/,/g, '-'),\n        values.mediums\n          .toString()\n          .toLowerCase()\n          .replace(/,/g, '-'),\n        values.experiment_identifier\n      ]\n        .filter(Boolean)\n        .join('_')\n      setFieldValue('name', experimentName)\n    }\n  }, [values, expData, brandNames, setFieldValue])\n\n  //update mediums - filters unique mediums from the channels\n  //note - mediums and channels are being stored in all caps due to backend enums constraint\n  useEffect(() => {\n    if (\n      expData &&\n      // ((values.channels.length > 0 && !channelsUpdated) || channelsUpdated)\n      ((values.channels.length > 0 && initalDataReady) || channelsUpdated)\n    ) {\n      const mediumObj = expData.channels.filter(channel =>\n        values.channels.includes(channel.name.toUpperCase())\n      )\n      //grab mediums array and flatten\n      const filteredMedium = mediumObj.map(objItem => objItem.mediums).flat()\n\n      // array.from is a workaround due to typescript missing feature only supports iterables on Array.\n      const uniqMedium = Array.from(new Set(filteredMedium))\n      setMediums(uniqMedium)\n\n      //check for medium changes and update only if channel is updated\n      if (channelsUpdated) {\n        const filteredValuesMedium = values.mediums.filter(item =>\n          uniqMedium.includes(item)\n        )\n        //update \"mediums\" to remove the corresponding values of\n        setFieldValue('mediums', filteredValuesMedium)\n      }\n\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n\n      setChannelsUpdated(false)\n    }\n  }, [\n    values,\n    expData,\n    setFieldValue,\n    channelsUpdated,\n    setInitialDataReady,\n    initalDataReady\n  ])\n\n  //show submit button check\n  useEffect(() => {\n    setShowSubmit(() => (nested ? isChanged : true))\n  }, [nested, isChanged])\n\n  return (\n    <div className=\"form\">\n      {/* Experiment name */}\n      {!nested && (\n        <Tooltip title=\"Auto-generated name\" placement=\"topLeft\">\n          <Field\n            label=\"Name\"\n            name=\"name\"\n            readOnly\n            allowClear={false}\n            submitCount={submitCount}\n            component={AntTextarea}\n          />\n        </Tooltip>\n      )}\n\n      {/* brands */}\n      <Field name=\"brands\" validate={validateRequiredArray}>\n        {({ field, form }: any) => (\n          <ToggleListSelect\n            name=\"brands\"\n            displayValue={brandNames}\n            options={expData?.brands}\n            optionValue={(o: any) => o.id}\n            optionName={(o: any) => o.name}\n            setFieldValue={(value: string) => {\n              setFieldValue('brands', value)\n            }}\n            onElBlur={() => form.setFieldTouched(field.name, true)}\n            onElChange={() => setBrandUpdate(true)}\n            help={\n              (values.brands.length === 0 && submitCount > 0) ||\n              (form.touched.brands && values.brands.length === 0)\n                ? 'Brands not selected.'\n                : false\n            }\n            validateStatus={\n              (values.brands.length === 0 && submitCount > 0) ||\n              (form.touched.brands && values.brands.length === 0)\n                ? 'error'\n                : 'success'\n            }\n            optionFilterProp=\"title\"\n            formField={field}\n          />\n        )}\n      </Field>\n\n      {/* Experiement identifier */}\n      <Field name=\"experiment_identifier\">\n        {({ field }: any) => (\n          <FormItem label=\"Experiment Identifier\">\n            <Input\n              {...field}\n              spellCheck={false}\n              readOnly={clickToEdit ? editSection !== 'expIdentifier' : false}\n              placeholder=\"Experiment identifier\"\n              type=\"text\"\n              onClick={() =>\n                clickToEdit &&\n                editSection !== 'expIdentifier' &&\n                setEditSection('expIdentifier')\n              }\n              allowClear={clickToEdit ? editSection === 'expIdentifier' : true}\n              onBlur={() =>\n                clickToEdit &&\n                editSection === 'expIdentifier' &&\n                setEditSection('')\n              }\n              // suffix https://ant.design/components/input/#FAQ\n              suffix={<span />}\n            />\n          </FormItem>\n        )}\n      </Field>\n\n      <Row gutter={14}>\n        {/* Experiment manager */}\n        <Col xs={{ span: 6 }}>\n          <Field name=\"Manager\" className=\"field\">\n            {() => (\n              <ToggleSelect\n                name=\"manager\"\n                displayValue={\n                  expData?.dtxcloudUsers?.find(\n                    (user: any) => user.id === values.manager\n                  )?.username || ''\n                }\n                selectValue={values.manager}\n                fieldValue={(value: string) => value}\n                options={expData?.dtxcloudUsers}\n                optionValue={(o: { id: string }) => o.id}\n                optionName={(o: { username: string }) => o.username}\n                setValue={(value: any) => setFieldValue('manager', value)}\n              />\n            )}\n          </Field>\n        </Col>\n\n        {/* owner */}\n        {nested && (\n          <Col xs={{ span: 6 }}>\n            <FormItem label=\"Owner\">\n              <p style={outputPara}>{owner}</p>\n            </FormItem>\n          </Col>\n        )}\n\n        <Col xs={{ span: 6 }}>\n          {/* isCac */}\n          <FormItem label=\"CAC\">\n            <Switch\n              checked={values.isCac}\n              onChange={() => setFieldValue('isCac', !values.isCac)}\n            />\n          </FormItem>\n        </Col>\n      </Row>\n\n      <Row gutter={14} style={{ minHeight: '147px' }}>\n        <Col span={6}>\n          {/* start date */}\n          <Field\n            label=\"Start date\"\n            name=\"startDate\"\n            format={Format.dateFormat}\n            component={AntDatePicker}\n            validate={(value: string) =>\n              !value ? 'Start date not selected' : undefined\n            }\n          />\n        </Col>\n\n        <Col span={6}>\n          {/* start time */}\n          <Field\n            label=\"Start time\"\n            name=\"startTime\"\n            id=\"startTime\"\n            extra={\n              values && !values.startDate ? 'Select start date to enable' : ''\n            }\n            format={Format.timeFormat}\n            disabled={!values.startDate}\n            component={AntTimePicker}\n          />\n        </Col>\n\n        <Col span={6}>\n          {/* end date */}\n          <Field\n            label=\"End date\"\n            name=\"endDate\"\n            id=\"endTime\"\n            format={Format.dateFormat}\n            component={AntDatePicker}\n          />\n        </Col>\n\n        <Col span={6}>\n          {/* end time */}\n          <Field\n            label=\"End time\"\n            name=\"endTime\"\n            extra={values && !values.endDate ? 'Select end date to enable' : ''}\n            disabled={!values.endDate}\n            format={Format.timeFormat}\n            component={AntTimePicker}\n          />\n        </Col>\n      </Row>\n      {/* total impression and view only for View/Edit experiment */}\n      {nested && (\n        <Row gutter={[14, 14]}>\n          {/* total impression */}\n          <Col span={12}>\n            <FormItem label=\"Total Impressions\">\n              <p style={outputPara}>\n                {numberWithCommas(totalImpressions || 0)}\n              </p>\n            </FormItem>\n          </Col>\n\n          {/* total cost */}\n          <Col span={12}>\n            <FormItem label=\"Total cost\">\n              <p style={outputPara}>$ {totalCost}</p>\n            </FormItem>\n          </Col>\n        </Row>\n      )}\n\n      <Row gutter={[14, 14]}>\n        <Col span={12}>\n          {/* channel */}\n          <Field\n            name=\"channels\"\n            validate={validateRequiredArray}\n            className=\"field\"\n          >\n            {({ field, form }: any) => (\n              <ToggleListSelect\n                name=\"channels\"\n                displayValue={values.channels}\n                options={channels}\n                optionValue={(o: string) => o.toUpperCase()}\n                optionName={(o: string) => o}\n                setFieldValue={(value: string) =>\n                  setFieldValue('channels', value)\n                }\n                onElBlur={() => form.setFieldTouched(field.name, true)}\n                onElChange={() => setChannelsUpdated(true)}\n                formField={field}\n              />\n            )}\n          </Field>\n        </Col>\n\n        <Col span={12}>\n          {/* medium */}\n          <Field\n            name=\"mediums\"\n            validate={validateRequiredArray}\n            className=\"field\"\n          >\n            {({ field, form }: any) => (\n              <ToggleListSelect\n                name=\"mediums\"\n                displayValue={values.mediums}\n                options={mediums}\n                optionValue={(o: string) => o.toUpperCase()}\n                optionName={(o: string) => o}\n                setFieldValue={(value: string) =>\n                  setFieldValue('mediums', value)\n                }\n                onElBlur={() => form.setFieldTouched(field.name, true)}\n                formField={field}\n                help={\n                  (values.mediums.length === 0 && submitCount > 0) ||\n                  (form.touched.mediums && values.mediums.length === 0)\n                    ? 'Mediums not selected'\n                    : false\n                }\n                validateStatus={\n                  (values.mediums.length === 0 && submitCount > 0) ||\n                  (form.touched.mediums && values.mediums.length === 0)\n                    ? 'error'\n                    : 'success'\n                }\n                disableSelect={values && values.channels.length === 0}\n              />\n            )}\n          </Field>\n        </Col>\n      </Row>\n\n      {/* selected features panel */}\n      <Row gutter={[14, 14]}>\n        <Col>\n          <Field\n            name=\"discreteValues\"\n            validate={(value: string) => validateRequiredArray(value, !!isEdit)}\n          >\n            {({ field, form }: any) => {\n              return (\n                <ToggleTreeSelect\n                  name=\"discreteValues\"\n                  label=\"Features\"\n                  selectValue={values.discreteValues}\n                  treeData={featureTreeData}\n                  formField={field}\n                  filterProp=\"title\"\n                  selectedItems={selectedFeaturesPreview}\n                  setFieldValue={(value: any) =>\n                    setFieldValue('discreteValues', value)\n                  }\n                  onElChange={() => setfeatureUpdate(true)}\n                  help={\n                    (values.discreteValues.length === 0 && submitCount > 0) ||\n                    (form.touched.discreteValues &&\n                      values.discreteValues.length === 0)\n                      ? 'Feature names not selected'\n                      : false\n                  }\n                  validateStatus={\n                    (values.discreteValues.length === 0 && submitCount > 0) ||\n                    (form.touched.discreteValues &&\n                      values.discreteValues.length === 0)\n                      ? 'error'\n                      : 'success'\n                  }\n                />\n              )\n            }}\n          </Field>\n        </Col>\n      </Row>\n\n      {/* submit button */}\n      {showSubmit && (\n        <Row>\n          <Col span={24} style={{ textAlign: 'right' }}>\n            <Popconfirm\n              title=\"Are you sure？\"\n              okText=\"Yes\"\n              cancelText=\"No\"\n              onConfirm={submitForm}\n            >\n              <Button type=\"primary\" loading={submitLoading}>\n                {buttonName}\n              </Button>\n            </Popconfirm>\n          </Col>\n        </Row>\n      )}\n    </div>\n  )\n}\n\nexport default CreateEditExperimentForm\n","//container create experiment.\nimport React, { Fragment, useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Formik } from 'formik'\nimport moment from 'moment'\n\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//styled components\nimport { Alert, Breadcrumb } from 'antd'\n\n//constants\nimport { Format } from '../../../Constants/dateTime'\n\n//typescript types\nimport { ExperimentFormValues } from '../../../TypeScript_Types/ExperimentTypes'\n\n//graphql\nimport { GET_EXPERIMENT_OPTIONS } from '../../../Graqhql/Experiment/QueryExperiment'\nimport { CREATE_EXPERIMENT } from '../../../Graqhql/Experiment/MutationExperiment'\n\n//utilities\nimport ErrorBoundary from '../../../Utilities/ErrorBoundary'\n\n//functional components\nimport LayoutWrap from '../../../HOC/LayoutWrap'\nimport PageTitle from '../../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport CreateForm from '../../../Components/Experiment/Create_Edit_ExperimentForm'\nimport ErrorAlert from '../../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//const title of create experiment page\nconst PAGE_TITLE = 'Create Experiment'\n\n//const form fields initial state\nconst initialFieldValues: ExperimentFormValues = {\n  name: '',\n  brands: [],\n  experiment_identifier: '', // eslint-disable-line\n  startDate: null,\n  startTime: null,\n  endDate: null,\n  endTime: null,\n  channels: [],\n  mediums: [],\n  discreteValues: [],\n  manager: '',\n  isCac: false\n}\n\n//Breadcrumb nav\nconst CreateExperimentBreadcrumb = (): JSX.Element => {\n  return (\n    <Breadcrumb style={{ marginBottom: '20px' }}>\n      <Breadcrumb.Item>\n        <Link to=\"features_list\">Features</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>\n        <Link to=\"brands_list\">Brands</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>\n        <Link to=\"experiments_list\">Experiments</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>Create experiment</Breadcrumb.Item>\n    </Breadcrumb>\n  )\n}\n\n/// Create experiment\nconst CreateExperiement: React.FC<any> = (props: {\n  history: any\n  location: any\n}) => {\n  //local states\n  const [expError, setExpError] = useState()\n  const [createError, setCreateError] = useState()\n  //this flag will indicate initial data load\n  const [initalDataReady, setInitialDataReady] = useState(false)\n\n  // get experiments options data from graphql\n  const { data: expData, loading: expLoading } = useQuery(\n    GET_EXPERIMENT_OPTIONS,\n    {\n      onError(error) {\n        setExpError(error)\n      }\n    }\n  )\n\n  //const update initial data ready on fetching expData\n  useEffect(() => {\n    if (expData) {\n      setInitialDataReady(true)\n    }\n  }, [expData])\n\n  //mutation to create experiment\n  const [createExperiment, { loading: createLoading }] = useMutation(\n    CREATE_EXPERIMENT,\n    {\n      onCompleted({ createExperiment }) {\n        props.history.push(`/${createExperiment.experiment.id}/view_experiment`)\n      },\n      onError(error) {\n        setCreateError(error)\n      }\n    }\n  )\n\n  //submit create experiment request\n  const handleSubmit = (values: ExperimentFormValues): void => {\n    //convert dates to \"YYYY-MM-DD\" format and time to \"HH:MM\"\n    let startDate\n    let startTime\n    let endDate\n    let endTime\n    let startDateTimeUTC = null\n    let endDateTimeUTC = null\n\n    //If start date is not null\n    if (values.startDate) {\n      startDate = moment(values.startDate).format(Format.convertUTCDateFormat)\n      startTime = values.startTime\n        ? moment(values.startTime).format(Format.timeFormat)\n        : '00:00'\n      //convert start date and time to UTC\n      startDateTimeUTC = new Date(startDate + 'T' + startTime).toISOString()\n    }\n\n    //If end date is not null\n    if (values.endDate) {\n      endDate = moment(values.endDate).format(Format.convertUTCDateFormat)\n      endTime = values.endTime\n        ? moment(values.endTime).format(Format.timeFormat)\n        : '00:00'\n      //convert end date and time to UTC\n      endDateTimeUTC = new Date(endDate + 'T' + endTime).toISOString()\n    }\n\n    {\n      const input = {\n        name: values.name,\n        experiment_identifier: values.experiment_identifier, // eslint-disable-line\n        channels: values.channels,\n        brands: values.brands,\n        mediums: values.mediums,\n        startDate: startDateTimeUTC,\n        endDate: endDateTimeUTC,\n        manager: values.manager,\n        isCac: values.isCac\n      }\n      const discreteValues = values.discreteValues\n      //call create mutation\n      createExperiment({\n        variables: { input: input, discreteValues: discreteValues }\n      })\n    }\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      {/* bread crumb navigation */}\n      <CreateExperimentBreadcrumb />\n\n      {/* title of the page */}\n      <PageTitle titleName={PAGE_TITLE} />\n\n      {/* reminder alert to create features & brands*/}\n      <div\n        style={{\n          position: 'absolute',\n          top: '6%',\n          left: '50%',\n          minWidth: '28%',\n          transform: 'translate(-50%, -50%)',\n          zIndex: 100\n        }}\n      >\n        <Alert\n          message=\"Create features & brands before creating experiment.\"\n          type=\"info\"\n          closable\n        />\n      </div>\n\n      {/* create experiment error */}\n      {createError && (\n        <ErrorAlert\n          message={\n            createError.message ? createError.message : 'Something went wrong'\n          }\n          close={true}\n          onErrorClose={() => setCreateError(undefined)}\n        />\n      )}\n\n      {/* loading experiment form data */}\n      {expError ? (\n        <ErrorAlert\n          message={expError.message ? expError.message : 'Something went wrong'}\n        />\n      ) : (\n        <Fragment>\n          {// if the form options are load show spinner else render form.\n          expLoading ? (\n            <LoadingSpinner />\n          ) : (\n            <Formik\n              initialValues={initialFieldValues}\n              onSubmit={handleSubmit}\n              // the form does field level validation on blur\n              validateOnBlur={false}\n            >\n              {({ submitCount, values, submitForm, setFieldValue }) => (\n                <ErrorBoundary>\n                  <CreateForm\n                    setInitialDataReady={setInitialDataReady}\n                    initalDataReady={initalDataReady}\n                    submitCount={submitCount}\n                    values={values}\n                    submitForm={submitForm}\n                    expData={expData}\n                    setFieldValue={setFieldValue}\n                    submitLoading={createLoading}\n                    buttonName=\"CREATE\"\n                  />\n                </ErrorBoundary>\n              )}\n            </Formik>\n          )}\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default CreateExperiement\n","import { TableColumns } from \"../../TypeScript_Types/TableColumns\";\n\n//this is the names of the columns in experiement list table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: 'Experiment Name',\n    key: 'name'\n  },\n  {\n    title: 'Date Create',\n    key: 'timeStamp'\n  },\n  {\n    title: '#Folder',\n    key: 'numberFolders'\n  },\n  {\n    title: '#Permutations',\n    key: 'numberPermutations'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]\n","//This coponent will display the table content of the experiment list\n\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport InfiniteScroll from 'react-infinite-scroll-component'\n\n//styled components\nimport { Menu, Dropdown, Icon, Spin } from 'antd'\n\n//stylesheet\nimport '../Reusable_UI/Styles.less'\n\n//constants\nimport { columnsNames } from '../../Constants/Experiment/ExperimentListColumns'\n\n//typeScript\nimport { ExperimentTableProps } from '../../TypeScript_Types/ExperimentTypes'\n\n//functional component\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//ant Icon\nconst antIcon = <Icon type=\"loading\" style={{ fontSize: 24 }} spin />\n\n//React FC\nconst ExperimenTable = ({\n  experimentsData,\n  loading,\n  onLoadMore,\n  hasNextPage,\n  deleteId,\n  handleDeleteExperiment,\n  deleteLoading,\n  history\n}: ExperimentTableProps) => {\n  // pop up action menu\n  const menu = (experimentId: string, name: string) => {\n    return (\n      <Menu>\n        <Menu.Item key=\"0\">\n          <Link to={`${experimentId}/edit_experiment`}>Edit experiment</Link>\n        </Menu.Item>\n        <Menu.Item\n          key=\"1\"\n          onClick={() => handleDeleteExperiment(experimentId, name)}\n        >\n          Delete experiment\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  return (\n    <div style={{ marginTop: 10 }}>\n      {/* this infinite scroll component will monitor scroll action and call loadMore function */}\n      <InfiniteScroll\n        dataLength={experimentsData.length}\n        next={onLoadMore}\n        hasMore={hasNextPage}\n        loader={\n          <div style={{ textAlign: 'center', marginTop: '5px' }}>\n            <Spin indicator={antIcon} />{' '}\n          </div>\n        }\n        style={{ overflow: 'visible', overflowX: 'scroll' }}\n      >\n        <table className=\"tableContainer experiment-list\">\n          <thead className=\"tableHead\">\n            <tr>\n              {columnsNames.map((item: any) => (\n                <th key={item.key}>{item.title}</th>\n              ))}\n            </tr>\n          </thead>\n\n          {/* table list */}\n\n          <tbody className=\"tableBody\">\n            {experimentsData &&\n              experimentsData.map((rowItems: any, rowIndex) => {\n                return (\n                  <tr\n                    key={rowIndex}\n                    onClick={() =>\n                      history.push(`${rowItems.node.id}/view_experiment`)\n                    }\n                  >\n                    <td>{`${rowItems.node.name.substring(0, 60)}${\n                      rowItems.node.name.length > 60 ? '...' : ''\n                    }`}</td>\n                    <td>\n                      {new Date(rowItems.node.timeStamp).toLocaleString()}\n                    </td>\n                    <td>{rowItems.node.numberFolders}</td>\n                    <td>{rowItems.node.numberPermutations}</td>\n\n                    {/* actions - show loading spiiner if delete in progress else the menu */}\n                    {rowItems.node.id === deleteId && deleteLoading ? (\n                      <td style={{ textAlign: 'center' }}>\n                        <Icon type=\"loading\" />\n                      </td>\n                    ) : (\n                      // action menu\n                      <td onClick={e => e.stopPropagation()}>\n                        <div style={{ display: 'flex', alignItems: 'center' }}>\n                          {/* pop up more */}\n                          <Dropdown\n                            overlay={() =>\n                              menu(rowItems.node.id, rowItems.node.name)\n                            }\n                            trigger={['click']}\n                          >\n                            <p\n                              style={{\n                                color: '#1890ff',\n                                cursor: 'pointer',\n                                marginBottom: 0\n                              }}\n                            >\n                              More\n                            </p>\n                          </Dropdown>\n                        </div>\n                      </td>\n                    )}\n                  </tr>\n                )\n              })}\n          </tbody>\n        </table>\n\n        {/* display no data icon */}\n        {((experimentsData && experimentsData.length === 0) ||\n          (!experimentsData && loading)) && <NoData loading={loading} />}\n      </InfiniteScroll>\n    </div>\n  )\n}\n\nexport default ExperimenTable\n","//This is the parent container for showing the list of experiements in /experiments_list.\n//Async loading implementation\n\nimport React, { useState, Fragment, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//styled component\nimport { Button, Tooltip, Modal } from 'antd'\n\n//graphql query\nimport { GET_EXPERIMENTS } from '../../Graqhql/Experiment/QueryExperiment'\nimport { DELETE_EXPERIMENT } from '../../Graqhql/Experiment/MutationExperiment'\n\n//functional components\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport ExperimenTable from '../../Components/ExperimentsList/ExperimentListTable'\nimport { SearchField } from '../../Components/Reusable_UI/Forms/SearchField'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//ant design destructuring\nconst { confirm } = Modal\n\n//inline styles\nconst titleDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center'\n}\n\nconst searchAddDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexBasis: '21%'\n}\n\n//const title of login page\nconst PAGE_TITLE = 'Experiment List'\n\n//JSX\nconst ExperiementList: React.FC<any> = props => {\n  //localStates\n  const [fetchError, setFetchError] = useState(false)\n  const [fetchErrorMsg, setFetchErrorMsg] = useState('')\n  const [deleteId, setDeleteId] = useState()\n  const [deleteError, setDeleteError] = useState()\n  const [searchVal, setSearchVal] = useState('')\n\n  const queryConfig = {\n    onError(error: any) {\n      setFetchError(true)\n      setFetchErrorMsg(error.message)\n    },\n    variables: {}\n  }\n\n  if (searchVal) queryConfig.variables = { searchParam: searchVal }\n\n  //get experiments data from graphql\n  const { data, loading, fetchMore } = useQuery(GET_EXPERIMENTS, queryConfig)\n\n  //local state\n  const [experimentsData, setExperimentsData] = useState([])\n\n  //update the local state, this will be used in search function.\n\n  useEffect(() => {\n    if (data) {\n      setExperimentsData(data.experiments?.edges)\n    }\n  }, [data])\n\n  const handleSearch = (value: string) => setSearchVal(value)\n\n  //this will be used in updated and fetch more query functions, infinite scroll\n  const experiment = data ? data.experiments : null\n\n  //delete experiment mutation\n  const [deleteExperiment, { loading: deleteLoading }] = useMutation(\n    DELETE_EXPERIMENT,\n    {\n      onCompleted() {\n        setDeleteId(null)\n      },\n      onError(error) {\n        setDeleteError(error)\n      },\n      refetchQueries: [{ query: GET_EXPERIMENTS }]\n    }\n  )\n\n  const handleDeleteExperiment = (id: string, name: string) => {\n    setDeleteError(null)\n    setDeleteId(id)\n\n    {\n      let decodedId = window.atob(id).split(':')[1]\n      confirm({\n        title: 'Delete experiment',\n        content: `Are you sure you want to delete ${name.substring(\n          0,\n          60\n        )}... ?`,\n        okText: 'Yes',\n        okType: 'danger',\n        cancelText: 'No',\n        onOk() {\n          deleteExperiment({ variables: { id: decodedId } })\n        }\n      })\n    }\n  }\n\n  // close delete error popup\n  const onCloseDeleteError = () => {\n    setDeleteError(null)\n    setDeleteId(null)\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      {/* title and search bar div */}\n      <div style={titleDiv}>\n        <PageTitle titleName={PAGE_TITLE} />\n\n        <div style={searchAddDiv}>\n          <SearchField\n            handleSearch={handleSearch}\n            placeholderVal=\"search experiment\"\n            disabled={!experimentsData}\n          />\n\n          {/* create experiment button */}\n          <Tooltip title=\"Create new experiment\" placement=\"topRight\">\n            <Link to=\"/create_experiment\">\n              <Button shape=\"circle\" icon=\"plus\" type=\"primary\" />\n            </Link>\n          </Tooltip>\n        </div>\n      </div>\n\n      {/* if error display error message alert else render table */}\n      {fetchError ? (\n        <ErrorAlert\n          message={fetchErrorMsg ? fetchErrorMsg : 'Something went wrong.'}\n        />\n      ) : (\n        <Fragment>\n          {/* display error if delete action failed */}\n          {deleteError && (\n            <ErrorAlert\n              message={\n                deleteError.message\n                  ? deleteError.message\n                  : 'Something went wrong.'\n              }\n              close={true}\n              onErrorClose={onCloseDeleteError}\n            />\n          )}\n\n          {/* experiment table */}\n          <ExperimenTable\n            history={props.history}\n            experimentsData={experimentsData}\n            loading={loading}\n            deleteLoading={deleteLoading}\n            deleteId={deleteId}\n            handleDeleteExperiment={handleDeleteExperiment}\n            hasNextPage={experiment && experiment.pageInfo.hasNextPage}\n            onLoadMore={() =>\n              fetchMore({\n                variables: {\n                  after: experiment && experiment.pageInfo.endCursor\n                },\n\n                updateQuery: (previousResult, { fetchMoreResult }: any) => {\n                  const newEdges = fetchMoreResult.experiments.edges\n                  const pageInfo = fetchMoreResult.experiments.pageInfo\n                  return newEdges.length\n                    ? {\n                        // Put the new experiments data at the end of the list and update `pageInfo`\n                        // so that we have a new `endCursor` and `hasNextPage` values\n                        experiments: {\n                          __typename: previousResult.experiments.__typename,\n                          edges: [\n                            ...previousResult.experiments.edges,\n                            ...newEdges\n                          ],\n                          pageInfo\n                        }\n                      }\n                    : previousResult\n                }\n              }).catch(error => {\n                // fetch more error handling\n                setFetchErrorMsg(error.message)\n                setFetchError(true)\n              })\n            }\n          />\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default ExperiementList\n","//Container- Edit experiment\n\nimport React, { Fragment, useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Formik } from 'formik'\nimport {\n  submitEditExperiment,\n  createExperimentFormData\n} from '../../../Utilities/Experiment'\n\n//apollo hooks\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//ant d styled components\nimport { Breadcrumb } from 'antd'\n\n//graphql\nimport { GET_EDIT_EXPERIMENT } from '../../../Graqhql/Experiment/QueryExperiment'\nimport { UPDATE_EXPERIMENT } from '../../../Graqhql/Experiment/MutationExperiment'\n\n//typeScript\nimport { ExperimentFormValues } from '../../../TypeScript_Types/ExperimentTypes'\n\n//utilities\nimport ErrorBoundary from '../../../Utilities/ErrorBoundary'\n\n//functional components\nimport LayoutWrap from '../../../HOC/LayoutWrap'\nimport PageTitle from '../../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport EditExperimentForm from '../../../Components/Experiment/Create_Edit_ExperimentForm'\nimport ErrorAlert from '../../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//const title of edit experiment page\nconst PAGE_TITLE = 'Edit Experiment'\n\n//const form fields initial state\nconst initialFieldValues: ExperimentFormValues = {\n  name: '',\n  brands: [],\n  experiment_identifier: '', // eslint-disable-line\n  startDate: null,\n  startTime: null,\n  endDate: null,\n  endTime: null,\n  channels: [],\n  mediums: [],\n  discreteValues: [],\n  manager: '',\n  isCac: false\n}\n\n// TODO: create props interface\n\n/* eslint-disable react/prop-types */\n\n//React FC\nconst EditExperiement: React.FC<any> = props => {\n  //experiment form data state\n  const [experimentData, setExperimentData] = useState(initialFieldValues)\n  const [updateError, setUpdateError] = useState()\n  const [initialBrands, setInitialBrands] = useState()\n  const [initialFeatures, setInitialFeatures] = useState()\n  const [expError, setExpError] = useState()\n  //this flag will indicate initial data load\n  const [initalDataReady, setInitialDataReady] = useState(false)\n\n  //extract experiment id\n  const experimentId = props.match.params.id\n  const decodedExperimentId = window.atob(experimentId).split(':')[1]\n\n  //get the experiment details\n  const { data: expData, loading: expLoading } = useQuery(GET_EDIT_EXPERIMENT, {\n    variables: { id: decodedExperimentId },\n    onError(error) {\n      setExpError(error)\n    }\n  })\n\n  //create the initial form data\n  useEffect(() => {\n    if (expData) {\n      const {\n        experimentData,\n        initialBrands,\n        initialFeatures\n      } = createExperimentFormData(expData)\n      setExperimentData(experimentData)\n      setInitialBrands(initialBrands)\n      setInitialFeatures(initialFeatures)\n    }\n  }, [expData])\n\n  // When the experiment data has updated successfully, change the inital data ready to true\n  useEffect(() => {\n    setInitialDataReady(true)\n  }, [experimentData, expData])\n\n  //submit mutation\n  const [updateExperiment, { loading: updateLoading }] = useMutation(\n    UPDATE_EXPERIMENT,\n    {\n      onCompleted() {\n        props.history.push(`/${experimentId}/view_experiment`)\n      },\n      onError(error) {\n        setUpdateError(error)\n      }\n    }\n  )\n\n  const handleSubmit = (values: ExperimentFormValues): void => {\n    submitEditExperiment(\n      values,\n      initialBrands,\n      initialFeatures,\n      updateExperiment,\n      decodedExperimentId\n    )\n  }\n\n  //breadcrumb navigation menu\n  const EditExperimentBreadcrumb = (\n    <Breadcrumb style={{ marginBottom: '20px' }}>\n      <Breadcrumb.Item>\n        <Link to={`/${experimentId}/view_experiment`}>View experiment</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>Edit experiment</Breadcrumb.Item>\n    </Breadcrumb>\n  )\n\n  return (\n    <LayoutWrap props={props}>\n      {/* breadcrumb navigation menu */}\n      {EditExperimentBreadcrumb}\n\n      {/* page title */}\n      <PageTitle titleName={PAGE_TITLE} />\n\n      {/* error during update */}\n      {updateError && (\n        <ErrorAlert\n          message={\n            updateError.message ? updateError.message : 'Something went wrong'\n          }\n          onErrorClose={() => setUpdateError(undefined)}\n          close={true}\n        />\n      )}\n\n      {/* if error during loading experiment data */}\n      {expError ? (\n        <ErrorAlert\n          message={expError.message ? expError.message : 'Something went wrong'}\n        />\n      ) : (\n        <Fragment>\n          {expLoading ? (\n            <LoadingSpinner />\n          ) : (\n            <Formik\n              enableReinitialize\n              initialValues={experimentData}\n              onSubmit={handleSubmit}\n              validateOnBlur={false}\n            >\n              {({ submitCount, values, submitForm, setFieldValue }) => (\n                <ErrorBoundary>\n                  <EditExperimentForm\n                    isEdit\n                    initalDataReady={initalDataReady}\n                    setInitialDataReady={setInitialDataReady}\n                    submitCount={submitCount}\n                    values={values}\n                    submitForm={submitForm}\n                    expData={expData}\n                    submitLoading={updateLoading}\n                    setFieldValue={setFieldValue}\n                    buttonName=\"EDIT\"\n                  />\n                </ErrorBoundary>\n              )}\n            </Formik>\n          )}\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default EditExperiement\n","// This is the context to handle interaction & states between the container/component buttons and modal of Folder module.\n// Create modal is used by the table component and the 'Create' component to manage the modal state.\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const CreateFolderModalCTX: any = createContext({})\n\nconst CreateFolderModalProvider: React.FC<any> = props => {\n  const [createFolderSuccess, setCreateFolderSuccess] = useState(false)\n  const [createFolderError, setCreateFolderError] = useState(false)\n  const [createFolderErrorMsg, setCreateFolderErrorMsg] = useState('')\n  //show or hide state of modal\n  const [createFolderFormModal, setViewFolderFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (createFolderSuccess) {\n        setCreateFolderSuccess(false)\n      }\n    }, 2000)\n\n    return () => {\n      // clear timeout\n      return clearTimeout(timeout)\n    }\n  }, [createFolderSuccess])\n\n  const handleVisible = () => {\n    if (createFolderFormModal) {\n      setCreateFolderError(false)\n      setCreateFolderErrorMsg('')\n    }\n    setViewFolderFormModal(prevState => !prevState)\n  }\n  return (\n    <CreateFolderModalCTX.Provider\n      value={{\n        createFolderFormModal,\n        handleVisible,\n        createFolderSuccess,\n        setCreateFolderSuccess,\n        createFolderError,\n        setCreateFolderError,\n        createFolderErrorMsg,\n        setCreateFolderErrorMsg\n      }}\n    >\n      {props.children}\n    </CreateFolderModalCTX.Provider>\n  )\n}\n\nexport default CreateFolderModalProvider\n","// This is the context to handle interaction & states between the container/component buttons and modal of Folder module.\n// EditFolder modal is used by the table component and the 'EditFolder' component to manage the modal state.\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const EditFolderModalCTX: any = createContext({})\n\nconst EditFolderModalProvider: React.FC<any> = props => {\n  const [editFolderSuccess, setEditFolderSuccess] = useState(false)\n  const [editFolderError, setEditFolderError] = useState(false)\n  const [editFolderErrorMsg, setEditFolderErrorMsg] = useState('')\n  //show or hide state of modal\n  const [editFolderFormModal, setEditFolderFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (editFolderSuccess) {\n        setEditFolderSuccess(false)\n      }\n    }, 2000)\n\n    return () => {\n      // clear timeout\n      return clearTimeout(timeout)\n    }\n  }, [editFolderSuccess])\n\n  const handleVisible = () => {\n    if (editFolderFormModal) {\n      setEditFolderError(false)\n      setEditFolderErrorMsg('')\n    }\n    setEditFolderFormModal(prevState => !prevState)\n  }\n  return (\n    <EditFolderModalCTX.Provider\n      value={{\n        editFolderFormModal,\n        handleVisible,\n        editFolderSuccess,\n        setEditFolderSuccess,\n        editFolderError,\n        setEditFolderError,\n        editFolderErrorMsg,\n        setEditFolderErrorMsg\n      }}\n    >\n      {props.children}\n    </EditFolderModalCTX.Provider>\n  )\n}\n\nexport default EditFolderModalProvider\n","//This is the context to handle the modal interaction & states between a container/component buttons and modal.\n//Create modal is used by table/list component and a \"create\" modal component.\n\n//note - context cannot be used in two or more differnt components from the same form/page\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const DownloadModalContext: React.Context<any> = createContext({})\n\ninterface Props {\n  children: React.ReactNode\n}\n\nconst DownloadModalProvider: React.FC<any> = (props: Props) => {\n  const [downloadSuccess, setDownloadSuccess] = useState(false)\n  const [downloadError, setDownloadError] = useState(false)\n  const [downloadErrorMsg, setDownloadErrorMsg] = useState('')\n  const [viewDownloadFormModal, setDownloadViewFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (downloadSuccess) {\n        setDownloadSuccess(false)\n      }\n    }, 2000)\n\n    return (): void => {\n      return clearTimeout(timeout)\n    }\n  }, [downloadSuccess])\n\n  const handleVisible = (): void => {\n    if (viewDownloadFormModal) {\n      setDownloadError(false)\n      setDownloadErrorMsg('')\n    }\n    setDownloadViewFormModal(prevState => !prevState)\n  }\n  return (\n    <DownloadModalContext.Provider\n      value={{\n        viewDownloadFormModal,\n        handleVisible,\n        downloadSuccess,\n        setDownloadSuccess,\n        downloadError,\n        setDownloadError,\n        downloadErrorMsg,\n        setDownloadErrorMsg\n      }}\n    >\n      {props.children}\n    </DownloadModalContext.Provider>\n  )\n}\n\nexport default DownloadModalProvider\n","import React, { useState, Fragment, useEffect } from 'react'\nimport { useMutation } from '@apollo/react-hooks'\nimport _ from 'lodash'\nimport { Formik } from 'formik'\n\n//styled components\nimport { Row, Col, Form as AntForm, Icon, Tooltip } from 'antd'\n\nimport {\n  submitEditExperiment,\n  createExperimentFormData\n} from '../../../Utilities/Experiment'\nimport { UPDATE_EXPERIMENT } from '../../../Graqhql/Experiment/MutationExperiment'\nimport { GET_EDIT_EXPERIMENT } from '../../../Graqhql/Experiment/QueryExperiment'\n//typescript\nimport {\n  ExperimentFormValues,\n  EditExperiment,\n  DtxcloudUsers\n} from '../../../TypeScript_Types/ExperimentTypes'\nimport ErrorAlert from '../../Reusable_UI/Alerts/ErrorAlerts'\nimport { AllBrands } from '../../../TypeScript_Types/Brands'\nimport { AllChannels } from '../../../TypeScript_Types/Channels'\nimport { AllFeatures } from '../../../TypeScript_Types/Features'\n\n//utilities\nimport ErrorBoundary from '../../../Utilities/ErrorBoundary'\n\n//functional components\nimport ExperimentForm from '../Create_Edit_ExperimentForm'\n\n// ant design component destructuring\nconst FormItem = AntForm.Item\n\n//typescript\ninterface Props {\n  selectOptions: AllBrands & AllChannels & AllFeatures & DtxcloudUsers\n  experiment: EditExperiment\n  expDecodedId: string\n}\n\n//form initial values\nconst initialFieldValues: ExperimentFormValues = {\n  name: '',\n  brands: [],\n  experiment_identifier: '', // eslint-disable-line\n  startDate: null,\n  startTime: null,\n  endDate: null,\n  endTime: null,\n  channels: [],\n  mediums: [],\n  discreteValues: [],\n  manager: '',\n  isCac: false\n}\n\n//inline styles - toggle icon to show and hide experiement details\nconst toogleIconDiv = {\n  display: 'flex',\n  alignItems: 'center',\n  height: 115\n}\n\nconst toggleIcon = { fontSize: '22px' }\n\n//p tags\nconst outputPara = {\n  margin: 0,\n  border: '1px solid #d9d9d9',\n  borderRadius: '4px',\n  padding: '4px 11px',\n  background: '#FFFFFF',\n  lineHeight: '25px',\n  minHeight: '35px'\n}\n\n//array listing divs\nconst ViewExperimentDetails = ({\n  experiment,\n  selectOptions,\n  expDecodedId\n}: Props): JSX.Element => {\n  //local state\n  const [experimentData, setExperimentData] = useState(initialFieldValues)\n  const [showForm, setShowForm] = useState(true)\n  const [updateError, setUpdateError] = useState()\n  const [initialBrands, setInitialBrands] = useState()\n  const [initialFeatures, setInitialFeatures] = useState()\n  const [expName, setExpName] = useState('')\n  //this flag will indicate the experiment data is ready\n  const [initalDataReady, setInitialDataReady] = useState(false)\n\n  //create the initial form data\n  useEffect(() => {\n    if (experiment) {\n      const {\n        experimentData,\n        initialBrands,\n        initialFeatures\n      } = createExperimentFormData({ experiment: { ...experiment } })\n\n      setExperimentData(experimentData)\n      setInitialBrands(initialBrands)\n      setInitialFeatures(initialFeatures)\n      setExpName(experimentData.name)\n    }\n  }, [experiment, initalDataReady])\n\n  // When the experiment data has updated successfully, change the inital data ready to true\n  useEffect(() => {\n    setInitialDataReady(true)\n  }, [experimentData, showForm])\n\n  //This function will show/hide form details excluding form name\n  const showHideFormToggle = (): void => {\n    setShowForm(prevState => !prevState)\n  }\n\n  //Query to update the experiment\n  const [updateExperiment, { loading: updateLoading }] = useMutation(\n    UPDATE_EXPERIMENT,\n    {\n      onCompleted() {\n        setUpdateError(null)\n      },\n      onError(error) {\n        setUpdateError(error)\n      },\n      refetchQueries: [\n        {\n          query: GET_EDIT_EXPERIMENT,\n          variables: { id: expDecodedId }\n        }\n      ]\n    }\n  )\n\n  //on update submit\n  const handleSubmit = (values: ExperimentFormValues): void => {\n    submitEditExperiment(\n      values,\n      initialBrands,\n      initialFeatures,\n      updateExperiment,\n      expDecodedId\n    )\n  }\n\n  return (\n    <Fragment>\n      {/* display error if received while updating experiment */}\n      {updateError && (\n        <ErrorAlert\n          message={\n            updateError.message\n              ? updateError.message\n              : 'Error updating experiment.'\n          }\n          close={true}\n          onErrorClose={() => setUpdateError(undefined)}\n        />\n      )}\n\n      {/* experiment details */}\n      <AntForm>\n        {/* experiment name */}\n        <Row>\n          <Col xs={{ span: 1 }} style={toogleIconDiv}>\n            <Tooltip title={showForm ? 'Show less' : 'Show more'}>\n              <Icon\n                type={showForm ? 'minus-square' : 'plus-square'}\n                style={toggleIcon}\n                onClick={showHideFormToggle}\n              />\n            </Tooltip>\n          </Col>\n\n          <Col xs={{ span: 23 }}>\n            <FormItem label=\"Name\">\n              <p style={outputPara}>{expName}</p>\n            </FormItem>\n          </Col>\n        </Row>\n\n        {/* toggle to expand or collapse form details */}\n        {showForm && (\n          <Formik\n            enableReinitialize\n            initialValues={experimentData}\n            onSubmit={handleSubmit}\n            // the form does field level validation\n            validateOnBlur={false}\n          >\n            {({ submitCount, values, submitForm, setFieldValue }) => {\n              if (values.name !== expName) setExpName(values.name)\n              const isChanged = !_.isEqual(values, experimentData)\n              return (\n                <ErrorBoundary>\n                  <ExperimentForm\n                    nested\n                    clickToEdit\n                    isEdit\n                    isChanged={isChanged}\n                    totalImpressions={experiment.impressionsToDate}\n                    totalCost={experiment.spendToDate}\n                    owner={experiment.owner?.username}\n                    submitCount={submitCount}\n                    values={values}\n                    submitForm={submitForm}\n                    expData={selectOptions}\n                    submitLoading={updateLoading}\n                    setFieldValue={setFieldValue}\n                    initalDataReady={initalDataReady}\n                    setInitialDataReady={setInitialDataReady}\n                    buttonName=\"SAVE CHANGES\"\n                  />\n                </ErrorBoundary>\n              )\n            }}\n          </Formik>\n        )}\n      </AntForm>\n    </Fragment>\n  )\n}\n\nexport default ViewExperimentDetails\n","//Query - folders\n\nimport gql from 'graphql-tag'\n\n//get folders by experiment ID\nexport const GET_FOLDERS = gql`\n  query($experimentId: UUID) {\n    folders(experimentId: $experimentId) {\n      id\n      name\n      description\n      permutationCount\n    }\n  }\n`\n\n//get folder by folder id\n\nexport const GET_FOLDER = gql`\n  query($id: UUID) {\n    folder(id: $id) {\n      id\n      name\n      description\n    }\n  }\n`\n","// mutation - folder\n\nimport gql from 'graphql-tag'\n\n//create folder\nexport const CREATE_FOLDER = gql`\n  mutation($experimentId: UUID, $input: FolderInputType) {\n    createFolder(experimentId: $experimentId, input: $input) {\n      ok\n    }\n  }\n`\n\n//edit folder\nexport const EDIT_FOLDER = gql`\n  mutation($id: UUID!, $input: FolderInputType) {\n    updateFolder(id: $id, input: $input) {\n      ok\n    }\n  }\n`\n\n//delete folder\nexport const DELETE_FOLDER = gql`\n  mutation($id: UUID!) {\n    deleteFolder(id: $id) {\n      ok\n    }\n  }\n`\n","//Create or edit folder form component\n\nimport React from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//functional components\nimport { AntInput, AntTextarea } from '../Reusable_UI/Forms/FormFields'\n//utilities\nimport { validateRequired } from '../../Utilities/Validate'\n\n//typeScript\ninterface Props {\n  submitCount: number\n}\n\nconst CreateFolderForm = ({ submitCount }: Props) => {\n  return (\n    <Form>\n      {/* folder name */}\n      <Field\n        label=\"Name\"\n        name=\"name\"\n        type=\"text\"\n        validate={validateRequired}\n        submitCount={submitCount}\n        component={AntInput}\n      />\n\n      {/* folder description */}\n      <Field\n        label=\"Description\"\n        name=\"description\"\n        type=\"text\"\n        submitCount={submitCount}\n        component={AntTextarea}\n      />\n    </Form>\n  )\n}\n\nexport default CreateFolderForm\n","//Container - create folder\n\nimport React, { useRef, useEffect, Fragment, useContext } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation } from '@apollo/react-hooks'\n\n//context\nimport { CreateFolderModalCTX } from '../../Contexts/CreateFolderModalContext'\n\n//graphql\nimport { CREATE_FOLDER } from '../../Graqhql/Folders/FolderMutations'\nimport { GET_FOLDERS } from '../../Graqhql/Folders/FoldersQuery'\n\n//typescript\nimport { FoldersFormValues } from '../../TypeScript_Types/Folders'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional component\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport CreateFolderForm from '../../Components/Folders/Create_Edit_FoldersForm'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//type props\ninterface Props {\n  experimentId: string\n}\n\n//intial form values\nconst initialFieldValues: FoldersFormValues = {\n  name: '',\n  description: ''\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Create',\n    key: 'create'\n  }\n]\n\nconst CreateFolder: React.FC<Props> = ({ experimentId }) => {\n  //context\n  const {\n    createFolderFormModal,\n    handleVisible,\n    setCreateFolderSuccess,\n    createFolderError,\n    setCreateFolderError,\n    createFolderErrorMsg,\n    setCreateFolderErrorMsg\n  } = useContext(CreateFolderModalCTX)\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //resetForm when there is changed in the view state of the modal,\n  //do not move the reference click to handleVisible function, it will change the animation direction of the modal\n  useEffect(() => {\n    resetRef.current && resetRef.current.click()\n  }, [createFolderFormModal])\n\n  //create brand graphql mutation\n  const [createBrand, { loading }] = useMutation(CREATE_FOLDER, {\n    onCompleted() {\n      //on success set the sucess state to true and close the modal\n      setCreateFolderSuccess(true)\n      handleVisible()\n    },\n    onError(error: any) {\n      setCreateFolderError(true)\n      setCreateFolderErrorMsg(error.message)\n    },\n    refetchQueries: [\n      { query: GET_FOLDERS, variables: { experimentId: experimentId } }\n    ]\n  })\n\n  //handle submit\n  const handleSubmit = (values: FoldersFormValues) => {\n    createBrand({ variables: { input: values, experimentId: experimentId } })\n  }\n\n  return (\n    <Fragment>\n      {/* form */}\n\n      <Formik\n        initialValues={initialFieldValues}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ submitCount, submitForm, handleReset }) => (\n          <ModalWrap\n            title=\"Create Folders\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={loading}\n            handleVisible={handleVisible}\n            viewFormModal={createFolderFormModal}\n          >\n            {/* error alert */}\n            {createFolderError && (\n              <ErrorAlert\n                message={\n                  createFolderErrorMsg\n                    ? createFolderErrorMsg\n                    : 'Something went wrong'\n                }\n                close={true}\n                onErrorClose={() => {\n                  setCreateFolderError(false)\n                  setCreateFolderErrorMsg('')\n                }}\n              />\n            )}\n            <ErrorBoundary>\n              <CreateFolderForm submitCount={submitCount} />\n            </ErrorBoundary>\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default CreateFolder\n","import { TableColumns } from \"../../TypeScript_Types/TableColumns\";\n\n//this is the names of the columns in folders list table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: 'Folder Name',\n    key: 'name'\n  },\n  {\n    title: 'Description',\n    key: 'description'\n  },\n  {\n    title: '# Permutations',\n    key: 'permutationCount'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]\n","//This coponent will display the table content of the Folders\n\nimport React, { useContext } from 'react'\n\n//styled components\nimport { Menu, Dropdown, Icon } from 'antd'\n\n//stylesheet\nimport '../Reusable_UI/Styles.less'\n\n//constants\nimport { columnsNames } from '../../Constants/Folders/FoldersList'\n\n//context\nimport { EditFolderModalCTX } from '../../Contexts/EditFolderModalContext'\n\n//functional component\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//typescript\ninterface Props {\n  folderListData: {\n    folders: Array<object>\n  }\n  listLoading: boolean\n  setEditFolderId: React.Dispatch<React.SetStateAction<string>>\n  deleteFolderId: string\n  handleDeleteFolder: (id: string, name: string) => void\n  deleteLoading: boolean\n}\n\n//JSX\nconst FoldersListTable = ({\n  folderListData,\n  setEditFolderId,\n  listLoading,\n  deleteFolderId,\n  deleteLoading,\n  handleDeleteFolder\n}: Props) => {\n  //context\n  const { handleVisible } = useContext(EditFolderModalCTX)\n\n  // pop up action menu\n  const menu = (rowItems: { id: string; name: string }) => {\n    return (\n      <Menu>\n        <Menu.Item\n          key=\"1\"\n          onClick={() => {\n            setEditFolderId(rowItems.id)\n            handleVisible()\n          }}\n        >\n          Edit folder\n        </Menu.Item>\n        <Menu.Item\n          key=\"3\"\n          onClick={() => {\n            handleDeleteFolder(rowItems.id, rowItems.name)\n          }}\n        >\n          Delete folder\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  return (\n    <div style={{ marginTop: 10 }}>\n      <table className=\"tableContainer\">\n        <thead className=\"tableHead\">\n          <tr>\n            {columnsNames.map((item: any) => (\n              <th key={item.key}>{item.title}</th>\n            ))}\n          </tr>\n        </thead>\n\n        {/* table list */}\n\n        <tbody className=\"tableBody\">\n          {folderListData &&\n            folderListData.folders.map((rowItems: any, rowIndex) => {\n              return (\n                <tr key={rowIndex}>\n                  <td>{rowItems.name}</td>\n                  <td>{rowItems.description}</td>\n                  <td>{rowItems.permutationCount}</td>\n                  <td>\n                    {rowItems.id === deleteFolderId && deleteLoading ? (\n                      <Icon type=\"loading\" />\n                    ) : (\n                      <Dropdown\n                        overlay={() => menu(rowItems)}\n                        trigger={['click']}\n                      >\n                        <Icon type=\"more\" />\n                      </Dropdown>\n                    )}\n                  </td>\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n\n      {/* show loader or no data */}\n      {(!folderListData && listLoading) ||\n      (folderListData && folderListData.folders.length === 0) ? (\n        <NoData loading={listLoading} />\n      ) : null}\n    </div>\n  )\n}\n\nexport default FoldersListTable\n","//Container - edit folder\nimport React, { Fragment, useContext, useRef, useEffect, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useQuery } from '@apollo/react-hooks'\n\n//graphql\nimport { EDIT_FOLDER } from '../../Graqhql/Folders/FolderMutations'\nimport { GET_FOLDER, GET_FOLDERS } from '../../Graqhql/Folders/FoldersQuery'\n\n//context\nimport { EditFolderModalCTX } from '../../Contexts/EditFolderModalContext'\n\n//typescript\nimport { FoldersFormValues } from '../../TypeScript_Types/Folders'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport EditFolderForm from '../../Components/Folders/Create_Edit_FoldersForm'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\n\n//typescript\ninterface Props {\n  editFolderId: string\n  experimentId: string\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Edit',\n    key: 'edit'\n  }\n]\n\n//JSX\nconst EditFolder: React.FC<Props> = ({ editFolderId, experimentId }) => {\n  //localStates\n  const [getFolderError, setGetFolderError] = useState()\n\n  const { data: getFolder, loading: getFolderLoading } = useQuery(GET_FOLDER, {\n    variables: { id: editFolderId },\n    onError(error) {\n      setGetFolderError(error)\n    }\n  })\n\n  //context\n  const {\n    editFolderFormModal,\n    handleVisible,\n    editFolderSuccess,\n    setEditFolderSuccess,\n    editFolderError,\n    setEditFolderError,\n    editFolderErrorMsg,\n    setEditFolderErrorMsg\n  } = useContext(EditFolderModalCTX)\n\n  //ref\n  const resetRef: any = useRef(null)\n\n  //useEffect - resetForm do not move calling ref to handleVisible function it will change the transform origin of the modal\n  useEffect(() => {\n    resetRef.current && resetRef.current.click()\n    // reset get folder error\n    setGetFolderError(null)\n  }, [editFolderFormModal])\n\n  //graphql mutation\n  const [editFolder, { loading: editLoading }] = useMutation(EDIT_FOLDER, {\n    onCompleted() {\n      setEditFolderSuccess(true)\n      handleVisible()\n    },\n    onError(error) {\n      setEditFolderErrorMsg(error.message)\n      setEditFolderError(true)\n    },\n    refetchQueries: [\n      { query: GET_FOLDERS, variables: { experimentId: experimentId } }\n    ]\n  })\n\n  //call mutation and submit form\n  const handleSubmit = (values: FoldersFormValues) => {\n    //mutation input arg\n    let input = {\n      name: values.name,\n      description: values.description\n    }\n    //mutation id arg\n    let id = editFolderId\n    editFolder({ variables: { id, input } })\n  }\n\n  return (\n    <Fragment>\n      {/* success alert */}\n      {editFolderSuccess ? (\n        <SuccessAlert\n          message=\"Folder updated successfully.\"\n          closable={true}\n          title=\"Edit folder\"\n        />\n      ) : null}\n\n      {/* create experiment button */}\n      <Formik\n        enableReinitialize\n        initialValues={getFolder ? getFolder.folder : {}}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ submitCount, submitForm, handleReset }) => (\n          <ModalWrap\n            title=\"Edit Folder\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={editLoading}\n            handleVisible={handleVisible}\n            viewFormModal={editFolderFormModal}\n          >\n            {/* error alert mutation request, NOTE - success is handled in the parent component */}\n            {editFolderError && (\n              <ErrorAlert\n                message={\n                  editFolderErrorMsg\n                    ? editFolderErrorMsg\n                    : 'Something went wrong'\n                }\n                close={true}\n                onErrorClose={() => {\n                  setEditFolderError(false)\n                  setEditFolderErrorMsg('')\n                }}\n              />\n            )}\n\n            {/* get folder details error */}\n            {getFolderError ? (\n              <ErrorAlert\n                message={\n                  getFolderError.message\n                    ? getFolderError.message\n                    : 'Something went wrong'\n                }\n              />\n            ) : (\n              <Fragment>\n                {/* display css loader while the folder details are getting downloaded, add edit data data */}\n                {getFolderLoading ? (\n                  <LoadingSpinner />\n                ) : (\n                  <ErrorBoundary>\n                    <EditFolderForm submitCount={submitCount} />\n                  </ErrorBoundary>\n                )}\n              </Fragment>\n            )}\n            {/* reset form div red */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default EditFolder\n","//This container will fetch the folders\n\n//NOTE- temporarily get all folders query is used, when fetch by experiment id is available, replace.\n\nimport React, { useState, useContext, Fragment } from 'react'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//ant d\nimport { Tooltip, Button, Modal } from 'antd'\n\n//graphql query\nimport { GET_FOLDERS } from '../../Graqhql/Folders/FoldersQuery'\nimport { DELETE_FOLDER } from '../../Graqhql/Folders/FolderMutations'\n\n//context\nimport { CreateFolderModalCTX } from '../../Contexts/CreateFolderModalContext'\nimport { EditFolderModalCTX } from '../../Contexts/EditFolderModalContext'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\nimport CreateFolder from '../Folders/CreateFolder'\nimport FoldersListTable from '../../Components/FoldersList/FoldersListTable'\nimport EditFolder from './EditFolder'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//ant design destructuring\nconst { confirm } = Modal\n\n//types\ninterface Props {\n  experimentId: string\n}\n\n//JSX\nconst FolderList: React.FC<Props> = ({ experimentId }) => {\n  //context\n  const {\n    createFolderSuccess,\n    handleVisible,\n    createFolderFormModal\n  } = useContext(CreateFolderModalCTX)\n  const { editFolderFormModal, editFolderSuccess } = useContext(\n    EditFolderModalCTX\n  )\n\n  //local states\n  const [foldersListError, setFoldersListError] = useState()\n  const [editFolderId, setEditFolderId] = useState()\n  const [deleteFolderId, setDeleteFolderId] = useState()\n  const [deleteFolderError, setDeleteFolderError] = useState()\n\n  //get experiments data from graphql\n  const { data: folderListData, loading: listLoading } = useQuery(GET_FOLDERS, {\n    variables: { experimentId: experimentId },\n    onError(error) {\n      setFoldersListError(error)\n    }\n  })\n\n  //delete folder mutation\n  const [deleteFolder, { loading: deleteLoading }] = useMutation(\n    DELETE_FOLDER,\n    {\n      onCompleted() {\n        setDeleteFolderId(null)\n      },\n      onError(error) {\n        setDeleteFolderError(error)\n      },\n      refetchQueries: [\n        { query: GET_FOLDERS, variables: { experimentId: experimentId } }\n      ]\n    }\n  )\n\n  // delete dolder\n  const handleDeleteFolder = (id: string, name: string) => {\n    setDeleteFolderError(null)\n    setDeleteFolderId(id)\n\n    confirm({\n      title: 'Delete folder',\n      content: `Are you sure you want to delete ${name}?`,\n      okText: 'Yes',\n      okType: 'danger',\n      cancelText: 'No',\n      onOk() {\n        deleteFolder({ variables: { id: id } })\n      }\n    })\n  }\n\n  //on close delete error alert\n  const onCloseDeleteError = () => {\n    setDeleteFolderError(null)\n    setDeleteFolderId(null)\n  }\n\n  return (\n    <div>\n      {/* display folder action outcomes */}\n      {createFolderSuccess || editFolderSuccess ? (\n        <SuccessAlert\n          message={\n            createFolderSuccess\n              ? 'Folder created successfully.'\n              : 'Folder updated successfully.'\n          }\n          closable={true}\n          title={createFolderSuccess ? 'Create folder' : 'Edit folder'}\n        />\n      ) : null}\n\n      <div style={{ textAlign: 'right' }}>\n        <Tooltip title=\"Create new folder\" placement=\"topRight\">\n          <Button\n            shape=\"circle\"\n            icon=\"plus\"\n            type=\"primary\"\n            onClick={handleVisible}\n          />\n        </Tooltip>\n      </div>\n      {/* create folder button, wrapped with context*/}\n      {createFolderFormModal && <CreateFolder experimentId={experimentId} />}\n\n      {/* display error received while fetching the table data */}\n      {foldersListError ? (\n        <ErrorAlert\n          message={\n            foldersListError.message\n              ? foldersListError.message\n              : 'Error fetching data.'\n          }\n        />\n      ) : (\n        <Fragment>\n          {/* delete folder error */}\n          {deleteFolderError && (\n            <ErrorAlert\n              message={\n                deleteFolderError.message\n                  ? deleteFolderError.message\n                  : 'Something went wrong.'\n              }\n              onErrorClose={onCloseDeleteError}\n              close={true}\n            />\n          )}\n\n          {/* created folders table listing */}\n          <ErrorBoundary>\n            <FoldersListTable\n              folderListData={folderListData}\n              listLoading={listLoading}\n              setEditFolderId={setEditFolderId}\n              deleteLoading={deleteLoading}\n              deleteFolderId={deleteFolderId}\n              handleDeleteFolder={handleDeleteFolder}\n            />\n          </ErrorBoundary>\n\n          {/* edit folder pop up */}\n          {editFolderFormModal && (\n            <EditFolder\n              editFolderId={editFolderId}\n              experimentId={experimentId}\n            />\n          )}\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport default FolderList\n","//base instance for axios\n\n//apollo client can make REST calls bt client cannot be configured to separate URLs, hence axios.\n\nimport axios from 'axios'\n//utilities\nimport { EnvironmentURL } from './EnvironmentURL'\n\n//Note - Also check ApolloSetup.tsx if any changes\nlet endpoint = EnvironmentURL()\n\nconst instance: any = axios.create({\n  //comment the below code for dev proxy\n  baseURL: endpoint\n\n})\n\ninstance.CancelToken = axios.CancelToken\ninstance.isCancel = axios.isCancel\n\nexport default instance\n","//based on the environment development or production set the URL\n//used in ApolloSetup.tsx & RESTSetup.tsx\n\nexport const EnvironmentURL = (): string => {\n  let baseUrl = 'http://localhost:8000'\n  if (process.env.REACT_APP_ENV === 'production') {\n    baseUrl = 'https://mc-api.dtxcloud.com'\n  } else if (process.env.REACT_APP_ENV === 'staging') {\n    baseUrl = 'https://stg-api.dtxcloud.com'\n  }\n  return baseUrl\n}\n\n//note - for graphql '/graphql' will be appeneded in the ApolloSetup.\n//     - for REST '/v1' will be appeneded in the individual axios call.\n","// mutations - permutation\n\nimport gql from 'graphql-tag'\n\n//create permutation\nexport const CREATE_PERMUTATION = gql`\n  mutation(\n    $attributes: [UUID]\n    $experimentId: UUID!\n    $folder: UUID\n    $input: PermutationInputType\n    $variables: [UUID!]\n    $brands: [UUID]\n  ) {\n    createPermutation(\n      attributes: $attributes\n      experimentId: $experimentId\n      folder: $folder\n      input: $input\n      brands: $brands\n      variables: $variables\n    ) {\n      ok\n    }\n  }\n`\n\n//edit permutation\nexport const EDIT_PERMUTATION = gql`\n  mutation(\n    $addAttribute: [UUID]\n    $addBrands: [UUID]\n    $addVariable: [UUID]\n    $deleteAttribute: [UUID]\n    $deleteBrands: [UUID]\n    $deleteVariable: [UUID]\n    $folder: UUID\n    $id: UUID!\n    $input: PermutationInputType\n  ) {\n    updatePermutation(\n      id: $id\n      folder: $folder\n      input: $input\n      addVariable: $addVariable\n      deleteVariable: $deleteVariable\n      addBrands: $addBrands\n      deleteBrands: $deleteBrands\n      addAttribute: $addAttribute\n      deleteAttribute: $deleteAttribute\n    ) {\n      ok\n    }\n  }\n`\n\n//delete permutation\nexport const DELETE_PERMUTATION = gql`\n  mutation($id: UUID!) {\n    deletePermutation(id: $id) {\n      ok\n    }\n  }\n`\n","// queries - permutation\n\n//Note - do not remove \"id\" from queries even if not used by any program modules. It is used by\n//apollo client to cache results\n\nimport gql from 'graphql-tag'\n\nexport const GET_PERMUTATION_EXPERIMENT = gql`\n  query($permutationId: UUID) {\n    permutation(id: $permutationId) {\n      id\n      experiment {\n        id\n        name\n      }\n    }\n  }\n`\n\n//get the choices and options for create/edit permutation forms\nexport const GET_PERMUTATIONS_OPTIONS = gql`\n  query($id: UUID) {\n    # experiment\n    experiment(id: $id) {\n      id\n      name\n      experimentIdentifier\n      channels\n      mediums\n      brands {\n        id\n        name\n      }\n      experimentBrandSet {\n        id\n        brand {\n          id\n          name\n        }\n      }\n      experimentDiscreteSet {\n        id\n        discreteValue {\n          id\n          value\n          feature {\n            id\n            name\n          }\n        }\n      }\n    }\n    # folders by expt id\n    folders(experimentId: $id) {\n      id\n      name\n    }\n\n    # all features\n    features {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n  }\n`\n\n//get permutation list\n\nexport const GET_PERMUTATIONS_LIST = gql`\n  query($experimentId: UUID) {\n    permutations(experimentId: $experimentId) {\n      id\n      name\n      variables {\n        id\n        discreteValue {\n          id\n          value\n        }\n      }\n      folder {\n        id\n        name\n      }\n      flowcodeCount\n      timeStamp\n    }\n  }\n`\n\n//get permutation details for edit\nexport const GET_EDIT_PERMUTATION = gql`\n  query($experimentId: UUID, $permutationID: UUID) {\n    # choices from experiment\n    experiment(id: $experimentId) {\n      id\n      name\n      channels\n      mediums\n      experimentIdentifier\n      brands {\n        id\n        name\n      }\n      experimentBrandSet {\n        id\n        brand {\n          id\n          name\n        }\n      }\n      # variables - features selection dropdown\n      experimentDiscreteSet {\n        id\n        discreteValue {\n          id\n          value\n          feature {\n            id\n            name\n          }\n        }\n      }\n    }\n\n    # folders\n    folders(experimentId: $experimentId) {\n      id\n      name\n    }\n\n    # features for attributes\n    features {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n\n    # permutation\n    permutation(id: $permutationID) {\n      id\n      name\n      finalNumber\n      brand {\n        id\n        brand {\n          id\n          name\n        }\n      }\n      iscs\n      \n      # existing variables in the permutation\n      variables {\n        id\n        discreteValue {\n          id\n          value\n          feature {\n            id\n            name\n          }\n        }\n      }\n\n      # existing variables in the permutation for delete\n      permutationVariableSet {\n        id\n        experimentDiscrete {\n          id\n        }\n      }\n\n      # existing attributes in the permutation\n      attributes {\n        id\n        value\n        feature {\n          id\n          name\n        }\n      }\n\n      # existing in the permutation for delete\n      permutationAttributeSet {\n        id\n        discreteValue {\n          id\n        }\n      }\n      channel\n      medium\n      estCost\n      actualCost\n      estImpressions\n      actualImpressions\n      folder {\n        id\n      }\n      notes\n    }\n  }\n`\n\n//get permutation details for view\n//do not remove the id's, its required for caching\nexport const VIEW_PERMUTATION = gql`\n  query($id: UUID) {\n    # permutation\n    permutation(id: $id) {\n      id\n      name\n      finalNumber\n      brand {\n        id\n        brand {\n          id\n          name\n        }\n      }\n      iscs\n      channel\n      medium\n      estCost\n      actualCost\n      estImpressions\n      actualImpressions\n      folder {\n        id\n        name\n      }\n      notes\n      variables {\n        id\n        # archived\n        discreteValue {\n          id\n          value\n          feature {\n            id\n            name\n          }\n        }\n      }\n      attributes {\n        id\n        value\n        # archived\n        feature {\n          id\n          name\n        }\n      }\n      experiment {\n        id\n        name\n      }\n    }\n  }\n`\n","//This component is used for field where \"ID\" to be set as the value\n\n//This component will create formik based input fields using ant d.\n\nimport React from 'react'\nimport { FieldProps } from 'formik'\n\n//styled component\nimport { Form, Select } from 'antd'\n\n//Ant d component destructuring\nconst FormItem = Form.Item\nconst { Option } = Select\n\n//typescript for form fields\ninterface formFields {\n  prefix: React.ReactNode\n  label: string\n  hasFeedback?: boolean\n  selectOptions: Array<string>\n  submitCount: number\n  optionValue: string\n  optionName: string\n  filterPropName?: string\n}\n\n//type class\ntype Class = { new (...args: any[]): any }\n\n//JSX\nconst CreateAntField = (AntComponent: Class) => ({\n  field,\n  form,\n  hasFeedback,\n  label,\n  selectOptions,\n  submitCount,\n  optionName,\n  optionValue,\n  filterPropName,\n  ...props\n}: FieldProps<any> & formFields) => {\n  const touched = form.touched[field.name]\n  const submitted = submitCount > 0\n  const hasError = form.errors[field.name]\n  const submittedError = hasError && submitted\n  const touchedError = hasError && touched\n\n  const onChange = (value: any) => form.setFieldValue(field.name, value)\n  const onBlur = () => form.setFieldTouched(field.name, true)\n\n  return (\n    <div className=\"field-container\">\n      <FormItem\n        label={label}\n        hasFeedback={\n          (hasFeedback && submitted) || (hasFeedback && touched) ? true : false\n        }\n        help={submittedError || touchedError ? hasError : false}\n        validateStatus={submittedError || touchedError ? 'error' : 'success'}\n      >\n        <AntComponent\n          {...field}\n          {...props}\n          allowClear\n          filterOption={true}\n          spellCheck={false}\n          onBlur={onBlur}\n          onChange={onChange}\n          {...(filterPropName && { optionFilterProp: filterPropName })}\n        >\n          {selectOptions &&\n            selectOptions.map((item: any, index) => (\n              <Option\n                key={index}\n                value={item[optionValue]}\n                data-searchkey={item['name']}\n              >\n                {item[optionName]}\n              </Option>\n            ))}\n        </AntComponent>\n      </FormItem>\n    </div>\n  )\n}\n\n//components\nexport const AntSelectWithVal = CreateAntField(Select)\n","import { TableColumns } from \"../../TypeScript_Types/TableColumns\"\n\n// flowcode table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: '#',\n    key: 'number'\n  },\n  {\n    title: 'Unique',\n    key: 'unique'\n  },\n  {\n    title: 'Batch',\n    key: 'batch'\n  },\n  {\n    title: 'Short URL',\n    key: 'shorturl'\n  },\n  {\n    title: 'Landing page',\n    key: 'redirectId'\n  },\n  {\n    title: 'Features',\n    key: 'features'\n  },\n  {\n    title: 'Brand',\n    key: 'brand'\n  },\n  {\n    title: 'Scan',\n    key: 'scan'\n  },\n  {\n    title: 'Preview',\n    key: 'preview'\n  },\n  {\n    title: 'Download',\n    key: 'download'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]\n\nexport const DEFAULT_FLOWCODE_COLOR = '#000'\n","import { TableColumns } from \"../../TypeScript_Types/TableColumns\";\n\n//this is the names of the columns in permutations list table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: 'Name',\n    key: 'name'\n  },\n  {\n    title: 'Features',\n    key: 'features'\n  },\n  {\n    title: '#Flowcodes',\n    key: 'flowcodes'\n  },\n  {\n    title: 'Date created',\n    key: 'date'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]\n","//This component will generate the permutations details in a tabular form in view permutation\n//This coponent will display the table of the experiment list\n\nimport React, { useState, useContext } from 'react'\n\n//styled components\nimport { Dropdown, Icon, Menu } from 'antd'\n\n//constants\nimport { columnsNames } from '../../Constants/Permutations/PermutationsTableColumns'\n\n//functional component\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//typeScript\nimport { PermutationTableProps } from '../../TypeScript_Types/Permutations'\nimport { DownloadModalContext } from '../../Contexts/DownloadModalContext'\n\n//inline style\nconst moreStyle = {\n  color: '#1890ff',\n  cursor: 'pointer',\n  paddingLeft: '5px'\n}\n\nconst dropdownOptionStyle = {\n  color: '#1890ff',\n  cursor: 'pointer',\n  marginBottom: 0\n}\n\n//default numbers of feature names to be shown in the table\nconst initialShowCount = 3\n\nconst ViewPermutationsTable = ({\n  permutationData,\n  experimentId,\n  listLoading,\n  deletePermutationId,\n  deleteLoading,\n  handleDeletePermutation,\n  history,\n  handleClonePermutation,\n  handleDownloadCSV\n}: PermutationTableProps): JSX.Element => {\n  const { handleVisible } = useContext(DownloadModalContext)\n\n  //local states\n  const [showCount, setShowCount] = useState(initialShowCount)\n  const [showMoreRowId, setShowMoreRowID] = useState()\n\n  // pop up action menu\n  const menu = (rowItems: { id: string; name: string }): JSX.Element => {\n    return (\n      <Menu>\n        {/*<Menu.Item key=\"1\" onClick={() => { setEditPermutationId(rowItems.id); handleVisible() }}>\n          Edit permutation\n            </Menu.Item>*/}\n        <Menu.Item\n          key=\"2\"\n          onClick={() => handleDeletePermutation(rowItems.id, rowItems.name)}\n        >\n          Delete permutation\n        </Menu.Item>\n        <Menu.Item key=\"3\" onClick={() => handleClonePermutation(rowItems.id)}>\n          Clone Permutation\n        </Menu.Item>\n        <Menu.Item\n          key=\"4\"\n          onClick={() => {\n            handleDownloadCSV(rowItems.id, rowItems.name)\n            handleVisible()\n          }}\n        >\n          Download CSV\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  //show more features to increase the show count of the displayed feature\n  //it will be in the increment of 3 or whatever the max difference upto 2.\n  const showMoreFeatures = (rowID: string, featuresListCount: number): void => {\n    let showCountTemp = initialShowCount\n\n    //if the rowID doesnt match, set to initial.\n    //This indicated that the show more is for a new row.\n    if (rowID !== showMoreRowId) {\n      setShowMoreRowID(rowID)\n    } else {\n      //else set it to the latest show count\n      showCountTemp = showCount\n    }\n\n    if (showCountTemp < featuresListCount) {\n      if (featuresListCount - showCountTemp > initialShowCount) {\n        setShowCount(showCountTemp + initialShowCount)\n      } else {\n        setShowCount(showCountTemp + (featuresListCount - showCountTemp))\n      }\n    }\n  }\n\n  return (\n    <div style={{ marginTop: 10 }} className=\"overflow-x-scroll\">\n      <table className=\"tableContainer view-permutation-table\">\n        <thead className=\"tableHead\">\n          <tr>\n            {columnsNames.map((item: any) => (\n              <th key={item.key}>{item.title}</th>\n            ))}\n          </tr>\n        </thead>\n\n        {/* table list */}\n\n        <tbody className=\"tableBody\">\n          {permutationData &&\n            permutationData.map((rowItems, rowIndex: number) => {\n              return (\n                <tr\n                  key={rowIndex}\n                  onClick={() =>\n                    history.push(\n                      `/${experimentId}/${rowItems.id}/view_permutation`\n                    )\n                  }\n                >\n                  {/* create ellips for name longer than 60 characters */}\n                  <td>\n                    {rowItems.name.length > 60\n                      ? `${rowItems.name.substring(0, 60)}...`\n                      : rowItems.name}\n                  </td>\n\n                  <td>\n                    {showMoreRowId === rowItems.id\n                      ? rowItems.variables\n                          .map(variable => variable.discreteValue.value)\n                          .flat()\n                          .slice(0, showCount)\n                          .join(', ')\n                      : rowItems.variables\n                          .map(variable => variable.discreteValue.value)\n                          .flat()\n                          .slice(0, initialShowCount)\n                          .join(', ')}\n                    {rowItems.variables.length <=\n                    initialShowCount ? null : rowItems.variables.length <=\n                        showCount && showMoreRowId === rowItems.id ? null : (\n                      <span\n                        onClick={() =>\n                          showMoreFeatures(\n                            rowItems.id,\n                            rowItems.variables.length\n                          )\n                        }\n                        style={moreStyle}\n                      >\n                        more\n                      </span>\n                    )}\n                  </td>\n\n                  <td>{rowItems.flowcodeCount}</td>\n\n                  <td>{new Date(rowItems.timeStamp).toLocaleString()}</td>\n                  {rowItems.id === deletePermutationId && deleteLoading ? (\n                    <td style={{ textAlign: 'center' }}>\n                      <Icon type=\"loading\" />\n                    </td>\n                  ) : (\n                    // menu\n                    <td onClick={e => e.stopPropagation()}>\n                      <div style={{ display: 'flex', alignItems: 'center' }}>\n                        {/* dropdown more menu */}\n                        <Dropdown\n                          overlay={() => menu(rowItems)}\n                          trigger={['click']}\n                        >\n                          <p style={dropdownOptionStyle}>More</p>\n                        </Dropdown>\n                      </div>\n                    </td>\n                  )}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n\n      {/* show loader or no data */}\n      {(!permutationData && listLoading) ||\n      (permutationData && permutationData.length < 1) ? (\n        <NoData loading={listLoading} />\n      ) : null}\n    </div>\n  )\n}\n\nexport default ViewPermutationsTable\n","import { PermutationFormValues } from '../TypeScript_Types/Permutations'\nimport { numberWithCommas } from './Format'\nimport { AllFeaturesItem } from '../TypeScript_Types/Features'\nimport { ExperimentDiscreteSet } from '../TypeScript_Types/ExperimentTypes'\n\n// clone permutation data helper \nexport const formatPermutationData = (\n  permutation: any\n): PermutationFormValues => {\n  const formatNumber = (val: string): string =>\n    numberWithCommas(parseFloat(val))\n\n  return {\n    name: permutation.name,\n    estCost: permutation.estCost ? formatNumber(permutation.estCost) : 0,\n    actualCost: permutation.actualCost\n      ? formatNumber(permutation.actualCost)\n      : 0,\n    estImpressions: permutation.estImpressions\n      ? formatNumber(permutation.estImpressions)\n      : 0,\n    actualImpressions: permutation.actualImpressions\n      ? formatNumber(permutation.actualImpressions)\n      : 0,\n    iscs: permutation.iscs,\n    notes: permutation.notes,\n    channel: permutation.channel,\n    medium: permutation.medium,\n    brands: permutation.brand.map((brand: { id: string }) => brand?.id),\n    folder: permutation.folder,\n    variables: permutation.variables?.map(\n      (variable: { discreteValue: {id: string} }) => variable.discreteValue.id\n    ),\n    attributes: permutation.attributes?.map(\n      (attribute: { id: string }) => attribute.id\n    )\n  }\n}\n\nexport const reduceDiscreteSet = (features: any[]): any =>\n  features.reduce(function(\n    acc: Array<AllFeaturesItem>,\n    obj: ExperimentDiscreteSet\n  ) {\n    //find if the feature id is already present in the accumulator\n    const objIndex = acc.findIndex(\n      object => object.id === obj.discreteValue.feature.id\n    )\n\n    //create custom object\n    if (objIndex === -1) {\n      const filteredFeature: AllFeaturesItem = {\n        id: obj.discreteValue.feature.id,\n        name: obj.discreteValue.feature.name,\n        discreteValues: [\n          {\n            id: obj.discreteValue.id,\n            value: obj.discreteValue.value\n          }\n        ]\n      }\n      acc.push(filteredFeature)\n    } else {\n      const objDiscreteValues = {\n        id: obj.discreteValue.id,\n        value: obj.discreteValue.value\n      }\n      acc[objIndex].discreteValues.push(objDiscreteValues)\n    }\n    return acc\n  },\n  [])\n","//non cost numeric check - no decimal point\nexport const checkNumeric = (e: any) => {\n  const { value } = e.target\n\n  if (!value) {\n    return null\n  } else {\n    const validChars = /\\$?\\d[\\d,]*(\\.\\d+)?$/\n    let inputVal\n    if (!validChars.test(value)) {\n      inputVal = value.replace(/[^0-9]/g, '')\n      return inputVal\n    } else {\n      inputVal = value.replace(/[,a-zA-Z]/g, '')\n      return Number(inputVal)\n    }\n  }\n}\n\nexport const checkNumericVal = (value: string) => {\n  if (!value) {\n    return null\n  } else {\n    const validChars = /\\$?\\d[\\d,]*(\\.\\d+)?$/\n    let inputVal\n    if (!validChars.test(value)) {\n      inputVal = value.replace(/[^0-9]/g, '')\n      return inputVal\n    } else {\n      inputVal = value.replace(/[,a-zA-Z]/g, '')\n      return Number(inputVal)\n    }\n  }\n}\n\n//cost numeric check - decimal point\nexport const checkDecimalNumeric = (value: string) => {\n  //regex to test numbers with 2 decimals places\n  const validCost = /^[0-9]+(\\.[0-9]{0,2})?$/\n\n  if (!value) {\n    return value\n  } else {\n    if (validCost.test(value)) {\n      //format input to add commas\n      let inputVal = value.replace(/\\d{1,3}(?=(\\d{3})+(?!\\d))/g, '$&,')\n      return inputVal\n    }\n    return null\n  }\n}\n","//this component will generate form layout for create and edit permutations\n\nimport React, { useEffect, useState } from 'react'\nimport moment from 'moment'\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport {\n  Row,\n  Col,\n  Form as AntForm,\n  Input,\n  TreeSelect,\n  Descriptions,\n  Collapse,\n  Select\n} from 'antd'\n\n//utilities\nimport {\n  validateRequiredArray,\n  validateRequired\n} from '../../Utilities/Validate'\n\n//typeScript\nimport {\n  PermutationFormsProps,\n  PermutationFormField\n} from '../../TypeScript_Types/Permutations'\nimport {\n  AllFeaturesItem,\n  FeatureTree,\n  FeaturePreview,\n  DiscreteValues\n} from '../../TypeScript_Types/Features'\nimport { ExperimentDiscreteSet } from '../../TypeScript_Types/ExperimentTypes'\n\n//functional components\nimport { AntInput } from '../Reusable_UI/Forms/FormFields'\nimport { AntSelectWithVal } from '../Reusable_UI/Forms/SelectWithVal'\nimport { checkDecimalNumeric } from '../../Utilities/CheckNumeric'\nimport { AllBrandItem } from '../../TypeScript_Types/Brands'\nimport { GetFeaturesTree } from '../../Utilities/FeaturesTree'\nimport { formatPermutationName } from '../../Utilities/Format'\nimport { reduceDiscreteSet } from '../../Utilities/Permutation'\n\n//ant design component destructuring\nconst FormItem = AntForm.Item\nconst { SHOW_CHILD } = TreeSelect\nconst DescriptionsItem = Descriptions.Item\nconst { Panel } = Collapse\nconst { Option } = Select\n\nconst CreateEditPermutation = ({\n  submitCount,\n  setFieldValue,\n  permutationData,\n  values,\n  initialValues,\n  initalDataReady,\n  setInitialDataReady\n}: PermutationFormsProps): JSX.Element => {\n  //local states\n  const [featureTreeOptionalData, setFeatureTreeOptionalData]: [\n    Array<FeatureTree>,\n    any\n  ] = useState([])\n  const [featureTreeExpData, setFeatureTreeExpData]: [\n    Array<FeatureTree>,\n    any\n  ] = useState([])\n  const [optFeatureUpdated, setOptFeatureUpdate] = useState(false)\n  const [expFeatureUpdated, setExpFeatureUpdate] = useState(false)\n  const [selectedExpFeaturesPreview, setSelectedExpFeaturePreview]: [\n    Array<FeaturePreview>,\n    any\n  ] = useState([])\n  const [selectedOptFeaturesPreview, setSelectedOptFeaturePreview]: [\n    Array<FeaturePreview>,\n    any\n  ] = useState([])\n  const [brandsList, setBrandsList]: [Array<AllBrandItem>, any] = useState([])\n  const [showISCS, setShowISCS] = useState(false)\n\n  //useEffects\n  useEffect(() => {\n    if (values.channel === 'TV') setShowISCS(true)\n    else setShowISCS(false)\n  }, [values])\n\n  useEffect(() => {\n    if (initialValues) {\n      const clonePermutationValues: { [id: string]: any } = initialValues\n      const fields = Object.keys(initialValues)\n      fields.forEach((field: string) => {\n        const permutationValue = clonePermutationValues[field]\n        if (permutationValue)\n          setFieldValue(field as PermutationFormField, permutationValue)\n      })\n    }\n  }, [initialValues, setFieldValue])\n\n  //update experiment name\n  useEffect(() => {\n    if (permutationData) {\n      const permutationName = formatPermutationName({\n        values,\n        brandsList,\n        permutationData,\n        date: moment()\n          .utc()\n          .format('YYYY-MM')\n      })\n\n      setFieldValue('name', permutationName)\n    }\n  }, [values, permutationData, setFieldValue, brandsList])\n\n  //create custom brandsList for selection from the experimentBrands\n  useEffect(() => {\n    if (permutationData && initalDataReady) {\n      const customBrandsList = permutationData.experiment.experimentBrandSet.map(\n        brands => {\n          return {\n            id: brands.id,\n            name: brands.brand.name\n          }\n        }\n      )\n      setBrandsList(customBrandsList)\n\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [permutationData, initalDataReady, setInitialDataReady])\n\n  // create optional & experiment feature data\n  useEffect(() => {\n    if (permutationData && initalDataReady) {\n      //optional features tree\n      {\n        const optionalFeaturesTree = GetFeaturesTree(\n          permutationData.features.filter(feature => !feature.archived)\n        )\n        setFeatureTreeOptionalData(optionalFeaturesTree)\n      }\n\n      //create the tree hierarchial structure from EXPERIMENT FEATURE NAMES\n      const customExpFeatureData = reduceDiscreteSet(\n        permutationData.experiment.experimentDiscreteSet\n      )\n\n      {\n        const expFeaturesTree = GetFeaturesTree(customExpFeatureData)\n        setFeatureTreeExpData(expFeaturesTree)\n      }\n\n      if (initalDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [permutationData, initalDataReady, setInitialDataReady])\n\n  //create preview for selected experimentFeatures\n  useEffect(() => {\n    //FEATURES - create an oject of selected featureNames with features.\n    // since only the IDs are stored when values are selected in the form this is required to create a preview of\n    // selected featureNames with their corresponding features.\n\n    //PREVIEW EXPERIMENT FEATURE NAMES - VARIABLES\n    const selectedExptFeaturesPreview = (inputValue: Array<string>): any => {\n      const selectedFeatures = permutationData.experiment.experimentDiscreteSet.reduce(\n        function(acc: Array<FeaturePreview>, obj: ExperimentDiscreteSet) {\n          if (inputValue.includes(obj.discreteValue.id)) {\n            //find if the feature already exists in the accumulator\n            const objIndex = acc.findIndex(\n              object => object.featureId === obj.discreteValue.feature.id\n            )\n            if (objIndex === -1) {\n              //create custom object\n              const filteredFeature = {\n                featureId: obj.discreteValue.feature.id,\n                featureName: obj.discreteValue.feature.name,\n                discreteValues: [\n                  {\n                    id: obj.discreteValue.id,\n                    value: obj.discreteValue.value\n                  }\n                ]\n              }\n              acc.push(filteredFeature)\n            } else {\n              //replace featureNames in existing object\n              acc[objIndex].discreteValues.push({\n                id: obj.discreteValue.id,\n                value: obj.discreteValue.value\n              })\n            }\n          }\n          return acc\n        },\n        []\n      )\n\n      return selectedFeatures\n    }\n\n    //PREVIEW OPTIONAL FEATURE NAMES - ATTRIBUTES\n    const selectedFeaturesPreview = (inputValue: Array<string>): any => {\n      const selectedFeatures = permutationData.features.reduce(function(\n        acc: Array<FeaturePreview>,\n        obj: AllFeaturesItem\n      ) {\n        if (obj.discreteValues.some(item => inputValue.includes(item.id))) {\n          // filter the featureNames data from feature(obj) that consist the featureName id\n          const filterDiscreteValues: Array<DiscreteValues> = obj.discreteValues.filter(\n            (featureItem: any) => inputValue.includes(featureItem.id)\n          )\n          //find if the feature already exists in the accumulator\n          const objIndex = acc.findIndex(object => object.featureId === obj.id)\n          if (objIndex === -1) {\n            //create custom object\n            const filteredFeature = {\n              featureId: obj.id,\n              featureName: obj.name,\n              discreteValues: [...filterDiscreteValues]\n            }\n            acc.push(filteredFeature)\n          } else {\n            //replace featureNames in existing object\n            acc[objIndex].discreteValues = filterDiscreteValues\n          }\n        }\n        return acc\n      },\n      [])\n      return selectedFeatures\n    }\n\n    //only if the values is not undefined and experiement feature has been updated this block will run.\n    if ((values.variables.length > 0 && initalDataReady) || expFeatureUpdated) {\n      //create a new array consisting the feature of the selected discrete values.\n      const expFeatureData = selectedExptFeaturesPreview(values.variables)\n      setSelectedExpFeaturePreview(expFeatureData)\n      setExpFeatureUpdate(false)\n    }\n\n    //only if the values is not undefined and experiement feature has been updated this block will run.\n    if (\n      (values.attributes.length > 0 && initalDataReady) ||\n      optFeatureUpdated\n    ) {\n      //create a new array consisting the feature of the selected discrete values.\n      const optFeatureData = selectedFeaturesPreview(values.attributes)\n      setSelectedOptFeaturePreview(optFeatureData)\n      setOptFeatureUpdate(false)\n    }\n\n    if (initalDataReady) {\n      setInitialDataReady(false)\n    }\n  }, [\n    values,\n    permutationData,\n    expFeatureUpdated,\n    optFeatureUpdated,\n    setInitialDataReady,\n    initalDataReady\n  ])\n\n  //handle cost changes - verify input and format output with commas\n  const handleCost = (e: any, fieldName: any): void => {\n    const checkCostVal = checkDecimalNumeric(e.target.value.replace(/[,]/g, ''))\n    //format text for UI\n    if (checkCostVal === null) {\n      e.preventDefault()\n    } else {\n      setFieldValue(fieldName, checkCostVal)\n    }\n  }\n\n  return (\n    <Form>\n      {/* name */}\n      <Field\n        label=\"Name\"\n        name=\"name\"\n        type=\"text\"\n        readOnly\n        placeholder=\"Permutation name\"\n        submitCount={submitCount}\n        component={AntInput}\n      />\n\n      {/* brands */}\n      <Field\n        label=\"Select brands from experiment\"\n        name=\"brands\"\n        mode=\"multiple\"\n        placeholder=\"Brands\"\n        submitCount={submitCount}\n        validate={validateRequiredArray}\n        selectOptions={brandsList ? brandsList : []}\n        optionName=\"name\"\n        optionValue=\"id\"\n        component={AntSelectWithVal}\n        filterPropName=\"data-searchkey\"\n      />\n\n      {/* channels and mediums from experiment */}\n      <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>\n        <Col xs={{ span: 12 }}>\n          {/* channel */}\n          <Field name=\"channel\" validate={validateRequired}>\n            {({ field, form }: any) => (\n              <FormItem\n                label=\"Channel\"\n                //field validation\n                help={\n                  (!values.channel && submitCount > 0) ||\n                  (form.touched.channel && !values.channel)\n                    ? 'Channel not selected.'\n                    : false\n                }\n                validateStatus={\n                  (!values.channel && submitCount > 0) ||\n                  (form.touched.channel && !values.channel)\n                    ? 'error'\n                    : 'success'\n                }\n              >\n                <Select\n                  {...field}\n                  placeholder=\"Select channel\"\n                  allowClear\n                  onChange={value => {\n                    setFieldValue('channel', value)\n                  }}\n                  onBlur={() => form.setFieldTouched(field.name, true)}\n                >\n                  {permutationData.experiment.channels &&\n                    permutationData.experiment.channels.map(\n                      (channel, index: number) => (\n                        <Option key={index} value={channel.toUpperCase()}>\n                          {channel}\n                        </Option>\n                      )\n                    )}\n                </Select>\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n\n        <Col xs={{ span: 12 }}>\n          {/* medium */}\n          <Field name=\"medium\" validate={validateRequired}>\n            {({ field, form }: any) => (\n              <FormItem\n                label=\"Medium\"\n                //field validation\n                help={\n                  (!values.medium && submitCount > 0) ||\n                  (form.touched.medium && !values.medium)\n                    ? 'Medium not selected.'\n                    : false\n                }\n                validateStatus={\n                  (!values.medium && submitCount > 0) ||\n                  (form.touched.medium && !values.medium)\n                    ? 'error'\n                    : 'success'\n                }\n              >\n                <Select\n                  {...field}\n                  placeholder=\"Select medium\"\n                  allowClear\n                  onChange={value => setFieldValue('medium', value)}\n                  onBlur={() => form.setFieldTouched(field.name, true)}\n                >\n                  {permutationData.experiment.mediums &&\n                    permutationData.experiment.mediums.map(\n                      (medium, index: number) => (\n                        <Option key={index} value={medium.toUpperCase()}>\n                          {medium}\n                        </Option>\n                      )\n                    )}\n                </Select>\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n      </Row>\n\n      <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>\n        <Col xs={{ span: 12 }}>\n          {/* Folder */}\n          <Field\n            label=\"Folder\"\n            name=\"folder\"\n            placeholder=\"Select folder\"\n            selectOptions={permutationData.folders}\n            optionName=\"name\"\n            optionValue=\"id\"\n            submitCount={submitCount}\n            component={AntSelectWithVal}\n          />\n        </Col>\n\n        <Col xs={{ span: 12 }} className={showISCS ? '' : 'v-hidden'}>\n          {/* iscs */}\n          <Field\n            label=\"ISCS code\"\n            name=\"iscs\"\n            type=\"text\"\n            allowClear\n            placeholder=\"ISCS code\"\n            submitCount={submitCount}\n            component={AntInput}\n          />\n        </Col>\n      </Row>\n\n      <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>\n        <Col xs={{ span: 12 }}>\n          {/* Estimated impressions */}\n          <Field name=\"estImpressions\">\n            {({ field, form }: any) => (\n              <FormItem label=\"Estimated impressions\">\n                <Input\n                  {...field}\n                  placeholder=\"Estimated impressions\"\n                  onChange={(e: any) => handleCost(e, 'estImpressions')}\n                  onBlur={() => form.setFieldTouched('estImpressions', true)}\n                />\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n\n        <Col xs={{ span: 12 }}>\n          {/* Impression to date ~ actual impressions */}\n          <Field name=\"actualImpressions\">\n            {({ field, form }: any) => (\n              <FormItem label=\"Actual impressions\">\n                <Input\n                  {...field}\n                  placeholder=\"Actual impressions\"\n                  onChange={(e: any) => handleCost(e, 'actualImpressions')}\n                  onBlur={() => form.setFieldTouched('actualImpressions', true)}\n                />\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n      </Row>\n\n      <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 20]}>\n        <Col xs={{ span: 12 }}>\n          {/* Estimated cost */}\n          <Field name=\"estCost\">\n            {({ field, form }: any) => (\n              <FormItem label=\"Estimated spend\">\n                <Input\n                  {...field}\n                  placeholder=\"Estimated spend\"\n                  allowClear\n                  prefix=\"$\"\n                  onChange={(e: any) => handleCost(e, 'estCost')}\n                  onBlur={() => form.setFieldTouched('estCost', true)}\n                />\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n\n        <Col xs={{ span: 12 }}>\n          {/* Spend to date ~ actual cost */}\n          <Field name=\"actualCost\">\n            {({ field, form }: any) => (\n              <FormItem label=\"Spend to Date\">\n                <Input\n                  {...field}\n                  placeholder=\"Spend to Date\"\n                  allowClear\n                  prefix=\"$\"\n                  onChange={(e: any) => handleCost(e, 'actualCost')}\n                  onBlur={() => form.setFieldTouched('actualCost', true)}\n                />\n              </FormItem>\n            )}\n          </Field>\n        </Col>\n      </Row>\n\n      {/* Experiment features */}\n      <Field name=\"variables\" validate={validateRequiredArray}>\n        {({ field, form }: any) => (\n          <FormItem\n            label=\"Features from experiment\"\n            // field validation\n            help={\n              (form.errors.variables && submitCount > 0) ||\n              (form.touched.variables && form.errors.variables)\n                ? 'Variables not selected'\n                : false\n            }\n            validateStatus={\n              (form.errors.variables && submitCount > 0) ||\n              (form.touched.variables && form.errors.variables)\n                ? 'error'\n                : 'success'\n            }\n          >\n            <TreeSelect\n              {...field}\n              value={values.variables}\n              dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}\n              treeData={featureTreeExpData}\n              searchPlaceholder=\"Select experiment feature values\"\n              treeCheckable={true}\n              allowClear\n              showCheckedStrategy={SHOW_CHILD}\n              onChange={value => {\n                setFieldValue('variables', value)\n                setExpFeatureUpdate(true)\n              }}\n              onBlur={() => form.setFieldTouched(field.name, true)}\n              treeNodeFilterProp=\"title\"\n            />\n          </FormItem>\n        )}\n      </Field>\n\n      {/* selected experiment features panel */}\n      <FormItem>\n        <Collapse bordered>\n          <Panel header=\"Preview selected experiment features\" key=\"1\">\n            {selectedExpFeaturesPreview.length > 0 ? (\n              <Descriptions\n                layout=\"vertical\"\n                bordered\n                size=\"small\"\n                style={{ background: 'white' }}\n              >\n                {selectedExpFeaturesPreview.map(previewItem => (\n                  <DescriptionsItem\n                    label={previewItem.featureName}\n                    key={previewItem.featureId}\n                  >\n                    {previewItem.discreteValues.map(item => (\n                      <p key={item.id} style={{ marginBottom: '5px' }}>\n                        {item.value}\n                      </p>\n                    ))}\n                  </DescriptionsItem>\n                ))}\n              </Descriptions>\n            ) : (\n              <div style={{ textAlign: 'center' }}>\n                <p>Features not selected.</p>\n              </div>\n            )}\n          </Panel>\n        </Collapse>\n      </FormItem>\n\n      {/* optional features - attributes */}\n      {/* validate={validateRequiredArray} disabled, field set to optional */}\n      <Field name=\"attributes\">\n        {({ field, form }: any) => (\n          <FormItem label=\"Optional features (attributes)\">\n            <TreeSelect\n              {...field}\n              value={values.attributes}\n              dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}\n              treeData={featureTreeOptionalData}\n              searchPlaceholder=\"Select optional feature values\"\n              treeCheckable={true}\n              allowClear\n              showCheckedStrategy={SHOW_CHILD}\n              onChange={value => {\n                setFieldValue('attributes', value)\n                setOptFeatureUpdate(true)\n              }}\n              onBlur={() => form.setFieldTouched(field.name, true)}\n              treeNodeFilterProp=\"title\"\n            />\n          </FormItem>\n        )}\n      </Field>\n\n      {/* selected optional features panel */}\n      <FormItem>\n        <Collapse bordered>\n          <Panel header=\"Preview selected optional features\" key=\"1\">\n            {selectedOptFeaturesPreview.length > 0 ? (\n              <Descriptions\n                layout=\"vertical\"\n                bordered\n                size=\"small\"\n                style={{ background: 'white' }}\n              >\n                {selectedOptFeaturesPreview.map(previewItem => (\n                  <DescriptionsItem\n                    label={previewItem.featureName}\n                    key={previewItem.featureId}\n                  >\n                    {previewItem.discreteValues.map(item => (\n                      <p key={item.id} style={{ marginBottom: '5px' }}>\n                        {item.value}\n                      </p>\n                    ))}\n                  </DescriptionsItem>\n                ))}\n              </Descriptions>\n            ) : (\n              <div style={{ textAlign: 'center' }}>\n                <p>Features not selected.</p>\n              </div>\n            )}\n          </Panel>\n        </Collapse>\n      </FormItem>\n\n      {/* nodes */}\n      <Field\n        label=\"Notes\"\n        name=\"notes\"\n        type=\"text\"\n        placeholder=\"Permutation notes\"\n        submitCount={submitCount}\n        component={AntInput}\n      />\n    </Form>\n  )\n}\n\nexport default CreateEditPermutation\n","//Container - create permutation\n\nimport React, { useState, Fragment, useEffect, useRef, useContext } from 'react'\nimport { Formik } from 'formik'\nimport { useQuery, useMutation, useLazyQuery } from '@apollo/react-hooks'\n\n//contexts\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//typeScript\nimport { PermutationFormValues } from '../../TypeScript_Types/Permutations'\n\n//graphql\nimport {\n  GET_PERMUTATIONS_OPTIONS,\n  GET_PERMUTATIONS_LIST,\n  GET_EDIT_PERMUTATION\n} from '../../Graqhql/Permutations/QueryPermutation'\nimport { CREATE_PERMUTATION } from '../../Graqhql/Permutations/MutationPermutation'\nimport { GET_FOLDERS } from '../../Graqhql/Folders/FoldersQuery'\n\n//utilities\nimport { removeCommas } from '../../Utilities/Format'\nimport { formatPermutationData } from '../../Utilities/Permutation'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional component\nimport CreatePermutationForm from '../../Components/Permutations/Create_Edit_Permutation'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//initial form fields\nconst initialFieldValues: PermutationFormValues = {\n  name: '',\n  brands: [],\n  channel: '',\n  medium: '',\n  iscs: '',\n  folder: null,\n  estCost: null,\n  actualCost: null,\n  estImpressions: null,\n  actualImpressions: null,\n  variables: [],\n  attributes: [],\n  notes: ''\n}\n\n//type props\ninterface Props {\n  experimentId: string\n  clonePermutationId?: string\n  setClonePermutationId: Function\n}\n\n//JSX\nconst CreatePermutation = ({\n  experimentId,\n  clonePermutationId,\n  setClonePermutationId\n}: Props): JSX.Element => {\n  //local state\n  const [createAndClone, setCreateAndClone] = useState(false)\n  const [\n    clonePermutationDataLoading,\n    setClonePermutationDataLoading\n  ] = useState(false)\n  const [\n    createPermutationInitialValues,\n    setCreatePermutationInitialValues\n  ] = useState<PermutationFormValues>()\n  //error while fetching permutations form options\n  const [permutationOptionsError, setPermutationOptionsError] = useState()\n  const [initalDataReady, setInitialDataReady] = useState(false)\n  //Error while fetching permutation details for cloning\n  const [permutationCloneError, setPermutationCloneError] = useState()\n\n  //context\n  const {\n    viewCreateFormModal,\n    handleVisible,\n    setCreateSuccess,\n    createError,\n    setCreateError,\n    createErrorMsg,\n    setCreateErrorMsg\n  } = useContext(CreateModalCTX)\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  useEffect(() => {\n    if (viewCreateFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewCreateFormModal])\n\n  //this is to set the toggle for create and clone\n  const handleCreateAndClone = (): void => {\n    setCreateAndClone(prevState => !prevState)\n  }\n\n  //this will be called when create button is clicked, if previous createAndClone is true\n  //set it to false\n  const handleCreate = (): void => {\n    if (createAndClone) {\n      handleCreateAndClone()\n    }\n  }\n\n  //close modal will check if create and clone is true, if true then\n  //it must be set to false so that the form gets reset.\n  const closeModal = (): void => {\n    if (createAndClone) {\n      handleCreateAndClone()\n    }\n    if (createPermutationInitialValues)\n      setCreatePermutationInitialValues(undefined)\n    if (clonePermutationId) setClonePermutationId(null)\n    handleVisible()\n  }\n\n  //const modal buttons\n  const buttons = [\n    {\n      buttonName: 'Create',\n      key: 'create',\n      action: handleCreate\n    },\n    {\n      buttonName: 'Create & clone',\n      key: 'createClone',\n      action: handleCreateAndClone\n    }\n  ]\n\n  //get permutation options\n  const { data: permutationDataOpt, loading: permutationLoading } = useQuery(\n    GET_PERMUTATIONS_OPTIONS,\n    {\n      variables: { id: experimentId },\n      onError(error) {\n        setPermutationOptionsError(error)\n      }\n    }\n  )\n\n  //set initial data ready for render\n  useEffect(() => {\n    if (permutationDataOpt) {\n      setInitialDataReady(true)\n    }\n  }, [permutationDataOpt])\n\n  //create permutation mutation\n  const [createPermutation, { loading: createLoading }] = useMutation(\n    CREATE_PERMUTATION,\n    {\n      onCompleted() {\n        //if create and clone is false, close the modal and set success to true.\n        if (!createAndClone) {\n          setCreateSuccess(true)\n          handleVisible()\n        }\n      },\n      onError(error) {\n        setCreateError(true)\n        setCreateErrorMsg(error.message)\n      },\n      refetchQueries: [\n        {\n          query: GET_PERMUTATIONS_LIST,\n          variables: { experimentId: experimentId }\n        },\n        { query: GET_FOLDERS, variables: { experimentId: experimentId } }\n      ]\n    }\n  )\n\n  //handle submit\n  const handleSubmit = (values: PermutationFormValues): void => {\n    const inputVal = {\n      name: values.name,\n      estCost: values.estCost ? parseFloat(removeCommas(values.estCost)) : null,\n      actualCost: values.actualCost\n        ? parseFloat(removeCommas(values.actualCost))\n        : null,\n      estImpressions: values.estImpressions\n        ? parseFloat(removeCommas(values.estImpressions))\n        : null,\n      actualImpressions: values.actualImpressions\n        ? parseFloat(removeCommas(values.actualImpressions))\n        : null,\n      iscs: values.iscs,\n      notes: values.notes,\n      channel: values.channel,\n      medium: values.medium\n    }\n\n    const newVariables = values.variables.map(\n      (v: string) =>\n        permutationDataOpt?.experiment.experimentDiscreteSet.find(\n          (d: any) => d.discreteValue.id === v\n        )?.id\n    )\n\n    createPermutation({\n      variables: {\n        experimentId: experimentId,\n        input: inputVal,\n        brands: values.brands,\n        attributes: values.attributes,\n        folder: values.folder,\n        variables: newVariables\n      }\n    })\n  }\n\n  //CLONE PERMUTATION\n  //useLazyQuery returns a function in its result tuple that you can call whenever you're ready to execute.\n  //The below query is used to get the permutation data for cloning\n  const [\n    getClonePermutationData,\n    { loading: clonePermutationDataFetchLoading }\n  ] = useLazyQuery(GET_EDIT_PERMUTATION, {\n    onError(error) {\n      // TODO: create custom error function\n      setClonePermutationDataLoading(false)\n      setPermutationCloneError(error)\n    },\n    onCompleted(data) {\n      const { permutation } = data\n      //set the proper value for folder select\n      permutation.folder = permutation.folder?.id\n      const clonePermutationData = formatPermutationData(permutation)\n      setCreatePermutationInitialValues(clonePermutationData)\n      setClonePermutationDataLoading(false)\n    }\n  })\n\n  // clone permutation data\n  useEffect(() => {\n    if (clonePermutationId) {\n      setClonePermutationDataLoading(true)\n      getClonePermutationData({\n        variables: {\n          experimentId: experimentId,\n          permutationID: clonePermutationId\n        }\n      })\n    }\n  }, [clonePermutationId, getClonePermutationData, experimentId])\n\n  return (\n    <Fragment>\n      <Formik\n        initialValues={initialFieldValues}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ submitCount, submitForm, setFieldValue, values, handleReset }) => (\n          <ModalWrap\n            title=\"Create Permutation\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={createLoading}\n            handleVisible={closeModal}\n            viewFormModal={viewCreateFormModal}\n          >\n            {/* error fetching permutation options */}\n            {permutationOptionsError || permutationCloneError ? (\n              <ErrorAlert message=\"Error fetching permutation details.\" />\n            ) : (\n              <>\n                {permutationLoading ||\n                permutationOptionsError ||\n                clonePermutationDataLoading ||\n                clonePermutationDataFetchLoading ? (\n                  <LoadingSpinner />\n                ) : (\n                  <Fragment>\n                    {/* error creating permutation  */}\n                    {createError && (\n                      <ErrorAlert\n                        message={\n                          createErrorMsg\n                            ? createErrorMsg\n                            : 'Something went wrong'\n                        }\n                        close={true}\n                        onErrorClose={() => {\n                          setCreateErrorMsg('')\n                          setCreateError(false)\n                        }}\n                      />\n                    )}\n                    <ErrorBoundary>\n                      <CreatePermutationForm\n                        setInitialDataReady={setInitialDataReady}\n                        initalDataReady={initalDataReady}\n                        submitCount={submitCount}\n                        setFieldValue={setFieldValue}\n                        permutationData={permutationDataOpt}\n                        values={values}\n                        initialValues={createPermutationInitialValues}\n                      />\n                    </ErrorBoundary>\n                  </Fragment>\n                )}\n              </>\n            )}\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default CreatePermutation\n","//This component is to take the input for the csv file name\nimport React from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport { Row, Col } from 'antd'\n\n//utitlities\nimport { validateRequired } from '../../Utilities/Validate'\n\n//functional components\nimport { AntInput } from '../Reusable_UI/Forms/FormFields'\n\n//typeScript\ninterface Props {\n  submitCount: number\n}\n\nconst CsvFileForm = ({ submitCount }: Props) => {\n  return (\n    <Form>\n      <Row>\n        <Col span={20}>\n          <Field\n            label=\"File Name\"\n            name=\"fileName\"\n            type=\"text\"\n            allowClear\n            validate={validateRequired}\n            submitCount={submitCount}\n            component={AntInput}\n          />\n        </Col>\n      </Row>\n    </Form>\n  )\n}\n\nexport default CsvFileForm\n","//This container will handle the download csv action for permutations\nimport React, { useContext, Fragment, useState, useEffect } from 'react'\nimport { Formik } from 'formik'\n\n//REST\nimport API from '../../Utilities/RESTSetup'\n\nimport { DownloadModalContext } from '../../Contexts/DownloadModalContext'\n\n//functional component\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport CsvFileForm from '../../Components/Build/CsvFile'\n\n//types for form fields state\ninterface FormValues {\n  fileName: string\n}\n\n//initial form fields\nconst initialFieldValues: FormValues = {\n  fileName: ''\n}\n\ninterface Props {\n  permutationId: string\n  permutationName: string\n}\n\nconst DownloadCSV: React.FC<Props> = ({\n  permutationId,\n  permutationName\n}: Props): JSX.Element => {\n  //context\n  const {\n    viewDownloadFormModal,\n    handleVisible,\n    setDownloadSuccess\n  } = useContext(DownloadModalContext)\n\n  //local states\n  const [formFields, setFormFields] = useState()\n  const [downloadingCsv, setDownloadingCsv] = useState(false)\n  const [downloadCsvErrorMsg, setDownloadCsvErrorMsg] = useState()\n\n  //update filename\n  useEffect(() => {\n    const fileNameUpdate = Object.create(initialFieldValues)\n    fileNameUpdate.fileName = permutationName.substring(0, 40)\n    setFormFields(fileNameUpdate)\n  }, [permutationName])\n\n  //download csv\n  const handleSubmitCsv = (values: FormValues): void => {\n    // initializations\n    setDownloadCsvErrorMsg(null)\n    setDownloadingCsv(true)\n\n    //API config\n    const config: any = {\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      responseType: 'blob'\n    }\n\n    //API call\n    API.get(`/v1/csv/permutation/${permutationId}/`, config)\n      .then((response: any) => {\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(new Blob([response.data]))\n        link.setAttribute('download', `${values.fileName}.csv`)\n        document.body.appendChild(link)\n        link.click()\n\n        //modal handling\n        setDownloadSuccess(true)\n        handleVisible()\n        \n      })\n      .catch((error: any) => {\n        if (error?.response?.status === 401) {\n          setDownloadCsvErrorMsg(\n            'Your session has expired. Please log in again'\n          )\n          // TODO: add auto logout step\n        } else if (error.response && error.response.data.detail) {\n          setDownloadCsvErrorMsg(error.response.data.detail)\n        } else {\n          setDownloadCsvErrorMsg('Something went wrong')\n        }\n        setDownloadingCsv(false);   \n      })\n      \n  }\n\n  const buttonsDownload = [\n    {\n      buttonName: 'Download CSV',\n      key: 'download'\n    }\n  ]\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={formFields}\n      onSubmit={handleSubmitCsv}\n      validateOnBlur={false}\n    >\n      {({ submitCount, submitForm }) => (\n        <ModalWrap\n          title=\"Download CSV\"\n          buttons={buttonsDownload}\n          submitForm={submitForm}\n          handleVisible={handleVisible}\n          viewFormModal={viewDownloadFormModal}\n          loading={downloadingCsv}\n        >\n          <Fragment>\n            {/* download csv error  */}\n            {downloadCsvErrorMsg && (\n              <ErrorAlert message={downloadCsvErrorMsg}\n                close={true}\n                onErrorClose={() => setDownloadCsvErrorMsg(undefined)} />\n            )}\n\n            <CsvFileForm submitCount={submitCount} />\n          </Fragment>\n        </ModalWrap>\n      )}\n    </Formik>\n  )\n}\n\nexport default DownloadCSV\n","//Continer -Permutations list\n\nimport React, { Fragment, useState, useContext, useEffect } from 'react'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\nimport { FileExcelFilled } from '@ant-design/icons'\nimport { BlockPicker, ColorResult } from 'react-color'\nimport API from '../../Utilities/RESTSetup'\n\n//ant d\nimport { Modal, Tooltip, Button, Menu, Dropdown, Tag, Row, Col } from 'antd'\n\n//graphql\nimport { DELETE_PERMUTATION } from '../../Graqhql/Permutations/MutationPermutation'\nimport { GET_PERMUTATIONS_LIST } from '../../Graqhql/Permutations/QueryPermutation'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\nimport { DownloadModalContext } from '../../Contexts/DownloadModalContext'\n\n//typeScript\nimport { Permutation } from '../../TypeScript_Types/Permutations'\nimport { Folder } from '../../TypeScript_Types/Folders'\n\n//utilities\nimport { DEFAULT_FLOWCODE_COLOR } from '../../Constants/Flowcodes/Flowcodes'\n\n//functional components\nimport ViewPermutationsTable from '../../Components/Permutations/ViewPermutationTable'\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\nimport { SearchField } from '../../Components/Reusable_UI/Forms/SearchField'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport CreatePermutation from './CreatePermutation'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport DownloadCSV from '../Build/DownloadCSV'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//ant design destructuring\nconst { confirm } = Modal\n\n//types\ninterface Props {\n  experimentId: string\n  history: any\n}\n\n//JSX\nconst PermutationList = ({ experimentId, history }: Props): JSX.Element => {\n  //context\n  const { createSuccess, viewCreateFormModal, handleVisible } = useContext(\n    CreateModalCTX\n  )\n  const { viewDownloadFormModal } = useContext(DownloadModalContext)\n\n  //const { editSuccess, viewEditFormModal } = useContext(EditModalCTX)\n\n  //local states\n  const [permutationData, setPermutationData] = useState()\n  const [deletePermutationId, setDeletePermutationId] = useState()\n  const [clonePermutationId, setClonePermutationId] = useState<string>('')\n  const [deletePermutationError, setDeletePermutationError] = useState()\n  const [selectedPermutationId, setSelectedPermutationId] = useState<string>('')\n  const [selectedPermutationName, setSelectedPermutationName] = useState<\n    string\n  >('')\n  const [permutationListError, setPermutationListError] = useState()\n  const [downloadFlowcodesError, setDownloadFlowcodesError] = useState<string>()\n  const [isDownloadFlowcodesLoading, setIsDownloadFlowcodesLoading] = useState(\n    false\n  )\n  const [\n    isDownloadPermutationsLoading,\n    setIsDownloadPermutationsLoading\n  ] = useState(false)\n  //filter by folder\n  const [filterMenuItems, setFilterMenuItems] = useState()\n  const [filterMenuItemCount, setFilterMenuItemCount] = useState()\n  const [filterFolderInfo, setFilterFolderInfo] = useState()\n  const [searchField, setSearchField] = useState()\n  const [\n    isDownloadFlowcodesModalOpen,\n    setIsDownloadFlowcodesModalOpen\n  ] = useState(false)\n  const [flowcodeColor, setFlowcodeColor] = useState(DEFAULT_FLOWCODE_COLOR)\n\n  //get permutations data from graphql\n  const { data: permutationsList, loading: listLoading } = useQuery(\n    GET_PERMUTATIONS_LIST,\n    {\n      variables: { experimentId: experimentId },\n      onError(error) {\n        setPermutationListError(error)\n      }\n    }\n  )\n\n  const hasFlowcodes = permutationData?.some(\n    (permutation: { flowcodeCount: number }) => permutation.flowcodeCount\n  )\n  const hasPermutations = !!permutationsList?.permutations?.length\n\n  //update data\n  useEffect(() => {\n    if (permutationsList) {\n      setPermutationData(permutationsList.permutations)\n\n      //folder filter menu\n      {\n        //unique permutations by folderID\n        const uniquePermutations: Array<{ id: string; name: string }> = []\n\n        permutationsList.permutations.forEach((item: Permutation & Folder) => {\n          if (item.folder) {\n            const index = uniquePermutations.findIndex(\n              pushedItem => pushedItem.id === item.folder.id\n            )\n            if (index <= -1) {\n              uniquePermutations.push({\n                id: item.folder.id,\n                name: item.folder.name\n              })\n            }\n          }\n        })\n        setFilterMenuItemCount(uniquePermutations.length)\n        setFilterMenuItems(uniquePermutations)\n      }\n    }\n  }, [permutationsList])\n\n  //delete permutation mutation\n  const [deletePermutation, { loading: deleteLoading }] = useMutation(\n    DELETE_PERMUTATION,\n    {\n      onCompleted() {\n        setDeletePermutationId(null)\n      },\n      onError(error) {\n        setDeletePermutationError(error)\n      },\n      refetchQueries: [\n        {\n          query: GET_PERMUTATIONS_LIST,\n          variables: { experimentId: experimentId }\n        }\n      ]\n    }\n  )\n\n  const handleClonePermutation = (permutationId: string): void => {\n    setClonePermutationId(permutationId)\n    handleVisible()\n  }\n\n  const handleDownloadCSV = (\n    permutationID: string,\n    permutationName: string\n  ): void => {\n    setSelectedPermutationId(permutationID)\n    setSelectedPermutationName(permutationName)\n  }\n\n  // delete permutation\n  const handleDeletePermutation = (id: string, name: string): void => {\n    setDeletePermutationError(null)\n    setDeletePermutationId(id)\n\n    confirm({\n      title: 'Delete permutation',\n      content: `Are you sure you want to delete ${name.substring(0, 60)}...?`,\n      okText: 'Yes',\n      okType: 'danger',\n      cancelText: 'No',\n      onOk() {\n        deletePermutation({ variables: { id: id } })\n      }\n    })\n  }\n\n  //on close delete error alert\n  const onCloseDeleteError = (): void => {\n    setDeletePermutationError(null)\n    setDeletePermutationId(null)\n  }\n\n  //search permutation\n  const handleSearchPermutation = (value: string): void => {\n    if (!value) {\n      setSearchField(null)\n    } else {\n      setSearchField(value)\n    }\n  }\n\n  //filter permutation by folder id\n  const handleFolderFilter = (item: { id: string; name: string }): void => {\n    setFilterFolderInfo(item)\n  }\n\n  const clearFolderFilter = (): void => {\n    setFilterFolderInfo(null)\n  }\n\n  //Download flowcodes\n  const handleDownloadFlowcodes = async (): Promise<void> => {\n    try {\n      setIsDownloadFlowcodesLoading(true)\n      const permutationIds: string[] = permutationData.map(\n        ({ id }: { id: string }) => id\n      )\n      if (!permutationIds.length) {\n        setDownloadFlowcodesError('Please select a permutation')\n      }\n      const url = '/v1/zip/permutations/all-flowcodes'\n      const response = await API.get(url, {\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        responseType: 'blob',\n        params: {\n          ids: permutationIds.join(','),\n          defaultColor: flowcodeColor?.replace(/#/gi, '')\n        }\n      })\n      const objectURL = window.URL.createObjectURL(new Blob([response.data]))\n      const link = document.createElement('a')\n      let filename = response.request.getResponseHeader('Content-Disposition')\n      filename =\n        (filename && filename.split('filename=')[1]) || 'flowcode-archive.zip'\n      link.setAttribute('download', filename)\n      link.setAttribute('href', objectURL)\n      document.body.appendChild(link)\n      link.click()\n      window.URL.revokeObjectURL(objectURL)\n    } catch (e) {\n      setDownloadFlowcodesError(\n        'Error downloading flowcodes. Please try again.'\n      )\n    } finally {\n      setIsDownloadFlowcodesLoading(false)\n      setFlowcodeColor(DEFAULT_FLOWCODE_COLOR)\n    }\n  }\n\n  //Download permutation\n  const handleDownloadPermutations = async (): Promise<void> => {\n    try {\n      setIsDownloadPermutationsLoading(true)\n      const permutationIds: string[] = permutationData.map(\n        ({ id }: { id: string }) => id\n      )\n      if (!permutationIds.length) {\n        return setDownloadFlowcodesError('Please select a permutation')\n      }\n      const path = '/v1/csv/permutations'\n      const query = `ids=${permutationIds.join(',')}`\n      const url = `${path}?${query}`\n      const response = await API.get(url, {\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        responseType: 'blob'\n      })\n      const objectURL = window.URL.createObjectURL(new Blob([response.data]))\n      const link = document.createElement('a')\n      let filename = response.request.getResponseHeader('Content-Disposition')\n      filename = (filename && filename.split('filename=')[1]).replace(/\"/gi, '')\n      link.setAttribute('download', filename)\n      link.setAttribute('href', objectURL)\n      document.body.appendChild(link)\n      link.click()\n      window.URL.revokeObjectURL(objectURL)\n    } catch (e) {\n      setDownloadFlowcodesError(\n        'Error downloading permutations. Please try again.'\n      )\n    } finally {\n      setIsDownloadPermutationsLoading(false)\n      setFlowcodeColor(DEFAULT_FLOWCODE_COLOR)\n    }\n  }\n\n  //filter list after updating search params\n  useEffect(() => {\n    if (permutationsList) {\n      if (!searchField && !filterFolderInfo) {\n        setPermutationData(permutationsList.permutations)\n      } else {\n        if (searchField && filterFolderInfo) {\n          const filteredUniq = permutationsList.permutations.filter(\n            (permutation: any) => {\n              const name = permutation.name.toLowerCase()\n              const searchFieldResult = name.indexOf(searchField) > -1\n              const folderFilterResult = permutation.folder\n                ? permutation.folder.id === filterFolderInfo.id\n                : false\n              return searchFieldResult && folderFilterResult\n            }\n          )\n\n          setPermutationData(filteredUniq)\n        } else {\n          if (searchField) {\n            const filteredSearch = permutationsList.permutations.filter(\n              (permutation: any) => {\n                const name = permutation.name.toLowerCase()\n                return name.indexOf(searchField) > -1\n              }\n            )\n            setPermutationData(filteredSearch)\n          }\n\n          if (filterFolderInfo) {\n            const filteredFolder = permutationsList.permutations.filter(\n              (permutation: any) => {\n                // permutation.folder can be null for certain permutations\n                if (permutation.folder) {\n                  return permutation.folder.id === filterFolderInfo.id\n                }\n                return false\n              }\n            )\n            if (filteredFolder) {\n              setPermutationData(filteredFolder)\n            }\n          }\n        }\n      }\n    }\n  }, [searchField, filterFolderInfo, permutationsList])\n\n  //render filter by folders in menu\n  const filterMenu = (\n    <Menu>\n      {/* clear filter option only when filter is active */}\n      {filterFolderInfo && (\n        <Menu.Item onClick={clearFolderFilter}>Clear filter</Menu.Item>\n      )}\n\n      {filterMenuItems &&\n        filterMenuItems.map(\n          (item: { id: string; name: string }, index: number) => (\n            <Menu.Item key={index} onClick={() => handleFolderFilter(item)}>\n              {' '}\n              {item.name}{' '}\n            </Menu.Item>\n          )\n        )}\n    </Menu>\n  )\n\n  return (\n    <div style={{ position: 'relative' }}>\n      {/* create or edit action outcomes */}\n      {createSuccess ? (\n        <SuccessAlert\n          message={\n            createSuccess\n              ? 'Permutation created successfully.'\n              : 'Permutation updated successfully.'\n          }\n          closable={true}\n          title={createSuccess ? 'Create permutation' : 'Edit permutation'}\n        />\n      ) : null}\n\n      {/* permutations */}\n      {/* <div style={permutations}> */}\n      <Row gutter={10}>\n        <Col span={15}>\n          <PageTitle titleName=\"Permutations\" />\n        </Col>\n\n        {/* <div style={searchAddDiv}> */}\n        <Col span={9}>\n          {/* filter by folder only if the permutation has filters options */}\n          {filterMenuItemCount > 0 && (\n            <Col span={3}>\n              <Tooltip title=\"Filter by folder\" placement=\"topRight\">\n                <Dropdown overlay={filterMenu}>\n                  <Button shape=\"circle\" icon=\"filter\" type=\"default\" />\n                </Dropdown>\n              </Tooltip>\n            </Col>\n          )}\n\n          {/* search field */}\n          <Col span={12}>\n            <SearchField\n              handleSearch={handleSearchPermutation}\n              placeholderVal=\"search permutation\"\n              disabled={!permutationData}\n            />\n          </Col>\n          {/* download permuations excel */}\n          <Tooltip\n            title=\"Download permutations excel file\"\n            placement=\"topRight\"\n          >\n            <Col span={3}>\n              <Button\n                shape=\"circle\"\n                type=\"primary\"\n                className=\"download-permutations-btn\"\n                onClick={handleDownloadPermutations}\n                loading={isDownloadPermutationsLoading}\n                disabled={!hasPermutations}\n              >\n                {!isDownloadPermutationsLoading && <FileExcelFilled />}\n              </Button>\n            </Col>\n          </Tooltip>\n\n          {/* download flowcodes */}\n          <Tooltip title=\"Download flowcodes\" placement=\"topRight\">\n            <Col span={3}>\n              <Button\n                shape=\"circle\"\n                icon=\"download\"\n                type=\"primary\"\n                className=\"download-flowcode-btn\"\n                onClick={() => setIsDownloadFlowcodesModalOpen(true)}\n                loading={isDownloadFlowcodesLoading}\n                disabled={!hasFlowcodes}\n              />\n            </Col>\n          </Tooltip>\n          {/* create permutation button */}\n          <Tooltip title=\"Create permutations\" placement=\"topRight\">\n            <Col span={3}>\n              <Button\n                shape=\"circle\"\n                icon=\"plus\"\n                type=\"primary\"\n                onClick={handleVisible}\n              />\n            </Col>\n          </Tooltip>\n        </Col>\n      </Row>\n      {/* </div> */}\n\n      {/* filtered tags */}\n      <div>\n        {filterFolderInfo && (\n          <Tag onClose={clearFolderFilter} closable color=\"blue\">\n            {`Filter: ${filterFolderInfo.name}`}\n          </Tag>\n        )}\n      </div>\n\n      {/* create permutation form */}\n      {viewCreateFormModal && (\n        <CreatePermutation\n          experimentId={experimentId}\n          clonePermutationId={clonePermutationId}\n          setClonePermutationId={setClonePermutationId}\n        />\n      )}\n\n      {/* TODO: Extract to FlowcodeOptionsModal options modal (flowcode studio v0.0.1) */}\n      {isDownloadFlowcodesModalOpen && (\n        <ModalWrap\n          title=\"Download Flowcodes\"\n          buttons={[\n            {\n              buttonName: 'Download',\n              key: 'download'\n            }\n          ]}\n          loading={isDownloadFlowcodesLoading}\n          viewFormModal\n          handleVisible={() => {\n            setIsDownloadFlowcodesModalOpen(false)\n            setFlowcodeColor(DEFAULT_FLOWCODE_COLOR)\n          }}\n          submitForm={async () => {\n            await handleDownloadFlowcodes()\n            setIsDownloadFlowcodesModalOpen(false)\n          }}\n        >\n          <strong>Color:</strong>\n          <div className=\"color-picker-container\">\n            <BlockPicker\n              color={flowcodeColor}\n              triangle=\"hide\"\n              onChangeComplete={(color: ColorResult) =>\n                setFlowcodeColor(color.hex)\n              }\n            />\n          </div>\n        </ModalWrap>\n      )}\n\n      {/* if there is an error downloading flowcodes */}\n      {!!downloadFlowcodesError && (\n        <ErrorAlert\n          message={downloadFlowcodesError}\n          onErrorClose={() => setDownloadFlowcodesError('')}\n          close={true}\n        />\n      )}\n\n      {/* display error received while fetching the permutation table data */}\n      {permutationListError ? (\n        <ErrorAlert\n          message={\n            permutationListError.message\n              ? permutationListError.message\n              : 'Error fetching permutations.'\n          }\n        />\n      ) : (\n        <Fragment>\n          {/* delete permutation error  alert*/}\n          {deletePermutationError && (\n            <ErrorAlert\n              message={\n                deletePermutationError.message\n                  ? deletePermutationError.message\n                  : 'Error deleting permutation.'\n              }\n              onErrorClose={onCloseDeleteError}\n              close={true}\n            />\n          )}\n\n          {/* Download csv */}\n          {viewDownloadFormModal && (\n            <ErrorBoundary>\n              <DownloadCSV\n                permutationId={selectedPermutationId}\n                permutationName={selectedPermutationName}\n              />\n            </ErrorBoundary>\n          )}\n\n          {/* created permutations table listing */}\n          <ViewPermutationsTable\n            permutationData={permutationData}\n            experimentId={experimentId}\n            listLoading={listLoading}\n            deleteLoading={deleteLoading}\n            deletePermutationId={deletePermutationId}\n            history={history}\n            handleClonePermutation={handleClonePermutation}\n            handleDeletePermutation={handleDeletePermutation}\n            handleDownloadCSV={handleDownloadCSV}\n          />\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport default PermutationList\n","//This component will render analytical chart in view experiment\n\nimport React from 'react'\nimport { Bar } from 'react-chartjs-2'\nimport { GET_EXPERIMENT_ANALYTICS } from '../../Graqhql/Experiment/QueryExperiment'\nimport { useQuery } from '@apollo/react-hooks'\nimport { ExperimentAnalytic } from '../../TypeScript_Types/ExperimentTypes'\nimport NoData from '../Reusable_UI/NoData/NoData'\nimport { Divider } from 'antd'\nimport ErrorAlert from '../Reusable_UI/Alerts/ErrorAlerts'\n\ninterface Props {\n  experimentId: any\n}\n\nconst SCANS_COLOR = '#356AC4'\nconst CPS_COLOR = '#EA4435'\n\nconst ExperimentAnalytics: React.FC<Props> = ({\n  experimentId\n}: Props): JSX.Element | null => {\n  const [error, setError] = React.useState()\n\n  const { data, loading } = useQuery(GET_EXPERIMENT_ANALYTICS, {\n    variables: { id: experimentId },\n    onError(error) {\n      setError(error.message)\n    }\n  })\n\n  if (loading) {\n    return <div style={{marginTop: '20px'}}>\n              <NoData loading={loading} />\n           </div>\n  }\n\n  if (error)\n    return (\n        <ErrorAlert message={error || 'Error loading analytics data'} />\n    )\n\n  if (!data?.analytics.length) return null\n\n  const names: string[] = []\n  const costPerScan: number[] = []\n  const scans: number[] = []\n\n  data.analytics.forEach(\n    ({ costPerScan: cps, scanCount, permutationName }: ExperimentAnalytic) => {\n      scans.push(scanCount)\n      names.push(permutationName)\n      costPerScan.push(cps)\n    }\n  )\n\n  const chartData = {\n    datasets: [\n      {\n        label: 'Cost Per Scan',\n        type: 'line',\n        data: costPerScan,\n        fill: false,\n        borderColor: CPS_COLOR,\n        backgroundColor: CPS_COLOR,\n        pointBorderColor: CPS_COLOR,\n        pointBackgroundColor: CPS_COLOR,\n        pointHoverBackgroundColor: CPS_COLOR,\n        pointHoverBorderColor: CPS_COLOR,\n        yAxisID: 'y-axis-2'\n      },\n      {\n        label: 'Scans',\n        type: 'bar',\n        data: scans,\n        fill: false,\n        backgroundColor: SCANS_COLOR,\n        borderColor: SCANS_COLOR,\n        hoverBackgroundColor: SCANS_COLOR,\n        hoverBorderColor: SCANS_COLOR,\n        yAxisID: 'y-axis-1'\n      }\n    ]\n  }\n\n  const options = {\n    responsive: true,\n    tooltips: {\n      mode: 'label'\n    },\n    elements: {\n      line: {\n        fill: false\n      }\n    },\n    scales: {\n      datasets: [{\n        maxBarThickness: 50,\n      }],\n      xAxes: [\n        {\n          // maxBarThickness: 50, this attribute is no longer part of xAxes\n          labels: names,\n          display: true,\n          gridLines: {\n            display: true\n          },\n          ticks: {\n            callback: (value: string) =>\n              `${value.substr(0, 10)}${value?.length > 10 ? '...' : ''}`\n            //   beginAtZero: true\n          }\n        }\n      ],\n      yAxes: [\n        {\n          type: 'linear',\n          display: true,\n          position: 'left',\n          id: 'y-axis-1',\n          gridLines: {\n            display: true\n          },\n          ticks: {\n            // min: 0,\n            stepSize: 5,\n            beginAtZero: true\n          }\n        },\n        {\n          type: 'linear',\n          display: true,\n          position: 'right',\n          id: 'y-axis-2',\n          gridLines: {\n            display: false\n          },\n          ticks: {\n            beginAtZero: true,\n            callback: (value: number) => `$${value.toFixed(2)}`\n          }\n        }\n      ]\n    }\n  }\n\n  return (\n    <>\n      <Divider />\n      <section className=\"experiment-analytics-container\">\n        <Bar data={chartData} options={options} />\n      </section>\n      <Divider />\n    </>\n  )\n}\n\nexport default ExperimentAnalytics\n","//container - View Experiment Form\n//Includes experiment details, folders & permutations\n\nimport React, { useState, Fragment } from 'react'\nimport { Link, RouteComponentProps } from 'react-router-dom'\n\n//ant d styled components\nimport { Switch, Typography, Divider, Tooltip, Breadcrumb } from 'antd'\n\nimport { useQuery } from '@apollo/react-hooks'\n\n//graphql\nimport { GET_EDIT_EXPERIMENT } from '../../../Graqhql/Experiment/QueryExperiment'\n\n//contexts\nimport CreateFolderModalProvider from '../../../Contexts/CreateFolderModalContext'\nimport EditFolderModalProvider from '../../../Contexts/EditFolderModalContext'\nimport CreateModalProvider from '../../../Contexts/CreateModalContext'\nimport EditModalProvider from '../../../Contexts/EditModalContext'\nimport DownloadModalProvider from '../../../Contexts/DownloadModalContext'\n\n//utilities\nimport ErrorBoundary from '../../../Utilities/ErrorBoundary'\n\n//functional components\nimport LayoutWrap from '../../../HOC/LayoutWrap'\nimport PageTitle from '../../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport ViewAndEditExperiment from '../../../Components/Experiment/ViewExperimentForm/ViewAndEditExperiment'\nimport FolderList from '../../Folders/FoldersList'\nimport { LoadingSpinner } from '../../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport ErrorAlert from '../../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport PermutationList from '../../Permutations/PermutationsList'\nimport ExperimentAnalytics from '../../../Components/Experiment/ExperimentAnalytics'\n\n//ant design componenent destructuring\nconst { Title } = Typography\n\n//inline styles\nconst folderDiv = {\n  display: 'flex',\n  alignItems: 'center',\n  marginTop: 20\n}\n\n//const title of view experiment page\nconst PAGE_TITLE = 'View Experiment'\n\ntype Params = {\n  id: string\n}\n\n//JSX\nconst ViewExperimentComponents = (\n  props: RouteComponentProps<Params>\n): JSX.Element => {\n  //local state\n  const [folderView, setFolderView] = useState(false)\n  const [expError, setExpError] = useState()\n\n  //experiment id\n  const experimentId = props.match.params.id\n  const decodedExperimentId = window.atob(experimentId).split(':')[1]\n\n  //get the experiment details\n  const { data: expData, loading: expLoading } = useQuery(GET_EDIT_EXPERIMENT, {\n    variables: { id: decodedExperimentId },\n    onError(error) {\n      setExpError(error)\n    }\n  })\n\n  //breadcrumb navigation menu\n  const ViewExperimentBreadcrumb = (\n    <Breadcrumb style={{ marginBottom: '20px' }}>\n      <Breadcrumb.Item>\n        <Link to=\"/experiments_list\">Experiments</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>View experiment</Breadcrumb.Item>\n    </Breadcrumb>\n  )\n\n  return (\n    <LayoutWrap props={props}>\n      {/* breadcrumb navigation menu */}\n      {ViewExperimentBreadcrumb}\n\n      <PageTitle titleName={PAGE_TITLE} />\n\n      {/* error getting experiment details */}\n      {expError ? (\n        <ErrorAlert\n          message={expError.message ? expError.message : 'Something went wrong'}\n        />\n      ) : (\n        <Fragment>\n          {/* if loading or no data show the spinner else render other components */}\n          {/* this is necessary because setError will take time for async to complete, meanwhile the\n                        details component rendering starts if no expData */}\n\n          {expLoading || !expData ? (\n            <LoadingSpinner />\n          ) : (\n            <Fragment>\n              {/* 1. experiment details */}\n              <ErrorBoundary>\n                <ViewAndEditExperiment\n                  experiment={{ ...expData.experiment }}\n                  selectOptions={{\n                    brands: [...expData.brands],\n                    features: [...expData.features],\n                    channels: [...expData.channels],\n                    dtxcloudUsers: [ ...expData.dtxcloudUsers]\n                  }}\n                  expDecodedId={decodedExperimentId}\n                />\n              </ErrorBoundary>\n\n              {/* 2. Charts */}\n              <ErrorBoundary>\n                <ExperimentAnalytics experimentId={decodedExperimentId} />\n              </ErrorBoundary>\n\n              {/* 3. Groups */}\n              <div style={folderDiv}>\n                <Tooltip title={folderView ? 'Hide folders' : 'Show folders'}>\n                  <Switch\n                    onClick={checked => setFolderView(checked)}\n                    checked={folderView}\n                  />\n                </Tooltip>\n                <Title level={4} style={{ marginBottom: 0, marginLeft: 5 }}>\n                  Folders\n                </Title>\n              </div>\n\n              {/* if folder swtich true display the folder list*/}\n              <ErrorBoundary>\n                <CreateFolderModalProvider>\n                  <EditFolderModalProvider>\n                    {folderView && (\n                      <FolderList experimentId={decodedExperimentId} />\n                    )}\n                  </EditFolderModalProvider>\n                </CreateFolderModalProvider>\n              </ErrorBoundary>\n\n              <Divider />\n\n              {/* 4. Permutation */}\n              <ErrorBoundary>\n                <CreateModalProvider>\n                  <EditModalProvider>\n                    <DownloadModalProvider>\n                      <PermutationList\n                        experimentId={decodedExperimentId}\n                        history={props.history}\n                      />\n                    </DownloadModalProvider>\n                  </EditModalProvider>\n                </CreateModalProvider>\n              </ErrorBoundary>\n            </Fragment>\n          )}\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default ViewExperimentComponents\n","//Query - Feature\n\nimport gql from 'graphql-tag'\n\n//get feature by ID\nexport const GET_FEATURE = gql`\n  query($id: UUID) {\n    feature(id: $id) {\n      id\n      name\n      category\n      type\n      channel\n      discreteValues {\n        id\n        value\n      }\n    }\n    channels {\n      name\n    }\n  }\n`\n\n//get all features\nexport const GET_FEATURES = gql`\n  query($id: String) {\n    features(category: $id) {\n      id\n      name\n      category\n      channel\n      type\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n  }\n`\n\n//get channels choices for features form\n\nexport const GET_CHANNEL_CHOICES = gql`\n  query {\n    channels {\n      name\n    }\n  }\n`\n","//Mutation - Features\n\nimport gql from 'graphql-tag'\n\n//create feature\nexport const CREATE_FEATURE = gql`\n  mutation($input: FeatureInputType!, $discreteValues: [DiscreteInputType]) {\n    createFeature(input: $input, discreteValues: $discreteValues) {\n      ok\n    }\n  }\n`\n\n//update feature\nexport const UPDATE_FEATURE = gql`\n  mutation(\n    $id: UUID!\n    $deleteValues: [UUID]\n    $addValues: [DiscreteInputType]\n    $input: FeatureInputType\n    $updateValues: [DiscreteInputType]\n  ) {\n    updateFeature(\n      id: $id\n      deleteValues: $deleteValues\n      addValues: $addValues\n      updateValues: $updateValues\n      input: $input\n    ) {\n      ok\n    }\n  }\n`\n\n//delete feature - archive or unarchive\n//NOTE - this is not deleteFeature mutation\nexport const DELETE_FEATURE = gql`\n  mutation($id: UUID!, $input: FeatureInputType) {\n    updateFeature(id: $id, input: $input) {\n      ok\n    }\n  }\n`\n","//const value type - check the corresponding value of the 'Values type' selection from UI dropdown\n\n//typescript\n\n//constants\nexport const ValueType: any = {\n  Freetext: 'string',\n  Boolean: 'boolean',\n  Numerical: 'number'\n}\n\nexport const TypeValue: any = {\n  string: 'Freetext',\n  boolean: 'Boolean',\n  number: 'Numerical'\n}\n\n//options for dropdown\nexport const typeChoices: Readonly<string[]> = ['Freetext', 'Numerical', 'Boolean']\n","//typescript table columns\nimport { TableColumns } from \"../../TypeScript_Types/TableColumns\"\n\n//this is the names of the columns in features list table\n\nexport const columnsNames: Readonly<TableColumns[]> = [\n  {\n    title: 'Name',\n    key: 'name'\n  },\n  {\n    title: 'Category',\n    key: 'category'\n  },\n  {\n    title: 'Channels',\n    key: 'channels'\n  },\n  {\n    title: 'Values',\n    key: 'discreteValue'\n  },\n  {\n    title: 'Data type',\n    key: 'dataType'\n  },\n  {\n    title: 'Actions',\n    key: 'actions'\n  }\n]\n\nexport const featureCategories: Readonly<string[]> = [\n  'Flowcode',\n  'targeting',\n  'education_type',\n  'time',\n  'user_flow',\n  'creative_attention',\n  'creative_interest',\n  'creative_desire',\n  'creative_scan_action',\n  'creative_conversion_action',\n  'other'\n]\n","//This is a common form for create feature\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React, { Fragment, useEffect, useState } from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport { Row, Col, Form as AntForm, Input, Tag, Button } from 'antd'\n\n//constant\nimport { typeChoices } from '../../Constants/Features/FeatureValueType'\nimport { featureCategories } from '../../Constants/Features/FeaturesList'\n\n// utilities\nimport {\n  validateRequired,\n  validateRequiredArray\n} from '../../Utilities/Validate'\nimport { checkNumericVal } from '../../Utilities/CheckNumeric'\n\n//typeScript\nimport { FeatureFormsProps } from '../../TypeScript_Types/Features'\n\n//functional components\nimport { AntInput, AntSelect } from '../Reusable_UI/Forms/FormFields'\n\n//array destructuring\nconst FormItem = AntForm.Item\n\n//JSX - react FC\nconst CreateFeatureForm = ({\n  submitCount,\n  values,\n  setFieldValue,\n  channelChoices\n}: FeatureFormsProps) => {\n\n  //local state\n  const [isBooleanType, setIsBooleanType] = useState(false)\n\n\n  //update boolean type\n  useEffect(() => {\n    if(values.type === 'Boolean'){\n      setIsBooleanType(true);\n    } else{\n      setIsBooleanType(false);\n    }\n  }, [values])\n\n  //save the inputs on hitting enter\n  const handleValuesEnter = () => {\n    //featureNames - object with discreteValue\n    if (values.featureName) {  \n      const value = [{ value: values.featureName }, ...values.discreteValues]\n      setFieldValue('discreteValues', value)\n      //clear input\n      setFieldValue('featureName', '')\n    }\n  }\n\n  //remove the feature name\n  const handleClose = (removeFeature: any) => {\n    const value = values.discreteValues.filter(\n      (featureName: any) => featureName.value !== removeFeature.value\n    )\n    setFieldValue('discreteValues', value)\n  }\n\n  return (\n    <Form>\n      <Row gutter={[10, { xs: 8, sm: 10, md: 24, lg: 32 }]}>\n        <Col xs={{ span: 12 }}>\n          {/* Name */}\n          <Field\n            label=\"Name\"\n            name=\"name\"\n            type=\"text\"\n            allowClear\n            placeholder=\"Feature name\"\n            validate={validateRequired}\n            submitCount={submitCount}\n            component={AntInput}\n          />\n        </Col>\n\n        <Col xs={{ span: 12 }}>\n          {/* category */}\n          <Field\n            label=\"Category\"\n            name=\"category\"\n            allowClear\n            placeholder=\"Select category\"\n            submitCount={submitCount}\n            selectOptions={featureCategories}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      <Row>\n        <Col>\n          {/* Channel */}\n          <Field\n            label=\"Channel\"\n            name=\"channel\"\n            placeholder=\"Select channel\"\n            mode=\"multiple\"\n            allowClear\n            submitCount={submitCount}\n            selectOptions={channelChoices}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      <Row>\n        <Col>\n          {/* values */}\n          <Field\n            label=\"Values type\"\n            name=\"type\"\n            allowClear\n            placeholder=\"Select type\"\n            submitCount={submitCount}\n            validate={validateRequired}\n            selectOptions={typeChoices}\n            setFieldValue={setFieldValue}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      {/* values for the selected type */}\n      {values.type && (\n        <Fragment>\n          {!isBooleanType && (\n            <Row\n              style={{\n                display: 'flex',\n                justifyContent: 'space-between',\n                alignItems: 'center'\n              }}\n            >\n              <Col span={20}>\n                <Fragment>\n                  <Field\n                    name=\"featureName\"\n                    validate={() =>\n                      validateRequiredArray(values.discreteValues)\n                    }\n                  >\n                    {({ field, form }: any) => (\n                      <FormItem\n                        label=\"Values\"\n                        // field validations help & feedback\n                        help={\n                          (values.discreteValues.length === 0 &&\n                            submitCount > 0) ||\n                          (form.touched.featureName &&\n                            values.discreteValues.length === 0)\n                            ? 'Values not entered for the value type'\n                            : false\n                        }\n                        validateStatus={\n                          (values.discreteValues.length === 0 &&\n                            submitCount > 0) ||\n                          (form.touched.featureName &&\n                            values.discreteValues.length === 0)\n                            ? 'error'\n                            : 'success'\n                        }\n                      >\n                        <Input\n                          {...field}\n                          allowClear\n                          value={values.featureName}\n                          placeholder=\"Enter value and hit return\"\n                          onChange={({ target: { value } }: any) => {\n                            values.type === 'Numerical'\n                              ? form.setFieldValue(\n                                  'featureName',\n                                  checkNumericVal(value)\n                                )\n                              : form.setFieldValue('featureName', value)\n                          }}\n                          onPressEnter={handleValuesEnter}\n                          onBlur={() => form.setFieldTouched(field.name, true)}\n                        />\n                      </FormItem>\n                    )}\n                  </Field>\n                </Fragment>\n              </Col>\n              <Col>\n                {/* Add button to add the input to the featuresNames */}\n                <Button\n                  style={{ marginTop: '10px' }}\n                  disabled={!values.featureName}\n                  onClick={handleValuesEnter}\n                >\n                  Add\n                </Button>\n              </Col>\n            </Row>\n          )}\n\n          <div style={{ padding: '0px 6px' }}>\n            {/* feature names / values listing */}\n            {values.discreteValues.length > 0\n              ? values.discreteValues.map((item: any, index: number) => (\n                  <Tag\n                    key={index}\n                    onClose={() => handleClose(item)}\n                    style={{ marginBottom: '10px', display: \"inline-block\" }}\n                    closable={!isBooleanType}\n                  >\n                    {item.value}\n                  </Tag>\n                ))\n              : null}\n          </div>\n        </Fragment>\n      )}\n    </Form>\n  )\n}\n\nexport default CreateFeatureForm\n","//container to create feature.\nimport React, { Fragment, useEffect, useContext, useRef, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useQuery } from '@apollo/react-hooks'\n\n//graphql\nimport { CREATE_FEATURE } from '../../Graqhql/Features/FeatureMutation'\nimport {\n  GET_FEATURES,\n  GET_CHANNEL_CHOICES\n} from '../../Graqhql/Features/FeatureQuery'\n\n//constants\nimport { ValueType } from '../../Constants/Features/FeatureValueType'\n\n//contexts\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//typescript types\nimport { FeaturesFormValues } from '../../TypeScript_Types/Features'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport CreateFeatureForm from '../../Components/Feature/Create_FeatureForm'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//const form fields initial state\nconst initialFieldValues: FeaturesFormValues = {\n  name: '',\n  category: '',\n  type: '',\n  featureName: '',\n  discreteValues: [],\n  channel: []\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Create',\n    key: 'create'\n  }\n]\n\n//JSX\nconst CreateFeature: React.FC<any> = () => {\n  //local state\n  const [fetchChannelsError, setFetchChannelsError] = useState()\n  const [channelChoices, setChannelChoices] = useState([])\n\n  //context\n  const {\n    viewCreateFormModal,\n    handleVisible,\n    setCreateSuccess,\n    createError,\n    setCreateError,\n    createErrorMsg,\n    setCreateErrorMsg\n  } = useContext(CreateModalCTX)\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //useEffect - reset form if the modal state changes from true to false.\n  //Do not move the reset ref call inside handleVisible, it will change the transform origin of the modal.\n  useEffect(() => {\n    //reset modal\n    if (viewCreateFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewCreateFormModal])\n\n  //graphql mutation - call create feature mutation and then refresh the list\n  const [createFeature, { loading }] = useMutation(CREATE_FEATURE, {\n    onCompleted() {\n      setCreateSuccess(true)\n      // reset other states and close the modal\n      handleVisible()\n    },\n    onError(error) {\n      setCreateError(true)\n      setCreateErrorMsg(error.message)\n    },\n    refetchQueries: [{ query: GET_FEATURES }]\n  })\n\n  //get channels\n  const { data: channelChoicesData, loading: channelChoicesLoading } = useQuery(\n    GET_CHANNEL_CHOICES,\n    {\n      onError(error) {\n        setFetchChannelsError(error)\n      }\n    }\n  )\n\n  //get channels options\n  useEffect(() => {\n    if (channelChoicesData) {\n      let channels = channelChoicesData.channels.map(\n        (channel: any) => channel.name\n      )\n      setChannelChoices(channels)\n    }\n  }, [channelChoicesData])\n\n  //submit form to create feature\n  const handleSubmit = (values: FeaturesFormValues) => {\n    const input = {\n      name: values.name,\n      category: values.category,\n      channel: values.channel,\n      type: ValueType[values.type]\n    }\n\n    const discreteValues = values.discreteValues\n    createFeature({ variables: { input, discreteValues } })\n  }\n\n  return (\n    <Fragment>\n      <Formik\n        initialValues={initialFieldValues}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ submitCount, values, submitForm, handleReset, setFieldValue }) => (\n          <ModalWrap\n            title=\"Create Feature\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={loading || channelChoicesLoading}\n            handleVisible={handleVisible}\n            viewFormModal={viewCreateFormModal}\n          >\n            {/* error alert, success alert is handled in parent container */}\n            {createError && (\n              <ErrorAlert\n                message={\n                  createErrorMsg ? createErrorMsg : 'Something went wrong'\n                }\n                close={true}\n                onErrorClose={() => {\n                  setCreateErrorMsg('')\n                  setCreateError(false)\n                }}\n              />\n            )}\n\n            {/* show spinner or data if dropdown options cannot be fetched */}\n            {fetchChannelsError ? (\n              <ErrorAlert\n                message={\n                  fetchChannelsError.message\n                    ? fetchChannelsError.message\n                    : 'Something went wrong'\n                }\n              />\n            ) : (\n              <>\n                {channelChoicesLoading ? (\n                  <LoadingSpinner />\n                ) : (\n                  <ErrorBoundary>\n                    <CreateFeatureForm\n                      setFieldValue={setFieldValue}\n                      submitCount={submitCount}\n                      values={values}\n                      channelChoices={channelChoices}\n                    />\n                  </ErrorBoundary>\n                )}\n              </>\n            )}\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default CreateFeature\n","//This coponent will display the table content of the feature list\n\nimport React, { useContext } from 'react'\n\n//styled components\nimport { Menu, Dropdown, Icon } from 'antd'\n\n//stylesheet\nimport '../Reusable_UI/Styles.less'\n\n//constants\nimport { columnsNames } from '../../Constants/Features/FeaturesList'\nimport { TypeValue } from '../../Constants/Features/FeatureValueType'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//typeScript\nimport { FeaturesTableProps, FeatureListTable } from '../../TypeScript_Types/Features'\n\n//functional component\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//React FC JSX\nconst FeaturesListTable = ({\n  featuresData,\n  tableLoading,\n  setEditFeatureId,\n  handleArchive,\n  archiveLoading,\n  archivedId\n}: FeaturesTableProps) => {\n  //context\n  const { handleVisible } = useContext(EditModalCTX)\n\n  // pop up action menu\n  const menu = (feature: any) => {\n    return (\n      <Menu>\n        <Menu.Item\n          key=\"1\"\n          onClick={() => {\n            setEditFeatureId(feature.id)\n            handleVisible()\n          }}\n        >\n          Edit\n        </Menu.Item>\n        <Menu.Item\n          key=\"3\"\n          onClick={() =>\n            handleArchive(feature.id, feature.name, feature.archived)\n          }\n        >\n          {feature.archived ? 'Activate' : 'De-activate'}\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  return (\n    <div className=\"overflow-x-scroll\">\n      <table className=\"tableContainer\">\n        <thead className=\"tableHead\">\n          <tr>\n            {columnsNames.map((item: any) => (\n              <th key={item.key}>{item.title}</th>\n            ))}\n          </tr>\n        </thead>\n\n        {/* table list */}\n\n        <tbody className=\"tableBody\">\n          {featuresData &&\n            featuresData.map((rowItems: FeatureListTable, rowIndex) => {\n              return (\n                <tr key={rowIndex}>\n                  <td>{rowItems.name}</td>\n                  <td>{rowItems.category}</td>\n                  <td>{[rowItems.channel].join(', ')}</td>\n                  <td>\n                    {rowItems.discreteValues.map((item, index) =>\n                      index ? ', ' + item.value : item.value\n                    )}\n                  </td>\n                  <td>{TypeValue[rowItems.type]}</td>\n                  <td>\n                    {rowItems.id === archivedId && archiveLoading ? (\n                      <Icon type=\"loading\" />\n                    ) : (\n                      <Dropdown\n                        overlay={() => menu(rowItems)}\n                        trigger={['click']}\n                      >\n                        <Icon type=\"more\" />\n                      </Dropdown>\n                    )}\n                  </td>\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n\n      {/* no data  */}\n      {((featuresData && featuresData.length === 0) ||\n        (!featuresData && tableLoading)) && <NoData loading={tableLoading} />}\n    </div>\n  )\n}\n\nexport default FeaturesListTable\n","//This is a common form for create feature\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React, { Fragment } from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport { Row, Col, Form as AntForm, Input, Button, Tooltip } from 'antd'\n\n//constant\nimport { typeChoices } from '../../Constants/Features/FeatureValueType'\n\n//functional components\nimport { AntInput, AntSelect } from '../Reusable_UI/Forms/FormFields'\n\n// utilities\nimport {\n  validateRequired,\n  validateRequiredArray\n} from '../../Utilities/Validate'\nimport { checkNumericVal } from '../../Utilities/CheckNumeric'\n\nimport { featureCategories } from '../../Constants/Features/FeaturesList'\n\n//typeScript\nimport { FeatureFormsProps } from '../../TypeScript_Types/Features'\n\n//array destructuring\nconst FormItem = AntForm.Item\n\n//JSX - React FC\nconst EditFeatureForm = ({\n  submitCount,\n  values,\n  setFieldValue,\n  channelChoices\n}: FeatureFormsProps) => {\n  //save the inputs on hitting enter\n  const handleValuesEnter = () => {\n    //featureNames - object with discreteValue\n    if (values.featureName) {\n      const value = [{ value: values.featureName }, ...values.discreteValues]\n      setFieldValue('discreteValues', value)\n      //clear input\n      setFieldValue('featureName', '')\n    }\n  }\n\n  //remove the feature name\n  const handleDeleteValue = (removeFeature: { id: string; value: string }) => {\n    const deleteValue = values.discreteValues.filter(\n      (item: any) => item.id !== removeFeature.id\n    )\n    setFieldValue('discreteValues', deleteValue)\n  }\n\n  //handle value update - update feature name without deleting it\n  const handleValueUpdate = (\n    updateValue: string,\n    item: { id: string; value: string }\n  ) => {\n    let tempFeatureNames: any = [...values.discreteValues]\n\n    for (var index in tempFeatureNames) {\n      if (tempFeatureNames[index].id === item.id) {\n        if (values.type === 'Numerical') {\n          tempFeatureNames[index].value = checkNumericVal(updateValue)\n        } else {\n          tempFeatureNames[index].value = updateValue\n        }\n        break\n      }\n    }\n    setFieldValue('discreteValues', tempFeatureNames)\n  }\n\n  return (\n    <Form>\n      <Row gutter={[10, { xs: 8, sm: 10, md: 24, lg: 32 }]}>\n        <Col xs={{ span: 12 }}>\n          {/* Name */}\n          <Field\n            label=\"Name\"\n            name=\"name\"\n            type=\"text\"\n            allowClear\n            placeholder=\"Feature name\"\n            validate={validateRequired}\n            submitCount={submitCount}\n            component={AntInput}\n          />\n        </Col>\n\n        <Col xs={{ span: 12 }}>\n          {/* category */}\n          <Field\n            label=\"Category\"\n            name=\"category\"\n            allowClear\n            placeholder=\"Select category\"\n            submitCount={submitCount}\n            selectOptions={featureCategories}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      <Row>\n        <Col>\n          {/* Channel */}\n          <Field\n            label=\"Channel\"\n            name=\"channel\"\n            placeholder=\"Select channel\"\n            mode=\"multiple\"\n            allowClear\n            submitCount={submitCount}\n            selectOptions={channelChoices}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      <Row>\n        <Col>\n          {/* values */}\n          <Field\n            label=\"Values type\"\n            name=\"type\"\n            allowClear\n            placeholder=\"Select type\"\n            // disabled if there are values - to keep the values consistent.\n            disabled={values.discreteValues.length > 0}\n            submitCount={submitCount}\n            validate={validateRequired}\n            selectOptions={typeChoices}\n            component={AntSelect}\n          />\n        </Col>\n      </Row>\n\n      {/* values for the selected type - note creating features without values will create impact across feature selection\n        Tree Select forms */}\n      {values.type && (\n        <Fragment>\n          <Row\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center'\n            }}\n          >\n            <Col span={20}>\n              <Fragment>\n                <Field\n                  name=\"featureName\"\n                  validate={() => validateRequiredArray(values.discreteValues)}\n                >\n                  {({ field, form }: any) => (\n                    <FormItem\n                      label=\"Values\"\n                      // field validations help & feedbacks\n                      help={\n                        (values.discreteValues.length === 0 &&\n                          submitCount > 0) ||\n                        (form.touched.featureName &&\n                          values.discreteValues.length === 0)\n                          ? 'Values not entered for the value type'\n                          : false\n                      }\n                      validateStatus={\n                        (values.discreteValues.length === 0 &&\n                          submitCount > 0) ||\n                        (form.touched.featureName &&\n                          values.discreteValues.length === 0)\n                          ? 'error'\n                          : 'success'\n                      }\n                    >\n                      <Input\n                        {...field}\n                        allowClear\n                        value={values.featureName}\n                        placeholder=\"Enter value and hit return\"\n                        onChange={({ target: { value } }: any) => {\n                          values.type === 'Numerical'\n                            ? form.setFieldValue(\n                                'featureName',\n                                checkNumericVal(value)\n                              )\n                            : form.setFieldValue('featureName', value)\n                        }}\n                        onPressEnter={handleValuesEnter}\n                        onBlur={() => form.setFieldTouched(field.name, true)}\n                      />\n                    </FormItem>\n                  )}\n                </Field>\n              </Fragment>\n            </Col>\n            <Col>\n              {/* Add button to add the input to the featuresNames */}\n              <Button\n                style={{ marginTop: '10px' }}\n                disabled={!values.featureName}\n                onClick={handleValuesEnter}\n              >\n                Add\n              </Button>\n            </Col>\n          </Row>\n\n          <div style={{ padding: '0px 6px' }}>\n            {/* feature names listing  */}\n            {values.discreteValues.length > 0\n              ? values.discreteValues.map((item: any, index: number) => (\n                  <Fragment key={index}>\n                    <Row\n                      style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        marginBottom: '10px'\n                      }}\n                    >\n                      <Col span={21} style={{ marginRight: '5px' }}>\n                        <Fragment>\n                          <Input\n                            value={item.value}\n                            placeholder=\"Enter value and hit return\"\n                            onChange={({ target: { value } }: any) =>\n                              handleValueUpdate(value, item)\n                            }\n                          />\n                        </Fragment>\n                      </Col>\n                      <Col>\n                        {/* Remove button to add the remove to the value  */}\n                        <Tooltip title=\"Remove\">\n                          <Button\n                            onClick={() => handleDeleteValue(item)}\n                            icon=\"minus\"\n                          />\n                        </Tooltip>\n                      </Col>\n                    </Row>\n                  </Fragment>\n                ))\n              : null}\n          </div>\n        </Fragment>\n      )}\n    </Form>\n  )\n}\n\nexport default EditFeatureForm\n","//container to edit feature.\nimport React, { Fragment, useEffect, useRef, useContext, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useQuery } from '@apollo/react-hooks'\n\n//graphql\nimport { UPDATE_FEATURE } from '../../Graqhql/Features/FeatureMutation'\nimport { GET_FEATURES, GET_FEATURE } from '../../Graqhql/Features/FeatureQuery'\n\n//constants\nimport { ValueType, TypeValue } from '../../Constants/Features/FeatureValueType'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//typeScript types\nimport { FeaturesFormValues } from '../../TypeScript_Types/Features'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport EditFeatureForm from '../../Components/Feature/Edit_FeatureForm'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//types props\ninterface Props {\n  editFeatureId: string\n}\n\n//initial fields\nlet initialFieldValues: FeaturesFormValues = {\n  name: '',\n  category: '',\n  type: '',\n  featureName: '',\n  discreteValues: [],\n  channel: []\n}\n\n//const modal buttons\nconst buttons = [\n  {\n    buttonName: 'Edit',\n    key: 'editFeature'\n  }\n]\n\n//JSX - React FC\nconst EditFeature: React.FC<Props> = ({ editFeatureId }) => {\n  //local states\n  const [featureError, setFeatureError] = useState()\n  const [featureInfo, setfeatureInfo] = useState(initialFieldValues)\n  const [channelChoices, setChannelChoices] = useState([])\n  const [initialDiscreteValues, setinitialDiscreteValues] = useState()\n\n  //context\n  const {\n    handleVisible,\n    setEditSuccess,\n    setEditErrorMsg,\n    editError,\n    setEditError,\n    editErrorMsg,\n    viewEditFormModal\n  } = useContext(EditModalCTX)\n\n  //get feature details\n  const { data: featureData, loading: featureLoading } = useQuery(GET_FEATURE, {\n    variables: { id: editFeatureId },\n    onError(error) {\n      setFeatureError(error)\n    }\n  })\n\n  //update intial state\n  useEffect(() => {\n    if (featureData) {\n      const { feature } = featureData\n      let tempInitialVal = Object.create(initialFieldValues)\n\n      tempInitialVal.name = feature.name\n      tempInitialVal.category = feature.category\n      tempInitialVal.channel = feature.channel\n      // get the id and discreteValue remove items like \"__typename\"\n      tempInitialVal.discreteValues = feature.discreteValues.map(\n        (item: { id: string; value: string }) => {\n          return { id: item['id'], value: item['value'] }\n        }\n      )\n\n      tempInitialVal.type = TypeValue[feature.type]\n\n      setfeatureInfo(tempInitialVal)\n\n      let channels = featureData.channels.map((channel: any) => channel.name)\n      setChannelChoices(channels)\n\n      //store the intial state of feature names, this will be used to find addValues during handleSubmit\n      setinitialDiscreteValues(feature.discreteValues)\n    }\n  }, [featureData])\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //useEffect - reset form if the modal state changes from true to false.\n  //Do not move the reset ref call inside handleVisible, it will change the transform origin of the modal.\n  useEffect(() => {\n    //reset modal form\n    if (viewEditFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewEditFormModal])\n\n  //graphql mutation - call create feature mutation and then refresh the list\n  const [editFeature, { loading }] = useMutation(UPDATE_FEATURE, {\n    onCompleted() {\n      setEditSuccess(true)\n      // reset other states and close the modal\n      handleVisible()\n    },\n    onError(error) {\n      setEditError(true)\n      setEditErrorMsg(error.message)\n    },\n    refetchQueries: [{ query: GET_FEATURES }]\n  })\n  //submit form\n  const handleSubmit = (values: FeaturesFormValues) => {\n    const input = {\n      name: values.name,\n      category: values.category,\n      channel: values.channel,\n      type: ValueType[values.type]\n    }\n\n    let addValues = values.discreteValues.filter(\n      (feature: any) =>\n        !initialDiscreteValues.some(\n          (initialFeature: { id: string; value: string }) =>\n            initialFeature.id === feature.id\n        )\n    )\n\n    const updateValues = values.discreteValues.filter((feature: any) =>\n      initialDiscreteValues.some(\n        (initialFeature: { id: string; value: string }) =>\n          initialFeature.id === feature.id\n      )\n    )\n\n    const deleteValues = initialDiscreteValues\n      .filter(\n        (initialFeature: { id: string; value: string }) =>\n          !values.discreteValues.some(\n            (feature: any) => initialFeature.id === feature.id\n          )\n      )\n      .map((deleteItem: { id: string; value: string }) => deleteItem.id)\n\n    editFeature({\n      variables: {\n        id: editFeatureId,\n        input,\n        addValues,\n        deleteValues,\n        updateValues\n      }\n    })\n  }\n\n  return (\n    <Fragment>\n      <Formik\n        enableReinitialize\n        initialValues={featureInfo}\n        onSubmit={handleSubmit}\n        validateOnBlur={false}\n      >\n        {({ submitCount, values, submitForm, handleReset, setFieldValue }) => (\n          <ModalWrap\n            title=\"Edit Feature\"\n            buttons={buttons}\n            submitForm={submitForm}\n            loading={loading}\n            handleVisible={handleVisible}\n            viewFormModal={viewEditFormModal}\n          >\n            {/* error alert - update mutation.  NOTE - success is handled in the parent component  */}\n            {editError && (\n              <ErrorAlert\n                message={editErrorMsg ? editErrorMsg : 'Something went wrong'}\n                close={true}\n                onErrorClose={() => {\n                  setEditError(false)\n                  setEditErrorMsg('')\n                }}\n              />\n            )}\n\n            {/* edit alert - get feature details */}\n            {featureError ? (\n              <ErrorAlert\n                message={\n                  featureError.message\n                    ? featureError.message\n                    : 'Something went wrong'\n                }\n              />\n            ) : (\n              <Fragment>\n                {/* show spinner or data */}\n                {featureLoading ? (\n                  <LoadingSpinner />\n                ) : (\n                  <ErrorBoundary>\n                    <EditFeatureForm\n                      setFieldValue={setFieldValue}\n                      submitCount={submitCount}\n                      values={values}\n                      channelChoices={channelChoices}\n                    />\n                  </ErrorBoundary>\n                )}\n              </Fragment>\n            )}\n\n            {/* reset form div ref */}\n            <div onClick={handleReset} ref={resetRef} />\n          </ModalWrap>\n        )}\n      </Formik>\n    </Fragment>\n  )\n}\n\nexport default EditFeature\n","//This is the parent container for showing the list of features in /features_list.\n\nimport React, { useState, useEffect, useContext, Fragment } from 'react'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\nimport { Link } from 'react-router-dom'\n\n//styled components\nimport { Collapse, Tooltip, Button, Modal, Breadcrumb } from 'antd'\n\n//graphql query\nimport { GET_FEATURES } from '../../Graqhql/Features/FeatureQuery'\nimport { DELETE_FEATURE } from '../../Graqhql/Features/FeatureMutation'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport CreateFeature from '../Feature/CreateFeature'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport { SearchField } from '../../Components/Reusable_UI/Forms/SearchField'\nimport FeaturesListTable from '../../Components/FeaturesList/FeaturesListTable'\nimport EditFeature from '../Feature/EditFeature'\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//ant component destructuring\nconst { Panel } = Collapse\nconst { confirm } = Modal\n\n//inline styles\nconst titleDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center'\n}\n\nconst searchAddDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexBasis: '21%'\n}\n\n//const title of login page\nconst PAGE_TITLE = 'Features'\n\n//Breadcrumb nav\nconst FeatureBreadcrumb = () => {\n  return (\n    <Breadcrumb style={{ marginBottom: '20px' }}>\n      <Breadcrumb.Item>\n        <Link to=\"create_experiment\">Create experiment</Link>\n      </Breadcrumb.Item>\n      <Breadcrumb.Item>Features</Breadcrumb.Item>\n    </Breadcrumb>\n  )\n}\n\n//JSX\nconst FeaturesList: React.FC<any> = props => {\n  //local state\n  const [featuresData, setFeatures] = useState([])\n  const [featuresDataError, setFeaturesDataError] = useState()\n  const [activeData, setActiveData] = useState([])\n  const [inactiveData, setInactiveData] = useState([])\n  const [activeKey, setActiveKey] = useState(['1'])\n  const [editFeatureId, setEditFeatureId] = useState('')\n  const [archivedId, setArchivedId] = useState()\n  const [archiveError, setArchiveError] = useState()\n\n  //contexts\n  const { createSuccess, handleVisible, viewCreateFormModal } = useContext(\n    CreateModalCTX\n  )\n  const { editSuccess, viewEditFormModal } = useContext(EditModalCTX)\n\n  //get features data from graphql\n  const { data, loading } = useQuery(GET_FEATURES, {\n    onError(error) {\n      setFeaturesDataError(error)\n    }\n  })\n\n  //update data\n  useEffect(() => {\n    if (data) {\n      setFeatures(data.features)\n    }\n  }, [data])\n\n  //sort features based on active or inactive state whenever features Data changes\n  useEffect(() => {\n    if (featuresData) {\n      let active: any = []\n      let inactive: any = []\n\n      featuresData.forEach((item: any) => {\n        if (item.archived) {\n          inactive.push(item)\n        } else {\n          active.push(item)\n        }\n      })\n\n      setActiveData(active)\n      setInactiveData(inactive)\n    }\n  }, [featuresData])\n\n  //delete brand mutation\n  const [updateArchive, { loading: archiveLoading }] = useMutation(\n    DELETE_FEATURE,\n    {\n      onCompleted() {\n        setArchivedId(null)\n      },\n      onError() {\n        setArchiveError(true)\n      },\n      refetchQueries: [{ query: GET_FEATURES }]\n    }\n  )\n\n  //call's delete mutation to deactivate\n  const handleArchive = (id: string, name: string, archived: boolean) => {\n    //set the selected feature id for archive\n    setArchivedId(id)\n\n    //confirm modal\n    confirm({\n      title: archived ? 'Activate feature' : 'Deactivate feature',\n      content: `Are you sure you want to ${\n        archived ? 'activate' : 'de-activate'\n      } ${name.substring(0, 40)}...?`,\n      okText: 'Yes',\n      okType: 'danger',\n      cancelText: 'No',\n      onOk() {\n        updateArchive({\n          variables: {\n            id: id,\n            input: { archived: archived ? false : true }\n          }\n        })\n      }\n    })\n  }\n\n  // close archive error popup\n  const onCloseArchiverror = () => {\n    setArchiveError(null)\n    setArchivedId(null)\n  }\n\n  //search feature filter\n  const handleSearch = (value: string) => {\n    if (!value) {\n      setFeatures(featuresData)\n    } else {\n      const filteredItem = data.features.filter((feature: any) => {\n        let name = feature.name.toLowerCase()\n        return name.indexOf(value) > -1\n      })\n      setFeatures(filteredItem)\n    }\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      {/* breadcrumb navigations */}\n      <FeatureBreadcrumb />\n\n      {/* title and search bar div */}\n      <div style={titleDiv}>\n        <PageTitle titleName={PAGE_TITLE} />\n        <div style={searchAddDiv}>\n          <SearchField\n            handleSearch={handleSearch}\n            placeholderVal=\"search feature\"\n            disabled={!featuresData}\n          />\n          {/* create feature button */}\n          <Tooltip title=\"Create new feature\" placement=\"topRight\">\n            <Button\n              shape=\"circle\"\n              icon=\"plus\"\n              type=\"primary\"\n              onClick={handleVisible}\n            />\n          </Tooltip>\n          {/* create feature form */}\n          {viewCreateFormModal && <CreateFeature />}\n        </div>\n      </div>\n\n      {/* if error while fetching features, display the error alert else render table */}\n\n      {featuresDataError ? (\n        <ErrorAlert message={featuresDataError.message} />\n      ) : (\n        <Fragment>\n          {/* create or edit feature success alert */}\n          {createSuccess || editSuccess ? (\n            <SuccessAlert\n              message={\n                createSuccess\n                  ? 'Feature created successfully.'\n                  : 'Feature updated successfully.'\n              }\n              closable={true}\n              title={createSuccess ? 'Create feature' : 'Edit feature'}\n            />\n          ) : null}\n\n          {/* archive feature error alert */}\n          {archiveError && (\n            <ErrorAlert\n              message={\n                archiveError ? archiveError.message : 'Something went wrong.'\n              }\n              close={true}\n              onErrorClose={onCloseArchiverror}\n            />\n          )}\n\n          {/* table content  in collapsible panel*/}\n          <Collapse\n            activeKey={activeKey}\n            onChange={(key: any) => setActiveKey(key)}\n          >\n            {/* active panel */}\n            <Panel header=\"Active\" key=\"1\">\n              <ErrorBoundary>\n                <FeaturesListTable\n                  featuresData={activeData}\n                  tableLoading={loading}\n                  setEditFeatureId={setEditFeatureId}\n                  archivedId={archivedId}\n                  archiveLoading={archiveLoading}\n                  handleArchive={handleArchive}\n                />\n              </ErrorBoundary>\n            </Panel>\n\n            {/* inactive panel */}\n            <Panel header=\"Inactive\" key=\"2\">\n              <ErrorBoundary>\n                <FeaturesListTable\n                  featuresData={inactiveData}\n                  tableLoading={loading}\n                  setEditFeatureId={setEditFeatureId}\n                  archivedId={archivedId}\n                  archiveLoading={archiveLoading}\n                  handleArchive={handleArchive}\n                />\n              </ErrorBoundary>\n            </Panel>\n          </Collapse>\n\n          {viewEditFormModal && <EditFeature editFeatureId={editFeatureId} />}\n        </Fragment>\n      )}\n    </LayoutWrap>\n  )\n}\n\nexport default FeaturesList\n","//Context - Build.\n// This is the context for handling the build of a batch individually.\n\nimport React, { createContext, useState, useEffect } from 'react'\n\n//create context\nexport const BuildModalCTX: any = createContext({})\n\nconst BuildModalProvider: React.FC<any> = props => {\n  //local state\n  const [buildSuccess, setBuildSuccess] = useState(false)\n  const [buildError, setBuildError] = useState(false)\n  const [buildErrorMsg, setBuildErrorMsg] = useState('')\n  //show or hide state of modal\n  const [buildFormModal, setViewFolderFormModal] = useState(false)\n\n  // mount timer and unmount cleanup - set timer for 2secs and remove timer when the component is unmounted\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      if (buildSuccess) {\n        setBuildSuccess(false)\n      }\n    }, 2000)\n\n    return () => {\n      // clear timeout\n      return clearTimeout(timeout)\n    }\n  }, [buildSuccess])\n\n  const handleVisible = () => {\n    if (buildFormModal) {\n      setBuildError(false)\n      setBuildErrorMsg('')\n    }\n    setViewFolderFormModal(prevState => !prevState)\n  }\n  return (\n    <BuildModalCTX.Provider\n      value={{\n        buildFormModal,\n        handleVisible,\n        buildSuccess,\n        setBuildSuccess,\n        buildError,\n        setBuildError,\n        buildErrorMsg,\n        setBuildErrorMsg\n      }}\n    >\n      {props.children}\n    </BuildModalCTX.Provider>\n  )\n}\n\nexport default BuildModalProvider\n","//View permutation form - This component will display the details of an experiment.\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React, { useState, Fragment, useEffect } from 'react'\n\n//styled components\nimport {\n  Row,\n  Col,\n  Input,\n  Icon,\n  Tooltip,\n  Switch,\n  Form as AntForm,\n  Button,\n  Popconfirm,\n  Alert\n} from 'antd'\nimport { Formik } from 'formik'\nimport * as _ from 'lodash'\n\n//functional components\nimport {\n  ToggleSelect,\n  ToggleListSelect,\n  ToggleEditInput,\n  ToggleTreeSelect\n} from '../Reusable_UI/Forms/Toggle'\n\n//utilities\nimport { numberWithCommas, formatPermutationName } from '../../Utilities/Format'\nimport { GetFeaturesTree } from '../../Utilities/FeaturesTree'\nimport { accumulateFeatures3 } from '../../Utilities/Experiment'\n\n// ant d\nconst FormItem = AntForm.Item\nconst { TextArea } = Input\n\n//typescript\ninterface Props {\n  permutationDetails: any\n  updatePermutation: (perm: any) => void\n  expFeatures: any[]\n}\n\n//inline styles\nconst toggleIconDiv = {\n  display: 'flex',\n  alignItems: 'center',\n  height: 115\n}\n\nconst toggleIcon = { fontSize: '22px' }\n\nconst ViewPermutationDetails = ({\n  permutationDetails,\n  updatePermutation,\n  expFeatures\n}: Props): JSX.Element => {\n  // local state\n  const [showForm, setShowForm] = useState(true)\n  const [variablesTreeData, setVariablesTreeData] = useState()\n  const [attributesTreeData, setAttributesTreeData] = useState()\n\n  //extract experiment from permtuation details\n  const { experiment } = permutationDetails\n\n  //generate the features tree structure for selection choices\n  useEffect(() => {\n    setVariablesTreeData(GetFeaturesTree(expFeatures))\n  }, [expFeatures])\n\n  //filter features to not allow the listing of archived features\n  useEffect(() => {\n    const filteredFeatures = permutationDetails.features.filter(\n      ({ archived }: { archived: boolean }) => !archived\n    )\n    setAttributesTreeData(GetFeaturesTree(filteredFeatures))\n  }, [permutationDetails.features])\n\n  // show of hide permutation details\n  const showHideFormToggle = (): void => {\n    setShowForm(prevState => !prevState)\n  }\n\n  //create a dropdown for feature variables & attributes\n  const getFeaturesList = (features: any[]): any[] =>\n    accumulateFeatures3(features)\n\n  //save the selected features variables\n  const getFeaturesVariables = (features: any[]): any[] => {\n    const objects: any[] = []\n    experiment.experimentDiscreteSet.forEach((discreteFeature: any) => {\n      if (features.includes(discreteFeature.discreteValue.id)) {\n        objects.push(discreteFeature)\n      }\n    })\n    return objects\n  }\n\n  //save selected attributes\n  const getFeaturesAttributes = (features: string[]): any[] => {\n    const objects: any[] = []\n    permutationDetails.features.forEach((featureObject: any) => {\n      featureObject.discreteValues.forEach((discreteFeature: any) => {\n        if (features.includes(discreteFeature.id)) {\n          objects.push({\n            ...discreteFeature,\n            feature: { id: featureObject.id, name: featureObject.name }\n          })\n        }\n      })\n    })\n    return objects\n  }\n\n  //save brand objects\n  const getBrandObjects = (input: any): any[] =>\n    experiment.experimentBrandSet.filter((b: any) => input.includes(b.brand.id))\n\n  //submit edits\n  const submitChanges = (values: any): void => {\n    const permutationName = formatPermutationName({\n      values: {\n        ...values,\n        variables: values.variables.map(({ id }: { id: string }) => id),\n        brands: values.brand.map(\n          ({ brand: { id } }: { brand: { id: string } }) => id\n        )\n      },\n      brandsList: experiment.brands,\n      permutationData: permutationDetails\n    })\n\n    updatePermutation({\n      name: permutationName,\n      estCost: values.estCost,\n      actualCost: values.actualCost,\n      estImpressions: values.estImpressions,\n      actualImpressions: values.actualImpressions,\n      iscs: values.iscs,\n      notes: values.notes,\n      channel: values.channel,\n      medium: values.medium,\n      folder: values.folder,\n      variables: values.variables,\n      brands: values.brand,\n      attributes: values.attributes,\n      finalNumber: values.finalNumber\n    })\n  }\n\n  //check the hasFolder\n  const hasFolder = Boolean(\n    permutationDetails.folders && permutationDetails?.folders?.length\n  )\n\n  return (\n    <AntForm>\n      <Formik\n        initialValues={permutationDetails.permutation}\n        enableReinitialize\n        onSubmit={submitChanges}\n      >\n        {({ values, initialValues, setFieldValue }) => {\n          const showSave = !_.isEqual(values, initialValues)\n\n          const permutationName = formatPermutationName({\n            values: {\n              ...values,\n              variables: values.variables.map(({ id }: { id: string }) => id),\n              brands: values.brand.map(\n                ({ brand: { id } }: { brand: { id: string } }) => id\n              )\n            },\n            brandsList: experiment.brands,\n            permutationData: permutationDetails\n          })\n\n          //show or hide ISCS field\n          const showISCS = values.channel === 'TV'\n\n          return (\n            <Fragment>\n              {/* Alert */}\n              {values.finalNumber && (\n                <div style={{ margin: '15px 0px' }}>\n                  <Alert\n                    type=\"info\"\n                    message=\"This permutation cannot be edited.\"\n                    showIcon\n                  />\n                </div>\n              )}\n\n              {/* experiment details */}\n              <FormItem label=\"Experiment name\">\n                <TextArea\n                  value={permutationDetails.experiment.name}\n                  autoSize={true}\n                  style={{ resize: 'none' }}\n                  spellCheck={false}\n                  disabled\n                  className=\"hide-disabled\"\n                />\n              </FormItem>\n\n              {/* Group / Folder */}\n              {hasFolder && (\n                <ToggleSelect\n                  name=\"folder\"\n                  displayValue={\n                    values.folder?.name ||\n                    permutationDetails.folders?.find(\n                      (f: any) => f.id === values.folder?.id\n                    )?.name\n                  }\n                  selectValue={values.folder?.id}\n                  fieldValue={(value: string) =>\n                    permutationDetails.folders.find((f: any) => f.id === value)\n                  }\n                  options={permutationDetails.folders}\n                  optionValue={(o: any) => o.id}\n                  optionName={(o: any) => o.name}\n                  setValue={(value: any) => setFieldValue('folder', value)}\n                  disableSelect={values.finalNumber}\n                />\n              )}\n\n              {/* permutation section */}\n              <Row gutter={16}>\n                <Col xs={{ span: 1 }} style={toggleIconDiv}>\n                  <Tooltip title={showForm ? 'Show less' : 'Show more'}>\n                    <Icon\n                      type={showForm ? 'minus-square' : 'plus-square'}\n                      style={toggleIcon}\n                      onClick={showHideFormToggle}\n                    />\n                  </Tooltip>\n                </Col>\n\n                {/* permutaiton name */}\n                <Col xs={{ span: 11 }}>\n                  <FormItem label=\"Permutation name\">\n                    <TextArea\n                      value={permutationName}\n                      autoSize={true}\n                      style={{ resize: 'none' }}\n                      disabled\n                      className=\"hide-disabled\"\n                    />\n                  </FormItem>\n                </Col>\n\n                {/* permutation ID */}\n                <Col xs={{ span: 11 }}>\n                  <FormItem label=\"Permutation ID\">\n                    <TextArea\n                      value={values.id}\n                      autoSize={true}\n                      style={{ resize: 'none' }}\n                      spellCheck={false}\n                      disabled\n                      className=\"hide-disabled\"\n                    />\n                  </FormItem>\n                </Col>\n              </Row>\n\n              {showForm && (\n                <Fragment>\n                  {/* brands */}\n                  <ToggleListSelect\n                    name=\"brand\"\n                    displayValue={experiment.brands.filter((b: any) =>\n                      values.brand.some((br: any) => br.brand.id === b.id)\n                    )}\n                    selectValue={values.brand.map((b: any) => b.brand.id)}\n                    fieldValue={(v: string) => v}\n                    options={experiment.brands}\n                    optionValue={(o: any) => o.id}\n                    optionName={(o: any) => o.name}\n                    setFieldValue={(value: string) => {\n                      setFieldValue('brand', getBrandObjects(value))\n                    }}\n                    // if the final number is true, disable the list\n                    disableList={values.finalNumber}\n                  />\n\n                  <Row gutter={16}>\n                    <Col xs={{ span: showISCS ? 8 : 12 }}>\n                      {/* Channel */}\n                      <ToggleSelect\n                        name=\"channel\"\n                        displayValue={values.channel.toLowerCase()}\n                        selectValue={values.channel.toLowerCase()}\n                        fieldValue={(value: string) => value}\n                        options={experiment.channels}\n                        optionValue={(o: string) => o}\n                        optionName={(o: string) => o}\n                        setValue={(value: any) => {\n                          //if the channel is already set to TV, reset ISCS field on updating channel\n                          if (showISCS) {\n                            setFieldValue('iscs', '')\n                          }\n                          //update channel\n                          setFieldValue('channel', value.toUpperCase())\n                        }}\n                        // if the final number is true, disable the list\n                        disableSelect={values.finalNumber}\n                      />\n                    </Col>\n\n                    <Col xs={{ span: showISCS ? 8 : 12 }}>\n                      {/* Medium*/}\n                      <ToggleSelect\n                        name=\"medium\"\n                        displayValue={values.medium.toLowerCase()}\n                        selectValue={values.medium.toLowerCase()}\n                        fieldValue={(value: string) => value}\n                        options={experiment.mediums}\n                        optionValue={(o: string) => o}\n                        optionName={(o: string) => o}\n                        setValue={(value: any) =>\n                          setFieldValue('medium', value.toUpperCase())\n                        }\n                        disableSelect={values.finalNumber}\n                      />\n                    </Col>\n\n                    {showISCS && (\n                      <Col xs={{ span: 8 }}>\n                        {/* iscs code */}\n                        <ToggleEditInput\n                          label=\"ISCS code\"\n                          value={values.iscs}\n                          setFieldValue={(v: string) =>\n                            setFieldValue('iscs', v)\n                          }\n                          disableInput={values.finalNumber}\n                        />\n                      </Col>\n                    )}\n                  </Row>\n\n                  <Row gutter={16}>\n                    <Col xs={{ span: 5 }}>\n                      {/* Estimated impressions*/}\n                      <ToggleEditInput\n                        label=\"Estimated impressions\"\n                        value={numberWithCommas(values.estImpressions)}\n                        setFieldValue={(v: string) =>\n                          setFieldValue('estImpressions', v)\n                        }\n                        disableInput={values.finalNumber}\n                      />\n                    </Col>\n\n                    <Col xs={{ span: 5 }}>\n                      {/* Actual impressions */}\n                      <ToggleEditInput\n                        label=\"Actual impressions\"\n                        value={numberWithCommas(values.actualImpressions)}\n                        setFieldValue={(v: string) =>\n                          setFieldValue('actualImpressions', v)\n                        }\n                        disableInput={values.finalNumber}\n                      />\n                    </Col>\n\n                    <Col xs={{ span: 5 }}>\n                      {/* Estimated spend */}\n                      <ToggleEditInput\n                        label=\"Estimated spend\"\n                        prefix=\"$\"\n                        formattedValue={\n                          values.estCost\n                            ? parseFloat(values.estCost)\n                                .toFixed(2)\n                                .replace(/\\d{1,3}(?=(\\d{3})+(?!\\d))/g, '$&,')\n                            : ''\n                        }\n                        value={values.estCost}\n                        setFieldValue={(v: string) =>\n                          setFieldValue('estCost', v)\n                        }\n                        disableInput={values.finalNumber}\n                      />\n                    </Col>\n\n                    <Col xs={{ span: 5 }}>\n                      {/* Spend to Date */}\n                      <ToggleEditInput\n                        label=\"Spend to date\"\n                        prefix=\"$\"\n                        formattedValue={\n                          values.actualCost\n                            ? parseFloat(values.actualCost)\n                                .toFixed(2)\n                                .replace(/\\d{1,3}(?=(\\d{3})+(?!\\d))/g, '$&,')\n                            : ''\n                        }\n                        value={values.actualCost}\n                        setFieldValue={(v: string) =>\n                          setFieldValue('actualCost', v)\n                        }\n                        disableInput={values.finalNumber}\n                      />\n                    </Col>\n\n                    <Col xs={{ span: 4 }}>\n                      {/* Final numbers - if confirmed update permutation*/}\n                      <FormItem label=\"Final Numbers\">\n                        <Tooltip title={values.finalNumber ? 'Yes' : 'No'}>\n                          <Popconfirm\n                            title={\n                              'Are you sure these numbers are final? Once you confirm the permutation will no longer be editable'\n                            }\n                            okText=\"Yes\"\n                            cancelText=\"No\"\n                            onConfirm={() => {\n                              //the visual toggle change will not happen, submission must take place immediately\n                              values.finalNumber = true\n                              submitChanges(values)\n                            }}\n                            disabled={values.finalNumber}\n                          >\n                            <Switch\n                              checked={values.finalNumber}\n                              disabled={values.finalNumber}\n                            />\n                          </Popconfirm>\n                        </Tooltip>\n                      </FormItem>\n                    </Col>\n                  </Row>\n\n                  {/* features - variables*/}\n                  <ToggleTreeSelect\n                    name=\"variables\"\n                    label=\"Features - Variables\"\n                    selectedItems={getFeaturesList(values.variables)}\n                    selectValue={values.variables.map(\n                      (v: any) => v.discreteValue.id\n                    )}\n                    treeData={variablesTreeData}\n                    filterProp=\"title\"\n                    setFieldValue={(value: any) => {\n                      setFieldValue('variables', getFeaturesVariables(value))\n                    }}\n                    disableEdit={values.finalNumber}\n                  />\n\n                  {/* attributes */}\n                  <ToggleTreeSelect\n                    name=\"attributes\"\n                    label=\"Features - Attributes\"\n                    selectedItems={getFeaturesList(values.attributes)}\n                    selectValue={values.attributes.map((a: any) => a.id)}\n                    treeData={attributesTreeData}\n                    filterProp=\"title\"\n                    setFieldValue={(value: any) => {\n                      setFieldValue('attributes', getFeaturesAttributes(value))\n                    }}\n                    disableEdit={values.finalNumber}\n                  />\n\n                  {/* Notes */}\n                  <ToggleEditInput\n                    label=\"Notes\"\n                    value={values.notes}\n                    setFieldValue={(v: string) => setFieldValue('notes', v)}\n                    disableInput={values.finalNumber}\n                  />\n\n                  {showSave && (\n                    <Row>\n                      <Col span={24} style={{ textAlign: 'right' }}>\n                        <Popconfirm\n                          title=\"Are you sure？\"\n                          okText=\"Yes\"\n                          cancelText=\"No\"\n                          onConfirm={() => submitChanges(values)}\n                        >\n                          <Button type=\"primary\">SAVE</Button>\n                        </Popconfirm>\n                      </Col>\n                    </Row>\n                  )}\n                </Fragment>\n              )}\n            </Fragment>\n          )\n        }}\n      </Formik>\n    </AntForm>\n  )\n}\n\nexport default ViewPermutationDetails\n","//Query - flowcodes\n\nimport gql from 'graphql-tag'\n\n//get all flowcodes form options\nexport const GET_FLOWCODES_OPTIONS = gql`\n  query($id: UUID, $category: String) {\n    # permutations\n    permutation(id: $id) {\n      id\n      # brands drop down\n      permutationBrandSet {\n        id\n        brands {\n          id\n          name\n        }\n      }\n    }\n\n    #flowcode features\n    features(category: $category) {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n  }\n`\n\n//get all flowcodes list\nexport const GET_FLOWCODES_LIST = gql`\n  query($id: UUID) {\n    permutationBatches(id: $id) {\n      id\n      domain\n      type\n      isBuilt\n      isScan\n      batchFlowcodes {\n        id\n        redirectValue\n        shorturl\n        active\n        batch {\n          id\n          attributes {\n            id\n            value\n            feature {\n              id\n              name\n            }\n          }\n        }\n        flowcodeBrandSet {\n          id\n          permutationBrand {\n            id\n            brands {\n              id\n              name\n            }\n          }\n        }\n      }\n    }\n    permutation(id: $id) {\n      id\n      name\n    }\n  }\n`\n\n//get batch / flowcode by ID\n\nexport const GET_FLOWCODES_EDIT = gql`\n  query($id: ID, $permutationId: UUID, $category: String) {\n    # selection choices from permutation\n    # permutations\n    permutation(id: $permutationId) {\n      id\n      # brands dropdown\n      permutationBrandSet {\n        id\n        brands {\n          id\n          name\n        }\n      }\n    }\n    # created batch details\n    batch(id: $id) {\n      id\n      domain\n      type\n      attributes {\n        id\n        value\n      }\n      # delete attributes id\n      batchDiscreteSet {\n        id\n        discreteValue {\n          id\n        }\n      }\n      # brand\n      batchFlowcodes {\n        id\n        flowcodeBrandSet {\n          id\n          permutationBrand {\n            id\n          }\n        }\n        redirectValue\n        shorturl\n      }\n      isScan\n    }\n    # features dropdown\n    features(category: $category) {\n      id\n      name\n      archived\n      discreteValues {\n        id\n        value\n      }\n    }\n  }\n`\n","//Mutation - Flowcodes\n\nimport gql from 'graphql-tag'\n\n//create batch (flowcodes)\nexport const CREATE_BATCH = gql`\n  mutation(\n    $permutationId: UUID\n    $input: BatchInputType\n    $attributes: [UUID]\n    $permutationBrand: [UUID]\n  ) {\n    createBatch(\n      permutationId: $permutationId\n      input: $input\n      attributes: $attributes\n      permutationBrand: $permutationBrand\n    ) {\n      ok\n      batch {\n        id\n      }\n    }\n  }\n`\n\n//delete batch\nexport const DELETE_BATCH = gql`\n  mutation($id: ID!) {\n    deleteBatch(id: $id) {\n      ok\n    }\n  }\n`\n\n//update flowcodes\nexport const UPDATE_FLOWCODES = gql`\n  mutation(\n    $addBrand: [UUID]\n    $deleteBrand: [UUID]\n    $id: UUID!\n    $input: FlowcodeInputType\n  ) {\n    updateFlowcode(\n      id: $id\n      input: $input\n      deleteBrand: $deleteBrand\n      addBrand: $addBrand\n    ) {\n      ok\n    }\n  }\n`\n\n//update batch\nexport const UPDATE_BATCH = gql`\n  mutation(\n    $addAttributes: [UUID]\n    $deleteAttributes: [UUID]\n    $id: ID!\n    $input: BatchInputType\n  ) {\n    updateBatch(\n      id: $id\n      input: $input\n      addAttributes: $addAttributes\n      deleteAttributes: $deleteAttributes\n    ) {\n      ok\n    }\n  }\n`\n\n//build a batch\nexport const BUILD_BATCH = gql`\n  mutation($id: ID!, $quantity: Int!) {\n    buildBatch(id: $id, quantity: $quantity) {\n      ok\n    }\n  }\n`\n\n//build all batch\nexport const BUILD_ALL = gql`\n  mutation($permutationId: UUID!, $quantity: Int!) {\n    buildBatches(permutationId: $permutationId, quantity: $quantity) {\n      ok\n    }\n  }\n`\n","//This component will generate the flowcode details in a tabular form in view permutation\n//This coponent will display the table of the permutation list\n\nimport React, { useContext, Fragment } from 'react'\n\n//styled components\nimport { Dropdown, Menu, Icon, Divider } from 'antd'\n\n//contexts\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\nimport { BuildModalCTX } from '../../Contexts/BuildModalContext'\n\n//constants\nimport { columnsNames } from '../../Constants/Flowcodes/Flowcodes'\n\n//stylesheet\nimport '../Reusable_UI/Styles.less'\n\n//functional component\nimport NoData from '../Reusable_UI/NoData/NoData'\n\n//typescript\nimport { FlowcodesTableProps } from '../../TypeScript_Types/Flowcodes'\n\n//inline styles\nconst menuStyle = {\n  color: '#1890ff',\n  cursor: 'pointer',\n  margin: '0'\n}\n\n// TODO: update typings\nconst renderFlowcodeFeatures = (attributes: any): JSX.Element[] => {\n  const featuresHash = attributes.reduce((prev: any, curr: any) => {\n    const featureName = curr?.feature?.name\n    if (prev[featureName]) prev[featureName] += `, ${curr.value}`\n    else prev[featureName] = `${curr.value}`\n    return prev\n  }, {})\n  const keys = Object.keys(featuresHash)\n  const features = keys.map(key => (\n    <div key={key}>\n      <b>{key}:</b>\n      {` `}\n      {featuresHash[key]}\n    </div>\n  ))\n  return features\n}\n\n//table header titles with center align text\nconst TableHeaderTitleCenter = ['Download', 'Preview', 'Actions']\n\nconst ViewFlowcodesTable = ({\n  flowcodeData,\n  listLoading,\n  setPreviewQRId,\n  deleteBatchId,\n  handleDeleteBatch,\n  setEditBatchId,\n  setBuildBatchId,\n  deleteLoading,\n  downloadQRId,\n  downloadQRLoading,\n  handleDownloadQR\n}: FlowcodesTableProps) => {\n  //context\n  const { handleVisible } = useContext(EditModalCTX)\n  const { handleVisible: buildHandleVisible } = useContext(BuildModalCTX)\n\n  // pop up action menu\n  const menu = (rowItemsId: string, batchFlowcodesId: string) => {\n    return (\n      <Menu>\n        <Menu.Item\n          key=\"1\"\n          onClick={() => {\n            setEditBatchId({ id: rowItemsId, flowcodeId: batchFlowcodesId })\n            handleVisible()\n          }}\n        >\n          Edit flowcode\n        </Menu.Item>\n        <Menu.Item key=\"2\" onClick={() => handleDeleteBatch(rowItemsId)}>\n          Delete flowcode\n        </Menu.Item>\n      </Menu>\n    )\n  }\n\n  return (\n    <div style={{ marginTop: 10 }} className=\"overflow-x-scroll\">\n      <table className=\"tableContainer\">\n        <thead className=\"tableHead\">\n          <tr>\n            {columnsNames.map(item => (\n              <th\n                key={item.key}\n                colSpan={item.title === 'Flowcodes' ? 4 : 1}\n                style={\n                  TableHeaderTitleCenter.includes(item.title)\n                    ? { textAlign: 'center' }\n                    : {}\n                }\n              >\n                {item.title}\n              </th>\n            ))}\n          </tr>\n        </thead>\n\n        {/* table list */}\n\n        <tbody className=\"tableBody\">\n          {flowcodeData &&\n            flowcodeData.permutationBatches.map(\n              (rowItems, rowIndex: number) => {\n                return (\n                  <tr key={rowIndex}>\n                    <td>{rowIndex + 1}</td>\n                    {/* Type - convert the string to lowercase except the first char */}\n                    <td>\n                      {rowItems.type.charAt(0) +\n                        rowItems.type.substring(1).toLowerCase()}\n                    </td>\n                    <td>{rowItems.id}</td>\n\n                    {/* flowcodes */}\n                    {rowItems.batchFlowcodes.length > 0 ? (\n                      rowItems.batchFlowcodes.map(flowcode => (\n                        <Fragment key={flowcode.id}>\n                          <td>{flowcode.shorturl ? flowcode.shorturl : ''}</td>\n                          <td>\n                            {flowcode.redirectValue\n                              ? flowcode.redirectValue\n                              : ''}\n                          </td>\n                          <td className=\"flowcode-table__features\">\n                            {renderFlowcodeFeatures(\n                              flowcode?.batch?.attributes\n                            )}\n                          </td>\n                          <td>\n                            {flowcode.flowcodeBrandSet &&\n                              flowcode.flowcodeBrandSet\n                                .map(item => item.permutationBrand.brands.name)\n                                .join(', ')}\n                          </td>\n                          <td>{rowItems.isScan ? 'True' : 'False'}</td>\n                        </Fragment>\n                      ))\n                    ) : (\n                      <Fragment>\n                        <td></td>\n                        <td></td>\n                        <td></td>\n                        <td></td>\n                      </Fragment>\n                    )}\n\n                    {/* preview icon */}\n                    {rowItems.type === 'MANY' ? (\n                      <td style={{ textAlign: 'center' }}>-</td>\n                    ) : (\n                      <Fragment>\n                        {rowItems.isBuilt ? (\n                          <td\n                            className=\"tableIconDiv\"\n                            onClick={() => setPreviewQRId(rowItems.id)}\n                          >\n                            <Icon type=\"eye\" className=\"tableIcons\" />\n                          </td>\n                        ) : (\n                          <td style={{ textAlign: 'center' }}>\n                            <Icon\n                              type=\"eye-invisible\"\n                              className=\"tableIcons\"\n                              style={{ color: 'grey' }}\n                            />\n                          </td>\n                        )}\n                      </Fragment>\n                    )}\n\n                    {/* download icon */}\n                    {rowItems.id === downloadQRId && downloadQRLoading ? (\n                      <td className=\"tableIconDiv\">\n                        {' '}\n                        <Icon type=\"loading\" />{' '}\n                      </td>\n                    ) : (\n                      <Fragment>\n                        {rowItems.isBuilt ? (\n                          <td\n                            onClick={() => handleDownloadQR(rowItems.id)}\n                            className=\"tableIconDiv\"\n                          >\n                            <Icon type=\"download\" className=\"tableIcons\" />\n                          </td>\n                        ) : (\n                          <td style={{ textAlign: 'center' }}>-</td>\n                        )}\n                      </Fragment>\n                    )}\n\n                    {/* actions */}\n                    {rowItems.id === deleteBatchId && deleteLoading ? (\n                      <td style={{ textAlign: 'center' }}>\n                        <Icon type=\"loading\" />\n                      </td>\n                    ) : (\n                      // action menu\n                      <td>\n                        <div\n                          style={{\n                            display: 'flex',\n                            justifyContent: 'center',\n                            alignItems: 'center'\n                          }}\n                        >\n                          {/* In the actions column for ‘one’ flow codes - build shouldn’t be an option */}\n                          {rowItems.type !== 'ONE' && (\n                            <span\n                              style={menuStyle}\n                              onClick={() => {\n                                setBuildBatchId(rowItems.id)\n                                buildHandleVisible()\n                              }}\n                            >\n                              Build\n                            </span>\n                          )}\n\n                          {rowItems.type !== 'ONE' && (\n                            <Divider type=\"vertical\" />\n                          )}\n\n                          <Dropdown\n                            overlay={() =>\n                              menu(rowItems.id, rowItems.batchFlowcodes[0].id)\n                            }\n                            trigger={['click']}\n                          >\n                            <span style={menuStyle}>More</span>\n                          </Dropdown>\n                        </div>\n                      </td>\n                    )}\n                  </tr>\n                )\n              }\n            )}\n        </tbody>\n      </table>\n      {(flowcodeData && flowcodeData.permutationBatches.length < 1) ||\n      !flowcodeData ||\n      listLoading ? (\n        <NoData loading={listLoading} />\n      ) : null}\n    </div>\n  )\n}\n\nexport default ViewFlowcodesTable\n","// TODO: move to flowcode utils?\n\nconst urlPatternStart = /(http|sms:|mailto:)/\nconst urlPatternSplit = /,(http|sms:|mailto:)/\n\nexport const splitURLs = (value: string): string[] => {\n  const urls = []\n  let ind = value.search(urlPatternSplit)\n  let url = ''\n  while (ind !== -1) {\n    url = value.substr(0, ind).trim()\n    if (url.search(urlPatternStart) === 0) {\n      urls.push(url)\n    }\n    value = value.substr(ind + 1)\n    ind = value.search(urlPatternSplit)\n  }\n  url = value.trim()\n  if (url.search(urlPatternStart) === 0) {\n    urls.push(value)\n  }\n  return urls\n}\n\nexport const constructRedirectValue = ({\n  redirectValue1,\n  redirectValue2,\n  redirectValue3,\n  redirectValue4,\n  redirectValue5,\n  redirectValue6\n}: {\n  redirectValue1?: string\n  redirectValue2?: string\n  redirectValue3?: string\n  redirectValue4?: string\n  redirectValue5?: string\n  redirectValue6?: string\n}): string =>\n  [\n    redirectValue1,\n    redirectValue2,\n    redirectValue3,\n    redirectValue4,\n    redirectValue5,\n    redirectValue6\n  ]\n    .filter(Boolean)\n    .join(',')\n","//create or edit flowcode types\n\ntype FlowcodesTypes = 'One' | 'Many'\n\n//The actual enum is in all caps, transform it to uppercase before sending the mutation request\nexport const FlowcodesType: Readonly<FlowcodesTypes[]> = ['One', 'Many']\n","//this component will generate form layout for create and edit flowcodes\n\nimport React, { useEffect, useState } from 'react'\nimport {\n  getLandingPageType,\n  landingPageValidator,\n  LandingPageOptions\n} from '@dtx-company/flowcode-utils'\n\n//form handler\nimport { Form, Field } from 'formik'\nimport {\n  Row,\n  Col,\n  Form as AntForm,\n  TreeSelect,\n  Descriptions,\n  Collapse,\n  Tooltip,\n  Switch\n} from 'antd'\n\n//constants\nimport { FlowcodesType } from '../../Constants/Flowcodes/FlowcodesType'\n\n//typeScript\nimport {\n  FeaturePreview,\n  AllFeaturesItem\n} from '../../TypeScript_Types/Features'\nimport { FlowcodesFormProps } from '../../TypeScript_Types/Flowcodes'\n\n//utils\nimport { GetFeaturesTree } from '../../Utilities/FeaturesTree'\n\n//functional components\nimport { AntInput, AntSelect } from '../Reusable_UI/Forms/FormFields'\nimport { AntSelectWithVal } from '../Reusable_UI/Forms/SelectWithVal'\nimport { validateRequired } from '../../Utilities/Validate'\n\n//ant design destructuring\nconst FormItem = AntForm.Item\nconst { SHOW_CHILD } = TreeSelect\nconst DescriptionsItem = Descriptions.Item\nconst { Panel } = Collapse\n\ninterface AddRemoveButton {\n  displayPlusButton: boolean\n  displayMinusButton: boolean\n  handleAddBtnClick?: () => void\n  handleMinusBtnClick?: () => void\n}\n\nconst AddRemoveButton = ({\n  displayPlusButton,\n  displayMinusButton,\n  handleAddBtnClick = () => null,\n  handleMinusBtnClick = () => null\n}: AddRemoveButton): JSX.Element => (\n  <Col span={2}>\n    <div className=\"flex\">\n      {displayPlusButton && (\n        <button\n          className=\"landing-page-btn plus\"\n          type=\"button\"\n          onClick={handleAddBtnClick}\n        >\n          +\n        </button>\n      )}\n      {displayMinusButton && (\n        <button\n          className=\"landing-page-btn minus\"\n          type=\"button\"\n          onClick={handleMinusBtnClick}\n        >\n          -\n        </button>\n      )}\n    </div>\n  </Col>\n)\n\nconst CreateEditFlowcode = ({\n  submitCount,\n  flowcodesData,\n  values,\n  setFieldValue,\n  flowcodeType,\n  featuresData,\n  initialDataReady,\n  setInitialDataReady\n}: FlowcodesFormProps): JSX.Element => {\n  //local states\n  const [brandsList, setBrandsList] = useState()\n  const [featureTreeData, setFeatureTreeData] = useState()\n  const [selectedFeaturesPreview, setSelectedFeaturePreview] = useState([])\n  const [featureUpdated, setFeatureUpdated] = useState(false)\n  // TOOD: refactor, add prefix key, make this infinite\n  const [visibleLandingPages, setVisibleLandingPages] = useState<{\n    [key: number]: boolean\n  }>({\n    1: true,\n    2: !!values.redirectValue2,\n    3: !!values.redirectValue3,\n    4: !!values.redirectValue4,\n    5: !!values.redirectValue5,\n    6: !!values.redirectValue6\n  })\n\n  React.useEffect(() => {\n    if (initialDataReady) {\n      setVisibleLandingPages({\n        1: true,\n        2: !!values.redirectValue2,\n        3: !!values.redirectValue3,\n        4: !!values.redirectValue4,\n        5: !!values.redirectValue5,\n        6: !!values.redirectValue6\n      })\n    }\n  }, [\n    initialDataReady,\n    values.redirectValue2,\n    values.redirectValue3,\n    values.redirectValue4,\n    values.redirectValue5,\n    values.redirectValue6\n  ])\n\n  const toggleVisibleLandingPage = (page: number): void => {\n    setVisibleLandingPages(prev => {\n      const isOpen = !prev[page]\n      const redirectValue: any = `redirectValue${page}`\n      if (!isOpen) setFieldValue(redirectValue, '', false)\n      return {\n        ...prev,\n        [page]: isOpen\n      }\n    })\n  }\n\n  const validateRedirectValue = (value: string): string => {\n    const id: LandingPageOptions = getLandingPageType(value)\n    const isValid = landingPageValidator({\n      id,\n      url: value,\n      data: value, // handle sms and mailto links\n      options: {\n        requireProtocol: true\n      }\n    })\n    return !isValid ? 'Please enter a valid URL. Protocol is required.' : ''\n  }\n\n  const isLandingPageTwoVisible = visibleLandingPages[2]\n  const isLandingPageThreeVisible = visibleLandingPages[3]\n  const isLandingPageFourVisible = visibleLandingPages[4]\n  const isLandingPageFiveVisible = visibleLandingPages[5]\n  const isLandingPageSixVisible = visibleLandingPages[6]\n\n  //create custom brandsList for selection from the permutations brands\n\n  useEffect(() => {\n    if (flowcodesData) {\n      const customBrandsList = flowcodesData.permutation.permutationBrandSet.map(\n        (item: { id: string; brands: { name: string } }) => {\n          return {\n            id: item.id,\n            name: item.brands.name\n          }\n        }\n      )\n      setBrandsList(customBrandsList)\n    }\n  }, [flowcodesData])\n\n  // create attributes features data tree\n  useEffect(() => {\n    if (featuresData && flowcodesData) {\n      //create custom object for creating feature tree hierarchial structure from permutations attributes\n      const treeData = GetFeaturesTree(featuresData)\n      setFeatureTreeData(treeData)\n    }\n  }, [featuresData, flowcodesData])\n\n  //create preview for selected features\n  useEffect(() => {\n    if (!flowcodesData) return\n    //FEATURES - create an oject of selected featureNames with features.\n    //PREVIEW FEATURE NAMES - ATTRIBUTES\n    const selectedFeaturesPreview = (inputValue: Array<string>) => {\n      const selectedFeatures = flowcodesData?.features?.reduce(function(\n        acc: Array<FeaturePreview>,\n        obj: AllFeaturesItem\n      ) {\n        //find if the feature already exists in the accumulator\n        if (obj.discreteValues.some(item => inputValue.includes(item.id))) {\n          // check if the feature already exist\n          const objIndex = acc.findIndex(object => object.featureId === obj.id)\n          //create a filtered discrete\n          const filteredDiscrete = obj.discreteValues.filter(discrete =>\n            inputValue.includes(discrete.id)\n          )\n          if (objIndex === -1) {\n            //create custom object\n            const customFeature = {\n              featureId: obj.id,\n              featureName: obj.name,\n              discreteValues: [...filteredDiscrete]\n            }\n            acc.push(customFeature)\n          } else {\n            //replace attributes value in existing object\n            acc[objIndex].discreteValues = [...filteredDiscrete]\n          }\n        }\n        return acc\n      },\n      [])\n      return selectedFeatures\n    }\n\n    //only if the values is not undefined and experiement feature has been updated this block will run.\n    if ((values.attributes.length > 0 && initialDataReady) || featureUpdated) {\n      //create a new array consisting the feature of the selected discrete values.\n      const optFeatureData = selectedFeaturesPreview(values.attributes)\n      setSelectedFeaturePreview(optFeatureData)\n      setFeatureUpdated(false)\n\n      if (initialDataReady) {\n        setInitialDataReady(false)\n      }\n    }\n  }, [\n    values,\n    flowcodesData,\n    featureUpdated,\n    featuresData,\n    featureTreeData,\n    initialDataReady,\n    setInitialDataReady\n  ])\n\n  return (\n    <Form>\n      <Row gutter={10}>\n        <Col span={12}>\n          {/* flowcode type */}\n          {/* note - In any one permutation there should only be flowcodes with either ‘one’ or ‘many’.\n          Once the user creates a flow code with either, they should not be allowed to create another with the other type*/}\n\n          <Field\n            label=\"Flowcode type\"\n            name=\"type\"\n            allowClear\n            placeholder=\"Select flowcode type\"\n            selectOptions={\n              flowcodeType === ''\n                ? FlowcodesType\n                : [\n                    flowcodeType.charAt(0) +\n                      flowcodeType.substring(1).toLowerCase()\n                  ]\n            }\n            submitCount={submitCount}\n            validate={validateRequired}\n            component={AntSelect}\n          />\n        </Col>\n        <Col span={12}>\n          <FormItem className=\"flex is-scan-input\" label=\"Scannable\">\n            <Tooltip title={values.isScan ? 'Scannable' : 'Clickable'}>\n              <Switch\n                onClick={checked => setFieldValue('isScan', checked)}\n                checked={values.isScan}\n              />\n            </Tooltip>\n          </FormItem>\n        </Col>\n      </Row>\n      <span>Landing Pages:</span>\n      <section className=\"landing-page-inputs\">\n        <Row gutter={10}>\n          <Col span={22}>\n            <Field\n              validate={validateRedirectValue}\n              name=\"redirectValue1\"\n              type=\"text\"\n              allowClear\n              placeholder=\"Landing page\"\n              submitCount={submitCount}\n              component={AntInput}\n            />\n          </Col>\n          <AddRemoveButton\n            displayPlusButton={\n              !isLandingPageTwoVisible && !isLandingPageThreeVisible\n            }\n            displayMinusButton={false}\n            handleAddBtnClick={() => toggleVisibleLandingPage(2)}\n          />\n        </Row>\n        {isLandingPageTwoVisible && (\n          <Row gutter={10}>\n            <Col span={22}>\n              <Field\n                validate={validateRedirectValue}\n                name=\"redirectValue2\"\n                type=\"text\"\n                allowClear\n                placeholder=\"Landing page\"\n                submitCount={submitCount}\n                component={AntInput}\n              />\n            </Col>\n            <AddRemoveButton\n              displayPlusButton={!isLandingPageThreeVisible}\n              displayMinusButton\n              handleAddBtnClick={() => toggleVisibleLandingPage(3)}\n              handleMinusBtnClick={() => toggleVisibleLandingPage(2)}\n            />\n          </Row>\n        )}\n        {isLandingPageThreeVisible && (\n          <Row gutter={10}>\n            <Col span={22}>\n              <Field\n                validate={validateRedirectValue}\n                name=\"redirectValue3\"\n                type=\"text\"\n                allowClear\n                placeholder=\"Landing page\"\n                submitCount={submitCount}\n                component={AntInput}\n              />\n            </Col>\n            <AddRemoveButton\n              displayPlusButton={!isLandingPageFourVisible}\n              displayMinusButton\n              handleAddBtnClick={() => toggleVisibleLandingPage(4)}\n              handleMinusBtnClick={() => toggleVisibleLandingPage(3)}\n            />\n          </Row>\n        )}\n        {isLandingPageFourVisible && (\n          <Row gutter={10}>\n            <Col span={22}>\n              <Field\n                validate={validateRedirectValue}\n                name=\"redirectValue4\"\n                type=\"text\"\n                allowClear\n                placeholder=\"Landing page\"\n                submitCount={submitCount}\n                component={AntInput}\n              />\n            </Col>\n            <AddRemoveButton\n              displayPlusButton={!isLandingPageFiveVisible}\n              displayMinusButton\n              handleAddBtnClick={() => toggleVisibleLandingPage(5)}\n              handleMinusBtnClick={() => toggleVisibleLandingPage(4)}\n            />\n          </Row>\n        )}\n        {isLandingPageFiveVisible && (\n          <Row gutter={10}>\n            <Col span={22}>\n              <Field\n                validate={validateRedirectValue}\n                name=\"redirectValue5\"\n                type=\"text\"\n                allowClear\n                placeholder=\"Landing page\"\n                submitCount={submitCount}\n                component={AntInput}\n              />\n            </Col>\n            <AddRemoveButton\n              displayPlusButton={!isLandingPageSixVisible}\n              displayMinusButton\n              handleAddBtnClick={() => toggleVisibleLandingPage(6)}\n              handleMinusBtnClick={() => toggleVisibleLandingPage(5)}\n            />\n          </Row>\n        )}\n        {isLandingPageSixVisible && (\n          <Row gutter={10}>\n            <Col span={22}>\n              <Field\n                validate={validateRedirectValue}\n                name=\"redirectValue6\"\n                type=\"text\"\n                allowClear\n                placeholder=\"Landing page\"\n                submitCount={submitCount}\n                component={AntInput}\n              />\n            </Col>\n            <AddRemoveButton\n              displayPlusButton={!isLandingPageFiveVisible}\n              displayMinusButton\n              handleAddBtnClick={() => toggleVisibleLandingPage(5)}\n              handleMinusBtnClick={() => toggleVisibleLandingPage(6)}\n            />\n          </Row>\n        )}\n      </section>\n\n      {/* brands */}\n      <Field\n        label=\"Select brands from permutation\"\n        name=\"brand\"\n        mode=\"multiple\"\n        placeholder=\"Brands\"\n        submitCount={submitCount}\n        selectOptions={brandsList}\n        optionName=\"name\"\n        optionValue=\"id\"\n        component={AntSelectWithVal}\n        filterPropName=\"data-searchkey\"\n      />\n\n      {/* Flowcode features - permutation attributes*/}\n      <Field name=\"attributes\">\n        {({ field, form }: any) => (\n          <FormItem label=\"Flowcode features\">\n            <TreeSelect\n              {...field}\n              value={values.attributes}\n              dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}\n              treeData={featureTreeData}\n              searchPlaceholder=\"Select feature values\"\n              treeCheckable={true}\n              allowClear\n              showCheckedStrategy={SHOW_CHILD}\n              treeNodeFilterProp=\"title\"\n              onChange={value => {\n                setFieldValue('attributes', value)\n                setFeatureUpdated(true)\n              }}\n              onBlur={() => form.setFieldTouched(field.name, true)}\n            />\n          </FormItem>\n        )}\n      </Field>\n\n      {/* flowcodes preview */}\n      <FormItem>\n        <Collapse bordered>\n          <Panel header=\"Preview selected features\" key=\"1\">\n            {selectedFeaturesPreview.length > 0 ? (\n              <Descriptions\n                layout=\"vertical\"\n                bordered\n                size=\"small\"\n                style={{ background: 'white' }}\n              >\n                {selectedFeaturesPreview.map((previewItem: any) => (\n                  <DescriptionsItem\n                    label={previewItem.featureName}\n                    key={previewItem.featureId}\n                  >\n                    {previewItem.discreteValues.map((item: any) => (\n                      <p key={item.id} style={{ marginBottom: '5px' }}>\n                        {item.value}\n                      </p>\n                    ))}\n                  </DescriptionsItem>\n                ))}\n              </Descriptions>\n            ) : (\n              <div style={{ textAlign: 'center' }}>\n                <p>Features not selected.</p>\n              </div>\n            )}\n          </Panel>\n        </Collapse>\n      </FormItem>\n    </Form>\n  )\n}\n\nexport default CreateEditFlowcode\n","//This component will create formik based input fields using ant d.\n\nimport React from 'react'\nimport { FieldProps } from 'formik'\n\n//styled component\nimport { Form, Input } from 'antd'\n\n//utilities\nimport { checkNumeric } from '../../../Utilities/CheckNumeric'\n\n//Ant d component destructuring\nconst FormItem = Form.Item\n\n//typescript for form fields\ninterface formFields {\n  prefix: React.ReactNode\n  label: string\n  hasFeedback?: boolean\n  type: string\n  submitCount: number\n}\n\n//type class\ntype Class = { new (...args: any[]): any }\n\n//JSX\nexport const InputNumber = (AntComponent: Class) => ({\n  field,\n  form,\n  hasFeedback,\n  label,\n  type,\n  submitCount,\n  ...props\n}: FieldProps<any> & formFields) => {\n  const touched = form.touched[field.name]\n  const submitted = submitCount > 0\n  const hasError = form.errors[field.name]\n  const submittedError = hasError && submitted\n  const touchedError = hasError && touched\n\n  const onChange = (value: any) =>\n    form.setFieldValue(field.name, checkNumeric(value))\n  const onBlur = () => form.setFieldTouched(field.name, true)\n  return (\n    <div className=\"field-container\">\n      <FormItem\n        label={label}\n        hasFeedback={\n          (hasFeedback && submitted) || (hasFeedback && touched) ? true : false\n        }\n        help={submittedError || touchedError ? hasError : false}\n        validateStatus={submittedError || touchedError ? 'error' : 'success'}\n      >\n        <AntComponent\n          {...field}\n          {...props}\n          allowClear\n          onBlur={onBlur}\n          onChange={onChange}\n        ></AntComponent>\n      </FormItem>\n    </div>\n  )\n}\n\nexport const AntInputNumber = InputNumber(Input)\n","//this component will generate form layout to accept the quantity for build\n\nimport React from 'react'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport { Row, Col } from 'antd'\n\n//functional components\nimport { AntInputNumber } from '../Reusable_UI/Forms/InputNumber'\n\n//utitlities\nimport { validateRequired } from '../../Utilities/Validate'\n\n//typeScript\ninterface Props {\n  submitCount: number\n}\n\n\nconst BuildQuantityForm = ({ submitCount }: Props) => {\n  return (\n    <Form>\n      <Row>\n        <Col span={20}>\n          <Field\n            label=\"Build quantity\"\n            name=\"quantity\"\n            allowClear\n            placeholder=\"Enter quantity\"\n            validate={validateRequired}\n            submitCount={submitCount}\n            component={AntInputNumber}\n          />\n        </Col>\n      </Row>\n    </Form>\n  )\n}\n\nexport default BuildQuantityForm\n","//SaveBuildBatch - invoked after successful create flowcode on type MANY\nimport React, { useContext, Fragment } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation } from '@apollo/react-hooks'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//graphql\nimport { BUILD_BATCH } from '../../Graqhql/Flowcodes/FlowcodesMutation'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional component\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport BuildQuantityForm from '../../Components/Build/BuildQuantity'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\n\n\n//initial form fields\nconst initialFieldValues: FormValues = {\n  quantity: 0\n}\n\n//types for form fields state\ninterface FormValues {\n  quantity: number\n}\n\ninterface Props {\n  batchId: string\n  saveAndBuild: boolean\n  setCreateComplete: React.Dispatch<React.SetStateAction<boolean>>\n  handleSaveBuild: () => void\n}\n\nconst SaveBuildBatch: React.FC<Props> = ({\n  batchId,\n  saveAndBuild,\n  handleSaveBuild,\n  setCreateComplete\n}) => {\n  //context\n  const {\n    handleVisible,\n    setCreateSuccess,\n    setCreateError,\n    setCreateErrorMsg,\n    createError,\n    createErrorMsg\n  } = useContext(CreateModalCTX)\n\n  //build batch mutation\n  const [buildBatch, { loading: buildBatchLoading }] = useMutation(\n    BUILD_BATCH,\n    {\n      onCompleted() {\n        //reset save & build state\n        handleSaveBuild()\n        //reset create form complete state\n        setCreateComplete(false)\n        setCreateSuccess(true)\n        handleVisible()\n      },\n      onError(error) {\n        setCreateError(true)\n        setCreateErrorMsg(error.message)\n      }\n    }\n  )\n\n  //handle submit\n  const handleSubmit = (values: FormValues) => {\n    buildBatch({ variables: { id: batchId, quantity: values.quantity } })\n  }\n\n  //const modal buttons\n  const buttons = [\n    {\n      buttonName: 'Build',\n      key: 'build'\n    }\n  ]\n\n  return (\n    <Formik\n      initialValues={initialFieldValues}\n      onSubmit={handleSubmit}\n      validateOnBlur={false}\n    >\n      {({ submitCount, submitForm }) => (\n        <ModalWrap\n          title=\"Build batch\"\n          buttons={buttons}\n          submitForm={submitForm}\n          loading={buildBatchLoading}\n          handleVisible={handleVisible}\n          viewFormModal={saveAndBuild}\n        >\n          <Fragment>\n            {/* error creating build  */}\n            {createError && (\n              <ErrorAlert\n                message={\n                  createErrorMsg ? createErrorMsg : 'Something went wrong'\n                }\n                close={true}\n                onErrorClose={() => {\n                  setCreateError(false)\n                  setCreateErrorMsg('')\n                }}\n              />\n            )}\n            <ErrorBoundary>\n              <BuildQuantityForm submitCount={submitCount} />\n            </ErrorBoundary>\n          </Fragment>\n        </ModalWrap>\n      )}\n    </Formik>\n  )\n}\n\nexport default SaveBuildBatch\n","//Create flowcodes Form container\n\nimport React, { useContext, useState, Fragment, useRef, useEffect } from 'react'\nimport { Formik } from 'formik'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\n\n//graphql\nimport {\n  GET_FLOWCODES_OPTIONS,\n  GET_FLOWCODES_LIST\n} from '../../Graqhql/Flowcodes/FlowcodesQuery'\nimport { CREATE_BATCH } from '../../Graqhql/Flowcodes/FlowcodesMutation'\n\n//utilities\nimport { constructRedirectValue } from '../../Utilities/Flowcode'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//typescript\nimport { FlowcodesFormValues } from '../../TypeScript_Types/Flowcodes'\n\n//functional component\nimport CreateFlowcode from '../../Components/Flowcodes/Create_Edit_Flowcode'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport BuildBatch from './SaveBuildBatch'\n\n//initial form fields\nconst initialFieldValues: FlowcodesFormValues = {\n  type: '',\n  brand: [],\n  redirectValue: '', // remove\n  attributes: [],\n  isScan: true,\n  redirectValue1: '',\n  redirectValue2: '',\n  redirectValue3: '',\n  redirectValue4: '',\n  redirectValue5: '',\n  redirectValue6: ''\n}\n\ninterface Props {\n  permutationId: string\n  flowcodeType: string\n}\n\n//React FC - JSX\nconst CreateFlowcodes = ({\n  permutationId,\n  flowcodeType\n}: Props): JSX.Element => {\n  //local state\n  const [saveAndBuild, setSaveAndBuild] = useState(false)\n  const [createComplete, setCreateComplete] = useState(false)\n  const [batchId, setBatchId] = useState()\n  const [flowcodesFetchError, setFlowcodesFetchError] = useState()\n  const [initialDataReady, setInitialDataReady] = useState(false)\n\n  //context\n  const {\n    viewCreateFormModal,\n    handleVisible,\n    setCreateSuccess,\n    setCreateError,\n    setCreateErrorMsg,\n    createError,\n    createErrorMsg\n  } = useContext(CreateModalCTX)\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //get flowcodes options\n  const { data: flowcodesData, loading: flowcodesLoading } = useQuery(\n    GET_FLOWCODES_OPTIONS,\n    {\n      variables: { id: permutationId, category: 'flowcode' },\n      onError(error) {\n        setFlowcodesFetchError(error)\n      }\n    }\n  )\n\n  //set true if initial data is ready, not using onCompleted doesn't work in few refresh scenarios\n  useEffect(() => {\n    if (flowcodesData) {\n      setInitialDataReady(true)\n    }\n  }, [flowcodesData])\n\n  //reset form on modal/form close action\n  useEffect(() => {\n    if (viewCreateFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewCreateFormModal])\n\n  //create flowcodes mutation\n  const [createBatch, { loading: createLoading }] = useMutation(CREATE_BATCH, {\n    onCompleted(data) {\n      //if create and clone is false, close the modal and set success to true.\n      if (!saveAndBuild) {\n        setCreateSuccess(true)\n        handleVisible()\n      } else {\n        setCreateComplete(true)\n        setBatchId(data.createBatch.batch.id)\n      }\n    },\n    onError(error) {\n      setCreateError(true)\n      setCreateErrorMsg(error.message)\n    },\n    refetchQueries: [\n      { query: GET_FLOWCODES_LIST, variables: { id: permutationId } }\n    ]\n  })\n\n  //this function will be called when save and build button is clicked\n  const handleSaveBuild = (): void => {\n    setSaveAndBuild(prevState => !prevState)\n  }\n\n  //handle submit\n  const handleSubmit = (values: FlowcodesFormValues): void => {\n    // let input = { ...values}\n    const input = {\n      type: values.type.toUpperCase(),\n      redirectValue: constructRedirectValue(values),\n      isScan: values.isScan\n      // domain: \" \"\n    }\n    const permutationBrand = values.brand\n    const attributes = values.attributes\n    createBatch({\n      variables: {\n        permutationId: permutationId,\n        input,\n        attributes,\n        permutationBrand\n      }\n    })\n  }\n\n  //For flow codes that are ‘one’ there should only be the option to save.\n\n  const nonOneButtons = [\n    {\n      buttonName: 'Save',\n      key: 'save'\n    },\n    {\n      buttonName: 'Save & build',\n      key: 'saveBuild',\n      action: handleSaveBuild\n    }\n  ]\n\n  const oneTypeButtons = [\n    {\n      buttonName: 'Save',\n      key: 'save'\n    }\n  ]\n\n  return (\n    <Fragment>\n      {saveAndBuild && createComplete ? (\n        <BuildBatch\n          batchId={batchId}\n          saveAndBuild={saveAndBuild && createComplete}\n          handleSaveBuild={handleSaveBuild}\n          setCreateComplete={setCreateComplete}\n        />\n      ) : (\n        <Formik\n          initialValues={initialFieldValues}\n          onSubmit={handleSubmit}\n          validateOnBlur={false}\n        >\n          {({\n            submitCount,\n            submitForm,\n            values,\n            setFieldValue,\n            handleReset\n          }) => (\n            <ModalWrap\n              title=\"Create Flowcodes\"\n              buttons={\n                flowcodeType === 'ONE' || values.type === 'One'\n                  ? oneTypeButtons\n                  : nonOneButtons\n              }\n              submitForm={submitForm}\n              loading={createLoading}\n              handleVisible={handleVisible}\n              viewFormModal={viewCreateFormModal}\n            >\n              {/* Display error if occurred during fetching form options */}\n              {flowcodesFetchError ? (\n                <ErrorAlert\n                  message={\n                    flowcodesFetchError.message\n                      ? flowcodesFetchError.message\n                      : 'Something went wrong'\n                  }\n                />\n              ) : (\n                <>\n                  {flowcodesLoading ? (\n                    <LoadingSpinner />\n                  ) : (\n                    <Fragment>\n                      {/* error creating flowcode  */}\n                      {createError && (\n                        <ErrorAlert\n                          message={\n                            createErrorMsg\n                              ? createErrorMsg\n                              : 'Something went wrong'\n                          }\n                          close={true}\n                          onErrorClose={() => {\n                            setCreateError(false)\n                            setCreateErrorMsg('')\n                          }}\n                        />\n                      )}\n                      <ErrorBoundary>\n                        <CreateFlowcode\n                          submitCount={submitCount}\n                          flowcodesData={flowcodesData}\n                          values={values}\n                          flowcodeType={flowcodeType}\n                          featuresData={\n                            flowcodesData &&\n                            flowcodesData.features?.filter(\n                              (feature: { archived: boolean }) =>\n                                !feature.archived\n                            )\n                          }\n                          setFieldValue={setFieldValue}\n                          initialDataReady={initialDataReady}\n                          setInitialDataReady={setInitialDataReady}\n                        />\n                      </ErrorBoundary>\n                    </Fragment>\n                  )}\n                </>\n              )}\n\n              {/* reset form div ref */}\n              <div onClick={handleReset} ref={resetRef} />\n            </ModalWrap>\n          )}\n        </Formik>\n      )}\n    </Fragment>\n  )\n}\n\nexport default CreateFlowcodes\n","//Edit flowcodes Form container\n\nimport React, { useContext, useState, useEffect, useRef, Fragment } from 'react'\nimport { Formik } from 'formik'\nimport { useQuery, useMutation } from '@apollo/react-hooks'\n\n//context\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\n\n//graphql\nimport {\n  GET_FLOWCODES_EDIT,\n  GET_FLOWCODES_LIST\n} from '../../Graqhql/Flowcodes/FlowcodesQuery'\nimport {\n  UPDATE_BATCH,\n  UPDATE_FLOWCODES\n} from '../../Graqhql/Flowcodes/FlowcodesMutation'\n\n//typescript\nimport { FlowcodesFormValues } from '../../TypeScript_Types/Flowcodes'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\nimport { splitURLs, constructRedirectValue } from '../../Utilities/Flowcode'\n\n//functional component\nimport EditFlowcode from '../../Components/Flowcodes/Create_Edit_Flowcode'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//initial form fields\nconst initialFieldValues: FlowcodesFormValues = {\n  type: '',\n  brand: [],\n  redirectValue: '',\n  attributes: [],\n  isScan: true,\n  redirectValue1: '',\n  redirectValue2: '',\n  redirectValue3: '',\n  redirectValue4: '',\n  redirectValue5: '',\n  redirectValue6: ''\n}\n\n//types for form fields state\ninterface FormValues {\n  type: string\n  brand: Array<string>\n  redirectValue: string\n  attributes: Array<string>\n  isScan: boolean\n  redirectValue1?: string\n  redirectValue2?: string\n  redirectValue3?: string\n  redirectValue4?: string\n  redirectValue5?: string\n  redirectValue6?: string\n}\n\ninterface Props {\n  permutationId: string\n  updateId: {\n    id: string\n    flowcodeId: string\n  }\n  flowcodeType: string\n}\n\nconst EditFlowcodes = ({\n  permutationId,\n  updateId,\n  flowcodeType\n}: Props): JSX.Element => {\n  //local state\n  const [flowcodesFields, setFlowcodesFields] = useState(initialFieldValues)\n  const [flowcodesFetchError, setFlowcodesFetchError] = useState()\n  const [initialAttributes, setInitialAttributes] = useState()\n  const [initialBrands, setInitialBrands] = useState()\n  //for delete\n  const [initialBrandsSet, setInitialBrandsSet] = useState()\n  const [initialAttributesSet, setInitialAttributesSet] = useState()\n  const [initialDataReady, setInitialDataReady] = useState(false)\n\n  //ref to call reset form\n  const resetRef: any = useRef(null)\n\n  //context\n  const {\n    viewEditFormModal,\n    handleVisible,\n    setEditSuccess,\n    editError,\n    setEditError,\n    editErrorMsg,\n    setEditErrorMsg\n  } = useContext(EditModalCTX)\n\n  //get flowcodes options\n  const { data: flowcodesData, loading: flowcodesLoading } = useQuery(\n    GET_FLOWCODES_EDIT,\n    {\n      variables: {\n        id: updateId.id,\n        permutationId: permutationId,\n        category: 'flowcode'\n      },\n      onError(error) {\n        setFlowcodesFetchError(error)\n      }\n    }\n  )\n\n  //create the initial form data from the fetched data\n  //Note - currently the program is build to support only one flowcode.\n  useEffect(() => {\n    if (flowcodesData) {\n      const { batch } = flowcodesData\n      const redirectValues = splitURLs(\n        batch.batchFlowcodes[0].redirectValue\n      ).reduce((prev, curr, i) => {\n        prev[`redirectValue${i + 1}`] = curr\n        return prev\n      }, {} as any)\n      // set the initial form data\n      const initialData = {\n        ...initialFieldValues,\n        type: batch.type.charAt(0) + batch.type.substring(1).toLowerCase(),\n        brand: batch.batchFlowcodes[0].flowcodeBrandSet.map(\n          (item: any) => item.permutationBrand.id\n        ),\n        redirectValue: batch.batchFlowcodes[0].redirectValue, // remove this\n        attributes: batch.attributes.map((item: { id: string }) => item.id),\n        isScan: batch.isScan,\n        ...redirectValues\n      }\n      //form fields\n      setFlowcodesFields(initialData)\n      //intial brands & attributes - add\n      setInitialAttributes(batch.batchDiscreteSet)\n      setInitialBrands(batch.batchFlowcodes[0].flowcodeBrandSet)\n      //initial brands & attributes - delete\n      setInitialAttributesSet(batch.batchDiscreteSet)\n      setInitialBrandsSet(batch.batchFlowcodes[0].flowcodeBrandSet)\n      setInitialDataReady(true)\n    }\n  }, [flowcodesData])\n\n  //reset form on modal/form close action\n  useEffect(() => {\n    if (viewEditFormModal) {\n      resetRef.current && resetRef.current.click()\n    }\n  }, [viewEditFormModal])\n\n  //edit flowcodes mutation\n  //update batch\n  const [updateBatch, { loading: updateBatchLoading }] = useMutation(\n    UPDATE_BATCH,\n    {\n      onError(error) {\n        setEditError(true)\n        setEditErrorMsg(error.message)\n      }\n      // refetchQueries: [{ query: GET_FLOWCODES_LIST, variables:{id: permutationId}  }]\n    }\n  )\n\n  //update flowcodes\n  const [updateFlowcodes, { loading: updateFlowcodeLoading }] = useMutation(\n    UPDATE_FLOWCODES,\n    {\n      onCompleted() {\n        //if create and clone is false, close the modal and set success to true.\n        if (!editError) {\n          setEditSuccess(true)\n          handleVisible()\n        }\n      },\n      onError(error) {\n        setEditError(true)\n        setEditErrorMsg(error.message)\n      },\n      refetchQueries: [\n        { query: GET_FLOWCODES_LIST, variables: { id: permutationId } }\n      ]\n    }\n  )\n\n  //handle submit\n  //Note - uncomment attributes and brand when fixed in backend\n  const handleSubmit = (values: FormValues): void => {\n    //update batch\n    const inputBatch = {\n      type: values.type.toUpperCase(),\n      isScan: values.isScan\n    }\n\n    //attributes\n    const deleteAttributes =\n      initialAttributesSet.length > 0\n        ? initialAttributesSet\n            .filter(\n              (attribute: { id: string; discreteValue: { id: string } }) =>\n                !values.attributes.includes(attribute.discreteValue.id)\n            )\n            .map((filterAttribute: { id: string }) => filterAttribute.id)\n        : []\n\n    const addAttributes =\n      initialAttributes.length > 0\n        ? values.attributes.filter((attribute: string) =>\n            initialAttributes.some((id: string) => id !== attribute)\n          )\n        : values.attributes\n    //flowcode\n    const inputFlowcode = { redirectValue: constructRedirectValue(values) }\n\n    //brands\n    const deleteBrand =\n      initialBrandsSet.length > 0\n        ? initialBrandsSet\n            .filter(\n              (flowcodeBrandSet: {\n                id: string\n                permutationBrand: { id: string }\n              }) => !values.brand.includes(flowcodeBrandSet.permutationBrand.id)\n            )\n            .map((filterBrand: { id: string }) => filterBrand.id)\n        : []\n\n    const addBrand =\n      initialBrands.length > 0\n        ? values.brand.filter((brand: string) =>\n            initialBrands.some((id: string) => id !== brand)\n          )\n        : values.brand\n\n    updateBatch({\n      variables: {\n        id: updateId.id,\n        input: inputBatch,\n        deleteAttributes,\n        addAttributes\n      }\n    })\n    updateFlowcodes({\n      variables: {\n        id: updateId.flowcodeId,\n        input: inputFlowcode,\n        addBrand,\n        deleteBrand\n      }\n    })\n  }\n\n  //const modal buttons\n  const buttons = [\n    {\n      buttonName: 'Edit',\n      key: 'edit'\n    }\n  ]\n\n  const batchId = flowcodesData?.batch?.id\n  const title = `Edit Flowcode - ${batchId || ''}`\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={flowcodesFields}\n      onSubmit={handleSubmit}\n      validateOnBlur={false}\n    >\n      {({ submitCount, submitForm, values, setFieldValue, handleReset }) => (\n        <ModalWrap\n          title={title}\n          buttons={buttons}\n          submitForm={submitForm}\n          loading={updateFlowcodeLoading || updateBatchLoading}\n          handleVisible={handleVisible}\n          viewFormModal={viewEditFormModal}\n        >\n          {/* Display error if occurred during fetching form options */}\n          {flowcodesFetchError ? (\n            <ErrorAlert\n              message={\n                flowcodesFetchError.message\n                  ? flowcodesFetchError.message\n                  : 'Something went wrong'\n              }\n            />\n          ) : (\n            <>\n              {/* flowcodes error and loading */}\n              {flowcodesLoading ? (\n                <LoadingSpinner />\n              ) : (\n                <Fragment>\n                  {/* error updating flowcodes  */}\n                  {editError && (\n                    <ErrorAlert\n                      message={\n                        editErrorMsg ? editErrorMsg : 'Something went wrong'\n                      }\n                      close={true}\n                      onErrorClose={() => {\n                        setEditError(false)\n                        setEditErrorMsg('')\n                      }}\n                    />\n                  )}\n                  <ErrorBoundary>\n                    <EditFlowcode\n                      submitCount={submitCount}\n                      flowcodesData={flowcodesData}\n                      featuresData={\n                        flowcodesData &&\n                        flowcodesData.features?.filter(\n                          ({ archived }: { archived: boolean }) => !archived\n                        )\n                      }\n                      values={values}\n                      flowcodeType={flowcodeType}\n                      setFieldValue={setFieldValue}\n                      initialDataReady={initialDataReady}\n                      setInitialDataReady={setInitialDataReady}\n                    />\n                  </ErrorBoundary>\n                </Fragment>\n              )}\n            </>\n          )}\n          {/* reset form div ref */}\n          <div onClick={handleReset} ref={resetRef} />\n        </ModalWrap>\n      )}\n    </Formik>\n  )\n}\n\nexport default EditFlowcodes\n","//This container will handle the build batch action for the individual batches from flowcodes list\n//SaveBuildBatch - invoked after successful create\n//OR on BUILD ALL\nimport React, { useContext, Fragment, useState, useEffect } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation } from '@apollo/react-hooks'\n\n//REST\nimport API from '../../Utilities/RESTSetup'\n\n//context\nimport { BuildModalCTX } from '../../Contexts/BuildModalContext'\n\n//graphql\nimport {\n  BUILD_BATCH,\n  BUILD_ALL\n} from '../../Graqhql/Flowcodes/FlowcodesMutation'\n\n//functional component\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport CsvFileForm from '../../Components/Build/CsvFile'\nimport BuildQuantityForm from '../../Components/Build/BuildQuantity'\nimport { GET_FLOWCODES_LIST } from '../../Graqhql/Flowcodes/FlowcodesQuery'\n\n//initial form fields\nconst initialFieldValues: FormValues = {\n  quantity: '',\n  fileName: ''\n}\n\n//types for form fields state\ninterface FormValues {\n  quantity: any //this is to set quantity to empty in the intial state\n  fileName: string\n}\n\ninterface Props {\n  batchId: string\n  buildAll: boolean\n  permutationId: string\n  permutationName: string\n}\n\nconst BuildBatch: React.FC<Props> = ({\n  batchId,\n  buildAll,\n  permutationId,\n  permutationName\n}: Props): JSX.Element => {\n  //context\n  const {\n    buildFormModal,\n    handleVisible,\n    setBuildSuccess,\n    buildError,\n    setBuildError,\n    buildErrorMsg,\n    setBuildErrorMsg\n  } = useContext(BuildModalCTX)\n\n  //local states\n  const [formFields, setFormFields] = useState()\n  const [downloadCsv, setDownloadCsv] = useState(false)\n  const [downloadingCsv, setDownloadingCsv] = useState(false)\n  const [downloadCsvErrorMsg, setDownloadCsvErrorMsg] = useState()\n\n  //update filename\n  useEffect(() => {\n    const fileNameUpdate = Object.create(initialFieldValues)\n    fileNameUpdate.fileName = permutationName.substring(0, 40)\n    setFormFields(fileNameUpdate)\n  }, [permutationName])\n\n  //build individual mutation\n  const [buildBatch, { loading: buildBatchLoading }] = useMutation(\n    BUILD_BATCH,\n    {\n      onCompleted() {\n        setDownloadCsv(true)\n      },\n      onError(error) {\n        setBuildError(true)\n        setBuildErrorMsg(error.message)\n      }\n    }\n  )\n\n  // buill all by permutation ID\n  const [buildAllBatch, { loading: buildAllBatchLoading }] = useMutation(\n    BUILD_ALL,\n    {\n      onCompleted() {\n        setDownloadCsv(true)\n      },\n      onError(error) {\n        setBuildError(true)\n        setBuildErrorMsg(error.message)\n      },\n      refetchQueries: [\n        { query: GET_FLOWCODES_LIST, variables: { id: permutationId } }\n      ]\n    }\n  )\n\n  //handle submit - if the build was initiated from build all button then call build all mutation\n  const handleSubmitBuild = (values: FormValues): void => {\n    if (buildAll) {\n      buildAllBatch({\n        variables: { permutationId: permutationId, quantity: values.quantity }\n      })\n    } else {\n      buildBatch({ variables: { id: batchId, quantity: values.quantity } })\n    }\n  }\n\n  //download csv\n  const handleSubmitCsv = (values: FormValues): void => {\n    // initializations\n    setDownloadCsvErrorMsg(null)\n    setDownloadingCsv(true)\n\n    //API config\n    const config: any = {\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      responseType: 'blob'\n    }\n\n    //API call\n    API.get(`/api/csv/permutation/${permutationId}/`, config)\n      .then((response: any) => {\n        const link = document.createElement('a')\n        link.href = window.URL.createObjectURL(new Blob([response.data]))\n        link.setAttribute('download', `${values.fileName}.csv`)\n        document.body.appendChild(link)\n        link.click()\n\n        //modal handling\n        setBuildSuccess(true)\n        handleVisible()\n      })\n      .catch((error: any) => {\n        if (error.response && error.response.status === 401) {\n          setDownloadCsvErrorMsg(\n            'Your session has expired. Please log in again'\n          )\n          // add auto logout step\n        } else if (error.response && error.response.data.detail) {\n          setDownloadCsvErrorMsg(error.response.data.detail)\n        } else {\n          setDownloadCsvErrorMsg('Something went wrong')\n        }\n      })\n  }\n\n  //const modal buttons\n  const buttonsBuild = [\n    {\n      buttonName: 'Build',\n      key: 'build'\n    }\n  ]\n\n  const buttonsDownload = [\n    {\n      buttonName: 'Download CSV',\n      key: 'download'\n    }\n  ]\n\n\n  return (\n    <Formik\n      enableReinitialize\n      initialValues={formFields}\n      onSubmit={downloadCsv ? handleSubmitCsv : handleSubmitBuild}\n      validateOnBlur={false}\n    >\n      {({ submitCount, submitForm }) => (\n        <ModalWrap\n          title=\"Build batch\"\n          buttons={downloadCsv ? buttonsDownload : buttonsBuild}\n          submitForm={submitForm}\n          handleVisible={handleVisible}\n          viewFormModal={buildFormModal}\n          loading={buildBatchLoading || buildAllBatchLoading || downloadingCsv}\n        >\n          <Fragment>\n            {/* error building batch, close -> closable  */}\n            { buildError && \n              <ErrorAlert\n                message={ buildErrorMsg ? buildErrorMsg : 'Error bulding batch.'}\n                close={true}\n                onErrorClose={() => {setBuildError(false);  setBuildErrorMsg('')}}\n\n              />\n            }\n\n            {/* download csv error  */}\n            {downloadCsvErrorMsg && (\n              <ErrorAlert message={downloadCsvErrorMsg} \n              close={true}\n              onErrorClose={() => setDownloadCsvErrorMsg(undefined)}/>\n            )}\n\n            {downloadCsv ? <CsvFileForm submitCount={submitCount} />\n           : <BuildQuantityForm submitCount={submitCount} />}\n          </Fragment>\n        </ModalWrap>\n      )}\n    </Formik>\n  )\n }\nexport default BuildBatch\n","//This container is used to display the batch (Flowcodes) QR.\n\nimport React, { useEffect, useState, Fragment } from 'react'\n\n//styled components\nimport { BlockPicker, ColorResult } from 'react-color'\nimport { Modal, Typography } from 'antd'\n\n//REST\nimport API from '../../Utilities/RESTSetup'\n\n//constants\nimport { DEFAULT_FLOWCODE_COLOR } from '../../Constants/Flowcodes/Flowcodes'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n\n//ant component destructuring\nconst { Text } = Typography\n\n//types\ninterface Props {\n  previewBatchId: string\n  setPreviewQRId: React.Dispatch<any>\n}\n\n//JSX\nconst PreviewQR = ({ previewBatchId, setPreviewQRId }: Props): JSX.Element => {\n  //local states\n  const [imageLink, setImageLink] = useState()\n  const [imageFileName, setImageFileName] = useState()\n  const [downloadErrorMsg, setDownloadQRErrorMsg] = useState()\n  const [downloadQRLoading, setDownloadQRLoading] = useState(false)\n  const [flowcodeColor, setFlowcodeColor] = useState(DEFAULT_FLOWCODE_COLOR)\n\n  //get preview image urls\n  useEffect(() => {\n    setDownloadQRLoading(true)\n    let unmounted = false\n    const source = API.CancelToken.source()\n\n    //API config\n    const config: any = {\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      responseType: 'blob',\n      params: {\n        defaultColor: flowcodeColor?.replace(/#/gi, '')\n      }\n    }\n\n    //API call\n    API.get(`/v1/flowcode/${previewBatchId}/`, config)\n      .then((response: any) => {\n        if (!unmounted) {\n          const url = window.URL.createObjectURL(response.data)\n          let filename = response.request.getResponseHeader(\n            'Content-Disposition'\n          )\n          filename = filename.split('\"')[1]\n\n          setImageFileName(filename)\n          setImageLink(url)\n          setDownloadQRLoading(false)\n        }\n      })\n      .catch((error: any) => {\n        if (!unmounted) {\n          if (error.response && error.response.status === 401) {\n            setDownloadQRErrorMsg(\n              'Your session has expired. Please log in again'\n            )\n            // add auto logout step\n          } else if (error.response && error.response.data.detail) {\n            setDownloadQRErrorMsg(error.response.data.detail)\n          } else {\n            setDownloadQRErrorMsg('Something went wrong')\n          }\n          setDownloadQRLoading(false)\n        }\n      })\n    return function() {\n      unmounted = true\n      source.cancel('Cancelling in cleanup')\n    }\n  }, [previewBatchId, flowcodeColor])\n\n  const handleClose = (): void => {\n    setPreviewQRId(null)\n  }\n\n  return (\n    <Fragment>\n      {downloadErrorMsg ? (\n        <ErrorAlert\n          message={downloadErrorMsg}\n          close={true}\n          onErrorClose={() => {\n            setDownloadQRErrorMsg(undefined)\n            handleClose()\n          }}\n        />\n      ) : (\n        <Modal\n          title=\"Preview Flowcode\"\n          visible={!!previewBatchId}\n          onCancel={handleClose}\n          onOk={handleClose}\n        >\n          {downloadQRLoading ? (\n            <LoadingSpinner />\n          ) : (\n            <ErrorBoundary>\n              <Text>{`File - ${imageFileName}`}</Text>\n              <img src={imageLink} alt=\"QR\" style={{ width: '100%' }} />\n              <strong>Color:</strong>\n              <div className=\"color-picker-container\">\n                <BlockPicker\n                  color={flowcodeColor}\n                  triangle=\"hide\"\n                  onChangeComplete={(color: ColorResult) =>\n                    setFlowcodeColor(color.hex)\n                  }\n                />\n              </div>\n            </ErrorBoundary>\n          )}\n        </Modal>\n      )}\n    </Fragment>\n  )\n}\n\nexport default PreviewQR\n","//Flowcodes list container\n//Includes create flowcodes button, flowcode table components\n\nimport React, { useState, Fragment, useContext } from 'react'\nimport { BlockPicker, ColorResult } from 'react-color'\n\n//REST\nimport API from '../../Utilities/RESTSetup'\n\n//ant d\nimport { Tooltip, Button, Modal } from 'antd'\n\n//graphql\nimport { useQuery, useMutation } from '@apollo/react-hooks'\nimport { GET_FLOWCODES_LIST } from '../../Graqhql/Flowcodes/FlowcodesQuery'\nimport { DELETE_BATCH } from '../../Graqhql/Flowcodes/FlowcodesMutation'\n\n//context\nimport { CreateModalCTX } from '../../Contexts/CreateModalContext'\nimport { EditModalCTX } from '../../Contexts/EditModalContext'\nimport { BuildModalCTX } from '../../Contexts/BuildModalContext'\n\n//functional component\nimport { SearchField } from '../../Components/Reusable_UI/Forms/SearchField'\nimport FlowcodeTable from '../../Components/Flowcodes/FlowcodesTable'\nimport CreateFlowcodes from './CreateFlowcodes'\nimport SuccessAlert from '../../Components/Reusable_UI/Alerts/SuccessAlerts'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport ModalWrap from '../../Components/Reusable_UI/Modal/ModalFormWrap'\nimport EditFlowcodes from './EditFlowcodes'\nimport BuildBatch from '../Build/BuildBatch'\nimport PreviewQR from './PreviewQR'\nimport { useEffect } from 'react'\nimport { DEFAULT_FLOWCODE_COLOR } from '../../Constants/Flowcodes/Flowcodes'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//ant design component destructuring\nconst { confirm } = Modal\n\n//inline styles\nconst flowcodes = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  marginTop: 20\n}\n\nconst searchAddDiv = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexBasis: '25%'\n}\n\ninterface Props {\n  permutationId: string\n}\n\nconst FlowcodesList = ({ permutationId }: Props): JSX.Element => {\n  //local states\n  const [flowcodesList, setFlowcodesList] = useState()\n  const [batchesPresent, setBatchesPresent] = useState()\n  const [flowcodeType, setFlowcodeType] = useState()\n\n  const [deleteBatchId, setDeleteBatchId] = useState()\n  const [deleteBatchError, setDeleteBatchError] = useState()\n  const [editBatchId, setEditBatchId] = useState()\n  const [buildBatchId, setBuildBatchId] = useState()\n  const [buildAll, setBuildAll] = useState(false)\n  const [downloadQRErrorMsg, setDownloadQRErrorMsg] = useState()\n  const [downloadQRLoading, setDownloadQRLoading] = useState(false)\n  const [downloadQRId, setDownloadQRId] = useState()\n  const [previewQRId, setPreviewQRId] = useState()\n  const [flowcodesListError, setFlowcodesListError] = useState()\n  const [\n    isDownloadFlowcodeModalOpen,\n    setIsDownloadFlowcodeModalOpen\n  ] = useState(false)\n  const [flowcodeColor, setFlowcodeColor] = useState(DEFAULT_FLOWCODE_COLOR)\n\n  //context\n  const { createSuccess, viewCreateFormModal, handleVisible } = useContext(\n    CreateModalCTX\n  )\n  const { editSuccess, viewEditFormModal } = useContext(EditModalCTX)\n  const {\n    buildSuccess,\n    buildFormModal,\n    handleVisible: buildHandleVisible\n  } = useContext(BuildModalCTX)\n\n  //get flowcodes data from graphql\n  const { data: flowcodesListData, loading: flowcodeslistLoading } = useQuery(\n    GET_FLOWCODES_LIST,\n    {\n      variables: { id: permutationId },\n      onError(error) {\n        setFlowcodesListError(error)\n      }\n    }\n  )\n\n  //update initial data\n  useEffect(() => {\n    setFlowcodesList(flowcodesListData)\n\n    //To determine the 'ONE' or \"MANY\" type of a batch, this will be used to set the type in create/edit\n    //flowcodes.\n    //In any one permutation there should only be flowcodes with either ‘one’ or ‘many’.\n    //Once the user creates a flow code with either, they should not be allowed to create another with the other type.\n    const batchesPresentTemp =\n      flowcodesListData && flowcodesListData.permutationBatches.length > 0\n    const flowcodeTypeTemp = batchesPresentTemp\n      ? flowcodesListData.permutationBatches[0].type\n      : ''\n    setBatchesPresent(batchesPresentTemp)\n    setFlowcodeType(flowcodeTypeTemp)\n  }, [flowcodesListData])\n\n  //delete batch mutation\n  const [deleteBatch, { loading: deleteLoading }] = useMutation(DELETE_BATCH, {\n    onCompleted() {\n      setDeleteBatchId(null)\n    },\n    onError(error) {\n      setDeleteBatchError(error)\n    },\n    refetchQueries: [\n      { query: GET_FLOWCODES_LIST, variables: { id: permutationId } }\n    ]\n  })\n\n  // delete batch\n  const handleDeleteBatch = (id: string): void => {\n    setDeleteBatchError(null)\n    setDeleteBatchId(id)\n\n    confirm({\n      title: 'Delete batch',\n      content: `Are you sure you want to delete batch: ${id}?`,\n      okText: 'Yes',\n      okType: 'danger',\n      cancelText: 'No',\n      onOk() {\n        deleteBatch({ variables: { id: id } })\n      }\n    })\n  }\n\n  //download QR images\n  const handleDownloadQR = (downloadBatchId: string, color?: string): void => {\n    // initializations\n    setDownloadQRErrorMsg(null)\n    setDownloadQRId(downloadBatchId)\n    setDownloadQRLoading(true)\n\n    //API config\n    const config: any = {\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      responseType: 'blob',\n      params: {\n        defaultColor: color?.replace(/#/gi, '')\n      }\n    }\n\n    API.get(`/v1/flowcode/${downloadBatchId}`, config)\n      .then((response: any) => {\n        const url = window.URL.createObjectURL(new Blob([response.data]))\n        const link = document.createElement('a')\n        link.href = url\n        let filename = response.request.getResponseHeader('Content-Disposition')\n        filename = filename.split('\"')[1]\n        link.setAttribute('download', `${filename}`)\n        document.body.appendChild(link)\n        link.click()\n        //initialize\n        setDownloadQRId(null)\n        setDownloadQRLoading(false)\n      })\n      .catch((error: any) => {\n        if (error.response && error.response.status === 401) {\n          setDownloadQRErrorMsg('Your session has expired. Please log in again')\n          // add auto logout step\n        } else if (error.response && error.response.data.detail) {\n          setDownloadQRErrorMsg(error.response.data.detail)\n        } else {\n          setDownloadQRErrorMsg('Something went wrong')\n        }\n\n        //initialize\n        setDownloadQRId(null)\n        setDownloadQRLoading(false)\n      })\n  }\n\n  //on close delete error alert\n  const onCloseDeleteError = (): void => {\n    setDeleteBatchError(null)\n    setDeleteBatchId(null)\n    setDownloadQRErrorMsg(null)\n  }\n\n  //search filter - by redirectValue\n  const handleSearch = (value: string): void => {\n    if (!value) {\n      setFlowcodesList(flowcodesListData)\n    } else {\n      const filteredItem = flowcodesListData.permutationBatches.filter(\n        (batch: any) =>\n          batch.batchFlowcodes.some(\n            (flowcode: any) => flowcode.redirectValue.indexOf(value) > -1\n          )\n      )\n      const filteredBatch = {\n        permutationBatches: [...filteredItem]\n      }\n      setFlowcodesList(filteredBatch)\n    }\n  }\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <div style={flowcodes}>\n        <PageTitle titleName=\"Flowcodes\" />\n\n        {/* create or edit action outcomes */}\n        {createSuccess || editSuccess ? (\n          <SuccessAlert\n            message={\n              createSuccess\n                ? 'Flowcode created successfully.'\n                : 'Flowcode updated successfully.'\n            }\n            closable={true}\n            title={createSuccess ? 'Create flowcode' : 'Edit flowcode'}\n          />\n        ) : null}\n\n        {/* this is only for build performed from table build menu option & not'save & build' */}\n        {buildSuccess && (\n          <SuccessAlert\n            message=\"Build successful.\"\n            closable={true}\n            title=\"Build batch\"\n          />\n        )}\n\n        {/* search bar and create button */}\n        <div style={searchAddDiv}>\n          <SearchField\n            handleSearch={handleSearch}\n            placeholderVal=\"search flowcode\"\n            disabled={false}\n          />\n\n          {/* create flowcode button */}\n          <Tooltip title=\"Create flowcodes\" placement=\"topRight\">\n            <Button\n              shape=\"circle\"\n              icon=\"plus\"\n              type=\"primary\"\n              onClick={handleVisible}\n            />\n          </Tooltip>\n\n          {/* build all batches by permutation ID button, disabled*/}\n          <Tooltip title=\"Build all\" placement=\"topRight\">\n            <Button\n              shape=\"circle\"\n              icon=\"build\"\n              type=\"primary\"\n              onClick={() => {\n                setBuildAll(true)\n                buildHandleVisible()\n              }}\n              disabled={!batchesPresent}\n            />\n          </Tooltip>\n        </div>\n      </div>\n\n      {/* create flowcode modal */}\n      {viewCreateFormModal && (\n        <CreateFlowcodes\n          permutationId={permutationId}\n          flowcodeType={flowcodeType}\n        />\n      )}\n\n      {/* TODO: Extract to FlowcodeOptionsModal options modal (flowcode studio v0.0.1) */}\n      {isDownloadFlowcodeModalOpen && (\n        <ModalWrap\n          title=\"Download Flowcode\"\n          buttons={[\n            {\n              buttonName: 'Download',\n              key: 'download'\n            }\n          ]}\n          loading={false}\n          viewFormModal\n          handleVisible={() => {\n            setIsDownloadFlowcodeModalOpen(false)\n            setDownloadQRId(null)\n            setFlowcodeColor(DEFAULT_FLOWCODE_COLOR)\n          }}\n          submitForm={async () => {\n            setIsDownloadFlowcodeModalOpen(false)\n            handleDownloadQR(downloadQRId, flowcodeColor)\n            setFlowcodeColor(DEFAULT_FLOWCODE_COLOR)\n          }}\n        >\n          <strong>Color:</strong>\n          <div className=\"color-picker-container\">\n            <BlockPicker\n              color={flowcodeColor}\n              triangle=\"hide\"\n              onChangeComplete={(color: ColorResult) =>\n                setFlowcodeColor(color.hex)\n              }\n            />\n          </div>\n        </ModalWrap>\n      )}\n\n      {/* flowcodes by permutation ID list */}\n      {flowcodesListError ? (\n        <ErrorAlert message={flowcodesListError.message} />\n      ) : (\n        <Fragment>\n          {/* delete batch error alert */}\n          {deleteBatchError && (\n            <ErrorAlert\n              message={deleteBatchError.message}\n              close={true}\n              onErrorClose={onCloseDeleteError}\n            />\n          )}\n\n          {/* download QR error */}\n          {downloadQRErrorMsg && (\n            <ErrorAlert\n              message={downloadQRErrorMsg}\n              close={true}\n              onErrorClose={onCloseDeleteError}\n            />\n          )}\n\n          {/* edit flowcode modal */}\n          {viewEditFormModal && (\n              <EditFlowcodes\n                permutationId={permutationId}\n                updateId={editBatchId}\n                flowcodeType={flowcodeType}\n              />\n          )}\n\n          {/* build batch */}\n          {buildFormModal && (\n              <BuildBatch\n                batchId={buildBatchId}\n                buildAll={buildAll}\n                permutationId={permutationId}\n                permutationName={\n                  flowcodesListData ? flowcodesListData.permutation.name : ''\n                }\n              />\n          )}\n\n          {/* preview batch QR */}\n          {!!previewQRId && (\n              <PreviewQR\n                previewBatchId={previewQRId}\n                setPreviewQRId={setPreviewQRId}\n              />\n          )}\n\n          {/* flowcodes table */}\n          <ErrorBoundary>\n            <FlowcodeTable\n              flowcodeData={flowcodesList}\n              listLoading={flowcodeslistLoading}\n              setEditBatchId={setEditBatchId}\n              deleteBatchId={deleteBatchId}\n              handleDeleteBatch={handleDeleteBatch}\n              handleDownloadQR={downloadbatchId => {\n                setIsDownloadFlowcodeModalOpen(true)\n                setDownloadQRId(downloadbatchId)\n              }}\n              setBuildBatchId={setBuildBatchId}\n              downloadQRId={downloadQRId}\n              downloadQRLoading={downloadQRLoading}\n              deleteLoading={deleteLoading}\n              setPreviewQRId={setPreviewQRId}\n            />\n          </ErrorBoundary>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport default FlowcodesList\n","//View Permutaiton Form container\n//Includes permutation details & flowcodes components.\n\nimport React, { Fragment, useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\n\n//ant d\nimport { Divider, Breadcrumb } from 'antd'\n\n//graphql\nimport { useQuery, useMutation } from '@apollo/react-hooks'\nimport { GET_EDIT_PERMUTATION } from '../../Graqhql/Permutations/QueryPermutation'\nimport { EDIT_PERMUTATION } from '../../Graqhql/Permutations/MutationPermutation'\n\n//contexts\nimport CreateModalProvider from '../../Contexts/CreateModalContext'\nimport EditModalProvider from '../../Contexts/EditModalContext'\nimport BuildModalProvider from '../../Contexts/BuildModalContext'\n\n//utilities\nimport { reduceDiscreteSet } from '../../Utilities/Permutation'\nimport { removeCommas } from '../../Utilities/Format'\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport ViewPermutationDetails from '../../Components/Permutations/ViewPermutationDetails'\nimport Flocodes from '../Flowcodes/FlowcodesList'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport { LoadingSpinner } from '../../Components/Reusable_UI/Loaders_Spinners/LoadingSpinner'\n\n//const title view permutation\nconst PAGE_TITLE = 'View Permutation'\n\ninterface Props {\n  history: any\n  location: any\n  match: any\n  staticContext: any\n}\n\n//JSX\nconst ViewPermutation: React.FC<any> = ({\n  history,\n  location,\n  match,\n  staticContext\n}: Props) => {\n  //local state\n  const [error, setFetchError] = useState()\n  const [editError, setEditError] = useState()\n  // const [experimentId, setExperimentId] = useState('')\n  const [expFeatures, setExpFeatures] = useState()\n\n  //permutation id retrieved from url\n  const permutationId = match.params.id\n  const experimentId = match.params.exp\n\n  //get the permutation/experiment details\n  const { data: permutationData, loading: loading2 } = useQuery(\n    GET_EDIT_PERMUTATION,\n    {\n      variables: {\n        experimentId: experimentId,\n        permutationID: permutationId\n      },\n      onError(error) {\n        setFetchError(error)\n      }\n    }\n  )\n\n  //edit permutation mutation\n  const [editPermutation, { loading: editLoading }] = useMutation(\n    EDIT_PERMUTATION,\n    {\n      onCompleted() {\n        // setEditSuccess(true)\n      },\n      onError(error) {\n        setEditError(error)\n      },\n      refetchQueries: [\n        {\n          query: GET_EDIT_PERMUTATION,\n          variables: {\n            experimentId: experimentId,\n            permutationID: permutationId\n          }\n        }\n      ]\n    }\n  )\n\n  useEffect(() => {\n    if (permutationData?.experiment.experimentDiscreteSet)\n      setExpFeatures(\n        reduceDiscreteSet(permutationData.experiment.experimentDiscreteSet)\n      )\n  }, [permutationData])\n\n  //format the data for update mutation\n  const updatePermutation = ({\n    name,\n    estCost,\n    actualCost,\n    estImpressions,\n    actualImpressions,\n    iscs,\n    notes,\n    channel,\n    medium,\n    folder,\n    variables,\n    brands,\n    attributes,\n    finalNumber\n  }: any): void => {\n    const initialVariables = permutationData.permutation.permutationVariableSet\n    const initialBrands = permutationData.permutation.brand\n    const initialAttributes =\n      permutationData.permutation.permutationAttributeSet\n\n    const addVariable = variables\n      .filter(\n        (v: any) =>\n          !initialVariables\n            .map((va: any) => va.experimentDiscrete.id)\n            .includes(v.id)\n      )\n      .map((variable: any) => variable.id)\n\n    const deleteVariable = initialVariables\n      .filter(\n        (v: any) =>\n          !variables.map((va: any) => va.id).includes(v.experimentDiscrete.id)\n      )\n      .map((variable: any) => variable.id)\n\n    const addAttribute = attributes\n      .filter(\n        (a: any) =>\n          !initialAttributes\n            .map((att: any) => att.discreteValue.id)\n            .includes(a.id)\n      )\n      .map((attribute: any) => attribute.id)\n    const deleteAttribute = initialAttributes\n      .filter(\n        (a: any) =>\n          !attributes.map((att: any) => att.id).includes(a.discreteValue.id)\n      )\n      .map((attribute: any) => attribute.id)\n\n    const addBrands = brands\n      .filter((b: any) => !initialBrands.map((br: any) => br.id).includes(b.id))\n      .map((brand: any) => brand.id)\n    const deleteBrands = initialBrands\n      .filter((b: any) => !brands.map((br: any) => br.id).includes(b.id))\n      .map((brand: any) => brand.id)\n\n    const body = {\n      variables: {\n        id: permutationId,\n        input: {\n          name,\n          estCost: estCost === '' ? null : estCost,\n          actualCost: actualCost === '' ? null : actualCost,\n          estImpressions:\n            estImpressions === '' ? null : +removeCommas(estImpressions), //remove commas and convert to Int\n          actualImpressions:\n            actualImpressions === '' ? null : +removeCommas(actualImpressions), //remove commas and convert to Int\n          iscs,\n          notes,\n          channel,\n          medium,\n          finalNumber\n        },\n        folder: folder?.id || null,\n        addVariable,\n        deleteVariable,\n        addBrands,\n        deleteBrands,\n        addAttribute,\n        deleteAttribute\n      }\n    }\n    editPermutation(body)\n  }\n\n  const isLoading = loading2\n  const dataComplete = permutationData && expFeatures\n\n  return (\n      <LayoutWrap props={{ history, location, match, staticContext }}>\n        {/* breadcrumb navigation menu */}\n        {dataComplete && (\n            <Breadcrumb style={{ marginBottom: '20px' }}>\n              <Breadcrumb.Item>\n                <Link to=\"/experiments_list\">Experiments</Link>\n              </Breadcrumb.Item>\n              <Breadcrumb.Item>\n                <Link to={`/${permutationData?.experiment?.id}/view_experiment`}>\n                  View experiment\n                </Link>\n              </Breadcrumb.Item>\n              <Breadcrumb.Item>View permutation</Breadcrumb.Item>\n            </Breadcrumb>\n        )}\n\n        {/* page title */}\n        <PageTitle titleName={PAGE_TITLE} />\n\n        {/* fetch permutation details error */}\n        {error ? (\n          <ErrorAlert\n            message={error.message ? error.message : 'Something went wrong'}\n          />\n        ) : (\n          <Fragment>\n            {/* fetching permutation details loading state */}\n            {isLoading || !dataComplete ? (\n              <LoadingSpinner />\n            ) : (\n              <Fragment>\n                {/* display error if occurred while updating the permutation */}\n                {editError && (\n                  <ErrorAlert\n                    message={\n                      editError.message\n                        ? editError.message\n                        : 'Something went wrong'\n                    }\n                    close={true}\n                    onErrorClose={() => setEditError(undefined)}\n                  />\n                )}\n\n                {/* 1. permutation details */}\n                {editLoading ? (\n                  <div style={{ position: 'relative' }}>\n                    <LoadingSpinner />\n                  </div>\n                ) : (\n                  <ErrorBoundary>\n                    <ViewPermutationDetails\n                      permutationDetails={permutationData}\n                      updatePermutation={updatePermutation}\n                      expFeatures={expFeatures}\n                    />\n                  </ErrorBoundary>\n                )}\n\n                <Divider />\n\n                {/* flowcodes */}\n                <ErrorBoundary>\n                  <CreateModalProvider>\n                    <EditModalProvider>\n                      <BuildModalProvider>\n                        <Flocodes permutationId={permutationId} />\n                      </BuildModalProvider>\n                    </EditModalProvider>\n                  </CreateModalProvider>\n                </ErrorBoundary>\n              </Fragment>\n            )}\n          </Fragment>\n        )}\n      </LayoutWrap>\n  )\n}\n\nexport default ViewPermutation\n","//mutation - login\n\nimport gql from 'graphql-tag'\n\nexport const LOGIN_USER = gql`\n  mutation($username: String!, $password: String!) {\n    tokenAuth(username: $username, password: $password) {\n      token\n    }\n  }\n`\n","//Login Form - This component will render the login form.\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\n//form handler\nimport { Form, Field } from 'formik'\n\n//styled components\nimport { Icon, Button, Form as AntForm } from 'antd'\n\n//functional components\nimport { AntInputPassword, AntInput } from '../Reusable_UI/Forms/FormFields'\n\n//utilities\nimport { validateLength, validateRequired } from '../../Utilities/Validate'\n\n//styles\nimport '../Reusable_UI/Styles.less'\n\n//Antd components\nconst FormItem = AntForm.Item\n\n//types for props from parent container Login.tsx\ninterface Props {\n  loading: boolean\n  submitCount: number\n  values: any\n}\n\nconst LoginForm = ({ loading, submitCount }: Props) => {\n  return (\n    <Form>\n      <Field\n        label=\"Username\"\n        name=\"username\"\n        type=\"text\"\n        validate={validateRequired}\n        hasFeedback\n        submitCount={submitCount}\n        prefix={<Icon type=\"user\" style={{ color: 'rgba(0,0,0,.25)' }} />}\n        component={AntInput}\n      />\n\n      <Field\n        label=\"Password\"\n        name=\"password\"\n        type=\"text\"\n        validate={validateLength}\n        submitCount={submitCount}\n        hasFeedback\n        prefix={<Icon type=\"lock\" style={{ color: 'rgba(0,0,0,.25)' }} />}\n        component={AntInputPassword}\n      />\n      \n      <FormItem>\n        {/* <Link to=\"/\"> Forgot password</Link> */}\n        <Button\n          type=\"primary\"\n          htmlType=\"submit\"\n          disabled={loading}\n          loading={loading}\n          className=\"loginButton\"\n        >\n          {' '}\n          SIGN IN\n        </Button>\n        New User? <Link to=\"/register\">Sign Up!</Link>\n      </FormItem>\n    </Form>\n  )\n}\n\nexport default LoginForm\n","//Container - login\n\nimport React, { Fragment, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useApolloClient } from '@apollo/react-hooks'\n\n//styled components\nimport { Row, Col } from 'antd'\n\n//graphql\nimport { LOGIN_USER } from '../../Graqhql/Login'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary';\n\n//functional components\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport LoginForm from '../../Components/Login/LoginForm'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\n\n//const title of login page\nconst PAGE_TITLE = 'Sign In'\n\n//const form fields initial state\nconst initialFieldValues = { username: '', password: '' }\n\n//types for form fields state\ninterface FormValues {\n  username: string\n  password: string\n}\n\nconst Login: React.FC<any> = props => {\n  //local state\n  const [loginError, setLoginError] = useState()\n\n  const client = useApolloClient()\n\n  //use mutation hook - extract mutate function, token and save it to the local storage when the request is completed.\n  //NOTE - the storage will be changed to improve security\n\n  const [tokenAuth, { loading }] = useMutation(LOGIN_USER, {\n    onCompleted({ tokenAuth }) {\n      localStorage.setItem('token', tokenAuth.token)\n      client.writeData({\n        data: { isAuthenticated: !!tokenAuth.token, __typename: 'Auth' }\n      })\n    },\n    onError(error) {\n      setLoginError(error)\n    }\n  })\n\n  //handle submit function\n  const handleSubmit = (values: FormValues) => {\n    tokenAuth({\n      variables: { username: values.username, password: values.password }\n    })\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      <Row type=\"flex\" justify=\"center\">\n        <Col span={7}>\n          {/* title of the page */}\n          <PageTitle titleName={PAGE_TITLE} />\n\n          {/* on error during mutation display error message */}\n          {loginError && (\n            <ErrorAlert\n              message={\n                loginError.message ? loginError.message : 'Something went wrong'\n              }\n            />\n          )}\n\n          <Formik initialValues={initialFieldValues} onSubmit={handleSubmit}\n              validateOnBlur={false}>\n            {({ submitCount, values }) => (\n              <Fragment>\n                {/* login form */}\n                <ErrorBoundary>\n                <LoginForm\n                  submitCount={submitCount}\n                  values={values}\n                  loading={loading}\n                />\n                </ErrorBoundary>\n              </Fragment>\n            )}\n          </Formik>\n        </Col>\n      </Row>\n    </LayoutWrap>\n  )\n}\n\nexport default Login\n","//mutation - register\n\nimport gql from 'graphql-tag'\n\nexport const REGISTER_USER = gql`\n  mutation($username: String!, $email: String!, $password: String!) {\n    createUser(username: $username, email: $email, password: $password) {\n      token\n    }\n  }\n`\n","//Authentication\nexport enum Auth {\n  //local storage authentication token identifier\n  AUTH_TOKEN = 'token',\n\n  //error keyword for logging out user in afterware\n  LOGOUT_TOKEN = 'Signature has expired',\n  INVALID_TOKEN = 'Error decoding signature'\n}\n","//Register Form - This component will render the register form -> /register.\n//The form \"Field\" component is from the resuable UI components - refer /Reusable_UI\n\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\n//styled components\nimport { Form, Field } from 'formik'\n\n//styled icons\nimport { Icon, Button, Form as AntForm } from 'antd'\n\n//functional components\nimport { AntInputPassword, AntInput } from '../Reusable_UI/Forms/FormFields'\n\n//utilities\nimport {\n  validateLength,\n  validateRequired,\n  validateEmail\n} from '../../Utilities/Validate'\n\n//styles\nimport '../Reusable_UI/Styles.less'\n\n//Antd components\nconst FormItem = AntForm.Item\n\n//types for props from parent container Login.tsx\ninterface Props {\n  loading: boolean\n  submitCount: number\n  values: any\n}\n\nconst RegisterForm = ({ loading, submitCount, values }: Props) => {\n  return (\n    <Form>\n      <Field\n        label=\"Username\"\n        name=\"username\"\n        type=\"text\"\n        validate={validateRequired}\n        hasFeedback\n        submitCount={submitCount}\n        prefix={<Icon type=\"user\" style={{ color: 'rgba(0,0,0,.25)' }} />}\n        component={AntInput}\n      />\n\n      <Field\n        label=\"Email\"\n        name=\"email\"\n        type=\"email\"\n        validate={validateEmail}\n        hasFeedback\n        submitCount={submitCount}\n        prefix={<Icon type=\"user\" style={{ color: 'rgba(0,0,0,.25)' }} />}\n        component={AntInput}\n      />\n\n      <Field\n        label=\"Password\"\n        name=\"password\"\n        type=\"text\"\n        validate={validateLength}\n        submitCount={submitCount}\n        prefix={<Icon type=\"lock\" style={{ color: 'rgba(0,0,0,.25)' }} />}\n        component={AntInputPassword}\n      />\n\n      <FormItem>\n        <Button\n          type=\"primary\"\n          htmlType=\"submit\"\n          disabled={loading}\n          loading={loading}\n          className=\"loginButton\"\n        >\n          SIGN UP\n        </Button>\n        Already a User? <Link to=\"/signup\">Sign In!</Link>\n      </FormItem>\n    </Form>\n  )\n}\n\nexport default RegisterForm\n","//Container - register form page\n\nimport React, { Fragment, useState } from 'react'\nimport { Formik } from 'formik'\nimport { useMutation, useApolloClient } from '@apollo/react-hooks'\n\n//styled components\nimport { Row, Col } from 'antd'\n\n//graphql\nimport { REGISTER_USER } from '../../Graqhql/Register'\n\n//utilities\nimport ErrorBoundary from '../../Utilities/ErrorBoundary'\n\n//functional components\nimport LayoutWrap from '../../HOC/LayoutWrap'\nimport RegisterForm from '../../Components/Register/RegisteForm'\nimport PageTitle from '../../Components/Reusable_UI/Headers_Titles/PageTitles'\nimport ErrorAlert from '../../Components/Reusable_UI/Alerts/ErrorAlerts'\n\n//const title of login page\nconst PAGE_TITLE = 'Sign Up'\n\n//const form fields initial state\nconst initialFieldValues = {\n  username: '',\n  email: '',\n  password: ''\n}\n\n//types for form fields state\ninterface FormValues {\n  username: string\n  password: string\n  email: string\n}\n\nconst Register: React.FC<any> = props => {\n  const client = useApolloClient()\n\n  //local state\n  const [registerError, setRegisterError] = useState()\n\n  //use mutation hook - extract mutate function, token and save it to the local storage when the request is completed.\n  const [createUser, { loading }] = useMutation(REGISTER_USER, {\n    onCompleted({ createUser }) {\n      localStorage.setItem('token', createUser.token)\n      client.writeData({\n        data: { isAuthenticated: !!createUser.token, __typename: 'Auth' }\n      })\n    },\n    onError(error) {\n      setRegisterError(error)\n    }\n  })\n\n  //handle submit function\n  const handleSubmit = (values: FormValues) => {\n    createUser({\n      variables: {\n        username: values.username,\n        email: values.email,\n        password: values.password\n      }\n    })\n  }\n\n  return (\n    <LayoutWrap props={props}>\n      <Row type=\"flex\" justify=\"center\">\n        <Col span={6}>\n          <Formik\n            initialValues={initialFieldValues}\n            onSubmit={handleSubmit}\n            validateOnBlur={false}\n          >\n            {({ submitCount, values }) => (\n              <Fragment>\n                {/* title of the page */}\n                <PageTitle titleName={PAGE_TITLE} />\n\n                {/* on error during mutation display error message */}\n                {registerError && (\n                  <ErrorAlert\n                    message={\n                      registerError.message\n                        ? registerError.message\n                        : 'Something went wrong'\n                    }\n                  />\n                )}\n\n                {/* register form */}\n                <ErrorBoundary>\n                  <RegisterForm\n                    loading={loading}\n                    submitCount={submitCount}\n                    values={values}\n                  />\n                </ErrorBoundary>\n              </Fragment>\n            )}\n          </Formik>\n        </Col>\n      </Row>\n    </LayoutWrap>\n  )\n}\n\nexport default Register\n","//This component contains the route/url information of all pages in the app.\n\nimport React from 'react'\nimport { Route, Switch, withRouter, Redirect } from 'react-router-dom'\nimport { useQuery } from '@apollo/react-hooks'\n\n//utils\nimport { IS_AUTHENTICATED } from '../Graqhql/Authenticated'\n\n//Components - NOTE - lazy loading (async) was removed to avoid the fallback loader\n\n//brands\nimport BrandList from '../Containers/BrandsList/Brands'\n//experiments\nimport CreateExperiment from '../Containers/Experiment/CreateExperiment/CreateExperiment'\nimport ExperimentsList from '../Containers/ExperimentsList/ExperimenstList'\nimport EditExperiment from '../Containers/Experiment/EditExperiment/EditExperiment'\nimport ViewExperiment from '../Containers/Experiment/ViewExperiment/ViewExperiment'\n//features\nimport FeaturesList from '../Containers/FeaturesList/Features'\n//permutations\nimport ViewPermutation from '../Containers/Permutations/ViewPermutation'\n//user\nimport Login from '../Containers/Login/Login'\nimport Register from '../Containers/Register/Register'\n\n//JSX\nconst AppRoutes: React.FC = () => {\n  // get authenticated state to switch the authenticated or unauthenticated pages\n  const { data } = useQuery(IS_AUTHENTICATED)\n  const authenticated = data ? data.isAuthenticated : false\n\n  return (\n    <Switch>\n      {/* routes in reverse alphabetical order */}\n\n      {/* view permutation */}\n      <Route\n        path=\"/:exp/:id/view_permutation\"\n        component={(props: any) =>\n          authenticated ? (\n            <ViewPermutation {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* view experiment */}\n      <Route\n        path=\"/:id/view_experiment\"\n        component={(props: any) =>\n          authenticated ? (\n            <ViewExperiment {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* register - create user*/}\n      <Route\n        path=\"/register\"\n        component={(props: any) =>\n          authenticated ? (\n            <Redirect\n              to={{\n                pathname: '/experiments_list',\n                state: { from: props.location }\n              }}\n            />\n          ) : (\n            <Register {...props} />\n          )\n        }\n      />\n\n      {/* features - features list*/}\n\n      <Route\n        path=\"/features_list\"\n        component={(props: any) =>\n          authenticated ? (\n            <FeaturesList {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* experiment list */}\n      <Route\n        path=\"/experiments_list\"\n        component={(props: any) =>\n          authenticated ? (\n            <ExperimentsList {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* edit experiment */}\n      <Route\n        path=\"/:id/edit_experiment\"\n        component={(props: any) =>\n          authenticated ? (\n            <EditExperiment {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* brand  list*/}\n      <Route\n        path=\"/brands_list\"\n        component={(props: any) =>\n          authenticated ? (\n            <BrandList {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* create experiment */}\n      <Route\n        path=\"/create_experiment\"\n        component={(props: any) =>\n          authenticated ? (\n            <CreateExperiment {...props} />\n          ) : (\n            <Redirect to={{ pathname: '/', state: { from: props.location } }} />\n          )\n        }\n      />\n\n      {/* login */}\n      <Route\n        path=\"/\"\n        component={(props: any) =>\n          authenticated ? (\n            <Redirect\n              to={{\n                pathname: '/experiments_list',\n                state: { from: props.location }\n              }}\n            />\n          ) : (\n            <Login {...props} />\n          )\n        }\n      />\n    </Switch>\n  )\n}\n\nexport default withRouter(AppRoutes)\n","import React from 'react'\n\n//App routes\nimport AppRoutes from './Routes/AppRoutes'\nimport ErrorBoundary from './Utilities/ErrorBoundary'\n\nconst App: React.FC = () => {\n  return (\n    <ErrorBoundary>\n    <AppRoutes />\n  </ErrorBoundary>\n  )\n}\n\nexport default App\n","//utilities\nimport { client } from '../Utilities/ApolloSetup'\n\n//logout user on \"signature expired\" response.\nexport const Logout = () => {\n  localStorage.removeItem('token')\n  client.resetStore()\n}\n","//This is the setup for  instantiating required constructor fields and connecting the endpoint\n//client will be imported in index.js and hooked to Apollo Provider\n\nimport {\n  ApolloClient,\n  ApolloLink,\n  InMemoryCache,\n  HttpLink,\n  from\n} from 'apollo-boost'\nimport { onError } from 'apollo-link-error'\n\n//constant\nimport { Auth } from '../Constants/auth'\n\n//utilities\nimport { EnvironmentURL } from './EnvironmentURL'\nimport { Logout } from './Logout'\n\n//Apollo cache\nconst cache = new InMemoryCache()\n\n//get auth token written in local storage.\nconst getAuthToken = () => {\n  const token = localStorage.getItem(Auth.AUTH_TOKEN)\n  return token ? `JWT ${token}` : ''\n}\n\n// the endpoint link\n// Note - also check for the baseURL in RESTSetup.tsx if any changes\nconst endpoint = EnvironmentURL()\n\nconst httpLink = new HttpLink({\n  //uri setup for staging or production env, comment the below code for dev proxy\n  uri: `${endpoint}/graphql`\n  //setup for dev proxy\n  // uri: \"/graphql\"\n})\n\n//global default options - change here to override\nconst defaultOptions: any = {\n  watchQuery: {\n    fetchPolicy: 'cache-and-network'\n  },\n  query: {\n    fetchPolicy: 'network-only'\n  }\n}\n\n//array of unauthorized messages\nconst unAuthorizedMessages = [\n  Auth.LOGOUT_TOKEN.valueOf(),\n  Auth.INVALID_TOKEN.valueOf()\n]\n\n//afterware\nconst unAuthorizedInterceptor = onError(({ graphQLErrors }) => {\n  //note - backend is not sending unauth error in graphQLErrors & not networkError.\n  //if the graphQLErrors message is changed in the backend, it will have to be updated in the 'Auth' enum.\n  if (\n    graphQLErrors &&\n    unAuthorizedMessages.includes(graphQLErrors[0].message)\n  ) {\n    //logout user\n    Logout()\n  }\n})\n\n//middleware header config\nconst requestMiddleware = new ApolloLink((operation, forward) => {\n  // Use the setContext method to set the HTTP headers.\n  operation.setContext({\n    headers: {\n      authorization: getAuthToken()\n    }\n  })\n  return forward(operation)\n})\n\n// apollo client set up to connect to the Apollo Provider - refer index.js\nexport const client = new ApolloClient({\n  // do not change the position of 'httpLink' in the concat Link array\n  link: from([requestMiddleware, unAuthorizedInterceptor, httpLink]),\n  cache,\n  defaultOptions,\n  resolvers: {}\n})\n\n//writing auth flag to cache during app load\ncache.writeData({\n  data: {\n    isAuthenticated: !!getAuthToken(),\n    __typename: 'Auth'\n  }\n})\n\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { BrowserRouter } from 'react-router-dom'\n//apollo\nimport { ApolloProvider } from '@apollo/react-hooks'\n\n//service worker\nimport * as serviceWorker from './serviceWorker'\n\n//contexts\nimport EditModalProvider from './Contexts/EditModalContext'\nimport CreateModalProvider from './Contexts/CreateModalContext'\nimport SideNavCtxProvider from './Contexts/SideNavToggle'\n\n//styling\nimport './index.css'\n\n//functional components\nimport App from './App'\n\n//utilities\nimport { client } from './Utilities/ApolloSetup'\n\nReactDOM.render(\n  // Apollo client provider\n  <ApolloProvider client={client}>\n    {/* React router */}\n    <BrowserRouter>\n      {/* contexts providers */}\n      <CreateModalProvider>\n        <EditModalProvider>\n          <SideNavCtxProvider>\n            <App />\n          </SideNavCtxProvider>\n        </EditModalProvider>\n      </CreateModalProvider>\n    </BrowserRouter>\n  </ApolloProvider>,\n  document.getElementById('root')\n)\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister()\n"],"sourceRoot":""}