{"version":3,"sources":["firmSettingConfiguration/selectors/SubjectSelector.tsx","featureConfigurationLayout/dialogs/FeatureNotesPreviewDialog.tsx","enums/LocalStorageEnum.ts","firmSettingConfiguration/FirmSettingConfigurationRepository.tsx","firmSettingConfiguration/common/Currencies.ts","firmSettingConfiguration/FirmSettingConfigurationBanner.tsx","eventsAndCampaigns/EventsAndCampaignsRepositories.tsx","firmSettingConfiguration/tabs/EmailingTab.tsx","firmSettingConfiguration/tabs/EnquiryDefaultTab.tsx","firmSettingConfiguration/selectors/PassowrdStrengtthSelector.tsx","firmSettingConfiguration/tabs/SecurityTab.tsx","firmSettingConfiguration/tabs/FirmDetailsTab.tsx","firmSettingConfiguration/common/CountryData.tsx","firmSettingConfiguration/selectors/CountrySelector.tsx","firmSettingConfiguration/selectors/CurrencyCodeSelector.tsx","firmSettingConfiguration/selectors/CurrencySymbolSelector.tsx","firmSettingConfiguration/common/Timezone.ts","firmSettingConfiguration/selectors/TimeZoneSelector.tsx","firmSettingConfiguration/tabs/RegionalTab.tsx","firmSettingConfiguration/selectors/TimesheetActivitiesSelector.tsx","firmSettingConfiguration/tabs/TimeRecordingTab.tsx","firmSettingConfiguration/tabs/TimeRecordingDefaultsTab.tsx","firmSettingConfiguration/tabs/ConnectTab.tsx","firmSettingConfiguration/tabs/TimeRecordingWarningDefaultsTab.tsx","firmSettingConfiguration/tabs/InprotechTab.tsx","firmSettingConfiguration/tabs/PhoneMessageDefaultConfigurationTab.tsx","firmSettingConfiguration/tabs/TaskDefaultConfigurationTab.tsx","firmSettingConfiguration/tabs/ClientAndContactsDefaultConfigurationTab.tsx","firmSettingConfiguration/tabs/FinancialThresholdsTab.tsx","firmSettingConfiguration/FirmSettingConfigurationPage.tsx","firmStructureConfiguration/FurmStructureConfigurationBanner.tsx","firmStructureConfiguration/tabs/LookupTeamsMaintenance.tsx","firmStructureConfiguration/tabs/LookupTeamMemberMaintenance.tsx","firmStructureConfiguration/tabs/LookupOfficesMaintenance.tsx","firmStructureConfiguration/tabs/LookupOfficeMemberMaintenance.tsx","firmStructureConfiguration/tabs/LookupDepartmentMaintenance.tsx","firmStructureConfiguration/tabs/LookupDepartmentMemberMaintenance.tsx","firmStructureConfiguration/tabs/LookupUserAssistantMaintenance.tsx","firmStructureConfiguration/tabs/LookupUserAssistantMemberMaintenance.tsx","firmStructureConfiguration/FirmStructureConfigurationPage.tsx","featureConfigurationLayout/FeatureLayoutConfigurationRepository.tsx","globals.tsx","featureConfigurationLayout/FeatureLayoutConfigurationHeader.tsx","featureConfigurationLayout/FeatureLayoutConfigurationControlPanel.tsx","featureConfigurationLayout/styles.tsx","featureConfigurationLayout/hooks/useUpdateFeatureMutation.ts","featureConfigurationLayout/dialogs/FeatureNotesDialog.tsx","featureConfigurationLayout/FeatureLayoutCardDraggable.tsx","featureConfigurationLayout/FeatureLayoutCardClone.tsx","featureConfigurationLayout/FeatureLayoutConfigurationDroppable.tsx","featureConfigurationLayout/FeatureLayoutConfigurationList.tsx","featureConfigurationLayout/FeatureLayoutConfigurationPage.tsx"],"names":["SubjectSelector","props","data","state","setState","clientAndMatterNoteSubjectQuery","ClientAndMatterNoteSubjectQuery","variables","isApplyMatterAccess","fetchPolicy","loading","error","lookup","clientAndMatterNoteSubject","prevState","items","map","country","label","description","value","id","toString","handleChange","event","onSelection","name","getInputProps","params","isLoading","InputProps","endAdornment","Fragment","color","size","multiple","style","className","disabled","onChange","options","disablePortal","getOptionLabel","option","onBlur","renderTags","getTagProps","index","length","substring","key","renderInput","variant","fullWidth","margin","required","renderOption","inputValue","matches","parts","part","fontWeight","highlight","text","useStyles","theme","dialogRoot","flex","padding","header","textTransform","content","buttonContainer","display","justifyContent","button","spacing","minWidth","hidden","loaderWrapper","alignItems","position","top","left","right","bottom","backgroundColor","formLabel","paddingBottom","editorClassName","minHeight","maxHeight","wrapperClassName","border","flexFlow","toolbarClassName","paperRoot","overflow","dialogContent","FeatureNotesPreviewDialog","classes","useState","setIsLoading","tempDesription","indexOf","draftContent","JSON","parse","contentState","createWithContent","getCurrentContent","open","onClose","maxWidth","scroll","disableScrollLock","disableEnforceFocus","disableAutoFocus","paper","dividers","container","item","xs","md","apiKey","initialValue","init","height","autoresize_min_height","autoresize_max_height","menubar","plugins","toolbar","statusbar","content_style","toolbar_sticky","autosave_ask_before_unload","autosave_interval","autosave_prefix","autosave_restore_when_empty","autosave_retention","image_advtab","content_css","image_class_list","title","importcss_append","min_height","onInit","evt","editor","type","onClick","LocalStorageEnum","retrieveSystemSettingsNamesQueryData","refreshData","onSuccess","onError","query","SystemSettingsNamesQuery","then","results","catch","reason","retrieveEnquiryDefaultConfigData","EnquiryDefaultConfigQuery","UpdateEnquiryDefaultConfigMutation","retrieveEmailConfigData","EmailConfigQuery","UpdateEmailConfigMutation","SettingNotificationSubscription","UPDATE_TASK_DEFAULT_CONFIG_MUTATION","UPDATE_PHONE_MESSAGE_DEFAULT_CONFIG_MUTATION","PHONE_MESSAGE_DEFAULTS_QUERY","retrievePhoneMessageDefaultConfigData","TASK_DEFAULTS_QUERY","retrieveTaskDefaultConfigData","ClientAndContacsDefaultConfigurationQuery","ClientAndContactsDefaultConfigurationMutation","CurrenciesData","currency","symbol","digitalCode","root","width","BrandColors","TextPrimary","fontFamily","Font","Main","fontSize","FontSize","PX","size8","letterSpacing","lineHeight","LineHeight","ExtraLarge","paddingRight","size10","TemplatePrimary","buttonGroupWrapper","FirmSettingConfigurationBanner","onClickBack","onLearnMore","rvKey","rvbuttonType","icon","rvIcon","rvClassName","Heading4","startIcon","EventsAndCampginQuery","retrieveEventsAndCampaignData","offset","first","filter","isIncludeCompleted","excludeDataTracking","category","responsible","typeList","statusList","startDateFrom","startDateTo","CreateEventAndCampaignMutation","UpdateEventsAndCampaignMutation","DeleteEventsAndCampaignMutation","CreateEventsAndCampaignNotification","UpdateEventsAndCampaignNotification","DeleteEventsAndCampaignNotification","makeStyles","createStyles","textField","buttonWrapper","EmailingTab","isFormChanged","onSubmitLoading","fromName","replyTo","sendEmailOnBehalfOf","confirmationBcc","formState","setFormState","fetchData","onEmailConfigRetrieved","settings","systems","emailDefaults","config","prevFormState","onReset","form","setConfig","batch","reset","onSubmit","values","_prevState","mutate","mutation","initialValues","initialValuesEqual","keepDirtyOnReinitialize","subscription","submitting","pristine","render","handleSubmit","Grid","Alert","severity","UserFeature","HasAccess","hasEmailSendOrReplyDefinition","input","meta","TextField","touched","helperText","justify","Button","heading","typography","pxToRem","palette","primary","main","accordionDetails","radioGroup","formControl","optionWrapper","gap","optionContainer","optionList","reminderTextField","radioIcon","defaultMeetingLabel","marginTop","marginRight","EnquiryDefaultTab","dueDateOption","timeOfDay","addDays","addHours","defaultMeetingLength","reminder","overdueReminder","isSendReminderOnWeekend","isSendInvitationToAssignee","isSendInvitationToEnquirer","isSendReminderOnWeekendForOverDueReminders","isLocationFieldMandatory","isSendFistUnassignedReminderOnWeekends","isSendUnassignedAfterFirstReminderOnWeekends","periodAfterFirstUnassignedReminder","periodBeforeFirstUnassignedReminder","isNatureOfEnquiryMandatory","isInternalNotesMandatory","isEventAndCampaignMandatory","isSourceNotesMandatory","periodMeetingDefaultReminder","isSendMeetingDefaultReminderEmail","isSendMeetingDefaultReminderSms","onEnquiryDefaultConfigRetrieved","enquiryDefaults","isTimeTodayValid","isValid","isDefaultMeetingLengthValid","isCalculatedDays","isCalculatedHours","RadioComp","compProps","Radio","checkedIcon","utils","isManualEntry","format","validate","errors","Accordion","defaultExpanded","AccordionSummary","expandIcon","Typography","AccordionDetails","FormControl","component","FormLabel","RadioGroup","FormControlLabel","control","validating","allowNull","keyboardIcon","InputLabelProps","shrink","inputProps","pattern","ReminderSelector","selection","FormGroup","Checkbox","checked","isNoZeroMinutes","ampm","hasSmsIntegration","PassowrdStrengtthSelector","CircularProgress","Autocomplete","formGroup","marginLeft","SecurityTab","mFA","passwordStrength","passwordLength","applicationSecuritySettings","APPLICATION_SECURITY_SETTINGS_QUERY","updateApplicationSecuritySettings","APPLICATION_SECURITY_SETTINGS_MUTATION","getPasswordStrength","_value","ONE","TWO","THREE","FOUR","FIVE","Switch","lg","sm","FirmDetailsTab","firmName","firmAddress","firmPhone","firmWebsite","firmEmailContact","firmHelpDeskContact","FirmDetailsConfigQuery","retrieveFirmDetailsConfigData","onFirmDetailsConfigRetrieved","firmDetails","undefined","UpdateFirmDetailsMutation","multiline","rows","CountryData","countryCode","CountrySelector","uniqBy","sort","a","b","currentTarget","newValue","tempValue","CurrencyCodeSelector","Currencies","CurrencySymbolSelector","TimeZoneData","timeZoneId","TimeZoneSelector","RegionalTab","homeCountry","timeZone","currencyCode","currencySymbol","financialYearStart","taxLabel","taxPercentage","regionSettingsQuery","REGION_SETTINGS_QUERY","upRegionSettingsQuery","REGION_SETTINGS_MUTATION","getCountryDetails","renderType","countryData","find","console","log","regionSettings","autoComplete","parseFloat","TimesheetActivitiesSelector","TimesheetActivitiesQuery","clientOnly","retrieveTimesheetActivitiesData","onRetrieveEnquiryStatus","timesheetActivities","activities","source","stringValue","getOptionSelected","flexDirection","TimeRecordingTab","unitsPerHour","standardHoursPerDay","expectedHoursPerDay","useStartEndTime","warningOnExceedingHours","timeCaptureOptions","copyActivityAsNote","thresholdLevel","defaultDurationMinutes","defaultDurationUnits","phoneCallActivity","emailActivity","submissionType","timeSelectionMinuteInterval","useSmartSettings","suggestCustomButtons","timeCaptureMode","warnOnDefaultTime","warnOnExceedingHours","warnIfNotToday","timeRecordingSettings","TIME_RECORDING_SETTINGS_QUERY","updateTimeRecordingSettings","TIME_RECORDING_SETTINGS_MUTATION","tenantTimeCaptureMode","parseInt","TimeRecordingDefaultsTab","timeRecordingDefaults","TIME_RECORDING_DEFAULTS","updateTimeRecordingDefaults","TIME_RECORD_DEFAULTS_MUTATION","ConnectTab","staffContactFilter","welcomeMessage","isEmailNotificationDocuments","isEmailNotificationMessages","isPushNotificationDocuments","isPushNotificationMessages","isExternalMessagesToActing","isExternalMessagesToResponsible","isExternalMessagesToAssisting","isExternalMessageToActing","isExternalMessageToAssisting","isExternalMessageToResponsible","isFirmToClientPushNewDocumentNotifications","isFirmToClientPushNewMessageNotifications","alternativeLogo","connectSettingQuery","ConnectSettingQuery","CONNECT_SETTINGS_MUTATION","updateConnectSetting","updateConnectSettingObj","connectSettings","message","emailDocumentNotifications","emailMessageNotifications","pushDocumentNotifications","pushMessageNotifications","externalMessagesToActing","externalMessagesToAssisting","externalMessagesToResponsible","firmToClientPushNewDocumentNotifications","firmToClientPushNewMessageNotifications","externalMessageToError","getFieldState","FormHelperText","maxFileSize","showFileNames","useChipsForPreview","filesLimit","files","existingFiles","newFiles","file","some","status","forEach","documentFile","guidID","url","push","onDelete","filteredFiles","onDrop","initialFiles","dropzoneText","TimeRecordingWarningDefaultsTab","timeRecordingWarnings","TIME_RECORDING_WARNING_QUERY","updateTimeRecordingWarnings","TIME_RECORDING_WARNING_MUTATION","InprotechTab","fetchInProtectionSettings","onInProtechRetrievedData","subscribeFirmObj","inProtechSettingsNotification","unsubscribe","subscribe","next","lookupNotification","err","inprotechSettings","completionDate","instructionDate","internalImportanceLevel","externalImportanceLevel","clientNoteActivityCategory","clientNoteActivityType","fileNoteActivityCategory","fileNoteActivityType","applicationNumber","grantNumber","publicationNumber","INPROTECH_MUTATION","registrationDate","filingDate","result","inputComponent","CustomNumberFormat","minValue","maxValue","INPROTECH_QUERY","inputRef","other","getInputRef","onValueChange","target","isNumericString","isAllowed","formattedValue","floatValue","Math","max","min","onPhoneMessageDefaultConfigRetrieved","phoneMessageDefaults","onTaskDefaultConfigRetrieved","taskDefaults","noteTypeData","noteSubjectData","isNoteTypeMandatory","isNoteSubjectMandatory","campaignCreationSubject","campaignCreationType","eventCreationSubject","eventCreationType","outlookAddinSubject","outlookAddinType","clientAndContactDefaultConfigQuery","clientAndContactDefaults","outlookAddinNoteTypeGuid","outlookAddinNoteTypeDescription","outlookAddinNoteSubjectId","outlookAddinNoteSubjectDescription","eventCreationNoteTypeGuid","eventCreationNoteTypeDescription","eventCreationNoteSubjectId","eventCreationNoteSubjectDescription","campaignCreationNoteTypeGuid","campaignCreationNoteTypeDescription","campaignCreationNoteSubjectId","campaignCreationNoteSubjectDescription","CorrespondenceActivitySelector","FinancialThresholdsTab","redIndicatorWhenActualVsBudgetIsLessThanPercentage","amberIndicatorWhenActualVsBudgetIsLessThanPercentage","redIndicatorWhenNinetyDayDebtExceedsPercentage","redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage","redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage","firmOverallStandardChargeOutRate","currentBankOverdraftInterestRate","firmStandardTradingTermsInDays","firmTargetWipLockupDays","firmOverallBlendedCostRate","currencyQuery","useCurrencySymbol","financialThresholdsQuery","FinancialThresholdsQuery","financialThresholdsSettings","showGreenIndicator","FinancialThresholdsMutation","update","Box","gridGap","InputAdornment","textAlign","startAdornment","FirmSettingConfigurationList","wrapper","sidebar","sidebarInner","sidebarList","flexGrow","tabLoaderWrapper","FirmSettingConfigurationPage","selectedTable","tabs","isTabLoading","pageState","setPageState","routeCommand","match","command","fetchTabData","routeTab","tab","subscribeSettingNotificationObj","subscribeSettingNotification","settingNotification","onFirmSettingTabRetrieved","settingNames","settingName","history","List","internalName","ListItem","selected","ListItemAvatar","Security","Avatar","FirmDetails","Regional","TimeRecording","TimeRecordingDefaults","EmailConfiguration","EnquiryDefaultConfiguration","PhoneMessageDefaultConfiguration","ClientAndContactsDefaultConfiguration","TaskDefaultConfiguration","ListItemText","secondary","Connect","TimeRecordingWarningDefaults","Inprotech","FinancialThresholds","FurmStructureConfigurationBanner","Label","onDeleteItems","LookupTeamsMaintenance","selectedRow","showDeleteConfirm","setShowDeleteConfirm","subscribeFirm","count","tableIcons","Add","ref","Check","Clear","Delete","DetailPanel","Edit","Export","Filter","FirstPage","LastPage","NextPage","PreviousPage","ResetSearch","Search","SortArrow","ThirdStateCheck","ViewColumn","firmSubscription","includes","tdata","temp","guidId","onRetrieveData","firm","teams","team","getCheckboxRender","field","checkIcon","checkBoxComponent","componentProps","deleteData","oldData","deleteFirmTeam","DialogBox","show","isAgree","agree","splice","disAgreeLabel","agreeLabel","dialogBox","tableTitle","tableHeading","Chip","chip","icons","onRowClick","rowData","toggleDetailPanel","tableData","encodeURIComponent","columns","bColor","stringInitials","replace","split","n","join","slice","avatar","getSection","cellStyle","headerStyle","hasOwnProperty","editComponent","componentData","staffCount","Badge","badgeContent","getMember","editable","components","Toolbar","customToolbar","actions","addRowPosition","search","paging","pageSize","pageSizeOptions","showTitle","actionsColumnIndex","rowStyle","onRowAdd","newData","Promise","resolve","setTimeout","createFirmTeam","usedByTasks","usedByFinancials","usedByEnquiries","createData","toLowerCase","insertRowData","onRowUpdate","updateFirmTeam","updateRowData","onRowDelete","deleteRowData","tooltip","onDeleteData","LookupTeamMemberMaintenance","isRefreshData","setIsRefreshData","guID","iconProps","groupId","FirmTeamMember","teamGuidId","retrieveTeamMemberData","members","member","getStaffList","staffArray","Array","isArray","friendlyName","RemoveFirmTeamMember","handleBreadCrumbClick","preventDefault","goBack","decodeURIComponent","breadcrumbsWrapper","Breadcrumbs","separator","breadcrumbs","Link","href","breadcrumbsTitle","email","getUser","AvailableTeamMemberSelector","onSelectedItem","selectionList","onRemoveItem","itemId","memberList","itemToRemove","findIndex","removeItems","getUserComponent","searchable","personIcons","toolbarProps","AddFirmTeamMember","staffIdList","staffId","isDeletable","LookupOfficesMaintenance","firmOffices","firmOffice","office","timezoneSelector","timezone","timezoneDescription","deleteFirmOffice","timezoneRender","TimezoneSelector","createFirmOffice","e","updateFirmOffice","LookupOfficeMemberMaintenance","FirmOfficeMember","officeGuidId","retrieveOfficeMemberData","RemoveFirmOfficeMember","AvailableOfficeMemberSelector","officeMemberList","AddFirmOfficeMember","LookupDepartmentMaintenance","departments","department","deleteFirmDepartment","createFirmDepartment","updateFirmDepartment","LookupDepartmentMemberMaintenance","FirmDepartmentMember","departmentGuidId","retrieveDepartmentMemberData","RemoveFirmDepartmentMember","AvailableDepartmentMemberSelector","AddFirmDepartmentMember","LookupUserAssistantMaintenance","isStaff","isExternal","isNextPageLoading","tempData","administrator","users","user","userID","staffName","assistantCount","userRender","UserAutocompleteSelector","customFilterAndSearch","columnDef","memberCountRender","LookupUserAssistantMemberMaintenance","userAssistantSubscription","userAssistantNotification","guid","userGuid","UserAssistantsQuery","retrieveUserAssistantsData","userAssistants","DeleteUserAssistant","userToAssistId","CreateUserAssistantMutation","assistantId","UpdateUserAssistantMutation","updateData","TableList","FirmStructureConfigurationPage","isInternalAdmin","setIsInternalAdmin","fetchAppUserData","appUser","onClickTab","pathname","FIRM_STRUCTURE","hasFirmDepartmentLookupMaintenance","hasFirmOfficeLookupMaintenance","offices","hasFirmTeamLookupMaintenance","hasUserAssistantLookupMaintenance","userAssistant","RoleCategoryType","fetchScopeFeatureData","isPersonalise","scope","hasDashboardSecurityScope","hasDashboardSecurityRoleCategory","hasDashboardSecurityRole","hasDashboardSecurityUser","hasDashboardSecurityPersonal","x","fetchRoleCategoryData","isIncludeAdmin","roleCategoryData","Internal","External","Administrator","fetchFeatureLayoutConfigurationData","FeatureLayoutConfigurationData","layoutId","includeHidden","isInternalRole","isAdministrator","roleId","userEmail","isPersonal","dashboardPanelId","UpdateFeatureLayoutConfigData","DeleteFeatureLayoutConfigData","featureLayoutConfigSubscription","fetchCurrentUserData","CURRENT_USER_QUERY","UpdateFeatureSubscription","globalVariableDefaults","canViewDashboard","paddingLeft","transform","FeatureLayoutConfigurationHeader","hasBack","cssStyle","Configuring_Dashboards","StyledContainer","div","ControlWrapper","borderBottom","SearchWrapper","NeutralColors","BackgroundGrey1","borderRadius","boxShadow","BackgroundGrey2","handleChangeFilters","bind","onDownShiftSelect","constructSecondDropDown","handleSave","handleReset","onHideAllChange","handleDeleteConfirm","onPanelSelection","onSearchChange","handleFeatureLayoutConfigurationSearch","onClearSearch","onUserSelection","subscribeToUpdateFeature","dashboardScope","featureLayoutConfigurationList","roleCategoryList","userList","isUserLoading","isSearchAgain","isDisableReset","userLabel","isHideAll","showConfirm","dashboardPanel","personalise","componentDidMount","this","fetchScopeData","componentWillUnmount","featureSubscription","UNSAFE_componentWillReceiveProps","nextProps","terminology","MatterTerminology","loader","secondDropDown","isHidden","isShowFilterControls","TypeOfDashboard","lead","client","DashboardLayoutScopeSelector","Scope","isInternalUser","externalUser","PanelSelector","panelSelector","dashboardPanelUsedBy","rightContainer","placeholder","searchField","IconButton","edge","scopeList","scopeData","defaultValue","RoleCategorySelector","RoleCategory","isIncludeAdministrator","RoleSelector","Role","UserSelector","User","displayLabel","isAuthorized","featureLayoutConfig","onFeatureLayoutConfigurationFetch","userEmailParam","onSearchCriteriaChanged","isInternalRoleParam","isAdministratorParam","roleIdParam","isScopeChanged","queryParams","handleFeatureLayoutConfigurationFetch","featureLayoutConfiguration","stringify","filteredItems","trim","vm","featureUpdateNotification","withStyles","paddingTop","card","marginBottom","overflowY","devider","borderLeft","grey","extendedIcon","formContainer","generateWrapper","mainContainer","subContainer","borderTop","table","tableWrapper","tableWrapperDetails","upperButton","withTheme","addButtonWrapper","checkbox","checkboxContainer","checkboxWrapper","clientGrid","col","flexWrap","customExpandablePanel","customGrid","flexBasis","dateField","expansionPanel","flexEnd","grid","gridContainer","gridWrapper","group","menu","panelAction","typeTitle","zIndex","breakpoints","up","voiPadding","cardRoot","cardDetails","cardContent","cardCover","cardControls","popover","pointerEvents","controlContainer","cardMedia","cardWrapper","cardContainer","rightControl","videoButton","UpdateFeature","taskForm","FeatureNotesDialog","updateFeature","updateResult","useUpdateFeatureMutation","isChanged","setIsChanged","showDiscard","setShowDiscard","notes","Dialog","DialogTitle","DialogContent","featureGuid","imagetools_cors_hosts","templates","template_cdate_format","template_mdate_format","image_caption","quickbars_selection_toolbar","noneditable_noneditable_class","toolbar_mode","contextmenu","onEditorChange","DialogActions","actionButton","CardDraggable","TrendingUpIconWrapper","TemplateColor","Primary","SwitchWrapper","handlePopoverClose","setAnchorEl","onClickVideoToggle","toggle","isVideoModalOpen","onToggleNotesDialog","isEditNotesOpen","onPreviewNotes","isNotesPreviewOpen","onHiddenChange","handlePopoverOpen","getWidthPerRow","getTooltip","isVisible","hiddenText","anchorEl","feature","infoUrl","VideoModal","draggableId","isDragDisabled","provided","snapshot","draggableProps","dragHandleProps","innerRef","itemPerRow","windowInnterWidth","cursor","Card","CardMedia","CardContent","min_width","onIsHiddenUpdated","anchorElValue","Boolean","FeatureListContainer","FeatureList","CloneItem","FeatureLayoutCardDraggableWrapper","getFeatureLayoutCardDraggable","shouldComponentUpdate","featureLayouts","droppableId","direction","renderClone","rubric","isDragging","getCloneItem","droppableProps","featureLayout","sequence","itemsPerRow","onDragEnd","constructRows","getDroppable","gridBreakPoints","window","innerWidth","droppableRows","droppableRow","featureSearchChanges","isSearch","isHideAllOperation","isSearchChanged","addEventListener","updateDimensions","removeEventListener","featureList","isReOrder","isHiddenUpdated","featureLayoutConfigurationListCopy","featureChange","rowNumber","lastDroppableRow","featureLayoutConfigList","newdroppableRowList","from","featureSearchChange","featureItem","featureSearch","feesBilledByPeriodVsBudgetChart","destination","sourceDroppable","draggableFeature","destinationDroppable","newfeatureLayoutConfigurationList","onVisibilityChanged","GridWrapper","ContentWrapper","StyledSummaryContent","BackgroundWhite","BackgroundGrey4","SummaryViewWrapper","saveFeatureLayoutConfiguration","deleteFeatureLayoutConfiguration","subscribeToFeatureLayoutConfig","fetchCurrentUser","onRetreivedCurrentUser","isSubscribed","personaliseStorage","sessionStorage","getItem","dashboardPanelValue","dashboardPanelLabel","location","Number","filteredFeatureLayoutConfigurationList","isCurrentUserLoading","userId","removeItem","featureLayoutConfigurationSubscription","FirmDashboardLayout","EnquiryDashboardLayout","feeEarner","FeeEarnerDashboardLayout","task","TaskDashboardLayout","ClientDashboardLayout","filtered","objIndex","obj","hiddenFeatureList","featureLayoutConfigurationNotification","isInternal"],"mappings":"kiBA6CaA,EAAkD,SAACC,GAGtD,MAAoB,mBAA+B,CACrDC,KAAM,KADHC,EAAK,KAAEC,EAAQ,KAIhBC,EAAkC,YAAyCC,EAAiC,CAC9GC,UAAW,CACPC,oBAAqBP,EAAMO,qBAE/BC,YAAa,gBAGjB,mBAAQ,YAECJ,EAAgCK,UAChCL,EAAgCM,OACjCN,EAAgCH,MAChCG,EAAgCH,KAAKU,QACrCP,EAAgCH,KAAKU,OAAOC,4BAE5CT,GAAS,SAACU,GACE,IAEFC,EAFiCV,EAAgCH,KAAMU,OAAM,2BAEfI,KAAI,SAACC,GACrE,OAAO,EAAP,KACOA,GAAO,CACVC,MAAOD,EAAQE,YACfC,MAAOH,EAAQI,GAAGC,gBAG1B,OAAO,EAAP,KACOR,GAAS,CACZZ,KAAMa,SAKnB,CAACV,EAAgCK,QAASL,EAAgCH,KAAMG,EAAgCM,QAGnH,IAAMY,EAAe,SAACC,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAIjCC,EAAgB,SAACC,EAA2BC,GAC9C,OAAO,EAAP,KACOD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACVH,EAAY,kBAAC,IAAgB,CAACI,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBA2BnC,OAAI9B,EAAMkC,SAEF,kBAAC,IAAY,CACTC,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASL,EAAgCK,QACzC4B,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAAoC,OAAAA,EAAOzB,OAE5D0B,OAAQ3C,EAAM2C,OACdT,UAAU,EACVU,WArCS,SAACzB,EAAkC0B,GAkBpD,OAjBsB1B,EAAMJ,KAAI,SAAC2B,EAAiCI,GAC9D,IAAI7B,EAAQyB,EAAOzB,MAKnB,OAJIyB,EAAOzB,MAAM8B,OAAS,KACtB9B,EAAWyB,EAAOzB,MAAM+B,UAAU,EAAG,IAAG,OAIxC,kBAAC,IAAI,KACGH,EAAY,CAAEC,MAAK,IAAG,CAC1BG,IAAKH,EACL7B,MAAOA,SA2BXiC,YAAa,SAACvB,GAAW,OACrB,kBAAC,IAAS,KACFA,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAASnD,EAAMmD,QACfC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQvB,EAAgCK,SAClEC,MAAOV,EAAMU,MACbuB,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,IAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,IAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACKC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MACzDF,EAAKG,aAWlC,kBAAC,IAAY,CACT3B,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASL,EAAgCK,QACzC4B,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAAoC,OAAAA,EAAOzB,OAE5D0B,OAAQ3C,EAAM2C,OACdO,YAAa,SAACvB,GAAW,OACrB,kBAAC,IAAS,KACFA,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAASnD,EAAMmD,QACfC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQvB,EAAgCK,SAClEC,MAAOV,EAAMU,MACbuB,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,IAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,IAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACKC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MACzDF,EAAKG,cAwBhCzD,EAAkC,IAAG,0b,kCC3O3C,0KAYM0D,EAAY,aAAW,SAACC,GAC1B,mBAAa,CACTC,WAAY,CACR,uBAAwB,CACpBC,KAAM,EACNC,QAAS,IAGjBC,OAAQ,CACJC,cAAe,cAEnBC,QAAS,CACLJ,KAAM,GAEVK,gBAAiB,CACbC,QAAS,OACTC,eAAgB,iBAGpBC,OAAQ,CACJrB,OAAQW,EAAMW,QAAQ,GACtBC,SAAU,QAEdC,OAAQ,CACJL,QAAS,QAEbM,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBN,QAAS,OACTY,WAAY,SACZC,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,EACRC,gBAAiB,yBAErBC,UAAW,CACPC,cAAe,QAEnBC,gBAAiB,CACbrB,QAAS,SACTsB,UAAW,QACXC,UAAW,SAEfC,iBAAkB,CACdC,OAAQ,oBACRpB,QAAS,OACTqB,SAAU,kBAEdC,iBAAkB,CACdF,OAAQ,EAERvC,OAAQ,EACRc,QAAS,EACT,0BAA2B,CACvBa,SAAU,YAEd,gCAAiC,CAC7BA,SAAU,aAGlBe,UAAW,CACPC,SAAU,OACVhB,SAAU,WACVS,UAAW,qBACXjB,QAAS,OACTqB,SAAU,UAEdI,cAAe,CACXD,SAAU,UAEV9B,KAAM,EACNM,QAAS,OACTqB,SAAU,eAeTK,EAAsE,SAAClG,GAChF,IAAMmG,EAAUpC,IAEV,EAA4B,IAAMqC,UAAS,GAA1CxE,EAAS,KAAEyE,EAAY,KAE1BC,EAAiBtG,EAAMkB,YAE3B,GAAIlB,EAAMkB,cACyC,IAA3ClB,EAAMkB,YAAYqF,QAAQ,YAAoB,CAC9C,IAAMC,EAAe,YAA6BC,KAAKC,MAAM1G,EAAMkB,cAC7DyF,EAAe,yBAAeH,GACpCF,EAAiB,IAAY,uBAAa,cAAYM,kBAAkBD,GAAcE,sBAI9F,OACI,kBAAC,IAAM,CACHC,KAAM9G,EAAM8G,KACZC,QAAS/G,EAAM+G,QACfC,SAAS,KACT5D,WAAW,EACXhB,UAAW+D,EAAQlC,WACnBgD,OAAQ,QAERC,mBAAmB,EACnBC,qBAAqB,EACrBC,kBAAkB,EAClBjB,QAAS,CACLkB,MAAOlB,EAAQJ,YAGlBnE,EACG,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAEb,KACJ,kBAAC,IAAa,CAACwC,UAAU,EAAMlF,UAAW+D,EAAQF,eAC9C,kBAAC,IAAI,CAACsB,WAAW,EAAM5C,QAAS,EAAGxC,MAAO,CAAE+B,KAAM,IAC9C,kBAAC,IAAI,CAACsD,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,IAAU,CACPC,OAAQ,mDACRC,aAActB,EACdjE,UAAU,EACVwF,KAAM,CACFC,OAAQ,OACRC,sBAAuB,OACvBC,sBAAuB,OACvBC,SAAS,EACT5F,UAAU,EACV6F,QAAS,GACTC,QAAS,GACTC,WAAW,EACXC,cAAe,kEACfC,gBAAgB,EAChBC,4BAA4B,EAC5BC,kBAAmB,MACnBC,gBAAiB,sBACjBC,6BAA6B,EAC7BC,mBAAoB,KACpBC,cAAc,EACdC,YAAa,uCACbC,iBAAkB,CACd,CAAEC,MAAO,OAAQ5H,MAAO,IACxB,CAAE4H,MAAO,aAAc5H,MAAO,eAElC6H,kBAAkB,EAClBC,WAAY,KAGhBC,OAAQ,SAACC,EAAKC,GACV/C,GAAa,SAMjC,kBAAC,IAAa,KACV,yBAAKjE,UAAW+D,EAAQ5B,iBACpB,6BACI,kBAAC,IAAM,CAACvC,MAAM,UAAUqH,KAAK,SAASjH,UAAW+D,EAAQzB,OAAQ4E,QAAStJ,EAAM+G,SAAO,e,iCCrL/G,IAAYwC,EAAZ,2CAAYA,GACR,8BACA,wCAFJ,CAAYA,MAAgB,M,ujBC8ErB,SAASC,EACZC,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAOC,EACPvJ,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAGpC,IAAMJ,EAA2B,IAAG,u2BAoBpC,SAASK,EACZT,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAOO,EACP7J,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAG3C,IAAME,EAA4B,IAAG,ilGA0CxBC,EAAqC,IAAG,yhLAkE9C,SAASC,EACZZ,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAOU,EACPhK,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAG3C,IAAMK,EAAmB,IAAG,qwBAoBfC,EAA4B,IAAG,22BAa/BC,EAAkC,IAAG,qXAkBrCC,EAAsC,IAAG,q+CAuBzCC,EAA+C,IAAG,qgDA2DlDC,EAA+B,IAAG,+gCAqBxC,SAASC,EACZnB,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAOe,EACPrK,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAGpC,IAAMY,EAAsB,IAAG,m/BAsB/B,SAASC,EACZrB,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAOiB,EACPvK,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAyCpC,I,wBAAMc,EAA4C,IAAG,mqEA+B/CC,EAAgD,IAAG,8uE,kCCniBhE,kCAAO,IAAMC,EAAsC,CAC/C,CACIC,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,aACNT,QAAS,OAEb,CACIkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,eAEb,CACCkK,SAAU,MACbC,OAAQ,IACRC,YAAa,MACb3J,KAAM,MACNT,QAAS,WAEP,CACIkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,WAEb,CACIkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,UAEhB,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,mBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,qBACRC,YAAa,MACb3J,KAAM,sBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,eACRC,YAAa,MACb3J,KAAM,sBACNT,QAAS,0BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,eACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,GACRC,YAAa,MACb3J,KAAM,WACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,aACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,UACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,kBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,sBAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,GACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,yBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,yBACNT,QAAS,oBAEV,CACCkK,SAAU,MACPC,OAAQ,OACXC,YAAa,MACb3J,KAAM,iBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,kCAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,MACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,GACRC,YAAa,MACb3J,KAAM,MACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,kBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,MACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,iBACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,GACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,qBACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,mBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,UACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,oBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,mBAEV,CACCkK,SAAU,MACVC,OAAQ,iBACRC,YAAa,MACb3J,KAAM,aACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,UACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,MACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,MACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,WACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,WACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,yBACNT,QAAS,mBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,mBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,yBAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,eACRC,YAAa,MACb3J,KAAM,SACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,QACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,gBACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,eACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,6BACNT,QAAS,uBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,qBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,UACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,kBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,kCAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,0BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,4BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,0BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,4BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,4BAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,qBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,gBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,GACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,OACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,aAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,4BAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,uBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,qBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,QAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,uBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,YAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,cAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,yBAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,eAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,wBACNT,QAAS,+BAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,oBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,iBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,YACNT,QAAS,qBAEV,CACCkK,SAAU,MACVC,OAAQ,SACRC,YAAa,MACb3J,KAAM,cACNT,QAAS,SAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,WAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,OACNT,QAAS,gBAEV,CACCkK,SAAU,MACVC,OAAQ,KACRC,YAAa,MACb3J,KAAM,iBACNT,QAAS,UAEV,CACCkK,SAAU,MACVC,OAAQ,IACRC,YAAa,MACb3J,KAAM,kBACNT,QAAS,c,kCC5nDX,wHAQM+C,EAAY,aAAW,SAACC,GAC5B,mBAAa,CACXqH,KAAM,CACJC,MAAO,OACPnH,QAAS,UAEXoD,UAAW,GACXhD,gBAAiB,CACfS,SAAU,WACVb,QAAS,YACTK,QAAS,OAETO,WAAY,SACZ/C,MAAO,IAAUuJ,YAAYC,YAC7B,6BAA8B,CAC5BrH,QAAS,aAEX,aAAc,CAEZD,KAAM,EACNuH,WAAY,IAAUC,KAAKC,KAC3BC,SAAU,IAAUC,SAASC,GAAGC,MAChCC,cAAe,SACfC,WAAY,IAAUC,WAAWC,YAEnC,iBAAkB,CAChBC,aAAc,OAId,eAAgB,CACdd,MAAO,OACPxD,OAAQ,QAEV,oBAAqB,CACnB8D,SAAU,IAAUC,SAASC,GAAGO,OAChCrK,MAAO,IAAUuJ,YAAYe,mBAInCC,mBAAoB,CAClB/H,QAAS,OACTO,WAAY,SACZ1B,OAAQ,UACR,aAAc,CACVA,OAAQ,WAGdqB,OAAQ,CACNrB,OAAQ,SACRgB,cAAe,OACfuH,SAAU,aAWHY,EAAwD,SAAC,G,IACpEzD,EAAK,QACL0D,EAAW,cACXC,EAAW,cAELvG,EAAUpC,IAEhB,OACE,yBAAK3B,UAAW+D,EAAQkF,MACtB,yBAAKjJ,UAAW+D,EAAQoB,WACtB,yBAAKnF,UAAW+D,EAAQ5B,iBACtB,kBAAC,IAAc,CACboI,MAAM,QACNC,aAAc,IAAaC,KAC3BvD,QAASmD,EACTK,OAAQ,0BACRC,YAAY,gBAEd,kBAAC,IAAO,CAAC9L,MAAO8H,EAAO5G,MAAO,IAAW6K,WACzC,yBAAK5K,UAAW+D,EAAQoG,oBACvBG,GACC,kBAAC,IAAM,CACHvJ,QAAQ,OACRnB,MAAM,UACNC,KAAK,QACLG,UAAW+D,EAAQzB,OACnB4E,QAASoD,EACTO,UAAW,kBAAC,IAAwB,OAAG,oB,4YC7F1CC,EAAwB,IAAG,m7HA2IjC,SAASC,EACZvD,EACAH,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,SACKG,MAAM,CACHA,MAAOsD,EACP5M,UAAW,CACP8M,OAAQxD,EAAMwD,OACdC,MAAOzD,EAAMyD,MACbC,OAAQ1D,EAAM0D,OACdC,mBAAoB3D,EAAM2D,mBAC1BC,oBAAqB5D,EAAM4D,oBAC3BC,SAAU7D,EAAM6D,SAChBC,YAAa9D,EAAM8D,YACnBC,SAAU/D,EAAM+D,SAChBC,WAAYhE,EAAMgE,WAClBC,cAAejE,EAAMiE,cACrBC,YAAalE,EAAMkE,aAEvBtN,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MA+Cb,I,cAAM8D,EAAiC,IAAG,qYA6BpCC,EAAkC,IAAG,qYAerCC,EAAkC,IAAG,+aAerCC,EAAsC,IAAG,2VAWzCC,EAAsC,IAAG,mVAWzCC,EAAsC,IAAG,oV,0cCnShDrK,EAAY,OAAAsK,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,QAiBH,SAASuK,IAEpB,IAAMtI,EAAUpC,IAEV,EAAoB,mBAA2B,CACjDnC,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDyO,SAAU,KACVC,QAAS,KACTC,oBAAqB,KACrBC,gBAAiB,OAJdC,EAAS,KAAEC,EAAY,KAO9B,qBAAU,WACNC,MAED,IAEH,qBAAU,WACNA,MAED,IAEH,IAAMA,EAAY,WACd,aACI,GACA,SAACjP,GAAkC,OAAAkP,EAAuBlP,MAE1D,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrCkF,EAAyB,SAAClP,GAC5B,GAAIA,GAAQA,EAAKmP,UAAYnP,EAAKmP,SAASC,SAAWpP,EAAKmP,SAASC,QAAQC,eAAiBrP,EAAKmP,SAASC,QAAQC,cAAcC,OAAQ,CAE/H,MAA4DtP,EAAKmP,SAASC,QAAQC,cAAcC,OAA/F,EAAQ,WAAE,EAAmB,sBAAE,EAAO,UAAE,EAAe,kBAE9DN,GAAa,SAACO,GACV,OAAO,EAAP,KACOA,GAAa,CAChBZ,SAAU,EACVE,oBAAqB,EACrBC,gBAAiB,EACjBF,QAAS,OAIjB1O,GAAS,SAACU,GACN,OAAO,EAAP,KACOA,GAAS,CACZe,WAAW,SAoCrB6N,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KA8C9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAnD/C,SAACA,EAA0BK,GAExC5P,GAAS,SAAC6P,GACN,OAAO,EAAP,KACOA,GAAU,CACbrB,iBAAiB,OAIzB,SACKsB,OAAO,CACJC,SAAU,IACV5P,UAAW,CACPwO,oBAAqBiB,EAAOjB,oBAC5BF,SAAUmB,EAAOnB,SACjBC,QAASkB,EAAOlB,QAChBE,gBAAiBgB,EAAOhB,mBAI/BjF,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,EAAP,KACOA,GAAU,CACbrB,iBAAiB,WAMhC3E,OAAM,SAACC,GACJ,YAAiB,gCAAiCA,EAAQ,SAC1D9J,GAAS,SAAC6P,GACN,OAAO,EAAP,KACOA,GAAU,CACbrB,iBAAiB,UAc2BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EA9FlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,EAAP,KACOA,GAAS,CACZ6N,eAAe,UA8FH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACkJ,EAAA,EAAK,CAACC,SAAS,QAAM,iFAEzBC,EAAA,EAAYC,UAAUD,EAAA,EAAgBE,+BACnC,kBAACL,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,IAAK,CACFjG,KAAK,wBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,KACFF,EAAK,CACThQ,MAAM,aACNQ,KAAK,sBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,yBACA,yCAM1B,KACJ,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,IAAK,CACFjG,KAAK,aAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,KACFF,EAAK,CACThQ,MAAM,YACNQ,KAAK,WACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wBACA,4DAMzBN,EAAA,EAAYC,UAAUD,EAAA,EAAgBE,+BACnC,kBAACL,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,IAAK,CACFjG,KAAK,YAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,KACFF,EAAK,CACThQ,MAAM,iBACNQ,KAAK,UACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,6BACA,8CAM1B,KACJ,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,IAAK,CACFjG,KAAK,oBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,KACFF,EAAK,CACThQ,MAAM,mCACNQ,KAAK,kBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAEQ,+DAMxB,kBAACV,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iB,sdCvShE,GAAY,OAAArB,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEbqN,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,MAEjCC,iBAAkB,CACdjM,SAAU,UAEdkM,WAAY,CACRlM,SAAU,YAEdmM,YAAa,CACT3O,OAAQ,UAEZ4O,cAAe,CACXzN,QAAS,OACTO,WAAY,SACZmN,IAAK,QAETC,gBAAiB,CACbjO,KAAM,GAEVkO,WAAY,CACR5N,QAAS,OACTO,WAAY,SACZZ,QAAS,SACTd,OAAQ,SACR,WAAY,CACRA,OAAQ,SAEZ,UAAW,CACPA,OAAQ,UAGhBmL,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEVmO,kBAAmB,CACf/G,MAAO,OAEXgH,UAAW,CACPtQ,MAAO,IAAUuJ,YAAYe,iBAEjCiG,oBAAqB,CACjBC,UAAW,OACXC,YAAa,aA0CV,SAASC,KAEpB,IAAMvM,EAAU,KAEV,EAAoB,mBAAiC,CACvDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDwS,cAAe,gBACfC,UAAW,KACXC,QAAS,EACTC,SAAU,EACVC,qBAAsB,KACtBC,SAAU,CAAE7R,MAAO,OAAQF,MAAO,QAClCgS,gBAAiB,CAAE9R,MAAO,OAAQF,MAAO,QACzCiS,yBAAyB,EACzBC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,4CAA4C,EAC5CC,0BAA0B,EAC1BC,wCAAwC,EACxCC,8CAA8C,EAC9CC,mCAAoC,CAAEtS,MAAO,OAAQF,MAAO,QAC5DyS,oCAAqC,CAAEvS,MAAO,OAAQF,MAAO,QAC7D0S,4BAA4B,EAC5BC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,wBAAwB,EACxBC,6BAA8B,CAAE5S,MAAO,OAAQF,MAAO,QACtD+S,mCAAmC,EACnCC,iCAAiC,IAvB9BjF,EAAS,KAAEC,EAAY,KA0B9B,qBAAU,WACNC,MAED,IAEH,IAAMA,EAAY,WACd,aACI,GAEA,SAACjP,GAAkC,OAAAiU,EAAgCjU,MAEnE,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrCiK,EAAkC,SAACjU,GACrC,IAAMsP,EAAStP,EAAKmP,SAASC,QAAQ8E,gBAAgB5E,OAE/C6E,EAAoB,KAAO7E,EAAOqD,UAAW,WAAWyB,UAExDC,EAA+B,KAAO/E,EAAOwD,qBAAsB,SAASsB,UAElFpF,GAAa,SAACO,GAEV,IAAImD,EAA4E,gBAUhF,OARIpD,EAAOgF,mBACP5B,EAAgB,oBAGhBpD,EAAOiF,oBACP7B,EAAgB,qBAGb,SACAnD,GAAa,CAChBmD,cAAa,EACbC,UAAWwB,EAAmB,KAAO7E,EAAOqD,UAAW,WAAa,KACpEC,QAAStD,EAAOsD,QAChBC,SAAUvD,EAAOuD,SACjBC,qBAAsBuB,EAA8B,KAAO/E,EAAOwD,qBAAsB,SAAW,KACnGC,SAAUzD,EAAOyD,SAAW,CAAE7R,MAAOoO,EAAOyD,SAAU/R,MAAOsO,EAAOyD,UAAahE,EAAUgE,SAC3FC,gBAAiB1D,EAAO0D,gBAAkB,CAAE9R,MAAOoO,EAAO0D,gBAAiBhS,MAAOsO,EAAO0D,iBAAoBjE,EAAUiE,gBACvHC,wBAAyB3D,EAAO2D,wBAChCC,2BAA4B5D,EAAO4D,2BACnCC,2BAA4B7D,EAAO6D,2BACnCC,2CAA4C9D,EAAO8D,2CACnDE,uCAAwChE,EAAOgE,uCAC/CC,6CAA8CjE,EAAOiE,6CACrDC,mCAAoClE,EAAOkE,mCACrC,CAAEtS,MAAOoO,EAAOkE,mCAAoCxS,MAAOsO,EAAOkE,oCAClEzE,EAAUyE,mCAChBC,oCAAqCnE,EAAOmE,oCACtC,CAAEvS,MAAOoO,EAAOmE,oCAAqCzS,MAAOsO,EAAOmE,qCACnE1E,EAAU0E,oCAChBJ,yBAA0B/D,EAAO+D,yBACjCK,2BAA4BpE,EAAOoE,2BACnCC,yBAA0BrE,EAAOqE,yBACjCC,4BAA6BtE,EAAOsE,4BACpCC,uBAAwBvE,EAAOuE,uBAC/BC,6BAA8BxE,EAAOwE,6BACnC,CAAE5S,MAAOoO,EAAOwE,6BAA8B9S,MAAOsO,EAAOwE,8BAC5D/E,EAAU+E,6BACZC,kCAAmCzE,EAAOyE,kCAC1CC,gCAAiC1E,EAAO0E,qCAGhD9T,GAAS,SAACU,GAEN,OAAO,SACAA,GAAS,CACZe,WAAW,QAuBjB6N,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KA4ExC8E,EAAY,SAACC,GAEP,IAAAzD,EAAUyD,EAAS,MAC3B,OACI,kBAACC,EAAA,EAAK,MACE1D,EAAK,CACT2D,YAAa,kBAAC,IAAsB,CAACxS,UAAW+D,EAAQmM,gBAKpE,OACI,kBAAC,IAAuB,CAACuC,MAAO,KAC5B,yBAAKzS,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OA7FnD,SAACA,EAA0BK,GAGxC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,SACCsB,OAAO,CACJC,SAAU,IACV5P,UAAW,CACPwU,cAAwC,kBAAzB/E,EAAO4C,cACtB4B,iBAA2C,qBAAzBxE,EAAO4C,cACzB6B,kBAA4C,sBAAzBzE,EAAO4C,cAC1BC,UAAW,KAAO7C,EAAO6C,WAAWmC,OAAO,SAC3ClC,QAAS9C,EAAO8C,QAChBC,SAAU/C,EAAO+C,SACjBC,qBAAsB,KAAOhD,EAAOgD,sBAAsBgC,OAAO,SACjE/B,SAAUjD,EAAOiD,SAAWjD,EAAOiD,SAAS7R,MAAQ,OACpD8R,gBAAiBlD,EAAOkD,gBAAkBlD,EAAOkD,gBAAgB9R,MAAQ,OACzE+R,wBAAyBnD,EAAOmD,wBAChCC,2BAA4BpD,EAAOoD,2BACnCC,2BAA4BrD,EAAOqD,2BACnCC,2CAA4CtD,EAAOsD,2CACnDE,uCAAwCxD,EAAOwD,uCAC/CC,6CAA8CzD,EAAOyD,6CACrDC,mCAAoC1D,EAAO0D,mCAAqC1D,EAAO0D,mCAAmCtS,MAAQ,OAClIuS,oCAAqC3D,EAAO2D,oCAAsC3D,EAAO2D,oCAAoCvS,MAAQ,OACrImS,yBAA0BvD,EAAOuD,yBACjCK,2BAA4B5D,EAAO4D,2BACnCC,yBAA0B7D,EAAO6D,yBACjCC,4BAA6B9D,EAAO8D,4BACpCC,uBAAwB/D,EAAO+D,uBAC/BC,6BAA8BhE,EAAOgE,6BAA+BhE,EAAOgE,6BAA6B5S,MAAQ,OAChH6S,kCAAmCjE,EAAOiE,kCAC1CC,gCAAiClE,EAAOkE,mCAI/CnK,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAKzBe,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,MAAME,MAEfL,EAAKC,UAAU,2BAA2B,OAIjD3F,OAAM,SAACC,GACJ,YAAiB,mCAAoCA,EAAQ,SAC7D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UA2BmCmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CAAEC,YAAY,EAAMC,UAAU,GAC5CwE,SAAU,SAACjF,GACP,IAAIkF,EAAS,CACTpC,QAAS,GACTC,SAAU,IAWd,GARI/C,EAAO8C,SAAW9C,EAAO8C,QAAU,IACnCoC,EAAOpC,QAAU,iCAGjB9C,EAAO+C,UAAY/C,EAAO+C,SAAW,IACrCmC,EAAOnC,SAAW,iCAGC,KAAnBmC,EAAOpC,SAAsC,KAApBoC,EAAOnC,SAIpC,OAAOmC,GAMXxE,OAAQ,SAAC,G,IAAEC,EAAY,eAAEhB,EAAI,OAAEa,EAAU,aAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAACtC,GACYA,EAvJlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAuJH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,sBAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAAClB,EAAA,EAAK,CAACC,SAAS,QAAM,gFACtB,kBAAC2E,EAAA,EAAW,CAACC,UAAU,MAAMrT,UAAW+D,EAAQ6L,aAC5C,kBAAC0D,EAAA,EAAS,CAACD,UAAU,UAAQ,oBAC7B,kBAACE,EAAA,EAAU,CAACvT,UAAW+D,EAAQ4L,YAC3B,kBAAC6D,EAAA,EAAgB,CACbC,QAAS,kBAAC,IAAK,CAACpU,KAAK,gBAAgBgU,UAAWhB,EAAWpL,KAAK,UAChElI,MAAO,gBACPF,MAAM,iBAEV,kBAAC2U,EAAA,EAAgB,CACbC,QAAS,kBAAC,IAAK,CAACpU,KAAK,gBAAgBgU,UAAWhB,EAAWpL,KAAK,UAChElI,MAAO,mBACPF,MAAM,oBAEV,kBAAC2U,EAAA,EAAgB,CACbC,QAAS,kBAAC,IAAK,CAACpU,KAAK,gBAAgBgU,UAAWhB,EAAWpL,KAAK,UAChElI,MAAO,oBACPF,MAAM,uBAIlB,kBAAC,IAAO,CAACqP,aAAc,CAAEP,QAAQ,EAAM+F,YAAY,KAE9C,SAAC,G,IAAE/F,EAAM,SAAO,OACb,oCAC8B,kBAAzBA,EAAO4C,eACJ,yBAAKvQ,UAAW+D,EAAQgM,iBACpB,kBAAC,IAAK,CACF1Q,KAAK,YACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAAC,IAAkB,MACXD,EAAK,CACThQ,MAAM,eACNP,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,QACLkB,QAAQ,SACR6S,aAAc,kBAAC,IAAY,MAC3BC,gBAAiB,CAAEC,QAAQ,UAMrB,qBAAzBnG,EAAO4C,eACJ,yBAAKvQ,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,OACtB,kBAAC,IAAK,CAACX,KAAK,UAAUsU,WAAW,IAC5B,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,OACNP,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDyV,WAAY,CACRC,QAAS,UAEb/M,KAAK,SACLpH,KAAK,QACLkB,QAAQ,iBAIpB,0BAAMf,UAAU,QAAM,wCAE1B,yBAAKA,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,2BACtB,kBAAC,IAAK,CACFX,KAAK,YACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAAC,IAAkB,MACXD,EAAK,CACThQ,MAAM,cACNP,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,QACLkB,QAAQ,SACR8S,gBAAiB,CAAEC,QAAQ,WAOzB,sBAAzBnG,EAAO4C,eACJ,yBAAKvQ,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,qCACA,kBAAC,IAAK,CACF3Q,KAAK,WACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,QACNP,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDyV,WAAY,CACRC,QAAS,UAEb/M,KAAK,SACLpH,KAAK,QACLkB,QAAQ,iBAIpB,mEAWpC,kBAACwN,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,wBAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC8N,EAAA,EAAU,wEAEf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQ8L,eACpB,yBAAK7P,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,2BACtB,kBAAC,IAAK,CACFX,KAAK,WACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,0BAG9B,6BACI,kBAACmU,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,0BAA0B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACpF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,4BAQlC,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQ8L,eACpB,yBAAK7P,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,+BACtB,kBAAC,IAAK,CACFX,KAAK,kBACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,QACLyU,iBAAiB,QAI7B,0BAAMtU,UAAU,QAAM,4BAG9B,6BACI,kBAACmU,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,6CACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,gCAalD,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,oCAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC8N,EAAA,EAAU,6MAKf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQ8L,eACpB,yBAAK7P,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,0BACtB,kBAAC,IAAK,CACFX,KAAK,sCACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,gCAG9B,6BACI,kBAACmU,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,yCAAyC6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACnG,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,4BAQlC,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQ8L,eACpB,yBAAK7P,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,+BACtB,kBAAC,IAAK,CACFX,KAAK,qCACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,QACLyU,iBAAiB,QAI7B,0BAAMtU,UAAU,QAAM,mCAG9B,6BACI,kBAACmU,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,+CACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,gCA4JlD,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,qBAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,6BAA6B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACvF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,+CAIlB,kBAAC,IAAK,CAACQ,KAAK,6BAA6B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACvF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,6CAM1B,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,0BACtB,kBAAC,IAAK,CACFX,KAAK,uBACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAAC,IAAkB,MACXD,EAAK,CACTvQ,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDyC,QAAQ,SACRlB,KAAK,QACL8S,OAAO,QACPkB,gBAAiB,CAAEC,QAAQ,GAC3BS,MAAM,EACNX,aAAc,kBAAC,IAAY,MAC3B1S,UAAU,UAM9B,yBAAKlB,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,2BACtB,kBAAC,IAAK,CACFX,KAAK,+BACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACbpF,EAAK,CACT7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,QACLyU,iBAAiB,UAMjC,kBAAC/F,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,0BAAM3P,UAAW+D,EAAQoM,qBAAmB,mCAC5C,kBAAC,IAAK,CAAC9Q,KAAK,oCAAoC6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAC9F,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,aAIjB6P,EAAA,EAAYC,UAAUD,EAAA,EAAgB8F,oBACvC,kBAAC,IAAK,CAACnV,KAAK,kCAAkC6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAC5F,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kBAY9C,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,qBAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,2BAA2B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACrF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,gBAKlB,kBAAC,IAAK,CAACQ,KAAK,yBAAyB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACnF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,oBAKlB,kBAAC,IAAK,CAACQ,KAAK,2BAA2B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACrF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,sBAKlB,kBAAC,IAAK,CAACQ,KAAK,8BAA8B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACxF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,0BAKlB,kBAAC,IAAK,CAACQ,KAAK,6BAA6B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACvF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,+BAW1C,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAGlH,kBAAC4C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,EAAUlH,QAASmG,EAAQC,IAAK,kB,gbC9lChJmH,GAAsE,SAAA7W,GAIxE,IAAAE,EAAS,mBAAyC,CACrD0B,WAAW,EACX3B,KAAM,CACF,CACIgB,MAAO,QACPE,MAAO,GAEX,CACIF,MAAO,OACPE,MAAO,GAEX,CACIF,MAAO,SACPE,MAAO,GAEX,CACIF,MAAO,WACPE,MAAO,GAEX,CACIF,MAAO,cACPE,MAAO,MAGjB,GAGIG,EAAe,SAACC,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAIjCC,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,oCACM9B,EAAMkC,SAEA,kBAAC6U,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbe,UAAU,EACVzB,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACKC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MACzDF,EAAKG,aAU9B,kBAACiT,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,e,mTCpKpC,GAAY,OAAAuK,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,SAiBb,SAASC,KAEpB,IAAM/Q,EAAU,KAEV,EAAoB,mBAA2B,CACjDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDgX,KAAK,EACLC,iBAAkB,KAClBC,eAAgB,IAHbrI,EAAS,KAAEC,EAAY,KAMxBqI,EAA8B,aAA0CC,IAGvEC,EAAqC,aAA4DC,IAAuC,GAE/I,qBAAU,WAGN,IAAKH,EAA4B7W,SAAW6W,EAA4BrX,KAAM,CAEpE,MAIFqX,EAA4BrX,KAAKmP,SAASC,QAAQiI,4BAA4B/H,OAH9E,EAAG,MACH,EAAc,iBACd,EAAgB,mBAKpBN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChB2H,IAAK,EACLE,eAAgB,EAChBD,iBAAkBM,EAAoB,QAI9CvX,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAAC0V,EAA4BrX,KAAMqX,EAA4B7W,UAEzE,IAAMiX,EAAsB,SAACC,GACzB,OAAIA,IAAW,KAAaC,IACjB,CACH3W,MAAO,QACPE,MAAO,KAAayW,KAGxBD,IAAW,KAAaE,IACjB,CACH5W,MAAO,OACPE,MAAO,KAAa0W,KAGxBF,IAAW,KAAaG,MACjB,CACH7W,MAAO,SACPE,MAAO,KAAa2W,OAGxBH,IAAW,KAAaI,KACjB,CACH9W,MAAO,WACPE,MAAO,KAAa4W,MAGxBJ,IAAW,KAAaK,KACjB,CACH/W,MAAO,cACPE,MAAO,KAAa6W,MAGrB,MAoBLvI,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KA0D9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OA/D/C,SAACA,EAA0BK,GAExC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB6I,EAAkC,CAC9BlX,UAAW,CACP6W,IAAKpH,EAAOoH,IACZC,iBAAkBrH,EAAOqH,iBAAmBrH,EAAOqH,iBAAiBjW,MAAQ,EAC5EkW,eAAgBtH,EAAOsH,kBAI9BvN,MAAK,SAACC,GACH,GAAIA,EAAQ9J,KAAM,CACd,YAAiB,KAAM,yBAA0B,QAEjDyP,EAAKC,UAAU,2BAA2B,GAE1C,IAAM,EAAyB,CAC3BwH,IAAKpH,EAAOoH,IACZC,iBAAkBrH,EAAOqH,iBACzBC,eAAgBtH,EAAOsH,gBAG3B3H,EAAKE,OAAM,WACPF,EAAKG,MAAM,MAGfH,EAAKC,UAAU,2BAA2B,GAE1CxP,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,WAMhC3E,OAAM,SAACC,GACJ,YAAiB,iDAAkDA,EAAQ,SAC3E9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAc+BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,EAActP,GAAG,eAC7B,kBAAC,IAAO,CACJkP,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EA1GlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UA0GH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,cACtC,kBAACiF,EAAA,EAAS,CACNnU,UAAW+D,EAAQ6Q,WAEnB,kBAAC,IAAK,CACFvV,KAAK,MACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACoC,GAAA,EAAM,MACChH,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBb,KAAK,MACLO,MAAM,aAGdf,MAAM,qCAM1B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,iBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,kBACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,8BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,mBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC4F,GAAyB,MAClB5F,EAAK,CACThQ,MAAM,oBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,WAMnC,kBAAC3F,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBAoEtE,I,MAAM6H,GAAsC,KAAG,01BAyBzCE,GAAyC,KAAG,ohC,mTCha5C,GAAY,OAAApJ,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,SAqBb,SAASmB,KAEpB,IAAMjS,EAAU,KAEV,EAAoB,mBAA8B,CACpDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDkY,SAAqB,KACrBC,YAAqB,KACrBC,UAAqB,KACrBC,YAAqB,KACrBC,iBAAqB,KACrBC,oBAAqB,OANlB1J,EAAS,KAAEC,EAAY,KAU9B,qBAAU,WACNC,MAED,IAEH,IAAMA,EAAY,YAkYf,SACHzF,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cAEvE,SAAOG,MAAM,CACTA,MAAO+O,GACPrY,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAmBN,EAAQM,MAnZnC2O,EACI,GACA,SAAC3Y,GAAgC,OAAA4Y,EAA6B5Y,MAE9D,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC4O,EAA+B,SAAC5Y,GAClC,GAAIA,GAAQA,EAAKmP,UAAYnP,EAAKmP,SAASC,SAAWpP,EAAKmP,SAASC,QAAQyJ,aAAe7Y,EAAKmP,SAASC,QAAQyJ,YAAYvJ,OAAQ,CAEjI,IAAM,EAAStP,EAAKmP,SAASC,QAAQyJ,YAAYvJ,OAEjDN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChB6I,SAAU,EAAOA,SACjBC,YAAa,EAAOA,YACpBC,UAAW,EAAOA,UAClBC,YAAa,EAAOA,YACpBC,iBAAkB,EAAOA,iBACzBC,oBAAqB,EAAOA,yBAIpCvY,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,SAgCrB0B,EAAW,SAACnC,GACd,OAAOA,OAAQ4X,EAAY,YAGzBtJ,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAgD9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OArD/C,SAACA,EAA0BK,GAExC5P,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAIzB,SACKsB,OAAO,CACJC,SAAU8I,GACV1Y,UAAW,CACP+X,SAAUtI,EAAOsI,SACjBC,YAAavI,EAAOuI,YACpBC,UAAWxI,EAAOwI,UAClBC,YAAazI,EAAOyI,YACpBC,iBAAkB1I,EAAO0I,iBACzBC,oBAAqB3I,EAAO2I,uBAInC5O,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,WAMhC3E,OAAM,SAACC,GACJ,YAAiB,gCAAiCA,EAAQ,SAC1D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAc2BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAhGlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAgGH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,WACLuT,SAAU1R,IAET,SAAC,G,IAAE2N,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,YACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1B9N,UAAU,EACV+N,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wBACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,gBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,eACNQ,KAAK,cACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1B6H,WAAW,EACXC,KAAM,EACN7H,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,2BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,cAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,aAENQ,KAAK,YACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,yBACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,gBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,gBACNQ,KAAK,cACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,4BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,mBACL4H,KAAK,UAGJ,SAAC,G,IAAE4H,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,qBACNQ,KAAK,mBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,iCACA,GAEV/H,KAAK,eAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,sBACL4H,KAAK,UAGJ,SAAC,G,IAAE4H,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,yBACNQ,KAAK,sBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,qCACA,GAEV/H,KAAK,eAoErB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBAiE/D,I,MAAMiJ,GAAyB,KAAG,8kCAuBnCK,GAA4B,KAAG,w6C,eC5hBxBG,GAAsC,CAC/C,CAAEC,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,0BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,qBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,sCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gDAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,qBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,qCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,yBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,0BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,6BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,mBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,4BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,yBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,4BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,yBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,yBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,gBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,sBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,0BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,wCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,uBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,+BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,4BAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,oCAC9B,CAAEoY,YAAa,KAAMpY,QAAS,wBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,uBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,eAC9B,CAAEoY,YAAa,KAAMpY,QAAS,YAC9B,CAAEoY,YAAa,KAAMpY,QAAS,uBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,QAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,UAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,kBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,iBAC9B,CAAEoY,YAAa,KAAMpY,QAAS,cAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,aAC9B,CAAEoY,YAAa,KAAMpY,QAAS,WAC9B,CAAEoY,YAAa,KAAMpY,QAAS,SAC9B,CAAEoY,YAAa,KAAMpY,QAAS,e,qOCxNrBqY,GAAkD,SAAArZ,GAIpD,IAAAE,EAAS,mBAA+B,CAC3C0B,WAAW,EACX3B,KAAM,KAAEqZ,OAAOH,GAAa,WAAWpY,KAAI,SAACyG,GACxC,MAAO,CACHvG,MAAOuG,EAAKxG,QACZG,MAAOqG,EAAKxG,YAEjBuY,MAAK,SAACC,EAAGC,GAAM,OAAAD,EAAEvY,MAAQwY,EAAExY,OAAS,EAAIuY,EAAEvY,MAAQwY,EAAExY,MAAQ,EAAI,OACrE,GAwBIS,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,kBAACiV,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAxCa,SAACf,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAuC/BsF,QAnCc,SAACxF,GAGnB,GAAIA,EAAMmY,eAAiBnY,EAAMmY,cAAqB,MAAG,CAErD,IAAIC,EAAWpY,EAAMmY,cAAqB,MAE1C,GAAI1Z,EAAMwB,YAAa,CAEnB,IAAIoY,EAAY,CAAEzY,MAAOwY,EAAU1Y,MAAO0Y,GAC1C3Z,EAAMwB,YAAYoY,EAAW5Z,EAAMyB,SA0BvCc,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,c,4NCrFjB+V,GAA4D,SAAA7Z,GAI9D,IAAAE,EAAS,mBAAoC,CAChD0B,WAAW,EACX3B,KAAM,KAAEqZ,OAAOQ,GAAA,EAAgB,YAAY/Y,KAAI,SAACyG,GAC5C,MAAO,CACHvG,MAAOuG,EAAK0D,SACZ/J,MAAOqG,EAAK0D,eAGtB,GAwBIxJ,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,kBAACiV,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAxCa,SAACf,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAuC/BsF,QAnCc,SAACxF,GAGnB,GAAIA,EAAMmY,eAAiBnY,EAAMmY,cAAqB,MAAG,CAErD,IAAIC,EAAWpY,EAAMmY,cAAqB,MAE1C,GAAI1Z,EAAMwB,YAAa,CAEnB,IAAIoY,EAAY,CAAEzY,MAAOwY,EAAU1Y,MAAO0Y,GAC1C3Z,EAAMwB,YAAYoY,EAAW5Z,EAAMyB,SA0BvCc,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,c,iNCpFjBiW,GAAgE,SAAA/Z,GAIlE,IAAAE,EAAS,mBAAsC,CAClD0B,WAAW,EACX3B,KAAM,KAAEqZ,OAAOQ,GAAA,EAAgB,UAAU/Y,KAAI,SAACyG,GAC1C,MAAO,CACHvG,MAAOuG,EAAK2D,OACZhK,MAAOqG,EAAK2D,WAEjBmC,QAAO,SAAC9F,GAA4B,OAAAA,EAAKrG,MAAM4B,OAAS,OAC7D,GAwBIrB,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,kBAACiV,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAxCa,SAACf,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAuC/BsF,QAnCc,SAACxF,GAGnB,GAAIA,EAAMmY,eAAiBnY,EAAMmY,cAAqB,MAAG,CAErD,IAAIC,EAAWpY,EAAMmY,cAAqB,MAE1C,GAAI1Z,EAAMwB,YAAa,CAEnB,IAAIoY,EAAY,CAAEzY,MAAOwY,EAAU1Y,MAAO0Y,GAC1C3Z,EAAMwB,YAAYoY,EAAW5Z,EAAMyB,SA0BvCc,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,cCxHjBkW,GAAoC,CAC3C,CAACC,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,yBAA6BxY,KAAM,uCAChD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,kCAAwCxY,KAAM,gDAC3D,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,gCAAmCxY,KAAM,8CACtD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,8BAAqCxY,KAAM,4CACxD,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,+BAAsCxY,KAAM,6CACzD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,kCAAwCxY,KAAM,gDAC3D,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,MAAmBxY,KAAM,oBACtC,CAACwY,WAAY,oBAA0BxY,KAAM,kCAC7C,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,wBAAgCxY,KAAM,sCACnD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,+BAAsCxY,KAAM,6CACzD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,iCAAoCxY,KAAM,+CACvD,CAACwY,WAAY,kCAAwCxY,KAAM,gDAC3D,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,oBAA0BxY,KAAM,kCAC7C,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,oBAA0BxY,KAAM,kCAC7C,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,2BAAmCxY,KAAM,yCACtD,CAACwY,WAAY,gCAAmCxY,KAAM,8CACtD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,gCAAmCxY,KAAM,8CACtD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,uBAAgCxY,KAAM,qCACnD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,+BAAsCxY,KAAM,6CACzD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,+BAAsCxY,KAAM,6CACzD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,6BAAiCxY,KAAM,2CACpD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,wBAA6BxY,KAAM,sCAChD,CAACwY,WAAY,yBAA8BxY,KAAM,uCACjD,CAACwY,WAAY,gCAAmCxY,KAAM,8CACtD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,4BAAgCxY,KAAM,0CACnD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,qBAA2BxY,KAAM,mCAC9C,CAACwY,WAAY,0BAAkCxY,KAAM,wCACrD,CAACwY,WAAY,gCAAmCxY,KAAM,8CACtD,CAACwY,WAAY,SAAkBxY,KAAM,uBACrC,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,sBAA+BxY,KAAM,oCAClD,CAACwY,WAAY,6BAAiCxY,KAAM,4C,iNC1G7CyY,GAAoD,SAAAla,GAItD,IAAAE,EAAS,mBAAgC,CAC5C0B,WAAW,EACX3B,KAAM,KAAEqZ,OAAOU,GAAc,QAAQjZ,KAAI,SAACyG,GACtC,MAAO,CACHvG,MAAOuG,EAAK/F,KACZN,MAAOqG,EAAKyS,eAEjB3M,QAAO,SAAC9F,GAA4B,OAAAA,EAAKrG,MAAM4B,OAAS,OAC7D,GAwBIrB,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,kBAACiV,GAAA,EAAY,CACT5U,MAAOnC,EAAMmC,MACbC,UAAWpC,EAAMoC,UACjBjB,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAxCa,SAACf,EAA8BJ,GAC5CnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,OAuC/BsF,QAnCc,SAACxF,GAGnB,GAAIA,EAAMmY,eAAiBnY,EAAMmY,cAAqB,MAAG,CAErD,IAAIC,EAAWpY,EAAMmY,cAAqB,MAE1C,GAAI1Z,EAAMwB,YAAa,CAEnB,IAAIoY,EAAY,CAAEzY,MAAOwY,EAAU1Y,MAAO0Y,GAC1C3Z,EAAMwB,YAAYoY,EAAW5Z,EAAMyB,SA0BvCc,QAASrC,EAAMD,KACfuC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MACbkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,WAClBpP,KAAMjC,EAAMiC,SAIpBsB,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,c,mTC3GxB,GAAY,OAAAuK,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,SAqBb,SAASkD,KAEpB,IAAMhU,EAAU,KAEV,EAAoB,mBAA2B,CACjDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDia,YAAa,KACbC,SAAU,KACVC,aAAc,KACdC,eAAgB,KAChBC,mBAAoB,KACpBC,SAAU,KACVC,cAAe,OAPZ1L,EAAS,KAAEC,EAAY,KAUxB0L,EAAsB,aAA6BC,IAGlDC,EAAyB,aAA+CC,IAAyB,GAElGC,EAAoB,SAAC5Z,EAAekI,GAEtC,IAAI2R,EAAwC,UAC/B,YAAT3R,IACA2R,EAAa,eAGjB,IAAMC,EAAgD9B,GAAY+B,MAAK,SAAC1T,GAA+B,OAAAA,EAAKwT,KAAgB7Z,KAK5H,OAFAga,QAAQC,IAAI,oBAAqBja,EAAOkI,EAAM4R,GAEvCA,EAAcA,EAAY5R,GAAQ,IAG7C,qBAAU,WAGN,IAAKsR,EAAoBla,SAAWka,EAAoB1a,KAAM,CAEpD,MASF0a,EAAoB1a,KAAKmP,SAASC,QAAQgM,eAAe9L,OARzD,EAAY,eACZ,EAAc,iBACd,EAAkB,qBAClB,EAAW,cACX,EAAQ,WACR,EAAmB,sBACnB,EAAQ,WACR,EAAa,gBAGjBN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChBgL,mBAAkB,EAClBF,aAAc,EAAe,CAAErZ,MAAO,EAAcE,MAAO,GAAiB,KAC5EoZ,eAAgB,EAAiB,CAAEtZ,MAAO,EAAgBE,MAAO,GAAmB,KAEpFiZ,YAAa,GAAe,EAAYrX,OAAS,EAAI,CAAE9B,MAAO8Z,EAAkB,EAAa,WAAY5Z,MAAO4Z,EAAkB,EAAa,YAAe,KAC9JV,SAAU,GAAY,EAAsB,CAAEpZ,MAAO,EAAqBE,MAAO,GAAa,KAC9FsZ,SAAU,EACVC,cAAe,OAIvBva,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAAC+Y,EAAoB1a,KAAM0a,EAAoBla,UAGzD,IAgBMgP,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAkC9C,OACI,kBAAC,IAAuB,CAACkF,MAAO,KAC5B,yBAAKzS,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAxCnD,SAACA,EAA0BK,GAExC8K,EAAsB,CAClBva,UAAW,CACP8Z,YAAarK,EAAOqK,YAAcW,EAAkBhL,EAAOqK,YAAYnZ,MAAO,eAAiB,KAC/FsZ,eAAgBxK,EAAOwK,eAAiBxK,EAAOwK,eAAepZ,MAAQ,KACtEmZ,aAAcvK,EAAOuK,aAAevK,EAAOuK,aAAanZ,MAAQ,KAChEqZ,mBAAoBzK,EAAOyK,mBAAqBzK,EAAOyK,mBAAqB,KAC5EH,SAAUtK,EAAOsK,SAAWtK,EAAOsK,SAASlZ,MAAQ,KACpDsZ,SAAU1K,EAAO0K,SAAW1K,EAAO0K,SAAW,KAC9CC,cAAe3K,EAAO2K,cAAgB3K,EAAO2K,cAAgB,QAIpE5Q,MAAK,SAACC,GACCA,EAAQ9J,MACR,YAAiB,KAAM,yBAA0B,WAIxD+J,OAAM,SAACC,GACJ,YAAiB,oCAAqCA,EAAQ,SAC9D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAemCmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAnFtCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAmFC,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,cACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACoI,GAAe,MACRpI,EAAK,CACThQ,MAAM,eACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,WAMnC,kBAAC3F,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,WACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACiJ,GAAgB,MACTjJ,EAAK,CACThQ,MAAM,YACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,WAMnC,kBAAC3F,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,eACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC4I,GAAoB,MACb5I,EAAK,CACThQ,MAAM,gBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,WAMnC,kBAAC3F,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,iBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC8I,GAAsB,MACf9I,EAAK,CACThQ,MAAM,kBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,WAMnC,kBAAC3F,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,qBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAAC,KAAkB,MACXD,EAAK,CACThQ,MAAM,uBACNP,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEVuB,KAAK,QACLkB,QAAQ,SACR8S,gBAAiB,CAAEC,QAAQ,GAC3BnB,OAAO,oBAKvB,kBAACpE,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACxH,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,WAEL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,YAENmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BkK,aAAa,OACbjK,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wBACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,gBAEL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDuF,MAAO,SAAAvF,GAAS,OAAAoa,WAAWpa,MAE1B,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iBACNoI,KAAK,SACLjH,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BkK,aAAa,OACbjK,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,6BACA,YAQlC,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,kBA2E1E,I,MAAMkL,GAAwB,KAAG,srCAkC3BE,GAA2B,KAAG,8oD,mTC9e9B,GAAY,OAAAzM,EAAA,IAAW,SAACrK,GAC5B,cAAAsK,EAAA,GAAa,CACXjD,KAAM,CACFzG,SAAU,cAyBL4W,GAA0E,SAAAxb,GAEnF,IAAMmG,EAAU,KAEV,EAAoB,mBAA2C,CACjEvE,WAAW,EACXW,QAAS,KAFNrC,EAAK,KAAEC,EAAQ,KAKtB,qBAAU,WACN+O,MAED,IAEH,IAAMA,EAAY,WAEd/O,EAAS,SACFD,GAAK,CACR0B,WAAW,MA4IhB,SACHD,EACA8H,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,SACKG,MAAM,CACHA,MAAO6R,GACPnb,UAAW,CACPob,WAAY/Z,EAAO+Z,YAEvBlb,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MA3JZ0R,CAJ6D,CACzDD,YAAY,IAKZ,GAEA,SAACzb,GAAS,OAAA2b,EAAwB3b,MAElC,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC2R,EAA0B,SAAC3b,GAC7BE,EAAS,SACFD,GAAK,CACRqC,QAAStC,EAAK4b,oBAAoBC,WAAW/a,KAAK,SAACgb,GAAqB,OAAE5a,MAAO4a,EAAOC,YAAa/a,MAAO8a,EAAOC,gBACnHpa,WAAW,MAKbN,EAAe,SAACC,EAA8BJ,GAEhDga,QAAQC,IAAI,WAAYja,GACpBnB,EAAMwB,aACNxB,EAAMwB,YAAYL,EAAOnB,EAAMyB,KAAOzB,EAAMyB,KAAO,WAIrDC,EAAgB,SAACC,EAA2BC,GAC9C,OAAS,SACFD,EAAOE,YAAU,CACpBC,aACI,kBAAC,IAAMC,SAAQ,KACZH,EAAY,kBAACkV,GAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,KAAS,KAC7DN,EAAOE,WAAWC,iBAMjC,OACI,yBAAKM,UAAc+D,EAAQkF,KAAI,IAAIrL,EAAMoC,WACnCpC,EAAMkC,SAEA,kBAAC6U,GAAA,EAAY,CACT5V,MAAOnB,EAAMmB,MACbe,UAAU,EACVzB,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMqC,QACfC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OACtDgb,kBAAmB,SAACvZ,EAAQvB,GAAU,OAAAA,EAAMA,QAAUuB,EAAOvB,OAE7D+B,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MAAQjB,EAAMiB,MAAQ,qBACnCkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,MACb2Q,WAAYrR,EAAMqR,eAI1B9N,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACKC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MACzDF,EAAKG,aAU9B,kBAACiT,GAAA,EAAY,CACT5V,MAAOnB,EAAMmB,MACbV,QAASP,EAAM0B,UACfS,SAAUrC,EAAMqC,SAChBC,SAAUhB,EACViB,QAASrC,EAAMqC,QACfC,cAAexC,EAAMwC,cAErBC,eAAgB,SAACC,GAA8B,OAAAA,EAAOzB,OAEtDiC,YAAa,SAAAvB,GAAU,OACnB,kBAACwP,EAAA,EAAS,MACFxP,EAAM,CACVV,MAAOjB,EAAMiB,MAAQjB,EAAMiB,MAAQ,SACnCkC,QAAQ,WACRC,WAAW,EACXC,OAAO,OACPC,SAAUtD,EAAMsD,SAChBzB,WAAYH,EAAcC,EAAQzB,EAAM0B,WACxClB,MAAOV,EAAMU,UAIrB6C,aAAc,SAACb,EAAQ,G,IAAEc,EAAU,aACzBC,EAAU,KAAMf,EAAOzB,MAAOuC,GAC9BE,EAAQ,KAAMhB,EAAOzB,MAAOwC,GAElC,OACI,6BACCC,EAAM3C,KAAI,SAAC4C,EAAMb,GAAU,OACxB,0BAAMG,IAAKH,EAAOX,MAAO,CAAEyB,WAAYD,EAAKE,UAAY,IAAM,MAC7DF,EAAKG,eA0DnC,I,GAAM2X,GAA2B,KAAG,wgB,mTClNrC,GAAY,OAAApN,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACbC,eAAgB,SACZP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,IAGpBlF,WAAY,CACRmK,cAAe,OAEnB5J,UAAW,CACPtQ,MAAO,IAAUuJ,YAAYe,iBAEjCkF,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,MAEjCC,iBAAkB,CACdjM,SAAU,eAwCP,SAASsW,KAEpB,IAAMhW,EAAU,KAEV,EAAoB,mBAAgC,CACtDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDic,aAAc,KACdC,oBAAqB,KACrBC,oBAAqB,KACrBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAoB,OACpBC,oBAAoB,EACpBC,eAAgB,KAEhBC,uBAAwB,KACxBC,qBAAsB,KACtBC,kBAAmB,KACnBC,cAAe,KACfC,eAAgB,KAEhBC,4BAA6B,KAG7BC,kBAAkB,EAClBC,sBAAsB,EACtBC,gBAAiB,KAEjBC,mBAAmB,EACnBC,sBAAsB,EACtBC,gBAAgB,IAzBbvO,EAAS,KAAEC,EAAY,KA4BxBuO,EAAwB,aAAoCC,IAG3DC,EAA+B,aAAsDC,IAAiC,GAE7H,qBAAU,WAGN,IAAKH,EAAsB/c,SAAW+c,EAAsBvd,KAAM,CAExD,MAwBFud,EAAsBvd,KAAKmP,SAASC,QAAQmO,sBAAsBjO,OAvBlE,EAAkB,qBAClB,EAAmB,sBACnB,EAAmB,sBACnB,EAAY,eACZ,EAAe,kBACf,EAAc,iBAGd,EAAsB,yBACtB,EAAoB,uBACpB,EAAa,gBACb,EAAiB,oBACjB,EAAc,iBACd,EAAoB,uBACpB,EAAqB,wBACrB,EAAe,kBACf,EAA2B,8BAC3B,EAAgB,mBAGhB,EAAc,iBACd,EAAoB,uBAIxBN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChBkN,mBAAkB,EAClBJ,oBAAmB,EACnBD,oBAAmB,EACnBD,aAAY,EACZG,gBAAe,EACfI,eAAc,EAIdC,uBAAsB,EACtBC,qBAAoB,EACpBE,cAAgB,EAAgB,CAAE9b,MAAO,EAAeE,MAAO,GAAiB,KAChF2b,kBAAmB,EAAoB,CAAE7b,MAAO,EAAmBE,MAAO,GAAqB,KAC/F6b,eAAc,EACdG,qBAAoB,EACpBS,sBAAqB,EACrBR,gBAAe,EACfH,4BAA2B,EAC3BC,iBAAgB,EAGhBK,eAAgB,EAChBD,qBAAsB,OAI9Bnd,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAAC4b,EAAsBvd,KAAMud,EAAsB/c,UAG7D,IAgBMgP,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAkDxC8E,EAAY,SAACC,GAEP,IAAAzD,EAAUyD,EAAS,MAC3B,OACQ,kBAACC,EAAA,EAAK,MACE1D,EAAK,CACT2D,YAAa,kBAAC,IAAsB,CAACxS,UAAW+D,EAAQmM,gBAKxE,OACI,yBAAKlQ,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAlE/C,SAACA,EAA0BK,GAExC2N,EAA4B,CACxBpd,UAAW,CACPoc,mBAAoB3M,EAAO2M,mBAC3BJ,oBAAqBvM,EAAOuM,oBAC5BD,oBAAqBtM,EAAOsM,oBAC5BD,aAAcrM,EAAOqM,aACrBG,gBAAiBxM,EAAOwM,gBACxBI,eAAgB5M,EAAO4M,eAGvBC,uBAAwB7M,EAAO6M,uBAC/BC,qBAAsB9M,EAAO8M,qBAC7BE,cAAehN,EAAOgN,cAAgBhN,EAAOgN,cAAc5b,MAAQ,KACnE2b,kBAAmB/M,EAAO+M,kBAAoB/M,EAAO+M,kBAAkB3b,MAAQ,KAC/E6b,eAAgBjN,EAAOiN,eACvBG,qBAAsBpN,EAAOoN,qBAC7BS,sBAAuB7N,EAAO6N,sBAC9BR,gBAAiBrN,EAAOqN,gBACxBH,4BAA6BlN,EAAOkN,4BACpCC,iBAAkBnN,EAAOmN,iBAGzBK,eAAgBxN,EAAOwN,eACvBD,qBAAsBvN,EAAOuN,wBAIpCxT,MAAK,SAACC,GACCA,EAAQ9J,MACR,YAAiB,KAAM,yBAA0B,WAIxD+J,OAAM,SAACC,GACJ,YAAiB,mCAAoCA,EAAQ,SAC7D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UA0B+BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdwE,SAAU,SAACjF,GACP,IAAIkF,EAAS,CACTmH,aAAc,GACdC,oBAAqB,GACrBC,oBAAqB,IAiBzB,GAf4B,OAAxBvM,EAAOqM,eACDrM,EAAOqM,cAAgB,GAAKrM,EAAOqM,cAAgB,KACrDnH,EAAOmH,aAAe,6CAGK,OAA/BrM,EAAOsM,sBACDtM,EAAOsM,qBAAuB,GAAKtM,EAAOsM,qBAAuB,KACnEpH,EAAOoH,oBAAsB,sDAGF,OAA/BtM,EAAOuM,sBACDvM,EAAOuM,qBAAuB,GAAKvM,EAAOuM,qBAAuB,KACnErH,EAAOqH,oBAAsB,sDAGT,KAAxBrH,EAAOmH,cAAsD,KAA/BnH,EAAOoH,qBAA6D,KAA/BpH,EAAOqH,oBAG9E,OAAOrH,GAEXxE,OAAQ,SAAC,G,IAAEC,EAAY,eAAEhB,EAAI,OAAEa,EAAU,aAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAACtC,GACYA,EAjI9BwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAiIP,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACjD,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,OACzC,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,mBAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,eACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGlD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iBACNQ,KAAK,eACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtD2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,sBACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGlD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,yBACNQ,KAAK,sBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,UAKtE,kBAACiQ,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,sBACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGlD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,yBACNQ,KAAK,sBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtD2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC5B,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,kBAAkB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAC5E,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,4BAIlB,kBAAC,IAAK,CAACQ,KAAK,qBAAqB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAC/E,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,mCA6B1C,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACjD,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,OACzC,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,YAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,mBAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAGnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,iBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,YACNF,MAAM,gBAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,iBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,mBAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,KAkC5C,kBAACxH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iBACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,yBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,mBACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,8BACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iCACNQ,KAAK,8BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,oBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACuK,GAA2B,MACpBvK,EAAK,CACThQ,MAAM,sBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,IAEnBlU,UAAW+D,EAAQoI,iBAKnC,kBAACoC,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,gBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACuK,GAA2B,MACpBvK,EAAK,CACThQ,MAAM,iBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,IAEnBlU,UAAW+D,EAAQoI,iBAKnC,kBAACoC,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACxH,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GA2C5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAI0Q,GAAI,GAAIzQ,GAAI,EAAGwQ,GAAI,GACzC,kBAAC,IAAK,CACFzW,KAAK,mBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,2BAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAI0Q,GAAI,GAAIzQ,GAAI,EAAGwQ,GAAI,GACzC,kBAAC,IAAK,CACFzW,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,iCAO9B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,qBAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAEnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,kBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,WACNF,MAAM,aAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,kBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,aAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,4BAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAEnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,OACNF,MAAM,SAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,WACNF,MAAM,aAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,iBAStC,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACjD,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,OACzC,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,aAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC5B,EAAA,EAAS,KACN,kBAAC,IAAK,CACF9U,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAIlB,kBAAC,IAAK,CACFQ,KAAK,iBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,2BAwB1B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,iBACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGlD,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,8BACNQ,KAAK,iBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtD2I,KAAK,oBASrC,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAGlH,kBAAC4C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,EAAUlH,QAASmG,EAAQC,IAAK,iBAoFzJ,I,MAAM+N,GAAgC,KAAG,wjEA6DnCE,GAAmC,KAAG,8lI,mTCtiCtC,GAAY,OAAAtP,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,IAGpBlF,WAAY,CACRmK,cAAe,OAEnB5J,UAAW,CACPtQ,MAAO,IAAUuJ,YAAYe,sBAyB1B,SAASwR,KAEpB,IAAM3X,EAAU,KAEV,EAAoB,mBAAwC,CAC9DvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDyc,uBAAwB,KACxBC,qBAAsB,KACtBC,kBAAmB,KACnBC,cAAe,KACfC,eAAgB,KAEhBC,4BAA6B,KAG7BC,kBAAkB,EAClBC,sBAAsB,EACtBC,gBAAiB,OAZdpO,EAAS,KAAEC,EAAY,KAexB8O,EAAwB,aAAoCC,IAG3DC,EAA+B,aAAsDC,IAA8B,GAE1H,qBAAU,WAGN,IAAKH,EAAsBtd,SAAWsd,EAAsB9d,MAAQ8d,EAAsB9d,KAAKmP,UAAY2O,EAAsB9d,KAAKmP,SAASC,QAAQ0O,uBAAyBA,EAAsB9d,KAAKmP,SAASC,QAAQ0O,sBAAsBxO,OAAQ,CAElP,MAWAwO,EAAsB9d,KAAKmP,SAASC,QAAQ0O,sBAAsBxO,OAVlEqN,EAAsB,yBACtBC,EAAoB,uBACpBE,EAAa,gBACbD,EAAiB,oBACjBE,EAAc,iBACdG,EAAoB,uBACpBS,EAAqB,wBACrBR,EAAe,kBACfH,EAA2B,8BAC3BC,EAAgB,mBAGpBjO,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChBoN,uBAAsB,EACtBC,qBAAoB,EACpBE,cAAgBA,EAAgB,CAAE9b,MAAO8b,EAAe5b,MAAO4b,GAAiB,KAChFD,kBAAmBA,EAAoB,CAAE7b,MAAO6b,EAAmB3b,MAAO2b,GAAqB,KAC/FE,eAAc,EACdG,qBAAoB,EACpBS,sBAAqB,EACrBR,gBAAe,EACfH,4BAA2B,EAC3BC,iBAAgB,OAIxB/c,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAACmc,EAAsB9d,KAAM8d,EAAsBtd,UAG7D,IAgBMgP,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAsCxC8E,EAAY,SAACC,GAEP,IAAAzD,EAAUyD,EAAS,MAC3B,OACQ,kBAACC,EAAA,EAAK,MACE1D,EAAK,CACT2D,YAAa,kBAAC,IAAsB,CAACxS,UAAW+D,EAAQmM,gBAKxE,OACI,yBAAKlQ,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAtD/C,SAACA,EAA0BK,GAExCkO,EAA4B,CACxB3d,UAAW,CACPsc,uBAAwB7M,EAAO6M,uBAC/BC,qBAAsB9M,EAAO8M,qBAC7BE,cAAehN,EAAOgN,cAAgBhN,EAAOgN,cAAc5b,MAAQ,KACnE2b,kBAAmB/M,EAAO+M,kBAAoB/M,EAAO+M,kBAAkB3b,MAAQ,KAC/E6b,eAAgBjN,EAAOiN,eACvBG,qBAAsBpN,EAAOoN,qBAC7BS,sBAAuB7N,EAAO6N,sBAC9BR,gBAAiBrN,EAAOqN,gBACxBH,4BAA6BlN,EAAOkN,4BACpCC,iBAAkBnN,EAAOmN,oBAIhCpT,MAAK,SAACC,GACCA,EAAQ9J,MACR,YAAiB,KAAM,yBAA0B,WAIxD+J,OAAM,SAACC,GACJ,YAAiB,4CAA6CA,EAAQ,SACtE9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UA0B+BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAjGlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAiGH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,mBAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAGnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,iBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,YACNF,MAAM,gBAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,iBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,mBAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,KAkC5C,kBAACxH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iBACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,yBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,mBACNmB,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,8BACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAElDuF,MAAO,SAAAvF,GAAS,OAAA0c,SAAS1c,MAGxB,SAAC,G,IAAE8P,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,iCACNQ,KAAK,8BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACCF,EAAKxQ,MACL,GAEV2I,KAAK,gBAKrB,kBAACsH,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,oBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACuK,GAA2B,MACpBvK,EAAK,CACThQ,MAAM,sBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,IAEnBlU,UAAW+D,EAAQoI,iBAKnC,kBAACoC,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,gBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAGjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACuK,GAA2B,MACpBvK,EAAK,CACThQ,MAAM,iBACNO,YAAa,SAAC8U,EAA8B7U,GACxC,OAAAwP,EAAM3O,SAASgU,IAEnBlU,UAAW+D,EAAQoI,iBAKnC,kBAACoC,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACxH,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GA2C5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAI0Q,GAAI,GAAIzQ,GAAI,EAAGwQ,GAAI,GACzC,kBAAC,IAAK,CACFzW,KAAK,mBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,2BAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAI0Q,GAAI,GAAIzQ,GAAI,EAAGwQ,GAAI,GACzC,kBAAC,IAAK,CACFzW,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,iCAO9B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,qBAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAEnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,kBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,WACNF,MAAM,aAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,kBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,aAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,4BAC7B,kBAACE,EAAA,EAAU,CACPvT,UAAW+D,EAAQ4L,YAEnB,kBAAC6D,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,OACNF,MAAM,SAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,WACNF,MAAM,aAEV,kBAAC2U,EAAA,EAAgB,CACbC,QACI,kBAAC,IAAK,CACFvF,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,GAClDM,KAAK,wBACLgU,UAAWhB,EACXpL,KAAK,UAGblI,MAAM,QACNF,MAAM,aAKtB,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBA2EtE,I,MAAMsO,GAA0B,KAAG,k+CAwC7BE,GAAgC,KAAG,ggF,2gBCvrBnC,GAAY,OAAA7P,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,IAGpBlF,WAAY,CACRmK,cAAe,OAEnB1K,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,WA4B1B,SAASsM,KAEpB,IAAMhY,EAAU,KAEV,EAAoB,mBAA0B,CAChDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDie,mBAAoB,KACpBC,eAAgB,KAChBC,8BAA8B,EAC9BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,iCAAiC,EACjCC,+BAA+B,EAC/BC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,gCAAgC,EAChCC,4CAA4C,EAC5CC,2CAA2C,EAC3CC,gBAAiB,KAfdlQ,EAAS,KAAEC,EAAY,KAkBxBkQ,EAAsB,aAAkCC,IAExD,EAAkD,aAA+CC,IAAhGC,EAAoB,KAAEC,EAAuB,KAEpD,qBAAU,WAGN,IAAKJ,EAAoB1e,SAAW0e,EAAoBlf,KAAM,CAEpD,MAYFkf,EAAoBlf,KAAKmP,SAASC,QAAQmQ,gBAAgBjQ,OAX1D,EAA0B,6BAC1B,EAAyB,4BACzB,EAAyB,4BACzB,EAAwB,2BACxB,EAAkB,qBAClB,EAAc,iBACd,EAAwB,2BACxB,EAA6B,gCAC7B,EAA2B,8BAC3B,EAAwC,2CACxC,EAAuC,0CAG3CN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChB4O,mBAAoB,EACpBC,eAAgB,EAChBC,6BAA8B,EAC9BC,4BAA6B,EAC7BC,4BAA6B,EAC7BC,2BAA4B,EAC5BC,2BAA4B,EAC5BC,gCAAiC,EACjCC,8BAA+B,EAC/BI,2CAA4C,EAC5CC,0CAA2C,OAInD9e,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAACud,EAAoBlf,KAAMkf,EAAoB1e,UAEzD,qBAAU,WACF8e,EAAwB9e,SACxB,YAAiB,KAAM,yBAA0B,QAEjD8e,EAAwB7e,QACxBP,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,YAAiB,oCAAqC4Q,EAAwB7e,MAAM+e,QAAS,YAE3F,CAACF,EAAwBtf,KAAMsf,EAAwB9e,QAAS8e,EAAwB7e,QAGlG,IAYM4C,EAAW,SAACnC,GACd,OAAOA,OAAQ4X,EAAY,YAGzBtJ,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KA6B9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAlC/C,SAACA,EAA0BK,GACxCuP,EAAqB,CACjBhf,UAAW,CACPof,2BAA4B3P,EAAOuO,6BACnCqB,0BAA2B5P,EAAOwO,4BAClCqB,0BAA2B7P,EAAOyO,4BAClCqB,yBAA0B9P,EAAO0O,2BACjCL,mBAAoBrO,EAAOqO,mBAC3BC,eAAgBtO,EAAOsO,eACvByB,yBAA0B/P,EAAO2O,2BACjCqB,4BAA6BhQ,EAAO6O,8BACpCoB,8BAA+BjQ,EAAO4O,gCACtCsB,yCAA0ClQ,EAAOiP,2CACjDkB,wCAA0CnQ,EAAOkP,6CAIzD9e,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAcmCmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzB2E,SAAU,SAACjF,GAEP,IAAMkF,EAAc,CAChBkL,uBAAwB,IAO5B,GAJKpQ,EAAO8O,2BAA8B9O,EAAOgP,gCAAmChP,EAAO+O,+BACvF7J,EAAOkL,uBAAyB,yCAGE,KAAlClL,EAAOkL,uBAIX,OAAOlL,GAEX3E,aAAc,CACVC,YAAY,EACZC,UAAU,EACVyE,QAAQ,GAEZxE,OAAQ,SAAC,G,QACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACRyE,EAAM,SACJ,OACE,0BAAMnF,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EA9FlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UA8FH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,qBACLuT,SAA8D,QAAZ,QAAxC,EAAAtF,EAAK0Q,cAAc,6BAAqB,eAAEjf,OAAiBmC,OAAWyV,IAE/E,SAAC,G,IAAE9H,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,uBACNQ,KAAK,qBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,mCACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,iBACLuT,SAA0D,QAAZ,QAApC,EAAAtF,EAAK0Q,cAAc,yBAAiB,eAAEjf,OAAiBmC,OAAWyV,IAE3E,SAAC,G,IAAE9H,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,kBACNQ,KAAK,iBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,8BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAACjD,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,kBAAkBjU,GAAG,kBACjF,kBAACkU,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,kDAE1C,kBAAC+D,EAAA,EAAgB,KACb,kBAAC5E,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,+BAC7B,kBAACc,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,+BACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,qBAIlB,kBAAC,IAAK,CACFQ,KAAK,8BACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,uBAO9B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,SAAS/U,SAAOuU,IAAUA,EAAOkL,yBAAqC,UAC3F,kBAAC5J,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,6BACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,cAIlB,kBAAC,IAAK,CACFQ,KAAK,kCACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,mBAIlB,kBAAC,IAAK,CACFQ,KAAK,gCACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kBAKrBgU,GAAUA,EAAOkL,wBACd,kBAACE,GAAA,EAAc,CAAC3f,OAAO,GAAOuU,EAAOkL,8BAQjE,kBAACxP,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC9C,kBAACjD,EAAA,EAAS,CAACC,iBAAiB,GACpB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,kBAAkBjU,GAAG,kBACjF,kBAACkU,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,kDAE1C,kBAAC+D,EAAA,EAAgB,KACT,kBAAC5E,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC3C,EAAA,EAAW,CAACC,UAAU,YACnB,kBAACC,EAAA,EAAS,CAACD,UAAU,UAAQ,+BAC7B,kBAACc,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,6CACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,qBAIlB,kBAAC,IAAK,CACFQ,KAAK,4CACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,0BAU9C,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,oBAGJ,SAAC,G,IAAEwP,EAAK,QAAM,OAAO,OAClB,kBAAC,KAAY,MACLA,EAAK,CACTqP,YAAa,KAEbC,eAAe,EACfC,oBAAoB,EACpBC,WAAY,EACZne,SAAU,SAACoe,GACP,IAAIC,EAAa,MAAuB1P,EAAM9P,OAAK,GAC7Cyf,EAAWF,EAAMpT,QAAO,SAACuT,GAC3B,OAAQF,EAAcG,MAAK,SAACtZ,GACxB,OAAOA,EAAK/F,OAASof,EAAKpf,MAAwB,IAAhB+F,EAAKuZ,aAG3CH,GAAYA,EAAS7d,OAAS,IAC9B6d,EAASI,SAAQ,SAACH,GACd,IAAMI,EAA6B,CAC/BC,OAAQ,KACRL,KAAMA,EACNE,OAAQ,EACRtf,KAAMof,EAAKpf,KACX0f,IAAK,IAETR,EAAcS,KAAKH,MAEvBhQ,EAAM3O,SAASqe,KAGvBU,SAAU,SAACR,GACP,IAAIF,EAAa,MAAuB1P,EAAM9P,OAAK,GAEnDwf,EAAc5f,KAAI,SAACyG,GACXqZ,EAAKpf,OAAS+F,EAAK/F,OACnB+F,EAAKqZ,KAAOA,EACZrZ,EAAKuZ,OAAS,MAItB,IAAMO,EAAgBX,EAAcrT,QAAO,SAAC9F,GACxC,OAAuB,IAAhBA,EAAKuZ,QAAgC,OAAhBvZ,EAAK0Z,UAErCjQ,EAAM3O,SAASgf,IAGnBC,OAAQ,SAACb,EAAenf,GAKpB4Z,QAAQC,IAAI7Z,IAEhBigB,aAAcvQ,EAAM9P,MAAMJ,KAAI,SAAC8f,GAA2B,OAAAA,EAAKM,OAC/DM,aAAa,mCAK7B,kBAAC9Q,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBA2EtE,I,MAAM0P,GAAsB,KAAG,olDAyCzBC,GAA4B,KAAG,gvG,mTC/qB/B,GAAY,OAAAhR,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,IAGpBlF,WAAY,CACRmK,cAAe,YAgBZ,SAASwF,KAEpB,IAAMvb,EAAU,KAEV,EAAoB,mBAA+C,CACrEvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDkd,mBAAmB,EACnBC,sBAAsB,EACtBC,gBAAgB,IAHbvO,EAAS,KAAEC,EAAY,KAMxB0S,EAAwB,aAAoCC,IAG3DC,EAA+B,aAAsDC,IAAgC,GAE5H,qBAAU,WAGN,IAAKH,EAAsBlhB,SAAWkhB,EAAsB1hB,KAAM,CAExD,MAGF0hB,EAAsB1hB,KAAKmP,SAASC,QAAQsS,sBAAsBpS,OAFlE,EAAc,iBACd,EAAoB,uBAGxBN,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChB+N,eAAgB,EAChBD,qBAAsB,OAI9Bnd,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAIjB,CAAC+f,EAAsB1hB,KAAM0hB,EAAsBlhB,UAG7D,IAgBMgP,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAmC9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OAxC/C,SAACA,EAA0BK,GACxC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzBkT,EAA4B,CACxBvhB,UAAW,CACPid,eAAgBxN,EAAOwN,eACvBD,qBAAsBvN,EAAOuN,wBAIpCxT,MAAK,SAACC,GACCA,EAAQ9J,MACR,YAAiB,KAAM,yBAA0B,WAIxD+J,OAAM,SAACC,GACJ,YAAiB,2CAA4CA,EAAQ,SACrE9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAc+BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAnFlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAmFH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC5B,EAAA,EAAS,KACN,kBAAC,IAAK,CACF9U,KAAK,uBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAIlB,kBAAC,IAAK,CACFQ,KAAK,iBACL6O,aAAc,CAACc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAEjD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,2BAwB1B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBAmEtE,I,MAAMkS,GAA+B,KAAG,guBAuBlCE,GAAkC,KAAG,o6B,qpBC3VrC,GAAY,OAAAzT,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,QAEXkD,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEV8S,UAAW,CACPjS,WAAY,aACZ,8BAA+B,CAC3BkS,WAAY,IAGpBlF,WAAY,CACRmK,cAAe,YAyBZ,SAAS6F,KAEpB,IAAM5b,EAAU,KAEV,EAAoB,mBAA4B,CAClDvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,qBAA3B6O,EAAS,KAAEC,EAAY,KAE9B,qBAAU,WACNC,MAED,IAEH,IAAMA,EAAY,WACd8S,IACI,GACA,SAAC/hB,GAAuB,OAAAgiB,EAAyBhiB,MAEjD,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAK3C,qBAAU,WACN,IAAMiY,EAAmBC,IAEzB,OAAO,WACHD,EAAiBE,iBAGtB,IAEH,IAAMD,EAAgC,WAClC,OAEI,SACKE,UAAU,CACP7hB,YAAa,WACboJ,MAAO,KACPtJ,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAChC,IAAAwB,EAAuBxY,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAWsiB,EAAmB9C,QAAS,aAExD,YAAiB,SAAU1V,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CP,EAA2B,SAAChiB,GAC9B,GAAIA,GAAQA,EAAKmP,UAAYnP,EAAKmP,SAASC,SAAWpP,EAAKmP,SAASC,QAAQoT,mBAAqBxiB,EAAKmP,SAASC,QAAQoT,kBAAkBlT,OAAQ,CAC7I,IAAM,EAAStP,EAAKmP,SAASC,QAAQoT,kBAAkBlT,OACvDN,GAAa,SAACO,G,QACV,OAAO,SACAA,GAAa,CAChBkT,eAAgB,EAAOA,eACvBC,gBAAiB,EAAOA,gBACxBC,wBAAuD,QAA9B,IAAOC,+BAAuB,QAAI,EAC3DA,wBAAuD,QAA9B,IAAOD,+BAAuB,QAAI,GAC3DE,2BAA4B,EAAOA,2BACnCC,uBAAwB,EAAOA,uBAC/BC,yBAA0B,EAAOA,yBACjCC,qBAAsB,EAAOA,qBAC7BC,kBAAmB,EAAOA,kBAC1BC,YAAa,EAAOA,YACpBC,kBAAmB,EAAOA,uBAIlCjjB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,SAsBrB6N,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAiD9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,UACH,yBAAKQ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAEbkK,GACA,kBAAC,IAAI,CACDc,SAAU,SAACC,EAAQL,GAA6B,OAtD/C,SAACA,EAA0BK,GAExC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,YAAiB,UAAW,0BAA2B,QAEvD,SAAOsB,OAAO,CACVC,SAAUmT,GACV/iB,UAAW,CACPgjB,iBAAkBvT,EAAO2S,eACzBa,WAAYxT,EAAO4S,gBACnBC,wBAAyB7S,EAAO6S,wBAChCC,wBAAyB9S,EAAO8S,wBAChCC,2BAA4B/S,EAAO+S,2BACnCC,uBAAwBhT,EAAOgT,uBAC/BC,yBAA0BjT,EAAOiT,yBACjCC,qBAAsBlT,EAAOkT,qBAC7BE,YAAapT,EAAOoT,YACpBD,kBAAmBnT,EAAOmT,kBAC1BE,kBAAmBrT,EAAOqT,qBAG/BtZ,MAAK,SAAC0Z,GACLrjB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,UAI1B3E,OAAM,SAACC,GACN,YAAiB,uCAAwCA,EAAQ,SACjE9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAc+BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WACF,SACJ,OACE,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAhGlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAgGH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,mBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,oBACNQ,KAAK,iBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,2BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,IAC1C,kBAAC,IAAK,CACF1W,KAAK,oBAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,cACNQ,KAAK,kBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,4BACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,4BAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,mCACNQ,KAAK,0BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,mCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,GAChBvN,WAAY,CACRwN,SAAU,EACVC,SAAU,YAOlC,kBAACjT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,4BAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,mCACNQ,KAAK,0BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,mCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,GAChBvN,WAAY,CACRwN,SAAU,EACVC,SAAU,YAOlC,kBAACjT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,+BAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,gCACNQ,KAAK,6BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,WAMpC,kBAAC/S,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,2BAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,4BACNQ,KAAK,yBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,WAMpC,kBAAC/S,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,6BAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,8BACNQ,KAAK,2BACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,WAMpC,kBAAC/S,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,yBAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,0BACNQ,KAAK,uBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,wCACA,GAEVvP,WAAY,CAER4hB,eAAgBC,WAMpC,kBAAC/S,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,sBAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,qBACNQ,KAAK,oBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,gBAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,eACNQ,KAAK,cACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,EAAGC,GAAI,IACxC,kBAAC,IAAK,CACF1W,KAAK,sBAEJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACThQ,MAAM,qBACNQ,KAAK,oBACLW,UAAW+D,EAAQoI,UACnB7N,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,UAM1B,kBAACT,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAK7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBA0CtE,IAAMsS,GAA4B,SAC9BvY,EACAC,EAEAC,GAGA,IAAInJ,EAA4BiJ,EAAc,eAAiB,cAE/D,SAAOG,MAAM,CACTA,MAAOia,GACPvjB,UAAW,GACXE,YAAaA,IAEhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GAAkBN,EAAQM,OAWtC,SAASyZ,GAAmB1jB,GAChB,IAAA8jB,EAAqD9jB,EAAK,SAAhDsC,EAA2CtC,EAAK,SAAtC2jB,EAAiC3jB,EAAK,SAA5B4jB,EAAuB5jB,EAAK,SAAf+jB,EAAK,GAAK/jB,EAAvD,+CAEN,OACE,kBAAC,KAAY,MACP+jB,EAAK,CACTC,YAAaF,EACbG,cAAe,SAAClU,GACdzN,EAAS,CACP4hB,OAAQ,CACNziB,KAAMzB,EAAMyB,KACZN,MAAO4O,EAAO5O,UAIpBgjB,iBAAiB,EACjBC,UAAW,SAACrU,GACA,IAAAsU,EAA+BtU,EAAM,eAArBuU,EAAevU,EAAM,WAC7C,OAAkB,MAAduU,EAC0B,KAAnBD,EAECC,IAAuB,OAARX,QAAQ,IAARA,IAAYY,KAAKC,QAAUF,IAAuB,OAARV,QAAQ,IAARA,IAAYW,KAAKE,WAsClG,I,MAAMpB,GAAqB,KAAG,ksFAqCxBQ,GAAkB,KAAG,05C,iNCzqBrB,GAAY,OAAAxV,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEbqN,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,MAEjCC,iBAAkB,CACdjM,SAAU,UAEdkM,WAAY,CACRlM,SAAU,YAEdmM,YAAa,CACT3O,OAAQ,UAEZ8O,gBAAiB,GACjBC,WAAY,CACR5N,QAAS,OACTO,WAAY,SACZZ,QAAS,SACTd,OAAQ,SACR,WAAY,CACRA,OAAQ,SAEZ,UAAW,CACPA,OAAQ,UAGhBmL,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEVmO,kBAAmB,CACf/G,MAAO,OAEXgH,UAAW,CACPtQ,MAAO,IAAUuJ,YAAYe,sBAuV1B,GAtU8C,WACzD,IAAMnG,EAAU,KAEV,EAAoB,mBAAmD,CACzEuI,eAAe,EACfC,iBAAiB,EACjB/M,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClD6S,SAAU,CAAE7R,MAAO,OAAQF,MAAO,QAClCgS,gBAAiB,CAAE9R,MAAO,OAAQF,MAAO,QACzCiS,yBAAyB,EACzBG,4CAA4C,IAJzCrE,EAAS,KAAEC,EAAY,KAO9B,qBAAU,WACNC,MAED,IAEH,IAAMA,EAAY,WACd,aACI,GAEA,SAACjP,GAAmC,OAAAykB,EAAqCzkB,MAEzE,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrCya,EAAuC,SAACzkB,GAC1C,IAAMsP,EAAStP,EAAKmP,SAASC,QAAQsV,qBAAqBpV,OAE1DN,GAAa,SAACO,GAEV,OAAO,SACAA,GAAa,CAChBwD,SAAUzD,EAAOyD,SAAW,CAAE7R,MAAOoO,EAAOyD,SAAU/R,MAAOsO,EAAOyD,UAAahE,EAAUgE,SAC3FC,gBAAiB1D,EAAO0D,gBAAkB,CAAE9R,MAAOoO,EAAO0D,gBAAiBhS,MAAOsO,EAAO0D,iBAAoBjE,EAAUiE,gBACvHC,wBAAyB3D,EAAO2D,wBAChCG,2CAA4C9D,EAAO8D,gDAG3DlT,GAAS,SAACU,GAEN,OAAO,SACAA,GAAS,CACZe,WAAW,QAuBjB6N,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAuD9C,OAAIzP,EAAM0B,UAEF,yBAAKQ,UAAW+D,EAAQkF,MACpB,yBAAKjJ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,QAOrB,kBAAC,IAAuB,CAAC+P,MAAO,KAC5B,yBAAKzS,UAAW+D,EAAQkF,MACpB,kBAAC,IAAI,CACDyE,SAAU,SAACC,EAAQL,GAA6B,OAlE/C,SAACA,EAA0BK,GAGxC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,SAEKsB,OAA4D,CACzDC,SAAU,IACV5P,UAAW,CACP0S,SAAUjD,EAAOiD,SAAWjD,EAAOiD,SAAS7R,MAAQ,OACpD8R,gBAAiBlD,EAAOkD,gBAAkBlD,EAAOkD,gBAAgB9R,MAAQ,OACzE+R,wBAAyBnD,EAAOmD,wBAChCG,2CAA4CtD,EAAOsD,8CAI1DvJ,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAKzBe,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,MAAME,MAEfL,EAAKC,UAAU,2BAA2B,OAIjD3F,OAAM,SAACC,GACJ,YAAiB,mCAAoCA,EAAQ,SAC7D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAoB2BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CAAEC,YAAY,EAAMC,UAAU,GAa5CC,OAAQ,SAAC,G,IAAEC,EAAY,eAAEhB,EAAI,OAAEa,EAAU,aAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAACtC,GACYA,EAhH9BwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAgHP,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,mCAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,0BACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAM1B,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,iBACtB,kBAAC,IAAK,CACFX,KAAK,WACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,mCAQlD,kBAACuO,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,2CAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,6CACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAM1B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,IAClB,yBAAKtF,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,yBACtB,kBAAC,IAAK,CACFX,KAAK,kBACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,kCAQlD,kBAACuO,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,mB,iNC5X5D,GAAY,OAAArB,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEbqN,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,MAEjCC,iBAAkB,CACdjM,SAAU,UAEdkM,WAAY,CACRlM,SAAU,YAEdmM,YAAa,CACT3O,OAAQ,UAEZ8O,gBAAiB,GACjBC,WAAY,CACR5N,QAAS,OACTO,WAAY,SACZZ,QAAS,SACTd,OAAQ,SACR,WAAY,CACRA,OAAQ,SAEZ,UAAW,CACPA,OAAQ,UAGhBmL,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEVmO,kBAAmB,CACf/G,MAAO,OAEXgH,UAAW,CACPtQ,MAAO,IAAUuJ,YAAYe,sBAuV1B,GAtUsC,WACjD,IAAMnG,EAAU,KAEV,EAAoB,mBAA2C,CACjEuI,eAAe,EACfC,iBAAiB,EACjB/M,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClD6S,SAAU,CAAE7R,MAAO,OAAQF,MAAO,QAClCgS,gBAAiB,CAAE9R,MAAO,OAAQF,MAAO,QACzCiS,yBAAyB,EACzBG,4CAA4C,IAJzCrE,EAAS,KAAEC,EAAY,KAO9B,qBAAU,WACNC,MAED,IAEH,IAAMA,EAAY,WACd,aACI,GAEA,SAACjP,GAA2B,OAAA2kB,EAA6B3kB,MAEzD,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC2a,EAA+B,SAAC3kB,GAClC,IAAMsP,EAAStP,EAAKmP,SAASC,QAAQwV,aAAatV,OAElDN,GAAa,SAACO,GAEV,OAAO,SACAA,GAAa,CAChBwD,SAAUzD,EAAOyD,SAAW,CAAE7R,MAAOoO,EAAOyD,SAAU/R,MAAOsO,EAAOyD,UAAahE,EAAUgE,SAC3FC,gBAAiB1D,EAAO0D,gBAAkB,CAAE9R,MAAOoO,EAAO0D,gBAAiBhS,MAAOsO,EAAO0D,iBAAoBjE,EAAUiE,gBACvHC,wBAAyB3D,EAAO2D,wBAChCG,2CAA4C9D,EAAO8D,gDAG3DlT,GAAS,SAACU,GAEN,OAAO,SACAA,GAAS,CACZe,WAAW,QAuBjB6N,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAuD9C,OAAIzP,EAAM0B,UAEF,yBAAKQ,UAAW+D,EAAQkF,MACpB,yBAAKjJ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,QAOrB,kBAAC,IAAuB,CAAC+P,MAAO,KAC5B,yBAAKzS,UAAW+D,EAAQkF,MACpB,kBAAC,IAAI,CACDyE,SAAU,SAACC,EAAQL,GAA6B,OAlE/C,SAACA,EAA0BK,GAGxC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,SAEKsB,OAA4D,CACzDC,SAAU,IACV5P,UAAW,CACP0S,SAAUjD,EAAOiD,SAAWjD,EAAOiD,SAAS7R,MAAQ,OACpD8R,gBAAiBlD,EAAOkD,gBAAkBlD,EAAOkD,gBAAgB9R,MAAQ,OACzE+R,wBAAyBnD,EAAOmD,wBAChCG,2CAA4CtD,EAAOsD,8CAI1DvJ,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAKzBe,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,MAAME,MAEfL,EAAKC,UAAU,2BAA2B,OAIjD3F,OAAM,SAACC,GACJ,YAAiB,mCAAoCA,EAAQ,SAC7D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAoB2BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CAAEC,YAAY,EAAMC,UAAU,GAa5CC,OAAQ,SAAC,G,IAAEC,EAAY,eAAEhB,EAAI,OAAEa,EAAU,aAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAACtC,GACYA,EAhH9BwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAgHP,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,0BAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,0BACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAM1B,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,yBAAKpF,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,iBACtB,kBAAC,IAAK,CACFX,KAAK,WACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,0BAQlD,kBAACuO,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,kCAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CACFtQ,KAAK,6CACL6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAElD,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,kCAM1B,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,IAClB,yBAAKtF,UAAW+D,EAAQgM,iBACpB,yBAAK/P,UAAW+D,EAAQiM,YACpB,0BAAMhQ,UAAU,QAAM,yBACtB,kBAAC,IAAK,CACFX,KAAK,kBACLsU,WAAW,IAGV,SAAC,G,IAAE9E,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACmF,EAAA,EAAgB,MACTpF,EAAK,CAET7O,UAAW+D,EAAQkM,kBACnB7Q,YAAa,SAAC8U,GACVrF,EAAM3O,SAASgU,IAEnB5V,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WAAYH,EAAKxQ,OAASwQ,EAAKE,QAAUF,EAAKxQ,MAAQ,GACtDuB,KAAK,cAIjB,0BAAMG,UAAU,QAAM,yBAQlD,kBAACuO,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,mB,kRCvY5D,GAAY,OAAArB,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEbqN,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,MAEjCE,WAAY,CACRlM,SAAU,YAEdiM,iBAAkB,CACdjM,SAAU,UAEd2I,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,QAwWH,GAhVmD,WAC9D,IAAMiC,EAAU,KAEV,EAAoB,mBAAwD,CAC9EuI,eAAe,EACfC,iBAAiB,EACjBmW,aAAc,KACdC,gBAAiB,OAJd7kB,EAAK,KAAEC,EAAQ,KAOhB,EAA4B,mBAAoB,CAClD6kB,qBAAqB,EACrBC,wBAAwB,EACxBC,wBAAyB,KACzBC,qBAAsB,KACtBC,qBAAsB,KACtBC,kBAAmB,KACnBC,oBAAqB,KACrBC,iBAAkB,OARfvW,EAAS,KAAEC,EAAY,KAYxBuW,EAAqC,aAAwC,KAEnF,mBAAQ,WAEJ,IAAKA,EAAmC/kB,UAAY+kB,EAAmC9kB,OAAS8kB,EAAmCvlB,KAAM,CAE7H,MAAWulB,EAAmCvlB,KAAKmP,SAASC,QAAQoW,yBAAwB,OAEpGxW,GAAa,SAACO,GACV,OAAO,SACAA,GAAa,CAChBwV,oBAAqB,EAAOA,oBAC5BC,uBAAwB,EAAOA,uBAC/BM,iBACI,EAAOG,0BAA4B,EAAOC,gCACpC,CAAExkB,MAAO,EAAOukB,yBAA0BzkB,MAAO,EAAO0kB,iCACxD,KACVL,oBACI,EAAOM,2BAA6B,EAAOC,mCACrC,CAAE1kB,MAAO,EAAOykB,0BAA0BvkB,WAAYJ,MAAO,EAAO4kB,oCACpE,KACVR,kBACI,EAAOS,2BAA6B,EAAOC,iCACrC,CAAE5kB,MAAO,EAAO2kB,0BAA2B7kB,MAAO,EAAO8kB,kCACzD,KACVX,qBACI,EAAOY,4BAA8B,EAAOC,oCACtC,CAAE9kB,MAAO,EAAO6kB,2BAA2B3kB,WAAYJ,MAAO,EAAOglB,qCACrE,KACVd,qBACI,EAAOe,8BAAgC,EAAOC,oCACxC,CAAEhlB,MAAO,EAAO+kB,6BAA8BjlB,MAAO,EAAOklB,qCAC5D,KACVjB,wBACI,EAAOkB,+BAAiC,EAAOC,uCACzC,CAAEllB,MAAO,EAAOilB,8BAA8B/kB,WAAYJ,MAAO,EAAOolB,wCACxE,aAKvB,CAACb,EAAmCvlB,KAAMulB,EAAmC/kB,QAAS+kB,EAAmC9kB,QAG5H,IAWM+O,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KA4D9C,OAAI6V,EAAmC/kB,UAAY+kB,EAAmCvlB,KAE9E,yBAAKmC,UAAW+D,EAAQkF,MACpB,yBAAKjJ,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,QAOrB,yBAAK1C,UAAW+D,EAAQkF,MACpB,kBAAC,IAAI,CACDyE,SAAU,SAACC,EAAQL,GAA6B,OAtE3C,SAACA,EAA0BK,G,cAExC5P,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ8N,iBAAiB,OAIzB,SAEKsB,OAAiD,CAC9CC,SAAU,IACV5P,UAAW,CACP2kB,uBAAwBlV,EAAOkV,uBAC/BD,oBAAqBjV,EAAOiV,oBAC5BU,yBAA0B3V,EAAOwV,iBAA0C,QAAvB,EAAAxV,EAAOwV,wBAAgB,eAAEpkB,MAAQ,KACrFykB,0BAA2B7V,EAAOuV,oBAAsBvV,EAAOuV,oBAAoBnkB,MAAQ,KAE3F2kB,0BAA2B/V,EAAOsV,kBAA4C,QAAxB,EAAAtV,EAAOsV,yBAAiB,eAAElkB,MAAQ,KACxF6kB,2BAA4BjW,EAAOqV,qBAAkD,QAA3B,EAAArV,EAAOqV,4BAAoB,eAAEjkB,MAAQ,KAE/F+kB,6BAA8BnW,EAAOoV,qBAAkD,QAA3B,EAAApV,EAAOoV,4BAAoB,eAAEhkB,MAAQ,KACjGilB,8BAA+BrW,EAAOmV,wBAAwD,QAA9B,EAAAnV,EAAOmV,+BAAuB,eAAE/jB,MAAQ,QAI/G2I,MAAK,SAACC,GACCA,EAAQ9J,OACR,YAAiB,KAAM,yBAA0B,QACjDE,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAKzBe,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,MAAME,MAEfL,EAAKC,UAAU,2BAA2B,OAIjD3F,OAAM,SAACC,GACJ,YAAiB,mCAAoCA,EAAQ,SAC7D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAmBuBmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CAAEC,YAAY,EAAMC,UAAU,EAAMT,QAAQ,EAAMI,eAAe,GAC/EM,OAAQ,SAAC,G,IAAEC,EAAY,eAAEhB,EAAI,OAAEa,EAAU,aAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAACtC,GACYA,EAnG1BwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAmGX,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACwN,EAAA,EAAS,CAACC,iBAAiB,GACxB,kBAACC,EAAA,EAAgB,CAACC,WAAY,kBAAC,IAAc,MAAG,gBAAgB,mBAC5D,kBAACC,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,gCAE1C,kBAAC+D,EAAA,EAAgB,CAACnT,UAAW+D,EAAQ2L,kBACjC,kBAACnB,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,GAAI1Q,GAAI,IAC1C,kBAACkJ,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,GAAIF,MAAM,GAChB,kBAAC8N,EAAA,EAAU,8GAKf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,IACnB,kBAACmJ,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,yBAAyB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACnF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,2BAM1B,kBAAC0P,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC+O,EAAA,EAAS,CAACnU,UAAW+D,EAAQ4L,YAC1B,kBAAC,IAAK,CAACtQ,KAAK,sBAAsB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAChF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAC2E,EAAA,EAAgB,CACbC,QACI,kBAACW,EAAA,EAAQ,MACDvF,EAAK,CACTwF,QAASxF,EAAM9P,MACfmB,SAAU2O,EAAM3O,SAChBsS,YAAa,kBAAC,KAAY,CAAC5S,MAAM,eAGzCf,MAAM,0BAQlC,kBAAC0P,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,GAAI1Q,GAAI,IAC1C,kBAACkJ,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC8N,EAAA,EAAU,uBAEf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC,IAAK,CAAC/F,KAAK,sBAAsB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAChF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAClR,GAAA,EAAe,MACRkR,EAAK,CACThQ,MAAM,UACNO,YAAayP,EAAM3O,gBAKnC,kBAACqO,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC,IAAK,CAAC/F,KAAK,mBAAmB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KAC7E,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAACqV,GAAA,EAA8B,MACvBrV,EAAK,CACThQ,MAAM,OACNO,YAAayP,EAAM3O,kBAO3C,kBAACqO,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,GAAI1Q,GAAI,IAC1C,kBAACkJ,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC8N,EAAA,EAAU,wBAEf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC,IAAK,CAAC/F,KAAK,uBAAuB6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACjF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAClR,GAAA,EAAe,MACRkR,EAAK,CACThQ,MAAM,UACNO,YAAayP,EAAM3O,kBAkB3C,kBAACqO,EAAA,EAAI,CAACnJ,MAAM,EAAME,GAAI,GAAIwQ,GAAI,GAAIC,GAAI,GAAI1Q,GAAI,IAC1C,kBAACkJ,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC8N,EAAA,EAAU,2BAEf,kBAAC3E,EAAA,EAAI,CAACjJ,GAAI,EAAGF,MAAM,GACf,kBAAC,IAAK,CAAC/F,KAAK,0BAA0B6O,aAAc,CAAEc,SAAS,EAAM1Q,OAAO,EAAMS,OAAO,KACpF,SAAC,G,IAAE8P,EAAK,QAAM,OAAO,OAClB,kBAAClR,GAAA,EAAe,MACRkR,EAAK,CACThQ,MAAM,UACNO,YAAayP,EAAM3O,sBAsB3D,kBAACqO,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAGlH,kBAAC4C,EAAA,EAAM,CAACpO,QAAQ,WAAWnB,MAAM,UAAUqH,KAAK,SAAShH,SAAUkO,GAAcC,EAAUlH,QAASmG,EAAQC,IAAK,kB,mVCrY/I,GAAY,OAAArB,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACF7G,QAAS,OACTN,KAAM,EACN2B,SAAU,SACV1B,QAAS,UAEboK,UAAW,CACPjD,MAAO,OACPtE,SAAU,QAEdwH,cAAe,CACXnL,OAAQ,UACRiI,MAAO,OACP9G,QAAS,OACTC,eAAgB,WAChB,aAAc,CACVpB,OAAQ,WAGhByB,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBP,KAAM,GAEVsN,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,IACnC9N,WAAY,IACZ5B,MAAOgC,EAAM2N,QAAQC,QAAQC,WAuB1B,SAAS0U,KAEpB,IAAMpgB,EAAU,KAEV,EAAoB,mBAAsC,CAC5DvE,WAAW,EACX8M,eAAe,EACfC,iBAAiB,IAHdzO,EAAK,KAAEC,EAAQ,KAMhB,EAA4B,mBAAoB,CAClDqmB,mDAAoD,KACpDC,qDAAsD,KACtDC,+CAAgD,KAChDC,uDAAwD,KACxDC,gEAAiE,KACjEC,iCAAkC,KAClCC,iCAAkC,KAClCC,+BAAgC,KAChCC,wBAAyB,KACzBC,2BAA4B,OAVzBjY,EAAS,KAAEC,EAAY,KAaxBiY,EAAgB,OAAAC,GAAA,KAEhBC,EAA2B,aAAkCC,IAEnE,qBAAU,WAEN,GAAID,EAAyBnnB,OAASmnB,EAAyB1mB,QAAU0mB,EAAyB3mB,QAAS,CAEjG,MAcF2mB,EAAyBnnB,KAAKmP,SAASC,QAAQiY,4BAA4B/X,OAZ3E,EAAoD,uDACpD,EAAgC,mCAChC,EAAgC,mCAChC,EAA8B,iCAC9B,EAAuB,0BACvB,EAAkD,qDAClD,EAA8C,iDAC9C,EAA+D,kEAC/D,EAAsD,yDACtD,EAAkB,qBAClB,EAA0B,6BAI9BN,GAAa,SAACpO,GACV,OAAO,SACAA,GAAS,CACZ4lB,qDAAoD,EACpDK,iCAAgC,EAChCD,iCAAgC,EAChCE,+BAA8B,EAC9BC,wBAAyB,EACzBR,mDAAkD,EAClDE,+CAA8C,EAC9CE,gEAA+D,EAC/DD,uDAAsD,EACtDY,mBAAkB,EAClBN,2BAA0B,OAIlC9mB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZe,WAAW,UAKxB,CAACwlB,EAAyBnnB,KAAMmnB,EAAyB1mB,MAAO0mB,EAAyB3mB,UAgB5F,IAgBMgP,EAAU,SAACC,GAA6B,kBAC1CA,EAAKC,UAAU,2BAA2B,GAC1CD,EAAKE,OAAM,WACPF,EAAKG,WAETH,EAAKC,UAAU,2BAA2B,KAgjB9C,OACI,yBAAKvN,UAAW+D,EAAQkF,MACnBnL,EAAM0B,WAAaslB,EAAczmB,QAC9B,yBAAK2B,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,OAGb,kBAAC,IAAI,CACDgL,SAAU,SAACC,EAAQL,GAA6B,OArjB/C,SAACA,EAA0BK,GAExC5P,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,OAIzB,SACKsB,OAA2E,CACxEC,SAAUsX,GACVlnB,UAAW,CACPmmB,qDAAsD1W,EAAO0W,qDAC7DK,iCAAkC/W,EAAO+W,iCACzCD,iCAAkC9W,EAAO8W,iCACzCE,+BAAgChX,EAAOgX,+BACvCC,wBAAyBjX,EAAOiX,wBAChCR,mDAAoDzW,EAAOyW,mDAC3DE,+CAAgD3W,EAAO2W,+CACvDE,gEAAiE7W,EAAO6W,gEACxED,uDAAwD5W,EAAO4W,uDAC/DY,mBAAoBxX,EAAOwX,mBAC3BN,2BAA4BlX,EAAOkX,8BAI1Cnd,MAAK,SAACC,G,OACa,QAAZ,EAAAA,EAAQ9J,YAAI,eAAEmP,SAASkY,4BAA4BG,OAAO1G,UAC1D,YAAiB,KAAM,yBAA0B,QAEjDtR,EAAQC,GAERvP,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,WAMhC3E,OAAM,SAACC,GACJ,YAAiB,gCAAiCA,EAAQ,SAC1D9J,GAAS,SAAC6P,GACN,OAAO,SACAA,GAAU,CACbrB,iBAAiB,UAsgB2BmB,CAASJ,EAAMK,IAC/DI,cAAenB,EACfoB,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CACVC,YAAY,EACZC,UAAU,GAEdC,OAAQ,SAAC,G,IACLC,EAAY,eACZhB,EAAI,OACJa,EAAU,aACVC,EAAQ,WAER,OAEI,0BAAMV,SAAUY,GACZ,kBAAC,IAAO,CACJJ,aAAc,CAAEE,UAAU,GAE1BlO,SAAU,SAAAtC,GACaA,EAjmBlCwQ,UACbrQ,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZ6N,eAAe,UAimBH,kBAACiC,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAE5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAzhBtD,kBAACwN,EAAA,EAAS,CACNC,iBAAiB,GAEjB,kBAACC,EAAA,EAAgB,CACjBC,WAAY,kBAAC,IAAc,MAAG,gBAChB,kBACdjU,GAAG,kBAEH,kBAACkU,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,oBAEtC,kBAAC+D,EAAA,EAAgB,KACb,kBAAC5E,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,mEAGX,kBAAC,IAAK,CACF7T,KAAK,uDAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,qDACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,sEAGX,kBAAC,IAAK,CACF7T,KAAK,yDAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,uDACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC4N,EAAA,EAAU,qCAmbH,kBAAC3E,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAvatD,kBAACwN,EAAA,EAAS,CACNC,iBAAiB,GAEjB,kBAACC,EAAA,EAAgB,CACjBC,WAAY,kBAAC,IAAc,MAAG,gBAChB,kBACdjU,GAAG,kBAEH,kBAACkU,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,eAEtC,kBAAC+D,EAAA,EAAgB,KACb,kBAAC5E,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,6CAGX,kBAAC,IAAK,CACF7T,KAAK,mDAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,iDACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,cAIjB,kBAACqT,EAAA,EAAU,wBAKnB,kBAAC3E,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,sDAGX,kBAAC,IAAK,CACF7T,KAAK,2DAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,yDACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,cAIjB,kBAACqT,EAAA,EAAU,iCAKnB,kBAAC3E,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,+DAGX,kBAAC,IAAK,CACF7T,KAAK,oEAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,kEACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,cAIjB,kBAACqT,EAAA,EAAU,8CAgRP,kBAAC3E,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAnQtD,kBAACwN,EAAA,EAAS,CACNC,iBAAiB,GAEjB,kBAACC,EAAA,EAAgB,CACjBC,WAAY,kBAAC,IAAc,MAAG,gBAChB,kBACdjU,GAAG,kBAEH,kBAACkU,EAAA,EAAU,CAAClT,UAAW+D,EAAQqL,SAAO,cAEtC,kBAAC+D,EAAA,EAAgB,KACb,kBAAC5E,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,kBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,sDAGX,kBAAC,IAAK,CACF7T,KAAK,qCAGJ,SAAC,G,MAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,mCACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRimB,eACI,kBAACF,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,KAIY,QAAlB,EAAA+kB,EAAcjnB,YAAI,eAAEsC,QAAQgY,eAAepP,SAAU,MAIlEgL,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,6CAGX,kBAAC,IAAK,CACF7T,KAAK,qCAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,mCACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRC,aACI,kBAAC8lB,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,IAEN,MAMbgU,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,2EAGX,kBAAC,IAAK,CACF7T,KAAK,mCAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,iCACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEV/H,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,sCAGX,kBAAC,IAAK,CACF7T,KAAK,4BAGJ,SAAC,G,IAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,0BACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEV/H,KAAK,SACLpH,KAAK,gBAMzB,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAACggB,GAAA,EAAG,CACAljB,QAAQ,OACRmjB,QAAQ,QAER,kBAACrS,EAAA,EAAU,yCAGX,kBAAC,IAAK,CACF7T,KAAK,+BAGJ,SAAC,G,MAAEwP,EAAK,QAAEC,EAAI,OAAO,OAClB,kBAACC,EAAA,EAAS,MACFF,EAAK,CACT7O,UAAW+D,EAAQoI,UACnB9M,KAAK,6BACLf,MAAOwQ,EAAKxQ,OAASwQ,EAAKE,QAC1BC,WACIH,EAAKxQ,OACLwQ,EAAKE,QACC,WACA,GAEVvP,WAAY,CACRimB,eACI,kBAACF,GAAA,EAAc,CACX5iB,SAAS,QACT7C,MAAO,KAIY,QAAlB,EAAA+kB,EAAcjnB,YAAI,eAAEsC,QAAQgY,eAAepP,SAAU,MAIlEgL,WAAY,CACRhU,MAAO,CAAE0lB,UAAW,UAExBxe,KAAK,SACLpH,KAAK,oBAyDb,kBAAC0O,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAI4J,QAAQ,YACtC,yBAAKlP,UAAW+D,EAAQqI,eACpB,kBAAC+C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,GAAYtQ,EAAMyO,iBAAe,QAI7D,kBAAC4C,EAAA,EAAM,CACHpO,QAAQ,WACRnB,MAAM,UACNqH,KAAK,SACLhH,SAAUkO,GAAcC,EACxBlH,QAASmG,EAAQC,IAAK,iBAiFtE,I,MAAM2X,GAA2B,KAAG,gwEAmE9BG,GAA8B,KAAG,sqI,uCCt0B3BO,G,iNA9DN,GAAY,OAAA1Z,EAAA,GAAW,CACzBhD,KAAM,CACFnH,KAAM,EACNM,QAAS,OACTqB,SAAU,UAEdmiB,QAAS,CACL9jB,KAAM,EACNM,QAAS,OACTa,gBAAiB,OACjBhC,OAAQ,UACRc,QAAS,QAEb8jB,QAAS,CACL9jB,QAAS,SACT6C,SAAU,QACVsE,MAAO,OACPtG,SAAU,WACVd,KAAM,EACNM,QAAS,QAEb0jB,aAAc,CACVljB,SAAU,WACVd,KAAM,GAOVikB,YAAa,CACTnjB,SAAU,WACVC,IAAK,EACLE,MAAO,EACPD,KAAM,EACNE,OAAQ,EACRY,SAAU,OACVoG,aAAc,OACd,kBAAmB,CACf/G,gBAAiB,sBAErB,wBAAyB,CACrBA,gBAAiB,uBAGzBf,QAAS,CACLH,QAAS,SACTikB,SAAU,EACV5jB,QAAS,OACTqB,SAAU,SACV,UAAW,CACPuiB,SAAU,EACVphB,SAAU,UAGlBqhB,iBAAkB,CACd7jB,QAAS,OACTC,eAAgB,SAChBP,KAAM,KAiCC,SAASokB,GAA6BtoB,GAEjD,IAAMmG,EAAU,KAEV,EAA4B,mBAA4C,CAC1EoiB,cAAe,EACfC,KAAM,GACNC,cAAc,IAHXC,EAAS,KAAEC,EAAY,KAO1BC,EAAe5oB,EAAM6oB,MAAMlnB,OAAOmnB,QAEtC,qBAAU,WAENC,IAEA,IAAIC,EAAyCjB,GAA6B/nB,EAAM6oB,MAAMlnB,OAAOsnB,KAE7F9N,QAAQC,IAAI,eAAgBwN,GAE5BD,EAAa,SACND,GAAS,CACZH,cAAeS,GAAsBN,EAAUH,mBAIpD,IAEH,qBAAU,WACN,IAAMW,EAAkCC,IAExC,OAAO,WACHD,EAAgC9G,iBAIrC,IAEH,IAAM+G,EAA+B,WACjC,OACI,SACK9G,UAAU,CACP7hB,YAAa,WACboJ,MAAO,IACPtJ,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACGA,EAAQ9J,KAAKmpB,oBAAoBrI,OACjC,YAAiB,UAAWhX,EAAQ9J,KAAKmpB,oBAAoB3J,QAAS,QAGtE,YAAiB,SAAU1V,EAAQ9J,KAAKmpB,oBAAoB3J,QAAS,UAI7E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CuG,EAAe,WACjB,aACI,GAEA,SAAC9oB,GAAkC,OAAAopB,EAA0BppB,MAE7D,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrCof,EAA4B,SAACppB,GAC/B0oB,GAAa,SAAC9nB,GACV,OAAO,SACAA,GAAS,CACZ2nB,KAAMvoB,EAAKmP,SAASC,QAAQia,aAAaC,YACzCd,cAAc,QAsI1B,OACI,yBAAKrmB,UAAW+D,EAAQkF,MACpB,kBAACmB,EAAA,EAA8B,CAC3BzD,MAAM,eACN0D,YAvBQ,WAChBzM,EAAMwpB,QAAQpI,KAAK,8BAyBf,yBAAKhf,UAAW+D,EAAQ6hB,SACnBU,EAAUD,aACP,yBAAKrmB,UAAW+D,EAAQkiB,kBACpB,kBAAC,IAAQ,OAGb,oCACI,yBAAKjmB,UAAW+D,EAAQ8hB,SACpB,yBAAK7lB,UAAW+D,EAAQ+hB,cACpB,kBAACuB,EAAA,EAAI,CAACrnB,UAAW+D,EAAQgiB,aACpBO,EAAUF,KAAKznB,KAAI,SAACkoB,GAAqB,OAAYA,EAAIS,aAClD,kBAACC,EAAA,EAAQ,CACL1mB,IAAKgmB,EAAI/H,OACTxc,QAAQ,EACR4E,SApCxBnI,EAoC4C4mB,GAA6BkB,EAAIS,cApCrC,WACxDf,EAAa,SACND,GAAS,CACZH,cAAepnB,KAGnBnB,EAAMwpB,QAAQpI,KAAK,6BAA6B2G,GAA6B5mB,MA+BrCyoB,SAAUlB,EAAUH,gBAAkBR,GAA6BkB,EAAIS,eAEvE,kBAACG,EAAA,EAAc,MAzJ1CH,EA0JwCT,EAAIS,gBAxJpC3B,GAA6BA,GAA6B+B,UAEvE,kBAACC,EAAA,EAAM,KACH,kBAAC,KAAkB,OAK3BL,IAAiB3B,GAA6BA,GAA6BiC,aAEvE,kBAACD,EAAA,EAAM,KACH,kBAAC,KAAmB,OAK5BL,IAAiB3B,GAA6BA,GAA6BkC,UAEvE,kBAACF,EAAA,EAAM,KACH,kBAAC,KAAgB,OAKzBL,IAAiB3B,GAA6BA,GAA6BmC,eAEvE,kBAACH,EAAA,EAAM,KACH,kBAAC,KAAiB,OAK1BL,IAAiB3B,GAA6BA,GAA6BoC,uBAEvE,kBAACJ,EAAA,EAAM,KACH,kBAAC,KAAc,OAKvBL,IAAiB3B,GAA6BA,GAA6BqC,oBAEvE,kBAACL,EAAA,EAAM,KACH,kBAAC,IAAiB,OAK1BL,IAAiB3B,GAA6BA,GAA6BsC,6BAEvE,kBAACN,EAAA,EAAM,KACH,kBAAC,IAAgB,OAazBL,IAAiB3B,GAA6BA,GAA6BuC,kCAEvE,kBAACP,EAAA,EAAM,KACH,kBAAC,KAAgB,OAKzBL,IAAiB3B,GAA6BA,GAA6BwC,uCAEvE,kBAACR,EAAA,EAAM,KACH,kBAAC,IAAgB,OAKzBL,IAAiB3B,GAA6BA,GAA6ByC,0BAEvE,kBAACT,EAAA,EAAM,KACH,kBAAC,KAAkB,OAM3B,kBAACA,EAAA,EAAM,KACH,kBAAC,IAAY,QAgEmB,kBAACU,EAAA,EAAY,CACT7Y,QAASqX,EAAIlgB,MACb2hB,UAAWzB,EAAI/nB,eA9J/C,IAACwoB,EAkHGvoB,QAoDA,yBAAKiB,UAAW+D,EAAQ7B,SAClBokB,EAAUH,gBAAkBR,GAA6BqC,oBAAwB,kBAAC3b,EAAW,MAC7Fia,EAAUH,gBAAkBR,GAA6BsC,6BAAiC,kBAAC3X,GAAiB,MAC5GgW,EAAUH,gBAAkBR,GAA6B+B,UAAc,kBAAC5S,GAAW,MACnFwR,EAAUH,gBAAkBR,GAA6BiC,aAAiB,kBAAC5R,GAAc,MACzFsQ,EAAUH,gBAAkBR,GAA6BkC,UAAc,kBAAC9P,GAAW,MACnFuO,EAAUH,gBAAkBR,GAA6BmC,eAAmB,kBAAC/N,GAAgB,MAC7FuM,EAAUH,gBAAkBR,GAA6BoC,uBAA2B,kBAACrM,GAAwB,MAC7G4K,EAAUH,gBAAkBR,GAA6B4C,SAAa,kBAACxM,GAAU,MACjFuK,EAAUH,gBAAkBR,GAA6B6C,8BAAkC,kBAAClJ,GAA+B,MAC3HgH,EAAUH,gBAAkBR,GAA6B8C,WAAe,kBAAC9I,GAAY,MAGrF2G,EAAUH,gBAAkBR,GAA6BuC,kCAAsC,kBAAC,GAAmC,MACnI5B,EAAUH,gBAAkBR,GAA6BwC,uCAA2C,kBAAC,GAAwC,MAC7I7B,EAAUH,gBAAkBR,GAA6ByC,0BAA8B,kBAAC,GAA2B,MACnH9B,EAAUH,gBAAkBR,GAA6B+C,qBAAyB,kBAACvE,GAAsB,WA5SvI,SAAYwB,GAER,2BACA,+CACA,iEACA,iCACA,2BACA,qCACA,qDACA,yBACA,mEACA,6BACA,sCACA,4EACA,4DACA,sFACA,kDAhBJ,CAAYA,QAA4B,M,6QChGlChkB,EAAY,OAAAsK,EAAA,IAAW,SAACrK,GAC5B,cAAAsK,EAAA,GAAa,CACXjD,KAAM,CACJC,MAAO,OACPnH,QAAS,UAEXoD,UAAW,GACXhD,gBAAiB,CACfS,SAAU,WACVb,QAAS,YACTK,QAAS,OACTO,WAAY,SACZ/C,MAAO,IAAUuJ,YAAYC,YAC7B,6BAA8B,CAC5BrH,QAAS,aAEX,aAAc,CAEZD,KAAM,EACNuH,WAAY,IAAUC,KAAKC,KAC3BC,SAAU,IAAUC,SAASC,GAAGC,MAChCC,cAAe,SACfC,WAAY,IAAUC,WAAWC,YAEnC,iBAAkB,CAChBC,aAAc,OACd5H,QAAS,OACTO,WAAY,SAIZ,eAAgB,CACduG,MAAO,OACPxD,OAAQ,QAEV,oBAAqB,CACnB8D,SAAU,IAAUC,SAASC,GAAGO,OAChCrK,MAAO,IAAUuJ,YAAYe,mBAInC5H,OAAQ,CACNrB,OAAQ,SACRgB,cAAe,OACfuH,SAAU,aAWHmf,EAA0D,SAAC,G,IACtEhiB,EAAK,QACL0D,EAAW,cACXC,EAAW,cAELvG,EAAUpC,IAEhB,OACE,yBAAK3B,UAAW+D,EAAQkF,MACtB,yBAAKjJ,UAAW+D,EAAQoB,WACtB,yBAAKnF,UAAW+D,EAAQ5B,iBACtB,kBAAC,IAAc,CACboI,MAAM,QACNC,aAAc,IAAaC,KAC3BvD,QAASmD,EACTK,OAAQ,0BACRC,YAAY,gBAEd,kBAAC,IAAO,CAAC9L,MAAO8H,EAAO5G,MAAO6oB,EAAA,EAAWhe,WACxCN,GACC,kBAAC,IAAM,CACHvJ,QAAQ,OACRnB,MAAM,UACNC,KAAK,QACLG,UAAW+D,EAAQzB,OACnB4E,QAASoD,EACTO,UAAW,kBAAC,IAAwB,OAAG,kB,06BCrCnDge,GAAqB,GAEV,SAASC,KAEpB,IAAM/kB,EAAU,eAEV,EAAoB,mBAAsC,CAC5DglB,YAAa,KACblrB,KAAM,GACN2B,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KAE9C,qBAAU,WACNnc,IAEA,IAAMgT,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,IA2VkBrZ,EAAewiB,EA3V3BC,EAAoB,CACtBC,IAAK,sBAAW,SAACzrB,EAAO0rB,GAAQ,yBAAC,IAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACxEupB,MAAO,sBAAW,SAAC3rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEwpB,MAAO,sBAAW,SAAC5rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEypB,OAAQ,sBAAW,SAAC7rB,EAAO0rB,GAAQ,yBAAC,KAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAClF0pB,YAAa,sBAAW,SAAC9rB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtF2pB,KAAM,sBAAW,SAAC/rB,EAAO0rB,GAAQ,yBAAC,KAAI,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACvE4pB,OAAQ,sBAAW,SAAChsB,EAAO0rB,GAAQ,yBAAC,KAAO,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC5E6pB,OAAQ,sBAAW,SAACjsB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/E8pB,UAAW,sBAAW,SAAClsB,EAAO0rB,GAAQ,yBAAC,KAAS,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACjF+pB,SAAU,sBAAW,SAACnsB,EAAO0rB,GAAQ,yBAAC,KAAQ,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EgqB,SAAU,sBAAW,SAACpsB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACnFiqB,aAAc,sBAAW,SAACrsB,EAAO0rB,GAAQ,yBAAC,IAAW,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtFkqB,YAAa,sBAAW,SAACtsB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EmqB,OAAQ,sBAAW,SAACvsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC3EoqB,UAAW,sBAAW,SAACxsB,EAAO0rB,GAAQ,yBAAC,IAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,QACrEe,gBAAiB,sBAAW,SAACzsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACpFsqB,WAAY,sBAAW,SAAC1sB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,sBAGjFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO+iB,GACPrsB,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,MAAuBhX,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAW,EAAmBwf,QAAS,QAEpD,EAAmBA,QAAQmN,SAAS,yBACpCzsB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,GAAH,GAAOhsB,EAAUZ,MAAI,GAE1B6sB,EAAOD,EAAMA,EAAM9pB,OAAS,GAOlC,OALA8pB,EAAMA,EAAM9pB,OAAS,GAAK,GAAH,MAChB+pB,GAAI,CACP5L,OAAQ,EAAmB6L,SAGxB,GAAP,MACOlsB,GAAS,CACZZ,KAAM4sB,YAMlB,YAAiB,SAAU9iB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,WAEd/O,EAAS,GAAD,MACDD,GAAK,CACR0B,WAAW,KAEf,kBACImX,GACA,GAEA,SAAC9Y,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC+iB,EAAiB,SAAC/sB,GAEpBE,EAAS,GAAD,MACDD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKC,MAAMC,KACtBvrB,WAAW,MAwDbwrB,EAAoB,SAACntB,EAAWotB,GAElC,GAAIptB,GAAQA,EAAKotB,GACb,OACI,kBAAC,IAAS,CAACjrB,UAAW+D,EAAQmnB,aAQpCC,EAAoB,SAACC,GACvB,OACI,oCACI,kBAAChX,EAAA,EAAQ,CACLC,QAAS+W,EAAersB,MAExBmB,SAAU,SAACf,GAAe,OAAAisB,EAAelrB,SAASf,EAAM2iB,OAAOzN,cA6EzEgX,EAAa,SAACC,GAChB,UACKzd,OAAO,CACJC,SAAUyd,GACVrtB,UAAW,CACPysB,OAAQW,EAAQxM,UAIvBpX,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,wBAAyBqJ,EAAQ9J,KAAKS,MAAO,YAK1EsJ,OAAM,SAACC,GACJ,YAAiB,wBAAyBA,EAAQ,aA8F9D,OACI,yBAAK7H,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,QAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAvCY,SAACC,GACjBA,GAEA9C,GAAcjK,SAAQ,SAAC4I,GAGnB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,GAAH,GAAOhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,GAAP,MACO/oB,GAAS,CACZZ,KAAM4sB,UAOtBxB,GAAqB,IAoBb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,OAvBMA,EAuBU,QAvBKwiB,EAuBIrrB,EAAMD,KAAK8C,OArBxC,yBAAKX,UAAW+D,EAAQioB,YACpB,kBAAC9Y,EAAA,EAAU,CAAClT,UAAW+D,EAAQkoB,cAAetlB,GAC9C,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOsqB,MAoBtCiD,MAAOhD,EACPiD,WAtMW,SAACltB,EAA0BmtB,EAAeC,GAE7DxuB,EAAS,GAAD,MACDD,GAAK,CACRirB,YAAauD,EAAQE,UAAUxtB,MAGnC,IAAeggB,KAAK,qCAAqCyN,mBAAmBH,EAAQxtB,aAAY,QAAQwtB,EAAQxN,SAgMxG4N,QAAS,CAEL,CACI/lB,MAAO,QACPskB,MAAO,cACP5c,OAAQ,SAACie,GAAY,OAxRtB,SAACzuB,GAER,IAAAiB,EAAgBjB,EAAI,YAExB8uB,EAAyB,IAAwB,KAAhB7tB,GAAsC,OAAhBA,EAC3D,IAAO,IAAO6B,QAAW,YAAW7B,GAAe,IAAO6B,OAAU,GAQhEisB,EAPc9tB,EACjB+tB,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,6BACI,kBAAC1F,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAAS1Q,MA8PEquB,CAAWb,IAChCc,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrB8Q,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAkBhB,EAAQxtB,cAElE,CAAEmT,SAAS,EAAOhD,WAAY,sBAExC,CACItI,MAAO,oBACPskB,MAAO,kBACP5c,OAAQ,SAACie,GAAY,OAAAtB,EAAkBsB,EAAS,oBAChDiB,cAAe,SAACC,GAAkB,OAAArC,EAAkBqC,KAExD,CACI7mB,MAAO,gBACPskB,MAAO,cACP5c,OAAQ,SAACie,GAAY,OAAAtB,EAAkBsB,EAAS,gBAChDiB,cAAe,SAACC,GAAkB,OAAArC,EAAkBqC,KAExD,CACI7mB,MAAO,qBACPskB,MAAO,mBACP5c,OAAQ,SAACie,GAAY,OAAAtB,EAAkBsB,EAAS,qBAChDiB,cAAe,SAACC,GAAkB,OAAArC,EAAkBqC,KAGxD,CAAE7mB,MAAO,gBAAiBskB,MAAO,aAAc5c,OAAQ,SAACie,GAAY,OAjRlE,SAACzuB,GAEf,IAAI4vB,EAAa,EAMjB,OAJI5vB,IACA4vB,EAAa5vB,EAAK4vB,YAIlB,6BACI,kBAACC,EAAA,EAAK,CAAC9tB,MAAM,UAAU+tB,aAAcF,GACjC,kBAAC,IAAiB,QAsQkDG,CAAUtB,IAAUuB,SAAU,QAAST,UAAW,CAAE/qB,eAAgB,UAAYgrB,YAAa,CAAEhrB,eAAgB,YAEvLyrB,WACI,CACIC,QAAS,SAAAnwB,GAAS,OACd,yBAAKoC,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAerwB,OAKxGC,KAAMC,EAAMD,KACZsC,QAAS,CACL+tB,eAAgB,QAChBC,QAAQ,EACRja,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAClCC,WAAW,EACXxoB,SAAS,EACTyoB,oBAAqB,EACrBC,SAAU,SAAAnC,GAAW,OACjBrpB,gBAAkBnF,EAAMirB,cAAgBuD,EAAQE,UAAUxtB,GAAM,OAAS,UAGjF6uB,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,EAAQ7vB,cApJrB,SAAC6vB,GACZA,GACA,UACK9gB,OAAO,CACJC,SAAUihB,GACV7wB,UAAW,CACPY,YAAa6vB,EAAQ7vB,YACrBkwB,YAAaL,EAAQK,YACrBC,iBAAkBN,EAAQM,iBAC1BC,gBAAiBP,EAAQO,mBAIhCxnB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,wBAAyBqJ,EAAQ9J,KAAKS,MAAO,YAK1EsJ,OAAM,SAACC,GACJ,YAAiB,wBAAyBA,EAAQ,YA+HlCsnB,CAAWR,GA1KrB,SAACA,GAEnB5wB,GAAS,SAACU,GAEN,IAAMgsB,EAAQhsB,EAAUZ,KAQxB,OANiB4sB,EAAMvf,QAAO,SAAC9F,GAAe,OAAAA,EAAKtG,YAAYswB,cAAc5E,SAASmE,EAAQ7vB,YAAYswB,kBAAgBzuB,QAGtH8pB,EAAMzL,KAAK2P,GAGR,GAAP,MACOlwB,GAAS,CACZZ,KAAM4sB,OA6Jc4E,CAAcV,MAGnB,SAEXW,YAAa,SAACX,EAASrD,GAEnB,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WApPhB,IAACxC,EAqPIuC,IACIvD,KAtPRgB,EAuPmBqC,IApP/B,UACK9gB,OAAO,CACJC,SAAUyhB,GACVrxB,UAAW,CACPysB,OAAQ2B,EAAQxN,OAChBhgB,YAAawtB,EAAQxtB,YACrBkwB,YAAa1C,EAAQ0C,YACrBC,iBAAkB3C,EAAQ2C,iBAC1BC,gBAAiB5C,EAAQ4C,mBAIhCxnB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,wBAAyBqJ,EAAQ9J,KAAKS,MAAO,YAK1EsJ,OAAM,SAACC,GACJ,YAAiB,wBAAyBA,EAAQ,YA1C5C,SAAC8mB,EAAerD,GAElCvtB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,GAAH,GAAOhsB,EAAUZ,MAAI,GAMhC,OAFA4sB,EAAMA,EAAMtmB,QAAQmnB,IAAYqD,EAEzB,GAAP,MACOlwB,GAAS,CACZZ,KAAM4sB,OA8PU+E,CAAcb,EAASrD,MAGxB,SAEXmE,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GAtOrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,GAAH,GAAOhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,GAAP,MACO7sB,GAAS,CACZZ,KAAM4sB,OAgOciF,CAAcpE,MAGnB,UAGf2C,QAAS,CACL,CACI0B,QAAS,2BACTllB,KAAM,KAENvD,QAAS,SAACH,EAAUlJ,GAAc,OA7JjC,SAACA,GAElBorB,GAAqB,GAErBJ,GAAgBhrB,EAyJkC+xB,CAAa/xB,SAQvE,I,YAAMkxB,GAAiB,KAAG,4lBAMpBQ,GAAiB,KAAG,8pBAMpBhE,GAAiB,KAAG,gOAMbhB,GAAmB,KAAG,0Y,ikBCngBpB,SAASsF,GAA4BjyB,GAEhD,IAAMmG,EAAU,eAEV,EAAoB,mBAA2C,CACjEvE,WAAW,EACX3B,KAAM,GACNgrB,cAAe,KAHZ/qB,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KACxC,EAAoC,oBAAS,GAA5C6G,EAAa,KAAEC,EAAgB,KAEtC,qBAAU,WAGE,IAAArJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGd,IAAMlQ,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,qBAAU,WACN,GAAI8P,EAAe,CACP,IAAApJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGdD,GAAiB,MAGtB,CAACD,IAEJ,IAAM1G,EAAoB,CACtBC,IAAK,sBAAW,SAAC4G,EAAW3G,GAAQ,yBAAC,IAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAChFupB,MAAO,sBAAW,SAAC0G,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFwpB,MAAO,sBAAW,SAACyG,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFypB,OAAQ,sBAAW,SAACwG,EAAW3G,GAAQ,yBAAC,KAAa,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC1F0pB,YAAa,sBAAW,SAACuG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9F2pB,KAAM,sBAAW,SAACsG,EAAW3G,GAAQ,yBAAC,KAAI,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC/E4pB,OAAQ,sBAAW,SAACqG,EAAW3G,GAAQ,yBAAC,KAAO,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACpF6pB,OAAQ,sBAAW,SAACoG,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvF8pB,UAAW,sBAAW,SAACmG,EAAW3G,GAAQ,yBAAC,KAAS,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACzF+pB,SAAU,sBAAW,SAACkG,EAAW3G,GAAQ,yBAAC,KAAQ,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFgqB,SAAU,sBAAW,SAACiG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC3FiqB,aAAc,sBAAW,SAACgG,EAAW3G,GAAQ,yBAAC,IAAW,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9FkqB,YAAa,sBAAW,SAAC+F,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFmqB,OAAQ,sBAAW,SAAC8F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACnFoqB,UAAW,sBAAW,SAAC6F,EAAW3G,GAAQ,yBAAC,IAAa,MAAK2G,EAAS,CAAE3G,IAAKA,QAC7Ee,gBAAiB,sBAAW,SAAC4F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC5FsqB,WAAY,sBAAW,SAAC2F,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,sBAGzFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO+iB,GACPrsB,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,IAAAwB,EAAuBxY,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAWsiB,EAAmB9C,QAAS,QAEpD8C,EAAmB9C,QAAQmN,SAAS,8BACpCuF,GAAiB,QAoBrB,YAAiB,SAAUpoB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,SAACojB,GAEfnyB,EAAS,SACFD,GAAK,CACR0B,WAAW,KAiahB,SACHgI,EACAH,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,UACKG,MAAM,CACHA,MAAO2oB,GACPjyB,UAAW,CACPkyB,WAAY5oB,EAAM4oB,YAEtBhyB,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MAhbZwoB,CAJqD,CACjDD,WAAYF,IAKZ,GACA,SAACryB,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,SAC/BkoB,GAAiB,OAKvBnF,EAAiB,SAAC/sB,GACpBE,EAAS,SACFD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKC,MAAMC,KAAKpqB,OAAS,EAC1B9C,EAAKgtB,KAAKC,MAAMC,KAAK,GAAGuF,QAAQC,OAChC,GACV/wB,WAAW,MA4CbgxB,EAAe,SAAC7B,GAElB,IAAI8B,EAAa,GAWjB,OAVKC,MAAMC,QAAQhC,EAAQiC,eAAiBjC,GAAWA,EAAQiC,aAE3DvsB,KAAKC,MAAMqqB,EAAQiC,cAAchS,SAAS,SAACxZ,GACvCqrB,EAAWzR,KAAK5Z,MAGpBqrB,EAAa9B,GAAWA,EAAQiC,aAAejC,EAAQiC,aAAe,GAInEH,EAAW9xB,KAAI,SAACyG,GAAc,OAAAA,EAAKrG,SAAOE,YAgC/CosB,EAAa,SAACC,G,MAChB,UACKzd,OAAO,CACJC,SAAU+iB,GACV3yB,UAAW,CACPysB,OAAsB,QAAd,EAAAW,EAAQxM,cAAM,eAAE7f,cAI/ByI,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aAI/DipB,EAAwB,SAAC3xB,GAC3BA,EAAM4xB,iBACNnzB,EAAMwpB,QAAQ4J,UAoKlB,OACI,yBAAKhxB,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,eAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAzJY,SAACC,GACjBA,IAEA7tB,EAAM+qB,cAAcjK,SAAQ,SAAC4I,GAGzB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAMlB1sB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAe,SAM3BI,GAAqB,IA8Hb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,MA/BS,WAEjB,IAAMA,EAAQsqB,mBAAmBrzB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,IAE9E,OACI,yBAAK9sB,UAAW+D,EAAQmtB,oBACpB,kBAACC,GAAA,EAAW,CAACC,UAAU,SAAG,aAAY,aAAapxB,UAAW+D,EAAQstB,aAClE,kBAACC,GAAA,EAAI,CAAC1xB,MAAM,UAAU2xB,KAAK,IAAIrqB,QAAS4pB,GAAqB,SAG7D,kBAAC5d,EAAA,EAAU,CAACtT,MAAM,cAAcI,UAAW+D,EAAQytB,kBAAmB7qB,IAE1E,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOf,EAAMD,KAAK8C,UAmB1CsrB,GACPG,MAAOhD,EACPsD,QAAS,CACL,CACI/lB,MAAO,OACPskB,MAAO,eACPmC,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrBuM,OAAQ,SAACie,GAAY,OAxIzB,SAACzuB,GAEL,IAAA+yB,EAAwB/yB,EAAI,aAAd4zB,EAAU5zB,EAAI,MAEpC,GAAK6yB,MAAMC,QAAQC,GA4Bf,OACI,kBAAC,IAAMjxB,SAAQ,KACX,kBAAC0oB,EAAA,EAAY,CAAC7Y,QAAS,uBA7B/B,IAAImd,EAAyB,IAAyB,KAAjBiE,GAAwC,OAAjBA,EAC5D,IAAO,IAAOjwB,QAAW,YAAWiwB,GAAgB,IAAOjwB,OAAU,GAQjEisB,EAPcgE,EACjB/D,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,kBAAC,IAAMttB,SAAQ,KACX,kBAAC4nB,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAASohB,EAActI,UAAWmJ,MA6G3BC,CAAQpF,IAC7BiB,cAAe,SAACC,GAAkB,OAlE7B,SAACpC,GACtB,IAAM8E,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,OACI,kBAAC,IAAMntB,SAAQ,KACX,kBAACgyB,GAAA,EAA2B,CACxBtyB,KAAK,SACLR,MAAM,SACN+yB,eAAgB,SAACC,EAAoCxyB,GACjD+rB,EAAelrB,SAAS2xB,IAE5BC,aAAc,SAACC,EAAgB1yB,IAtB3B,SAAC0yB,EAAgB1yB,EAAc+rB,GAC/C,IAAI4G,EAAa5G,EAAersB,MAG1BkzB,EAAeD,EAAWE,WAAU,SAAC9sB,GAAc,OAAAA,EAAKrG,MAAME,WAAWmwB,gBAAkB2C,EAAO9yB,WAAWmwB,iBACnH4C,EAAWpG,OAAOqG,EAAc,GAEhC7G,EAAelrB,SAAS8xB,GAgBRG,CAAYJ,EAAQ1yB,EAAM+rB,IAK9BlqB,UAAU,EACV+N,WAAYmc,EAAenc,WAC3B3Q,MAAO8sB,EAAe9sB,MACtB4xB,QAASA,KA8C6BkC,CAAiB5E,IAEnD5a,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAmBhB,EAAQsE,aAAajwB,OAAS,IAEzF,CAAEsR,SAAS,EAAOhD,WAAY,wBAGxC,CACItI,MAAO,GACPskB,MAAO,WACPxoB,QAAQ,EACR4vB,YAAY,EACZxE,SAAU,QACVxf,OAAQ,SAACie,GAAY,OAAYA,EA5GvB,SAIlB,kBAAC,IAAM3sB,SAAQ,KACX,kBAAC,KAAU,CAACK,UAAW+D,EAAQuuB,eAKnC,kBAAC,IAAM3yB,SAAQ,KACX,kBAAC,KAAyB,CAACK,UAAW+D,EAAQuuB,iBAmG9C,CAAE3rB,MAAO,cAAeskB,MAAO,cAAexoB,QAAQ,EAAM4vB,YAAY,GACxE,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,QAASskB,MAAO,QAASxoB,QAAQ,EAAM4vB,YAAY,IAEhEx0B,KAAMC,EAAMD,KACZiwB,WACI,CAEIC,QAAS,SAAAwE,GAAgB,OACrB,yBAAKvyB,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAesE,OAKxGpyB,QAAS,CAEL+tB,eAAgB,QAChBha,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAGlCE,oBAAqB,GAEzBX,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,IA/Rb,SAACA,GAChB,GAAIA,EAAS,CAET,IAAMuB,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,UACKjf,OAAO,CACJC,SAAU0kB,GACVt0B,UAAW,CACPgyB,QAASA,EACTuC,YAAajC,EAAa7B,MAIjCjnB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aAyQzCsnB,CAAWR,GAxVrB,SAACA,GAEnB,IAAMlE,EAAQ,MAAI3sB,EAAMD,MAAI,GAQ5B4sB,EAAMzL,KAAK,CACP4R,aAAcjC,EAAQiC,aACtB8B,QAAS/D,EAAQiC,aACjBa,MAAO9C,EAAQiC,eAGnB7yB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZZ,KAAM4sB,OAsUc4E,CAAcV,MAGnB,SAEXc,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GA3UrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OAqUciF,CAAcpE,MAGnB,SAEXqH,YAAa,SAACrG,GACV,OAAIoE,MAAMC,QAAQrE,EAAQsE,gBAOlC3C,QAAS,CACL,CACI0B,QAAS,4BACTllB,KAAM,KAENvD,QAAS,SAACH,EAAUlJ,GAAc,OAvQjC,SAACA,GAElBorB,GAAqB,GAErBlrB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAehrB,OAgQ2B+xB,CAAa/xB,SAsCvE,I,SAAMsyB,GAAiB,KAAG,gqCAwBpBqC,GAAoB,KAAG,gVAMvB3B,GAAuB,KAAG,kP,2gBCzlB5B,GAAqB,GAEV,SAAS+B,KAEpB,IAAM7uB,EAAU,eAEV,EAAoB,mBAAwC,CAC9DglB,YAAa,KACblrB,KAAM,GACN2B,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KAE9C,qBAAU,WACNnc,IAEA,IAAMgT,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,IAyUkBrZ,EAAewiB,EAzU3BC,EAAoB,CACtBC,IAAK,sBAAW,SAACzrB,EAAO0rB,GAAQ,yBAAC,IAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACxEupB,MAAO,sBAAW,SAAC3rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEwpB,MAAO,sBAAW,SAAC5rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEypB,OAAQ,sBAAW,SAAC7rB,EAAO0rB,GAAQ,yBAAC,KAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAClF0pB,YAAa,sBAAW,SAAC9rB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtF2pB,KAAM,sBAAW,SAAC/rB,EAAO0rB,GAAQ,yBAAC,KAAI,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACvE4pB,OAAQ,sBAAW,SAAChsB,EAAO0rB,GAAQ,yBAAC,KAAO,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC5E6pB,OAAQ,sBAAW,SAACjsB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/E8pB,UAAW,sBAAW,SAAClsB,EAAO0rB,GAAQ,yBAAC,KAAS,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACjF+pB,SAAU,sBAAW,SAACnsB,EAAO0rB,GAAQ,yBAAC,KAAQ,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EgqB,SAAU,sBAAW,SAACpsB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACnFiqB,aAAc,sBAAW,SAACrsB,EAAO0rB,GAAQ,yBAAC,IAAW,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtFkqB,YAAa,sBAAW,SAACtsB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EmqB,OAAQ,sBAAW,SAACvsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC3EoqB,UAAW,sBAAW,SAACxsB,EAAO0rB,GAAQ,yBAAC,IAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,QACrEe,gBAAiB,sBAAW,SAACzsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACpFsqB,WAAY,sBAAW,SAAC1sB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,sBAGjFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO,GACPtJ,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,MAAuBhX,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAW,EAAmBwf,QAAS,QAEpD,EAAmBA,QAAQmN,SAAS,yBACpCzsB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAE1B6sB,EAAOD,EAAMA,EAAM9pB,OAAS,GAOlC,OALA8pB,EAAMA,EAAM9pB,OAAS,GAAK,SACnB+pB,GAAI,CACP5L,OAAQ,EAAmB6L,SAGxB,SACAlsB,GAAS,CACZZ,KAAM4sB,YAMlB,YAAiB,SAAU9iB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,WAEd/O,EAAS,SACFD,GAAK,CACR0B,WAAW,KAEf,kBACImX,GACA,GAEA,SAAC9Y,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC+iB,EAAiB,SAAC/sB,GACpBE,EAAS,SACFD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKgI,YAAYC,WAAWn0B,KAAI,SAACo0B,GACxC,OAAO,SACAA,GAAM,CACTC,iBAAkBD,EAAOE,UAAYF,EAAOG,oBAAsB,CAAEr0B,MAAOk0B,EAAOG,oBAAqBn0B,MAAOg0B,EAAOE,UAAa,UAG1IzzB,WAAW,MAkIb6rB,EAAa,SAACC,GAChB,UACKzd,OAAO,CACJC,SAAUqlB,GACVj1B,UAAW,CACPysB,OAAQW,EAAQxM,UAIvBpX,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,0BAA2BqJ,EAAQ9J,KAAKS,MAAO,YAK5EsJ,OAAM,SAACC,GACJ,YAAiB,0BAA2BA,EAAQ,aAqHhE,OACI,yBAAK7H,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,UAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QA/DY,SAACC,GACjBA,GAEA,GAAc/M,SAAQ,SAAC4I,GAGnB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAOtBxB,GAAqB,IA4Cb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,OA/CMA,EA+CU,UA/CKwiB,EA+CMrrB,EAAMD,KAAK8C,OA7C1C,yBAAKX,UAAW+D,EAAQioB,YACpB,kBAAC9Y,EAAA,EAAU,CAAClT,UAAW+D,EAAQkoB,cAAetlB,GAC9C,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOsqB,MA4CtCiD,MAAOhD,EACPiD,WAjOW,SAACltB,EAA0BmtB,EAAeC,GAG7DxT,QAAQC,IAAI,UAAWsT,GAEvBvuB,EAAS,SACFD,GAAK,CACRirB,YAAauD,EAAQE,UAAUxtB,MAGnC,IAAeggB,KAAK,uCAAuCyN,mBAAmBH,EAAQxtB,aAAY,QAAQwtB,EAAQxN,SAwN1G4N,QAAS,CAEL,CACI/lB,MAAO,UACPskB,MAAO,cACP5c,OAAQ,SAACie,GAAY,OA1RtB,SAACzuB,GAER,IAAAiB,EAAgBjB,EAAI,YAExB8uB,EAAyB,IAAwB,KAAhB7tB,GAAsC,OAAhBA,EAC3D,IAAO,IAAO6B,QAAW,YAAW7B,GAAe,IAAO6B,OAAU,GAQhEisB,EAPc9tB,EACjB+tB,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,6BACI,kBAAC1F,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAAS1Q,MAgQEquB,CAAWb,IAChCc,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrB8Q,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAkBhB,EAAQxtB,cAElE,CAAEmT,SAAS,EAAOhD,WAAY,wBAExC,CACItI,MAAO,WACPskB,MAAO,mBACPmC,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GAGrBuM,OAAQ,SAACie,GAAY,OA5DlB,SAACzuB,GAEpB,GAAIA,EAAKm1B,iBACL,OAAO,6BAAMn1B,EAAKm1B,iBAAiBn0B,OAyDFu0B,CAAe9G,IACpCiB,cAAe,SAACC,GAAkB,OApDnBpC,EAoD6CoC,EAjDxE,kBAAC6F,GAAA,EAAgB,CACbh0B,KAAK,WACLD,YAAa,SAAC8U,EAA8B7U,GACxC+rB,EAAelrB,SAASgU,IAE5BlU,UAAW+D,EAAQoI,UACnB7N,MAAO8sB,EAAe9sB,MACtBS,MAAOqsB,EAAersB,QAVA,IAACqsB,IAuDnB,CAAEzkB,MAAO,gBAAiBskB,MAAO,aAAc5c,OAAQ,SAACie,GAAY,OA3QlE,SAACzuB,GAEf,IAAI4vB,EAAa,EAMjB,OAJI5vB,IACA4vB,EAAa5vB,EAAK4vB,YAIlB,6BACI,kBAACC,EAAA,EAAK,CAAC9tB,MAAM,UAAU+tB,aAAcF,GACjC,kBAAC,IAAiB,QAgQkDG,CAAUtB,IAAUuB,SAAU,QAAST,UAAW,CAAE/qB,eAAgB,UAAYgrB,YAAa,CAAEhrB,eAAgB,YAEvLyrB,WACI,CACIC,QAAS,SAAAnwB,GAAS,OACd,yBAAKoC,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAerwB,OAKxGC,KAAMC,EAAMD,KACZsC,QAAS,CACL+tB,eAAgB,QAChBC,QAAQ,EACRja,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAClCC,WAAW,EACXxoB,SAAS,EACTyoB,oBAAqB,EACrBC,SAAU,SAAAnC,GAAW,OACjBrpB,gBAAkBnF,EAAMirB,cAAgBuD,EAAQE,UAAUxtB,GAAM,OAAS,UAGjF6uB,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,EAAQ7vB,cAlKrB,SAAC6vB,GACZA,GACA,UACK9gB,OAAO,CACJC,SAAUwlB,GACVp1B,UAAW,CACPY,YAAa6vB,EAAQ7vB,YACrBm0B,SAAUtE,EAAQqE,iBAAmBrE,EAAQqE,iBAAiBj0B,MAAQ,QAI7E2I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,0BAA2BqJ,EAAQ9J,KAAKS,MAAO,YAK5EsJ,OAAM,SAACC,GACJ,YAAiB,0BAA2BA,EAAQ,YA+IpCsnB,CAAWR,GAzLrB,SAACA,GAEnB5wB,GAAS,SAACU,GAEN,IAAMgsB,EAAQhsB,EAAUZ,KAExB,OAAI4sB,EAAM/L,MAAK,SAAC6U,GAAkB,OAAAA,EAAEz0B,YAAYswB,gBAAkBT,EAAQ7vB,YAAYswB,iBAC3E,MACA3wB,IAGXgsB,EAAMzL,KAAK2P,GAEJ,SACAlwB,GAAS,CACZZ,KAAM4sB,QA2Kc4E,CAAcV,MAGnB,SAEXW,YAAa,SAACX,EAASrD,GAEnB,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WAhQhB,IAACxC,EAiQIuC,IACIvD,KAlQRgB,EAmQmBqC,IAjQ/B,UACK9gB,OAAO,CACJC,SAAU0lB,GACVt1B,UAAW,CACPysB,OAAQ2B,EAAQxN,OAChBhgB,YAAawtB,EAAQxtB,YACrBm0B,SAAU3G,EAAQ0G,iBAAmB1G,EAAQ0G,iBAAiBj0B,MAAQ,QAI7E2I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,0BAA2BqJ,EAAQ9J,KAAKS,MAAO,YAK5EsJ,OAAM,SAACC,GACJ,YAAiB,0BAA2BA,EAAQ,YA3C9C,SAAC8mB,EAAqBrD,GAExCvtB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAUhC,OAFA4sB,EAAMA,EAAMtmB,QAAQmnB,IAAYqD,EAEzB,SACAlwB,GAAS,CACZZ,KAAM4sB,OA0QU+E,CAAcb,EAASrD,MAGxB,SAEXmE,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GArPrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OA+OciF,CAAcpE,MAGnB,UAGf2C,QAAS,CACL,CACI0B,QAAS,6BACTllB,KAAM,KAENvD,QAAS,SAACH,EAAUlJ,GAAc,OA7KjC,SAACA,GAElBorB,GAAqB,GAErB,GAAgBprB,EAyKkC+xB,CAAa/xB,SAQvE,I,YAAMy1B,GAAmB,KAAG,kVAMtBE,GAAmB,KAAG,oZAMtBL,GAAmB,KAAG,wOAMtB,GAAmB,KAAG,0Y,igBCpgBb,SAASM,GAA8B71B,GAElD,IAAMmG,EAAU,eAEV,EAAoB,mBAA6C,CACnEvE,WAAW,EACX3B,KAAM,GACNgrB,cAAe,KAHZ/qB,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KACxC,EAAoC,oBAAS,GAA5C6G,EAAa,KAAEC,EAAgB,KAEtC,qBAAU,WAGE,IAAArJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGd,IAAMlQ,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,qBAAU,WACN,GAAI8P,EAAe,CACP,IAAApJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGdD,GAAiB,MAGtB,CAACD,IAEJ,IAAM1G,EAAoB,CACtBC,IAAK,sBAAW,SAAC4G,EAAW3G,GAAQ,yBAAC,IAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAChFupB,MAAO,sBAAW,SAAC0G,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFwpB,MAAO,sBAAW,SAACyG,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFypB,OAAQ,sBAAW,SAACwG,EAAW3G,GAAQ,yBAAC,KAAa,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC1F0pB,YAAa,sBAAW,SAACuG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9F2pB,KAAM,sBAAW,SAACsG,EAAW3G,GAAQ,yBAAC,KAAI,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC/E4pB,OAAQ,sBAAW,SAACqG,EAAW3G,GAAQ,yBAAC,KAAO,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACpF6pB,OAAQ,sBAAW,SAACoG,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvF8pB,UAAW,sBAAW,SAACmG,EAAW3G,GAAQ,yBAAC,KAAS,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACzF+pB,SAAU,sBAAW,SAACkG,EAAW3G,GAAQ,yBAAC,KAAQ,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFgqB,SAAU,sBAAW,SAACiG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC3FiqB,aAAc,sBAAW,SAACgG,EAAW3G,GAAQ,yBAAC,IAAW,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9FkqB,YAAa,sBAAW,SAAC+F,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFmqB,OAAQ,sBAAW,SAAC8F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACnFoqB,UAAW,sBAAW,SAAC6F,EAAW3G,GAAQ,yBAAC,IAAa,MAAK2G,EAAS,CAAE3G,IAAKA,QAC7Ee,gBAAiB,sBAAW,SAAC4F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC5FsqB,WAAY,sBAAW,SAAC2F,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,sBAGzFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO+iB,GACPrsB,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,IAAAwB,EAAuBxY,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAWsiB,EAAmB9C,QAAS,QAEpD8C,EAAmB9C,QAAQmN,SAAS,8BACpCuF,GAAiB,QAoBrB,YAAiB,SAAUpoB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,SAACojB,GAEfnyB,EAAS,SACFD,GAAK,CACR0B,WAAW,KA+chB,SACHgI,EACAH,EACAC,EAEAC,GAEI,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,UACKG,MAAM,CACHA,MAAOksB,GACPx1B,UAAW,CACPy1B,aAAcnsB,EAAMmsB,cAExBv1B,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MA9dhB+rB,CAJyD,CACrDD,aAAczD,IAKd,GACA,SAACryB,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,SAC/BkoB,GAAiB,OAKvBnF,EAAiB,SAAC/sB,GAEpBE,EAAS,SACFD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKgI,YAAYC,WAAWnyB,OAAS,EAC1C9C,EAAKgtB,KAAKgI,YAAYC,WAAW,GAAGxC,QAAQC,OAC5C,GACN/wB,WAAW,MA0DbgxB,EAAe,SAAC7B,GAElB,IAAI8B,EAAa,GAWjB,OAVKC,MAAMC,QAAQhC,EAAQiC,eAAiBjC,GAAWA,EAAQiC,aAE3DvsB,KAAKC,MAAMqqB,EAAQiC,cAAchS,SAAS,SAACxZ,GACvCqrB,EAAWzR,KAAK5Z,MAGpBqrB,EAAa9B,GAAWA,EAAQiC,aAAejC,EAAQiC,aAAe,GAInEH,EAAW9xB,KAAI,SAACyG,GAAc,OAAAA,EAAKrG,SAAOE,YAgC/CosB,EAAa,SAACC,G,MAChB,UACKzd,OAAO,CACJC,SAAU+lB,GACV31B,UAAW,CACPysB,OAAsB,QAAd,EAAAW,EAAQxM,cAAM,eAAE7f,cAI/ByI,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aAI/DipB,EAAwB,SAAC3xB,GAC3BA,EAAM4xB,iBACNnzB,EAAMwpB,QAAQ4J,UAoMlB,OACI,yBAAKhxB,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,iBAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAzLY,SAACC,GACjBA,IAEA7tB,EAAM+qB,cAAcjK,SAAQ,SAAC4I,GAGzB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAMlB1sB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAe,SAM3BI,GAAqB,IA8Jb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,MA/BS,WAEjB,IAAMA,EAAQsqB,mBAAmBrzB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,IAE9E,OACI,yBAAK9sB,UAAW+D,EAAQmtB,oBACpB,kBAACC,GAAA,EAAW,CAACC,UAAU,SAAG,aAAY,aAAapxB,UAAW+D,EAAQstB,aAClE,kBAACC,GAAA,EAAI,CAAC1xB,MAAM,UAAU2xB,KAAK,IAAIrqB,QAAS4pB,GAAqB,WAG7D,kBAAC5d,EAAA,EAAU,CAACtT,MAAM,cAAcI,UAAW+D,EAAQytB,kBAAmB7qB,IAE1E,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOf,EAAMD,KAAK8C,UAmB1CsrB,GACPG,MAAOhD,EACPsD,QAAS,CACL,CACI/lB,MAAO,OACPskB,MAAO,eACPmC,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrBuM,OAAQ,SAACie,GAAY,OAxKzB,SAACzuB,GAEL,IAAA+yB,EAAwB/yB,EAAI,aAAd4zB,EAAU5zB,EAAI,MAEpC,GAAK6yB,MAAMC,QAAQC,GA6Bf,OACI,kBAAC,IAAMjxB,SAAQ,KACX,kBAAC0oB,EAAA,EAAY,CAAC7Y,QAAS,uBA9B/B,IAAImd,EAAyB,IAAyB,KAAjBiE,GAAwC,OAAjBA,EAC5D,IAAO,IAAOjwB,QAAW,YAAWiwB,GAAgB,IAAOjwB,OAAU,GAQjEisB,EAPcgE,EACjB/D,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,kBAAC,IAAMttB,SAAQ,KACX,kBAAC4nB,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAASohB,EAActI,UAAWmJ,MA6I3BC,CAAQpF,IAC7BiB,cAAe,SAACC,GAAkB,OAnE7B,SAACpC,GAEtB,IAAM8E,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,OACI,kBAAC,IAAMntB,SAAQ,KACX,kBAACm0B,GAAA,EAA6B,CAC1Bz0B,KAAK,SACLR,MAAM,SACN+yB,eAAgB,SAACC,EAAoCxyB,GACjD+rB,EAAelrB,SAAS2xB,IAE5BC,aAAc,SAACC,EAAgB1yB,IAvB3B,SAAC0yB,EAAgB1yB,EAAc+rB,GAC/C,IAAI2I,EAAmB3I,EAAersB,MAGhCkzB,EAAe8B,EAAiB7B,WAAU,SAAC9sB,GAAc,OAAAA,EAAKrG,MAAME,WAAWmwB,gBAAkB2C,EAAO9yB,WAAWmwB,iBACzH2E,EAAiBnI,OAAOqG,EAAc,GAEtC7G,EAAelrB,SAAS6zB,GAiBR5B,CAAYJ,EAAQ1yB,EAAM+rB,IAK9BlqB,UAAU,EACV+N,WAAYmc,EAAenc,WAC3B3Q,MAAO8sB,EAAe9sB,MACtB4xB,QAASA,KA8C6BkC,CAAiB5E,IACnD5a,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAmBhB,EAAQsE,aAAajwB,OAAS,IAEzF,CAAEsR,SAAS,EAAOhD,WAAY,wBAGxC,CACItI,MAAO,GACPskB,MAAO,WACPxoB,QAAQ,EACR4vB,YAAY,EACZxE,SAAU,QACVxf,OAAQ,SAACie,GAAY,OAAYA,EA5GvB,SAIlB,kBAAC,IAAM3sB,SAAQ,KACX,kBAAC,KAAU,CAACK,UAAW+D,EAAQuuB,eAKnC,kBAAC,IAAM3yB,SAAQ,KACX,kBAAC,KAAyB,CAACK,UAAW+D,EAAQuuB,iBAmG9C,CAAE3rB,MAAO,cAAeskB,MAAO,cAAexoB,QAAQ,EAAM4vB,YAAY,GACxE,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,QAASskB,MAAO,QAASxoB,QAAQ,EAAM4vB,YAAY,IAEhEx0B,KAAMC,EAAMD,KACZiwB,WACI,CAEIC,QAAS,SAAAwE,GAAgB,OACrB,yBAAKvyB,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAesE,OAKxGpyB,QAAS,CACL+tB,eAAgB,QAEhBha,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAGlCE,oBAAqB,GAEzBX,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,IA9Tb,SAACA,GAChB,GAAIA,EAAS,CAET,IAAMuB,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,UACKjf,OAAO,CACJC,SAAUkmB,GACV91B,UAAW,CACPgyB,QAASA,EACTuC,YAAajC,EAAa7B,MAIjCjnB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aAwSzCsnB,CAAWR,GArYrB,SAACA,GAgBnB,IAAMlE,EAAQ,MAAI3sB,EAAMD,MAAI,GAQ5B4sB,EAAMzL,KAAK,CACP4R,aAAcjC,EAAQiC,aACtB8B,QAAS/D,EAAQiC,aACjBa,MAAO9C,EAAQiC,eAGnB7yB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZZ,KAAM4sB,OAqWc4E,CAAcV,MAGnB,SAEXc,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GA1WrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OAoWciF,CAAcpE,MAGnB,SAEXqH,YAAa,SAACrG,GACV,OAAIoE,MAAMC,QAAQrE,EAAQsE,gBAOlC3C,QAAS,CACL,CACI0B,QAAS,4BACTllB,KAAM,KAENvD,QAAS,SAACH,EAAUlJ,GAAc,OAtSjC,SAACA,GAElBorB,GAAqB,GAErBlrB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAehrB,OA+R2B+xB,CAAa/xB,SAsCvE,I,SAAM61B,GAAmB,KAAG,wsCAwBtBM,GAAsB,KAAG,wVAMzBH,GAAyB,KAAG,0P,ggBC5oB9B,GAAqB,GAEV,SAASI,KAEpB,IAAMlwB,EAAU,eAEV,EAAoB,mBAA2C,CACjEglB,YAAa,KACblrB,KAAM,GACN2B,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KAE9C,qBAAU,WACNnc,IAEA,IAAMgT,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,IAmUkBrZ,EAAewiB,EAnU3BC,EAAoB,CACtBC,IAAK,sBAAW,SAACzrB,EAAO0rB,GAAQ,yBAAC,IAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACxEupB,MAAO,sBAAW,SAAC3rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEwpB,MAAO,sBAAW,SAAC5rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEypB,OAAQ,sBAAW,SAAC7rB,EAAO0rB,GAAQ,yBAAC,KAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAClF0pB,YAAa,sBAAW,SAAC9rB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtF2pB,KAAM,sBAAW,SAAC/rB,EAAO0rB,GAAQ,yBAAC,KAAI,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACvE4pB,OAAQ,sBAAW,SAAChsB,EAAO0rB,GAAQ,yBAAC,KAAO,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC5E6pB,OAAQ,sBAAW,SAACjsB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/E8pB,UAAW,sBAAW,SAAClsB,EAAO0rB,GAAQ,yBAAC,KAAS,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACjF+pB,SAAU,sBAAW,SAACnsB,EAAO0rB,GAAQ,yBAAC,KAAQ,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EgqB,SAAU,sBAAW,SAACpsB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACnFiqB,aAAc,sBAAW,SAACrsB,EAAO0rB,GAAQ,yBAAC,IAAW,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACtFkqB,YAAa,sBAAW,SAACtsB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC/EmqB,OAAQ,sBAAW,SAACvsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBAC3EoqB,UAAW,sBAAW,SAACxsB,EAAO0rB,GAAQ,yBAAC,IAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,QACrEe,gBAAiB,sBAAW,SAACzsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACpFsqB,WAAY,sBAAW,SAAC1sB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,sBAGjFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO,GACPtJ,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,MAAuBhX,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAW,EAAmBwf,QAAS,QAEpD,EAAmBA,QAAQmN,SAAS,yBACpCzsB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAE1B6sB,EAAOD,EAAMA,EAAM9pB,OAAS,GAOlC,OALA8pB,EAAMA,EAAM9pB,OAAS,GAAK,SACnB+pB,GAAI,CACP5L,OAAQ,EAAmB6L,SAGxB,SACAlsB,GAAS,CACZZ,KAAM4sB,YAMlB,YAAiB,SAAU9iB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,WAEd/O,EAAS,SACFD,GAAK,CACR0B,WAAW,KAEf,kBACImX,GACA,GAEA,SAAC9Y,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC+iB,EAAiB,SAAC/sB,GACpBE,EAAS,SACFD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKqJ,YAAYC,WAC5B30B,WAAW,MAkIb6rB,EAAa,SAACC,GAChB,UACKzd,OAAO,CACJC,SAAUsmB,GACVl2B,UAAW,CACPysB,OAAQW,EAAQxM,UAIvBpX,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,8BAA+BqJ,EAAQ9J,KAAKS,MAAO,YAKhFsJ,OAAM,SAACC,GACJ,YAAiB,8BAA+BA,EAAQ,aA4FpE,OACI,yBAAK7H,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,cAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAvCY,SAACC,GACjBA,GAEA,GAAc/M,SAAQ,SAAC4I,GAGnB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAOtBxB,GAAqB,IAoBb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,OAvBMA,EAuBU,cAvBKwiB,EAuBUrrB,EAAMD,KAAK8C,OArB9C,yBAAKX,UAAW+D,EAAQioB,YACpB,kBAAC9Y,EAAA,EAAU,CAAClT,UAAW+D,EAAQkoB,cAAetlB,GAC9C,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOsqB,MAoBtCiD,MAAOhD,EACPiD,WAvMW,SAACltB,EAA0BmtB,EAAeC,GAG7DxT,QAAQC,IAAI,UAAWsT,GAEvBvuB,EAAS,SACFD,GAAK,CACRirB,YAAauD,EAAQE,UAAUxtB,MAGnC,IAAeggB,KAAK,0CAA0CyN,mBAAmBH,EAAQxtB,aAAY,QAAQwtB,EAAQxN,SA8L7G4N,QAAS,CAEL,CACI/lB,MAAO,cACPskB,MAAO,cACP5c,OAAQ,SAACie,GAAY,OAjQtB,SAACzuB,GAER,IAAAiB,EAAgBjB,EAAI,YAExB8uB,EAAyB,IAAwB,KAAhB7tB,GAAsC,OAAhBA,EAC3D,IAAO,IAAO6B,QAAW,YAAW7B,GAAe,IAAO6B,OAAU,GAShEisB,EAPc9tB,EACjB+tB,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,6BACI,kBAAC1F,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAAS1Q,MAsOEquB,CAAWb,IAChCc,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrB8Q,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAkBhB,EAAQxtB,cAAqB,CAAEmT,SAAS,EAAOhD,WAAY,4BAG/H,CAAEtI,MAAO,gBAAiBskB,MAAO,aAAc5c,OAAQ,SAACie,GAAY,OArOlE,SAACzuB,GAEf,IAAI4vB,EAAa,EAMjB,OAJI5vB,IACA4vB,EAAa5vB,EAAK4vB,YAIlB,6BACI,kBAACC,EAAA,EAAK,CAAC9tB,MAAM,UAAU+tB,aAAcF,GACjC,kBAAC,IAAiB,QA0NkDG,CAAUtB,IAAUuB,SAAU,QAAST,UAAW,CAAE/qB,eAAgB,UAAYgrB,YAAa,CAAEhrB,eAAgB,YAEvLyrB,WACI,CACIC,QAAS,SAAAnwB,GAAS,OACd,yBAAKoC,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAerwB,OAKxGC,KAAMC,EAAMD,KACZsC,QAAS,CACL+tB,eAAgB,QAChBC,QAAQ,EACRja,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAClCC,WAAW,EACXxoB,SAAS,EACTyoB,oBAAqB,EACrBC,SAAU,SAAAnC,GAAW,OACjBrpB,gBAAkBnF,EAAMirB,cAAgBuD,EAAQE,UAAUxtB,GAAM,OAAS,UAGjF6uB,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,EAAQ7vB,cA7HrB,SAAC6vB,GACZA,GACA,UACK9gB,OAAO,CACJC,SAAUumB,GACVn2B,UAAW,CACPY,YAAa6vB,EAAQ7vB,eAI5B4I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,8BAA+BqJ,EAAQ9J,KAAKS,MAAO,YAKhFsJ,OAAM,SAACC,GACJ,YAAiB,8BAA+BA,EAAQ,YA2GxCsnB,CAAWR,GApJrB,SAACA,GAEnB5wB,GAAS,SAACU,GAEN,IAAMgsB,EAAQhsB,EAAUZ,KAExB,OAAI4sB,EAAM/L,MAAK,SAAC6U,GAAkB,OAAAA,EAAEz0B,YAAYswB,gBAAkBT,EAAQ7vB,YAAYswB,iBAC3E,MACA3wB,IAGXgsB,EAAMzL,KAAK2P,GAEJ,SACAlwB,GAAS,CACZZ,KAAM4sB,QAsIc4E,CAAcV,MAGnB,SAEXW,YAAa,SAACX,EAASrD,GAEnB,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WA1NhB,IAACxC,EA2NIuC,IACIvD,KA5NRgB,EA6NmBqC,IA3N/B,UACK9gB,OAAO,CACJC,SAAUwmB,GACVp2B,UAAW,CACPysB,OAAQ2B,EAAQxN,OAChBhgB,YAAawtB,EAAQxtB,eAI5B4I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,8BAA+BqJ,EAAQ9J,KAAKS,MAAO,YAKhFsJ,OAAM,SAACC,GACJ,YAAiB,8BAA+BA,EAAQ,YA1ClD,SAAC8mB,EAAqBrD,GAExCvtB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OAAI4sB,EAAM/L,MAAK,SAAC6U,GAAkB,OAAAA,EAAEz0B,YAAYswB,gBAAkBT,EAAQ7vB,YAAYswB,iBAC3E,MACA3wB,IAIXgsB,EAAMA,EAAMtmB,QAAQmnB,IAAYqD,EAEzB,SACAlwB,GAAS,CACZZ,KAAM4sB,QAoOU+E,CAAcb,EAASrD,MAGxB,SAEXmE,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GAhNrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OA0MciF,CAAcpE,MAGnB,UAGf2C,QAAS,CACL,CACI0B,QAAS,iCACTllB,KAAM,KAENvD,QAAS,SAACH,EAAUlJ,GAAc,OAzIjC,SAACA,GAElBorB,GAAqB,GAErB,GAAgBprB,EAqIkC+xB,CAAa/xB,SAQvE,I,YAAMw2B,GAAuB,KAAG,kRAM1BC,GAAuB,KAAG,oVAM1BF,GAAuB,KAAG,wPAM1B,GAAmB,KAAG,0Y,igBCtdb,SAASG,GAAkC32B,GAEtD,IAAMmG,EAAU,eAEV,EAAoB,mBAAiD,CACvEvE,WAAW,EACX3B,KAAM,GACNgrB,cAAe,KAHZ/qB,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KACxC,EAAoC,oBAAS,GAA5C6G,EAAa,KAAEC,EAAgB,KAEtC,qBAAU,WAGE,IAAArJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGd9G,MAMD,IAEH,qBAAU,WACN,GAAI4G,EAAe,CACP,IAAApJ,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGdD,GAAiB,MAGtB,CAACD,IAEJ,IAAM1G,EAAoB,CACtBC,IAAK,sBAAW,SAAC4G,EAAW3G,GAAQ,yBAAC,IAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAChFupB,MAAO,sBAAW,SAAC0G,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFwpB,MAAO,sBAAW,SAACyG,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFypB,OAAQ,sBAAW,SAACwG,EAAW3G,GAAQ,yBAAC,KAAa,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC1F0pB,YAAa,sBAAW,SAACuG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9F2pB,KAAM,sBAAW,SAACsG,EAAW3G,GAAQ,yBAAC,KAAI,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC/E4pB,OAAQ,sBAAW,SAACqG,EAAW3G,GAAQ,yBAAC,KAAO,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACpF6pB,OAAQ,sBAAW,SAACoG,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvF8pB,UAAW,sBAAW,SAACmG,EAAW3G,GAAQ,yBAAC,KAAS,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACzF+pB,SAAU,sBAAW,SAACkG,EAAW3G,GAAQ,yBAAC,KAAQ,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFgqB,SAAU,sBAAW,SAACiG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC3FiqB,aAAc,sBAAW,SAACgG,EAAW3G,GAAQ,yBAAC,IAAW,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC9FkqB,YAAa,sBAAW,SAAC+F,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACvFmqB,OAAQ,sBAAW,SAAC8F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACnFoqB,UAAW,sBAAW,SAAC6F,EAAW3G,GAAQ,yBAAC,IAAa,MAAK2G,EAAS,CAAE3G,IAAKA,QAC7Ee,gBAAiB,sBAAW,SAAC4F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBAC5FsqB,WAAY,sBAAW,SAAC2F,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,sBAGzFkpB,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAO+iB,GACPrsB,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKsiB,mBAAmBxB,OAAQ,CAEhC,IAAAwB,EAAuBxY,EAAQ9J,KAAI,mBAC3C,YAAiB,UAAWsiB,EAAmB9C,QAAS,QAEpD8C,EAAmB9C,QAAQmN,SAAS,8BACpCuF,GAAiB,QAqBrB,YAAiB,SAAUpoB,EAAQ9J,KAAKsiB,mBAAmB9C,QAAS,UAI5E/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,SAC5B2P,GAAiB,OAM/BjjB,EAAY,SAACojB,GAEfnyB,EAAS,SACFD,GAAK,CACR0B,WAAW,KAwahB,SACHgI,EACAH,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,UACKG,MAAM,CACHA,MAAOgtB,GACPt2B,UAAW,CACPu2B,iBAAkBjtB,EAAMitB,kBAE5Br2B,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MAvbZ6sB,CAJiE,CAC7DD,iBAAkBvE,IAKlB,GACA,SAACryB,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,SAC/BkoB,GAAiB,OAKvBnF,EAAiB,SAAC/sB,GACpBE,EAAS,SACFD,GAAK,CACRD,KAAMA,EAAKgtB,KAAKqJ,YAAYC,WAAWxzB,OAAS,EACtC9C,EAAKgtB,KAAKqJ,YAAYC,WAAW,GAAG7D,QAAQC,OAC5C,GACV/wB,WAAW,MA6CbgxB,EAAe,SAAC7B,GAElB,IAAI8B,EAAa,GAWjB,OAVKC,MAAMC,QAAQhC,EAAQiC,eAAiBjC,GAAWA,EAAQiC,aAE3DvsB,KAAKC,MAAMqqB,EAAQiC,cAAchS,SAAS,SAACxZ,GACvCqrB,EAAWzR,KAAK5Z,MAGpBqrB,EAAa9B,GAAWA,EAAQiC,aAAejC,EAAQiC,aAAe,GAInEH,EAAW9xB,KAAI,SAACyG,GAAc,OAAAA,EAAKrG,SAAOE,YAgC/CosB,EAAa,SAACC,G,MAChB,UACKzd,OAAO,CACJC,SAAU6mB,GACVz2B,UAAW,CACPysB,OAAsB,QAAd,EAAAW,EAAQxM,cAAM,eAAE7f,cAI/ByI,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aAI/DipB,EAAwB,SAAC3xB,GAC3BA,EAAM4xB,iBACNnzB,EAAMwpB,QAAQ4J,UAyKlB,OACI,yBAAKhxB,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,qBAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QA9JY,SAACC,GACjBA,IAEA7tB,EAAM+qB,cAAcjK,SAAQ,SAAC4I,GAGzB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAMlB1sB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAe,SAM3BI,GAAqB,IAmIb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAGvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,MAhCS,WAEjB,IAAMA,EAAQsqB,mBAAmBrzB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,IAE9E,OACI,yBAAK9sB,UAAW+D,EAAQmtB,oBACpB,kBAACC,GAAA,EAAW,CAACC,UAAU,SAAG,aAAY,aAAapxB,UAAW+D,EAAQstB,aAClE,kBAACC,GAAA,EAAI,CAAC1xB,MAAM,UAAU2xB,KAAK,IAAIrqB,QAAS4pB,GAAqB,eAG7D,kBAAC5d,EAAA,EAAU,CAACtT,MAAM,cAAcI,UAAW+D,EAAQytB,kBAAmB7qB,IAE1E,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOf,EAAMD,KAAK8C,UAoB1CsrB,GACPG,MAAOhD,EACPsD,QAAS,CACL,CACI/lB,MAAO,OACPskB,MAAO,eACPmC,UAAW,CAAEtrB,KAAM,GACnBurB,YAAa,CAAEvrB,KAAM,GACrBuM,OAAQ,SAACie,GAAY,OA9IzB,SAACzuB,GAEL,IAAA+yB,EAAwB/yB,EAAI,aAAd4zB,EAAU5zB,EAAI,MAEpC,GAAK6yB,MAAMC,QAAQC,GA6Bf,OACI,kBAAC,IAAMjxB,SAAQ,KACX,kBAAC0oB,EAAA,EAAY,CAAC7Y,QAAS,uBA9B/B,IAAImd,EAAyB,IAAyB,KAAjBiE,GAAwC,OAAjBA,EAC5D,IAAO,IAAOjwB,QAAW,YAAWiwB,GAAgB,IAAOjwB,OAAU,GASjEisB,EAPcgE,EACjB/D,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,kBAAC,IAAMttB,SAAQ,KACX,kBAAC4nB,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAASohB,EAActI,UAAWmJ,MAkH3BC,CAAQpF,IAC7BiB,cAAe,SAACC,GAAkB,OAvE7B,SAACpC,GAGtBrS,QAAQC,IAAI,iBAAkBoS,GAE9B,IAAM8E,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,OACI,kBAAC,IAAMntB,SAAQ,KACX,kBAACi1B,GAAA,EAAiC,CAC9Bv1B,KAAK,SACLR,MAAM,SACN+yB,eAAgB,SAACC,EAAoCxyB,GACjD+rB,EAAelrB,SAAS2xB,IAE5BC,aAAc,SAACC,EAAgB1yB,IA1B3B,SAAC0yB,EAAgB1yB,EAAc+rB,GAC/C,IAAI4G,EAAa5G,EAAersB,MAG1BkzB,EAAeD,EAAWE,WAAU,SAAC9sB,GAAc,OAAAA,EAAKrG,MAAME,WAAWmwB,gBAAkB2C,EAAO9yB,WAAWmwB,iBACnH4C,EAAWpG,OAAOqG,EAAc,GAEhC7G,EAAelrB,SAAS8xB,GAoBRG,CAAYJ,EAAQ1yB,EAAM+rB,IAK9BlqB,UAAU,EACV+N,WAAYmc,EAAenc,WAC3B3Q,MAAO8sB,EAAe9sB,MACtB4xB,QAASA,KA+C6BkC,CAAiB5E,IAEnD5a,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,iBAAmBhB,EAAQsE,aAAajwB,OAAS,IAEzF,CAAEsR,SAAS,EAAOhD,WAAY,wBAGxC,CACItI,MAAO,GACPskB,MAAO,WACPxoB,QAAQ,EACR4vB,YAAY,EACZxE,SAAU,QACVxf,OAAQ,SAACie,GAAY,OAAYA,EAjHvB,SAIlB,kBAAC,IAAM3sB,SAAQ,KACX,kBAAC,KAAU,CAACK,UAAW+D,EAAQuuB,eAKnC,kBAAC,IAAM3yB,SAAQ,KACX,kBAAC,KAAyB,CAACK,UAAW+D,EAAQuuB,iBAwG9C,CAAE3rB,MAAO,cAAeskB,MAAO,cAAexoB,QAAQ,EAAM4vB,YAAY,GACxE,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,SAAUskB,MAAO,SAAUxoB,QAAQ,EAAM4vB,YAAY,GAC9D,CAAE1rB,MAAO,QAASskB,MAAO,QAASxoB,QAAQ,EAAM4vB,YAAY,IAEhEx0B,KAAMC,EAAMD,KACZiwB,WACI,CAEIC,QAAS,SAAAwE,GAAgB,OACrB,yBAAKvyB,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAesE,OAKxGpyB,QAAS,CACL+tB,eAAgB,QAEhBha,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAGlCE,oBAAqB,GAEzBX,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,IArSb,SAACA,GAChB,GAAIA,EAAS,CAET,IAAMuB,EAAUtyB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAE7D,UACKjf,OAAO,CACJC,SAAU+mB,GACV32B,UAAW,CACPgyB,QAASA,EACTuC,YAAajC,EAAa7B,MAIjCjnB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,+BAAgCqJ,EAAQ9J,KAAKS,MAAO,YAKjFsJ,OAAM,SAACC,GACJ,YAAiB,+BAAgCA,EAAQ,aA+QzCsnB,CAAWR,GA/VrB,SAACA,GAEnB,IAAMlE,EAAQ,MAAI3sB,EAAMD,MAAI,GAQ5B4sB,EAAMzL,KAAK,CACP4R,aAAcjC,EAAQiC,aACtB8B,QAAS/D,EAAQiC,aACjBa,MAAO9C,EAAQiC,eAKnB7yB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZZ,KAAM4sB,OA2Uc4E,CAAcV,MAGnB,SAEXc,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GAhVrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OA0UciF,CAAcpE,MAGnB,SAEXqH,YAAa,SAACrG,GACV,OAAIoE,MAAMC,QAAQrE,EAAQsE,gBAOlC3C,QAAS,CACL,CACA0B,QAAS,4BACTllB,KAAM,KAEFvD,QAAS,SAACH,EAAUlJ,GAAc,OA7QjC,SAACA,GAElBorB,GAAqB,GAErBlrB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAehrB,OAsQ2B+xB,CAAa/xB,SAsCvE,I,SAAM22B,GAAuB,KAAG,wuCAwB1BK,GAA0B,KAAG,wWAM7BF,GAA6B,KAAG,0Q,8ZCjmBlC,GAAqB,GAEV,SAASG,KAEpB,IAAM/wB,EAAU,eAEV,EAAoB,mBAA8C,CACpEglB,YAAa,KACblrB,KAAM,GACN2B,WAAW,IAHR1B,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KAE9C,qBAAU,WAENnc,MAQD,IAEH,IA2WkBnG,EAAewiB,EA3W3BC,EAAoB,CACtBC,IAAK,sBAAW,SAACzrB,EAAO0rB,GAAQ,yBAAC,IAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACjF8e,MAAO,sBAAW,SAAC3rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAU,qBACzEwpB,MAAO,sBAAW,SAAC5rB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAClFgf,OAAQ,sBAAW,SAAC7rB,EAAO0rB,GAAQ,yBAAC,KAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC3Fif,YAAa,sBAAW,SAAC9rB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC/Fkf,KAAM,sBAAW,SAAC/rB,EAAO0rB,GAAQ,yBAAC,KAAI,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAChFmf,OAAQ,sBAAW,SAAChsB,EAAO0rB,GAAQ,yBAAC,KAAO,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACrFof,OAAQ,sBAAW,SAACjsB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACxFqf,UAAW,sBAAW,SAAClsB,EAAO0rB,GAAQ,yBAAC,KAAS,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC1Fsf,SAAU,sBAAW,SAACnsB,EAAO0rB,GAAQ,yBAAC,KAAQ,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACxFuf,SAAU,sBAAW,SAACpsB,EAAO0rB,GAAQ,yBAAC,IAAY,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC5Fwf,aAAc,sBAAW,SAACrsB,EAAO0rB,GAAQ,yBAAC,IAAW,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC/Fyf,YAAa,sBAAW,SAACtsB,EAAO0rB,GAAQ,yBAAC,IAAK,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACxF0f,OAAQ,sBAAW,SAACvsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACpF2f,UAAW,sBAAW,SAACxsB,EAAO0rB,GAAQ,yBAAC,IAAa,MAAK1rB,EAAK,CAAE0rB,IAAKA,QACrEe,gBAAiB,sBAAW,SAACzsB,EAAO0rB,GAAQ,yBAAC,KAAM,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC7F6f,WAAY,sBAAW,SAAC1sB,EAAO0rB,GAAQ,yBAAC,KAAU,MAAK1rB,EAAK,CAAE0rB,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,YAqD1FqC,EAAY,WAEd/O,EAAS,SACFD,GAAK,CACR0B,WAAW,KAUf,aARyC,CAIrCu1B,QAAS,KACTC,YAAY,IAKZ,GAEA,SAACn3B,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,SAE/B9J,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZw2B,mBAAmB,WAOjCrK,EAAiB,SAAC/sB,GAEpB,IAEMq3B,EAFWr3B,EAAKs3B,cAAcC,MAAMC,KAEhB12B,KAAI,SAAC02B,GAC3B,MAAO,CACHA,KAAM,CACFt2B,MAAOs2B,EAAKC,OACZz2B,MAAOw2B,EAAKN,QAAUM,EAAKE,UAAYF,EAAKzE,cAEhDzH,MAAOkM,EAAKG,mBAIpBz3B,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZZ,KAAMq3B,EACN11B,WAAW,QAoRvB,OACI,yBAAKQ,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,iBAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAhEY,SAACC,GACjBA,GAEA,GAAc/M,SAAQ,SAAC4I,GAKnBzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAOtBxB,GAAqB,IA6Cb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,OAhDMA,EAgDU,iBAhDKwiB,EAgDarrB,EAAMD,KAAK8C,OA9CjD,yBAAKX,UAAW+D,EAAQioB,YACpB,kBAAC9Y,EAAA,EAAU,CAAClT,UAAW+D,EAAQkoB,cAAetlB,GAC9C,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOsqB,MA6CtCiD,MAAOhD,EACPiD,WArOW,SAACltB,EAA0BmtB,EAAeC,GAG7DxT,QAAQC,IAAI,UAAWsT,GAEvBvuB,EAAS,SACFD,GAAK,CACRirB,YAAauD,EAAQE,UAAUxtB,MAGnC,IAAeggB,KAAK,6CAA6CyN,mBAAmBH,EAAQ+I,KAAKx2B,OAAM,QAAQytB,EAAQ+I,KAAKt2B,QA4NpH2tB,QAAS,CACL,CACI/lB,MAAO,QACPskB,MAAO,OACPrY,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,UAAWhB,EAAQ+I,OAE3D,CAAEpjB,SAAS,EAAOhD,WAAY,qBACpCZ,OAAQ,SAACie,GAAY,OAtStB,SAACzuB,GAEhB,GAAIA,EAAKw3B,KAAM,CAEX,IAAMA,EAAOx3B,EAAKw3B,KAEd1I,EAAyB,IAAuB,KAAf0I,EAAKx2B,OAA+B,OAAfw2B,EAAKx2B,MAC/D,IAAO,IAAO8B,QAAW,YAAW00B,EAAKx2B,OAAS,IAAO8B,OAAU,GAS/DisB,EAPcyI,EAAKx2B,MACtBguB,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,kBAAC,IAAMttB,SAAQ,KACX,kBAAC4nB,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAAS6lB,EAAKx2B,WAyQP42B,CAAWnJ,IAAUc,UAAW,CAAEtrB,KAAM,GAAKurB,YAAa,CAAEvrB,KAAM,GACvFyrB,cAAe,SAACC,GAAkB,OAjDvBpC,EAiD6CoC,EA9CpE,kBAACkI,GAAA,EAAwB,CACrBr2B,KAAK,OACLR,MAAM,OACNqC,UAAU,EACVnC,MAAOqsB,EAAersB,MACtBi2B,YAAY,EACZ51B,YAAa,SAAC8U,EAA8B7U,GACxC+rB,EAAelrB,SAASgU,IAE5B5V,MAAO8sB,EAAe9sB,MACtB8B,eAAe,EACfJ,UAAW+D,EAAQoI,YAdD,IAACif,GAkDXuK,sBA9BU,SAACzqB,EAAaohB,EAA8BsJ,GACtE,OAAOtJ,GAAWA,EAAQ+I,MAAQ/I,EAAQ+I,KAAKx2B,MAAMuwB,cAAc5E,SAAStf,EAAOkkB,iBA+BvE,CACIzoB,MAAO,kBACPskB,MAAO,QAAS5c,OAAQ,SAACie,GACzB,OAtQM,SAACzuB,GAEvB,IAAIsrB,EAAQ,EAMZ,OAJItrB,GAAQA,EAAKsrB,QACbA,EAAQtrB,EAAKsrB,OAIb,6BACI,kBAACuE,EAAA,EAAK,CAAC9tB,MAAM,UAAU+tB,aAAcxE,GACjC,kBAAC,IAAiB,QA2Pd0M,CAAkBvJ,IAAUuB,SAAU,QACtCT,UAAW,CAAE/qB,eAAgB,UAC7BgrB,YAAa,CAAEhrB,eAAgB,YAGvCyrB,WACI,CACIC,QAAS,SAAAnwB,GAAS,OACd,yBAAKoC,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAerwB,OAKxGC,KAAMC,EAAMD,KACZsC,QAAS,CACL+tB,eAAgB,QAChBC,QAAQ,EACRja,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAClCC,WAAW,EACXxoB,SAAS,EACTyoB,oBAAqB,EACrBC,SAAU,SAAAnC,GAAW,OACjBrpB,gBAAkBnF,EAAMirB,cAAgBuD,EAAQE,UAAUxtB,GAAM,OAAS,a,0fCxdlF,SAAS82B,GAAqCl4B,GAEzD,IAAMmG,EAAU,eAEV,EAAoB,mBAAoD,CAC1EvE,WAAW,EACX3B,KAAM,GACNgrB,cAAe,KAHZ/qB,EAAK,KAAEC,EAAQ,KAMhB,EAA4C,oBAAS,GAApDirB,EAAiB,KAAEC,EAAoB,KAE9C,qBAAU,WAGE,IAAAvC,EAAY9oB,EAAM6oB,MAAMlnB,OAAM,QAEhCywB,EAAOtJ,EAAQoG,MAAM,QAAS,GAAG,GAEnCpG,GACA5Z,EAAUkjB,GAGd,IAAMlQ,EAAmBoJ,IAEzB,OAAO,WACHpJ,EAAiBE,iBAGtB,IAEH,IAAMoJ,EAAoB,CACtBC,IAAK,sBAAW,SAAC4G,EAAW3G,GAAQ,yBAAC,IAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACzF8e,MAAO,sBAAW,SAAC0G,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAU,qBACjFwpB,MAAO,sBAAW,SAACyG,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC1Fgf,OAAQ,sBAAW,SAACwG,EAAW3G,GAAQ,yBAAC,KAAa,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACnGif,YAAa,sBAAW,SAACuG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACvGkf,KAAM,sBAAW,SAACsG,EAAW3G,GAAQ,yBAAC,KAAI,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACxFmf,OAAQ,sBAAW,SAACqG,EAAW3G,GAAQ,yBAAC,KAAO,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC7Fof,OAAQ,sBAAW,SAACoG,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAChGqf,UAAW,sBAAW,SAACmG,EAAW3G,GAAQ,yBAAC,KAAS,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAClGsf,SAAU,sBAAW,SAACkG,EAAW3G,GAAQ,yBAAC,KAAQ,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAChGuf,SAAU,sBAAW,SAACiG,EAAW3G,GAAQ,yBAAC,IAAY,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACpGwf,aAAc,sBAAW,SAACgG,EAAW3G,GAAQ,yBAAC,IAAW,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACvGyf,YAAa,sBAAW,SAAC+F,EAAW3G,GAAQ,yBAAC,IAAK,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAChG0f,OAAQ,sBAAW,SAAC8F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WAC5F2f,UAAW,sBAAW,SAAC6F,EAAW3G,GAAQ,yBAAC,IAAa,MAAK2G,EAAS,CAAE3G,IAAKA,QAC7Ee,gBAAiB,sBAAW,SAAC4F,EAAW3G,GAAQ,yBAAC,KAAM,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,WACrG6f,WAAY,sBAAW,SAAC2F,EAAW3G,GAAQ,yBAAC,KAAU,MAAK2G,EAAS,CAAE3G,IAAKA,EAAMtpB,UAAW+D,EAAQ0G,YAGlGye,EAAgB,WAClB,OAEI,UACKjJ,UAAU,CACP7hB,YAAa,WACboJ,MAAOuuB,GACP73B,UAAW,KAEd+hB,UAAU,CAEPC,KAAA,SAAKvY,GACD,GAAIA,EAAQ9J,KAAKm4B,0BAA0BrX,OAAQ,CAEvC,MAA8BhX,EAAQ9J,KAAI,0BAElD,YAAiB,UAAW,EAA0Bwf,QAAS,QAE3D,EAA0BA,QAAQmN,SAAS,uCAC3CzsB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAE1B6sB,EAAOD,EAAMA,EAAM9pB,OAAS,GAOlC,OALA8pB,EAAMA,EAAM9pB,OAAS,GAAK,SACnB+pB,GAAI,CACPC,OAAQ,EAA0BsL,OAG/B,SACAx3B,GAAS,CACZZ,KAAM4sB,YAMlB,YAAiB,SAAU9iB,EAAQ9J,KAAKm4B,0BAA0B3Y,QAAS,UAInF/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAM1CtT,EAAY,SAACopB,GAEfn4B,EAAS,SACFD,GAAK,CACR0B,WAAW,KAmbhB,SACHgI,EACAH,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,UACKG,MAAM,CACHA,MAAO2uB,GACPj4B,UAAW,CACPg4B,SAAU1uB,EAAM0uB,UAEpB93B,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MAlcZuuB,CAJ6D,CACzDF,SAAUA,IAKV,GACA,SAACr4B,GAAS,OAAA+sB,EAAe/sB,MAEzB,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKrC+iB,EAAiB,SAAC/sB,GAEpB,IAAMw4B,EAAiBx4B,EAAKw4B,eAAeA,eAErCnB,EAAWmB,EAAe13B,KAAI,SAAC02B,GACjC,MAAO,CACHA,KAAM,CACFt2B,MAAOs2B,EAAKa,SACZr3B,MAAOw2B,EAAKzE,cAEhBjG,OAAQ0K,EAAKY,SAIrBl4B,EAAS,SACFD,GAAK,CACRD,KAAMw4B,EAAe11B,OAAS,EAAIu0B,EAAW,GAC7C11B,WAAW,MA4Hb6rB,EAAa,SAACC,GAChB,UACKzd,OAAO,CACJC,SAAUwoB,GACVp4B,UAAW,CACP+3B,KAAM3K,EAAQX,UAIrBjjB,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,iCAAkCqJ,EAAQ9J,KAAKS,MAAO,YAKnFsJ,OAAM,SAACC,GACJ,YAAiB,iCAAkCA,EAAQ,aAIjEipB,EAAwB,SAAC3xB,GAC3BA,EAAM4xB,iBACNnzB,EAAMwpB,QAAQ4J,UAmIlB,OACI,yBAAKhxB,UAAW+D,EAAQkF,MACpB,kBAACuiB,GAAA,EAAS,CACN7kB,MAAM,YAENzE,QAAS,oDACTupB,KAAMzC,EACN0C,QAxHY,SAACC,GACjBA,IAEA7tB,EAAM+qB,cAAcjK,SAAQ,SAAC4I,GAGzB6D,EAAW7D,GAEXzpB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQqjB,GAAW,GAC/B,SACA/oB,GAAS,CACZZ,KAAM4sB,UAMlB1sB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAe,SAM3BI,GAAqB,IA6Fb4C,cAAe,KACfC,WAAY,MACZ9rB,UAAW+D,EAAQgoB,YAEvB,kBAAC,IAAa,CACVvsB,UAAW1B,EAAM0B,UACjBmH,MAhGS,WAEjB,IAAMA,EAAQsqB,mBAAmBrzB,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,IAE9E,OACI,yBAAK9sB,UAAW+D,EAAQmtB,oBACpB,kBAACC,GAAA,EAAW,CAACC,UAAU,SAAG,aAAY,aAAapxB,UAAW+D,EAAQstB,aAClE,kBAACC,GAAA,EAAI,CAAC1xB,MAAM,UAAU2xB,KAAK,IAAIrqB,QAAS4pB,GAAqB,kBAG7D,kBAAC5d,EAAA,EAAU,CAACtT,MAAM,cAAcI,UAAW+D,EAAQytB,kBAAmB7qB,IAE1E,kBAACulB,EAAA,EAAI,CAAClsB,UAAW+D,EAAQooB,KAAMttB,MAAOf,EAAMD,KAAK8C,UAoF1CsrB,GACPG,MAAOhD,EACPsD,QAAS,CACL,CACI/lB,MAAO,QACPskB,MAAO,OACPrY,SAAU,SAAC0Z,GAAY,SAAAA,EAAQgB,eAAe,UAAWhB,EAAQ+I,OAE3D,CAAEpjB,SAAS,EAAOhD,WAAY,qBACpCZ,OAAQ,SAACie,GAAY,OAlEtB,SAACzuB,GAEhB,GAAIA,EAAKw3B,KAAM,CAEX,IAAMA,EAAOx3B,EAAKw3B,KAEd1I,EAAyB,IAAuB,KAAf0I,EAAKx2B,OAA+B,OAAfw2B,EAAKx2B,MAC/D,IAAO,IAAO8B,QAAW,YAAW00B,EAAKx2B,OAAS,IAAO8B,OAAU,GAS/DisB,EAPcyI,EAAKx2B,MACtBguB,QAAQ,YAAa,IACrBC,MAAM,KAENnuB,KAAI,SAACouB,GAAW,OAAAA,EAAE,MAClBC,KAAK,IAE2BC,MAAM,EAAG,GAE1C,OACI,kBAAC,IAAMttB,SAAQ,KACX,kBAAC4nB,EAAA,EAAQ,KACL,kBAACE,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,CACH5nB,MAAO,CAAEkD,gBAAiB0pB,GAAkB,OAAQ/sB,MAAO,QAC3DI,UAAW+D,EAAQmpB,QAElBN,IAGT,kBAACvE,EAAA,EAAY,CAAC7Y,QAAS6lB,EAAKx2B,WAqCP42B,CAAWnJ,IAAUc,UAAW,CAAEtrB,KAAM,GAAKurB,YAAa,CAAEvrB,KAAM,GACvFyrB,cAAe,SAACC,GAAkB,OAxFvBpC,EAwF6CoC,EArFpE,kBAACkI,GAAA,EAAwB,CACrBr2B,KAAK,OACLR,MAAM,OACNqC,UAAU,EACVnC,MAAOqsB,EAAersB,MACtBi2B,YAAY,EACZ51B,YAAa,SAAC8U,EAA8B7U,GACxC+rB,EAAelrB,SAASgU,IAE5B5V,MAAO8sB,EAAe9sB,MACtB8B,eAAe,EACfJ,UAAW+D,EAAQoI,UACnB8C,WAAYmc,EAAenc,aAfT,IAACmc,GAyFXuK,sBA7BU,SAACzqB,EAAaohB,EAA8BsJ,GACtE,OAAOtJ,GAAWA,EAAQ+I,MAAQ/I,EAAQ+I,KAAKx2B,MAAMuwB,cAAc5E,SAAStf,EAAOkkB,kBA+B3EvxB,KAAMC,EAAMD,KACZiwB,WACI,CAEIC,QAAS,SAAAwE,GAAgB,OACrB,yBAAKvyB,UAAW+D,EAAQiqB,eACpB,kBAAC,gBAAa,IAACjqB,QAAS,CAAEtC,UAAWsC,EAAQtC,UAAWwsB,QAASlqB,EAAQkqB,UAAesE,OAKxGpyB,QAAS,CAEL+tB,eAAgB,QAChBha,WAAW,EACXka,QAAQ,EACRC,SAAU,GACVC,gBAAiB,CAAC,GAAI,GAAI,GAAI,GAAI,IAGlCE,oBAAqB,GAEzBX,SAAU,CACNa,SAAU,SAACC,GAEP,WAAIC,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIF,IAlPb,SAACA,GAChB,GAAIA,EAAS,CAET,IAAM4H,EAAiB34B,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAEpE,UACKjf,OAAO,CACJC,SAAU0oB,GACVt4B,UAAW,CACP2Q,MAAO,CACHonB,KAAM,KACNM,eAAgBA,EAChBE,YAAa9H,EAAQ0G,KAAKt2B,UAKrC2I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,iCAAkCqJ,EAAQ9J,KAAKS,MAAO,YAKnFsJ,OAAM,SAACC,GACJ,YAAiB,iCAAkCA,EAAQ,aAyN3CsnB,CAAWR,GAvRrB,SAACA,GAEnB5wB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OAAI4sB,EAAM/L,MAAK,SAAC6U,GAA2B,OAAAA,EAAE8B,MAAQ9B,EAAE8B,KAAKt2B,MAAMqwB,gBAAkBT,EAAQ0G,KAAKt2B,MAAMqwB,iBAC5F,MACA3wB,IAIXgsB,EAAMzL,KAAK2P,GAEJ,SACAlwB,GAAS,CACZZ,KAAM4sB,QAwQc4E,CAAcV,MAGnB,SAEXW,YAAa,SAACX,EAASrD,GAEnB,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACXD,IACIvD,IAjUT,SAACgB,GAChB,IAAMiK,EAAiB34B,EAAM6oB,MAAMlnB,OAAOmnB,QAAQoG,MAAM,QAAS,GAAG,GAEhER,GACA,UACKze,OAAO,CACJC,SAAU4oB,GACVx4B,UAAW,CACP2Q,MAAO,CACHonB,KAAM3J,EAAQ3B,OACd4L,eAAgBA,EAChBE,YAAanK,EAAQ+I,KAAKt2B,UAKrC2I,MAAK,SAACC,GACCA,EAAQ9J,WACmB8Y,IAAvBhP,EAAQ9J,KAAKS,OACb,YAAkB,kCAAmCqJ,EAAQ9J,KAAKS,MAAO,YAKpFsJ,OAAM,SAACC,GACJ,YAAiB,kCAAmCA,EAAQ,YAyShD8uB,CAAWhI,GAxVjB,SAACA,EAA8BrD,GAEjDvtB,GAAS,SAACU,GAEN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OAAI4sB,EAAM/L,MAAK,SAAC6U,GAA2B,OAAAA,EAAE8B,KAAKt2B,MAAMqwB,gBAAkBT,EAAQ0G,KAAKt2B,MAAMqwB,iBAClF,MACA3wB,IAIXgsB,EAAMA,EAAMtmB,QAAQmnB,IAAYqD,EAEzB,SACAlwB,GAAS,CACZZ,KAAM4sB,QAyUU+E,CAAcb,EAASrD,MAGxB,SAEXmE,YAAa,SAACnE,GAEV,WAAIsD,SAAQ,SAACC,GACTC,YAAW,WACPD,IACIvD,IACAD,EAAWC,GAzRrB,SAACA,GAEnBvtB,GAAS,SAACU,GACN,IAAMgsB,EAAQ,MAAIhsB,EAAUZ,MAAI,GAEhC,OADA4sB,EAAMmB,OAAOnB,EAAMtmB,QAAQmnB,GAAU,GAC9B,SACA7sB,GAAS,CACZZ,KAAM4sB,OAmRciF,CAAcpE,MAGnB,UAGf2C,QAAS,CACL,CACA0B,QAAS,4BACTllB,KAAM,KAEFvD,QAAS,SAACH,EAAUlJ,GAAc,OA5NjC,SAACA,GAElBorB,GAAqB,GAErBlrB,GAAS,SAACU,GACN,OAAO,SACAA,GAAS,CACZoqB,cAAehrB,OAqN2B+xB,CAAa/xB,SAsDvE,I,eAAMs4B,GAAsB,KAAG,giBAazBK,GAA8B,KAAG,wdAajCE,GAA8B,KAAG,wdAajCJ,GAAsB,KAAG,4UASlBP,GAA4B,KAAG,4X,2DCllBhCa,G,iNAzDN,GAAY,OAAA3qB,EAAA,GAAW,CACzBhD,KAAM,CACFnH,KAAM,EACNM,QAAS,OACTqB,SAAU,UAEdmiB,QAAS,CACL9jB,KAAM,EACNM,QAAS,OACTa,gBAAiB,OACjBhC,OAAQ,UACRc,QAAS,QAEb8jB,QAAS,CACL9jB,QAAS,SACT6C,SAAU,QACVsE,MAAO,OACPtG,SAAU,WACVd,KAAM,EACNM,QAAS,QAEb0jB,aAAc,CACVljB,SAAU,WACVd,KAAM,GAOVikB,YAAa,CACTnjB,SAAU,WACVC,IAAK,EACLE,MAAO,EACPD,KAAM,EACNE,OAAQ,EACRY,SAAU,OACVoG,aAAc,OACd,kBAAmB,CACf/G,gBAAiB,sBAErB,wBAAyB,CACrBA,gBAAiB,uBAGzBf,QAAS,CACLH,QAAS,SACTikB,SAAU,EACV5jB,QAAS,OACTqB,SAAU,SACV,UAAW,CACPuiB,SAAU,EACVphB,SAAU,YAoBP,SAASiyB,GAA+Bj5B,GAEnD,IAAMmG,EAAU,KAEZ6iB,EAAsBgQ,GAAUh5B,EAAM6oB,MAAMlnB,OAAOsnB,KAEjD,EAA4B,mBAA8C,CAC5EV,cAAeS,GAAsBgQ,GAAUzC,aAD5C7N,EAAS,KAAEC,EAAY,KAIxB,EAA4B,oBAAkB,GAA7C/mB,EAAS,KAAEyE,EAAY,KACxB,EAAwC,oBAAkB,GAAzD6yB,EAAe,KAAEC,EAAkB,KAGtCvQ,EAAe5oB,EAAM6oB,MAAMlnB,OAAOmnB,QAEtC,qBAAU,WACNsQ,MAED,IAEH,IAAMA,EAAmB,WACrB,UAAOxvB,MAAM,CACTA,MAAO,YACPpJ,YAAa,iBAEdsJ,MAAK,SAACC,GAIGA,EAAQ9J,KAAKo5B,SACbF,EAAmBpvB,EAAQ9J,KAAKo5B,QAAQH,iBAE5C7yB,GAAa,MAEd2D,OAAM,SAACC,GACN,YAAiB,KAAMA,EAAQ,aAQrCqvB,EAAa,SAACn4B,GAAqB,kBACrCwnB,EAAa,SACND,GAAS,CACZH,cAAepnB,KAGnBnB,EAAMwpB,QAAQpI,KAAK,+BAA+B4X,GAAU73B,MAShE,OACI,kBAAC,IAAMY,SAAQ,KACVH,EAEO,yBAAKQ,UAAW+D,EAAQkF,MACpB,kBAACyL,EAAA,EAAgB,CAAC9U,MAAM,UAAUC,KAAM,MAI5C,yBAAKG,UAAW+D,EAAQkF,MACpB,kBAAC0f,EAAgC,CAC7BhiB,MAAM,iBACN0D,YA/BJ,WAChBzM,EAAMwpB,QAAQpI,KAAK,4BA+BC1U,YAnBJ,WAChB1M,EAAMwpB,QAAQpI,KAAK,CACfmY,SAAU,cAAc,iBAAc,iBAAcC,qBAmBxC,yBAAKp3B,UAAW+D,EAAQ6hB,SACpB,yBAAK5lB,UAAW+D,EAAQ8hB,SACpB,yBAAK7lB,UAAW+D,EAAQ+hB,cACpB,kBAACuB,EAAA,EAAI,CAACrnB,UAAW+D,EAAQgiB,cACnBrX,EAAA,EAAYC,UAAUD,EAAA,EAAgB2oB,qCAAuCP,IAC3E,kBAACvP,EAAA,EAAQ,CACLjlB,QAAQ,EACR4E,QAASgwB,EAAWN,GAAUzC,YAC9B3M,SAAUlB,EAAUH,gBAAkByQ,GAAUzC,YAEhD,kBAAC1M,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,KACH,kBAAC,IAAY,QAGrB,kBAACU,EAAA,EAAY,CACT7Y,QAAQ,mBACR8Y,UAAU,8BAIpB5Z,EAAA,EAAYC,UAAUD,EAAA,EAAgB4oB,iCAAmCR,IACvE,kBAACvP,EAAA,EAAQ,CACLjlB,QAAQ,EACR4E,QAASgwB,EAAWN,GAAUW,SAC9B/P,SAAUlB,EAAUH,gBAAkByQ,GAAUW,SAEhD,kBAAC9P,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,KACH,kBAAC,IAAY,QAGrB,kBAACU,EAAA,EAAY,CACT7Y,QAAQ,eACR8Y,UAAU,0BAIpB5Z,EAAA,EAAYC,UAAUD,EAAA,EAAgB8oB,+BAAiCV,IACrE,kBAACvP,EAAA,EAAQ,CACLjlB,QAAQ,EACR4E,QAASgwB,EAAWN,GAAU9L,OAC9BtD,SAAUlB,EAAUH,gBAAkByQ,GAAU9L,OAEhD,kBAACrD,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,KACH,kBAAC,IAAS,QAGlB,kBAACU,EAAA,EAAY,CACT7Y,QAAQ,aACR8Y,UAAU,wBAIpB5Z,EAAA,EAAYC,UAAUD,EAAA,EAAgB+oB,oCAAsCX,IAC1E,kBAACvP,EAAA,EAAQ,CACLjlB,QAAQ,EACR4E,QAASgwB,EAAWN,GAAUc,eAC9BlQ,SAAUlB,EAAUH,gBAAkByQ,GAAUc,eAEhD,kBAACjQ,EAAA,EAAc,KACX,kBAACE,EAAA,EAAM,KACH,kBAAC,IAAsB,QAG/B,kBAACU,EAAA,EAAY,CACT7Y,QAAQ,iBACR8Y,UAAU,sCAOlC,yBAAKtoB,UAAW+D,EAAQ7B,SAClBokB,EAAUH,gBAAkByQ,GAAU9L,YAA0BnU,IAAjB6P,GAAgC,kBAACsC,GAAsB,MAEtGxC,EAAUH,gBAAkByQ,GAAU9L,YAA0BnU,IAAjB6P,GAAgC,kBAACqJ,GAA2B,MAAKjyB,IAEhH0oB,EAAUH,gBAAkByQ,GAAUW,cAA4B5gB,IAAjB6P,GAAgC,kBAACoM,GAAwB,MAE1GtM,EAAUH,gBAAkByQ,GAAUW,cAA4B5gB,IAAjB6P,GAAgC,kBAACiN,GAA6B,MAAK71B,IAEpH0oB,EAAUH,gBAAkByQ,GAAUzC,iBAA+Bxd,IAAjB6P,GAAgC,kBAACyN,GAA2B,MAChH3N,EAAUH,gBAAkByQ,GAAUzC,iBAChBxd,IAAjB6P,GAAgC,kBAAC+N,GAAiC,MAAK32B,IAE5E0oB,EAAUH,gBAAkByQ,GAAUc,oBAAkC/gB,IAAjB6P,GAAgC,kBAACsO,GAA8B,MACtHxO,EAAUH,gBAAkByQ,GAAUc,oBAChB/gB,IAAjB6P,GAAgC,kBAACsP,GAAoC,MAAKl4B,SAnLjH,SAAYg5B,GACR,yBACA,+BACA,qBACA,qCAJJ,CAAYA,QAAS,M,uVCtBTe,E,gIAsBL,SAASC,EAAsB74B,EAAgB84B,GAClD,IAAIC,EAAQ,GA4BZ,OAzBI,IAAYnpB,UAAU,IAAgBopB,4BACtCD,EAAM9Y,KAAK,CAAEjgB,MAAO,yBAA0B2C,KAAM,SAEpD,IAAYiN,UAAU,IAAgBqpB,mCACtCF,EAAM9Y,KAAK,CAAEjgB,MAAO,gCAAiC2C,KAAM,kBAE3D,IAAYiN,UAAU,IAAgBspB,2BACtCH,EAAM9Y,KAAK,CAAEjgB,MAAO,wBAAyB2C,KAAM,SAEnD,IAAYiN,UAAU,IAAgBupB,2BACtCJ,EAAM9Y,KAAK,CAAEjgB,MAAO,wBAAyB2C,KAAM,UAEnD,IAAYiN,UAAU,IAAgBwpB,gCAAmD,IAAlBN,IACvEC,EAAM9Y,KAAK,CAAEjgB,MAAO,4BAA6B2C,KAAM,aAGvD3C,IACA+4B,EAAQA,EAAM5sB,QAAO,SAACktB,GAAM,OAAAA,EAAEr5B,QAAUA,OAGxC+4B,GAA0B,IAAjBA,EAAMn3B,QAA2B,8BAAV5B,IAA2D,IAAlB84B,GAEzEC,EAAM9Y,KAAK,CAAEjgB,MAAO,4BAA6B2C,KAAM,aAGpDo2B,EAGJ,SAASO,EAAsBC,GAClC,IAAIC,EAAmB,GASvB,OAPAA,EAAiBvZ,KAAK,CAAEjgB,MAAO44B,EAAiBa,SAAU92B,KAAM,aAChE62B,EAAiBvZ,KAAK,CAAEjgB,MAAO44B,EAAiBc,SAAU/2B,KAAM,aAE5D42B,GACAC,EAAiBvZ,KAAK,CAAEjgB,MAAO44B,EAAiBe,cAAeh3B,KAAM,kBAGlE62B,EAGJ,SAASI,EACZnxB,EACAH,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,SACKG,MAAM,CACHA,MAAOoxB,EACP16B,UAAW,CACP26B,SAAUrxB,EAAMqxB,SAChBC,cAAetxB,EAAMsxB,cACrBC,eAAgBvxB,EAAMuxB,eACtBC,gBAAiBxxB,EAAMwxB,gBACvBC,OAAQzxB,EAAMyxB,OACdC,UAAW1xB,EAAM0xB,UACjBC,WAAY3xB,EAAM2xB,WAClBC,iBAAkB5xB,EAAM4xB,kBAE5Bh7B,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,OAhGpB,SAAY8vB,GACR,2BACA,2BACA,qCAHJ,CAAYA,MAAgB,KA2H5B,IAAMiB,EAAiC,IAAG,u6DAgD7BS,GAZY,IAAG,iZAYiB,IAAG,wgDAwBnCC,EAAgC,IAAG,mtCAsBnCC,EAAkC,IAAG,2bA0B3C,SAASC,EACZnyB,EACAC,EAEAC,GAEA,IAAInJ,GAA2C,IAAhBiJ,EAAuB,eAAiB,cACvE,SACKG,MAAM,CACHA,MAAOiyB,EACPv7B,UAAW,GACXE,YAAaA,IAGhBsJ,MAAK,SAACC,GACHL,EAAUK,EAAQ9J,SAGrB+J,OAAM,SAACC,GACJN,EAAQM,MAIb,I,cAAM4xB,EAAqB,IAAG,mgBAexBC,EAA4B,IAAG,4Y,kCCvV5C,kCAAO,IAAMC,EAAyB,CAClCX,iBAAiB,EACjBY,kBAAkB,I,iLCUhBj4B,EAAY,OAAAsK,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTjD,KAAM,CACFC,MAAO,OACPnH,QAAS,UAEboD,UAAW,GACXhD,gBAAiB,CACbS,SAAU,WACVb,QAAS,YACTnC,MAAO,IAAUuJ,YAAYC,YAC7BhH,QAAS,OACTC,eAAgB,gBAChBM,WAAY,SACZ,6BAA8B,CAC1BZ,QAAS,aAEb,aAAc,CACV83B,YAAa,OACbxwB,WAAY,IAAUC,KAAKC,KAC3BC,SAAU,IAAUC,SAASC,GAAGC,MAChCC,cAAe,SACfC,WAAY,IAAUC,WAAWC,YAErC,iBAAkB,CACdC,aAAc,OACdpH,SAAU,WACVC,IAAK,MACLi3B,UAAW,mBACX,eAAgB,CACZ5wB,MAAO,OACPxD,OAAQ,QAEZ,oBAAqB,CACjB8D,SAAU,IAAUC,SAASC,GAAGO,OAChCrK,MAAO,IAAUuJ,YAAYe,mBAIzC5H,OAAQ,CACJrB,OAAQ,SACRgB,cAAe,OACfuH,SAAU,aAYTuwB,EAA0D,SAACn8B,GACpE,IAAMmG,EAAUpC,IAEVylB,EAAU,cAchB,OACI,yBAAKpnB,UAAW+D,EAAQkF,MACpB,yBAAKjJ,UAAW+D,EAAQoB,WACpB,yBAAKnF,UAAW+D,EAAQ5B,iBACpB,+BACOvE,EAAMo8B,SACL,kBAAC,IAAc,CACXzvB,MAAO3M,EAAMiD,IACb2J,aAAc,IAAaC,KAC3BvD,QAAStJ,EAAMyM,YACfK,OAAQ,0BACRC,YAAY,gBAGpB,kBAAC,IAAO,CAAC9L,MAAOjB,EAAM+I,MAAO5G,MAAO6oB,EAAA,EAAWhe,SAAUqvB,SAAU,CAAEJ,YAAaj8B,EAAMo8B,QAAU,OAAS,WAE/G,6BACI,kBAAC,IAAM,CAACj5B,QAAQ,OAAOnB,MAAM,UAAUC,KAAK,QAAQG,UAAW+D,EAAQzB,OAAQ4E,QA7B/E,WAChBkgB,EAAQpI,KAAK,CACTmY,SAAU,aAAa,gBAAc,gBAAc+C,2BA2B8DrvB,UAAW,kBAAC,IAAwB,OAAG,cAG5I,kBAAC,IAAM,CAAC9J,QAAQ,OAAOnB,MAAM,UAAUC,KAAK,QAAQG,UAAW+D,EAAQzB,OAAQ4E,QA1B/E,WAChBkgB,EAAQpI,KAAK,CACTmY,SAAU,2BAwBuGtsB,UAAW,kBAAC,IAAgB,OAAG,kB,61BCzEtJsvB,EAAkB,IAAUC,KAAwB,SAACx8B,G,MAAU,UACjEmE,QAAS,OACTa,SAAU,aACT,mBAAyB,CACtBA,SAAU,WACVE,KAAM,MACND,IAAK,MACLi3B,UAAW,yB,KAIbO,EAAiB,YAAU9rB,EAAA,EAAV,EAAoC,SAAC3Q,GAAU,OAClE,uBAAwB,CACpBgH,SAAU,SAEd,oBAAqB,CACjB,yGAA0G,CACtG01B,aAAc,iCAGtB,oCAAqC,CACjC16B,MAAO,eAKT26B,EAAgB,IAAUH,KAAqB,SAACx8B,G,MAAU,UAC5D+E,WAAY,SACZP,QAAS,OACTC,eAAgB,aAChBoB,SAAU,WACVyF,MAAO,SACN,eAAqB,CAClBtJ,MAAOhC,EAAMgE,MAAMuH,YAAYe,gBAC/BnI,QAAS,UAEb,EAAC,YAAkB,CACf2D,OAAQ,OACRwD,MAAO,OACP1F,OAAQ,aAAe5F,EAAMgE,MAAM44B,cAAcC,gBACjDC,aAAc,MACdC,UAAW,aAAe/8B,EAAMgE,MAAM44B,cAAcI,gBACpD35B,OAAQ,GAEZ,0BAAwB,CACpBiI,MAAO,Q,KA0Lf,cAKQ,WAAYtL,EAAoDE,GAAhE,MACA,YAAMF,EAAOE,IAAM,KAEnB,EAAK+8B,oBAAsB,EAAKA,oBAAoBC,KAAK,GACzD,EAAKC,kBAAoB,EAAKA,kBAAkBD,KAAK,GACrD,EAAKE,wBAA0B,EAAKA,wBAAwBF,KAAK,GAEjE,EAAKG,WAAa,EAAKA,WAAWH,KAAK,GACvC,EAAKI,YAAc,EAAKA,YAAYJ,KAAK,GACzC,EAAK17B,YAAc,EAAKA,YAAY07B,KAAK,GACzC,EAAKK,gBAAkB,EAAKA,gBAAgBL,KAAK,GACjD,EAAKM,oBAAsB,EAAKA,oBAAoBN,KAAK,GACzD,EAAKO,iBAAmB,EAAKA,iBAAiBP,KAAK,GAEnD,EAAKQ,eAAiB,EAAKA,eAAeR,KAAK,GAE/C,EAAKS,uCAAyC,mBAAS,EAAKA,uCAAuCT,KAAK,GAAO,KAC/G,EAAKU,cAAgB,EAAKA,cAAcV,KAAK,GAC7C,EAAKW,gBAAkB,EAAKA,gBAAgBX,KAAK,GACjD,EAAKY,yBAA2B,EAAKA,yBAAyBZ,KAAK,GAEnE,IAAIhD,EAAQ,EAAKl6B,MAAM+9B,eAAiB,EAAK/9B,MAAM+9B,eAAiB,G,OAEpE,EAAK79B,MAAQ,CACT89B,+BAAgC,GAChCC,iBAAkB,GAClBC,SAAU,GAEVt8B,WAAW,EACXu8B,eAAe,EACfC,eAAe,EACfC,eAA0B,2BAAVnE,EAChBe,SAAU,EAAKj7B,MAAMi7B,SACrBf,MAAOA,EACPiB,eAAgB,GAChBE,OAAQ,GACR5D,KAAM,GACN6G,UAAW,GACXhD,UAAW,GACXiD,WAAW,EACXC,aAAa,EACbC,eAAgB,EAAKz+B,MAAMy+B,eAC3BlO,OAAQ,GACRmO,YAAa,EAAK1+B,MAAM0+B,a,EAitBpC,OAhwBY,OAmDR,YAAAC,kBAAA,WACIC,KAAKC,iBAELD,KAAKd,4BAIF,YAAAgB,qBAAP,WACQF,KAAKG,qBACLH,KAAKG,oBAAoB3c,eAI1B,YAAA4c,iCAAP,SAAwCC,GAEhCL,KAAK5+B,MAAMi7B,WAAagE,EAAUhE,UAClC2D,KAAK1+B,MAAMk+B,gBAAkBa,EAAUb,eACvCQ,KAAK5+B,MAAM+9B,iBAAoBkB,EAAUlB,iBAGrCa,KAAKz+B,SAAS,CACV86B,SAAUgE,EAAUhE,SACpBmD,cAAgBa,EAAUb,cAC1BK,eAAgBQ,EAAUR,iBAK1BG,KAAK1+B,MAAMk+B,gBAAkBa,EAAUb,eACvCQ,KAAKjB,uCAAuCiB,KAAK1+B,MAAMg6B,QAG/D0E,KAAK5+B,MAAMy+B,gBAAkBQ,EAAUR,gBAAkBG,KAAK5+B,MAAMy+B,eAAet9B,QAAU89B,EAAUR,eAAet9B,QAGtHy9B,KAAKz+B,SAAS,CACV86B,SAAUgE,EAAUhE,SACpBmD,cAAgBa,EAAUb,cAC1BK,eAAgBQ,EAAUR,iBAK9BG,KAAKnB,iBAAiBwB,EAAUR,eAAgB,MAIxD,YAAAhuB,OAAA,WACY,IAAAtK,EAAYy4B,KAAK5+B,MAAK,QACxBk/B,EAAc,EAAH,GAAQC,EAAA,GAErBC,EAASR,KAAK1+B,MAAM0B,UAAY,gBAAC,IAAQ,WAAMmX,EAC/CsmB,EAAiBT,KAAKxB,wBAAwB8B,GAE9CX,IAAcK,KAAK1+B,MAAM89B,+BAA+B1wB,QAAQ,SAAAktB,GAAK,OAAe,IAAfA,EAAE8E,YAAoBv8B,OAAS,GAEpGw8B,OAA2DxmB,IAApC6lB,KAAK5+B,MAAMu/B,sBAA4CX,KAAK5+B,MAAMu/B,qBAE7F,OACI,gBAAChD,EAAe,CAACn6B,UAAW,mBACxB,gBAACq6B,EAAc,KACX,gBAAC7O,EAAA,EAAS,CACN7kB,MAAM,6BAENzE,QAAS,iEACTupB,KAAM+Q,KAAK1+B,MAAMs+B,YACjB1Q,QAAS8Q,KAAKpB,oBACdvP,cAAe,KACfC,WAAY,QAEhB,gBAACvd,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,gBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACvH,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,IACD,IAAzB46B,GAAiCX,KAAK5+B,MAAMi7B,WAAauE,GAAgBC,MAAQb,KAAK5+B,MAAMi7B,WAAauE,GAAgBE,OAEnH,gBAAC,WAAc,KACX,gBAAC/uB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACynB,EAAA,EAA4B,CACzB1+B,MAAOi+B,EAAYU,MACnBn+B,KAAK,UACLN,MAAOy9B,KAAK1+B,MAAMg6B,MAClB93B,UAAU,iBACVZ,YAAao9B,KAAKp9B,eAGzB69B,GAGP,QAEuB,IAAzBE,GAAiCX,KAAK5+B,MAAMi7B,WAAauE,GAAgBE,SAAWd,KAAK5+B,MAAM6/B,gBAC/F,gBAAClvB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAAC4f,EAAA,EAAwB,CACrB72B,MAAM,OACNQ,KAAK,eACLN,MAAOy9B,KAAK1+B,MAAM4/B,aAClB1I,YAAY,EACZ51B,YAAao9B,KAAKf,mBAI9B,gBAACltB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACykB,EAAa,KAGF,gBAACoD,EAAA,EAAa,CACV9+B,MAAM,QACNQ,KAAK,iBACLN,MAAOy9B,KAAK1+B,MAAMu+B,eAClBj9B,YAAao9B,KAAKnB,iBAClBr7B,UAAW+D,EAAQ65B,cACnBC,qBAAsBrB,KAAK1+B,MAAM+6B,eAS7D,gBAACtqB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GAChCknB,GAGL,gBAACzuB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACvH,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,GAC5B,gBAACgM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,GAAIwQ,GAAI,IAClC,uBAAK9V,UAAW+D,EAAQ+5B,gBACpB,gBAAC/uB,EAAA,EAAS,CACNlP,KAAK,QACLkB,QAAQ,WACRg9B,YAAY,YACZ/9B,UAAW+D,EAAQi6B,YACnBj/B,MAAOy9B,KAAK1+B,MAAMqwB,OAClBjuB,SAAUs8B,KAAKlB,eACf77B,WAAY,CACRC,aAAc88B,KAAK1+B,MAAMqwB,OAAOxtB,QAAU,EAEtC,gBAAC,IAAkB,CAAC6I,SAAS,UAI7B,gBAACy0B,EAAA,EAAU,CACP/2B,QAASs1B,KAAKhB,cACd0C,KAAK,MACLr+B,KAAK,SAEL,gBAAC,IAAiB,CAAC2J,SAAS,cAK5C,uBAAKxJ,UAAW+D,EAAQ5B,iBACpB,gBAAC,IAAM,CACH8E,KAAK,SACLlG,QAAQ,WACRmG,QAASs1B,KAAKrB,gBACdn7B,UAAU,SACVC,SAAuC,IAA7Bu8B,KAAK1+B,MAAMqwB,OAAOxtB,QAE3Bw7B,EAAY,WAAa,YAE9B,gBAAC,IAAM,CACHl1B,KAAK,SACLlG,QAAQ,WACRmG,QAASs1B,KAAKvB,WACdj7B,UAAU,yBAAuB,QAKrC,gBAAC,IAAM,CACHiH,KAAK,SACLlG,QAAQ,WACRmG,QAASs1B,KAAKtB,YACdt7B,MAAO,YACPI,UAAU,SACVC,SAAUu8B,KAAK1+B,MAAMm+B,gBAAc,kBAevE,YAAAQ,eAAR,WACI,IAAI0B,EAAY,iBAAsBxnB,EAAW6lB,KAAK1+B,MAAMw+B,aAEtD8B,EAAYD,EAAUx/B,KAAK,SAACm5B,GAAwB,OAAE/4B,MAAO+4B,EAAM/4B,MAAOF,MAAOi5B,EAAMp2B,SAE7F,GAAiB,MAAby8B,GAAqBA,EAAUx9B,OAAS,EAAG,CAE3C,IAAM09B,EAAoC,KAArB7B,KAAK1+B,MAAMg6B,MACV0E,KAAK1+B,MAAMg6B,MACXsG,EAAU,GAAGr/B,MAWnCy9B,KAAK3B,oBAAoBwD,EAAc,GAAI,aAK3C,YAAArD,wBAAR,SAAgC8B,GAC5B,MAAyB,kCAArBN,KAAK1+B,MAAMg6B,MAEP,gBAACvpB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACykB,EAAa,KAGF,gBAAC+D,EAAA,EAAoB,CACjBz/B,MAAOi+B,EAAYyB,aACnBl/B,KAAK,iBACLN,MAAOy9B,KAAK1+B,MAAMi7B,eAClByF,wBAAwB,EAExBp/B,YAAao9B,KAAKp9B,gBAOd,0BAArBo9B,KAAK1+B,MAAMg6B,MAEd,gBAACvpB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACykB,EAAa,KAGF,gBAACkE,EAAA,EAAY,CACT5/B,MAAOi+B,EAAY4B,KACnBr/B,KAAK,SACLN,MAAOy9B,KAAK1+B,MAAMm7B,OAElB75B,YAAao9B,KAAKp9B,gBAOd,0BAArBo9B,KAAK1+B,MAAMg6B,MAEd,gBAACvpB,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,EAAGwQ,GAAI,GACjC,gBAACykB,EAAa,KAGF,gBAACoE,EAAA,EAAY,CACT9/B,MAAOi+B,EAAY8B,KACnBv/B,KAAK,SACLD,YAAao9B,KAAKzB,kBAClBh8B,MAAOy9B,KAAK1+B,MAAMu3B,KAClBwJ,aAAcrC,KAAK1+B,MAAMo+B,UACzB4C,cAAc,MAQ/B,6BAIP,YAAA3D,gBAAR,sBACUS,EAAiCY,KAAK1+B,MAAM89B,+BAClDA,EAA+Bhd,SAAQ,SAAAmgB,GACnCA,EAAoB7B,UAAY,EAAKp/B,MAAMq+B,aAG/CK,KAAKz+B,SAAS,CACV69B,+BAAgCA,EAChCO,WAAYK,KAAK1+B,MAAMq+B,YAIvBK,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkCpD,EAAgCA,GAAgC,IAK7G,YAAAH,gBAAR,SAAwBvnB,GACpB,GAAIA,EAAW,CAEPsoB,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkC,GAAI,IAAI,GAGzD,IAEIC,EAAiB/qB,EAAUud,MAG3B4K,EAAiB,CAAEx9B,MAAO,OAAQE,MAAO,OAEzCy9B,KAAK5+B,MAAMi7B,WAAauE,GAAgBE,OAExCd,KAAKz+B,SAAS,CACVk+B,iBAAiBgD,EAA0Bt+B,OAAS,GACpDu4B,UAAW+F,EACX5C,eAAgBA,IAGpBG,KAAKz+B,SAAS,CACVm7B,UAAW+F,EACX5C,eAAgBA,IAIpBG,KAAK5+B,MAAMshC,yBACX1C,KAAK5+B,MAAMshC,wBACP1C,KAAK1+B,MAAM+6B,SAvBO,KACC,KAyBnBoG,EAvBU,MACD,EAyBT5C,GAIRG,KAAKjB,uCAAuCiB,KAAK1+B,MAAMg6B,YAGvD0E,KAAKz+B,SAAS,CACVm7B,UAAW,GACX+C,gBAAgB,KAKpB,YAAAZ,iBAAR,SAAyBnnB,EAA8B7U,GAMnD,GAJIm9B,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkC,GAAI,IAAI,GAGrD9qB,EAAW,CAMX,GAJAsoB,KAAKz+B,SAAS,CACVs+B,eAAgBnoB,IAGhBsoB,KAAK5+B,MAAMshC,wBAAyB,CAEpC,IAAIC,EAAsB,KACtBC,EAAuB,KACF,kCAArB5C,KAAK1+B,MAAMg6B,QAEZqH,EAAuB3C,KAAK1+B,MAAMi7B,iBAAmB,IAAiBL,cAAcz5B,WAA2C,MAA9Bu9B,KAAK1+B,MAAMi7B,eAAyB,KACrIqG,EAAuB5C,KAAK1+B,MAAMi7B,iBAAmB,IAAiBL,cAAcz5B,YAAoB,MAE3G,IAAIogC,OAAqC1oB,IAAtB6lB,KAAK1+B,MAAMm7B,QAAwBuD,KAAK1+B,MAAMm7B,OAAOt4B,OAAS,EAAK67B,KAAK1+B,MAAMm7B,OAAS,KACtGgG,OAA2CtoB,IAAzB6lB,KAAK1+B,MAAMo7B,WAA2BsD,KAAK1+B,MAAMo7B,UAAUv4B,OAAS,EAAK67B,KAAK1+B,MAAMo7B,UAAY,KAClHC,EAAmC,8BAArBqD,KAAK1+B,MAAMg6B,OAEe,0BAArB0E,KAAK1+B,MAAMg6B,QAAgE,OAAnBmH,GAAkC,MAEjHzC,KAAK5+B,MAAMshC,wBACP1C,KAAK1+B,MAAM+6B,SACXsG,EACAC,EACAH,EACAI,EACAlG,EACAjlB,GAGRsoB,KAAKjB,uCAAuCiB,KAAK1+B,MAAMg6B,SAIvD,YAAA14B,YAAR,SAAoB8U,EAA8B7U,GAC9Cm9B,KAAK3B,oBAAoB3mB,EAAUnV,MAAO,GAAIM,IAG1C,YAAA07B,kBAAR,SAA0B7mB,EAA2B7U,GACjDm9B,KAAK3B,yBAAwClkB,IAApBzC,EAAUnV,MAAsB,GAAKmV,EAAUnV,MAAOmV,EAAUrV,MAAOQ,IAI5F,YAAAw7B,oBAAR,SAA4B97B,EAAYF,EAAeQ,GACnD,QAAcsX,IAAV5X,EAAqB,CACrB,IAAIugC,GAAiB,EACjBxH,EAAQ,GACRiB,EAAiB,GACjBG,EAAY,GACZgD,EAAY,GACZjD,EAAS,GACTgD,GAAiB,EAEjBI,EAA2C,KAuF/C,GApFIA,EADAG,KAAK5+B,MAAMi7B,WAAauE,GAAgBE,QAGvBd,KAAK1+B,MAAMu+B,eAFXG,KAAK1+B,MAAMu+B,eAE6C,CAAEx9B,MAAO,OAAQE,MAAO,OAGxF,YAATM,GAEAigC,GAAiB,EACjBxH,EAAQ/4B,EAGJk9B,EADU,8BAAVl9B,GAMwB,kCAArBy9B,KAAK1+B,MAAMg6B,OAAsD,mBAATz4B,GAE/D05B,EAAiBh6B,EAEbA,EAAME,WAAW0B,OAAS,IAC1Bs7B,GAAiB,IAGO,0BAArBO,KAAK1+B,MAAMg6B,OAA8C,WAATz4B,GAEvD45B,EAASl6B,EAEY,kBAAVA,GAAsBA,EAAM4B,OAAS,IAC5Cs7B,GAAiB,IAGO,0BAArBO,KAAK1+B,MAAMg6B,OAA8C,WAATz4B,IACvD65B,EAAYn6B,EACZm9B,EAAYr9B,EAES,kBAAVE,GAAsBA,EAAM4B,OAAS,IAC5Cs7B,GAAiB,IAqBzBnE,EAAQwH,EAAiBxH,EAAQ0E,KAAK1+B,MAAMg6B,MAE5C0E,KAAKz+B,SAAS,CACVk+B,eAAgBA,EAChBnE,MAAOA,EACPiB,eAAgBA,EAChBG,UAAWA,EACX7D,KAAoB,KAAd6D,EAAmB,GAAKsD,KAAK1+B,MAAMu3B,KACzC6G,UAAWA,EACXjD,OAAQA,EACRoD,eAAgBA,GAAkCG,KAAK1+B,MAAMu+B,iBAI7DG,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkC,GAAI,IAAI,IAG3C,2BAAVjgC,GAAgD,8BAAVA,GAC5B,mBAATM,GAAuC,KAAVN,GACnB,WAATM,GAA+B,KAAVN,GACZ,WAATM,GAA+B,KAAVN,GACZ,mBAATM,GAAuC,KAAVN,IAC/By9B,KAAKjB,uCAAuCzD,GAG5C0E,KAAK5+B,MAAMshC,wBAAyB,CACpC,IAAIC,EAAuB,KACvBC,EAAuB,KAEd,mBAAT//B,IACI05B,IAAmB,IAAiBL,cAAcz5B,WAClDmgC,GAAuB,EAEvBD,EAAyC,MAAnBpG,GAI9B,IAAIsG,EAAwB,WAAThgC,QAA+BsX,IAAV5X,GAAuBA,EAAM4B,OAAS,EAAK5B,EAAQ,KACvFkgC,EAA2B,WAAT5/B,QAA+BsX,IAAV5X,GAAuBA,EAAM4B,OAAS,EAAK5B,EAAQ,KAC1Fo6B,EAAwB,8BAAVp6B,GAEe,0BAAVA,IAAgE,OAAnBkgC,GAAkC,MAEtGzC,KAAK5+B,MAAMshC,wBACP1C,KAAK1+B,MAAM+6B,SACXsG,EACAC,EACAH,EACAI,EACAlG,EACAkD,GAAkCG,KAAK1+B,MAAMu+B,mBA6BrD,YAAAd,uCAAR,SAA+CzD,GAA/C,WAEI0E,KAAKz+B,SAAS,CACVyB,WAAW,EACXo8B,+BAAgC,GAChCO,WAAW,IAIXK,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkC,GAAI,IAAI,GAGzD,IAAIhG,EAAkB,KAClBD,EAAiB,KAEjByD,KAAK1+B,MAAMi7B,eAAep4B,OAAS,IAC/B67B,KAAK1+B,MAAMi7B,iBAAmB,IAAiBL,cAAcz5B,WAC7D+5B,GAAkB,EAElBD,EAA+C,MAA9ByD,KAAK1+B,MAAMi7B,gBAIpC,IAAIoE,OAA2DxmB,IAApC6lB,KAAK5+B,MAAMu/B,sBAA4CX,KAAK5+B,MAAMu/B,qBAEzFoC,EAAqD,CACrDzG,eAAe,EACfD,SAAU2D,KAAK1+B,MAAM+6B,SACrBE,gBAAyC,IAAzBoE,EAAiC,KAAOpE,EACxDC,iBAA2C,IAAzBmE,EAAiC,KAAOnE,EAC1DE,WAAqC,IAAzBiE,EAAiC,KAAQX,KAAK1+B,MAAMo7B,UAAUv4B,OAAS,EAAI67B,KAAK1+B,MAAMo7B,UAAY,KAC9GD,QAAkC,IAAzBkE,EAAiC,KAASX,KAAK1+B,MAAMm7B,OAAOt4B,OAAS,EAAI67B,KAAK1+B,MAAMm7B,OAAS,KACtGE,YAAsC,IAAzBgE,IAEI,8BAAVrF,KAAgD0E,KAAK1+B,MAAMo7B,UAAUv4B,OAAS,IAAY,MACjGy4B,iBAAkBoD,KAAK1+B,MAAMu+B,eAAqD,QAApCG,KAAK1+B,MAAMu+B,eAAet9B,MAAkB,KAAOy9B,KAAK1+B,MAAMu+B,eAAet9B,MAAQ,MAGvI,YAAoCwgC,GACA,GACA,SAAC1hC,GACG,EAAK2hC,sCAAsC3hC,MAE/C,SAACgK,GACG,EAAK9J,SAAS,CACVyB,WAAW,IAGf,YAAiB,uCAAwCqI,EAAQ,aAIrG,YAAA23B,sCAAR,SAA8C3hC,GAA9C,WAOI,GANIA,EAAKQ,SACLm+B,KAAKz+B,SAAS,CACVyB,WAAW,IAIf3B,QAAgD8Y,IAAxC9Y,EAAK+9B,qCACsDjlB,IAAnE9Y,EAAK+9B,+BAA+B6D,2BAA0C,CAK1E,IAAM7D,EAAiCv3B,KAAKC,MAAMD,KAAKq7B,UACnD7hC,EAAK+9B,+BAA+B6D,6BAEpCtD,IAAct+B,EAAK+9B,+BAA+B6D,2BAA2Bv0B,QAAQ,SAAAktB,GAAK,OAAe,IAAfA,EAAE8E,YAAoBv8B,OAAS,GAEzHg/B,EAA8C/D,EAE9CY,KAAK1+B,MAAMqwB,OAAOxtB,OAAS,IAC3Bg/B,EAAgB/D,EAA+B1wB,QAAO,SAAC9F,GACnD,OAAOA,EAAKuB,MAAMyoB,cAAc5E,SAAS,EAAK1sB,MAAMqwB,OAAOiB,cAAcwQ,YAIjFpD,KAAKz+B,SAAS,CACV69B,+BAAgC+D,EAChCngC,WAAW,EACXw8B,eAAe,EACfG,UAAWA,IAIXK,KAAK5+B,MAAMohC,mCACXxC,KAAK5+B,MAAMohC,kCAAkCpD,EAAgC+D,GAAe,KAKpG,YAAA1E,WAAR,WACQuB,KAAK5+B,MAAMq9B,YACXuB,KAAK5+B,MAAMq9B,cAIX,YAAAC,YAAR,WACIsB,KAAKz+B,SAAS,CACVq+B,aAAa,KAIb,YAAAhB,oBAAR,SAA4BzP,GACpBA,GACI6Q,KAAK5+B,MAAMs9B,aACXsB,KAAK5+B,MAAMs9B,cAInBsB,KAAKz+B,SAAS,CAACq+B,aAAa,KAGxB,YAAAd,eAAR,SAAuBn8B,GAEnB,IAAMgvB,EAAShvB,EAAM2iB,OAAO/iB,MAC5By9B,KAAKz+B,SAAS,CACVowB,OAAQA,IAGZqO,KAAKjB,uCAAuCiB,KAAK1+B,MAAMg6B,QASnD,YAAA0D,cAAR,WACIgB,KAAKz+B,SAAS,CACVowB,OAAQ,KAGZqO,KAAKjB,uCAAuCiB,KAAK1+B,MAAMg6B,QAGnD,YAAA4D,yBAAR,WAEI,IAAMmE,EAAKrD,KAEXA,KAAKG,oBAAsB,SAAO1c,UAAU,CACxCzY,MAAO,MACRyY,UAAU,CAETC,KAAA,SAAKvY,GAEDoR,QAAQC,IAAIrR,GACRA,EAAQ9J,KAAKiiC,0BAA0BnhB,QAEvC,YAAiB,UAAWhX,EAAQ9J,KAAKiiC,0BAA0BziB,QAAS,QAE5EwiB,EAAGpD,kBAGH,YAAiB,SAAU90B,EAAQ9J,KAAKiiC,0BAA0BziB,QAAS,UAInF/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAK5C,EAjwBA,CACY,aAmwBG,SAAA2f,EAAA,IA17BA,SAACn+B,GAAiB,cAAAsK,EAAA,GAAa,CAC1CjJ,gBAAiB,CAEb+8B,WAAY,OACZp9B,SAAU,YAEdN,OAAQ,CACJrB,OAAQW,EAAMW,WAElBJ,gBAAiB,CACblB,OAAQ,gBACRmB,QAAS,OACTC,eAAgB,WAChBM,WAAY,SACZ,oBAAqB,CAEjB/C,MAAO,UACP4D,OAAQ,mCAEZ,YAAa,CACTvC,OAAQ,UAGhBmL,cAAe,CACXzJ,WAAY,SACZP,QAAS,OACTC,eAAgB,WAChBN,QAAS,QAEbk+B,KAAM,CACFC,aAAc,OACdn+B,QAAS,UAEboD,UAAW,CACPnC,OAAQ,EACRF,KAAM,EACNq9B,UAAW,OAEXv9B,SAAU,WACVG,MAAO,EACPF,IAAK,GAETu9B,QAAS,CACLC,WAAY,YAAcz+B,EAAM2N,QAAQ+wB,KAAK,KAC7C56B,OAAQ,OACRzE,OAAQ,SACRiI,MAAO,OAEXq3B,aAAc,CACVlwB,YAAazO,EAAMW,WAEvBi+B,cAAe,CACX1+B,KAAM,EACNC,QAAS,QAEb6N,YAAa,CACT3O,OAAQ,SACRuB,SAAU,SAEdi+B,gBAAiB,CACb99B,WAAY,SACZP,QAAS,OACTC,eAAgB,gBAChBojB,UAAW,UAEfib,cAAe,CACXR,aAAc,OACd9vB,UAAW,QAEfuwB,aAAc,CACVC,UAAW,YAAch/B,EAAM2N,QAAQ+wB,KAAK,KAC5ClwB,UAAW,OACX4vB,WAAY,QAEhBa,MAAO,GAGPC,aAAc,CACV,eAAgB,CACZlhC,MAAOgC,EAAM2N,QAAQ+Y,UAAU7Y,KAC/BjG,SAAU,QAEdpH,QAAS,eACTsD,OAAQ,OACRpC,UAAW,QACXD,UAAW,QACX6F,MAAO,QAEX63B,oBAAqB,CACjB,eAAgB,CACZnhC,MAAOgC,EAAM2N,QAAQ+Y,UAAU7Y,KAC/BjG,SAAU,QAEdpH,QAAS,eACTsD,OAAQ,OACRpC,UAAW,QACXD,UAAW,QACX6F,MAAO,QAEXiD,UAAW,GAGX60B,YAAa,CACTp+B,SAAU,QACVG,MAAO,EACPF,IAAK,SAET+6B,cAAe,CACX10B,MAAO,QAEX40B,eAAgB,CACZ17B,QAAS,OACTC,eAAgB,WAChBM,WAAY,UAEhBq7B,YAAa,CACT,wBAAyB,CACrBgC,WAAY,MACZ78B,cAAe,YAo0Bc,CAAE89B,WAAW,GAAvC,CAA+C,G,QCvgCjD,EAAS,SAACr/B,G,MAAiB,cAAAsK,EAAA,GAAa,CACjDg1B,iBAAkB,CACd9+B,QAAS,OACT4jB,SAAU,EACV3jB,eAAgB,YAGpBC,OAAQ,CACJrB,OAAQW,EAAMW,WAElB6J,cAAe,CACXzJ,WAAY,SACZP,QAAS,OACTC,eAAgB,WAChBN,QAAS,aAEbo/B,SAAU,GAGVC,kBAAmB,CACfngC,OAAQ,SAEZogC,gBAAiB,CACbpgC,OAAQ,QACR++B,WAAY,QAEhBsB,WAAY,CACRrgC,OAAQ,WAEZsgC,IAAK,CACD5+B,WAAY,SACZP,QAAS,OACTo/B,SAAU,QAEdr8B,UAAW,GAIXs8B,sBAAuB,CACnBvB,aAAc,GAElBwB,WAAY,CACR,6BAA8B,CAC1BC,UAAW,MACX3b,SAAU,EACVphB,SAAU,OAEd,4BAA6B,CACzB+8B,UAAW,MACX3b,SAAU,EACVphB,SAAU,OAEd+8B,UAAW,MACX3b,SAAU,EACV/kB,OAAQ,EACR2D,SAAU,OAEdg9B,UAAW,CACPj/B,WAAY,WACZP,QAAS,QAEby/B,eAAgB,CACZzxB,UAAW,QAEfmwB,aAAc,CACVlwB,YAAazO,EAAMW,WAEvBu/B,QAAS,CACLz/B,eAAgB,YAEpBm+B,cAAe,CACXz+B,QAAS,QAEb6N,YAAa,CACT3O,OAAQW,EAAMW,WAElBw/B,KAAM,CACF3/B,QAAS,OACTL,QAAS,gCAEbigC,cAAe,CACX5/B,QAAS,OACTqB,SAAU,WACV1B,QAAS,gBAEbkgC,YAAa,CACTjc,SAAU,GAEdkc,MAAO,CACHz+B,SAAU,WACVxC,OAAWW,EAAMW,UAAS,QAE9B6M,QAAS,CACL5F,SAAU5H,EAAMyN,WAAWC,QAAQ,KAGvCzQ,MAAO,CACHgW,WAAY,MACZ7K,aAAc,QAElBm4B,KAAM,CACFj5B,MAAO,KAEXk5B,YAAa,CACTrgC,QAAS,OAEboK,UAAW,CACP,kBAAmB,CACfjD,MAAO,QAEX8c,SAAU,EACVka,aAAct+B,EAAMW,UACpBsS,WAAYjT,EAAMW,UAClB8N,YAAazO,EAAMW,WAEvB8/B,UAAW,CACPnC,aAAc,GAElBc,aAAW,GACPp+B,SAAU,QACVG,MAAO,OACPF,IAAK,QACLy/B,OAAQ,GACR,EAAC1gC,EAAM2gC,YAAYC,GAAG,OAAQ,CAC1B3/B,IAAK,S,GAGb4/B,WAAY,CACRzC,WAAY,QAEhB0C,SAAU,CACNtgC,QAAS,QAEbugC,YAAa,CACTvgC,QAAS,OACT0X,cAAe,UAEnB8oB,YAAa,CACT9gC,KAAM,WACNC,QAAS,oBACTmH,MAAO,QAEX25B,UAAW,CACPzgC,QAAS,QAEb0gC,aAAc,CACV1gC,QAAS,OACTO,WAAY,SACZk3B,YAAaj4B,EAAMW,QAAQ,GAC3BY,cAAevB,EAAMW,QAAQ,IAEjCwgC,QAAS,CACLC,cAAe,QAEnB/9B,MAAO,CACHlD,QAASH,EAAMW,QAAQ,GACvBqC,SAAU,SAEdq+B,iBAAkB,CACd7gC,QAAS,OACTL,QAAS,mBACTM,eAAgB,gBAChBM,WAAY,SACZ,iBAAkB,CACd,qBAAsB,CAClB/C,MAAO,aAInBsjC,UAAW,CACP9gC,QAAS,OACTN,KAAM,EACNC,QAAS,SACT,WAAY,CACRA,QAAS,SAETK,QAAS,OACTO,WAAY,UAEhB,UAAW,CACPb,KAAM,EACNM,QAAS,OACTO,WAAY,WAGpBwgC,YAAa,CACT/gC,QAAS,OACTN,KAAM,GAEVshC,cAAe,CACXhhC,QAAS,OACTqB,SAAU,SACV3B,KAAM,GAEVuhC,aAAc,CACVjhC,QAAS,OACTO,WAAY,SACZN,eAAgB,WAChByN,IAAK,OAETwzB,YAAa,CAET1jC,MAAO,c,kjBCjLT2jC,GAAgB,KAAG,wO,WCVnB,GAAY,OAAAt3B,EAAA,IAAW,SAACrK,GAC1B,cAAAsK,EAAA,GAAa,CACTrK,WAAY,CACR,uBAAwB,CACpBC,KAAM,EACNC,QAAS,IAGjBC,OAAQ,CACJC,cAAe,cAEnBC,QAAS,CACLJ,KAAM,GAEVK,gBAAiB,CACbC,QAAS,OACTC,eAAgB,iBAGpBC,OAAQ,CACJrB,OAAQW,EAAMW,QAAQ,GACtBC,SAAU,QAEdC,OAAQ,CACJL,QAAS,QAEbM,cAAe,CACXN,QAAS,OACTC,eAAgB,SAChBN,QAAS,UAEbmB,UAAW,CACPC,cAAe,QAEnBC,gBAAiB,CACbrB,QAAS,SACTsB,UAAW,QACXC,UAAW,SAEfC,iBAAkB,CACdC,OAAQ,oBACRpB,QAAS,OACTqB,SAAU,kBAEdC,iBAAkB,CACdF,OAAQ,EAERvC,OAAQ,EACRc,QAAS,EACT,0BAA2B,CACvBa,SAAU,YAEd,gCAAiC,CAC7BA,SAAU,aAGlBe,UAAW,CACPC,SAAU,UACVP,UAAW,qBACXjB,QAAS,OACTqB,SAAU,UAEdI,cAAe,CACXD,SAAU,UACVxB,QAAS,OACTqB,SAAU,UAEd+/B,SAAU,CACN1hC,KAAM,EACNM,QAAS,OACTqB,SAAU,eAmBTggC,GAAwD,SAAC7lC,GAClE,IAAMmG,EAAU,KAEV2/B,EDzG8B,SAACtlC,GAE/B,MAA6B,aAAoDmlC,IAAhF5M,EAAU,KAAEgN,EAAY,KAE/B,OAAO,SAAIA,GAAY,CAAEhN,WAAU,ICqGbiN,GAEfpkC,EAAa,oBAAkB,GAAM,GACtC,EAA4B,oBAAkB,GAA7CqkC,EAAS,KAAEC,EAAY,KACxB,EAAgC,oBAAkB,GAAjDC,EAAW,KAAEC,EAAc,KAElC,qBAAU,WAEFN,EAAc7lC,MAAQ6lC,EAAc7lC,KAAK6lC,gBAAkBA,EAAcrlC,UAAYqlC,EAAcplC,QACnG,YAAiB,KAAM,yBAA0B,QAC7CV,EAAM+G,SACN/G,EAAM+G,WAIV++B,EAAcplC,OACd,YAAiB,yBAA0BolC,EAAcplC,MAAM+e,QAAS,WAGtE,CAACqmB,EAAc7lC,KAAM6lC,EAAcplC,MAAOolC,EAAcrlC,UAElE,IAAI6F,EAAiBtG,EAAMkB,YAE3B,GAAIlB,EAAMkB,cACyC,IAA3ClB,EAAMkB,YAAYqF,QAAQ,YAAoB,CAC9C,IAAMC,EAAe,aAA6BC,KAAKC,MAAM1G,EAAMkB,cAC7DyF,EAAe,0BAAeH,GACpCF,EAAiB,KAAY,wBAAa,eAAYM,kBAAkBD,GAAcE,sBAa9F,IAAMsJ,EAAwC,CAC1Ck2B,MAAO//B,GAwBLS,EAAU,WACRk/B,EACAG,GAAe,GAEXpmC,EAAM+G,SACN/G,EAAM+G,WA4DlB,OACI,oCACI,kBAAC6mB,EAAA,EAAS,CACN7kB,MAAM,YAENzE,QAAS,2CACTupB,KAAMsY,EACNrY,QA9Da,SAACC,GAClBA,GACI/tB,EAAM+G,SACN/G,EAAM+G,UAGdq/B,GAAe,IAyDPnY,cAAe,KACfC,WAAY,QAGhB,kBAACoY,GAAA,EAAM,CACHx/B,KAAM9G,EAAM8G,KACZC,QAASA,EACTC,SAAS,KACT5D,WAAW,EACXhB,UAAW+D,EAAQlC,WACnBgD,OAAQ,QAERC,mBAAmB,EACnBC,qBAAqB,EACrBC,kBAAkB,EAClBjB,QAAS,CACLkB,MAAOlB,EAAQJ,YAGnB,kBAACwgC,GAAA,EAAW,CAACnkC,UAAW+D,EAAQ/B,QAASpE,EAAM+I,OAC9CnH,EACG,kBAAC4kC,GAAA,EAAa,CAACl/B,UAAU,GACrB,yBAAKlF,UAAW+D,EAAQrB,eACpB,kBAAC,IAAQ,CAAC7C,KAAK,QAAQhB,MAAM,iBAIrC,kBAAC,KAAI,CACD6O,SAAU,SAACC,EAAQL,GAA0C,OA1HhE,SAACA,EAAuCK,GAIrD+1B,EAAc/M,WAAW,CACrBz4B,UAAW,CACP2Q,MAAO,CACHonB,KAAMr4B,EAAMymC,YACZvlC,YAAa6O,EAAOs2B,UAkH6Cv2B,CAASJ,EAAMK,IAC5EI,cAAeA,EACfC,mBAAoB,WAAM,UAC1BC,yBAAyB,EACzBC,aAAc,CAAEC,YAAY,EAAMC,UAAU,GAC5CC,OAAQ,SAAC,G,IAAEC,EAAY,eAAQH,GAAF,OAAY,cAAEC,EAAQ,WAAQ,SAAO,OAC9D,0BAAMV,SAAUY,EAActP,GAAG,WAAWgB,UAAW+D,EAAQy/B,UAC3D,kBAAC,KAAO,CACJt1B,aAAc,CAAEE,UAAU,EAAMT,QAAQ,GAExCzN,SAAU,SAACtC,GACkBA,EArHxCwQ,UACb01B,GAAa,MAuHO,kBAACM,GAAA,EAAa,CAACl/B,UAAU,EAAMlF,UAAW+D,EAAQF,eAC9C,kBAAC0K,EAAA,EAAI,CAACpJ,WAAW,EAAM5C,QAAS,EAAGxC,MAAO,CAAE+B,KAAM,IAuB9C,kBAACyM,EAAA,EAAI,CAACnJ,MAAM,EAAMC,GAAI,GAAIC,GAAI,IAC1B,kBAAC,KAAK,CAACjG,KAAK,UACP,SAAC,G,IAAEwP,EAAK,QAAM,OAAO,OAClB,kBAAC,KAAU,CACPtJ,OAAQ,mDACRxG,MAAO8P,EAAM9P,MAEb0G,KAAM,CACFC,OAAQ,OACRC,sBAAuB,OACvBC,sBAAuB,OACvBC,QAAS,uDACTy+B,sBAAuB,CAAC,iBACxBx+B,QACI,gIACJC,QACI,gSASJE,cAAe,kEACfC,gBAAgB,EAChBC,4BAA4B,EAC5BC,kBAAmB,MACnBC,gBAAiB,sBACjBC,6BAA6B,EAC7BC,mBAAoB,KACpBC,cAAc,EACdC,YAAa,uCACbC,iBAAkB,CACd,CAAEC,MAAO,OAAQ5H,MAAO,IACxB,CAAE4H,MAAO,aAAc5H,MAAO,eAElC6H,kBAAkB,EAkBlB29B,UAAW,CACP,CACI59B,MAAO,YACP7H,YAAa,sBACboD,QACI,yLAER,CAAEyE,MAAO,oBAAqB7H,YAAa,2BAA4BoD,QAAS,uBAChF,CACIyE,MAAO,sBACP7H,YAAa,sBACboD,QACI,iJAGZsiC,sBAAuB,8CACvBC,sBAAuB,+CACvBC,eAAe,EACfC,4BAA6B,iEAC7BC,8BAA+B,iBAC/BC,aAAc,UACdC,YAAa,+BAoFjBC,eAAgB,SAAC7iC,GACb2M,EAAM3O,SAASgC,YAQ3C,kBAAC8iC,GAAA,EAAa,KArRrB,SAEjB13B,EACAa,EACAC,EAEAT,GAEA,OACI,yBAAK3N,UAAW+D,EAAQ5B,iBAEpB,6BACI,kBAAC,IAAM,CACHvC,MAAM,UACNqH,KAAK,SACLjH,UAAW+D,EAAQzB,OACnB4E,QAAS,aAGTjH,SAAUkO,GAAcC,GAAQ,WAKxC,6BACI,kBAAC,IAAM,CAACxO,MAAM,UAAUqH,KAAK,SAASjH,UAAW+D,EAAQzB,OAAQ4E,QAASvC,GAAO,YA4PrDsgC,CAAa33B,EAAMa,EAAYC,W,urBC7czE82B,GAAgB,IAAU9K,KAAoB,SAACx8B,GAAU,YAKzDunC,GAAwB,YAAU,KAAV,EAA2C,SAACvnC,GAAU,OAChFgC,MAAOhC,EAAMgE,MAAMwjC,cAAcC,YAI/BC,GAAgB,YAAUzvB,EAAA,EAAV,EAAmC,SAACjY,GAAU,OAChEgC,MAAOhC,EAAMgE,MAAMwjC,cAAcC,YAmCrC,eAMQ,WAAYznC,EAAwCE,GAApD,MACA,YAAMF,EAAOE,IAAM,K,OAmTf,EAAAynC,mBAAqB,WACzB,EAAKC,YAAY,OAWb,EAAAC,mBAAqB,SAACC,GAAoB,kBAC9C,EAAK3nC,SAAS,CACV4nC,iBAAkBD,MAIlB,EAAAE,oBAAsB,SAACF,GAAoB,kBAC/C,EAAK3nC,SAAS,CACV8nC,gBAAiBH,MAIjB,EAAAI,eAAiB,WACrB,EAAK/nC,SAAS,CACVgoC,oBAAqB,EAAKjoC,MAAMioC,sBA3UpC,EAAKC,eAAiB,EAAKA,eAAelL,KAAK,GAC/C,EAAKmL,kBAAoB,EAAKA,kBAAkBnL,KAAK,GACrD,EAAKyK,mBAAqB,EAAKA,mBAAmBzK,KAAK,GACvD,EAAKoL,eAAiB,EAAKA,eAAepL,KAAK,GAE/C,EAAK2K,mBAAqB,EAAKA,mBAAmB3K,KAAK,GACvD,EAAK8K,oBAAsB,EAAKA,oBAAoB9K,KAAK,GACzD,EAAKqL,WAAa,EAAKA,WAAWrL,KAAK,GACvC,EAAKgL,eAAiB,EAAKA,eAAehL,KAAK,GAE/C,EAAKh9B,MAAQ,CACTsoC,WAAW,EACXC,WAAY,SACZ3hC,MAAM,EACN4hC,cAAU3vB,EACVgvB,kBAAkB,EAClBE,iBAAiB,EACjBE,oBAAoB,G,EAsUhC,OA/VY,QAgCD,YAAAxJ,kBAAP,WACIC,KAAKz+B,SAAS,CACVqoC,WAAY5J,KAAK5+B,MAAMs/B,SACvBmJ,WAAY7J,KAAK5+B,MAAMs/B,SAAW,SAAW,aAI9C,YAAAN,iCAAP,SAAwCC,GAChCL,KAAK5+B,MAAMs/B,WAAaL,EAAUK,UAClCV,KAAKz+B,SAAS,CACVqoC,WAAYvJ,EAAUK,YAKlC,YAAA7uB,OAAA,sBACYtK,EAAYy4B,KAAK5+B,MAAK,QAExByoC,EAAa7J,KAAK1+B,MAAMsoC,UAAY,UAAY,SAEtD,OACG,gBAAC,WAAc,KACT5J,KAAK1+B,MAAM+nC,gBACR,gBAACpC,GAAkB,CACf/+B,KAAM83B,KAAK1+B,MAAM+nC,gBACjB/mC,YAAa09B,KAAK5+B,MAAMkB,YACxB6H,MAAO61B,KAAK5+B,MAAM+I,MAClB09B,YAAa7H,KAAK5+B,MAAMymC,YACxBkC,QAAS/J,KAAK5+B,MAAM2oC,QACpBC,QAAShK,KAAK5+B,MAAM4oC,QACpB7hC,QAAS63B,KAAKoJ,qBAAoB,UAEtCjvB,EAEH6lB,KAAK1+B,MAAMioC,mBACR,gBAACjiC,GAAA,EAAyB,CACtBY,KAAM83B,KAAK1+B,MAAMioC,mBACjBjnC,YAAa09B,KAAK5+B,MAAMkB,YACxB6F,QAAS63B,KAAKsJ,sBAElBnvB,EAEH6lB,KAAK1+B,MAAM6nC,kBAAoBnJ,KAAK5+B,MAAM4oC,SACvC,gBAACC,GAAA,EAAU,CACP/hC,KAAM83B,KAAK1+B,MAAM6nC,iBACjBhhC,QAAS63B,KAAKiJ,oBAAmB,GACjC1mB,IAAKyd,KAAK5+B,MAAM4oC,UAGxB,gBAAC,YAAS,CACNE,YAAalK,KAAK5+B,MAAMymC,YACxB3jC,MAAO87B,KAAK5+B,MAAM8C,MAClBimC,eAAgBnK,KAAK5+B,MAAM+oC,iBAE1B,SAACC,EAAUC,GAAa,OACrB,gBAAC3B,GAAa,MACN0B,EAASE,eACTF,EAASG,gBAAe,CAC5BC,SAAUJ,EAASI,SAEnBjnC,MAAK,OACDmJ,MAAO,OACPxD,OAAQ,OACRtD,QAAS,OACTL,QAAS,OACN6kC,EAASE,eAAe/mC,OAAK,CAGhCyC,SAAU,EAAK0jC,eAAe,EAAKtoC,MAAMqpC,WAAY,EAAKrpC,MAAMspC,mBAChEtiC,SAAU,EAAKshC,eAAe,EAAKtoC,MAAMqpC,WAAY,EAAKrpC,MAAMspC,mBAChEC,OAAQ,EAAKvpC,MAAM+oC,eAAiB,UAAY,WAIpD,uBACI3mC,UAAW+D,EAAQo/B,aAInB,gBAACiE,EAAA,EAAI,CACDpnC,UAAW+D,EAAQq/B,cACnBrjC,MAAO,CACHkD,gBAAkB,EAAKnF,MAAMsoC,UAAwB,UAAZ,YAG7C,uBAAKpmC,UAAW+D,EAAQm/B,WACpB,uBAAKljC,UAAU,SACX,gBAACqnC,GAAA,EAAS,CACNrnC,UAAW+D,EAAQ8+B,UAInBl8B,MAAM,gBAEN,gBAACw+B,GAAqB,CAAC37B,SAAU,YAGzC,uBAAKxJ,UAAU,QACX,gBAACsnC,GAAA,EAAW,CAACtnC,UAAW+D,EAAQ6+B,aAC5B,gBAAC1vB,GAAA,EAAU,CAACnS,QAAQ,aACf,EAAKnD,MAAM+I,UAK5B,uBAAK3G,UAAW+D,EAAQk/B,kBACpB,gBAACzvB,GAAA,EAAgB,CACbC,QACI,gBAAC6xB,GAAa,CACVzlC,KAAK,QACLwU,QAAS,EAAKvW,MAAMsoC,UACpBlmC,SAAU,EAAK8lC,eACfjnC,MAAO,EAAKjB,MAAMsoC,UAClBxmC,MAAM,YAGdf,MAAOwnC,IAEX,uBAAKrmC,UAAW+D,EAAQs/B,cACnB,EAAKzlC,MAAM4oC,SACR,gBAACvI,EAAA,EAAU,cACI,aACXp+B,KAAK,QACLG,UAAW+D,EAAQu/B,YACnBp8B,QAAS,EAAKu+B,oBAAmB,IAEjC,gBAAC,IAAwB,OAIhC,EAAK7nC,MAAMk5B,gBACR,gBAACmH,EAAA,EAAU,cACI,OACXp+B,KAAK,QACLG,UAAW+D,EAAQu/B,YACnBp8B,QAAS,EAAK0+B,qBAAoB,IAElC,gBAAC,KAAgB,OAErB,KAEJ,gBAAC3H,EAAA,EAAU,cACI,OACXp+B,KAAK,QACLG,UAAW+D,EAAQu/B,YACnBp8B,QAAS,EAAK4+B,gBAEd,gBAAC,KAAQ,iBAyC7C,YAAAK,WAAR,SAAmBrnC,GAEf,IAAIoF,EAAiBpF,EAErB,IAAyC,IAArCA,EAAYqF,QAAQ,YAAoB,CACxC,IAAMC,EAAe,aAA6BC,KAAKC,MAAMxF,IACvDyF,EAAe,0BAAeH,GACpCF,EAAiB,KAAY,wBAAa,eAAYM,kBAAkBD,GAAcE,sBAS1F,OACI,gCACI,gBAAC,KAAM,CACHc,OAAQ,mDACRC,aAActB,EACduB,KAAM,CACFyD,MAAO,IAEPrD,SAAS,EACT5F,UAAU,EACV6F,QAAS,aACTC,QAAS,GACTC,WAAW,EACXC,cAAe,kEACfC,gBAAgB,EAChBC,4BAA4B,EAC5BC,kBAAmB,MACnBC,gBAAiB,sBACjBC,6BAA6B,EAC7BC,mBAAoB,KACpBC,cAAc,EACdC,YAAa,uCACbC,iBAAkB,CACd,CAAEC,MAAO,OAAQ5H,MAAO,IACxB,CAAE4H,MAAO,aAAc5H,MAAO,eAElC6H,kBAAkB,EAClBC,WAAY,IACZ0gC,UAAW,SAiBvB,YAAArB,eAAR,SAAuBe,EAAoBC,GACvC,OAAmB,IAAfD,GACWC,EAAoB,KAAO,EAAC,KACjB,IAAfD,EACHC,GAAqB,MACVA,EAAoB,KAAO,EAAC,MAE5BA,EAAoB,KAAO,EAAC,KAErB,IAAfD,GACIC,EAAoB,KAAO,EAAC,KAE5BA,EAAoB,IAAI,MAInC,YAAAlB,eAAR,SAAuB7mC,GACnBq9B,KAAKz+B,SAAS,CACVqoC,WAAY5J,KAAK1+B,MAAMsoC,UACvBC,WAAa7J,KAAK1+B,MAAMsoC,UAAwB,SAAZ,YAGpC5J,KAAK5+B,MAAM4pC,mBACXhL,KAAK5+B,MAAM4pC,kBAAkBhL,KAAK5+B,MAAMymC,aAAc7H,KAAK1+B,MAAMsoC,YAKjE,YAAAH,kBAAR,SAA0B9mC,GACtBq9B,KAAKgJ,YAAYrmC,EAAMmY,gBAQnB,YAAAkuB,YAAR,SAAoBiC,GAChBjL,KAAKz+B,SAAS,CACVuoC,SAAUmB,EACV/iC,KAAMgjC,QAAQD,MA8B1B,EAhWA,CACY,aAkWG,UAAA1H,EAAA,GAAW,EAAe,CAAEkB,WAAW,GAAvC,CAA+C,I,2dC9ZxD,GAAgB,IAAU7G,KAAoB,SAACx8B,GAAU,YAsB/D,eAEI,WAAYA,EAAoCE,GAAhD,MACI,YAAMF,EAAOE,IAAM,K,OAEnB,EAAKkoC,eAAiB,EAAKA,eAAelL,KAAK,GAC/C,EAAKoL,eAAiB,EAAKA,eAAepL,KAAK,GAE/C,EAAKh9B,MAAQ,CACTsoC,WAAW,EACXC,WAAY,W,EAuHxB,OAhIY,QAcR,YAAA9J,kBAAA,WACIC,KAAKz+B,SAAS,CACVqoC,WAAY5J,KAAK5+B,MAAMs/B,SACvBmJ,WAAY7J,KAAK5+B,MAAMs/B,SAAW,SAAW,aAIrD,YAAA7uB,OAAA,WACY,IAAAtK,EAAYy4B,KAAK5+B,MAAK,QAE9B,OACI,gBAAC,GAAa,CACVmC,MAAO,CACHmJ,MAAO,OACPxD,OAAQ,OACRtD,QAAS,OACTL,QAAS,MAITS,SAAUg6B,KAAK0J,eAAe1J,KAAK5+B,MAAMqpC,WAAYzK,KAAK5+B,MAAMspC,mBAEhEtiC,SAAU43B,KAAK0J,eAAe1J,KAAK5+B,MAAMqpC,WAAYzK,KAAK5+B,MAAMspC,qBAGpE,uBAAKlnC,UAAW+D,EAAQo/B,aACpB,gBAACiE,EAAA,EAAI,CACDpnC,UAAW+D,EAAQq/B,cACnBrjC,MAAO,CACHkD,gBAAkBu5B,KAAK1+B,MAAMsoC,UAAwB,OAAZ,YAG7C,uBAAKpmC,UAAW+D,EAAQm/B,WACpB,uBAAKljC,UAAU,SACX,gBAACqnC,GAAA,EAAS,CACNrnC,UAAW+D,EAAQ8+B,UAInBl8B,MAAM,gBAEN,gBAAC,KAAc,CAAC/G,MAAO,UAAW4J,SAAU,YAGpD,uBAAKxJ,UAAU,QACX,gBAACsnC,GAAA,EAAW,CAACtnC,UAAW+D,EAAQ6+B,aAC5B,gBAAC1vB,GAAA,EAAU,CAACnS,QAAQ,aACfy7B,KAAK5+B,MAAM+I,UAK5B,uBAAK3G,UAAW+D,EAAQk/B,kBACpB,gBAACzvB,GAAA,EAAgB,CACbC,QACI,gBAACoC,EAAA,EAAM,CACHhW,KAAK,QACLwU,QAASmoB,KAAK1+B,MAAMsoC,UACpBlmC,SAAUs8B,KAAKwJ,eACfjnC,MAAOy9B,KAAK1+B,MAAMsoC,UAClBxmC,MAAM,YAGdf,MAAO29B,KAAK1+B,MAAMuoC,aAEtB,uBAAKrmC,UAAW+D,EAAQs/B,cACnB7G,KAAK5+B,MAAM4oC,SACR,gBAACvI,EAAA,EAAU,cACI,aACXp+B,KAAK,QACLG,UAAW+D,EAAQu/B,aAEnB,gBAAC,IAAwB,OAGjC,gBAAC,KAAQ,CACLziC,IAAK27B,KAAK5+B,MAAM2oC,QAAO,aACZ,YACX3mC,MAAO,kBAU/B,YAAAsmC,eAAR,SAAuBe,EAAoBC,GACvC,OAAmB,IAAfD,GACWC,EAAoB,KAAO,EAAC,KACjB,IAAfD,EACHC,GAAqB,MACVA,EAAoB,KAAO,EAAC,MAE5BA,EAAoB,KAAO,EAAC,KAErB,IAAfD,GACIC,EAAoB,KAAO,EAAC,KAEhC,QAIP,YAAAlB,eAAR,SAAuB7mC,GACnBq9B,KAAKz+B,SAAS,CACVqoC,WAAY5J,KAAK1+B,MAAMsoC,UACvBC,WAAa7J,KAAK1+B,MAAMsoC,UAAwB,SAAZ,YAGpC5J,KAAK5+B,MAAM4pC,mBACXhL,KAAK5+B,MAAM4pC,kBAAkBhL,KAAK5+B,MAAMymC,aAAc7H,KAAK1+B,MAAMsoC,YAG7E,EAjIA,CACY,aAmIG,UAAArG,EAAA,GAAW,EAAe,CAAEkB,WAAW,GAAvC,CAA+C,I,4qBC1JxD0G,GAAuB,IAAUvN,KAAoB,SAACx8B,GAAU,YAIhEgqC,GAAc,IAAUxN,KAAoB,SAACx8B,GAAU,OACzDooB,SAAU,EACV5jB,QAAS,WAMPylC,GAAY,IAAUzN,KAAoB,SAACx8B,GAAU,OACvDwE,QAAS,WAKP0lC,GAAoC,IAAU1N,KAAoB,SAACx8B,GAAU,YAkBnF,eAEI,WAAYA,EAAiDE,GAA7D,MACI,YAAMF,EAAOE,IAAM,K,OAEnB,EAAKiqC,8BAAgC,EAAKA,8BAA8BjN,KAAK,GAC7E,EAAK0M,kBAAoB,EAAKA,kBAAkB1M,KAAK,GAErD,EAAKh9B,MAAQ,CACT89B,+BAAgC,EAAKh+B,MAAMg+B,gC,EA6HvD,OArIY,QAYD,YAAAoM,sBAAP,SAA6BnL,GAEzB,OAAIA,EAAUjB,iCAAmCY,KAAK5+B,MAAMg+B,gCAOzD,YAAAgB,iCAAP,SAAwCC,GAChCL,KAAK5+B,MAAMg+B,iCAAmCiB,EAAUjB,gCACxDY,KAAKz+B,SAAS,CACV69B,+BAAgCiB,EAAUjB,kCAK/C,YAAAvtB,OAAP,sBACU45B,EAAiBzL,KAAKuL,gCAE5B,OACI,gBAAC,WAAc,KACX,gBAACJ,GAAoB,CAAC3nC,UAAU,wBAC5B,gBAAC,YAAS,CACNkoC,YAAa1L,KAAK5+B,MAAMsqC,YACxBC,UAAW,aAEXC,YAAa,SAACxB,EAA6BC,EAAkCwB,GAA4B,OACrGxB,EAASyB,WAAa,EAAKC,aAAaF,EAAO3B,YAAaE,EAAUC,EAAUwB,MAInF,SAACzB,EAA6BC,GAAqC,OAChE,gBAACe,GAAW,IACRZ,SAAUJ,EAASI,UACfJ,EAAS4B,gBAGZP,EACArB,EAAS7I,mBAW9B,YAAAwK,aAAR,SAAqBlE,EAAqBuC,EAA6BC,EAAkCwB,GACrG,IAAMI,EAAgBjM,KAAK1+B,MAAM89B,+BAA+B1wB,QAAQ,SAAAktB,GAAK,OAAAA,EAAEiM,cAAgBA,KAAa,GAE5G,OACI,gBAAC,WAAc,KAEP,gBAACwD,GAAS,IACNhnC,IAAK4nC,EAAcpE,aACfuC,EAASE,eACTF,EAASG,gBAAe,CAC5BC,SAAUJ,EAASI,WAEnB,gBAAC,GAAsB,CACnBnmC,IAAK4nC,EAAcpE,YACnBA,YAAaoE,EAAcpE,YAC3BkC,QAASkC,EAAclC,QACvB5/B,MAAO8hC,EAAc9hC,MACrB7H,YAAa2pC,EAAc3pC,YAC3Bo+B,SAAUuL,EAAcvL,SACxBwL,SAAUD,EAAcC,SACxBlB,kBAAmBhL,KAAKgL,kBACxBP,WAAYzK,KAAK5+B,MAAM+qC,YACvBzB,kBAAmB1K,KAAK5+B,MAAMspC,kBAC9BV,QAASiC,EAAcjC,W,MAQvC,YAAAuB,8BAAR,sBACI,OACI,gBAAC,WAAc,KAEPvL,KAAK1+B,MAAM89B,+BAA+Bj9B,KAAI,SAAC8pC,EAAe/nC,GAC1D,OAEI,gBAAConC,GAAiC,CAC9B9nC,UAAU,oCACVa,IAAKH,GAEL,gBAAC,GAA0B,CACvBA,MAAOA,EACPG,IAAK4nC,EAAcpE,YACnBA,YAAaoE,EAAcpE,YAC3BkC,QAASkC,EAAclC,QACvB5/B,MAAO8hC,EAAc9hC,MACrB7H,YAAa2pC,EAAc3pC,YAC3Bo+B,SAAUuL,EAAcvL,SACxBwL,SAAUD,EAAcC,SACxBlB,kBAAmB,EAAKA,kBACxBP,WAAY,EAAKrpC,MAAM+qC,YACvBzB,kBAAmB,EAAKtpC,MAAMspC,kBAC9BP,eAAgB,EAAK/oC,MAAM+oC,eAC3BH,QAASiC,EAAcjC,QACvB1P,gBAAiB,EAAKl5B,MAAMk5B,wBAUpD,YAAA0Q,kBAAR,SAA0BnD,EAAqBnH,GACvCV,KAAK5+B,MAAM4pC,mBACXhL,KAAK5+B,MAAM4pC,kBAAkBnD,GAAcnH,IAGvD,EAtIA,CACY,a,2dCXZ,eACI,WAAYt/B,EAA4CE,GAAxD,MACI,YAAMF,EAAOE,IAAM,K,OAEnB,EAAK8qC,UAAY,EAAKA,UAAU9N,KAAK,GACrC,EAAK+N,cAAgB,EAAKA,cAAc/N,KAAK,GAC7C,EAAKgO,aAAe,EAAKA,aAAahO,KAAK,GAC3C,EAAK0M,kBAAoB,EAAKA,kBAAkB1M,KAAK,GACrD,EAAKiO,gBAAkB,EAAKA,gBAAgBjO,KAAK,GAEjD,EAAKh9B,MAAQ,CACT6qC,YAAa,EAAKI,gBAAgBC,OAAOC,YACzC/B,kBAAmB8B,OAAOC,WAC1BzpC,WAAW,EACXo8B,+BAAgC,GAChCsN,cAAe,CAAEC,aAAc,IAC/BC,qBAAsB,GACtBC,UAAU,G,EAyStB,OA1ToD,QAqBzC,YAAAzM,iCAAP,SAAwCC,GAChCL,KAAK1+B,MAAM89B,iCAAmCiB,EAAUjB,gCACxDY,KAAK5+B,MAAMyrC,WAAaxM,EAAUwM,UAClC7M,KAAKqM,cAAchM,EAAUjB,+BAA+B3O,SAAS,EAAO4P,EAAUwM,UAAU,EAAOxM,EAAUyM,qBAGnF,IAA9BzM,EAAU0M,iBACV/M,KAAKz+B,SAAS,CACVqrC,qBAAsB,MAK3B,YAAApB,sBAAP,SAA6BnL,GAEzB,OAAIA,EAAUjB,iCAAmCY,KAAK1+B,MAAM89B,gCAOzD,YAAAW,kBAAP,WACIC,KAAKz+B,SAAS,CACZmpC,kBAAmB8B,OAAOC,aAE5BD,OAAOQ,iBAAiB,SAAUhN,KAAKiN,iBAAiB3O,KAAK0B,QAG1D,YAAAE,qBAAP,WACIsM,OAAOU,oBAAoB,SAAUlN,KAAKiN,iBAAiB3O,KAAK0B,QAG7D,YAAAnuB,OAAP,sBAII,OACI,gBAAC,kBAAe,CACZu6B,UAAWpM,KAAKoM,WAGhB,gBAAC,WAAc,KACVpM,KAAK1+B,MAAMorC,cAAcC,aAAaxqC,KAAI,SAACwqC,EAAczoC,GACtD,uBAAC,GAAmC,CAChCG,IAAKH,EACLk7B,+BAAgCuN,EAAaQ,YAC7CzB,YAAaiB,EAAanqC,GAC1BwoC,kBAAmB,EAAKA,kBACxBmB,YAAa,EAAK7qC,MAAM6qC,YACxBzB,kBAAmB,EAAKppC,MAAMopC,kBAC9BP,eAAgB,EAAK/oC,MAAM+oC,eAC3B7P,gBAAiB,EAAKl5B,MAAMk5B,wBAQ5C,YAAAiS,gBAAR,SAAwB7/B,GACpB,OAAIA,GAAS,KACF,EACAA,GAAS,IACT,EACAA,GAAS,IACT,EAEA,GAIP,YAAAugC,iBAAR,WACIjN,KAAKz+B,SAAS,CACVmpC,kBAAmB8B,OAAOC,WAC1BN,YAAanM,KAAKuM,gBAAgBC,OAAOC,cAG7CzM,KAAKqM,cAAcrM,KAAK1+B,MAAM89B,gCAAgC,GAAM,GAAO,GAAO,IAG9E,YAAAkN,aAAR,sBACI,OACI,gBAAC,WAAc,KACVtM,KAAK1+B,MAAMorC,cAAcC,aAAaxqC,KAAI,SAACwqC,EAAczoC,GACtD,uBAAC,GAAmC,CAChCG,IAAKH,EACLk7B,+BAAgCuN,EAAaQ,YAC7CzB,YAAaiB,EAAanqC,GAC1BwoC,kBAAmB,EAAKA,kBACxBmB,YAAa,EAAK7qC,MAAM6qC,YACxBzB,kBAAmB,EAAKppC,MAAMopC,kBAC9BpQ,gBAAiB,EAAKl5B,MAAMk5B,uBAOxC,YAAA+R,cAAR,SAAsBjN,EAA8DgO,EAC9DP,EAAoBQ,EAA2BP,GACjE,IAAIQ,EAAmElO,EAEjEwN,EAAuB5M,KAAK1+B,MAAMsrC,qBAGpC5M,KAAK1+B,MAAMsrC,qBAAqBzoC,OAAS,GAAKi7B,EAA+Bj7B,OAAS,IAClE,IAApBkpC,IAAoD,IAAvBP,GAC7B9M,KAAK1+B,MAAMsrC,qBAAqBxqB,SAAQ,SAACmrB,GACrCD,EAAmClrB,SAAQ,SAAC2nB,GACpCA,EAAQlC,YAAYjV,gBAAkB2a,EAAc1F,YAAYjV,gBAChEmX,EAAQrJ,SAAW6M,EAAc7M,gBAUjD,IAHA,IAAI8M,EAAY,EACZd,EAA+B,CAAEC,aAAc,IAE1CzoC,EAAQ,EAAGA,EAAQopC,EAAmCnpC,OAAQD,IAAS,CAE5E,IAAIupC,EAAmBf,EAAcC,aAAaD,EAAcC,aAAaxoC,OAAS,QAE7DgW,IAArBszB,GACGA,EAAiBN,YAAYhpC,SAAW67B,KAAK1+B,MAAM6qC,cACtDqB,GAAwB,EAGxBd,EAAcC,aAAanqB,KAAK,CAC5BhgB,GAAI,OAASgrC,EAAU/qC,WACvB0qC,YAAa,WAIIhzB,IAArBszB,GACAf,EAAcC,aAAanqB,KAAK,CAC3BhgB,GAAI,OAASgrC,EAAU/qC,WACvB0qC,YAAa,MAItBM,EAAmBf,EAAcC,aAAaD,EAAcC,aAAaxoC,OAAS,IACjEgpC,YAAY3qB,KAAK8qB,EAAmCppC,IASzE,IAAIwpC,EAAwD,GAC5D,GAAIN,EAAW,CACX,IAAIO,EAAsBzZ,MAAM0Z,KAAKlB,EAAcC,cAE/C,EAAmB,EACvBgB,EAAoBvrB,SAAQ,SAAAuqB,GACxBA,EAAaQ,YAAY/qB,SAAQ,SAAA6pB,GAC7BA,EAAcC,SAAW,EACzBwB,EAAwBlrB,KAAKypB,GAC7B,GAAsB,QAMlC,QAAiB9xB,IAAb0yB,IAAuC,IAAbA,GAAsBS,EAAmCnpC,OAAS,EAE5FmpC,EAAmClrB,SAAQ,SAACxZ,GACxC,IAAIilC,EAAsBjB,EAAqBtwB,MAAK,SAACwxB,GACjD,OAAOA,EAAYjG,YAAYjV,gBAAkBhqB,EAAKi/B,YAAYjV,sBAG1CzY,IAAxB0zB,EACAjB,EAAqBpqB,KAAK,CACtBunB,QAASnhC,EAAKmhC,QACdlC,YAAaj/B,EAAKi/B,YAClBnH,SAAU93B,EAAK83B,SACfwL,SAAUtjC,EAAKsjC,WAGnB2B,EAAoBnN,SAAW93B,EAAK83B,YAe5CV,KAAKz+B,SAAS,CACVmrC,cAAeA,EACftN,+BAAgCgO,EAAYM,EAA0BJ,EACtEV,qBAAsBA,EACtBC,SAAUA,QAEX,CACHS,EAAmClrB,SAAQ,SAACxZ,GACxCgkC,EAAqBxqB,SAAQ,SAAA2rB,GACrBA,EAAclG,YAAYjV,gBAAkBhqB,EAAKi/B,YAAYjV,gBAC7Dmb,EAAcrN,SAAW93B,EAAK83B,gBAK1C,IAAMsN,EAAkCpB,EAAqBtwB,MAAK,SAAAytB,GAAW,OAAAA,EAAQA,QAAQnX,gBAAkB,kCAAoCA,iBAGnJrW,QAAQC,IAAI,wBAAyBwxB,GAErChO,KAAKz+B,SAAS,CACVmrC,cAAeA,EACftN,+BAAgCgO,EAAYM,EAA0BJ,EACtEV,qBAAsBA,EACtBC,cAAuB1yB,IAAb0yB,GAAiCA,IAI/CO,GACIpN,KAAK5+B,MAAMgrC,WACXpM,KAAK5+B,MAAMgrC,UAAUkB,IAMzB,YAAAlB,UAAR,SAAkBxnB,GACP,IAAAqpB,EAAoCrpB,EAAM,YAA7BzH,EAAuByH,EAAM,OAArBslB,EAAetlB,EAAM,YAEjD,GAAKqpB,IAIDA,EAAYvC,cAAgBvuB,EAAOuuB,aACnCuC,EAAY/pC,QAAUiZ,EAAOjZ,OADjC,CAMA,IAAMgqC,EAAkBlO,KAAK1+B,MAAMorC,cAAcC,aAAaj+B,QAAO,SAAAktB,GAAK,OAAAA,EAAEp5B,KAAO2a,EAAOuuB,eAEpFyC,EADoBD,EAAgB,GAAGf,YAAYz+B,QAAQ,SAAAktB,GAAK,OAAAA,EAAEiM,cAAgBqC,KAC7C,GAGrCkE,EAAuBpO,KAAK1+B,MAAMorC,cAAcC,aAAaj+B,QAAO,SAAAktB,GAAK,OAAAA,EAAEp5B,KAAOyrC,EAAYvC,eAGpGwC,EAAgB,GAAGf,YAAY/d,OAAOjS,EAAOjZ,MAAO,GAGpDkqC,EAAqB,GAAGjB,YAAY/d,OAAO6e,EAAY/pC,MAAO,EAAGiqC,GAGjE,IAAI/O,EAA+D,GAEnEY,KAAK1+B,MAAMorC,cAAcC,aAAavqB,SAAQ,SAAAuqB,GAC1CA,EAAaQ,YAAY/qB,SAAQ,SAAA6pB,GAC7B7M,EAA+B5c,KAAKypB,SAK5CjM,KAAKqM,cAAcjN,GAAgC,GAAM,GAAO,GAAO,KAGnE,YAAA4L,kBAAR,SAA0BnD,EAAqBnH,GAC3C,QAAkDvmB,IAA9C6lB,KAAK1+B,MAAM89B,+BAA8C,CACzD,IAAIiP,EAAoCrO,KAAK1+B,MAAM89B,+BAC/C6M,EAAgBjM,KAAK1+B,MAAM89B,+BAA+B1wB,QAAO,SAAAktB,GAAK,OAAAA,EAAEiM,cAAgBA,KAExFoE,EAAc9nC,OAAS,IACvB8nC,EAAc,GAAGvL,SAAWA,EAE5BV,KAAKz+B,SAAS,CACV69B,+BAAgCiP,KAIxCrO,KAAKqM,cAAcrM,KAAK1+B,MAAM89B,gCAAgC,GAAO,GAAO,GAAM,GAE9EY,KAAK5+B,MAAMktC,qBACXtO,KAAK5+B,MAAMktC,wBAI3B,EA1TA,CAAoD,a,qHCmBxC1N,G,2dAtCN2N,GAAc,IAAU3Q,KAAsB,SAACx8B,G,QAAU,aAC1D,iBAAkB,GACfgG,SAAU,YACT,cAAoB,CACjBf,IAAK,iBACLqG,MAAO,oB,GAGf,EAAC,cAAoB,CAGjBnH,QAAS,G,KAKXipC,GAAiB,IAAU5Q,KAAyB,SAACx8B,GAAU,OACjEmE,QAAS,SACT,6BAA8B,CAC1BA,QAAS,OAKXkpC,GAAuB,IAAU7Q,KAAsB,SAACx8B,GAAU,OACpE88B,aAAc,MACdz3B,gBAAiBrF,EAAMgE,MAAM44B,cAAc0Q,gBAC3CvQ,UAAW,cAAgB/8B,EAAMgE,MAAM44B,cAAc2Q,gBAErDzlC,OAAQ,WAGN0lC,GAAqB,IAAUhR,KAAwB,SAACx8B,GAAU,OACpEi8B,YAAa,OACb7vB,aAAc,OACd7G,cAAe,YAGnB,SAAYi6B,GACR,mBACA,mBACA,6BACA,mBACA,uBALJ,CAAYA,QAAe,KAkC3B,mBAMI,WAAYx/B,EAAwCE,GAApD,MACI,YAAMF,EAAOE,IAAM,KAJf,EAAAq/B,sBAAgC,EAChC,EAAAnD,SAAmB,EAKvB,EAAKgF,kCAAoC,EAAKA,kCAAkClE,KAAK,GACrF,EAAKoE,wBAA0B,EAAKA,wBAAwBpE,KAAK,GACjE,EAAK8N,UAAY,EAAKA,UAAU9N,KAAK,GACrC,EAAKG,WAAa,EAAKA,WAAWH,KAAK,GACvC,EAAKI,YAAc,EAAKA,YAAYJ,KAAK,GACzC,EAAKuQ,+BAAiC,EAAKA,+BAA+BvQ,KAAK,GAC/E,EAAKwQ,iCAAmC,EAAKA,iCAAiCxQ,KAAK,GACnF,EAAKyQ,+BAAiC,EAAKA,+BAA+BzQ,KAAK,GAC/E,EAAKzwB,YAAc,EAAKA,YAAYywB,KAAK,GACzC,EAAK0Q,iBAAmB,EAAKA,iBAAiB1Q,KAAK,GACnD,EAAK2Q,uBAAyB,EAAKA,uBAAuB3Q,KAAK,GAC/D,EAAKgQ,oBAAsB,EAAKA,oBAAoBhQ,KAAK,GAEzD,EAAK4Q,cAAe,EAEpB,IAAIC,EAAqBC,eAAeC,QAAQ,eAE5ClQ,EAAiBiQ,eAAeC,QAAQ,kBACxCC,EAAsBF,eAAeC,QAAQ,uBAC7CE,EAAsBH,eAAeC,QAAQ,uBAE7ChT,EAAWj7B,EAAMouC,SAASluC,OAASF,EAAMouC,SAASluC,MAAM+6B,SAAWj7B,EAAMouC,SAASluC,MAAM+6B,SAAWoT,OAAOL,eAAeC,QAAQ,aAE1G,WAAvBF,IACA,EAAK3R,SAAU,GAGnB,IAAIqC,EAA2C,CAAEx9B,MAAO,OAAQE,MAAO,O,OAEnE+sC,GAAuBC,IACvB1P,EAAkB,CAAEx9B,MAAOktC,EAAqBhtC,MAAO+sC,IAG3D,EAAKhuC,MAAQ,CACT+6B,SAAUj7B,EAAMouC,SAASluC,OAASF,EAAMouC,SAASluC,MAAM+6B,SAAWj7B,EAAMouC,SAASluC,MAAM+6B,SAAWoT,OAAOpT,GACzGE,eAAgB,KAChBC,gBAAiB,KACjBC,OAAQ,KACRC,UAAW,KACXC,WAA+B,8BAAnBwC,GAAwD,KACpEC,+BAAgC,GAChCsQ,uCAAwC,GACxClQ,eAAe,EACfuN,iBAAiB,EACjBD,oBAAoB,EACpBjN,eAAgBA,EAChBV,eAAgBA,EAChBW,YAAoC,WAAvBqP,EACbQ,sBAAsB,EACtB1O,gBAAgB,EAChB2O,OAAQ,KACRtV,iBAAiB,GAIrB8U,eAAeS,WAAW,YAC1BT,eAAeS,WAAW,kBAC1BT,eAAeS,WAAW,uBAC1BT,eAAeS,WAAW,uB,EA0UlC,OA7YoD,QAuEzC,YAAA9P,kBAAP,WACIC,KAAKgP,mBACAhP,KAAKkP,eACNlP,KAAKkP,cAAe,EACpBlP,KAAK+O,mCAKN,YAAA7O,qBAAP,WACQF,KAAK8P,wCACL9P,KAAK8P,uCAAuCtsB,eAK7C,YAAA4c,iCAAP,SAAwCC,KAUjC,YAAAxuB,OAAP,WACI,IAAI1H,EAAQo2B,EAAA,EAAkBwP,oBAC9B/P,KAAKW,sBAAuB,EAExBX,KAAK1+B,MAAM+6B,WAAauE,GAAgBC,KACxC12B,EAAQo2B,EAAA,EAAkByP,uBACnBhQ,KAAK1+B,MAAM+6B,WAAauE,GAAgBqP,UAC/C9lC,EAAQo2B,EAAA,EAAkB2P,yBAEnBlQ,KAAK1+B,MAAM+6B,WAAauE,GAAgBuP,KAC/ChmC,EAAQo2B,EAAA,EAAkB6P,oBACnBpQ,KAAK1+B,MAAM+6B,WAAauE,GAAgBE,SAC/C32B,EAAQo2B,EAAA,EAAkB8P,uBAI9B,IAAMxD,EAAW7M,KAAK1+B,MAAM89B,+BAA+Bj7B,SAAW67B,KAAK1+B,MAAMouC,uCAAuCvrC,OAExH,OACI,gCACI,gBAACoqC,GAAW,CAAC/qC,UAAU,oCACnB,gBAAC,IAAW,CAAC2K,YAAY,oBACrB,gBAACovB,EAAgC,CAC7Bl5B,IAAI,SACJwJ,YAAamyB,KAAKnyB,YAClB1D,MAAOA,EACPqzB,QAASwC,KAAKxC,WAGtB,gBAAC,IAAW,CAACrvB,YAAY,qBACrB,gBAACqgC,GAAc,CAAChrC,UAAU,mBACtB,gBAACirC,GAAoB,CAACjrC,UAAU,mBAE5B,gBAAC,EAAsC,CACnC64B,SAAU2D,KAAK1+B,MAAM+6B,SACrBmG,kCAAmCxC,KAAKwC,kCACxC/D,WAAYuB,KAAKvB,WACjBC,YAAasB,KAAKtB,YAClBgE,wBAAyB1C,KAAK0C,wBAC9BlD,cAAeQ,KAAK1+B,MAAMk+B,cAC1BmB,qBAAsBX,KAAKW,qBAC3Bd,eAAgBG,KAAK1+B,MAAMu+B,eAC3BV,eAAgBa,KAAK1+B,MAAM69B,eAC3BW,YAAaE,KAAK1+B,MAAMw+B,YACxBmB,eAAgBjB,KAAK1+B,MAAM2/B,iBAG/B,gBAAC2N,GAAkB,CAACprC,UAAU,uBAE1B,gBAAC,G,CAEG47B,+BAAgCyN,EAC1B7M,KAAK1+B,MAAMouC,uCACX1P,KAAK1+B,MAAM89B,+BACjByN,SAAUA,EACVT,UAAWpM,KAAKoM,UAChBjC,eAAgB0C,EAChBC,mBAAoB9M,KAAK1+B,MAAMwrC,mBAC/BC,gBAAiB/M,KAAK1+B,MAAMyrC,gBAC5BuB,oBAAqBtO,KAAKsO,oBAC1BhU,gBAAiB0F,KAAK1+B,MAAMg5B,yBAWxD,YAAAzsB,YAAR,WACImyB,KAAK5+B,MAAMwpB,QAAQ4J,UAGf,YAAAgO,kCAAR,SACIpD,EACAsQ,EACA5C,GAGA9M,KAAKz+B,SAAS,CACV69B,+BAAgCA,EAChCsQ,uCAAwCA,EACxClQ,eAAe,EACfuN,iBAAiB,EACjBD,mBAAoBA,KAIpB,YAAApK,wBAAR,SACIrG,EACAE,EACAC,EACAE,EACAD,EACAE,EACAkD,EACA+P,GAYA5P,KAAKz+B,SAAS,CACVg7B,eAAgBA,EAChBC,gBAAiBA,EACjBE,UAAWA,EACXD,OAAQA,EACRE,WAAYA,EACZkD,eAAgBA,EAChBkN,iBAAiB,EACjB6C,OAAQA,GAAUA,EAAOzrC,OAAS,EAAIyrC,EAAS,QAI/C,YAAAxD,UAAR,SAAkBhN,GAEdY,KAAKz+B,SAAS,CACV69B,+BAAgCA,KAOhC,YAAAkP,oBAAR,WACItO,KAAKz+B,SAAS,KAMV,YAAAk9B,WAAR,WACIuB,KAAK6O,kCAGD,YAAAnQ,YAAR,WACIsB,KAAK8O,oCAGD,YAAAD,+BAAR,WACI,QAAkD10B,IAA9C6lB,KAAK1+B,MAAM89B,+BAA8C,CAEzD,IAAM,EAAiCY,KAAK1+B,MAAM89B,+BAC5CsQ,EAAyC1P,KAAK1+B,MAAMouC,uCAEtD,EAA+BvrC,SAAWurC,EAAuCvrC,QACjFurC,EAAuCttB,SAAQ,SAACkuB,GAE5C,IAAMC,EAAW,EAA+B7a,WAAU,SAAC8a,GAAO,OAAAA,EAAI3I,cAAgByI,EAASzI,eAE/F,EAA+B0I,GAAU7P,SAAW4P,EAAS5P,YAMrE,IAAI,EAA0B,IAAIxM,MAG5B,EAAc,EAA+BxlB,QAAO,SAAC9F,GACvD,OAAQA,EAAK83B,YAGX+P,EAAoB,EAA+B/hC,QAAO,SAAC9F,GAC7D,OAAOA,EAAK83B,YAIhB,EAAYv+B,KAAI,SAAC8pC,EAAe/nC,GAC5B,EAAwBse,KACpB,CACIqlB,YAAaoE,EAAcpE,YAC3BqE,SAAUhoC,EACVw8B,SAAUuL,EAAcvL,cAMpC+P,EAAkBtuC,KAAI,SAAC8pC,EAAe/nC,GAClC,EAAwBse,KACpB,CACIqlB,YAAaoE,EAAcpE,YAC3BqE,SAAU,EAAY/nC,OAASD,EAC/Bw8B,SAAUuL,EAAcvL,cAKpC,SAAOrvB,OAAO,CACVC,SAAU,IACV5P,UAAW,CACP09B,+BAAgC,EAChC/C,SAAU2D,KAAK1+B,MAAM+6B,SACrBE,gBAA8C,IAA9ByD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMi7B,eACxEC,iBAA+C,IAA9BwD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMk7B,gBACzEC,QAAsC,IAA9BuD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMm7B,OAChEC,WAAyC,IAA9BsD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMo7B,UACnEC,YAA0C,IAA9BqD,KAAKW,sBAAwCX,KAAK1+B,MAAMq7B,WACpEC,iBAAkBoD,KAAK1+B,MAAMu+B,eAAqD,QAApCG,KAAK1+B,MAAMu+B,eAAet9B,MAAkB,KAAOy9B,KAAK1+B,MAAMu+B,eAAet9B,MAAQ,KACnIqtC,OAAQ5P,KAAK1+B,MAAMsuC,OAAS5P,KAAK1+B,MAAMsuC,OAAS,QAGvD1kC,MAAK,SAACC,GACCA,EAAQ9J,OACmB,OAAvB8J,EAAQ9J,KAAKS,YAAyCqY,IAAvBhP,EAAQ9J,KAAKS,MAC5C,YAAiB,KAAM,yBAA0B,QAEjD,YAAiB,8CAA+CqJ,EAAQ9J,KAAKS,MAAO,aAK/FsJ,OAAM,SAACC,GAAkB,YAAiB,8CAA+CA,EAAQ,cAIlG,YAAAyjC,iCAAR,gBACsD30B,IAA9C6lB,KAAK1+B,MAAM89B,gCACX,SAAO/tB,OAAO,CACVC,SAAU,IACV5P,UAAW,CACP26B,SAAU2D,KAAK1+B,MAAM+6B,SACrBE,gBAA8C,IAA9ByD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMi7B,eACxEC,iBAA+C,IAA9BwD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMk7B,gBACzEC,QAAsC,IAA9BuD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMm7B,OAChEC,WAAyC,IAA9BsD,KAAKW,qBAAiC,KAAOX,KAAK1+B,MAAMo7B,UACnEC,YAA0C,IAA9BqD,KAAKW,sBAAwCX,KAAK1+B,MAAMq7B,WACpEC,iBAAkBoD,KAAK1+B,MAAMu+B,eAAqD,QAApCG,KAAK1+B,MAAMu+B,eAAet9B,MAAkB,KAAOy9B,KAAK1+B,MAAMu+B,eAAet9B,MAAQ,QAG1I2I,MAAK,SAACC,GACCA,EAAQ9J,OACmB,OAAvB8J,EAAQ9J,KAAKS,YAAyCqY,IAAvBhP,EAAQ9J,KAAKS,MAC5C,YAAiB,KAAM,yBAA0B,QAEjD,YAAiB,+CAAgDqJ,EAAQ9J,KAAKS,MAAO,aAKhGsJ,OAAM,SAACC,GAAkB,YAAiB,+CAAgDA,EAAQ,aAInG,YAAA0jC,+BAAR,WACI,IAAM1L,EAAKrD,KACXA,KAAK8P,uCACD,SAAOrsB,UAAU,CACbzY,MAAO,MACRyY,UAAU,CAETC,KAAA,SAAKvY,GACGA,EAAQ9J,KAAKqvC,uCAAuCvuB,QACpD,YAAiB,UAAWhX,EAAQ9J,KAAKqvC,uCAAuC7vB,QAAS,QAEzFwiB,EAAG9hC,SAAS,CACRi+B,eAAe,EACfsN,oBAAoB,KAGxB,YAAiB,SAAU3hC,EAAQ9J,KAAKqvC,uCAAuC7vB,QAAS,UAIhG/e,MAAA,SAAM8hB,GAEFrH,QAAQza,MAAM8hB,GACd,YAAiB,KAAMA,EAAK,aAKpC,YAAAorB,iBAAR,sBACI,aACI,GACA,SAAC3tC,GAA0B,SAAK4tC,uBAAuB5tC,MAEvD,SAAUgK,GACN,YAAiB,KAAMA,EAAQ,aAKnC,YAAA4jC,uBAAR,SAA+B5tC,GAC3B2+B,KAAKz+B,SAAS,CAEVouC,sBAAsB,EACtB1O,eAAgB5/B,EAAKo5B,QAAQkW,WAC7BrW,gBAAiBj5B,EAAKo5B,QAAQH,mBAG1C,EA7YA,CAAoD","file":"static/js/main~63defed8.e6483bfc.chunk.js","sourcesContent":["import React, { useState, useMemo } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, GetTagProps, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress, Chip } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport gql from 'graphql-tag';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { useQuery } from 'react-apollo';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//     createStyles({\r\n//         removedAvatar: {\r\n//             maxWidth: '15px',\r\n//             maxHeight: '15px',\r\n//         },\r\n//     }),\r\n// );\r\n\r\ninterface SubjectSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: SubjectAutoCompleteItem | SubjectAutoCompleteItem[] | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: SubjectAutoCompleteItem | SubjectAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties;\r\n    disablePortal?: boolean;\r\n    variant?: 'standard' | 'filled' | 'outlined';\r\n    size?: 'small' | 'medium';\r\n    onBlur?: React.FocusEventHandler<HTMLDivElement>;\r\n    multiple?: boolean;\r\n    isApplyMatterAccess?: boolean;\r\n}\r\n\r\nexport interface SubjectAutoCompleteItem extends IAutoCompleteItem, ClientAndMatterNoteSubject {}\r\n\r\ninterface SubjectSelectorState {\r\n    data: SubjectAutoCompleteItem[];\r\n}\r\n\r\nexport const SubjectSelector: React.FC<SubjectSelectorProps> = (props) => {\r\n    // const classes = useStyles();\r\n\r\n    const [state, setState] = useState<SubjectSelectorState>({\r\n        data: [],\r\n    });\r\n\r\n    const clientAndMatterNoteSubjectQuery = useQuery<ClientAndMatterNoteSubjectData>(ClientAndMatterNoteSubjectQuery, {\r\n        variables: {\r\n            isApplyMatterAccess: props.isApplyMatterAccess,\r\n        },\r\n        fetchPolicy: 'cache-first',\r\n    });\r\n\r\n    useMemo(() => {\r\n        if (\r\n            !clientAndMatterNoteSubjectQuery.loading &&\r\n            !clientAndMatterNoteSubjectQuery.error &&\r\n            clientAndMatterNoteSubjectQuery.data &&\r\n            clientAndMatterNoteSubjectQuery.data.lookup &&\r\n            clientAndMatterNoteSubjectQuery.data.lookup.clientAndMatterNoteSubject\r\n        ) {\r\n            setState((prevState) => {\r\n                const { clientAndMatterNoteSubject } = clientAndMatterNoteSubjectQuery.data!.lookup;\r\n\r\n                const items: SubjectAutoCompleteItem[] = clientAndMatterNoteSubject.map((country: ClientAndMatterNoteSubject) => {\r\n                    return {\r\n                        ...country,\r\n                        label: country.description,\r\n                        value: country.id.toString(),\r\n                    };\r\n                });\r\n                return {\r\n                    ...prevState,\r\n                    data: items,\r\n                };\r\n            });\r\n        }\r\n        // tslint:disable-next-line: align\r\n    }, [clientAndMatterNoteSubjectQuery.loading, clientAndMatterNoteSubjectQuery.data, clientAndMatterNoteSubjectQuery.error]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return {\r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                    {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                    {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n            ),\r\n        };\r\n    };\r\n\r\n    const onRenderTags = (value: SubjectAutoCompleteItem[], getTagProps: GetTagProps): React.ReactNode => {\r\n        let renderTagsValue = value.map((option: SubjectAutoCompleteItem, index: number) => {\r\n            let label = option.label;\r\n            if (option.label.length > 20) {\r\n                label = `${option.label.substring(0, 20)}...`;\r\n            }\r\n\r\n            return (\r\n                <Chip\r\n                    {...getTagProps({ index })}\r\n                    key={index}\r\n                    label={label}\r\n                    // variant=\"outlined\"\r\n                    // size=\"small\"\r\n                />\r\n            );\r\n        });\r\n\r\n        return renderTagsValue;\r\n    };\r\n\r\n    if (props.multiple) {\r\n        return (\r\n            <Autocomplete\r\n                style={props.style}\r\n                className={props.className}\r\n                value={props.value}\r\n                loading={clientAndMatterNoteSubjectQuery.loading}\r\n                disabled={props.disabled}\r\n                onChange={handleChange}\r\n                options={state.data}\r\n                disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n                // tslint:disable-next-line: jsx-no-lambda\r\n                getOptionLabel={(option: SubjectAutoCompleteItem) => option.label}\r\n                // tslint:disable-next-line: jsx-no-lambda\r\n                onBlur={props.onBlur}\r\n                multiple={true}\r\n                renderTags={onRenderTags}\r\n                renderInput={(params) => (\r\n                    <TextField\r\n                        {...params}\r\n                        label={props.label}\r\n                        variant={props.variant}\r\n                        fullWidth={true}\r\n                        margin=\"none\"\r\n                        required={props.required}\r\n                        InputProps={getInputProps(params, clientAndMatterNoteSubjectQuery.loading)}\r\n                        error={props.error}\r\n                        size={props.size}\r\n                    />\r\n                )}\r\n                // tslint:disable-next-line: jsx-no-lambda\r\n                renderOption={(option, { inputValue }) => {\r\n                    const matches = match(option.label, inputValue);\r\n                    const parts = parse(option.label, matches);\r\n\r\n                    return (\r\n                        <div>\r\n                            {parts.map((part, index) => (\r\n                                <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                    {part.text}\r\n                                </span>\r\n                            ))}\r\n                        </div>\r\n                    );\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Autocomplete\r\n            style={props.style}\r\n            className={props.className}\r\n            value={props.value}\r\n            loading={clientAndMatterNoteSubjectQuery.loading}\r\n            disabled={props.disabled}\r\n            onChange={handleChange}\r\n            options={state.data}\r\n            disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            getOptionLabel={(option: SubjectAutoCompleteItem) => option.label}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            onBlur={props.onBlur}\r\n            renderInput={(params) => (\r\n                <TextField\r\n                    {...params}\r\n                    label={props.label}\r\n                    variant={props.variant}\r\n                    fullWidth={true}\r\n                    margin=\"none\"\r\n                    required={props.required}\r\n                    InputProps={getInputProps(params, clientAndMatterNoteSubjectQuery.loading)}\r\n                    error={props.error}\r\n                    size={props.size}\r\n                />\r\n            )}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderOption={(option, { inputValue }) => {\r\n                const matches = match(option.label, inputValue);\r\n                const parts = parse(option.label, matches);\r\n\r\n                return (\r\n                    <div>\r\n                        {parts.map((part, index) => (\r\n                            <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                {part.text}\r\n                            </span>\r\n                        ))}\r\n                    </div>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport type ClientAndMatterNoteSubjectData = {\r\n    lookup: Lookup;\r\n};\r\n\r\nexport type Lookup = {\r\n    clientAndMatterNoteSubject: ClientAndMatterNoteSubject[];\r\n};\r\n\r\nexport type ClientAndMatterNoteSubject = {\r\n    id: number;\r\n    description: string;\r\n    sequence: number;\r\n};\r\n\r\nconst ClientAndMatterNoteSubjectQuery = gql`\r\n    query ClientAndMatterNoteSubject {\r\n        lookup {\r\n            clientAndMatterNoteSubject {\r\n                id\r\n                description\r\n                sequence\r\n            }\r\n        }\r\n    }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Button, Dialog, DialogActions, DialogContent, Grid } from '@material-ui/core';\r\n// import { Editor } from 'react-draft-wysiwyg';\r\nimport { convertFromRaw, convertToRaw, EditorState } from 'draft-js';\r\n// import htmlToDraft from 'html-to-draftjs';\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport { convertToDraftWysiwygContent } from '../../helpers/commonHelper';\r\nimport { Editor as TinyEditor } from '@tinymce/tinymce-react';\r\nimport { RvLoader } from '../../components/Loader';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        dialogRoot: {\r\n            '& .downshift-wrapper': {\r\n                flex: 1,\r\n                padding: 0,\r\n            },\r\n        },\r\n        header: {\r\n            textTransform: 'capitalize',\r\n        },\r\n        content: {\r\n            flex: 1,\r\n        },\r\n        buttonContainer: {\r\n            display: 'flex',\r\n            justifyContent: 'space-between',\r\n            // paddingBottom: '20px'\r\n        },\r\n        button: {\r\n            margin: theme.spacing(1),\r\n            minWidth: '83px',\r\n        },\r\n        hidden: {\r\n            display: 'none',\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            padding: '10px',\r\n            alignItems: 'center',\r\n            position: 'absolute',\r\n            top: 0,\r\n            left: 0,\r\n            right: 0,\r\n            bottom: 0,\r\n            backgroundColor: 'rgba(255,255,255,0.8)',\r\n        },\r\n        formLabel: {\r\n            paddingBottom: '10px',\r\n        },\r\n        editorClassName: {\r\n            padding: '0 10px',\r\n            minHeight: '300px',\r\n            maxHeight: '500px',\r\n        },\r\n        wrapperClassName: {\r\n            border: '1px solid #949494',\r\n            display: 'flex',\r\n            flexFlow: 'column-reverse',\r\n        },\r\n        toolbarClassName: {\r\n            border: 0,\r\n            // borderBottom: '1px solid #F1F1F1',\r\n            margin: 0,\r\n            padding: 0,\r\n            '& .rdw-dropdown-wrapper': {\r\n                position: 'relative',\r\n            },\r\n            '& .rdw-dropdown-optionwrapper': {\r\n                position: 'absolute',\r\n            },\r\n        },\r\n        paperRoot: {\r\n            overflow: 'auto',\r\n            position: 'relative',\r\n            minHeight: 'calc(100vh - 50px)',\r\n            display: 'flex',\r\n            flexFlow: 'column',\r\n        },\r\n        dialogContent: {\r\n            overflow: 'inherit',\r\n            // minHeight: '538px',\r\n            flex: 1,\r\n            display: 'flex',\r\n            flexFlow: 'column',\r\n        },\r\n    }),\r\n);\r\n\r\ninterface FeatureNotesPreviewDialogProps {\r\n    open: boolean;\r\n    onClose?: () => void;\r\n    description: string;\r\n}\r\n\r\nexport interface FeatureNotesPreviewDialogForm {\r\n    notes: string; // EditorState;\r\n}\r\n\r\nexport const FeatureNotesPreviewDialog: React.FC<FeatureNotesPreviewDialogProps> = (props) => {\r\n    const classes = useStyles();\r\n\r\n    const [isLoading, setIsLoading] = React.useState(true);\r\n\r\n    let tempDesription = props.description;\r\n\r\n    if (props.description) {    \r\n        if (props.description.indexOf('blocks\":') !== -1) {\r\n            const draftContent = convertToDraftWysiwygContent(JSON.parse(props.description));\r\n            const contentState = convertFromRaw(draftContent);\r\n            tempDesription = draftToHtml(convertToRaw(EditorState.createWithContent(contentState).getCurrentContent()));\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Dialog\r\n            open={props.open}\r\n            onClose={props.onClose}\r\n            maxWidth=\"md\"\r\n            fullWidth={true}\r\n            className={classes.dialogRoot}\r\n            scroll={'paper'}\r\n            // disablePortal={false}\r\n            disableScrollLock={true}\r\n            disableEnforceFocus={true}\r\n            disableAutoFocus={true}\r\n            classes={{\r\n                paper: classes.paperRoot,\r\n            }}\r\n        >\r\n            {isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : null}\r\n            <DialogContent dividers={true} className={classes.dialogContent}>\r\n                <Grid container={true} spacing={3} style={{ flex: 1 }}>\r\n                    <Grid item={true} xs={12} md={12}>\r\n                        <TinyEditor\r\n                            apiKey={'k74nddluc9fmtf75en31ew8mxzqcvovgpjkzomdtgeje7b0h'}\r\n                            initialValue={tempDesription}\r\n                            disabled={true}\r\n                            init={{\r\n                                height: '100%',\r\n                                autoresize_min_height: '100%',\r\n                                autoresize_max_height: '100%',\r\n                                menubar: false,\r\n                                disabled: true, // Set the editor in read-only mode\r\n                                plugins: '', // No plugins needed for read-only mode\r\n                                toolbar: '', // No toolbar needed for read-only mode\r\n                                statusbar: false, // Hide the status bar\r\n                                content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',\r\n                                toolbar_sticky: true,\r\n                                autosave_ask_before_unload: true,\r\n                                autosave_interval: '30s',\r\n                                autosave_prefix: '{path}{query}-{id}-',\r\n                                autosave_restore_when_empty: false,\r\n                                autosave_retention: '2m',\r\n                                image_advtab: true,\r\n                                content_css: '//www.tiny.cloud/css/codepen.min.css',\r\n                                image_class_list: [\r\n                                    { title: 'None', value: '' },\r\n                                    { title: 'Some class', value: 'class-name' },\r\n                                ],\r\n                                importcss_append: true,\r\n                                min_height: 500,\r\n                                // min_width: 300,\r\n                            }}\r\n                            onInit={(evt, editor) => {\r\n                                setIsLoading(false);\r\n                            }}\r\n                        />\r\n                    </Grid>\r\n                </Grid>\r\n            </DialogContent>\r\n            <DialogActions>\r\n                <div className={classes.buttonContainer}>\r\n                    <div>\r\n                        <Button color=\"primary\" type=\"button\" className={classes.button} onClick={props.onClose}>\r\n                            Close\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </DialogActions>\r\n        </Dialog>\r\n    );\r\n};\r\n","export enum LocalStorageEnum {\r\n    PersonActing = 'PersonActing',\r\n    PersonResponsible = 'PersonResponsible',\r\n}","import { FetchPolicy } from 'apollo-client';\r\nimport gql from 'graphql-tag';\r\nimport { client } from '..';\r\n\r\nexport interface SystemSettingsNamesData {\r\n    settings: Settings;\r\n    loading?: boolean;\r\n    networkStatus?: number;\r\n}\r\n\r\nexport interface Settings {\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    id: number;\r\n    settingNames: SettingNames;\r\n    enquiryDefaults: EnquiryDefaults;\r\n    emailDefaults: EmailDefaults;\r\n}\r\n\r\nexport interface SettingNames {\r\n    settingName: SettingName[];\r\n}\r\n\r\nexport interface SettingName {\r\n    id: number;\r\n    guidID: string;\r\n    title: string;\r\n    description: string;\r\n    internalName: string;\r\n}\r\n\r\nexport interface EnquiryDefaults {\r\n    id:     number;\r\n    config: EnquiryDefaultConfig;\r\n}\r\n\r\nexport interface EnquiryDefaultConfig {\r\n    id: number;\r\n    isManualEntry: boolean;\r\n    isCalculatedDays: boolean;\r\n    isCalculatedHours: boolean;\r\n    timeOfDay: string;\r\n    addDays: number;\r\n    addHours: number;\r\n    defaultMeetingLength: string;\r\n    reminder: string;\r\n    overdueReminder: string;\r\n    isSendReminderOnWeekend: boolean;\r\n    isSendInvitationToEnquirer: boolean;\r\n    isSendInvitationToAssignee: boolean;\r\n    isSendReminderOnWeekendForOverDueReminders: boolean;\r\n    isLocationFieldMandatory: boolean;\r\n    periodBeforeFirstUnassignedReminder: string;\r\n    periodAfterFirstUnassignedReminder: string;\r\n    isSendFistUnassignedReminderOnWeekends: boolean;\r\n    isSendUnassignedAfterFirstReminderOnWeekends: boolean;\r\n    isSourceNotesMandatory: boolean;\r\n    isInternalNotesMandatory: boolean;\r\n    isEventAndCampaignMandatory: boolean;\r\n    isNatureOfEnquiryMandatory: boolean;\r\n    periodMeetingDefaultReminder: string;\r\n    isSendMeetingDefaultReminderEmail: boolean;\r\n    isSendMeetingDefaultReminderSms: boolean;\r\n}\r\n\r\nexport interface EmailDefaults {\r\n    config: EmailConfig;\r\n}\r\n\r\nexport interface EmailConfig {\r\n    fromName: null;\r\n    replyTo: null;\r\n    sendEmailOnBehalfOf: null;\r\n    confirmationBcc: null;\r\n}\r\n\r\nexport function retrieveSystemSettingsNamesQueryData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: SystemSettingsNamesData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: SystemSettingsNamesQuery,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nexport const SystemSettingsNamesQuery = gql`\r\n    query SystemSettingsNames{\r\n        settings {\r\n            id\r\n            systems {\r\n                id\r\n                settingNames {\r\n                    settingName {\r\n                        id,\r\n                        guidID,\r\n                        title,\r\n                        description,\r\n                        internalName\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport function retrieveEnquiryDefaultConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: SystemSettingsNamesData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: EnquiryDefaultConfigQuery,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nconst EnquiryDefaultConfigQuery = gql`\r\n   query EnquiryDefaultConfig {\r\n        settings {\r\n            id,\r\n            systems {\r\n                id,\r\n                enquiryDefaults {\r\n                    id,\r\n                    config {\r\n                        id,\r\n                        isManualEntry,\r\n                        isCalculatedDays,\r\n                        isCalculatedHours,\r\n                        timeOfDay,\r\n                        addDays,\r\n                        addHours,\r\n                        defaultMeetingLength,\r\n                        reminder,\r\n                        overdueReminder,\r\n                      \tisSendReminderOnWeekend,\r\n                        isSendInvitationToEnquirer\r\n                        isSendInvitationToAssignee\r\n                        isSendReminderOnWeekendForOverDueReminders\r\n                      \tisLocationFieldMandatory\r\n                        periodBeforeFirstUnassignedReminder\r\n                        periodAfterFirstUnassignedReminder\r\n                        isSendFistUnassignedReminderOnWeekends\r\n                        isSendUnassignedAfterFirstReminderOnWeekends\r\n                        isSourceNotesMandatory\r\n                        isInternalNotesMandatory\r\n                        isEventAndCampaignMandatory\r\n                        isNatureOfEnquiryMandatory\r\n                        periodMeetingDefaultReminder\r\n                        isSendMeetingDefaultReminderEmail\r\n                        isSendMeetingDefaultReminderSms\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const UpdateEnquiryDefaultConfigMutation = gql`\r\nmutation updateEnquiryDefaultConfigMutation(\r\n    $isManualEntry: Boolean\r\n    $isCalculatedDays: Boolean\r\n    $isCalculatedHours: Boolean\r\n    $timeOfDay: String\r\n    $addDays: Int\r\n    $addHours: Decimal\r\n    $defaultMeetingLength: String\r\n    $reminder: String\r\n    $overdueReminder: String\r\n    $isSendReminderOnWeekend: Boolean\r\n    $isSendInvitationToEnquirer: Boolean\r\n    $isSendInvitationToAssignee: Boolean\r\n    $isSendReminderOnWeekendForOverDueReminders: Boolean\r\n    $isLocationFieldMandatory: Boolean\r\n    $periodBeforeFirstUnassignedReminder: String\r\n    $periodAfterFirstUnassignedReminder: String\r\n    $isSendFistUnassignedReminderOnWeekends: Boolean\r\n    $isSendUnassignedAfterFirstReminderOnWeekends: Boolean\r\n    $isSourceNotesMandatory: Boolean\r\n    $isInternalNotesMandatory: Boolean\r\n    $isNatureOfEnquiryMandatory: Boolean\r\n    $isEventAndCampaignMandatory: Boolean\r\n    $periodMeetingDefaultReminder: String\r\n    $isSendMeetingDefaultReminderSms: Boolean\r\n    $isSendMeetingDefaultReminderEmail: Boolean\r\n) {\r\nsettings {\r\n    enquiryDefaultConfig {\r\n        update(\r\n            isManualEntry: $isManualEntry\r\n            isCalculatedDays: $isCalculatedDays\r\n            isCalculatedHours: $isCalculatedHours\r\n            timeOfDay: $timeOfDay\r\n            addDays: $addDays\r\n            addHours: $addHours\r\n            defaultMeetingLength: $defaultMeetingLength\r\n            reminder: $reminder\r\n            overdueReminder: $overdueReminder\r\n            isSendReminderOnWeekend: $isSendReminderOnWeekend\r\n            isSendInvitationToEnquirer: $isSendInvitationToEnquirer\r\n            isSendInvitationToAssignee: $isSendInvitationToAssignee\r\n            isSendReminderOnWeekendForOverDueReminders: $isSendReminderOnWeekendForOverDueReminders\r\n            isLocationFieldMandatory: $isLocationFieldMandatory\r\n            periodBeforeFirstUnassignedReminder: $periodBeforeFirstUnassignedReminder\r\n            periodAfterFirstUnassignedReminder: $periodAfterFirstUnassignedReminder\r\n            isSendFistUnassignedReminderOnWeekends: $isSendFistUnassignedReminderOnWeekends\r\n            isSendUnassignedAfterFirstReminderOnWeekends: $isSendUnassignedAfterFirstReminderOnWeekends\r\n            isSourceNotesMandatory: $isSourceNotesMandatory\r\n            isInternalNotesMandatory: $isInternalNotesMandatory\r\n            isEventAndCampaignMandatory: $isEventAndCampaignMandatory\r\n            isNatureOfEnquiryMandatory: $isNatureOfEnquiryMandatory\r\n            periodMeetingDefaultReminder: $periodMeetingDefaultReminder\r\n            isSendMeetingDefaultReminderSms: $isSendMeetingDefaultReminderSms\r\n            isSendMeetingDefaultReminderEmail: $isSendMeetingDefaultReminderEmail\r\n        \r\n        ) {\r\n                error\r\n                status\r\n            }\r\n        }\r\n    }\r\n}\r\n`;\r\n\r\nexport function retrieveEmailConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: SystemSettingsNamesData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: EmailConfigQuery,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nconst EmailConfigQuery = gql`\r\nquery EmailConfig {\r\n    settings {\r\n        id,\r\n        systems {\r\n            id\r\n            emailDefaults {\r\n                id\r\n                config {\r\n                    id\r\n                    fromName\r\n                    replyTo\r\n                    sendEmailOnBehalfOf\r\n                    confirmationBcc\r\n                }\r\n            }\r\n        }\r\n    }\r\n}`;\r\n\r\nexport const UpdateEmailConfigMutation = gql`\r\n    mutation UpdateEmailConfig($sendEmailOnBehalfOf: String, $fromName: String, $replyTo: String, $confirmationBcc: String) {\r\n        settings {\r\n            emailConfig {\r\n                update(sendEmailOnBehalfOf: $sendEmailOnBehalfOf, fromName: $fromName, replyTo: $replyTo, confirmationBcc: $confirmationBcc) {\r\n                    error\r\n                    status\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const SettingNotificationSubscription = gql`\r\n    subscription SettingfigNotification {\r\n        settingNotification {\r\n            description\r\n            id\r\n            message\r\n            status\r\n        }\r\n    }\r\n`;\r\n\r\nexport interface TaskAndPhoneMessageDefaultConfigMutationParams {\r\n    isSendReminderOnWeekend?: boolean;\r\n    reminder?: string;\r\n    isSendReminderOnWeekendForOverDueReminders?: boolean;\r\n    overdueReminder?: string;\r\n}\r\n\r\nexport const UPDATE_TASK_DEFAULT_CONFIG_MUTATION = gql`\r\n    mutation updateTaskDefaultConfigMutation(\r\n        $isSendReminderOnWeekend: Boolean,\r\n        $reminder: String,\r\n        $isSendReminderOnWeekendForOverDueReminders: Boolean,\r\n        $overdueReminder: String\r\n    ) {\r\n            settings {\r\n                taskDefaultConfig {\r\n                    update(\r\n                        isSendReminderOnWeekend: $isSendReminderOnWeekend,\r\n                        reminder: $reminder,\r\n                        isSendReminderOnWeekendForOverDueReminders: $isSendReminderOnWeekendForOverDueReminders,\r\n                        overdueReminder: $overdueReminder\r\n                    ) {\r\n                    error\r\n                    status\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const UPDATE_PHONE_MESSAGE_DEFAULT_CONFIG_MUTATION = gql`\r\n    mutation updatePhoneMessageDefaultConfigMutation(\r\n        $isSendReminderOnWeekend: Boolean,\r\n        $reminder: String,\r\n        $isSendReminderOnWeekendForOverDueReminders: Boolean,\r\n        $overdueReminder: String\r\n    ) {\r\n            settings {\r\n                phoneMessageDefaultConfig {\r\n                    update(\r\n                        isSendReminderOnWeekend: $isSendReminderOnWeekend,\r\n                        reminder: $reminder,\r\n                        isSendReminderOnWeekendForOverDueReminders: $isSendReminderOnWeekendForOverDueReminders,\r\n                        overdueReminder: $overdueReminder\r\n                    ) {\r\n                    error\r\n                    status\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport interface PhoneMessageDefaultsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface TaskDefaultsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    systems: Systems;\r\n    id:      number;\r\n}\r\n\r\nexport interface Systems {\r\n    id:      number;\r\n    phoneMessageDefaults: PhoneMessageDefaults;\r\n    taskDefaults: TaskDefaults;\r\n    clientAndContactDefaults: ClietnAdnContactDefaults;\r\n}\r\n\r\nexport interface PhoneMessageDefaults {\r\n    id:      number;\r\n    config: TaskAndPhoneMessageConfig;\r\n}\r\nexport interface TaskDefaults {\r\n    id:      number;\r\n    config: TaskAndPhoneMessageConfig;\r\n}\r\n\r\nexport interface TaskAndPhoneMessageConfig {\r\n    isSendReminderOnWeekend:                    boolean;\r\n    isSendReminderOnWeekendForOverDueReminders: boolean;\r\n    reminder:                                   string | null;\r\n    overdueReminder:                            string | null;\r\n}\r\n\r\nexport const PHONE_MESSAGE_DEFAULTS_QUERY = gql`\r\n    query phoneMessageDefaultsQuery {\r\n        settings {\r\n            id\r\n            systems {\r\n                id\r\n                phoneMessageDefaults {\r\n                    id\r\n                    config {\r\n                        id\r\n                        isSendReminderOnWeekend\r\n                        isSendReminderOnWeekendForOverDueReminders\r\n                        reminder\r\n                        overdueReminder\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport function retrievePhoneMessageDefaultConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: PhoneMessageDefaultsData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: PHONE_MESSAGE_DEFAULTS_QUERY,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nexport const TASK_DEFAULTS_QUERY = gql`\r\n    query TaskDefaultsQuery {\r\n        settings {\r\n            id\r\n            systems {\r\n                id\r\n                taskDefaults {\r\n                    id\r\n                    config {\r\n                        id\r\n                        isSendReminderOnWeekend\r\n                        isSendReminderOnWeekendForOverDueReminders\r\n                        reminder\r\n                        overdueReminder\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n`;\r\n\r\nexport function retrieveTaskDefaultConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: TaskDefaultsData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: TASK_DEFAULTS_QUERY,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nexport interface ClientAndContactsDefaultsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface ClietnAdnContactDefaults {\r\n    config: ClientAndContactDefaultsData;\r\n}\r\n\r\nexport interface ClientAndContactDefaultsData {\r\n    isNoteTypeMandatory: boolean;\r\n    isNoteSubjectMandatory: boolean;\r\n    outlookAddinNoteTypeGuid: string;\r\n    outlookAddinNoteTypeDescription: string;\r\n    outlookAddinNoteSubjectId: number;\r\n    outlookAddinNoteSubjectDescription: string;\r\n\r\n    eventCreationNoteTypeGuid: string;\r\n    eventCreationNoteTypeDescription: string;\r\n    eventCreationNoteSubjectId: number;\r\n    eventCreationNoteSubjectDescription: string;\r\n\r\n    campaignCreationNoteTypeGuid: string;\r\n    campaignCreationNoteTypeDescription: string;\r\n    campaignCreationNoteSubjectId: number;\r\n    campaignCreationNoteSubjectDescription: string;\r\n}\r\n\r\nexport interface ClientAndContactDefaultConfigParams {\r\n    isNoteTypeMandatory: boolean;\r\n    isNoteSubjectMandatory: boolean;\r\n    outlookAddinNoteTypeGuid: string | number | null;\r\n    outlookAddinNoteSubjectId:  string | number | null;\r\n    eventCreationNoteTypeGuid:  string | number | null;\r\n    eventCreationNoteSubjectId:  string | number | null;\r\n    campaignCreationNoteTypeGuid:  string | number | null;\r\n    campaignCreationNoteSubjectId:  string | number | null;\r\n}\r\n\r\nexport const ClientAndContacsDefaultConfigurationQuery = gql`\r\n    query ClientAndContactDefaultConfig {\r\n        settings {\r\n            id\r\n            systems {\r\n                id  \r\n                clientAndContactDefaults {\r\n                    id\r\n                    config {\r\n                        id\r\n                        isNoteTypeMandatory\r\n                        isNoteSubjectMandatory\r\n                        outlookAddinNoteTypeGuid\r\n                        outlookAddinNoteTypeDescription\r\n                        outlookAddinNoteSubjectId\r\n                        outlookAddinNoteSubjectDescription\r\n                        eventCreationNoteTypeGuid\r\n                        eventCreationNoteTypeDescription\r\n                        eventCreationNoteSubjectId\r\n                        eventCreationNoteSubjectDescription\r\n                        campaignCreationNoteTypeGuid\r\n                        campaignCreationNoteTypeDescription\r\n                        campaignCreationNoteSubjectId\r\n                        campaignCreationNoteSubjectDescription\r\n                    }\r\n                }\r\n            } \r\n        }\r\n    }\r\n`;\r\n\r\nexport const ClientAndContactsDefaultConfigurationMutation = gql`\r\nmutation ClientAndContactDefaultConfig (\r\n    $isNoteTypeMandatory: Boolean,\r\n    $isNoteSubjectMandatory: Boolean,\r\n    $outlookAddinNoteTypeGuid: String,\r\n    $outlookAddinNoteSubjectId: Int,\r\n    $eventCreationNoteTypeGuid: String,\r\n    $eventCreationNoteSubjectId: Int,\r\n    $campaignCreationNoteTypeGuid: String,\r\n    $campaignCreationNoteSubjectId: Int\r\n    ) \r\n    {\r\n    settings {\r\n        clientAndContactDefaultConfig {\r\n            update (\r\n                isNoteTypeMandatory: $isNoteTypeMandatory,\r\n                isNoteSubjectMandatory: $isNoteSubjectMandatory,\r\n                outlookAddinNoteTypeGuid: $outlookAddinNoteTypeGuid,\r\n                outlookAddinNoteSubjectId: $outlookAddinNoteSubjectId,\r\n                eventCreationNoteTypeGuid: $eventCreationNoteTypeGuid,\r\n                eventCreationNoteSubjectId: $eventCreationNoteSubjectId,\r\n                campaignCreationNoteTypeGuid: $campaignCreationNoteTypeGuid,\r\n                campaignCreationNoteSubjectId: $campaignCreationNoteSubjectId\r\n            )\r\n            {\r\n            error\r\n            status\r\n            }\r\n        }\r\n    }\r\n}\r\n`;\r\n\r\nexport function retrieveClientAndContactsDefaultConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: ClientAndContactsDefaultsData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        \r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n    client.query({\r\n        query: ClientAndContacsDefaultConfigurationQuery,\r\n        variables: {},\r\n        fetchPolicy: fetchPolicy\r\n    })\r\n    // tslint:disable-next-line:no-any\r\n    .then((results: { data: any; }) => {\r\n        onSuccess(results.data);\r\n    })\r\n    // tslint:disable-next-line:no-any\r\n    .catch((reason: any ) => { onError(reason); });\r\n}","// tslint:disable\r\nexport interface CurrencyDataProps {\r\n\tcurrency: string;\r\n\tsymbol: string;\r\n\tdigitalCode: string;\r\n\tname: string;\r\n\tcountry: string;\r\n}\r\n\r\nexport const CurrenciesData: CurrencyDataProps[] = [\r\n    {\r\n        currency: 'AED',\r\n        symbol: 'د.إ',\r\n        digitalCode: '784',\r\n        name: 'UAE Dirham',\r\n        country: 'UAE',\r\n    },\r\n    {\r\n        currency: 'AFN',\r\n        symbol: 'Af',\r\n        digitalCode: '971',\r\n        name: 'Afghani',\r\n        country: 'Afghanistan',\r\n    },\r\n    {\r\n    \tcurrency: 'ALL',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '008',\r\n\t\tname: 'Lek',\r\n\t\tcountry: 'Albania',\r\n    },\r\n    {\r\n        currency: 'AMD',\r\n        symbol: 'Դ',\r\n        digitalCode: '051',\r\n        name: 'Armenian Dram',\r\n        country: 'Armenia',\r\n    },\r\n    {\r\n        currency: 'AOA',\r\n        symbol: 'Kz',\r\n        digitalCode: '973',\r\n        name: 'Kwanza',\r\n        country: 'Angola',\r\n    },\r\n\t{\r\n\t\tcurrency: 'ARS',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '032',\r\n\t\tname: 'Argentine Peso',\r\n\t\tcountry: 'Argentina',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AUD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '036',\r\n\t\tname: 'Australian Dollar',\r\n\t\tcountry: 'Australia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AUD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '036',\r\n\t\tname: 'Australian Dollar',\r\n\t\tcountry: 'Kiribati'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AUD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '036',\r\n\t\tname: 'Australian Dollar',\r\n\t\tcountry: 'Coconut Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AUD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '036',\r\n\t\tname: 'Australian Dollar',\r\n\t\tcountry: 'Nauru'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AUD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '036',\r\n\t\tname: 'Australian Dollar',\r\n\t\tcountry: 'Tuvalu'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AWG',\r\n\t\tsymbol: 'ƒ',\r\n\t\tdigitalCode: '533',\r\n\t\tname: 'Aruban Guilder/Florin',\r\n\t\tcountry: 'Aruba',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'AZN',\r\n\t\tsymbol: 'ман',\r\n\t\tdigitalCode: '944',\r\n\t\tname: 'Azerbaijanian Manat',\r\n\t\tcountry: 'Azerbaijan',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BAM',\r\n\t\tsymbol: 'КМ',\r\n\t\tdigitalCode: '977',\r\n\t\tname: 'Konvertibilna Marka',\r\n\t\tcountry: 'Bosnia and Herzegovina',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BBD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '052',\r\n\t\tname: 'Barbados Dollar',\r\n\t\tcountry: 'Barbados',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BDT',\r\n\t\tsymbol: '৳',\r\n\t\tdigitalCode: '050',\r\n\t\tname: 'Taka',\r\n\t\tcountry: 'Bangladesh',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BGN',\r\n\t\tsymbol: 'лв',\r\n\t\tdigitalCode: '975',\r\n\t\tname: 'Bulgarian Lev',\r\n\t\tcountry: 'Bulgaria',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BHD',\r\n\t\tsymbol: 'ب.د',\r\n\t\tdigitalCode: '048',\r\n\t\tname: 'Bahraini Dinar',\r\n\t\tcountry: 'Bahrain',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BIF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '108',\r\n\t\tname: 'Burundi Franc',\r\n\t\tcountry: 'Burundi',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BMD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '060',\r\n\t\tname: 'Bermudian Dollar',\r\n\t\tcountry: 'Bermuda',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BND',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '096',\r\n\t\tname: 'Brunei Dollar',\r\n\t\tcountry: 'Brunei',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BND',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '096',\r\n\t\tname: 'Brunei Dollar',\r\n\t\tcountry: 'Singapore',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BOB',\r\n\t\tsymbol: 'Bs.',\r\n\t\tdigitalCode: '068',\r\n\t\tname: 'Boliviano',\r\n\t\tcountry: 'Bolivia',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BRL',\r\n\t\tsymbol: 'R$',\r\n\t\tdigitalCode: '986',\r\n\t\tname: 'Brazilian Real',\r\n\t\tcountry: 'Brazil',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BSD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '044',\r\n\t\tname: 'Bahamian Dollar',\r\n\t\tcountry: 'Bahamas',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BTN',\r\n\t\tsymbol: '',\r\n\t\tdigitalCode: '064',\r\n\t\tname: 'Ngultrum',\r\n\t\tcountry: 'Bhutan',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BWP',\r\n\t\tsymbol: 'P',\r\n\t\tdigitalCode: '072',\r\n\t\tname: 'Pula',\r\n\t\tcountry: 'Botswana'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BYN',\r\n\t\tsymbol: 'Br',\r\n\t\tdigitalCode: '933',\r\n\t\tname: 'Belarusian Ruble',\r\n\t\tcountry: 'Belarus'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'BZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '084',\r\n\t\tname: 'Belize Dollar',\r\n\t\tcountry: 'Belize'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CAD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '124',\r\n\t\tname: 'Canadian Dollar',\r\n\t\tcountry: 'Canada'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CDF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '976',\r\n\t\tname: 'Congolese Franc',\r\n\t\tcountry: 'Congo (Kinshasa)'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CHF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '756',\r\n\t\tname: 'Swiss Franc',\r\n\t\tcountry: 'Lichtenstein',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CHF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '756',\r\n\t\tname: 'Swiss Franc',\r\n\t\tcountry: 'Switzerland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CLP',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '152',\r\n\t\tname: 'Chilean Peso',\r\n\t\tcountry: 'Chile'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CNY',\r\n\t\tsymbol: '¥',\r\n\t\tdigitalCode: '156',\r\n\t\tname: 'Yuan',\r\n\t\tcountry: 'China'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'COP',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '170',\r\n\t\tname: 'Colombian Peso',\r\n\t\tcountry: 'Colombia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CRC',\r\n\t\tsymbol: '₡',\r\n\t\tdigitalCode: '188',\r\n\t\tname: 'Costa Rican Colon',\r\n\t\tcountry: 'Costa Rica'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CUP',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '192',\r\n\t\tname: 'Cuban Peso',\r\n\t\tcountry: 'Cuba'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CVE',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '132',\r\n\t\tname: 'Cape Verde Escudo',\r\n\t\tcountry: 'Cape Verde'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'CZK',\r\n\t\tsymbol: 'Kč',\r\n\t\tdigitalCode: '203',\r\n\t\tname: 'Czech Koruna',\r\n\t\tcountry: 'Czech Republic'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'DJF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '262',\r\n\t\tname: 'Djibouti Franc',\r\n\t\tcountry: 'Djibouti'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'DKK',\r\n\t\tsymbol: 'kr',\r\n\t\tdigitalCode: '208',\r\n\t\tname: 'Danish Krone',\r\n\t\tcountry: 'Denmark'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'DOP',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '214',\r\n\t\tname: 'Dominican Peso',\r\n\t\tcountry: 'Dominican Republic'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'DZD',\r\n\t\tsymbol: 'د.ج',\r\n\t\tdigitalCode: '012',\r\n\t\tname: 'Algerian Dinar',\r\n\t\tcountry: 'Algeria'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EGP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '818',\r\n\t\tname: 'Egyptian Pound',\r\n\t\tcountry: 'Egypt'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ERN',\r\n\t\tsymbol: 'Nfk',\r\n\t\tdigitalCode: '232',\r\n\t\tname: 'Nakfa',\r\n\t\tcountry: 'Eritrea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ETB',\r\n\t\tsymbol: '',\r\n\t\tdigitalCode: '230',\r\n\t\tname: 'Ethiopian Birr',\r\n\t\tcountry: 'Ethiopia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Akrotiri and Dhekelia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Andorra'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Austria'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Belgium'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Cyprus'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Estonia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Finland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'France'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Germany'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Greece'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Ireland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Italy'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Kosovo'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Latvia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Lithuania'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Luxembourg'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Malta'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Monaco'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Montenegro'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Netherlands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Portugal'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'San-Marino'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Slovakia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Slovenia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Spain'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'EUR',\r\n\t\tsymbol: '€',\r\n\t\tdigitalCode: '978',\r\n\t\tname: 'Euro',\r\n\t\tcountry: 'Vatican'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'FJD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '242',\r\n\t\tname: 'Fiji Dollar',\r\n\t\tcountry: 'Fiji'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'FKP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '238',\r\n\t\tname: 'Falkland Islands Pound',\r\n\t\tcountry: 'Falkland Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GBP',\r\n\t    symbol: '£',\r\n\t\tdigitalCode: '826',\r\n\t\tname: 'Pound Sterling',\r\n\t\tcountry: 'Alderney',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GBP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '826',\r\n\t\tname: 'Pound Sterling',\r\n\t\tcountry: 'British Indian Ocean Territory',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GBP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '826',\r\n\t\tname: 'Pound Sterling',\r\n\t\tcountry: 'Great Britain',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GBP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '826',\r\n\t\tname: 'Pound Sterling',\r\n\t\tcountry: 'Isle of Maine',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GEL',\r\n\t\tsymbol: 'ლ',\r\n\t\tdigitalCode: '981',\r\n\t\tname: 'Lari',\r\n\t\tcountry: 'Georgia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GEL',\r\n\t\tsymbol: 'ლ',\r\n\t\tdigitalCode: '981',\r\n\t\tname: 'Lari',\r\n\t\tcountry: 'South Ossetia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GHS',\r\n\t\tsymbol: '₵',\r\n\t\tdigitalCode: '936',\r\n\t\tname: 'Cedi',\r\n\t\tcountry: 'Ghana'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GIP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '292',\r\n\t\tname: 'Gibraltar Pound',\r\n\t\tcountry: 'Gibraltar'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GMD',\r\n\t\tsymbol: 'D',\r\n\t\tdigitalCode: '270',\r\n\t\tname: 'Dalasi',\r\n\t\tcountry: 'Gambia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GNF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '324',\r\n\t\tname: 'Guinea Franc',\r\n\t\tcountry: 'Guinea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GTQ',\r\n\t\tsymbol: 'Q',\r\n\t\tdigitalCode: '320',\r\n\t\tname: 'Quetzal',\r\n\t\tcountry: 'Guatemala'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'GYD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '328',\r\n\t\tname: 'Guyana Dollar',\r\n\t\tcountry: 'Guyana'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'HKD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '344',\r\n\t\tname: 'Hong Kong Dollar',\r\n\t\tcountry: 'Hong Kong'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'HNL',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '340',\r\n\t\tname: 'Lempira',\r\n\t\tcountry: 'Honduras'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'HRK',\r\n\t\tsymbol: 'Kn',\r\n\t\tdigitalCode: '191',\r\n\t\tname: 'Croatian Kuna',\r\n\t\tcountry: 'Croatia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'HTG',\r\n\t\tsymbol: 'G',\r\n\t\tdigitalCode: '332',\r\n\t\tname: 'Gourde',\r\n\t\tcountry: 'Haiti'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'HUF',\r\n\t\tsymbol: 'Ft',\r\n\t\tdigitalCode: '348',\r\n\t\tname: 'Forint',\r\n\t\tcountry: 'Hungary'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'IDR',\r\n\t\tsymbol: 'Rp',\r\n\t\tdigitalCode: '360',\r\n\t\tname: 'Rupiah',\r\n\t\tcountry: 'Indonesia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ILS',\r\n\t\tsymbol: '₪',\r\n\t\tdigitalCode: '376',\r\n\t\tname: 'New Israeli Shekel',\r\n\t\tcountry: 'Israel'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ILS',\r\n\t\tsymbol: '₪',\r\n\t\tdigitalCode: '376',\r\n\t\tname: 'New Israeli Shekel',\r\n\t\tcountry: 'Palestine'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'INR',\r\n\t\tsymbol: '₹',\r\n\t\tdigitalCode: '356',\r\n\t\tname: 'Indian Rupee',\r\n\t\tcountry: 'Bhutan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'INR',\r\n\t\tsymbol: '₹',\r\n\t\tdigitalCode: '356',\r\n\t\tname: 'Indian Rupee',\r\n\t\tcountry: 'India'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'IQD',\r\n\t\tsymbol: 'ع.د',\r\n\t\tdigitalCode: '368',\r\n\t\tname: 'Iraqi Dinar',\r\n\t\tcountry: 'Iraq'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'IRR',\r\n\t\tsymbol: '﷼',\r\n\t\tdigitalCode: '364',\r\n\t\tname: 'Iranian Rial',\r\n\t\tcountry: 'Iran'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ISK',\r\n\t\tsymbol: 'Kr',\r\n\t\tdigitalCode: '352',\r\n\t\tname: 'Iceland Krona',\r\n\t\tcountry: 'Iceland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'JMD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '388',\r\n\t\tname: 'Jamaican Dollar',\r\n\t\tcountry: 'Jamaica'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'JOD',\r\n\t\tsymbol: 'د.ا',\r\n\t\tdigitalCode: '400',\r\n\t\tname: 'Jordanian Dinar',\r\n\t\tcountry: 'Jordan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'JPY',\r\n\t\tsymbol: '¥',\r\n\t\tdigitalCode: '392',\r\n\t\tname: 'Yen',\r\n\t\tcountry: 'Japan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KES',\r\n\t\tsymbol: 'Sh',\r\n\t\tdigitalCode: '404',\r\n\t\tname: 'Kenyan Shilling',\r\n\t\tcountry: 'Kenya'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KGS',\r\n\t\tsymbol: '',\r\n\t\tdigitalCode: '417',\r\n\t\tname: 'Som',\r\n\t\tcountry: 'Kyrgyzstan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KHR',\r\n\t\tsymbol: '៛',\r\n\t\tdigitalCode: '116',\r\n\t\tname: 'Riel',\r\n\t\tcountry: 'Cambodia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KPW',\r\n\t\tsymbol: '₩',\r\n\t\tdigitalCode: '408',\r\n\t\tname: 'North Korean Won',\r\n\t\tcountry: 'North Korea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KRW',\r\n\t\tsymbol: '₩',\r\n\t\tdigitalCode: '410',\r\n\t\tname: 'South Korean Won',\r\n\t\tcountry: 'South Korea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KWD',\r\n\t\tsymbol: 'د.ك',\r\n\t\tdigitalCode: '414',\r\n\t\tname: 'Kuwaiti Dinar',\r\n\t\tcountry: 'Kuwait'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KYD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '136',\r\n\t\tname: 'Cayman Islands Dollar',\r\n\t\tcountry: 'Cayman Islands',\r\n\t},\r\n\t{\r\n\t\tcurrency: 'KZT',\r\n\t\tsymbol: '〒',\r\n\t\tdigitalCode: '398',\r\n\t\tname: 'Tenge',\r\n\t\tcountry: 'Kazakhstan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LAK',\r\n\t\tsymbol: '₭',\r\n\t\tdigitalCode: '418',\r\n\t\tname: 'Kip',\r\n\t\tcountry: 'Laos'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LBP',\r\n\t\tsymbol: 'ل.ل',\r\n\t\tdigitalCode: '422',\r\n\t\tname: 'Lebanese Pound',\r\n\t\tcountry: 'Lebanon'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LKR',\r\n\t\tsymbol: 'Rs',\r\n\t\tdigitalCode: '144',\r\n\t\tname: 'Sri Lanka Rupee',\r\n\t\tcountry: 'Sri Lanka'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LRD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '430',\r\n\t\tname: 'Liberian Dollar',\r\n\t\tcountry: 'Liberia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LSL',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '426',\r\n\t\tname: 'Loti',\r\n\t\tcountry: 'Lesotho'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'LYD',\r\n\t\tsymbol: 'ل.د',\r\n\t\tdigitalCode: '434',\r\n\t\tname: 'Libyan Dinar',\r\n\t\tcountry: 'Libya'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MAD',\r\n\t\tsymbol: 'د.م.',\r\n\t\tdigitalCode: '504',\r\n\t\tname: 'Moroccan Dirham',\r\n\t\tcountry: 'Morocco'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MDL',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '498',\r\n\t\tname: 'Moldovan Leu',\r\n\t\tcountry: 'Moldova'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MGA',\r\n\t\tsymbol: '',\r\n\t\tdigitalCode: '969',\r\n\t\tname: 'Malagasy Ariary',\r\n\t\tcountry: 'Madagascar'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MKD',\r\n\t\tsymbol: 'ден',\r\n\t\tdigitalCode: '807',\r\n\t\tname: 'Denar',\r\n\t\tcountry: 'Macedonia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MMK',\r\n\t\tsymbol: 'K',\r\n\t\tdigitalCode: '104',\r\n\t\tname: 'Kyat',\r\n\t\tcountry: 'Myanmar (Burma)'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MNT',\r\n\t\tsymbol: '₮',\r\n\t\tdigitalCode: '496',\r\n\t\tname: 'Tugrik',\r\n\t\tcountry: 'Mongolia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MOP',\r\n\t\tsymbol: 'P',\r\n\t\tdigitalCode: '446',\r\n\t\tname: 'Pataca',\r\n\t\tcountry: 'Macao'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MRU',\r\n\t\tsymbol: 'UM',\r\n\t\tdigitalCode: '929',\r\n\t\tname: 'Ouguiya',\r\n\t\tcountry: 'Mauritania'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MUR',\r\n\t\tsymbol: '₨',\r\n\t\tdigitalCode: '480',\r\n\t\tname: 'Mauritius Rupee',\r\n\t\tcountry: 'Mauritius'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MVR',\r\n\t\tsymbol: 'ރ.',\r\n\t\tdigitalCode: '462',\r\n\t\tname: 'Rufiyaa',\r\n\t\tcountry: 'Maldives'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MWK',\r\n\t\tsymbol: 'MK',\r\n\t\tdigitalCode: '454',\r\n\t\tname: 'Kwacha',\r\n\t\tcountry: 'Malawi'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MXN',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '484',\r\n\t\tname: 'Mexican Peso',\r\n\t\tcountry: 'Mexico'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MYR',\r\n\t\tsymbol: 'RM',\r\n\t\tdigitalCode: '458',\r\n\t\tname: 'Malaysian Ringgit',\r\n\t\tcountry: 'Malaysia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'MZN',\r\n\t\tsymbol: 'MTn',\r\n\t\tdigitalCode: '943',\r\n\t\tname: 'Metical',\r\n\t\tcountry: 'Mozambique'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NAD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '516',\r\n\t\tname: 'Namibia Dollar',\r\n\t\tcountry: 'Namibia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NGN',\r\n\t\tsymbol: '₦',\r\n\t\tdigitalCode: '566',\r\n\t\tname: 'Naira',\r\n\t\tcountry: 'Nigeria'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NIO',\r\n\t\tsymbol: 'C$',\r\n\t\tdigitalCode: '558',\r\n\t\tname: 'Cordoba Oro',\r\n\t\tcountry: 'Nicaragua'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NOK',\r\n\t\tsymbol: 'kr',\r\n\t\tdigitalCode: '578',\r\n\t\tname: 'Norwegian Krone',\r\n\t\tcountry: 'Norway'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NPR',\r\n\t\tsymbol: '₨',\r\n\t\tdigitalCode: '524',\r\n\t\tname: 'Nepalese Rupee',\r\n\t\tcountry: 'Nepal'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '554',\r\n\t\tname: 'New Zealand Dollar',\r\n\t\tcountry: 'Cook Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '554',\r\n\t\tname: 'New Zealand Dollar',\r\n\t\tcountry: 'Cook Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '554',\r\n\t\tname: 'New Zealand Dollar',\r\n\t\tcountry: 'New Zealand'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '554',\r\n\t\tname: 'New Zealand Dollar',\r\n\t\tcountry: 'Niue'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'NZD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '554',\r\n\t\tname: 'New Zealand Dollar',\r\n\t\tcountry: 'Pitcairn Island'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'OMR',\r\n\t\tsymbol: 'ر.ع.',\r\n\t\tdigitalCode: '512',\r\n\t\tname: 'Rial Omani',\r\n\t\tcountry: 'Oman'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PAB',\r\n\t\tsymbol: 'B/.',\r\n\t\tdigitalCode: '590',\r\n\t\tname: 'Balboa',\r\n\t\tcountry: 'Panama'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PEN',\r\n\t\tsymbol: 'S/.',\r\n\t\tdigitalCode: '604',\r\n\t\tname: 'Nuevo Sol',\r\n\t\tcountry: 'Peru'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PGK',\r\n\t\tsymbol: 'K',\r\n\t\tdigitalCode: '598',\r\n\t\tname: 'Kina',\r\n\t\tcountry: 'Papua New Guinea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PHP',\r\n\t\tsymbol: '₱',\r\n\t\tdigitalCode: '608',\r\n\t\tname: 'Philippine Peso',\r\n\t\tcountry: 'Philippines'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PKR',\r\n\t\tsymbol: '₨',\r\n\t\tdigitalCode: '586',\r\n\t\tname: 'Pakistan Rupee',\r\n\t\tcountry: 'Pakistan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PLN',\r\n\t\tsymbol: 'zł',\r\n\t\tdigitalCode: '985',\r\n\t\tname: 'PZloty',\r\n\t\tcountry: 'Poland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'PYG',\r\n\t\tsymbol: '₲',\r\n\t\tdigitalCode: '600',\r\n\t\tname: 'Guarani',\r\n\t\tcountry: 'Paraguay'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'QAR',\r\n\t\tsymbol: 'ر.ق',\r\n\t\tdigitalCode: '634',\r\n\t\tname: 'Qatari Rial',\r\n\t\tcountry: 'Qatar'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RON',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '946',\r\n\t\tname: 'Leu',\r\n\t\tcountry: 'Romania'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RSD',\r\n\t\tsymbol: 'din',\r\n\t\tdigitalCode: '941',\r\n\t\tname: 'Serbian Dinar',\r\n\t\tcountry: 'Kosovo'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RSD',\r\n\t\tsymbol: 'din',\r\n\t\tdigitalCode: '941',\r\n\t\tname: 'Serbian Dinar',\r\n\t\tcountry: 'Serbia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RUB',\r\n\t\tsymbol: 'р. ',\r\n\t\tdigitalCode: '643',\r\n\t\tname: 'Russian Ruble',\r\n\t\tcountry: 'Russia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RUB',\r\n\t\tsymbol: 'р. ',\r\n\t\tdigitalCode: '643',\r\n\t\tname: 'Russian Ruble',\r\n\t\tcountry: 'South Ossetia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'RWF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '646',\r\n\t\tname: 'Rwanda Franc',\r\n\t\tcountry: 'Rwanda'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SAR',\r\n\t\tsymbol: 'ر.س',\r\n\t\tdigitalCode: '682',\r\n\t\tname: 'Saudi Riyal',\r\n\t\tcountry: 'Saudi Arabia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SBD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '090',\r\n\t\tname: 'Solomon Islands Dollar',\r\n\t\tcountry: 'Solomon Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SCR',\r\n\t\tsymbol: '₨',\r\n\t\tdigitalCode: '690',\r\n\t\tname: 'Seychelles Rupee',\r\n\t\tcountry: 'Seychelles'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SDG',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '938',\r\n\t\tname: 'Sudanese Pound',\r\n\t\tcountry: 'Sudan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SEK',\r\n\t\tsymbol: 'kr',\r\n\t\tdigitalCode: '752',\r\n\t\tname: 'Swedish Krona',\r\n\t\tcountry: 'Sweden'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SGD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '702',\r\n\t\tname: 'Singapore Dollar',\r\n\t\tcountry: 'Brunei'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SGD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '702',\r\n\t\tname: 'Singapore Dollar',\r\n\t\tcountry: 'Singapore'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SHP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '654',\r\n\t\tname: 'Saint Helena Pound',\r\n\t\tcountry: 'Ascension Island'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SHP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '654',\r\n\t\tname: 'Saint Helena Pound',\r\n\t\tcountry: 'Saint Helena'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SHP',\r\n\t\tsymbol: '£',\r\n\t\tdigitalCode: '654',\r\n\t\tname: 'Saint Helena Pound',\r\n\t\tcountry: 'Tristan da Cunha'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SLL',\r\n\t\tsymbol: 'Le',\r\n\t\tdigitalCode: '694',\r\n\t\tname: 'Leone',\r\n\t\tcountry: 'Sierra Leone'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SOS',\r\n\t\tsymbol: 'Sh',\r\n\t\tdigitalCode: '706',\r\n\t\tname: 'Somali Shilling',\r\n\t\tcountry: 'Somalia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SRD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '968',\r\n\t\tname: 'Suriname Dollar',\r\n\t\tcountry: 'Suriname'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'STN',\r\n\t\tsymbol: 'Db',\r\n\t\tdigitalCode: '930',\r\n\t\tname: 'Dobra',\r\n\t\tcountry: 'Sao Tome and Principe'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SYP',\r\n\t\tsymbol: 'ل.س',\r\n\t\tdigitalCode: '760',\r\n\t\tname: 'Syrian Pound',\r\n\t\tcountry: 'Syria'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'SZL',\r\n\t\tsymbol: 'L',\r\n\t\tdigitalCode: '748',\r\n\t\tname: 'Lilangeni',\r\n\t\tcountry: 'Swaziland'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'THB',\r\n\t\tsymbol: '฿',\r\n\t\tdigitalCode: '764',\r\n\t\tname: 'Baht',\r\n\t\tcountry: 'Thailand'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TJS',\r\n\t\tsymbol: 'ЅМ',\r\n\t\tdigitalCode: '972',\r\n\t\tname: 'Somoni',\r\n\t\tcountry: 'Tajikistan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TMT',\r\n\t\tsymbol: 'm',\r\n\t\tdigitalCode: '934',\r\n\t\tname: 'Manat',\r\n\t\tcountry: 'Turkmenistan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TND',\r\n\t\tsymbol: 'د.ت',\r\n\t\tdigitalCode: '788',\r\n\t\tname: 'Tunisian Dinar',\r\n\t\tcountry: 'Tunisia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TOP',\r\n\t\tsymbol: 'T$',\r\n\t\tdigitalCode: '776',\r\n\t\tname: 'Pa’anga',\r\n\t\tcountry: 'Tonga'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TRY',\r\n\t\tsymbol: '₤',\r\n\t\tdigitalCode: '949',\r\n\t\tname: 'Turkish Lira',\r\n\t\tcountry: 'North Cyprus'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TRY',\r\n\t\tsymbol: '₤',\r\n\t\tdigitalCode: '949',\r\n\t\tname: 'Turkish Lira',\r\n\t\tcountry: 'Turkey'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TTD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '780',\r\n\t\tname: 'Trinidad and Tobago Dollar',\r\n\t\tcountry: 'Trinidad and Tobago'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TWD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '901',\r\n\t\tname: 'Taiwan Dollar',\r\n\t\tcountry: 'Taiwan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'TZS',\r\n\t\tsymbol: 'Sh',\r\n\t\tdigitalCode: '834',\r\n\t\tname: 'Tanzanian Shilling',\r\n\t\tcountry: 'Tanzania'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'UAH',\r\n\t\tsymbol: '₴',\r\n\t\tdigitalCode: '980',\r\n\t\tname: 'Hryvnia',\r\n\t\tcountry: 'Ukraine'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'UGX',\r\n\t\tsymbol: 'Sh',\r\n\t\tdigitalCode: '800',\r\n\t\tname: 'Uganda Shilling',\r\n\t\tcountry: 'Uganda'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'American Samoa'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'British Indian Ocean Territory'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'British Virgin Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Guam'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Haiti'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Marshall Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Micronesia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Northern Mariana Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Pacific Remote islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Palau'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Panama'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Puerto Rico'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'Turks and Caicos Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'United States of America'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'USD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '840',\r\n\t\tname: 'US Dollar',\r\n\t\tcountry: 'US Virgin Islands'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'UYU',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '858',\r\n\t\tname: 'Peso Uruguayo',\r\n\t\tcountry: 'Uruguay'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'UZS',\r\n\t\tsymbol: '',\r\n\t\tdigitalCode: '860',\r\n\t\tname: 'Uzbekistan Sum',\r\n\t\tcountry: 'Uzbekistan'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'VEF',\r\n\t\tsymbol: 'Bs F',\r\n\t\tdigitalCode: '937',\r\n\t\tname: 'Bolivar Fuerte',\r\n\t\tcountry: 'Venezuela'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'VND',\r\n\t\tsymbol: '₫',\r\n\t\tdigitalCode: '704',\r\n\t\tname: 'Dong',\r\n\t\tcountry: 'Vietnam'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'VUV',\r\n\t\tsymbol: 'Vt',\r\n\t\tdigitalCode: '548',\r\n\t\tname: 'Vatu',\r\n\t\tcountry: 'Vanuatu'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'WST',\r\n\t\tsymbol: 'T',\r\n\t\tdigitalCode: '882',\r\n\t\tname: 'Tala',\r\n\t\tcountry: 'Samoa'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Benin'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Burkina Faso'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Cameroon'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Central African Republic'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Chad'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Congo (Brazzaville)'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: `Côte d'Ivoire`\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Equatorial Guinea'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Gabon'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Guinea-Bissau'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Mali'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Niger'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Senegal'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XAF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '950',\r\n\t\tname: 'CFA Franc BCEAO',\r\n\t\tcountry: 'Togo'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Anguilla'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Antigua and Barbuda'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Dominica'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Grenada'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Montserrat'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Saint Kitts and Nevis'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Saint Lucia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XCD',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '951',\r\n\t\tname: 'East Caribbean Dollar',\r\n\t\tcountry: 'Saint Vincent and Grenadine'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XPF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '953',\r\n\t\tname: 'CFP Franc',\r\n\t\tcountry: 'French Polynesia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XPF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '953',\r\n\t\tname: 'CFP Franc',\r\n\t\tcountry: 'New Caledonia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'XPF',\r\n\t\tsymbol: '₣',\r\n\t\tdigitalCode: '953',\r\n\t\tname: 'CFP Franc',\r\n\t\tcountry: 'Wallis and Futuna'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'YER',\r\n\t\tsymbol: '﷼',\r\n\t\tdigitalCode: '886',\r\n\t\tname: 'Yemeni Rial',\r\n\t\tcountry: 'Yemen'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ZAR',\r\n\t\tsymbol: 'R',\r\n\t\tdigitalCode: '710',\r\n\t\tname: 'Rand',\r\n\t\tcountry: 'Lesotho'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ZAR',\r\n\t\tsymbol: 'R',\r\n\t\tdigitalCode: '710',\r\n\t\tname: 'Rand',\r\n\t\tcountry: 'Namibia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ZAR',\r\n\t\tsymbol: 'R',\r\n\t\tdigitalCode: '710',\r\n\t\tname: 'Rand',\r\n\t\tcountry: 'South Africa'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ZMW',\r\n\t\tsymbol: 'ZK',\r\n\t\tdigitalCode: '967',\r\n\t\tname: 'Zambian Kwacha',\r\n\t\tcountry: 'Zambia'\r\n\t},\r\n\t{\r\n\t\tcurrency: 'ZWL',\r\n\t\tsymbol: '$',\r\n\t\tdigitalCode: '932',\r\n\t\tname: 'Zimbabwe Dollar',\r\n\t\tcountry: 'Zimbabwe'\r\n\t}\r\n\t\t\t\t\t\r\n];","import React from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { RvButtonFabric, RvButtonType } from '../components/Button';\r\nimport { RvLabel, LabelStyle } from '../components/Label/Label';\r\nimport { mainTheme } from '../Theme';\r\nimport VideoLibraryOutlinedIcon from '@material-ui/icons/VideoLibraryOutlined';\r\nimport { Button } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      width: '100%',\r\n      padding: '0 15px'\r\n    },\r\n    container: {},\r\n    buttonContainer: {\r\n      position: 'relative',\r\n      padding: '15px 80px',\r\n      display: 'flex',\r\n      // justifyContent: 'space-between',\r\n      alignItems: 'center',\r\n      color: mainTheme.BrandColors.TextPrimary,\r\n      '@media (max-width: 1024px)': {\r\n        padding: '15px 30px'\r\n      },\r\n      '& .rvlabel': {\r\n        // paddingLeft: '82px',\r\n        flex: 1,\r\n        fontFamily: mainTheme.Font.Main,\r\n        fontSize: mainTheme.FontSize.PX.size8,\r\n        letterSpacing: '0.86px',\r\n        lineHeight: mainTheme.LineHeight.ExtraLarge\r\n      },\r\n      '& .back-button': {\r\n        paddingRight: '32px',\r\n        // position: 'absolute',\r\n        // top: '50%',\r\n        // transform: 'translateY(-50%)',\r\n        '& .ms-Button': {\r\n          width: '50px',\r\n          height: '50px'\r\n        },\r\n        '& .ms-Button-icon': {\r\n          fontSize: mainTheme.FontSize.PX.size10,\r\n          color: mainTheme.BrandColors.TemplatePrimary\r\n        }\r\n      }\r\n    },\r\n    buttonGroupWrapper: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      margin: '0 -10px',\r\n      '& > button': {\r\n          margin: '0 10px',\r\n      }\r\n    },\r\n    button: {\r\n      margin: '0 10px',\r\n      textTransform: 'none',\r\n      fontSize: '14px',\r\n    }\r\n  })\r\n);\r\n\r\ninterface BannerProps {\r\n  title: string;\r\n  onClickBack?: () => void;\r\n  onLearnMore?: () => void;\r\n}\r\n\r\nexport const FirmSettingConfigurationBanner: React.FC<BannerProps> = ({\r\n  title,\r\n  onClickBack,\r\n  onLearnMore\r\n}) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <div className={classes.container}>\r\n        <div className={classes.buttonContainer}>\r\n          <RvButtonFabric\r\n            rvKey=\"close\"\r\n            rvbuttonType={RvButtonType.icon}\r\n            onClick={onClickBack}\r\n            rvIcon={'NavigateForwardMirrored'}\r\n            rvClassName=\"back-button\"\r\n          />\r\n          <RvLabel label={title} style={LabelStyle.Heading4} />\r\n          <div className={classes.buttonGroupWrapper}>\r\n          {onLearnMore && (\r\n            <Button \r\n                variant=\"text\" \r\n                color=\"primary\"\r\n                size=\"small\"\r\n                className={classes.button}\r\n                onClick={onLearnMore}\r\n                startIcon={<VideoLibraryOutlinedIcon />}\r\n            >\r\n                Learn More\r\n            </Button>\r\n          )}\r\n        </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import { FetchPolicy } from 'apollo-client';\r\nimport gql from 'graphql-tag';\r\nimport { client } from '..';\r\n\r\nexport const EventsAndCampginQuery = gql`\r\nquery eventandcampaign(\r\n    $offset: Int, \r\n    $first: Int, \r\n    $filter: String, \r\n    $isIncludeCompleted: Boolean, \r\n    $excludeDataTracking: Boolean,\r\n    $category: String,\r\n    $responsible: String,\r\n    $typeList: String,\r\n    $statusList: String,\r\n    $startDateFrom: DateTime,\r\n    $startDateTo: DateTime\r\n) {\r\n    eventAndCampaign {\r\n        summaryList(\r\n            offset: $offset, \r\n            first: $first, \r\n            filter: $filter, \r\n            isIncludeCompleted: $isIncludeCompleted, \r\n            excludeDataTracking: $excludeDataTracking,\r\n            category: $category\r\n            responsible: $responsible\r\n            typeList: $typeList\r\n            statusList: $statusList\r\n            startDateFrom: $startDateFrom\r\n            startDateTo: $startDateTo\r\n        ) {\r\n            recordCount\r\n            actualRowCountForSearch\r\n            eventAndCampaignSummaries {\r\n                guid\r\n                name\r\n                category\r\n                type\r\n                typeGuid\r\n                startDate\r\n                endDate\r\n                rsvpDueDate\r\n                venue\r\n                availableSeats\r\n                positiveResponse\r\n                negativeResponse\r\n                noResponse\r\n                attended\r\n                status\r\n                statusGuid\r\n                inviteeCount\r\n                personResponsible\r\n                personResponsibleGuid\r\n                attendeeCost\r\n                notes\r\n                duration\r\n                isCompleted\r\n                attendedPercentage\r\n                acceptedPercentage\r\n                campaignDate\r\n                budgetedCost\r\n                enquiries\r\n                billing\r\n                costPerEnquiry\r\n                trackingFields {\r\n                    guid\r\n                    eventAndCampaignGuid\r\n                    trackingFieldId\r\n                    trackingValue\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n`;\r\n\r\nexport interface EventsAndCampaignQueryData {\r\n    eventAndCampaign: EventAndCampaign;\r\n}\r\n\r\nexport interface EventAndCampaign {\r\n    summaryList: SummaryList;\r\n}\r\n\r\nexport interface SummaryList {\r\n    recordCount:               number;\r\n    actualRowCountForSearch:   number;\r\n    eventAndCampaignSummaries: EventAndCampaignSummary[];\r\n}\r\n\r\nexport type TrackingField = {\r\n    guid:                 string;\r\n    eventAndCampaignGuid: string;\r\n    trackingFieldId:      number;\r\n    trackingValue:        string;\r\n}\r\n\r\nexport interface EventAndCampaignSummary {\r\n    guid:                  string;\r\n    name:                  string;\r\n    category:              number;\r\n    type:                  string;\r\n    typeGuid:              string;\r\n    startDate:             Date;\r\n    endDate:               Date;\r\n    rsvpDueDate:           Date;\r\n    venue:                 string;\r\n    availableSeats:        number;\r\n    positiveResponse:      number;\r\n    negativeResponse:      number;\r\n    noResponse:            number;\r\n    attended:              number;\r\n    status:                string;\r\n    statusGuid:            string;\r\n    inviteeCount:          number;\r\n    personResponsible:     string;\r\n    personResponsibleGuid: string;\r\n    attendeeCost:          number;\r\n    notes:                 string;\r\n    duration:              string;\r\n    isCompleted:           boolean;\r\n    attendedPercentage:    number;\r\n    acceptedPercentage:    number;\r\n    campaignDate:          Date;\r\n    budgetedCost:          number;\r\n    trackingFields:        TrackingField[];\r\n}\r\n\r\nexport interface EventsAndCampaignQueryParams {\r\n    offset: number | null;\r\n    first: number | null;\r\n    filter?: string | null;\r\n    isIncludeCompleted?: boolean;\r\n    excludeDataTracking?: boolean;\r\n    category?: string | null;\r\n    responsible?: string | null;\r\n    typeList?: string | null;\r\n    statusList?: string | null;\r\n    startDateFrom?: Date | null;\r\n    startDateTo?: Date | null;\r\n}\r\n\r\nexport function retrieveEventsAndCampaignData(\r\n    query: EventsAndCampaignQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: EventsAndCampaignQueryData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void,\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: EventsAndCampginQuery,\r\n            variables: {\r\n                offset: query.offset,\r\n                first: query.first,\r\n                filter: query.filter,\r\n                isIncludeCompleted: query.isIncludeCompleted,\r\n                excludeDataTracking: query.excludeDataTracking,\r\n                category: query.category,\r\n                responsible: query.responsible,\r\n                typeList: query.typeList,\r\n                statusList: query.statusList,\r\n                startDateFrom: query.startDateFrom,\r\n                startDateTo: query.startDateTo,\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nexport interface TrackingFieldInput {\r\n    trackingFieldId: number;\r\n    trackingValue: string;\r\n}\r\nexport interface CreateEventAndCampaignMutationInput {\r\n    category: number;\r\n    name: string;\r\n    eventAndCampaignTypeGuid?: string;\r\n    eventStatusGuid?: string;\r\n    responsibleGuid?: string;\r\n    startDate?: Date;\r\n    endDate?: Date;\r\n    rsvpDueDate?: Date;\r\n    availableSeats?: number;\r\n    attendeeCost?: number;\r\n    notes?: string;\r\n    venue?: string;\r\n    campaignDate?: Date;\r\n    duration?: string;\r\n    isCompleted?: boolean;\r\n    trackingFieldInput?: TrackingFieldInput[];\r\n    budgetedCost?: number;\r\n}\r\n\r\nexport interface CreateEventAndCampaignMutationParams {\r\n    input: CreateEventAndCampaignMutationInput;\r\n}\r\n\r\nexport interface EventsAndCampaignData {\r\n    eventsAndCampaign: EventsAndCampaign;\r\n}\r\n\r\nexport interface EventsAndCampaign {\r\n    create: EventAndCampaignResult;\r\n        update: EventAndCampaignResult;\r\n        delete: EventAndCampaignResult;\r\n}\r\n\r\nexport interface EventAndCampaignResult {\r\n    status: boolean;\r\n    error: null;\r\n}\r\n\r\nexport const CreateEventAndCampaignMutation = gql`\r\n\tmutation createEventAndCampaign($input: CreateEventAndCampaignInput) {\r\n\t\teventsAndCampaign {\r\n\t\t\tcreate(input: $input) {\r\n\t\t\t\tstatus\r\n\t\t\t\terror\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport interface UpdateEventAndCampaignMutationParams {\r\n    input: {\r\n        guid?: string;\r\n        category?: number;\r\n        name?: string;\r\n        eventAndCampaignTypeGuid?: string;\r\n        eventStatusGuid?: string;\r\n        responsibleGuid?: string;\r\n        startDate?: Date;\r\n        endDate?: Date;\r\n        rsvpDueDate?: Date;\r\n        availableSeats?: number;\r\n        attendeeCost?: number;\r\n        notes?: string;\r\n        venue?: string;\r\n    };\r\n}\r\n\r\nexport const UpdateEventsAndCampaignMutation = gql`\r\n\tmutation UpdateEventAndCampaign($input: UpdateEventAndCampaignInput) {\r\n\t\teventsAndCampaign {\r\n\t\t\tupdate(input: $input) {\r\n\t\t\t\tstatus\r\n\t\t\t\terror\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport interface DeleteEventAndCampaignMutationParams {\r\n    guid?: string;\r\n}\r\n\r\nexport const DeleteEventsAndCampaignMutation = gql`\r\n\tmutation DeleteEventCampaign(\r\n\t\t$guid: String\r\n\t\t) {\r\n\t\t\teventsAndCampaign {\r\n\t\t\t\tdelete(\r\n\t\t\t\t\tguid: $guid\r\n\t\t\t\t) {\r\n\t\t\t\t\tstatus\r\n\t\t\t\t\terror\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n`;\r\n\r\nexport const CreateEventsAndCampaignNotification = gql`\r\n\tsubscription createEventAndCampaign{\r\n\t\tcreateEventAndCampaignNotification{\r\n\t\t\tid\r\n\t\t\t\tmessage\r\n\t\t\t\tstatus\r\n\t\t\t\tdescription\r\n\t\t}\r\n\t\t\t}\r\n`;\r\n\r\nexport const UpdateEventsAndCampaignNotification = gql`\r\n\tsubscription updateEventAndCampaign{\r\n\t\tupdateEventAndCampaignNotification{\r\n\t\t\tid\r\n\t\t\t\tmessage\r\n\t\t\t\tstatus\r\n\t\t\t\tdescription\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const DeleteEventsAndCampaignNotification = gql`\r\n\tsubscription deleteEventAndCampaign{\r\n\t\tdeleteEventAndCampaignNotification{\r\n\t\t\tid\r\n\t\t\t\tmessage\r\n\t\t\t\tstatus\r\n\t\t\t\tdescription\r\n\t\t}\r\n\t}\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, createStyles, Grid, makeStyles, TextField, Theme } from '@material-ui/core';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { client } from '../..';\r\nimport { showNotification } from '../../App';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { retrieveEmailConfigData, SystemSettingsNamesData, UpdateEmailConfigMutation } from '../FirmSettingConfigurationRepository';\r\nimport { UserFeature, UserFeatureEnum } from '../../types/UserFeature';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    fromName: string | null;\r\n    replyTo: string | null;\r\n    sendEmailOnBehalfOf: string | null;\r\n    confirmationBcc: string | null;\r\n}\r\ninterface EmailingTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function EmailingTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<EmailingTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        fromName: null,\r\n        replyTo: null,\r\n        sendEmailOnBehalfOf: null,\r\n        confirmationBcc: null\r\n    });\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n    \r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n    \r\n    const fetchData = () => {\r\n        retrieveEmailConfigData(\r\n            true,\r\n            (data: SystemSettingsNamesData) => onEmailConfigRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onEmailConfigRetrieved = (data: SystemSettingsNamesData) => {\r\n        if (data && data.settings && data.settings.systems && data.settings.systems.emailDefaults && data.settings.systems.emailDefaults.config) {\r\n            \r\n            const {fromName, sendEmailOnBehalfOf, replyTo, confirmationBcc} = data.settings.systems.emailDefaults.config;\r\n            \r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    fromName: fromName,\r\n                    sendEmailOnBehalfOf: sendEmailOnBehalfOf,\r\n                    confirmationBcc: confirmationBcc,\r\n                    replyTo: replyTo,\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // const onTextFieldChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    //     const value = event.target.value;\r\n    //     const name = event.target.name;\r\n\r\n    //     setState((prevState) => {\r\n    //         return {\r\n    //             ...prevState,\r\n    //             [name]: value\r\n    //         };\r\n    //     });\r\n        \r\n    // };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n\r\n        setState((_prevState) => {\r\n            return {\r\n                ..._prevState,\r\n                onSubmitLoading: true\r\n            };\r\n        });\r\n\r\n        client\r\n            .mutate({\r\n                mutation: UpdateEmailConfigMutation,\r\n                variables: {\r\n                    sendEmailOnBehalfOf: values.sendEmailOnBehalfOf,\r\n                    fromName: values.fromName,\r\n                    replyTo: values.replyTo,\r\n                    confirmationBcc: values.confirmationBcc\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    showNotification(null, 'Successfully submitted', 'info');   \r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false\r\n                        };\r\n                    });  \r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update firm details', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Alert severity=\"info\">All fields are optional. If none are provided, the RedView defaults are used</Alert>\r\n                                    </Grid>\r\n                                    {UserFeature.HasAccess(UserFeatureEnum.hasEmailSendOrReplyDefinition) ? (\r\n                                        <Grid item={true} xs={12} md={12}>\r\n                                            <Field\r\n                                                name=\"sendEmailOnBehalfOf\"\r\n                                                // validate={required}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <TextField\r\n                                                        {...input}\r\n                                                        label=\"Send Email\"\r\n                                                        name=\"sendEmailOnBehalfOf\"\r\n                                                        className={classes.textField}\r\n                                                        error={meta.error && meta.touched}\r\n                                                        helperText={\r\n                                                            meta.error &&\r\n                                                            meta.touched\r\n                                                                ? 'Send Email is required'\r\n                                                                : 'Address to be sent on behalf of'\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                    ) : null}\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Field\r\n                                            name=\"fromName\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"From Name\"\r\n                                                    name=\"fromName\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'From Name is required'\r\n                                                            : 'The name of the sender to appear as from on emails'\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    {UserFeature.HasAccess(UserFeatureEnum.hasEmailSendOrReplyDefinition) ? (\r\n                                        <Grid item={true} xs={12} md={12}>\r\n                                            <Field\r\n                                                name=\"replyTo\"\r\n                                                // validate={required}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <TextField\r\n                                                        {...input}\r\n                                                        label=\"Reply To Email\"\r\n                                                        name=\"replyTo\"\r\n                                                        className={classes.textField}\r\n                                                        error={meta.error && meta.touched}\r\n                                                        helperText={\r\n                                                            meta.error &&\r\n                                                            meta.touched\r\n                                                                ? 'Reply To Email is required'\r\n                                                                : 'Reply are sent to this email address'\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                    ) : null}\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Field\r\n                                            name=\"confirmationBcc\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Confirmation/Acknowledgement BCC\"\r\n                                                    name=\"confirmationBcc\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n\r\n                                                            'Automatic BCC for confirmation/acknowledgement emails'\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { \r\n    Accordion, \r\n    AccordionDetails, \r\n    AccordionSummary, \r\n    Button, \r\n    Checkbox, \r\n    createStyles, \r\n    FormControl, \r\n    FormControlLabel, \r\n    FormGroup, \r\n    FormLabel, \r\n    Grid, \r\n    makeStyles, \r\n    Radio, \r\n    RadioGroup, \r\n    TextField, \r\n    Theme, \r\n    Typography \r\n} from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { MaterialUiPickersDate } from '@material-ui/pickers/typings/date';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { KeyboardTimePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { ReminderSelector } from '../../components/ReminderSelector';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport ScheduleIcon from '@material-ui/icons/Schedule';\r\nimport { mainTheme } from '../../Theme';\r\nimport MomentUtils from '@date-io/moment';\r\nimport { retrieveEnquiryDefaultConfigData, SystemSettingsNamesData, UpdateEnquiryDefaultConfigMutation } from '../FirmSettingConfigurationRepository';\r\nimport { showNotification } from '../../App';\r\nimport moment from 'moment';\r\nimport { client } from '../..';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport { UserFeature, UserFeatureEnum } from '../../types/UserFeature';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main\r\n        },\r\n        accordionDetails: {\r\n            flexFlow: 'column',\r\n        },\r\n        radioGroup: {\r\n            flexFlow: 'row wrap',\r\n        },\r\n        formControl: {\r\n            margin: '10px 0',\r\n        },\r\n        optionWrapper: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            gap: '10px',\r\n        },\r\n        optionContainer: {\r\n            flex: 1,\r\n        },\r\n        optionList: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            padding: '10px 0',\r\n            margin: '0 -5px',\r\n            '& > span': {\r\n                margin: '0 5px',\r\n            },\r\n            '& > div': {\r\n                margin: '0 5px',\r\n            }\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        reminderTextField: {\r\n            width: '30%'\r\n        },\r\n        radioIcon: {\r\n            color: mainTheme.BrandColors.TemplatePrimary\r\n        },\r\n        defaultMeetingLabel: {\r\n            marginTop: '10px',\r\n            marginRight: '10px'\r\n        }\r\n    })\r\n);\r\n\r\ninterface MandatoryFields {\r\n    isLocationFieldMandatory: boolean;\r\n    isSourceNotesMandatory: boolean;\r\n    isInternalNotesMandatory: boolean;\r\n    isNatureOfEnquiryMandatory: boolean;\r\n    isEventAndCampaignMandatory: boolean;\r\n}\r\n\r\ninterface FormState extends MandatoryFields {\r\n    dueDateOption: 'isManualEntry' | 'isCalculatedDays' | 'isCalculatedHours';\r\n    timeOfDay: MaterialUiPickersDate;\r\n    addDays: number;\r\n    addHours: number;\r\n    defaultMeetingLength: MaterialUiPickersDate;\r\n    reminder?: IAutoCompleteItem;\r\n    overdueReminder?: IAutoCompleteItem;\r\n    isSendReminderOnWeekend: boolean;\r\n    isSendInvitationToAssignee: boolean;\r\n    isSendInvitationToEnquirer: boolean;\r\n    isSendReminderOnWeekendForOverDueReminders: boolean;\r\n    \r\n    // unassigned enquiry notification\r\n    periodBeforeFirstUnassignedReminder?: IAutoCompleteItem;\r\n    periodAfterFirstUnassignedReminder?: IAutoCompleteItem;\r\n    isSendFistUnassignedReminderOnWeekends: Boolean;\r\n    isSendUnassignedAfterFirstReminderOnWeekends: Boolean;\r\n\r\n    periodMeetingDefaultReminder: IAutoCompleteItem;\r\n    isSendMeetingDefaultReminderEmail: boolean;\r\n    isSendMeetingDefaultReminderSms: boolean;\r\n}\r\ninterface EnquiryDefaultTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function EnquiryDefaultTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<EnquiryDefaultTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        dueDateOption: 'isManualEntry',\r\n        timeOfDay: null,\r\n        addDays: 0,\r\n        addHours: 0,\r\n        defaultMeetingLength: null,\r\n        reminder: { value: 'None', label: 'None' },\r\n        overdueReminder: { value: 'None', label: 'None' },\r\n        isSendReminderOnWeekend: false,\r\n        isSendInvitationToAssignee: true,\r\n        isSendInvitationToEnquirer: true,\r\n        isSendReminderOnWeekendForOverDueReminders: false,\r\n        isLocationFieldMandatory: false,\r\n        isSendFistUnassignedReminderOnWeekends: false,\r\n        isSendUnassignedAfterFirstReminderOnWeekends: false,\r\n        periodAfterFirstUnassignedReminder: { value: 'None', label: 'None' },\r\n        periodBeforeFirstUnassignedReminder: { value: 'None', label: 'None' },\r\n        isNatureOfEnquiryMandatory: false,\r\n        isInternalNotesMandatory: false,\r\n        isEventAndCampaignMandatory: false,\r\n        isSourceNotesMandatory: false,\r\n        periodMeetingDefaultReminder: { value: 'None', label: 'None'},\r\n        isSendMeetingDefaultReminderEmail: false,\r\n        isSendMeetingDefaultReminderSms: false\r\n    });\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchData = () => {\r\n        retrieveEnquiryDefaultConfigData(\r\n            true,\r\n            // tslint:disable-next-line: no-console\r\n            (data: SystemSettingsNamesData) => onEnquiryDefaultConfigRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onEnquiryDefaultConfigRetrieved = (data: SystemSettingsNamesData) => {\r\n        const config = data.settings.systems.enquiryDefaults.config;\r\n\r\n        const isTimeTodayValid =  moment(config.timeOfDay, 'hh:mm a').isValid();\r\n\r\n        const isDefaultMeetingLengthValid =  moment(config.defaultMeetingLength, 'HH:mm').isValid();\r\n\r\n        setFormState((prevFormState) => {\r\n\r\n            let dueDateOption: 'isManualEntry' | 'isCalculatedDays' | 'isCalculatedHours' = 'isManualEntry';\r\n\r\n            if (config.isCalculatedDays) {\r\n                dueDateOption = 'isCalculatedDays';\r\n            }\r\n\r\n            if (config.isCalculatedHours) {\r\n                dueDateOption = 'isCalculatedHours';\r\n            }\r\n\r\n            return {\r\n                ...prevFormState,\r\n                dueDateOption,\r\n                timeOfDay: isTimeTodayValid ? moment(config.timeOfDay, 'hh:mm a') : null,\r\n                addDays: config.addDays,\r\n                addHours: config.addHours,\r\n                defaultMeetingLength: isDefaultMeetingLengthValid ? moment(config.defaultMeetingLength, 'hh:mm') : null,\r\n                reminder: config.reminder ? { value: config.reminder, label: config.reminder } : formState.reminder,\r\n                overdueReminder: config.overdueReminder ? { value: config.overdueReminder, label: config.overdueReminder } : formState.overdueReminder,\r\n                isSendReminderOnWeekend: config.isSendReminderOnWeekend,\r\n                isSendInvitationToAssignee: config.isSendInvitationToAssignee,\r\n                isSendInvitationToEnquirer: config.isSendInvitationToEnquirer,\r\n                isSendReminderOnWeekendForOverDueReminders: config.isSendReminderOnWeekendForOverDueReminders,\r\n                isSendFistUnassignedReminderOnWeekends: config.isSendFistUnassignedReminderOnWeekends,\r\n                isSendUnassignedAfterFirstReminderOnWeekends: config.isSendUnassignedAfterFirstReminderOnWeekends,\r\n                periodAfterFirstUnassignedReminder: config.periodAfterFirstUnassignedReminder\r\n                    ? { value: config.periodAfterFirstUnassignedReminder, label: config.periodAfterFirstUnassignedReminder }\r\n                    : formState.periodAfterFirstUnassignedReminder,\r\n                periodBeforeFirstUnassignedReminder: config.periodBeforeFirstUnassignedReminder\r\n                    ? { value: config.periodBeforeFirstUnassignedReminder, label: config.periodBeforeFirstUnassignedReminder }\r\n                    : formState.periodBeforeFirstUnassignedReminder,\r\n                isLocationFieldMandatory: config.isLocationFieldMandatory,\r\n                isNatureOfEnquiryMandatory: config.isNatureOfEnquiryMandatory,\r\n                isInternalNotesMandatory: config.isInternalNotesMandatory,\r\n                isEventAndCampaignMandatory: config.isEventAndCampaignMandatory,\r\n                isSourceNotesMandatory: config.isSourceNotesMandatory,\r\n                periodMeetingDefaultReminder: config.periodMeetingDefaultReminder\r\n                ? { value: config.periodMeetingDefaultReminder, label: config.periodMeetingDefaultReminder }\r\n                : formState.periodMeetingDefaultReminder,\r\n                isSendMeetingDefaultReminderEmail: config.isSendMeetingDefaultReminderEmail,\r\n                isSendMeetingDefaultReminderSms: config.isSendMeetingDefaultReminderSms\r\n            };\r\n        });\r\n        setState((prevState) => {\r\n\r\n            return {\r\n                ...prevState,\r\n                isLoading: false\r\n            };\r\n        });\r\n\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: FormState) => {\r\n        // tslint:disable-next-line: no-console\r\n        // console.log('submit', values);\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        client\r\n        .mutate({\r\n            mutation: UpdateEnquiryDefaultConfigMutation,\r\n            variables: {\r\n                isManualEntry: values.dueDateOption === 'isManualEntry',\r\n                isCalculatedDays: values.dueDateOption === 'isCalculatedDays',\r\n                isCalculatedHours: values.dueDateOption === 'isCalculatedHours',\r\n                timeOfDay: moment(values.timeOfDay).format('HH:mm'),\r\n                addDays: values.addDays,\r\n                addHours: values.addHours,\r\n                defaultMeetingLength: moment(values.defaultMeetingLength).format('HH:mm'),\r\n                reminder: values.reminder ? values.reminder.value : 'None',\r\n                overdueReminder: values.overdueReminder ? values.overdueReminder.value : 'None',\r\n                isSendReminderOnWeekend: values.isSendReminderOnWeekend,\r\n                isSendInvitationToAssignee: values.isSendInvitationToAssignee,\r\n                isSendInvitationToEnquirer: values.isSendInvitationToEnquirer,\r\n                isSendReminderOnWeekendForOverDueReminders: values.isSendReminderOnWeekendForOverDueReminders,\r\n                isSendFistUnassignedReminderOnWeekends: values.isSendFistUnassignedReminderOnWeekends,\r\n                isSendUnassignedAfterFirstReminderOnWeekends: values.isSendUnassignedAfterFirstReminderOnWeekends,\r\n                periodAfterFirstUnassignedReminder: values.periodAfterFirstUnassignedReminder ? values.periodAfterFirstUnassignedReminder.value : 'None',\r\n                periodBeforeFirstUnassignedReminder: values.periodBeforeFirstUnassignedReminder ? values.periodBeforeFirstUnassignedReminder.value : 'None',\r\n                isLocationFieldMandatory: values.isLocationFieldMandatory,\r\n                isNatureOfEnquiryMandatory: values.isNatureOfEnquiryMandatory,\r\n                isInternalNotesMandatory: values.isInternalNotesMandatory,\r\n                isEventAndCampaignMandatory: values.isEventAndCampaignMandatory,\r\n                isSourceNotesMandatory: values.isSourceNotesMandatory,\r\n                periodMeetingDefaultReminder: values.periodMeetingDefaultReminder ? values.periodMeetingDefaultReminder.value : 'None',\r\n                isSendMeetingDefaultReminderEmail: values.isSendMeetingDefaultReminderEmail,\r\n                isSendMeetingDefaultReminderSms: values.isSendMeetingDefaultReminderSms\r\n            },\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');  \r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false\r\n                    };\r\n                });   \r\n\r\n                // reset the field and set to the current changes after saved.\r\n                form.setConfig('keepDirtyOnReinitialize', false);\r\n                form.batch(() => {\r\n                    form.reset(values);\r\n                });\r\n                form.setConfig('keepDirtyOnReinitialize', true);\r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update enquiry default', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const RadioComp = (compProps: any) => {\r\n\r\n        const { input } = compProps;        \r\n        return (\r\n            <Radio\r\n                {...input}\r\n                checkedIcon={<RadioButtonCheckedIcon className={classes.radioIcon} />}\r\n            />\r\n        );\r\n    };\r\n\r\n    return (\r\n        <MuiPickersUtilsProvider utils={MomentUtils}>\r\n            <div className={classes.root}>\r\n                {state.isLoading ? (\r\n                    <div className={classes.loaderWrapper}>\r\n                        <RvLoader />\r\n                    </div>\r\n                ) : (\r\n                    <Form\r\n                        onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}\r\n                        initialValues={formState}\r\n                        initialValuesEqual={() => true}\r\n                        keepDirtyOnReinitialize={true}\r\n                        subscription={{ submitting: true, pristine: true }}\r\n                        validate={(values: FormState) => {\r\n                            let errors = {\r\n                                addDays: '',\r\n                                addHours: '',\r\n                            };\r\n\r\n                            if (values.addDays && values.addDays < 0) {\r\n                                errors.addDays = 'Negative value is not allowed';\r\n                            }\r\n\r\n                            if (values.addHours && values.addHours < 0) {\r\n                                errors.addHours = 'Negative value is not allowed';\r\n                            }\r\n\r\n                            if (errors.addDays === '' && errors.addHours === '') {\r\n                                return undefined;\r\n                            }\r\n\r\n                            return errors;\r\n                        }}\r\n                        // debug={(values) => {\r\n                        //     // tslint:disable-next-line: no-console\r\n                        //     console.log('debug', values);\r\n                        // }}\r\n                        render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy\r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={(props) => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n\r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                                <Typography className={classes.heading}>Due Dates Default</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails className={classes.accordionDetails}>\r\n                                                <Alert severity=\"info\">All fields are optional. If none are provided, the RedView defaults are used</Alert>\r\n                                                <FormControl component=\"div\" className={classes.formControl}>\r\n                                                    <FormLabel component=\"legend\">Due Date Options</FormLabel>\r\n                                                    <RadioGroup className={classes.radioGroup}>\r\n                                                        <FormControlLabel\r\n                                                            control={<Field name=\"dueDateOption\" component={RadioComp} type=\"radio\" />}\r\n                                                            value={'isManualEntry'}\r\n                                                            label=\"Manual Entry\"\r\n                                                        />\r\n                                                        <FormControlLabel\r\n                                                            control={<Field name=\"dueDateOption\" component={RadioComp} type=\"radio\" />}\r\n                                                            value={'isCalculatedDays'}\r\n                                                            label=\"Calculated Days\"\r\n                                                        />\r\n                                                        <FormControlLabel\r\n                                                            control={<Field name=\"dueDateOption\" component={RadioComp} type=\"radio\" />}\r\n                                                            value={'isCalculatedHours'}\r\n                                                            label=\"Calculated Hours\"\r\n                                                        />\r\n                                                    </RadioGroup>\r\n                                                </FormControl>\r\n                                                <FormSpy subscription={{ values: true, validating: true }}>\r\n                                                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                                                    {({ values }) => (\r\n                                                        <>\r\n                                                            {values.dueDateOption === 'isManualEntry' && (\r\n                                                                <div className={classes.optionContainer}>\r\n                                                                    <Field\r\n                                                                        name=\"timeOfDay\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('timeOfDay')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <KeyboardTimePicker\r\n                                                                                {...input}\r\n                                                                                label=\"Default Time\"\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                size=\"small\"\r\n                                                                                variant=\"inline\"\r\n                                                                                keyboardIcon={<ScheduleIcon />}\r\n                                                                                InputLabelProps={{ shrink: true }}\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                </div>\r\n                                                            )}\r\n                                                            {values.dueDateOption === 'isCalculatedDays' && (\r\n                                                                <div className={classes.optionContainer}>\r\n                                                                    <div className={classes.optionList}>\r\n                                                                        <span className=\"text\">Add</span>\r\n                                                                        <Field name=\"addDays\" allowNull={true}>\r\n                                                                            {({ input, meta }) => (\r\n                                                                                <TextField\r\n                                                                                    {...input}\r\n                                                                                    label=\"Days\"\r\n                                                                                    error={meta.error && meta.touched}\r\n                                                                                    helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                    inputProps={{\r\n                                                                                        pattern: '[0-9]*',\r\n                                                                                    }}\r\n                                                                                    type=\"number\"\r\n                                                                                    size=\"small\"\r\n                                                                                    variant=\"outlined\"\r\n                                                                                />\r\n                                                                            )}\r\n                                                                        </Field>\r\n                                                                        <span className=\"text\">of working days to the current/time</span>\r\n                                                                    </div>\r\n                                                                    <div className={classes.optionList}>\r\n                                                                        <span className=\"text\">Optionally set time to </span>\r\n                                                                        <Field\r\n                                                                            name=\"timeOfDay\"\r\n                                                                            allowNull={true}\r\n                                                                            // validate={form.getFieldState('timeOfDay')?.value !== null ? required : undefined}\r\n                                                                        >\r\n                                                                            {({ input, meta }) => (\r\n                                                                                <KeyboardTimePicker\r\n                                                                                    {...input}\r\n                                                                                    label=\"Time of day\"\r\n                                                                                    error={meta.error && meta.touched}\r\n                                                                                    helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                    size=\"small\"\r\n                                                                                    variant=\"inline\"\r\n                                                                                    InputLabelProps={{ shrink: true }}\r\n                                                                                />\r\n                                                                            )}\r\n                                                                        </Field>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            )}\r\n                                                            {values.dueDateOption === 'isCalculatedHours' && (\r\n                                                                <div className={classes.optionContainer}>\r\n                                                                    <div className={classes.optionList}>\r\n                                                                        <span>Add</span>\r\n                                                                        <Field\r\n                                                                            name=\"addHours\"\r\n                                                                            allowNull={true}\r\n                                                                            // validate={form.getFieldState('addHours')?.value !== null ? required : undefined}\r\n                                                                        >\r\n                                                                            {({ input, meta }) => (\r\n                                                                                <TextField\r\n                                                                                    {...input}\r\n                                                                                    label=\"hours\"\r\n                                                                                    error={meta.error && meta.touched}\r\n                                                                                    helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                    inputProps={{\r\n                                                                                        pattern: '[0-9]*',\r\n                                                                                    }}\r\n                                                                                    type=\"number\"\r\n                                                                                    size=\"small\"\r\n                                                                                    variant=\"outlined\"\r\n                                                                                />\r\n                                                                            )}\r\n                                                                        </Field>\r\n                                                                        <span>to the current date/time</span>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            )}\r\n                                                        </>\r\n                                                    )}\r\n                                                </FormSpy>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                                <Typography className={classes.heading}>Follow Up Reminders</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails className={classes.accordionDetails}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <Typography>These fields define when reminders will be sent for enquiries.</Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <div className={classes.optionWrapper}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Set default reminder to</span>\r\n                                                                    <Field\r\n                                                                        name=\"reminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('reminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Reminder\"\r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                size=\"small\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">before follow up due</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                <FormGroup className={classes.radioGroup}>\r\n                                                                    <Field name=\"isSendReminderOnWeekend\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <FormControlLabel\r\n                                                                                control={\r\n                                                                                    <Checkbox\r\n                                                                                        {...input}\r\n                                                                                        checked={input.value}\r\n                                                                                        onChange={input.onChange}\r\n                                                                                        checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                    />\r\n                                                                                }\r\n                                                                                label=\"Send on Weekends\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                </FormGroup>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </Grid>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <div className={classes.optionWrapper}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Send repeat reminders every</span>\r\n                                                                    <Field\r\n                                                                        name=\"overdueReminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('overdueReminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Overdue Reminder\"\r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                size=\"small\"\r\n                                                                                isNoZeroMinutes={true}\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">after follow up is due</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                <FormGroup className={classes.radioGroup}>\r\n                                                                    <Field\r\n                                                                        name=\"isSendReminderOnWeekendForOverDueReminders\"\r\n                                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <FormControlLabel\r\n                                                                                control={\r\n                                                                                    <Checkbox\r\n                                                                                        {...input}\r\n                                                                                        checked={input.value}\r\n                                                                                        onChange={input.onChange}\r\n                                                                                        checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                    />\r\n                                                                                }\r\n                                                                                label=\"Send on Weekends\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                </FormGroup>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                                <Typography className={classes.heading}>Unassigned Enquiry Notification</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails className={classes.accordionDetails}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <Typography>\r\n                                                            These fields define when notifications will be sent for enquiries that remain unassigned. The delivery rules for the\r\n                                                            notifications are defined in Email Templates &gt; Unassigned Enquiry Notification\r\n                                                        </Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <div className={classes.optionWrapper}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Send your notification</span>\r\n                                                                    <Field\r\n                                                                        name=\"periodBeforeFirstUnassignedReminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('reminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Reminder\"\r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                size=\"small\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">after remaining unassigned</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                <FormGroup className={classes.radioGroup}>\r\n                                                                    <Field name=\"isSendFistUnassignedReminderOnWeekends\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <FormControlLabel\r\n                                                                                control={\r\n                                                                                    <Checkbox\r\n                                                                                        {...input}\r\n                                                                                        checked={input.value}\r\n                                                                                        onChange={input.onChange}\r\n                                                                                        checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                    />\r\n                                                                                }\r\n                                                                                label=\"Send on Weekends\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                </FormGroup>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </Grid>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <div className={classes.optionWrapper}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Send repeat reminders every</span>\r\n                                                                    <Field\r\n                                                                        name=\"periodAfterFirstUnassignedReminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('overdueReminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Overdue Reminder\"\r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                                size=\"small\"\r\n                                                                                isNoZeroMinutes={true}\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">after the first notifications</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                <FormGroup className={classes.radioGroup}>\r\n                                                                    <Field\r\n                                                                        name=\"isSendUnassignedAfterFirstReminderOnWeekends\"\r\n                                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <FormControlLabel\r\n                                                                                control={\r\n                                                                                    <Checkbox\r\n                                                                                        {...input}\r\n                                                                                        checked={input.value}\r\n                                                                                        onChange={input.onChange}\r\n                                                                                        checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                    />\r\n                                                                                }\r\n                                                                                label=\"Send on Weekends\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                </FormGroup>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n\r\n                                    {/* <Grid item={true} xs={12} md={12}>\r\n                                            <Accordion\r\n                                                defaultExpanded={true}\r\n                                            >\r\n                                                <AccordionSummary\r\n                                                    expandIcon={<ExpandMoreIcon />}\r\n                                                    aria-controls=\"panel1a-content\"\r\n                                                >\r\n                                                    <Typography className={classes.heading}>Follow Up Reminder Default</Typography>\r\n                                                </AccordionSummary>\r\n                                                <AccordionDetails className={classes.accordionDetails}>\r\n                                                    <Grid container={true} spacing={3}>\r\n                                                        <Grid md={12} item={true}>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <Field\r\n                                                                    name=\"isSendReminderOnWeekend\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Send reminder on weekend\" \r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </FormGroup>\r\n                                                        </Grid>\r\n                                                        <Grid md={12} item={true}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Send reminder</span>\r\n                                                                    <Field\r\n                                                                        name=\"reminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('reminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Reminder\" \r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={\r\n                                                                                    meta.error &&\r\n                                                                                    meta.touched\r\n                                                                                        ? meta.error\r\n                                                                                        : ''\r\n                                                                                }\r\n                                                                                size=\"small\"\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">before follow up due</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </Grid>\r\n                                                    </Grid>\r\n                                                </AccordionDetails>\r\n                                            </Accordion>\r\n                                        </Grid> */}\r\n\r\n                                    {/* <Grid item={true} xs={12} md={12}>\r\n                                            <Accordion\r\n                                                defaultExpanded={true}\r\n                                            >\r\n                                                <AccordionSummary\r\n                                                    expandIcon={<ExpandMoreIcon />}\r\n                                                    aria-controls=\"panel1a-content\"\r\n                                                >\r\n                                                    <Typography className={classes.heading}>Follow Up Overdue Reminder Default</Typography>\r\n                                                </AccordionSummary>\r\n                                                <AccordionDetails className={classes.accordionDetails}>\r\n                                                    <Grid container={true} spacing={3}>\r\n                                                        <Grid md={12} item={true}>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <Field\r\n                                                                    name=\"isSendReminderOnWeekendForOverDueReminders\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Send reminder on weekend\" \r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </FormGroup>\r\n                                                        </Grid>\r\n                                                        <Grid item={true} md={12}>\r\n                                                            <div className={classes.optionContainer}>\r\n                                                                <div className={classes.optionList}>\r\n                                                                    <span className=\"text\">Send overdue reminder</span>\r\n                                                                    <Field\r\n                                                                        name=\"overdueReminder\"\r\n                                                                        allowNull={true}\r\n                                                                        // validate={form.getFieldState('overdueReminder')?.value !== null ? required : undefined}\r\n                                                                    >\r\n                                                                        {({ input, meta }) => (\r\n                                                                            <ReminderSelector\r\n                                                                                {...input}\r\n                                                                                // label=\"Overdue Reminder\" \r\n                                                                                className={classes.reminderTextField}\r\n                                                                                onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                                    input.onChange(selection);\r\n                                                                                }}\r\n                                                                                error={meta.error && meta.touched}\r\n                                                                                helperText={\r\n                                                                                    meta.error &&\r\n                                                                                    meta.touched\r\n                                                                                        ? meta.error\r\n                                                                                        : ''\r\n                                                                                }\r\n                                                                                size=\"small\"\r\n                                                                                isNoZeroMinutes={true}\r\n                                                                            />\r\n                                                                        )}\r\n                                                                    </Field>\r\n                                                                    <span className=\"text\">after follow up due</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </Grid>\r\n                                                    </Grid>\r\n                                                </AccordionDetails>\r\n                                            </Accordion>\r\n                                        </Grid> */}\r\n\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                                <Typography className={classes.heading}>Meeting Defaults</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails className={classes.accordionDetails}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <FormGroup className={classes.radioGroup}>\r\n                                                            <Field name=\"isSendInvitationToAssignee\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Send confirmation email to staff member\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                            <Field name=\"isSendInvitationToEnquirer\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Send confirmation email to enquirer\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </FormGroup>\r\n                                                    </Grid>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <div className={classes.optionContainer}>\r\n                                                            <div className={classes.optionList}>\r\n                                                                <span className=\"text\">Default meeting length</span>\r\n                                                                <Field\r\n                                                                    name=\"defaultMeetingLength\"\r\n                                                                    allowNull={true}\r\n                                                                    // validate={form.getFieldState('defaultMeetingLength')?.value !== null ? required : undefined}\r\n                                                                >\r\n                                                                    {({ input, meta }) => (\r\n                                                                        <KeyboardTimePicker\r\n                                                                            {...input}\r\n                                                                            error={meta.error && meta.touched}\r\n                                                                            helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                            variant=\"inline\"\r\n                                                                            size=\"small\"\r\n                                                                            format=\"HH:mm\"\r\n                                                                            InputLabelProps={{ shrink: true }}\r\n                                                                            ampm={false}\r\n                                                                            keyboardIcon={<ScheduleIcon />}\r\n                                                                            required={true}\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className={classes.optionContainer}>\r\n                                                            <div className={classes.optionList}>\r\n                                                                <span className=\"text\">Set default reminder to</span>\r\n                                                                <Field\r\n                                                                    name=\"periodMeetingDefaultReminder\"\r\n                                                                    allowNull={true}\r\n                                                                    // validate={form.getFieldState('defaultMeetingLength')?.value !== null ? required : undefined}\r\n                                                                >\r\n                                                                    {({ input, meta }) => (\r\n                                                                        <ReminderSelector\r\n                                                                        {...input}\r\n                                                                        className={classes.reminderTextField}\r\n                                                                        onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                            input.onChange(selection);\r\n                                                                        }}\r\n                                                                        error={meta.error && meta.touched}\r\n                                                                        helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                        size=\"small\"\r\n                                                                        isNoZeroMinutes={true}\r\n                                                                    />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <Grid md={12} item={true}>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <span className={classes.defaultMeetingLabel}>Default send reminder options: </span>\r\n                                                                <Field name=\"isSendMeetingDefaultReminderEmail\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Email\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                {UserFeature.HasAccess(UserFeatureEnum.hasSmsIntegration) &&\r\n                                                                <Field name=\"isSendMeetingDefaultReminderSms\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"SMS\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                }\r\n                                                            </FormGroup>\r\n                                                        </Grid>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                                <Typography className={classes.heading}>Mandatory Fields</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails className={classes.accordionDetails}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <FormGroup className={classes.radioGroup}>\r\n                                                            <Field name=\"isLocationFieldMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Location\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n\r\n                                                            <Field name=\"isSourceNotesMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Source Notes\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n\r\n                                                            <Field name=\"isInternalNotesMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Internal Notes\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n\r\n                                                            <Field name=\"isEventAndCampaignMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Event and Campaign\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n\r\n                                                            <Field name=\"isNatureOfEnquiryMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Nature of Enquiry\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n\r\n                                                        </FormGroup>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button variant=\"outlined\" color=\"primary\" type=\"submit\" disabled={submitting || pristine || state.onSubmitLoading}>\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button variant=\"outlined\" color=\"primary\" type=\"button\" disabled={submitting || pristine} onClick={onReset(form)}>\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                                </Grid>\r\n                            </form>\r\n                        )}\r\n                    />\r\n                )}\r\n            </div>\r\n        </MuiPickersUtilsProvider>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\n// export function printJson(values: any) {\r\n//     if (values) {\r\n//         return (\r\n//             <>\r\n//                 <pre>\r\n//                     {JSON.stringify(values, undefined, 2)}\r\n//                 </pre>\r\n//             </>\r\n//         );\r\n//     } else {\r\n//         return (\r\n//             <>\r\n//                 <FormSpy subscription={{ values: true }}>\r\n//                     {/* tslint:disable-next-line: no-shadowed-variable */}\r\n//                     {({ values }) => (\r\n//                         <pre>\r\n//                             {JSON.stringify(values, undefined, 2)}\r\n//                             {/* <RenderCount /> */}\r\n//                         </pre>\r\n//                     )}\r\n//                 </FormSpy>\r\n//             </>\r\n//         );\r\n//     }\r\n// }\r\n","import React, { useState } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//   createStyles({\r\n//     root: {\r\n//         minWidth: '150px',\r\n//     },\r\n//   })\r\n// );\r\n\r\ninterface PasswordStrengthItem {\r\n    value: number;\r\n    label: string;\r\n}\r\n\r\ninterface PassowrdStrengtthSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    multiple?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: PasswordStrengthItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: IAutoCompleteItem | IAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties; \r\n    disablePortal?: boolean;\r\n    size?: 'small' | 'medium';\r\n}\r\n\r\ninterface PassowrdStrengtthSelectorState {\r\n    isLoading: boolean;\r\n    data: PasswordStrengthItem[];\r\n}\r\n\r\nexport const PassowrdStrengtthSelector: React.FC<PassowrdStrengtthSelectorProps> = props => {\r\n\r\n    // const classes = useStyles();\r\n\r\n    const [state] = useState<PassowrdStrengtthSelectorState>({\r\n        isLoading: false,\r\n        data: [\r\n            {\r\n                label: 'Basic',\r\n                value: 1\r\n            },\r\n            {\r\n                label: 'Good',\r\n                value: 2\r\n            },\r\n            {\r\n                label: 'Strong',\r\n                value: 3\r\n            },\r\n            {\r\n                label: 'Stronger',\r\n                value: 4\r\n            },\r\n            {\r\n                label: 'Very Strong',\r\n                value: 5\r\n            }\r\n        ],\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <>\r\n            { props.multiple ? \r\n                (\r\n                    <Autocomplete\r\n                        style={props.style}\r\n                        className={props.className}\r\n                        value={props.value}\r\n                        multiple={true}\r\n                        loading={state.isLoading}\r\n                        disabled={props.disabled}\r\n                        onChange={handleChange}\r\n                        options={state.data}\r\n                        disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        getOptionLabel={(option: IAutoCompleteItem) => option.label}                    \r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderInput={params => (\r\n                            <TextField \r\n                                {...params} \r\n                                label={props.label}\r\n                                variant=\"standard\" \r\n                                fullWidth={true} \r\n                                margin=\"none\" \r\n                                required={props.required}\r\n                                InputProps={getInputProps(params, state.isLoading)}\r\n                                error={props.error}      \r\n                                helperText={props.helperText}      \r\n                                size={props.size}                \r\n                            />\r\n                        )}\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderOption={(option, { inputValue }) => {\r\n                            const matches = match(option.label, inputValue);\r\n                            const parts = parse(option.label, matches);\r\n                    \r\n                            return (\r\n                                <div>\r\n                                    {parts.map((part, index) => (\r\n                                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                            {part.text}\r\n                                        </span>\r\n                                    ))}\r\n                                </div>\r\n                            );\r\n                        }}\r\n                    />\r\n                )\r\n                :\r\n                (\r\n                    <Autocomplete\r\n                        style={props.style}\r\n                        className={props.className}\r\n                        value={props.value}\r\n                        loading={state.isLoading}\r\n                        disabled={props.disabled}\r\n                        onChange={handleChange}\r\n                        options={state.data}\r\n                        disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderInput={params => (\r\n                            <TextField \r\n                                {...params} \r\n                                label={props.label}\r\n                                variant=\"standard\" \r\n                                fullWidth={true} \r\n                                margin=\"none\" \r\n                                required={props.required}\r\n                                InputProps={getInputProps(params, state.isLoading)}\r\n                                error={props.error}        \r\n                                helperText={props.helperText}  \r\n                                size={props.size}                     \r\n                            />\r\n                        )}\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderOption={(option, { inputValue }) => {\r\n                            const matches = match(option.label, inputValue);\r\n                            const parts = parse(option.label, matches);\r\n                    \r\n                            return (\r\n                                <div>\r\n                                {parts.map((part, index) => (\r\n                                    <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                    {part.text}\r\n                                    </span>\r\n                                ))}\r\n                                </div>\r\n                            );\r\n                        }}\r\n                    />\r\n                )\r\n            }\r\n        </>\r\n    );\r\n};","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, createStyles, FormControlLabel, FormGroup, Grid, makeStyles, Switch, TextField, Theme } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport gql from 'graphql-tag';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { showNotification } from '../../App';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { StrengthEnum } from '../../components/PasswordStrengthIndicator';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { PassowrdStrengtthSelector } from '../selectors/PassowrdStrengtthSelector';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    mFA: boolean;\r\n    passwordStrength: {label: string, value: number} | null;\r\n    passwordLength: number;\r\n}\r\ninterface SecurityTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function SecurityTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<SecurityTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        mFA: false,\r\n        passwordStrength: null,\r\n        passwordLength: 0,\r\n    });\r\n\r\n    const applicationSecuritySettings = useQuery<ApplicationSecuritySettingsData>(APPLICATION_SECURITY_SETTINGS_QUERY);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const [updateApplicationSecuritySettings] = useMutation<any, ApplicationSecuritySettingsMutationParams>(APPLICATION_SECURITY_SETTINGS_MUTATION);\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!applicationSecuritySettings.loading && applicationSecuritySettings.data) {\r\n\r\n            const { \r\n                mFA,\r\n                passwordLength,\r\n                passwordStrength,\r\n            } = applicationSecuritySettings.data.settings.systems.applicationSecuritySettings.config;\r\n\r\n            // console.log('test', applicationSecuritySettings.data);\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    mFA: mFA,\r\n                    passwordLength: passwordLength,\r\n                    passwordStrength: getPasswordStrength(passwordStrength),\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [applicationSecuritySettings.data, applicationSecuritySettings.loading]);\r\n\r\n    const getPasswordStrength = (_value: StrengthEnum): { label: string, value: number } | null => {\r\n        if (_value === StrengthEnum.ONE) {\r\n            return {\r\n                label: 'Basic',\r\n                value: StrengthEnum.ONE\r\n            };\r\n        } \r\n        if (_value === StrengthEnum.TWO) {\r\n            return {\r\n                label: 'Good',\r\n                value: StrengthEnum.TWO\r\n            };\r\n        } \r\n        if (_value === StrengthEnum.THREE) {\r\n            return {\r\n                label: 'Strong',\r\n                value: StrengthEnum.THREE\r\n            };\r\n        } \r\n        if (_value === StrengthEnum.FOUR) {\r\n            return {\r\n                label: 'Stronger',\r\n                value: StrengthEnum.FOUR\r\n            };\r\n        } \r\n        if (_value === StrengthEnum.FIVE) {\r\n            return {\r\n                label: 'Very Strong',\r\n                value: StrengthEnum.FIVE\r\n            };\r\n        } \r\n        return null;\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        // console.log('submit');\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        updateApplicationSecuritySettings({\r\n            variables: {\r\n                mFA: values.mFA,\r\n                passwordStrength: values.passwordStrength ? values.passwordStrength.value : 0, \r\n                passwordLength: values.passwordLength\r\n            }\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');     \r\n\r\n                form.setConfig('keepDirtyOnReinitialize', false);\r\n\r\n                const tempInitial: FormState = {\r\n                    mFA: values.mFA,\r\n                    passwordStrength: values.passwordStrength,\r\n                    passwordLength: values.passwordLength\r\n                };\r\n\r\n                form.batch(() => {\r\n                    form.reset(tempInitial);\r\n                });\r\n                \r\n                form.setConfig('keepDirtyOnReinitialize', true);\r\n\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false\r\n                    };\r\n                });\r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update application security settings', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit} id=\"securitytab\">\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-start\">\r\n                                        <FormGroup\r\n                                            className={classes.formGroup}\r\n                                        >\r\n                                            <Field\r\n                                                name=\"mFA\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                            >                                            \r\n                                                {({ input, meta }) => (\r\n                                                    <FormControlLabel\r\n                                                        control={\r\n                                                            <Switch\r\n                                                                {...input}\r\n                                                                checked={input.value}\r\n                                                                onChange={input.onChange}\r\n                                                                name=\"mFA\" \r\n                                                                color=\"primary\"\r\n                                                            />\r\n                                                        }\r\n                                                        label=\"Multi-Factor Authentication\"\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </FormGroup>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"passwordLength\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // validate={form.getFieldState('passwordLength')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Password Length\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Password Length is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"passwordStrength\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // validate={form.getFieldState('passwordStrength')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <PassowrdStrengtthSelector \r\n                                                    {...input}\r\n                                                    label=\"Password Strength\"\r\n                                                    onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                        input.onChange(selection)\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface ApplicationSecuritySettingsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    id:      number;\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    applicationSecuritySettings: ApplicationSecuritySettings;\r\n}\r\n\r\nexport interface ApplicationSecuritySettings {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:               number;\r\n    mFA:              boolean;\r\n    passwordLength:   number;\r\n    passwordStrength: number;\r\n}\r\n\r\nconst APPLICATION_SECURITY_SETTINGS_QUERY = gql`\r\n    query ApplicationSecuritySettings {\r\n        settings {\r\n            id\r\n            systems {\r\n                applicationSecuritySettings {\r\n                    id\r\n                    config {\r\n                        id\r\n                        mFA\r\n                        passwordLength\r\n                        passwordStrength\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface ApplicationSecuritySettingsMutationParams {\r\n    passwordLength: number | null;\r\n    passwordStrength: number | null;\r\n    mFA: Boolean;\r\n}\r\n\r\nconst APPLICATION_SECURITY_SETTINGS_MUTATION = gql`\r\n    mutation ApplicationSecuritySettingsMutation(\r\n        $mFA: Boolean,\r\n        $passwordStrength: Int,\r\n        $passwordLength: Int,\r\n    ){\r\n        settings {\r\n            applicationSecuritySettings {\r\n                update (\r\n                    mFA: $mFA,\r\n                    passwordStrength: $passwordStrength,\r\n                    passwordLength: $passwordLength,\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, createStyles, Grid, makeStyles, TextField, Theme } from '@material-ui/core';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport { FormApi } from 'final-form';\r\nimport gql from 'graphql-tag';\r\n// import { DropzoneArea } from 'material-ui-dropzone';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { client } from '../..';\r\nimport { showNotification } from '../../App';\r\nimport { RvLoader } from '../../components/Loader';\r\n// import { DocumentFile } from '../../types/DocumentFile';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    firmName:            string | null;\r\n    firmAddress:         string | null;\r\n    firmPhone:           string | null;\r\n    firmWebsite:         string | null;\r\n    firmEmailContact:    string | null;\r\n    firmHelpDeskContact: string | null;\r\n    // alternativeLogo: DocumentFile[];\r\n}\r\ninterface FirmDetailsTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function FirmDetailsTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<FirmDetailsTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        firmName:            null,\r\n        firmAddress:         null,\r\n        firmPhone:           null,\r\n        firmWebsite:         null,\r\n        firmEmailContact:    null,\r\n        firmHelpDeskContact: null,\r\n        // alternativeLogo: []\r\n    });\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n    \r\n    const fetchData = () => {\r\n        retrieveFirmDetailsConfigData(\r\n            true,\r\n            (data: FirmDetailsConfigData) => onFirmDetailsConfigRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onFirmDetailsConfigRetrieved = (data: FirmDetailsConfigData) => {\r\n        if (data && data.settings && data.settings.systems && data.settings.systems.firmDetails && data.settings.systems.firmDetails.config) {\r\n\r\n            const config = data.settings.systems.firmDetails.config;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    firmName: config.firmName,\r\n                    firmAddress: config.firmAddress,\r\n                    firmPhone: config.firmPhone,\r\n                    firmWebsite: config.firmWebsite,\r\n                    firmEmailContact: config.firmEmailContact,\r\n                    firmHelpDeskContact: config.firmHelpDeskContact,\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // const onTextFieldChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    //     const value = event.target.value;\r\n    //     const name = event.target.name;\r\n\r\n    //     setState((prevState) => {\r\n    //         return {\r\n    //             ...prevState,\r\n    //             [name]: value\r\n    //         };\r\n    //     });\r\n        \r\n    // };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const required = (value: any) => {\r\n        return value ? undefined : 'Required';\r\n    };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n\r\n        setState((_prevState) => {\r\n            return {\r\n                ..._prevState,\r\n                onSubmitLoading: true\r\n            };\r\n        });\r\n\r\n        client\r\n            .mutate({\r\n                mutation: UpdateFirmDetailsMutation,\r\n                variables: {\r\n                    firmName: values.firmName,\r\n                    firmAddress: values.firmAddress,\r\n                    firmPhone: values.firmPhone,\r\n                    firmWebsite: values.firmWebsite,\r\n                    firmEmailContact: values.firmEmailContact,\r\n                    firmHelpDeskContact: values.firmHelpDeskContact\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    showNotification(null, 'Successfully submitted', 'info');   \r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false\r\n                        };\r\n                    });  \r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update firm details', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmName\"\r\n                                            validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Name\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    required={true}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Name is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmAddress\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Address\"\r\n                                                    name=\"firmAddress\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    multiline={true}\r\n                                                    rows={5}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Address is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmPhone\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Phone\"\r\n                                                    // required={true}\r\n                                                    name=\"firmPhone\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Phone is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmWebsite\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Web Site\"\r\n                                                    name=\"firmWebsite\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Web Site is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmEmailContact\"\r\n                                            type=\"email\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Email Contact\"\r\n                                                    name=\"firmEmailContact\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Email Contact is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    type=\"email\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"firmHelpDeskContact\"\r\n                                            type=\"email\"\r\n                                            // validate={required}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Firm Help Desk Contact\"\r\n                                                    name=\"firmHelpDeskContact\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Firm Help Desk Contact is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    type=\"email\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    {/* <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"alternativeLogo\"\r\n                                            // subscription={{touched: true, error: true, value: true}}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <DropzoneArea\r\n                                                    {...input}\r\n                                                    maxFileSize={15000000}\r\n                                                    // acceptedFiles={['.msg', '.jpg', '.jpeg', '.png', '.docx', '.zip']}\r\n                                                    showFileNames={true}\r\n                                                    useChipsForPreview={true}\r\n                                                    filesLimit={1}\r\n                                                    onChange={(files: File[]) => {\r\n                                                        let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        const newFiles = files.filter((file: File) => {\r\n                                                            return !existingFiles.some((item: DocumentFile) => {\r\n                                                                return item.name === file.name && item.status !== 2;\r\n                                                            });\r\n                                                        });\r\n                                                        if (newFiles && newFiles.length > 0) {\r\n                                                            newFiles.forEach((file: File) => {\r\n                                                                const documentFile: DocumentFile = {\r\n                                                                    guidID: null,\r\n                                                                    file: file,\r\n                                                                    status: 1,\r\n                                                                    name: file.name,\r\n                                                                    url: ''\r\n                                                                };\r\n                                                                existingFiles.push(documentFile);\r\n                                                            });  \r\n                                                            input.onChange(existingFiles);\r\n                                                        }\r\n                                                    }}\r\n                                                    onDelete={(file: File) => {\r\n                                                        let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        // eslint-disable-next-line array-callback-return\r\n                                                        existingFiles.map((item: DocumentFile) => {\r\n                                                            if (file.name === item.name) {\r\n                                                                item.file = file;\r\n                                                                item.status = 2; // deleted\r\n                                                            }\r\n                                                        });  \r\n                                                        // tslint:disable-next-line: max-line-length\r\n                                                        const filteredFiles = existingFiles.filter((item: DocumentFile) => {\r\n                                                            return item.status !== 2 || item.guidID !== null;\r\n                                                        });\r\n                                                        input.onChange(filteredFiles);\r\n                                                    }}                                                    \r\n                                                    // tslint:disable-next-line:no-any\r\n                                                    onDrop={(files: File[], event: any) => {\r\n                                                        // let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        // tslint:disable-next-line: max-line-length\r\n                                                        // const existingFile = existingFiles.find((item: DocumentFile) => item.name === file)\r\n                                                        // tslint:disable-next-line:no-console\r\n                                                        console.log(event);\r\n                                                    }}                                                  \r\n                                                    initialFiles={input.value.map((file: { url: string; }) => file.url)}\r\n                                                    dropzoneText=\"Alternate Mobile App Logo\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid> */}\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport function retrieveFirmDetailsConfigData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: FirmDetailsConfigData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void)\r\n    : void {\r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n\r\n        client.query({\r\n            query: FirmDetailsConfigQuery,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any; }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any ) => { onError(reason); });\r\n}\r\n\r\nexport interface FirmDetailsConfigData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    id:          number;\r\n    firmDetails: FirmDetails;\r\n}\r\n\r\nexport interface FirmDetails {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:                  number;\r\n    firmName:            string;\r\n    firmAddress:         string;\r\n    firmPhone:           string;\r\n    firmWebsite:         string;\r\n    firmEmailContact:    string;\r\n    firmHelpDeskContact: string;\r\n}\r\n\r\nexport const FirmDetailsConfigQuery = gql`\r\n    query FirmDetailsConfig{\r\n        settings {\r\n            id,\r\n            systems {\r\n                id,\r\n                firmDetails {\r\n                    id,\r\n                    config {\r\n                        id,\r\n                        firmName,\r\n                        firmAddress,\r\n                        firmPhone,\r\n                        firmWebsite,\r\n                        firmEmailContact,\r\n                        firmHelpDeskContact,\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst UpdateFirmDetailsMutation = gql`\r\n    mutation updateFirmDetails(\r\n        $firmName: String, \r\n        $firmAddress: String, \r\n        $firmPhone: String,\r\n        $firmWebsite: String, \r\n        $firmEmailContact: String, \r\n        $firmHelpDeskContact: String\r\n    ) {\r\n      settings{\r\n        firmDetails {\r\n             update (\r\n                firmName: $firmName, \r\n                firmAddress: $firmAddress, \r\n                firmPhone: $firmPhone,\r\n                firmWebsite: $firmWebsite, \r\n                firmEmailContact: $firmEmailContact, \r\n                firmHelpDeskContact: $firmHelpDeskContact\r\n            ) {\r\n                    status,\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}","export interface CountryDataInterface {\r\n    countryCode: string;\r\n    country: string;\r\n}\r\n\r\nexport const CountryData: CountryDataInterface[] = [\r\n    { countryCode: 'BD', country: 'Bangladesh', },\r\n    { countryCode: 'BE', country: 'Belgium', },\r\n    { countryCode: 'BF', country: 'Burkina Faso', },\r\n    { countryCode: 'BG', country: 'Bulgaria', },\r\n    { countryCode: 'BA', country: 'Bosnia and Herzegovina', },\r\n    { countryCode: 'BB', country: 'Barbados', },\r\n    { countryCode: 'WF', country: 'Wallis and Futuna', },\r\n    { countryCode: 'BL', country: 'Saint Barthelemy', },\r\n    { countryCode: 'BM', country: 'Bermuda', },\r\n    { countryCode: 'BN', country: 'Brunei', },\r\n    { countryCode: 'BO', country: 'Bolivia', },\r\n    { countryCode: 'BH', country: 'Bahrain', },\r\n    { countryCode: 'BI', country: 'Burundi', },\r\n    { countryCode: 'BJ', country: 'Benin', },\r\n    { countryCode: 'BT', country: 'Bhutan', },\r\n    { countryCode: 'JM', country: 'Jamaica', },\r\n    { countryCode: 'BV', country: 'Bouvet Island', },\r\n    { countryCode: 'BW', country: 'Botswana', },\r\n    { countryCode: 'WS', country: 'Samoa', },\r\n    { countryCode: 'BQ', country: 'Bonaire, Saint Eustatius and Saba ', },\r\n    { countryCode: 'BR', country: 'Brazil', },\r\n    { countryCode: 'BS', country: 'Bahamas', },\r\n    { countryCode: 'JE', country: 'Jersey', },\r\n    { countryCode: 'BY', country: 'Belarus', },\r\n    { countryCode: 'BZ', country: 'Belize', },\r\n    { countryCode: 'RU', country: 'Russia', },\r\n    { countryCode: 'RW', country: 'Rwanda', },\r\n    { countryCode: 'RS', country: 'Serbia', },\r\n    { countryCode: 'TL', country: 'East Timor', },\r\n    { countryCode: 'RE', country: 'Reunion', },\r\n    { countryCode: 'TM', country: 'Turkmenistan', },\r\n    { countryCode: 'TJ', country: 'Tajikistan', },\r\n    { countryCode: 'RO', country: 'Romania', },\r\n    { countryCode: 'TK', country: 'Tokelau', },\r\n    { countryCode: 'GW', country: 'Guinea-Bissau', },\r\n    { countryCode: 'GU', country: 'Guam', },\r\n    { countryCode: 'GT', country: 'Guatemala', },\r\n    { countryCode: 'GS', country: 'South Georgia and the South Sandwich Islands', },\r\n    { countryCode: 'GR', country: 'Greece', },\r\n    { countryCode: 'GQ', country: 'Equatorial Guinea', },\r\n    { countryCode: 'GP', country: 'Guadeloupe', },\r\n    { countryCode: 'JP', country: 'Japan', },\r\n    { countryCode: 'GY', country: 'Guyana', },\r\n    { countryCode: 'GG', country: 'Guernsey', },\r\n    { countryCode: 'GF', country: 'French Guiana', },\r\n    { countryCode: 'GE', country: 'Georgia', },\r\n    { countryCode: 'GD', country: 'Grenada', },\r\n    { countryCode: 'GB', country: 'United Kingdom', },\r\n    { countryCode: 'GA', country: 'Gabon', },\r\n    { countryCode: 'SV', country: 'El Salvador', },\r\n    { countryCode: 'GN', country: 'Guinea', },\r\n    { countryCode: 'GM', country: 'Gambia', },\r\n    { countryCode: 'GL', country: 'Greenland', },\r\n    { countryCode: 'GI', country: 'Gibraltar', },\r\n    { countryCode: 'GH', country: 'Ghana', },\r\n    { countryCode: 'OM', country: 'Oman', },\r\n    { countryCode: 'TN', country: 'Tunisia', },\r\n    { countryCode: 'JO', country: 'Jordan', },\r\n    { countryCode: 'HR', country: 'Croatia', },\r\n    { countryCode: 'HT', country: 'Haiti', },\r\n    { countryCode: 'HU', country: 'Hungary', },\r\n    { countryCode: 'HK', country: 'Hong Kong', },\r\n    { countryCode: 'HN', country: 'Honduras', },\r\n    { countryCode: 'HM', country: 'Heard Island and McDonald Islands', },\r\n    { countryCode: 'VE', country: 'Venezuela', },\r\n    { countryCode: 'PR', country: 'Puerto Rico', },\r\n    { countryCode: 'PS', country: 'Palestinian Territory', },\r\n    { countryCode: 'PW', country: 'Palau', },\r\n    { countryCode: 'PT', country: 'Portugal', },\r\n    { countryCode: 'SJ', country: 'Svalbard and Jan Mayen', },\r\n    { countryCode: 'PY', country: 'Paraguay', },\r\n    { countryCode: 'IQ', country: 'Iraq', },\r\n    { countryCode: 'PA', country: 'Panama', },\r\n    { countryCode: 'PF', country: 'French Polynesia', },\r\n    { countryCode: 'PG', country: 'Papua New Guinea', },\r\n    { countryCode: 'PE', country: 'Peru', },\r\n    { countryCode: 'PK', country: 'Pakistan', },\r\n    { countryCode: 'PH', country: 'Philippines', },\r\n    { countryCode: 'PN', country: 'Pitcairn', },\r\n    { countryCode: 'PL', country: 'Poland', },\r\n    { countryCode: 'PM', country: 'Saint Pierre and Miquelon', },\r\n    { countryCode: 'ZM', country: 'Zambia', },\r\n    { countryCode: 'EH', country: 'Western Sahara', },\r\n    { countryCode: 'EE', country: 'Estonia', },\r\n    { countryCode: 'EG', country: 'Egypt', },\r\n    { countryCode: 'ZA', country: 'South Africa', },\r\n    { countryCode: 'EC', country: 'Ecuador', },\r\n    { countryCode: 'IT', country: 'Italy', },\r\n    { countryCode: 'VN', country: 'Vietnam', },\r\n    { countryCode: 'SB', country: 'Solomon Islands', },\r\n    { countryCode: 'ET', country: 'Ethiopia', },\r\n    { countryCode: 'SO', country: 'Somalia', },\r\n    { countryCode: 'ZW', country: 'Zimbabwe', },\r\n    { countryCode: 'SA', country: 'Saudi Arabia', },\r\n    { countryCode: 'ES', country: 'Spain', },\r\n    { countryCode: 'ER', country: 'Eritrea', },\r\n    { countryCode: 'ME', country: 'Montenegro', },\r\n    { countryCode: 'MD', country: 'Moldova', },\r\n    { countryCode: 'MG', country: 'Madagascar', },\r\n    { countryCode: 'MF', country: 'Saint Martin', },\r\n    { countryCode: 'MA', country: 'Morocco', },\r\n    { countryCode: 'MC', country: 'Monaco', },\r\n    { countryCode: 'UZ', country: 'Uzbekistan', },\r\n    { countryCode: 'MM', country: 'Myanmar', },\r\n    { countryCode: 'ML', country: 'Mali', },\r\n    { countryCode: 'MO', country: 'Macao', },\r\n    { countryCode: 'MN', country: 'Mongolia', },\r\n    { countryCode: 'MH', country: 'Marshall Islands', },\r\n    { countryCode: 'MK', country: 'Macedonia', },\r\n    { countryCode: 'MU', country: 'Mauritius', },\r\n    { countryCode: 'MT', country: 'Malta', },\r\n    { countryCode: 'MW', country: 'Malawi', },\r\n    { countryCode: 'MV', country: 'Maldives', },\r\n    { countryCode: 'MQ', country: 'Martinique', },\r\n    { countryCode: 'MP', country: 'Northern Mariana Islands', },\r\n    { countryCode: 'MS', country: 'Montserrat', },\r\n    { countryCode: 'MR', country: 'Mauritania', },\r\n    { countryCode: 'IM', country: 'Isle of Man', },\r\n    { countryCode: 'UG', country: 'Uganda', },\r\n    { countryCode: 'TZ', country: 'Tanzania', },\r\n    { countryCode: 'MY', country: 'Malaysia', },\r\n    { countryCode: 'MX', country: 'Mexico', },\r\n    { countryCode: 'IL', country: 'Israel', },\r\n    { countryCode: 'FR', country: 'France', },\r\n    { countryCode: 'IO', country: 'British Indian Ocean Territory', },\r\n    { countryCode: 'SH', country: 'Saint Helena', },\r\n    { countryCode: 'FI', country: 'Finland', },\r\n    { countryCode: 'FJ', country: 'Fiji', },\r\n    { countryCode: 'FK', country: 'Falkland Islands', },\r\n    { countryCode: 'FM', country: 'Micronesia', },\r\n    { countryCode: 'FO', country: 'Faroe Islands', },\r\n    { countryCode: 'NI', country: 'Nicaragua', },\r\n    { countryCode: 'NL', country: 'Netherlands', },\r\n    { countryCode: 'NO', country: 'Norway', },\r\n    { countryCode: 'NA', country: 'Namibia', },\r\n    { countryCode: 'VU', country: 'Vanuatu', },\r\n    { countryCode: 'NC', country: 'New Caledonia', },\r\n    { countryCode: 'NE', country: 'Niger', },\r\n    { countryCode: 'NF', country: 'Norfolk Island', },\r\n    { countryCode: 'NG', country: 'Nigeria', },\r\n    { countryCode: 'NZ', country: 'New Zealand', },\r\n    { countryCode: 'NP', country: 'Nepal', },\r\n    { countryCode: 'NR', country: 'Nauru', },\r\n    { countryCode: 'NU', country: 'Niue', },\r\n    { countryCode: 'CK', country: 'Cook Islands', },\r\n    { countryCode: 'XK', country: 'Kosovo', },\r\n    { countryCode: 'CI', country: 'Ivory Coast', },\r\n    { countryCode: 'CH', country: 'Switzerland', },\r\n    { countryCode: 'CO', country: 'Colombia', },\r\n    { countryCode: 'CN', country: 'China', },\r\n    { countryCode: 'CM', country: 'Cameroon', },\r\n    { countryCode: 'CL', country: 'Chile', },\r\n    { countryCode: 'CC', country: 'Cocos Islands', },\r\n    { countryCode: 'CA', country: 'Canada', },\r\n    { countryCode: 'CG', country: 'Republic of the Congo', },\r\n    { countryCode: 'CF', country: 'Central African Republic', },\r\n    { countryCode: 'CD', country: 'Democratic Republic of the Congo', },\r\n    { countryCode: 'CZ', country: 'Czech Republic', },\r\n    { countryCode: 'CY', country: 'Cyprus', },\r\n    { countryCode: 'CX', country: 'Christmas Island', },\r\n    { countryCode: 'CR', country: 'Costa Rica', },\r\n    { countryCode: 'CW', country: 'Curacao', },\r\n    { countryCode: 'CV', country: 'Cape Verde', },\r\n    { countryCode: 'CU', country: 'Cuba', },\r\n    { countryCode: 'SZ', country: 'Swaziland', },\r\n    { countryCode: 'SY', country: 'Syria', },\r\n    { countryCode: 'SX', country: 'Sint Maarten', },\r\n    { countryCode: 'KG', country: 'Kyrgyzstan', },\r\n    { countryCode: 'KE', country: 'Kenya', },\r\n    { countryCode: 'SS', country: 'South Sudan', },\r\n    { countryCode: 'SR', country: 'Suriname', },\r\n    { countryCode: 'KI', country: 'Kiribati', },\r\n    { countryCode: 'KH', country: 'Cambodia', },\r\n    { countryCode: 'KN', country: 'Saint Kitts and Nevis', },\r\n    { countryCode: 'KM', country: 'Comoros', },\r\n    { countryCode: 'ST', country: 'Sao Tome and Principe', },\r\n    { countryCode: 'SK', country: 'Slovakia', },\r\n    { countryCode: 'KR', country: 'South Korea', },\r\n    { countryCode: 'SI', country: 'Slovenia', },\r\n    { countryCode: 'KP', country: 'North Korea', },\r\n    { countryCode: 'KW', country: 'Kuwait', },\r\n    { countryCode: 'SN', country: 'Senegal', },\r\n    { countryCode: 'SM', country: 'San Marino', },\r\n    { countryCode: 'SL', country: 'Sierra Leone', },\r\n    { countryCode: 'SC', country: 'Seychelles', },\r\n    { countryCode: 'KZ', country: 'Kazakhstan', },\r\n    { countryCode: 'KY', country: 'Cayman Islands', },\r\n    { countryCode: 'SG', country: 'Singapore', },\r\n    { countryCode: 'SE', country: 'Sweden', },\r\n    { countryCode: 'SD', country: 'Sudan', },\r\n    { countryCode: 'DO', country: 'Dominican Republic', },\r\n    { countryCode: 'DM', country: 'Dominica', },\r\n    { countryCode: 'DJ', country: 'Djibouti', },\r\n    { countryCode: 'DK', country: 'Denmark', },\r\n    { countryCode: 'VG', country: 'British Virgin Islands', },\r\n    { countryCode: 'DE', country: 'Germany', },\r\n    { countryCode: 'YE', country: 'Yemen', },\r\n    { countryCode: 'DZ', country: 'Algeria', },\r\n    { countryCode: 'US', country: 'United States', },\r\n    { countryCode: 'UY', country: 'Uruguay', },\r\n    { countryCode: 'YT', country: 'Mayotte', },\r\n    { countryCode: 'UM', country: 'United States Minor Outlying Islands', },\r\n    { countryCode: 'LB', country: 'Lebanon', },\r\n    { countryCode: 'LC', country: 'Saint Lucia', },\r\n    { countryCode: 'LA', country: 'Laos', },\r\n    { countryCode: 'TV', country: 'Tuvalu', },\r\n    { countryCode: 'TW', country: 'Taiwan', },\r\n    { countryCode: 'TT', country: 'Trinidad and Tobago', },\r\n    { countryCode: 'TR', country: 'Turkey', },\r\n    { countryCode: 'LK', country: 'Sri Lanka', },\r\n    { countryCode: 'LI', country: 'Liechtenstein', },\r\n    { countryCode: 'LV', country: 'Latvia', },\r\n    { countryCode: 'TO', country: 'Tonga', },\r\n    { countryCode: 'LT', country: 'Lithuania', },\r\n    { countryCode: 'LU', country: 'Luxembourg', },\r\n    { countryCode: 'LR', country: 'Liberia', },\r\n    { countryCode: 'LS', country: 'Lesotho', },\r\n    { countryCode: 'TH', country: 'Thailand', },\r\n    { countryCode: 'TF', country: 'French Southern Territories', },\r\n    { countryCode: 'TG', country: 'Togo', },\r\n    { countryCode: 'TD', country: 'Chad', },\r\n    { countryCode: 'TC', country: 'Turks and Caicos Islands', },\r\n    { countryCode: 'LY', country: 'Libya', },\r\n    { countryCode: 'VA', country: 'Vatican', },\r\n    { countryCode: 'VC', country: 'Saint Vincent and the Grenadines', },\r\n    { countryCode: 'AE', country: 'United Arab Emirates', },\r\n    { countryCode: 'AD', country: 'Andorra', },\r\n    { countryCode: 'AG', country: 'Antigua and Barbuda', },\r\n    { countryCode: 'AF', country: 'Afghanistan', },\r\n    { countryCode: 'AI', country: 'Anguilla', },\r\n    { countryCode: 'VI', country: 'U.S. Virgin Islands', },\r\n    { countryCode: 'IS', country: 'Iceland', },\r\n    { countryCode: 'IR', country: 'Iran', },\r\n    { countryCode: 'AM', country: 'Armenia', },\r\n    { countryCode: 'AL', country: 'Albania', },\r\n    { countryCode: 'AO', country: 'Angola', },\r\n    { countryCode: 'AQ', country: 'Antarctica', },\r\n    { countryCode: 'AS', country: 'American Samoa', },\r\n    { countryCode: 'AR', country: 'Argentina', },\r\n    { countryCode: 'AU', country: 'Australia', },\r\n    { countryCode: 'AT', country: 'Austria', },\r\n    { countryCode: 'AW', country: 'Aruba', },\r\n    { countryCode: 'IN', country: 'India', },\r\n    { countryCode: 'AX', country: 'Aland Islands', },\r\n    { countryCode: 'AZ', country: 'Azerbaijan', },\r\n    { countryCode: 'IE', country: 'Ireland', },\r\n    { countryCode: 'ID', country: 'Indonesia', },\r\n    { countryCode: 'UA', country: 'Ukraine', },\r\n    { countryCode: 'QA', country: 'Qatar', },\r\n    { countryCode: 'MZ', country: 'Mozambique' },\r\n];","import React, { useState } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport _ from 'lodash';\r\nimport { CountryData, CountryDataInterface } from '../common/CountryData';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//   createStyles({\r\n//     root: {\r\n//         minWidth: '150px',\r\n//     },\r\n//   })\r\n// );\r\n\r\ninterface CountrySelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: IAutoCompleteItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: IAutoCompleteItem | IAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties; \r\n    disablePortal?: boolean;\r\n    size?: 'small' | 'medium';\r\n}\r\n\r\ninterface CountrySelectorState {\r\n    isLoading: boolean;\r\n    data: IAutoCompleteItem[];\r\n}\r\n\r\nexport const CountrySelector: React.FC<CountrySelectorProps> = props => {\r\n\r\n    // const classes = useStyles();\r\n\r\n    const [state] = useState<CountrySelectorState>({\r\n        isLoading: false,\r\n        data: _.uniqBy(CountryData, 'country').map((item: CountryDataInterface) => {\r\n            return {\r\n                label: item.country,\r\n                value: item.country\r\n            };\r\n        }).sort((a, b) => a.label < b.label ? -1 : a.label > b.label ? 1 : 0)\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const handleOnClose = (event: React.ChangeEvent<{}>) => {\r\n\r\n        // tslint:disable-next-line: no-string-literal\r\n        if (event.currentTarget && event.currentTarget['value']) {\r\n            // tslint:disable-next-line: no-string-literal\r\n            let newValue = event.currentTarget['value'];\r\n\r\n            if (props.onSelection) {\r\n                // tslint:disable-next-line: no-string-literal\r\n                let tempValue = { value: newValue, label: newValue };\r\n                props.onSelection(tempValue, props.name);\r\n            }\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <Autocomplete\r\n            style={props.style}\r\n            className={props.className}\r\n            value={props.value}\r\n            loading={state.isLoading}\r\n            disabled={props.disabled}\r\n            onChange={handleChange}\r\n            onClose={handleOnClose}\r\n            options={state.data}\r\n            disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderInput={params => (\r\n                <TextField \r\n                    {...params} \r\n                    label={props.label}\r\n                    variant=\"standard\" \r\n                    fullWidth={true} \r\n                    margin=\"none\" \r\n                    required={props.required}\r\n                    InputProps={getInputProps(params, state.isLoading)}\r\n                    error={props.error}    \r\n                    helperText={props.helperText}     \r\n                    size={props.size}            \r\n                />\r\n            )}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderOption={(option, { inputValue }) => {\r\n                const matches = match(option.label, inputValue);\r\n                const parts = parse(option.label, matches);\r\n        \r\n                return (\r\n                    <div>\r\n                    {parts.map((part, index) => (\r\n                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                        {part.text}\r\n                        </span>\r\n                    ))}\r\n                    </div>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};","import React, { useState } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { CurrenciesData, CurrencyDataProps } from '../common/Currencies';\r\nimport _ from 'lodash';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//   createStyles({\r\n//     root: {\r\n//         minWidth: '150px',\r\n//     },\r\n//   })\r\n// );\r\n\r\ninterface CurrencyCodeSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: IAutoCompleteItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: IAutoCompleteItem | IAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties; \r\n    disablePortal?: boolean;\r\n    size?: 'small' | 'medium';\r\n}\r\n\r\ninterface CurrencyCodeSelectorState {\r\n    isLoading: boolean;\r\n    data: IAutoCompleteItem[];\r\n}\r\n\r\nexport const CurrencyCodeSelector: React.FC<CurrencyCodeSelectorProps> = props => {\r\n\r\n    // const classes = useStyles();\r\n\r\n    const [state] = useState<CurrencyCodeSelectorState>({\r\n        isLoading: false,\r\n        data: _.uniqBy(CurrenciesData, 'currency').map((item: CurrencyDataProps) => {\r\n            return {\r\n                label: item.currency,\r\n                value: item.currency\r\n            };\r\n        })\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const handleOnClose = (event: React.ChangeEvent<{}>) => {\r\n\r\n        // tslint:disable-next-line: no-string-literal\r\n        if (event.currentTarget && event.currentTarget['value']) {\r\n            // tslint:disable-next-line: no-string-literal\r\n            let newValue = event.currentTarget['value'];\r\n\r\n            if (props.onSelection) {\r\n                // tslint:disable-next-line: no-string-literal\r\n                let tempValue = { value: newValue, label: newValue };\r\n                props.onSelection(tempValue, props.name);\r\n            }\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <Autocomplete\r\n            style={props.style}\r\n            className={props.className}\r\n            value={props.value}\r\n            loading={state.isLoading}\r\n            disabled={props.disabled}\r\n            onChange={handleChange}\r\n            onClose={handleOnClose}\r\n            options={state.data}\r\n            disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderInput={params => (\r\n                <TextField \r\n                    {...params} \r\n                    label={props.label}\r\n                    variant=\"standard\" \r\n                    fullWidth={true} \r\n                    margin=\"none\" \r\n                    required={props.required}\r\n                    InputProps={getInputProps(params, state.isLoading)}\r\n                    error={props.error}    \r\n                    helperText={props.helperText}     \r\n                    size={props.size}            \r\n                />\r\n            )}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderOption={(option, { inputValue }) => {\r\n                const matches = match(option.label, inputValue);\r\n                const parts = parse(option.label, matches);\r\n        \r\n                return (\r\n                    <div>\r\n                    {parts.map((part, index) => (\r\n                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                        {part.text}\r\n                        </span>\r\n                    ))}\r\n                    </div>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};","import React, { useState } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { CurrenciesData, CurrencyDataProps } from '../common/Currencies';\r\nimport _ from 'lodash';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//   createStyles({\r\n//     root: {\r\n//         minWidth: '150px',\r\n//     },\r\n//   })\r\n// );\r\n\r\ninterface CurrencySymbolSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    multiple?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: IAutoCompleteItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: IAutoCompleteItem | IAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties; \r\n    disablePortal?: boolean;\r\n    size?: 'small' | 'medium';\r\n}\r\n\r\ninterface CurrencySymbolSelectorState {\r\n    isLoading: boolean;\r\n    data: IAutoCompleteItem[];\r\n}\r\n\r\nexport const CurrencySymbolSelector: React.FC<CurrencySymbolSelectorProps> = props => {\r\n\r\n    // const classes = useStyles();\r\n\r\n    const [state] = useState<CurrencySymbolSelectorState>({\r\n        isLoading: false,\r\n        data: _.uniqBy(CurrenciesData, 'symbol').map((item: CurrencyDataProps) => {\r\n            return {\r\n                label: item.symbol,\r\n                value: item.symbol\r\n            };\r\n        }).filter((item: IAutoCompleteItem) => item.value.length > 0)\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const handleOnClose = (event: React.ChangeEvent<{}>) => {\r\n\r\n        // tslint:disable-next-line: no-string-literal\r\n        if (event.currentTarget && event.currentTarget['value']) {\r\n            // tslint:disable-next-line: no-string-literal\r\n            let newValue = event.currentTarget['value'];\r\n\r\n            if (props.onSelection) {\r\n                // tslint:disable-next-line: no-string-literal\r\n                let tempValue = { value: newValue, label: newValue };\r\n                props.onSelection(tempValue, props.name);\r\n            }\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <Autocomplete\r\n            style={props.style}\r\n            className={props.className}\r\n            value={props.value}\r\n            loading={state.isLoading}\r\n            disabled={props.disabled}\r\n            onChange={handleChange}\r\n            onClose={handleOnClose}\r\n            options={state.data}\r\n            disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderInput={params => (\r\n                <TextField \r\n                    {...params} \r\n                    label={props.label}\r\n                    variant=\"standard\" \r\n                    fullWidth={true} \r\n                    margin=\"none\" \r\n                    required={props.required}\r\n                    InputProps={getInputProps(params, state.isLoading)}\r\n                    error={props.error}    \r\n                    helperText={props.helperText}     \r\n                    size={props.size}            \r\n                />\r\n            )}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderOption={(option, { inputValue }) => {\r\n                const matches = match(option.label, inputValue);\r\n                const parts = parse(option.label, matches);\r\n        \r\n                return (\r\n                    <div>\r\n                    {parts.map((part, index) => (\r\n                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                        {part.text}\r\n                        </span>\r\n                    ))}\r\n                    </div>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};","export interface TimeZoneDataProps {\r\n    name: string;\r\n    timeZoneId: string;\r\n}\r\n\r\nexport const TimeZoneData: TimeZoneDataProps[] = [\r\n      {timeZoneId: 'Dateline Standard Time', \t\t\t\tname: '(UTC -12:00) Dateline Standard Time'}\r\n    , {timeZoneId: 'UTC-11', \t\t\t\t\t\t\t\tname: '(UTC -11:00) UTC-11'}\r\n    , {timeZoneId: 'Aleutian Standard Time', \t\t\t\tname: '(UTC -09:00) Aleutian Standard Time'}\r\n    , {timeZoneId: 'Hawaiian Standard Time',\t\t\t\tname: '(UTC -10:00) Hawaiian Standard Time'}\r\n    , {timeZoneId: 'Marquesas Standard Time', \t\t\t    name: '(UTC -09:30) Marquesas Standard Time'}\r\n    , {timeZoneId: 'Alaskan Standard Time', \t\t\t\tname: '(UTC -08:00) Alaskan Standard Time'}\r\n    , {timeZoneId: 'UTC-09', \t\t\t\t\t\t\t\tname: '(UTC -09:00) UTC-09'}\r\n    , {timeZoneId: 'Pacific Standard Time (Mexico)', \t\tname: '(UTC -07:00) Pacific Standard Time (Mexico)'}\r\n    , {timeZoneId: 'UTC-08', \t\t\t\t\t\t\t\tname: '(UTC -08:00) UTC-08'}\r\n    , {timeZoneId: 'Pacific Standard Time', \t\t\t\tname: '(UTC -07:00) Pacific Standard Time'}\r\n    , {timeZoneId: 'US Mountain Standard Time', \t\t\tname: '(UTC -07:00) US Mountain Standard Time'}\r\n    , {timeZoneId: 'Mountain Standard Time (Mexico)', \t    name: '(UTC -07:00) Mountain Standard Time (Mexico)'}\r\n    , {timeZoneId: 'Mountain Standard Time', \t\t\t\tname: '(UTC -06:00) Mountain Standard Time'}\r\n    , {timeZoneId: 'Yukon Standard Time', \t\t\t\t    name: '(UTC -07:00) Yukon Standard Time'}\r\n    , {timeZoneId: 'Central America Standard Time', \t\tname: '(UTC -06:00) Central America Standard Time'}\r\n    , {timeZoneId: 'Central Standard Time', \t\t\t\tname: '(UTC -05:00) Central Standard Time'}\r\n    , {timeZoneId: 'Easter Island Standard Time', \t\t    name: '(UTC -05:00) Easter Island Standard Time'}\r\n    , {timeZoneId: 'Central Standard Time (Mexico)', \t\tname: '(UTC -06:00) Central Standard Time (Mexico)'}\r\n    , {timeZoneId: 'Canada Central Standard Time', \t\t    name: '(UTC -06:00) Canada Central Standard Time'}\r\n    , {timeZoneId: 'SA Pacific Standard Time', \t\t\t    name: '(UTC -05:00) SA Pacific Standard Time'}\r\n    , {timeZoneId: 'Eastern Standard Time (Mexico)', \t\tname: '(UTC -05:00) Eastern Standard Time (Mexico)'}\r\n    , {timeZoneId: 'Eastern Standard Time', \t\t\t\tname: '(UTC -04:00) Eastern Standard Time'}\r\n    , {timeZoneId: 'Haiti Standard Time', \t\t\t\t    name: '(UTC -04:00) Haiti Standard Time'}\r\n    , {timeZoneId: 'Cuba Standard Time', \t\t\t\t\tname: '(UTC -04:00) Cuba Standard Time'}\r\n    , {timeZoneId: 'US Eastern Standard Time', \t\t\t    name: '(UTC -04:00) US Eastern Standard Time'}\r\n    , {timeZoneId: 'Turks And Caicos Standard Time', \t\tname: '(UTC -04:00) Turks And Caicos Standard Time'}\r\n    , {timeZoneId: 'Paraguay Standard Time', \t\t\t\tname: '(UTC -03:00) Paraguay Standard Time'}\r\n    , {timeZoneId: 'Atlantic Standard Time', \t\t\t\tname: '(UTC -03:00) Atlantic Standard Time'}\r\n    , {timeZoneId: 'Venezuela Standard Time', \t\t\t    name: '(UTC -04:00) Venezuela Standard Time'}\r\n    , {timeZoneId: 'Central Brazilian Standard Time', \t    name: '(UTC -04:00) Central Brazilian Standard Time'}\r\n    , {timeZoneId: 'SA Western Standard Time', \t\t\t    name: '(UTC -04:00) SA Western Standard Time'}\r\n    , {timeZoneId: 'Pacific SA Standard Time', \t\t\t    name: '(UTC -03:00) Pacific SA Standard Time'}\r\n    , {timeZoneId: 'Newfoundland Standard Time', \t\t\tname: '(UTC -02:30) Newfoundland Standard Time'}\r\n    , {timeZoneId: 'Tocantins Standard Time', \t\t\t    name: '(UTC -03:00) Tocantins Standard Time'}\r\n    , {timeZoneId: 'E. South America Standard Time', \t\tname: '(UTC -03:00) E. South America Standard Time'}\r\n    , {timeZoneId: 'SA Eastern Standard Time', \t\t\t    name: '(UTC -03:00) SA Eastern Standard Time'}\r\n    , {timeZoneId: 'Argentina Standard Time', \t\t\t    name: '(UTC -03:00) Argentina Standard Time'}\r\n    , {timeZoneId: 'Greenland Standard Time', \t\t\t    name: '(UTC -03:00) Greenland Standard Time'}\r\n    , {timeZoneId: 'Montevideo Standard Time', \t\t\t    name: '(UTC -03:00) Montevideo Standard Time'}\r\n    , {timeZoneId: 'Magallanes Standard Time', \t\t\t    name: '(UTC -03:00) Magallanes Standard Time'}\r\n    , {timeZoneId: 'Saint Pierre Standard Time', \t\t\tname: '(UTC -02:00) Saint Pierre Standard Time'}\r\n    , {timeZoneId: 'Bahia Standard Time', \t\t\t\t    name: '(UTC -03:00) Bahia Standard Time'}\r\n    , {timeZoneId: 'UTC-02', \t\t\t\t\t\t\t\tname: '(UTC -02:00) UTC-02'}\r\n    , {timeZoneId: 'Mid-Atlantic Standard Time', \t\t\tname: '(UTC -02:00) Mid-Atlantic Standard Time'}\r\n    , {timeZoneId: 'Azores Standard Time', \t\t\t\t    name: '(UTC -01:00) Azores Standard Time'}\r\n    , {timeZoneId: 'Cape Verde Standard Time', \t\t\t    name: '(UTC -01:00) Cape Verde Standard Time'}\r\n    , {timeZoneId: 'UTC', \t\t\t\t\t\t\t\t    name: '(UTC +00:00) UTC'}\r\n    , {timeZoneId: 'GMT Standard Time', \t\t\t\t\tname: '(UTC +00:00) GMT Standard Time'}\r\n    , {timeZoneId: 'Greenwich Standard Time', \t\t\t    name: '(UTC +00:00) Greenwich Standard Time'}\r\n    , {timeZoneId: 'Sao Tome Standard Time', \t\t\t\tname: '(UTC +00:00) Sao Tome Standard Time'}\r\n    , {timeZoneId: 'Morocco Standard Time',\t\t\t\t    name: '(UTC +01:00) Morocco Standard Time'}\r\n    , {timeZoneId: 'W. Europe Standard Time', \t\t\t    name: '(UTC +01:00) W. Europe Standard Time'}\r\n    , {timeZoneId: 'Central Europe Standard Time', \t\t    name: '(UTC +01:00) Central Europe Standard Time'}\r\n    , {timeZoneId: 'Romance Standard Time', \t\t\t\tname: '(UTC +01:00) Romance Standard Time'}\r\n    , {timeZoneId: 'Central European Standard Time', \t\tname: '(UTC +01:00) Central European Standard Time'}\r\n    , {timeZoneId: 'W. Central Africa Standard Time', \t    name: '(UTC +01:00) W. Central Africa Standard Time'}\r\n    , {timeZoneId: 'Jordan Standard Time', \t\t\t\t    name: '(UTC +02:00) Jordan Standard Time'}\r\n    , {timeZoneId: 'GTB Standard Time', \t\t\t\t\tname: '(UTC +02:00) GTB Standard Time'}\r\n    , {timeZoneId: 'Middle East Standard Time', \t\t\tname: '(UTC +02:00) Middle East Standard Time'}\r\n    , {timeZoneId: 'Egypt Standard Time', \t\t\t\t    name: '(UTC +02:00) Egypt Standard Time'}\r\n    , {timeZoneId: 'E. Europe Standard Time', \t\t\t    name: '(UTC +02:00) E. Europe Standard Time'}\r\n    , {timeZoneId: 'Syria Standard Time', \t\t\t\t    name: '(UTC +02:00) Syria Standard Time'}\r\n    , {timeZoneId: 'West Bank Standard Time', \t\t\t    name: '(UTC +02:00) West Bank Standard Time'}\r\n    , {timeZoneId: 'South Africa Standard Time', \t\t\tname: '(UTC +02:00) South Africa Standard Time'}\r\n    , {timeZoneId: 'FLE Standard Time', \t\t\t\t\tname: '(UTC +02:00) FLE Standard Time'}\r\n    , {timeZoneId: 'Israel Standard Time', \t\t\t\t    name: '(UTC +02:00) Israel Standard Time'}\r\n    , {timeZoneId: 'South Sudan Standard Time', \t\t\tname: '(UTC +02:00) South Sudan Standard Time'}\r\n    , {timeZoneId: 'Kaliningrad Standard Time', \t\t\tname: '(UTC +02:00) Kaliningrad Standard Time'}\r\n    , {timeZoneId: 'Sudan Standard Time', \t\t\t\t    name: '(UTC +02:00) Sudan Standard Time'}\r\n    , {timeZoneId: 'Libya Standard Time', \t\t\t\t    name: '(UTC +02:00) Libya Standard Time'}\r\n    , {timeZoneId: 'Namibia Standard Time', \t\t\t\tname: '(UTC +02:00) Namibia Standard Time'}\r\n    , {timeZoneId: 'Arabic Standard Time', \t\t\t\t    name: '(UTC +03:00) Arabic Standard Time'}\r\n    , {timeZoneId: 'Turkey Standard Time', \t\t\t\t    name: '(UTC +03:00) Turkey Standard Time'}\r\n    , {timeZoneId: 'Arab Standard Time', \t\t\t\t\tname: '(UTC +03:00) Arab Standard Time'}\r\n    , {timeZoneId: 'Belarus Standard Time', \t\t\t\tname: '(UTC +03:00) Belarus Standard Time'}\r\n    , {timeZoneId: 'Russian Standard Time', \t\t\t\tname: '(UTC +03:00) Russian Standard Time'}\r\n    , {timeZoneId: 'E. Africa Standard Time', \t\t\t    name: '(UTC +03:00) E. Africa Standard Time'}\r\n    , {timeZoneId: 'Volgograd Standard Time', \t\t\t    name: '(UTC +03:00) Volgograd Standard Time'}\r\n    , {timeZoneId: 'Iran Standard Time', \t\t\t\t\tname: '(UTC +03:30) Iran Standard Time'}\r\n    , {timeZoneId: 'Arabian Standard Time', \t\t\t\tname: '(UTC +04:00) Arabian Standard Time'}\r\n    , {timeZoneId: 'Astrakhan Standard Time', \t\t\t    name: '(UTC +04:00) Astrakhan Standard Time'}\r\n    , {timeZoneId: 'Azerbaijan Standard Time', \t\t\t    name: '(UTC +04:00) Azerbaijan Standard Time'}\r\n    , {timeZoneId: 'Russia Time Zone 3', \t\t\t\t\tname: '(UTC +04:00) Russia Time Zone 3'}\r\n    , {timeZoneId: 'Mauritius Standard Time', \t\t\t    name: '(UTC +04:00) Mauritius Standard Time'}\r\n    , {timeZoneId: 'Saratov Standard Time', \t\t\t\tname: '(UTC +04:00) Saratov Standard Time'}\r\n    , {timeZoneId: 'Georgian Standard Time', \t\t\t\tname: '(UTC +04:00) Georgian Standard Time'}\r\n    , {timeZoneId: 'Caucasus Standard Time', \t\t\t\tname: '(UTC +04:00) Caucasus Standard Time'}\r\n    , {timeZoneId: 'Afghanistan Standard Time', \t\t\tname: '(UTC +04:30) Afghanistan Standard Time'}\r\n    , {timeZoneId: 'West Asia Standard Time', \t\t\t    name: '(UTC +05:00) West Asia Standard Time'}\r\n    , {timeZoneId: 'Ekaterinburg Standard Time', \t\t\tname: '(UTC +05:00) Ekaterinburg Standard Time'}\r\n    , {timeZoneId: 'Pakistan Standard Time', \t\t\t\tname: '(UTC +05:00) Pakistan Standard Time'}\r\n    , {timeZoneId: 'Qyzylorda Standard Time', \t\t\t    name: '(UTC +05:00) Qyzylorda Standard Time'}\r\n    , {timeZoneId: 'India Standard Time', \t\t\t\t    name: '(UTC +05:30) India Standard Time'}\r\n    , {timeZoneId: 'Sri Lanka Standard Time', \t\t\t    name: '(UTC +05:30) Sri Lanka Standard Time'}\r\n    , {timeZoneId: 'Nepal Standard Time', \t\t\t\t    name: '(UTC +05:45) Nepal Standard Time'}\r\n    , {timeZoneId: 'Central Asia Standard Time', \t\t\tname: '(UTC +06:00) Central Asia Standard Time'}\r\n    , {timeZoneId: 'Bangladesh Standard Time', \t\t\t    name: '(UTC +06:00) Bangladesh Standard Time'}\r\n    , {timeZoneId: 'Omsk Standard Time', \t\t\t\t\tname: '(UTC +06:00) Omsk Standard Time'}\r\n    , {timeZoneId: 'Myanmar Standard Time', \t\t\t\tname: '(UTC +06:30) Myanmar Standard Time'}\r\n    , {timeZoneId: 'SE Asia Standard Time', \t\t\t\tname: '(UTC +07:00) SE Asia Standard Time'}\r\n    , {timeZoneId: 'Altai Standard Time', \t\t\t\t    name: '(UTC +07:00) Altai Standard Time'}\r\n    , {timeZoneId: 'W. Mongolia Standard Time', \t\t\tname: '(UTC +07:00) W. Mongolia Standard Time'}\r\n    , {timeZoneId: 'North Asia Standard Time', \t\t\t    name: '(UTC +07:00) North Asia Standard Time'}\r\n    , {timeZoneId: 'N. Central Asia Standard Time', \t\tname: '(UTC +07:00) N. Central Asia Standard Time'}\r\n    , {timeZoneId: 'Tomsk Standard Time', \t\t\t\t    name: '(UTC +07:00) Tomsk Standard Time'}\r\n    , {timeZoneId: 'China Standard Time', \t\t\t\t    name: '(UTC +08:00) China Standard Time'}\r\n    , {timeZoneId: 'North Asia East Standard Time', \t\tname: '(UTC +08:00) North Asia East Standard Time'}\r\n    , {timeZoneId: 'Singapore Standard Time', \t\t\t    name: '(UTC +08:00) Singapore Standard Time'}\r\n    , {timeZoneId: 'W. Australia Standard Time', \t\t\tname: '(UTC +08:00) W. Australia Standard Time'}\r\n    , {timeZoneId: 'Taipei Standard Time', \t\t\t\t    name: '(UTC +08:00) Taipei Standard Time'}\r\n    , {timeZoneId: 'Ulaanbaatar Standard Time', \t\t\tname: '(UTC +08:00) Ulaanbaatar Standard Time'}\r\n    , {timeZoneId: 'Aus Central W. Standard Time', \t\t    name: '(UTC +08:45) Aus Central W. Standard Time'}\r\n    , {timeZoneId: 'Transbaikal Standard Time', \t\t\tname: '(UTC +09:00) Transbaikal Standard Time'}\r\n    , {timeZoneId: 'Tokyo Standard Time', \t\t\t\t    name: '(UTC +09:00) Tokyo Standard Time'}\r\n    , {timeZoneId: 'North Korea Standard Time', \t\t\tname: '(UTC +09:00) North Korea Standard Time'}\r\n    , {timeZoneId: 'Korea Standard Time', \t\t\t\t    name: '(UTC +09:00) Korea Standard Time'}\r\n    , {timeZoneId: 'Yakutsk Standard Time', \t\t\t\tname: '(UTC +09:00) Yakutsk Standard Time'}\r\n    , {timeZoneId: 'Cen. Australia Standard Time', \t\t    name: '(UTC +10:30) Cen. Australia Standard Time'}\r\n    , {timeZoneId: 'AUS Central Standard Time', \t\t\tname: '(UTC +09:30) AUS Central Standard Time'}\r\n    , {timeZoneId: 'E. Australia Standard Time', \t\t\tname: '(UTC +10:00) E. Australia Standard Time'}\r\n    , {timeZoneId: 'AUS Eastern Standard Time', \t\t\tname: '(UTC +11:00) AUS Eastern Standard Time'}\r\n    , {timeZoneId: 'West Pacific Standard Time', \t\t\tname: '(UTC +10:00) West Pacific Standard Time'}\r\n    , {timeZoneId: 'Tasmania Standard Time', \t\t\t\tname: '(UTC +11:00) Tasmania Standard Time'}\r\n    , {timeZoneId: 'Vladivostok Standard Time', \t\t\tname: '(UTC +10:00) Vladivostok Standard Time'}\r\n    , {timeZoneId: 'Lord Howe Standard Time', \t\t\t    name: '(UTC +11:00) Lord Howe Standard Time'}\r\n    , {timeZoneId: 'Bougainville Standard Time', \t\t\tname: '(UTC +11:00) Bougainville Standard Time'}\r\n    , {timeZoneId: 'Russia Time Zone 10', \t\t\t\t    name: '(UTC +11:00) Russia Time Zone 10'}\r\n    , {timeZoneId: 'Magadan Standard Time', \t\t\t\tname: '(UTC +11:00) Magadan Standard Time'}\r\n    , {timeZoneId: 'Norfolk Standard Time', \t\t\t\tname: '(UTC +12:00) Norfolk Standard Time'}\r\n    , {timeZoneId: 'Sakhalin Standard Time', \t\t\t\tname: '(UTC +11:00) Sakhalin Standard Time'}\r\n    , {timeZoneId: 'Central Pacific Standard Time', \t\tname: '(UTC +11:00) Central Pacific Standard Time'}\r\n    , {timeZoneId: 'Russia Time Zone 11', \t\t\t\t    name: '(UTC +12:00) Russia Time Zone 11'}\r\n    , {timeZoneId: 'New Zealand Standard Time', \t\t\tname: '(UTC +13:00) New Zealand Standard Time'}\r\n    , {timeZoneId: 'UTC+12', \t\t\t\t\t\t\t\tname: '(UTC +12:00) UTC+12'}\r\n    , {timeZoneId: 'Fiji Standard Time', \t\t\t\t\tname: '(UTC +12:00) Fiji Standard Time'}\r\n    , {timeZoneId: 'Kamchatka Standard Time', \t\t\t    name: '(UTC +12:00) Kamchatka Standard Time'}\r\n    , {timeZoneId: 'Chatham Islands Standard Time', \t\tname: '(UTC +13:45) Chatham Islands Standard Time'}\r\n    , {timeZoneId: 'UTC+13', \t\t\t\t\t\t\t\tname: '(UTC +13:00) UTC+13'}\r\n    , {timeZoneId: 'Tonga Standard Time', \t\t\t\t    name: '(UTC +13:00) Tonga Standard Time'}\r\n    , {timeZoneId: 'Samoa Standard Time', \t\t\t\t    name: '(UTC +14:00) Samoa Standard Time'}\r\n    , {timeZoneId: 'Line Islands Standard Time', \t\t\tname: '(UTC +14:00) Line Islands Standard Time'}\r\n];","import React, { useState } from 'react';\r\n// import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport _ from 'lodash';\r\nimport { TimeZoneData, TimeZoneDataProps } from '../common/Timezone';\r\n\r\n// const useStyles = makeStyles((theme: Theme) =>\r\n//   createStyles({\r\n//     root: {\r\n//         minWidth: '150px',\r\n//     },\r\n//   })\r\n// );\r\n\r\ninterface TimeZoneSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    multiple?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: IAutoCompleteItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value?: IAutoCompleteItem | IAutoCompleteItem[], name?: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    style?: React.CSSProperties; \r\n    disablePortal?: boolean;\r\n    size?: 'small' | 'medium';\r\n}\r\n\r\ninterface TimeZoneSelectorState {\r\n    isLoading: boolean;\r\n    data: IAutoCompleteItem[];\r\n}\r\n\r\nexport const TimeZoneSelector: React.FC<TimeZoneSelectorProps> = props => {\r\n\r\n    // const classes = useStyles();\r\n\r\n    const [state] = useState<TimeZoneSelectorState>({\r\n        isLoading: false,\r\n        data: _.uniqBy(TimeZoneData, 'name').map((item: TimeZoneDataProps) => {\r\n            return {\r\n                label: item.name,\r\n                value: item.timeZoneId\r\n            };\r\n        }).filter((item: IAutoCompleteItem) => item.value.length > 0)\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name);\r\n        }\r\n    };\r\n\r\n    const handleOnClose = (event: React.ChangeEvent<{}>) => {\r\n\r\n        // tslint:disable-next-line: no-string-literal\r\n        if (event.currentTarget && event.currentTarget['value']) {\r\n            // tslint:disable-next-line: no-string-literal\r\n            let newValue = event.currentTarget['value'];\r\n\r\n            if (props.onSelection) {\r\n                // tslint:disable-next-line: no-string-literal\r\n                let tempValue = { value: newValue, label: newValue };\r\n                props.onSelection(tempValue, props.name);\r\n            }\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <Autocomplete\r\n            style={props.style}\r\n            className={props.className}\r\n            value={props.value}\r\n            loading={state.isLoading}\r\n            disabled={props.disabled}\r\n            onChange={handleChange}\r\n            onClose={handleOnClose}\r\n            options={state.data}\r\n            disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderInput={params => (\r\n                <TextField \r\n                    {...params} \r\n                    label={props.label}\r\n                    variant=\"standard\" \r\n                    fullWidth={true} \r\n                    margin=\"none\" \r\n                    required={props.required}\r\n                    InputProps={getInputProps(params, state.isLoading)}\r\n                    error={props.error}    \r\n                    helperText={props.helperText}     \r\n                    size={props.size}            \r\n                />\r\n            )}\r\n            // tslint:disable-next-line: jsx-no-lambda\r\n            renderOption={(option, { inputValue }) => {\r\n                const matches = match(option.label, inputValue);\r\n                const parts = parse(option.label, matches);\r\n        \r\n                return (\r\n                    <div>\r\n                    {parts.map((part, index) => (\r\n                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                        {part.text}\r\n                        </span>\r\n                    ))}\r\n                    </div>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport MomentUtils from '@date-io/moment';\r\nimport { Button, createStyles, Grid, makeStyles, TextField, Theme } from '@material-ui/core';\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { FormApi } from 'final-form';\r\nimport gql from 'graphql-tag';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { showNotification } from '../../App';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { CountryData, CountryDataInterface } from '../common/CountryData';\r\nimport { CountrySelector } from '../selectors/CountrySelector';\r\nimport { CurrencyCodeSelector } from '../selectors/CurrencyCodeSelector';\r\nimport { CurrencySymbolSelector } from '../selectors/CurrencySymbolSelector';\r\nimport { TimeZoneSelector } from '../selectors/TimeZoneSelector';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    homeCountry: IAutoCompleteItem | null;\r\n    timeZone: IAutoCompleteItem | null;\r\n    currencyCode: IAutoCompleteItem | null;\r\n    currencySymbol: IAutoCompleteItem | null;\r\n    financialYearStart: Date | null;\r\n    taxLabel: string | null;\r\n    taxPercentage: number | null;\r\n}\r\ninterface RegionalTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function RegionalTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<RegionalTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        homeCountry: null,\r\n        timeZone: null,\r\n        currencyCode: null,\r\n        currencySymbol: null,\r\n        financialYearStart: null,\r\n        taxLabel: null,\r\n        taxPercentage: null,\r\n    });\r\n\r\n    const regionSettingsQuery = useQuery<RegionSettingsData>(REGION_SETTINGS_QUERY);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const [upRegionSettingsQuery] = useMutation<any, RegionSettingsMutationParams>(REGION_SETTINGS_MUTATION);\r\n    \r\n    const getCountryDetails = (value: string, type: 'countryCode' | 'country') => {\r\n\r\n        let renderType: 'countryCode' | 'country' = 'country';\r\n        if (type === 'country') {\r\n            renderType = 'countryCode';\r\n        }\r\n\r\n        const countryData: CountryDataInterface | undefined = CountryData.find((item: CountryDataInterface) => item[renderType] === value);\r\n\r\n        // tslint:disable-next-line: no-console\r\n        console.log('getCountryDetails', value, type, countryData);\r\n\r\n        return countryData ? countryData[type] : '';\r\n    };\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!regionSettingsQuery.loading && regionSettingsQuery.data) {\r\n\r\n            const { \r\n                currencyCode,\r\n                currencySymbol,\r\n                financialYearStart,\r\n                homeCountry,\r\n                timeZone,\r\n                timeZoneDescription,\r\n                taxLabel,\r\n                taxPercentage\r\n            } = regionSettingsQuery.data.settings.systems.regionSettings.config;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    financialYearStart,\r\n                    currencyCode: currencyCode ? { label: currencyCode, value: currencyCode } : null,\r\n                    currencySymbol: currencySymbol ? { label: currencySymbol, value: currencySymbol } : null,\r\n                    // tslint:disable-next-line: max-line-length\r\n                    homeCountry: homeCountry && homeCountry.length > 0 ? { label: getCountryDetails(homeCountry, 'country'), value: getCountryDetails(homeCountry, 'country') } : null,\r\n                    timeZone: timeZone && timeZoneDescription ? { label: timeZoneDescription, value: timeZone } : null,\r\n                    taxLabel: taxLabel,\r\n                    taxPercentage: taxPercentage\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [regionSettingsQuery.data, regionSettingsQuery.loading]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n\r\n        upRegionSettingsQuery({\r\n            variables: {\r\n                homeCountry: values.homeCountry ? getCountryDetails(values.homeCountry.label, 'countryCode') : null,\r\n                currencySymbol: values.currencySymbol ? values.currencySymbol.value : null,\r\n                currencyCode: values.currencyCode ? values.currencyCode.value : null,\r\n                financialYearStart: values.financialYearStart ? values.financialYearStart : null,\r\n                timeZone: values.timeZone ? values.timeZone.value : null,\r\n                taxLabel: values.taxLabel ? values.taxLabel : null,\r\n                taxPercentage: values.taxPercentage ? values.taxPercentage : null\r\n            }\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');     \r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update region settings.', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    return (\r\n        <MuiPickersUtilsProvider utils={MomentUtils}>\r\n            <div className={classes.root}>\r\n                {state.isLoading ? (\r\n                    <div className={classes.loaderWrapper}>\r\n                        <RvLoader />\r\n                    </div>\r\n                ) : (\r\n                    <Form\r\n                        onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                        initialValues={formState}\r\n                        initialValuesEqual={() => true}\r\n                        keepDirtyOnReinitialize={true}\r\n                        subscription={{\r\n                            submitting: true,\r\n                            pristine: true\r\n                        }}\r\n                        render={({\r\n                            handleSubmit,\r\n                            form,\r\n                            submitting,\r\n                            pristine,\r\n                            values\r\n                        }) => (\r\n                                <form onSubmit={handleSubmit}>\r\n                                    <FormSpy \r\n                                        subscription={{ pristine: true }}\r\n                                        // tslint:disable-next-line: no-shadowed-variable\r\n                                        onChange={props => {\r\n                                            onFormValueChanged(props);\r\n                                        }}\r\n                                    />\r\n                                    \r\n                                    <Grid container={true} spacing={3}>\r\n                                        <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                            <Field\r\n                                                name=\"homeCountry\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                                // validate={form.getFieldState('homeCountry')?.value !== null ? required : undefined}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <CountrySelector \r\n                                                        {...input}\r\n                                                        label=\"Home Country\" \r\n                                                        onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                            input.onChange(selection)\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                            <Field\r\n                                                name=\"timeZone\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                                // validate={form.getFieldState('timeZone')?.value !== null ? required : undefined}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <TimeZoneSelector \r\n                                                        {...input}\r\n                                                        label=\"Time Zone\" \r\n                                                        onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                            input.onChange(selection)\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                            <Field\r\n                                                name=\"currencyCode\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                                // validate={form.getFieldState('currencyCode')?.value !== null ? required : undefined}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <CurrencyCodeSelector \r\n                                                        {...input}\r\n                                                        label=\"Currency Code\" \r\n                                                        onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                            input.onChange(selection)\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                            <Field\r\n                                                name=\"currencySymbol\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                                // validate={form.getFieldState('currencySymbol')?.value !== null ? required : undefined}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <CurrencySymbolSelector \r\n                                                        {...input}\r\n                                                        label=\"Currency Symbol\" \r\n                                                        onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                            input.onChange(selection)\r\n                                                        }\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                            <Field\r\n                                                name=\"financialYearStart\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                                // validate={form.getFieldState('financialYearStart')?.value !== null ? required : undefined}\r\n                                            >\r\n                                                {({ input, meta }) => (\r\n                                                    <KeyboardDatePicker\r\n                                                        {...input}\r\n                                                        label=\"Financial Year Start\"\r\n                                                        error={meta.error && meta.touched}\r\n                                                        helperText={\r\n                                                            meta.error &&\r\n                                                            meta.touched\r\n                                                                ? meta.error\r\n                                                                : ''\r\n                                                        }\r\n                                                        size=\"small\"\r\n                                                        variant=\"inline\"\r\n                                                        InputLabelProps={{ shrink: true }}\r\n                                                        format=\"DD/MM/YYYY\"\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"taxLabel\"\r\n                                                        // validate={required}\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Tax Label\"\r\n                                                                // required={true}\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                autoComplete=\"abcd\"\r\n                                                                helperText={\r\n                                                                    meta.error &&\r\n                                                                    meta.touched\r\n                                                                        ? 'Tax Label is required'\r\n                                                                        : ''\r\n                                                                }\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"taxPercentage\"\r\n                                                        // validate={required}\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        parse={value => parseFloat(value)}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Tax Percentage\"\r\n                                                                type=\"number\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                autoComplete=\"abcd\"\r\n                                                                helperText={\r\n                                                                    meta.error &&\r\n                                                                    meta.touched\r\n                                                                        ? 'Tax Percentage is required'\r\n                                                                        : ''\r\n                                                                }\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </Grid>\r\n                                        <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                            <div className={classes.buttonWrapper}>\r\n                                                <Button \r\n                                                    variant=\"outlined\" \r\n                                                    color=\"primary\"\r\n                                                    type=\"submit\"\r\n                                                    disabled={submitting || pristine || state.onSubmitLoading}\r\n                                                >\r\n                                                    Save\r\n                                                </Button>\r\n                                                <Button \r\n                                                    variant=\"outlined\" \r\n                                                    color=\"primary\"\r\n                                                    type=\"button\"\r\n                                                    disabled={submitting || pristine}\r\n                                                    onClick={onReset(form)}\r\n                                                >\r\n                                                    Reset\r\n                                                </Button>\r\n                                            </div>\r\n                                        </Grid>\r\n                                        {/* {printJson(values)} */}\r\n                                </Grid>\r\n                                </form>\r\n                            )}\r\n                    />\r\n                )}\r\n            </div>\r\n        </MuiPickersUtilsProvider>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface RegionSettingsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    id:      number;\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    regionSettings: RegionSettings;\r\n}\r\n\r\nexport interface RegionSettings {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id: number;\r\n    currencyCode: string;\r\n    currencySymbol: string;\r\n    financialYearStart: Date;\r\n    homeCountry: string;\r\n    timeZone: string;\r\n    timeZoneDescription: string;\r\n    baseUtcOffset: number;\r\n    taxLabel: string;\r\n    taxPercentage: number;\r\n}\r\n\r\nconst REGION_SETTINGS_QUERY = gql`\r\n    query regionSettings {\r\n        settings {\r\n            id\r\n            systems {\r\n                regionSettings {\r\n                    id\r\n                    config {\r\n                        id\r\n                        currencyCode\r\n                        currencySymbol\r\n                        financialYearStart\r\n                        homeCountry\r\n                        timeZone\r\n                        timeZoneDescription\r\n                        taxLabel\r\n                        taxPercentage\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface RegionSettingsMutationParams {\r\n    homeCountry: string | null;\r\n    timeZone: string | null;\r\n    currencyCode: string | null;\r\n    currencySymbol: string | null;\r\n    financialYearStart: Date | null;\r\n    taxLabel: string | null;\r\n    taxPercentage: number | null;\r\n}\r\n\r\nconst REGION_SETTINGS_MUTATION = gql`\r\n    mutation RegionSettingsMutation(\r\n        $homeCountry: String,\r\n        $timeZone: String,\r\n        $currencyCode: String,\r\n        $currencySymbol: String,\r\n        $financialYearStart: DateTime,\r\n        $taxLabel: String,\r\n        $taxPercentage: Decimal\r\n    ){\r\n        settings {\r\n            regionSettings {\r\n                update (\r\n                    homeCountry: $homeCountry,\r\n                    timeZone: $timeZone,\r\n                    currencyCode: $currencyCode,\r\n                    currencySymbol: $currencySymbol,\r\n                    financialYearStart: $financialYearStart,\r\n                    taxLabel: $taxLabel,\r\n                    taxPercentage: $taxPercentage\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","import React, { useState, useEffect } from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Autocomplete, RenderInputParams } from '@material-ui/lab';\r\nimport { TextField, CircularProgress } from '@material-ui/core';\r\nimport match from 'autosuggest-highlight/match';\r\nimport parse from 'autosuggest-highlight/parse';\r\nimport { showNotification } from '../../App';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport gql from 'graphql-tag';\r\nimport { client } from '../..';\r\nimport { FetchPolicy } from 'apollo-client';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n        minWidth: '200px',\r\n    },\r\n  })\r\n);\r\n\r\ninterface TimesheetActivitiesSelectorProps {\r\n    disabled?: boolean;\r\n    required?: boolean;\r\n    multiple?: boolean;\r\n    // tslint:disable-next-line: no-any\r\n    value?: IAutoCompleteItem | any; // value only available in single select\r\n    error?: boolean;\r\n    onSelection?: (value: IAutoCompleteItem | IAutoCompleteItem[], name: string) => void;\r\n    className?: string;\r\n    helperText?: string;\r\n    name?: string;\r\n    label?: string;\r\n    disablePortal?: boolean;\r\n}\r\n\r\ninterface TimesheetActivitiesSelectorState {\r\n    isLoading: boolean;\r\n    options: IAutoCompleteItem[];\r\n}\r\n\r\nexport const TimesheetActivitiesSelector: React.FC<TimesheetActivitiesSelectorProps> = props => {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<TimesheetActivitiesSelectorState>({\r\n        isLoading: false,\r\n        options: [],\r\n    });\r\n\r\n    useEffect(() => {   \r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchData = () => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true\r\n        });\r\n\r\n        const timesheetActivitiesParams: TimesheetActivitiesParams = {\r\n            clientOnly: false\r\n        };\r\n\r\n        retrieveTimesheetActivitiesData(\r\n            timesheetActivitiesParams,\r\n            false, // this.state.isRefresh, -- Since we are updating and creating, we do not fetch cached data\r\n            // tslint:disable-next-line: no-console\r\n            (data) => onRetrieveEnquiryStatus(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveEnquiryStatus = (data: TimesheetActivitiesData) => {\r\n        setState({\r\n            ...state,\r\n            options: data.timesheetActivities.activities.map( (source: Activity) => ({value: source.stringValue, label: source.stringValue })),\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleChange = (event: React.ChangeEvent<{}>, value: any) => {\r\n        // tslint:disable-next-line: no-console\r\n        console.log('onChange', value);\r\n        if (props.onSelection) {\r\n            props.onSelection(value, props.name ? props.name : 'office');\r\n        }\r\n    };\r\n\r\n    const getInputProps = (params: RenderInputParams, isLoading?: boolean) => {\r\n        return  ({   \r\n            ...params.InputProps,\r\n            endAdornment: (\r\n                <React.Fragment>\r\n                  {isLoading ? <CircularProgress color=\"primary\" size={20} /> : null}\r\n                  {params.InputProps.endAdornment}\r\n                </React.Fragment>\r\n              ),     \r\n         });\r\n    };\r\n\r\n    return (\r\n        <div className={`${classes.root} ${props.className}`}>\r\n            { props.multiple ? \r\n                (\r\n                    <Autocomplete\r\n                        value={props.value}\r\n                        multiple={true}\r\n                        loading={state.isLoading}\r\n                        disabled={props.disabled}\r\n                        onChange={handleChange}\r\n                        options={state.options}\r\n                        disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        getOptionLabel={(option: IAutoCompleteItem) => option.label}        \r\n                        getOptionSelected={(option, value) => value.value === option.value}            \r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderInput={params => (\r\n                            <TextField \r\n                                {...params} \r\n                                label={props.label ? props.label : 'Timesheet Activity'}\r\n                                variant=\"standard\" \r\n                                fullWidth={true} \r\n                                margin=\"none\" \r\n                                required={props.required}\r\n                                InputProps={getInputProps(params, state.isLoading)}\r\n                                error={props.error}      \r\n                                helperText={props.helperText}                      \r\n                            />\r\n                        )}\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderOption={(option, { inputValue }) => {\r\n                            const matches = match(option.label, inputValue);\r\n                            const parts = parse(option.label, matches);\r\n                    \r\n                            return (\r\n                                <div>\r\n                                    {parts.map((part, index) => (\r\n                                        <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                            {part.text}\r\n                                        </span>\r\n                                    ))}\r\n                                </div>\r\n                            );\r\n                        }}\r\n                    />\r\n                )\r\n                :\r\n                (\r\n                    <Autocomplete\r\n                        value={props.value}\r\n                        loading={state.isLoading}\r\n                        disabled={props.disabled}\r\n                        onChange={handleChange}\r\n                        options={state.options}\r\n                        disablePortal={props.disablePortal} // to Stop the dropdown select from closing the form\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        getOptionLabel={(option: IAutoCompleteItem) => option.label}         \r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderInput={params => (\r\n                            <TextField \r\n                                {...params} \r\n                                label={props.label ? props.label : 'Office'}\r\n                                variant=\"standard\" \r\n                                fullWidth={true} \r\n                                margin=\"none\" \r\n                                required={props.required}\r\n                                InputProps={getInputProps(params, state.isLoading)}\r\n                                error={props.error}                            \r\n                            />\r\n                        )}\r\n                        // tslint:disable-next-line: jsx-no-lambda\r\n                        renderOption={(option, { inputValue }) => {\r\n                            const matches = match(option.label, inputValue);\r\n                            const parts = parse(option.label, matches);\r\n                    \r\n                            return (\r\n                                <div>\r\n                                {parts.map((part, index) => (\r\n                                    <span key={index} style={{ fontWeight: part.highlight ? 700 : 400 }}>\r\n                                    {part.text}\r\n                                    </span>\r\n                                ))}\r\n                                </div>\r\n                            );\r\n                        }}\r\n                    />\r\n                )\r\n            }\r\n        </div>\r\n    );\r\n};\r\n\r\nexport function retrieveTimesheetActivitiesData(\r\n    params: TimesheetActivitiesParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: TimesheetActivitiesData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void\r\n): void  {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: TimesheetActivitiesQuery,\r\n            variables: {\r\n                clientOnly: params.clientOnly\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nexport interface TimesheetActivitiesParams {\r\n    clientOnly: boolean;\r\n}\r\n\r\nexport interface TimesheetActivitiesData {\r\n    timesheetActivities: TimesheetActivities;\r\n}\r\n\r\nexport interface TimesheetActivities {\r\n    activities: Activity[];\r\n}\r\n\r\nexport interface Activity {\r\n    id:             number;\r\n    stringValue:    string;\r\n    isVIP:          boolean;\r\n    isFirmActivity: boolean;\r\n}\r\n\r\nexport const TimesheetActivitiesQuery = gql`\r\n    query timesheetActivities {\r\n        timesheetActivities(clientOnly: false) {\r\n            activities {\r\n                id\r\n                stringValue\r\n                isVIP\r\n                isFirmActivity\r\n            }\r\n        }\r\n    }\r\n`;","import {\r\n    Accordion,\r\n    AccordionDetails,\r\n    AccordionSummary,\r\n    Button,\r\n    Checkbox,\r\n    createStyles,\r\n    FormControl,\r\n    FormControlLabel,\r\n    FormGroup,\r\n    FormLabel,\r\n    Grid,\r\n    makeStyles,\r\n    Radio,\r\n    RadioGroup,\r\n    TextField,\r\n    Theme,\r\n    Typography,\r\n} from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport { mainTheme } from '../../Theme';\r\nimport gql from 'graphql-tag';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { showNotification } from '../../App';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked';\r\nimport { TimesheetActivitiesSelector } from '../selectors/TimesheetActivitiesSelector';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n        justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        },\r\n        radioGroup: {\r\n            flexDirection: 'row'\r\n        },\r\n        radioIcon: {\r\n            color: mainTheme.BrandColors.TemplatePrimary\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main\r\n        },\r\n        accordionDetails: {\r\n            flexFlow: 'column',\r\n        },\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    unitsPerHour: number | null;\r\n    standardHoursPerDay: number | null;\r\n    expectedHoursPerDay: number | null;\r\n    warningOnExceedingHours: boolean;\r\n    timeCaptureOptions: string | null;\r\n    useStartEndTime: boolean;\r\n    copyActivityAsNote: boolean;\r\n    thresholdLevel: number | null;\r\n\r\n    // defaults fields\r\n    defaultDurationMinutes: number | null;\r\n    defaultDurationUnits: number | null;\r\n    phoneCallActivity: IAutoCompleteItem | null;\r\n    emailActivity: IAutoCompleteItem | null;\r\n    submissionType: string | null;\r\n    // mobileOpeningPage: string | null;\r\n    timeSelectionMinuteInterval: number | null;\r\n    // isShowFavouriteActivitiesFirst: boolean;\r\n    // isShowFavouriteMattersFirst: boolean;\r\n    useSmartSettings: boolean;\r\n    suggestCustomButtons: boolean;\r\n    timeCaptureMode: string | null;\r\n\r\n    // warning fields\r\n    warnOnDefaultTime: boolean;\r\n    warnOnExceedingHours: boolean;\r\n    warnIfNotToday: boolean;\r\n}\r\ninterface TimeRecordingTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function TimeRecordingTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<TimeRecordingTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        unitsPerHour: null,\r\n        standardHoursPerDay: null,\r\n        expectedHoursPerDay: null,\r\n        useStartEndTime: false,\r\n        warningOnExceedingHours: false,\r\n        timeCaptureOptions: 'both',\r\n        copyActivityAsNote: false,\r\n        thresholdLevel: null,\r\n\r\n        defaultDurationMinutes: null,\r\n        defaultDurationUnits: null,\r\n        phoneCallActivity: null,\r\n        emailActivity: null,\r\n        submissionType: null,\r\n        // mobileOpeningPage: null,\r\n        timeSelectionMinuteInterval: null,\r\n        // isShowFavouriteActivitiesFirst: false,\r\n        // isShowFavouriteMattersFirst: false,\r\n        useSmartSettings: false,\r\n        suggestCustomButtons: false,\r\n        timeCaptureMode: null,\r\n\r\n        warnOnDefaultTime: false,\r\n        warnOnExceedingHours: false,\r\n        warnIfNotToday: false,\r\n    });\r\n\r\n    const timeRecordingSettings = useQuery<TimeRecordingSettingsData>(TIME_RECORDING_SETTINGS_QUERY);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const [updateTimeRecordingSettings] = useMutation<any, TimeRecordingSettingsMutationParams>(TIME_RECORDING_SETTINGS_MUTATION);\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!timeRecordingSettings.loading && timeRecordingSettings.data) {\r\n\r\n            const { \r\n                copyActivityAsNote,\r\n                expectedHoursPerDay,\r\n                standardHoursPerDay,\r\n                unitsPerHour,\r\n                useStartEndTime,\r\n                thresholdLevel,\r\n\r\n                // defaults fields\r\n                defaultDurationMinutes,\r\n                defaultDurationUnits,\r\n                emailActivity,\r\n                phoneCallActivity,\r\n                submissionType,\r\n                suggestCustomButtons,\r\n                tenantTimeCaptureMode,\r\n                timeCaptureMode,\r\n                timeSelectionMinuteInterval,\r\n                useSmartSettings,\r\n\r\n                // warning fields\r\n                warnIfNotToday,\r\n                warnOnExceedingHours,\r\n\r\n            } = timeRecordingSettings.data.settings.systems.timeRecordingSettings.config;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    copyActivityAsNote,\r\n                    expectedHoursPerDay,\r\n                    standardHoursPerDay,\r\n                    unitsPerHour,\r\n                    useStartEndTime,\r\n                    thresholdLevel,\r\n                    // passwordStrength: passwordStrength,\r\n\r\n                    // defaults fields\r\n                    defaultDurationMinutes,\r\n                    defaultDurationUnits,\r\n                    emailActivity : emailActivity ? { label: emailActivity, value: emailActivity} : null,\r\n                    phoneCallActivity: phoneCallActivity ? { label: phoneCallActivity, value: phoneCallActivity} : null,\r\n                    submissionType,\r\n                    suggestCustomButtons,\r\n                    tenantTimeCaptureMode,\r\n                    timeCaptureMode,\r\n                    timeSelectionMinuteInterval,\r\n                    useSmartSettings,\r\n\r\n                    // warning fields\r\n                    warnIfNotToday: warnIfNotToday,\r\n                    warnOnExceedingHours: warnOnExceedingHours,\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [timeRecordingSettings.data, timeRecordingSettings.loading]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        // console.log('submit');\r\n        updateTimeRecordingSettings({\r\n            variables: {\r\n                copyActivityAsNote: values.copyActivityAsNote,\r\n                expectedHoursPerDay: values.expectedHoursPerDay,\r\n                standardHoursPerDay: values.standardHoursPerDay,\r\n                unitsPerHour: values.unitsPerHour,\r\n                useStartEndTime: values.useStartEndTime,\r\n                thresholdLevel: values.thresholdLevel,\r\n\r\n                // defaults fields\r\n                defaultDurationMinutes: values.defaultDurationMinutes,\r\n                defaultDurationUnits: values.defaultDurationUnits,\r\n                emailActivity: values.emailActivity ? values.emailActivity.value : null,\r\n                phoneCallActivity: values.phoneCallActivity ? values.phoneCallActivity.value : null,\r\n                submissionType: values.submissionType,\r\n                suggestCustomButtons: values.suggestCustomButtons,\r\n                tenantTimeCaptureMode: values.tenantTimeCaptureMode,\r\n                timeCaptureMode: values.timeCaptureMode,\r\n                timeSelectionMinuteInterval: values.timeSelectionMinuteInterval,\r\n                useSmartSettings: values.useSmartSettings,\r\n\r\n                // warning fields\r\n                warnIfNotToday: values.warnIfNotToday,\r\n                warnOnExceedingHours: values.warnOnExceedingHours,\r\n            }\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');     \r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update time recording.', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const RadioComp = (compProps: any) => {\r\n\r\n        const { input } = compProps;        \r\n        return (\r\n                <Radio\r\n                    {...input}\r\n                    checkedIcon={<RadioButtonCheckedIcon className={classes.radioIcon} />}\r\n                />\r\n        );\r\n    };\r\n    \r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}\r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true,\r\n                    }}\r\n                    validate={(values) => {\r\n                        let errors = {\r\n                            unitsPerHour: '',\r\n                            standardHoursPerDay: '',\r\n                            expectedHoursPerDay: '',\r\n                        };\r\n                        if (values.unitsPerHour !== null) {\r\n                            if (!(values.unitsPerHour >= 0 && values.unitsPerHour <= 60)) {\r\n                                errors.unitsPerHour = 'Unit per hour should be between 0 and 60';\r\n                            }\r\n                        }\r\n                        if (values.standardHoursPerDay !== null) {\r\n                            if (!(values.standardHoursPerDay >= 0 && values.standardHoursPerDay <= 24)) {\r\n                                errors.standardHoursPerDay = 'Standard hours per day should be between 0 and 24';\r\n                            }\r\n                        }\r\n                        if (values.expectedHoursPerDay !== null) {\r\n                            if (!(values.expectedHoursPerDay >= 0 && values.expectedHoursPerDay <= 24)) {\r\n                                errors.expectedHoursPerDay = 'Expected hours per day should be between 0 and 24';\r\n                            }\r\n                        }\r\n                        if (errors.unitsPerHour === '' && errors.standardHoursPerDay === '' && errors.expectedHoursPerDay === '') {\r\n                            return undefined;\r\n                        }\r\n                        return errors;\r\n                    }}\r\n                    render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                        <form onSubmit={handleSubmit}>\r\n                            <FormSpy\r\n                                subscription={{ pristine: true }}\r\n                                // tslint:disable-next-line: no-shadowed-variable\r\n                                onChange={(props) => {\r\n                                    onFormValueChanged(props);\r\n                                }}\r\n                            />\r\n\r\n                            <Grid container={true} spacing={3}>\r\n                                <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n                                            <Typography className={classes.heading}>Time Recording</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"unitsPerHour\"\r\n                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                        // validate={form.getFieldState('unitsPerHour')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Units per Hour\"\r\n                                                                name=\"unitsPerHour\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"standardHoursPerDay\"\r\n                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                        // validate={form.getFieldState('standardHoursPerDay')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Standard Hours per Day\"\r\n                                                                name=\"standardHoursPerDay\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"expectedHoursPerDay\"\r\n                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                        // validate={form.getFieldState('expectedHoursPerDay')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Expected Hours per Day\"\r\n                                                                name=\"expectedHoursPerDay\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                                    <FormGroup className={classes.radioGroup}>\r\n                                                        <Field name=\"useStartEndTime\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Use Start & End Time\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                        <Field name=\"copyActivityAsNote\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Copy Activity As Note\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                        {/* <Field\r\n                                                            name=\"warningonExceedingHours\"\r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                        >                                            \r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    disabled={true}\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Warning on Exceeding Hours\" \r\n                                                                />\r\n                                                            )}\r\n                                                        </Field> */}\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n                                            <Typography className={classes.heading}>Default</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <FormControl component=\"fieldset\">\r\n                                                        <FormLabel component=\"legend\">Submission Type</FormLabel>\r\n                                                        <RadioGroup\r\n                                                            className={classes.radioGroup}\r\n                                                            \r\n                                                        >\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"submissionType\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Automatic\"\r\n                                                                label=\"Submit Only\" \r\n                                                            />\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"submissionType\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Draft\"\r\n                                                                label=\"Allow Draft\" \r\n                                                            />\r\n                                                        </RadioGroup>\r\n                                                    </FormControl>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    {/* <FormControl component=\"fieldset\">\r\n                                                        <FormLabel component=\"legend\">Mobile Opening Page</FormLabel>\r\n                                                        <RadioGroup\r\n                                                            // defaultValue={state.mobileOpeningPage}\r\n                                                            className={classes.radioGroup}\r\n                                                        >\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"mobileOpeningPage\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Home\"\r\n                                                                label=\"Home\" \r\n                                                            />\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"mobileOpeningPage\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Timesheet\"\r\n                                                                label=\"Timesheet\" \r\n                                                            />\r\n                                                        </RadioGroup>\r\n                                                    </FormControl> */}\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"defaultDurationUnits\"\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        // tslint:disable-next-line: radix\r\n                                                        parse={value => parseInt(value)}\r\n                                                        // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Duration/Units\" \r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={\r\n                                                                    meta.error &&\r\n                                                                    meta.touched\r\n                                                                        ? meta.error\r\n                                                                        : ''\r\n                                                                }\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"defaultDurationMinutes\"\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        // tslint:disable-next-line: radix\r\n                                                        parse={value => parseInt(value)}\r\n                                                        // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Duration/Minutes\" \r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={\r\n                                                                    meta.error &&\r\n                                                                    meta.touched\r\n                                                                        ? meta.error\r\n                                                                        : ''\r\n                                                                }\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"timeSelectionMinuteInterval\"\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        // tslint:disable-next-line: radix\r\n                                                        parse={value => parseInt(value)}\r\n                                                        // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Time Selection Minute Interval\" \r\n                                                                name=\"timeSelectionMinuteInterval\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={\r\n                                                                    meta.error &&\r\n                                                                    meta.touched\r\n                                                                        ? meta.error\r\n                                                                        : ''\r\n                                                                }\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"phoneCallActivity\"\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        // validate={form.getFieldState('phoneCallActivity')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TimesheetActivitiesSelector \r\n                                                                {...input}\r\n                                                                label=\"Phone Call Activity\" \r\n                                                                onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                                    input.onChange(selection)\r\n                                                                }\r\n                                                                className={classes.textField}\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"emailActivity\"\r\n                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                        // validate={form.getFieldState('emailActivity')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TimesheetActivitiesSelector \r\n                                                                {...input}\r\n                                                                label=\"Email Activity\" \r\n                                                                onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                                    input.onChange(selection)\r\n                                                                }\r\n                                                                className={classes.textField}\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                                    <Grid container={true} spacing={3}>\r\n                                                        {/* <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                            <Field\r\n                                                                name=\"isShowFavouriteActivitiesFirst\"\r\n                                                                subscription={{touched: true, error: true, value: true}}\r\n                                                            >                                            \r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        disabled={true}\r\n                                                                        label=\"Show Favourite Activities First\" \r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </Grid>\r\n                                                        <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                            <Field\r\n                                                                name=\"isShowFavouriteMattersFirst\"\r\n                                                                subscription={{touched: true, error: true, value: true}}\r\n                                                            >                                            \r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        disabled={true}\r\n                                                                        label=\"Show Favourite Matters First\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </Grid> */}\r\n                                                        <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                            <Field\r\n                                                                name=\"useSmartSettings\"\r\n                                                                subscription={{touched: true, error: true, value: true}}\r\n                                                            >                                            \r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Use Smart Settings\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </Grid>\r\n                                                        <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                            <Field\r\n                                                                name=\"suggestCustomButtons\"\r\n                                                                subscription={{touched: true, error: true, value: true}}\r\n                                                            >                                            \r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Suggest Custom Buttons\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </Grid>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <FormControl component=\"fieldset\">\r\n                                                        <FormLabel component=\"legend\">Time Capture Mode</FormLabel>\r\n                                                        <RadioGroup\r\n                                                            className={classes.radioGroup}\r\n                                                        >\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"timeCaptureMode\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Duration\"\r\n                                                                label=\"Duration\" \r\n                                                            />\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"timeCaptureMode\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Units\"\r\n                                                                label=\"Units\" \r\n                                                            />\r\n                                                        </RadioGroup>\r\n                                                    </FormControl>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                                    <FormControl component=\"fieldset\">\r\n                                                        <FormLabel component=\"legend\">Tenant Time Capture Mode</FormLabel>\r\n                                                        <RadioGroup\r\n                                                            className={classes.radioGroup}\r\n                                                        >\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"tenantTimeCaptureMode\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Both\"\r\n                                                                label=\"Both\" \r\n                                                            />\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"tenantTimeCaptureMode\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Duration\"\r\n                                                                label=\"Duration\" \r\n                                                            />\r\n                                                            <FormControlLabel \r\n                                                                control={\r\n                                                                    <Field \r\n                                                                        subscription={{touched: true, error: true, value: true}}\r\n                                                                        name=\"tenantTimeCaptureMode\" \r\n                                                                        component={RadioComp}\r\n                                                                        type=\"radio\"\r\n                                                                    />\r\n                                                                }\r\n                                                                value=\"Units\"\r\n                                                                label=\"Units\" \r\n                                                            />\r\n                                                        </RadioGroup>\r\n                                                    </FormControl>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\r\n                                            <Typography className={classes.heading}>Warnings</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid item={true} xs={12} md={8} lg={8} sm={12}>\r\n                                                    <FormGroup>\r\n                                                        <Field\r\n                                                            name=\"warnOnExceedingHours\"\r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                        >                                            \r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Warning on Exceeding Hours\" \r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                        <Field\r\n                                                            name=\"warnIfNotToday\"\r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                        >                                            \r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Warn if not today\"  \r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                        {/* <Field\r\n                                                            name=\"warnOnDefaultTime\"\r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                        >                                            \r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Warn on Default Time\" \r\n                                                                />\r\n                                                            )}\r\n                                                        </Field> */}\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                                <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                                    <Field\r\n                                                        name=\"thresholdLevel\"\r\n                                                        subscription={{ touched: true, error: true, value: true }}\r\n                                                        // validate={form.getFieldState('expectedHoursPerDay')?.value !== null ? required : undefined}\r\n                                                    >\r\n                                                        {({ input, meta }) => (\r\n                                                            <TextField\r\n                                                                {...input}\r\n                                                                label=\"Matter Estimate Threshold %\"\r\n                                                                name=\"thresholdLevel\"\r\n                                                                className={classes.textField}\r\n                                                                error={meta.error && meta.touched}\r\n                                                                helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                type=\"number\"\r\n                                                            />\r\n                                                        )}\r\n                                                    </Field>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                    <div className={classes.buttonWrapper}>\r\n                                        <Button variant=\"outlined\" color=\"primary\" type=\"submit\" disabled={submitting || pristine || state.onSubmitLoading}>\r\n                                            Save\r\n                                        </Button>\r\n                                        <Button variant=\"outlined\" color=\"primary\" type=\"button\" disabled={submitting || pristine} onClick={onReset(form)}>\r\n                                            Reset\r\n                                        </Button>\r\n                                    </div>\r\n                                </Grid>\r\n                                {/* {printJson(values)} */}\r\n                            </Grid>\r\n                        </form>\r\n                    )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface TimeRecordingSettingsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    id:      number;\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    timeRecordingSettings: TimeRecordingSettings;\r\n}\r\n\r\nexport interface TimeRecordingSettings {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:                  number;\r\n    copyActivityAsNote:  boolean;\r\n    expectedHoursPerDay: number;\r\n    standardHoursPerDay: number;\r\n    unitsPerHour:        number;\r\n    useStartEndTime:     boolean;\r\n    thresholdLevel:      number;\r\n\r\n    defaultDurationMinutes:      number;\r\n    defaultDurationUnits:        number;\r\n    emailActivity:               string;\r\n    phoneCallActivity:           string;\r\n    submissionType:              string;\r\n    suggestCustomButtons:        boolean;\r\n    tenantTimeCaptureMode:       string;\r\n    timeCaptureMode:             string;\r\n    timeSelectionMinuteInterval: number;\r\n    useSmartSettings:            boolean;\r\n    warnIfNotToday:              boolean;\r\n    warnOnExceedingHours:        boolean;\r\n\r\n}\r\n\r\nconst TIME_RECORDING_SETTINGS_QUERY = gql`\r\n    query timeRecordingSettings {\r\n        settings {\r\n            id\r\n            systems {\r\n                timeRecordingSettings {\r\n                  id\r\n                  config {\r\n                    id\r\n                    copyActivityAsNote\r\n                    expectedHoursPerDay\r\n                    standardHoursPerDay\r\n                    unitsPerHour\r\n                    useStartEndTime\r\n                    thresholdLevel\r\n                    \r\n                    defaultDurationMinutes\r\n                    defaultDurationUnits\r\n                    emailActivity\r\n                    phoneCallActivity\r\n                    submissionType\r\n                    suggestCustomButtons\r\n                    tenantTimeCaptureMode\r\n                    timeCaptureMode\r\n                    timeSelectionMinuteInterval\r\n                    useSmartSettings\r\n                    \r\n                    warnIfNotToday\r\n                    warnOnExceedingHours\r\n                  }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface TimeRecordingSettingsMutationParams {\r\n    unitsPerHour: number | null;\r\n    standardHoursPerDay: number | null;\r\n    expectedHoursPerDay: number | null;\r\n    useStartEndTime: Boolean;\r\n    copyActivityAsNote: Boolean;\r\n    thresholdLevel: number | null;\r\n\r\n    // defaults fields\r\n    tenantTimeCaptureMode: string | null;\r\n    submissionType: string | null;\r\n    defaultDurationUnits: number | null;\r\n    defaultDurationMinutes: number | null;\r\n    phoneCallActivity: string | null;\r\n    emailActivity: string | null;\r\n    suggestCustomButtons: Boolean;\r\n    useSmartSettings: Boolean;\r\n    timeCaptureMode: string | null;\r\n    timeSelectionMinuteInterval: number | null;\r\n\r\n    // warning fields\r\n    warnOnExceedingHours: Boolean;\r\n    warnIfNotToday: Boolean;\r\n}\r\n\r\nconst TIME_RECORDING_SETTINGS_MUTATION = gql`\r\n    mutation TimeRecordingSettingsMutation(\r\n        $unitsPerHour: Int,\r\n        $standardHoursPerDay: Decimal,\r\n        $expectedHoursPerDay: Int,\r\n        $useStartEndTime: Boolean,\r\n        $copyActivityAsNote: Boolean,\r\n        $thresholdLevel: Decimal,\r\n  \r\n       \t$tenantTimeCaptureMode: String,\r\n        $submissionType: String,\r\n        $defaultDurationUnits: Int,\r\n        $defaultDurationMinutes: Int,\r\n        $phoneCallActivity: String,\r\n        $emailActivity: String,\r\n        $suggestCustomButtons: Boolean,\r\n        $useSmartSettings: Boolean,\r\n        $timeCaptureMode: String,\r\n        $timeSelectionMinuteInterval: Int\r\n  \r\n  \t\t\t$warnIfNotToday: Boolean,\r\n        $warnOnExceedingHours: Boolean,\r\n    ){\r\n        settings {\r\n            timeRecordingSettings {\r\n                update (\r\n                    unitsPerHour: $unitsPerHour,\r\n                    standardHoursPerDay: $standardHoursPerDay,\r\n                    expectedHoursPerDay: $expectedHoursPerDay,\r\n                    useStartEndTime: $useStartEndTime,\r\n                    copyActivityAsNote: $copyActivityAsNote,\r\n                    thresholdLevel: $thresholdLevel,\r\n                  \r\n                  \ttenantTimeCaptureMode: $tenantTimeCaptureMode,\r\n                    submissionType: $submissionType,\r\n                    defaultDurationUnits: $defaultDurationUnits,\r\n                    defaultDurationMinutes: $defaultDurationMinutes,\r\n                    phoneCallActivity: $phoneCallActivity,\r\n                    emailActivity: $emailActivity,\r\n                    suggestCustomButtons: $suggestCustomButtons,\r\n                    useSmartSettings: $useSmartSettings,\r\n                    timeCaptureMode: $timeCaptureMode,\r\n                    timeSelectionMinuteInterval: $timeSelectionMinuteInterval,\r\n                  \r\n                  \twarnIfNotToday: $warnIfNotToday,\r\n                    warnOnExceedingHours: $warnOnExceedingHours,\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, Checkbox, createStyles, FormControl, FormControlLabel, FormLabel, Grid, makeStyles, Radio, RadioGroup, TextField, Theme } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked';\r\nimport { mainTheme } from '../../Theme';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport gql from 'graphql-tag';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { showNotification } from '../../App';\r\nimport { TimesheetActivitiesSelector } from '../selectors/TimesheetActivitiesSelector';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        },\r\n        radioGroup: {\r\n            flexDirection: 'row'\r\n        },\r\n        radioIcon: {\r\n            color: mainTheme.BrandColors.TemplatePrimary\r\n        },\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    defaultDurationMinutes: number | null;\r\n    defaultDurationUnits: number | null;\r\n    phoneCallActivity: IAutoCompleteItem | null;\r\n    emailActivity: IAutoCompleteItem | null;\r\n    submissionType: string | null;\r\n    // mobileOpeningPage: string | null;\r\n    timeSelectionMinuteInterval: number | null;\r\n    // isShowFavouriteActivitiesFirst: boolean;\r\n    // isShowFavouriteMattersFirst: boolean;\r\n    useSmartSettings: boolean;\r\n    suggestCustomButtons: boolean;\r\n    timeCaptureMode: string | null;\r\n}\r\ninterface TimeRecordingDefaultsTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function TimeRecordingDefaultsTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<TimeRecordingDefaultsTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        defaultDurationMinutes: null,\r\n        defaultDurationUnits: null,\r\n        phoneCallActivity: null,\r\n        emailActivity: null,\r\n        submissionType: null,\r\n        // mobileOpeningPage: null,\r\n        timeSelectionMinuteInterval: null,\r\n        // isShowFavouriteActivitiesFirst: false,\r\n        // isShowFavouriteMattersFirst: false,\r\n        useSmartSettings: false,\r\n        suggestCustomButtons: false,\r\n        timeCaptureMode: null\r\n    });\r\n\r\n    const timeRecordingDefaults = useQuery<TimeRecordingDefaultsData>(TIME_RECORDING_DEFAULTS);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const [updateTimeRecordingDefaults] = useMutation<any, TimeRecordingDefaultsMutationParams>(TIME_RECORD_DEFAULTS_MUTATION);\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!timeRecordingDefaults.loading && timeRecordingDefaults.data && timeRecordingDefaults.data.settings && timeRecordingDefaults.data.settings.systems.timeRecordingDefaults && timeRecordingDefaults.data.settings.systems.timeRecordingDefaults.config) {\r\n\r\n            var { \r\n                defaultDurationMinutes,\r\n                defaultDurationUnits,\r\n                emailActivity,\r\n                phoneCallActivity,\r\n                submissionType,\r\n                suggestCustomButtons,\r\n                tenantTimeCaptureMode,\r\n                timeCaptureMode,\r\n                timeSelectionMinuteInterval,\r\n                useSmartSettings\r\n            } = timeRecordingDefaults.data.settings.systems.timeRecordingDefaults.config;\r\n            \r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    defaultDurationMinutes,\r\n                    defaultDurationUnits,\r\n                    emailActivity : emailActivity ? { label: emailActivity, value: emailActivity} : null,\r\n                    phoneCallActivity: phoneCallActivity ? { label: phoneCallActivity, value: phoneCallActivity} : null,\r\n                    submissionType,\r\n                    suggestCustomButtons,\r\n                    tenantTimeCaptureMode,\r\n                    timeCaptureMode,\r\n                    timeSelectionMinuteInterval,\r\n                    useSmartSettings\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [timeRecordingDefaults.data, timeRecordingDefaults.loading]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        \r\n        updateTimeRecordingDefaults({\r\n            variables: {\r\n                defaultDurationMinutes: values.defaultDurationMinutes,\r\n                defaultDurationUnits: values.defaultDurationUnits,\r\n                emailActivity: values.emailActivity ? values.emailActivity.value : null,\r\n                phoneCallActivity: values.phoneCallActivity ? values.phoneCallActivity.value : null,\r\n                submissionType: values.submissionType,\r\n                suggestCustomButtons: values.suggestCustomButtons,\r\n                tenantTimeCaptureMode: values.tenantTimeCaptureMode,\r\n                timeCaptureMode: values.timeCaptureMode,\r\n                timeSelectionMinuteInterval: values.timeSelectionMinuteInterval,\r\n                useSmartSettings: values.useSmartSettings\r\n            }\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');     \r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update time recording defaults.', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const RadioComp = (compProps: any) => {\r\n\r\n        const { input } = compProps;        \r\n        return (\r\n                <Radio\r\n                    {...input}\r\n                    checkedIcon={<RadioButtonCheckedIcon className={classes.radioIcon} />}\r\n                />\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values,\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <FormControl component=\"fieldset\">\r\n                                            <FormLabel component=\"legend\">Submission Type</FormLabel>\r\n                                            <RadioGroup\r\n                                                className={classes.radioGroup}\r\n                                                \r\n                                            >\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"submissionType\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Automatic\"\r\n                                                    label=\"Submit Only\" \r\n                                                />\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"submissionType\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Draft\"\r\n                                                    label=\"Allow Draft\" \r\n                                                />\r\n                                            </RadioGroup>\r\n                                        </FormControl>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        {/* <FormControl component=\"fieldset\">\r\n                                            <FormLabel component=\"legend\">Mobile Opening Page</FormLabel>\r\n                                            <RadioGroup\r\n                                                // defaultValue={state.mobileOpeningPage}\r\n                                                className={classes.radioGroup}\r\n                                            >\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"mobileOpeningPage\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Home\"\r\n                                                    label=\"Home\" \r\n                                                />\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"mobileOpeningPage\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Timesheet\"\r\n                                                    label=\"Timesheet\" \r\n                                                />\r\n                                            </RadioGroup>\r\n                                        </FormControl> */}\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                        <Field\r\n                                            name=\"defaultDurationUnits\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // tslint:disable-next-line: radix\r\n                                            parse={value => parseInt(value)}\r\n                                            // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Duration/Units\" \r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? meta.error\r\n                                                            : ''\r\n                                                    }\r\n                                                    type=\"number\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                        <Field\r\n                                            name=\"defaultDurationMinutes\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // tslint:disable-next-line: radix\r\n                                            parse={value => parseInt(value)}\r\n                                            // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Duration/Minutes\" \r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? meta.error\r\n                                                            : ''\r\n                                                    }\r\n                                                    type=\"number\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={4} lg={4} sm={12}>\r\n                                        <Field\r\n                                            name=\"timeSelectionMinuteInterval\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // tslint:disable-next-line: radix\r\n                                            parse={value => parseInt(value)}\r\n                                            // validate={form.getFieldState('durationUnits')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Time Selection Minute Interval\" \r\n                                                    name=\"timeSelectionMinuteInterval\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? meta.error\r\n                                                            : ''\r\n                                                    }\r\n                                                    type=\"number\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"phoneCallActivity\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // validate={form.getFieldState('phoneCallActivity')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TimesheetActivitiesSelector \r\n                                                    {...input}\r\n                                                    label=\"Phone Call Activity\" \r\n                                                    onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                        input.onChange(selection)\r\n                                                    }\r\n                                                    className={classes.textField}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"emailActivity\"\r\n                                            subscription={{touched: true, error: true, value: true}}\r\n                                            // validate={form.getFieldState('emailActivity')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TimesheetActivitiesSelector \r\n                                                    {...input}\r\n                                                    label=\"Email Activity\" \r\n                                                    onSelection={(selection: IAutoCompleteItem, name: string) => \r\n                                                        input.onChange(selection)\r\n                                                    }\r\n                                                    className={classes.textField}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Grid container={true} spacing={3}>\r\n                                            {/* <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                <Field\r\n                                                    name=\"isShowFavouriteActivitiesFirst\"\r\n                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                >                                            \r\n                                                    {({ input, meta }) => (\r\n                                                        <FormControlLabel\r\n                                                            control={\r\n                                                                <Checkbox\r\n                                                                    {...input}\r\n                                                                    checked={input.value}\r\n                                                                    onChange={input.onChange}\r\n                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                />\r\n                                                            }\r\n                                                            disabled={true}\r\n                                                            label=\"Show Favourite Activities First\" \r\n                                                        />\r\n                                                    )}\r\n                                                </Field>\r\n                                            </Grid>\r\n                                            <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                <Field\r\n                                                    name=\"isShowFavouriteMattersFirst\"\r\n                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                >                                            \r\n                                                    {({ input, meta }) => (\r\n                                                        <FormControlLabel\r\n                                                            control={\r\n                                                                <Checkbox\r\n                                                                    {...input}\r\n                                                                    checked={input.value}\r\n                                                                    onChange={input.onChange}\r\n                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                />\r\n                                                            }\r\n                                                            disabled={true}\r\n                                                            label=\"Show Favourite Matters First\"\r\n                                                        />\r\n                                                    )}\r\n                                                </Field>\r\n                                            </Grid> */}\r\n                                            <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                <Field\r\n                                                    name=\"useSmartSettings\"\r\n                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                >                                            \r\n                                                    {({ input, meta }) => (\r\n                                                        <FormControlLabel\r\n                                                            control={\r\n                                                                <Checkbox\r\n                                                                    {...input}\r\n                                                                    checked={input.value}\r\n                                                                    onChange={input.onChange}\r\n                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                />\r\n                                                            }\r\n                                                            label=\"Use Smart Settings\"\r\n                                                        />\r\n                                                    )}\r\n                                                </Field>\r\n                                            </Grid>\r\n                                            <Grid item={true} xs={12} sm={12} md={6} lg={6}>\r\n                                                <Field\r\n                                                    name=\"suggestCustomButtons\"\r\n                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                >                                            \r\n                                                    {({ input, meta }) => (\r\n                                                        <FormControlLabel\r\n                                                            control={\r\n                                                                <Checkbox\r\n                                                                    {...input}\r\n                                                                    checked={input.value}\r\n                                                                    onChange={input.onChange}\r\n                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                />\r\n                                                            }\r\n                                                            label=\"Suggest Custom Buttons\"\r\n                                                        />\r\n                                                    )}\r\n                                                </Field>\r\n                                            </Grid>\r\n                                        </Grid>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <FormControl component=\"fieldset\">\r\n                                            <FormLabel component=\"legend\">Time Capture Mode</FormLabel>\r\n                                            <RadioGroup\r\n                                                className={classes.radioGroup}\r\n                                            >\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"timeCaptureMode\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Duration\"\r\n                                                    label=\"Duration\" \r\n                                                />\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"timeCaptureMode\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Units\"\r\n                                                    label=\"Units\" \r\n                                                />\r\n                                            </RadioGroup>\r\n                                        </FormControl>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <FormControl component=\"fieldset\">\r\n                                            <FormLabel component=\"legend\">Tenant Time Capture Mode</FormLabel>\r\n                                            <RadioGroup\r\n                                                className={classes.radioGroup}\r\n                                            >\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"tenantTimeCaptureMode\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Both\"\r\n                                                    label=\"Both\" \r\n                                                />\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"tenantTimeCaptureMode\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Duration\"\r\n                                                    label=\"Duration\" \r\n                                                />\r\n                                                <FormControlLabel \r\n                                                    control={\r\n                                                        <Field \r\n                                                            subscription={{touched: true, error: true, value: true}}\r\n                                                            name=\"tenantTimeCaptureMode\" \r\n                                                            component={RadioComp}\r\n                                                            type=\"radio\"\r\n                                                        />\r\n                                                    }\r\n                                                    value=\"Units\"\r\n                                                    label=\"Units\" \r\n                                                />\r\n                                            </RadioGroup>\r\n                                        </FormControl>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface TimeRecordingDefaultsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    id:      number;\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    timeRecordingDefaults: TimeRecordingDefaults;\r\n}\r\n\r\nexport interface TimeRecordingDefaults {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:                          number;\r\n    defaultDurationMinutes:      number;\r\n    defaultDurationUnits:        number;\r\n    emailActivity:               null;\r\n    phoneCallActivity:           null;\r\n    submissionType:              string;\r\n    suggestCustomButtons:        boolean;\r\n    tenantTimeCaptureMode:       string;\r\n    timeCaptureMode:             string;\r\n    timeSelectionMinuteInterval: number;\r\n    useSmartSettings:            boolean;\r\n}\r\n\r\nconst TIME_RECORDING_DEFAULTS = gql`\r\n    query timeRecordingDefaults {\r\n        settings {\r\n            id\r\n            systems {\r\n                timeRecordingDefaults {\r\n                    id\r\n                    config {\r\n                        id\r\n                        defaultDurationMinutes\r\n                        defaultDurationUnits\r\n                        emailActivity\r\n                        phoneCallActivity\r\n                        submissionType\r\n                        suggestCustomButtons\r\n                        tenantTimeCaptureMode\r\n                        timeCaptureMode\r\n                        timeSelectionMinuteInterval\r\n                        useSmartSettings\r\n\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface TimeRecordingDefaultsMutationParams {\r\n   tenantTimeCaptureMode: string | null;\r\n   submissionType: string | null;\r\n   defaultDurationUnits: number | null;\r\n   defaultDurationMinutes: number | null;\r\n   phoneCallActivity: string | null;\r\n   emailActivity: string | null;\r\n   suggestCustomButtons: Boolean;\r\n   useSmartSettings: Boolean;\r\n   timeCaptureMode: string | null;\r\n   timeSelectionMinuteInterval: number | null;\r\n}\r\n\r\nconst TIME_RECORD_DEFAULTS_MUTATION = gql`\r\n    mutation TimeRecordingDefaultsMutation(\r\n        $tenantTimeCaptureMode: String,\r\n        $submissionType: String,\r\n        $defaultDurationUnits: Int,\r\n        $defaultDurationMinutes: Int,\r\n        $phoneCallActivity: String,\r\n        $emailActivity: String,\r\n        $suggestCustomButtons: Boolean,\r\n        $useSmartSettings: Boolean,\r\n        $timeCaptureMode: String,\r\n        $timeSelectionMinuteInterval: Int\r\n    ){\r\n    settings {\r\n            timeRecordingDefaults {\r\n                update (\r\n                    tenantTimeCaptureMode: $tenantTimeCaptureMode,\r\n                    submissionType: $submissionType,\r\n                    defaultDurationUnits: $defaultDurationUnits,\r\n                    defaultDurationMinutes: $defaultDurationMinutes,\r\n                    phoneCallActivity: $phoneCallActivity,\r\n                    emailActivity: $emailActivity,\r\n                    suggestCustomButtons: $suggestCustomButtons,\r\n                    useSmartSettings: $useSmartSettings,\r\n                    timeCaptureMode: $timeCaptureMode,\r\n                    timeSelectionMinuteInterval: $timeSelectionMinuteInterval\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport {\r\n    Accordion,\r\n    AccordionDetails,\r\n    AccordionSummary,\r\n    Button,\r\n    Checkbox,\r\n    createStyles,\r\n    FormControl,\r\n    FormControlLabel,\r\n    FormGroup,\r\n    FormHelperText,\r\n    FormLabel,\r\n    Grid,\r\n    makeStyles,\r\n    TextField,\r\n    Theme,\r\n    Typography,\r\n} from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport { DropzoneArea } from 'material-ui-dropzone';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport { DocumentFile } from '../../types/DocumentFile';\r\nimport gql from 'graphql-tag';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { showNotification } from '../../App';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        },\r\n        radioGroup: {\r\n            flexDirection: 'row'\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main\r\n        },\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    staffContactFilter: string | null;\r\n    welcomeMessage: string | null;\r\n    isEmailNotificationDocuments: boolean;\r\n    isEmailNotificationMessages: boolean;\r\n    isPushNotificationDocuments: boolean;\r\n    isPushNotificationMessages: boolean;\r\n    isExternalMessagesToActing: boolean;\r\n    isExternalMessagesToResponsible: boolean;\r\n    isExternalMessagesToAssisting: boolean;\r\n    alternativeLogo: DocumentFile[];\r\n    isExternalMessageToActing: boolean;\r\n    isExternalMessageToResponsible: boolean;\r\n    isExternalMessageToAssisting: boolean;\r\n    isFirmToClientPushNewDocumentNotifications: boolean;\r\n    isFirmToClientPushNewMessageNotifications: boolean;\r\n}\r\ninterface ConnectTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function ConnectTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<ConnectTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        staffContactFilter: null,\r\n        welcomeMessage: null,\r\n        isEmailNotificationDocuments: false,\r\n        isEmailNotificationMessages: false,\r\n        isPushNotificationDocuments: false,\r\n        isPushNotificationMessages: false,\r\n        isExternalMessagesToActing: false,\r\n        isExternalMessagesToResponsible: false,\r\n        isExternalMessagesToAssisting: false,\r\n        isExternalMessageToActing: true,\r\n        isExternalMessageToAssisting: false,\r\n        isExternalMessageToResponsible: false,\r\n        isFirmToClientPushNewDocumentNotifications: false,\r\n        isFirmToClientPushNewMessageNotifications: false,\r\n        alternativeLogo: []\r\n    });\r\n\r\n    const connectSettingQuery = useQuery<ConnectSettingQueryData>(ConnectSettingQuery);\r\n    // tslint:disable-next-line: no-any\r\n    const [updateConnectSetting, updateConnectSettingObj] = useMutation<any, ConnectSettingMutationParams>(CONNECT_SETTINGS_MUTATION);\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!connectSettingQuery.loading && connectSettingQuery.data) {\r\n\r\n            const { \r\n                emailDocumentNotifications,\r\n                emailMessageNotifications,\r\n                pushDocumentNotifications,\r\n                pushMessageNotifications,\r\n                staffContactFilter,\r\n                welcomeMessage,\r\n                externalMessagesToActing,\r\n                externalMessagesToResponsible,\r\n                externalMessagesToAssisting,\r\n                firmToClientPushNewDocumentNotifications,\r\n                firmToClientPushNewMessageNotifications\r\n            } = connectSettingQuery.data.settings.systems.connectSettings.config;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    staffContactFilter: staffContactFilter,\r\n                    welcomeMessage: welcomeMessage,\r\n                    isEmailNotificationDocuments: emailDocumentNotifications,\r\n                    isEmailNotificationMessages: emailMessageNotifications,\r\n                    isPushNotificationDocuments: pushDocumentNotifications,\r\n                    isPushNotificationMessages: pushMessageNotifications,\r\n                    isExternalMessagesToActing: externalMessagesToActing,\r\n                    isExternalMessagesToResponsible: externalMessagesToResponsible,\r\n                    isExternalMessagesToAssisting: externalMessagesToAssisting,\r\n                    isFirmToClientPushNewDocumentNotifications: firmToClientPushNewDocumentNotifications,\r\n                    isFirmToClientPushNewMessageNotifications: firmToClientPushNewMessageNotifications\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [connectSettingQuery.data, connectSettingQuery.loading]);\r\n\r\n    useEffect(() => {\r\n        if (updateConnectSettingObj.loading) {\r\n            showNotification(null, 'Successfully submitted', 'info'); \r\n        }\r\n        if (updateConnectSettingObj.error) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onSubmitLoading: false,\r\n                };\r\n            });\r\n    \r\n            showNotification('Failed to update connect settings', updateConnectSettingObj.error.message, 'error');\r\n        }\r\n    },        [updateConnectSettingObj.data, updateConnectSettingObj.loading, updateConnectSettingObj.error]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const required = (value: any) => {\r\n        return value ? undefined : 'Required';\r\n    };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        updateConnectSetting({\r\n            variables: {\r\n                emailDocumentNotifications: values.isEmailNotificationDocuments,\r\n                emailMessageNotifications: values.isEmailNotificationMessages,\r\n                pushDocumentNotifications: values.isPushNotificationDocuments,\r\n                pushMessageNotifications: values.isPushNotificationMessages,\r\n                staffContactFilter: values.staffContactFilter,\r\n                welcomeMessage: values.welcomeMessage,\r\n                externalMessagesToActing: values.isExternalMessagesToActing,\r\n                externalMessagesToAssisting: values.isExternalMessagesToAssisting,\r\n                externalMessagesToResponsible: values.isExternalMessagesToResponsible,\r\n                firmToClientPushNewDocumentNotifications: values.isFirmToClientPushNewDocumentNotifications,\r\n                firmToClientPushNewMessageNotifications:  values.isFirmToClientPushNewMessageNotifications\r\n            }\r\n        });\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    validate={(values: FormState) => {\r\n                        // tslint:disable-next-line: no-any\r\n                        const errors: any = {\r\n                            externalMessageToError: '',\r\n                        };\r\n\r\n                        if (!values.isExternalMessageToActing && !values.isExternalMessageToResponsible && !values.isExternalMessageToAssisting) {\r\n                            errors.externalMessageToError = 'At least one checkbox must be checked';\r\n                        }\r\n\r\n                        if (errors.externalMessageToError === '') {\r\n                            return undefined;\r\n                        }\r\n\r\n                        return errors;\r\n                    }}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true,\r\n                        errors: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        errors\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"staffContactFilter\"\r\n                                            validate={form.getFieldState('staffContactFilter')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Staff Contact Filter\"\r\n                                                    name=\"staffContactFilter\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Staff Contact Filter is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"welcomeMessage\"\r\n                                            validate={form.getFieldState('welcomeMessage')?.value !== null ? required : undefined}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Welcome Message\"\r\n                                                    name=\"welcomeMessage\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Welcome message is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\" id=\"panel1a-header\">\r\n                                                <Typography className={classes.heading}>For notifications from the Client to the Firm</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails>\r\n                                                <Grid container={true} spacing={1}>\r\n                                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                                        <FormControl component=\"fieldset\">\r\n                                                            <FormLabel component=\"legend\">Send email notification for</FormLabel>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <Field\r\n                                                                    name=\"isEmailNotificationDocuments\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"New Documents\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                <Field\r\n                                                                    name=\"isEmailNotificationMessages\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"New Messages\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </FormGroup>\r\n                                                        </FormControl>\r\n                                                    </Grid>\r\n                                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                                        <FormControl component=\"fieldset\">\r\n                                                            <FormLabel component=\"legend\" error={errors && errors.externalMessageToError ? true : false}>Notify</FormLabel>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <Field\r\n                                                                    name=\"isExternalMessagesToActing\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Acting\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                <Field\r\n                                                                    name=\"isExternalMessagesToResponsible\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Responsible\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                <Field\r\n                                                                    name=\"isExternalMessagesToAssisting\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"Assisting\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </FormGroup>\r\n                                                            {errors && errors.externalMessageToError && (\r\n                                                                <FormHelperText error={true}>{errors.externalMessageToError}</FormHelperText>\r\n                                                            )}\r\n                                                        </FormControl>\r\n                                                    </Grid>\r\n                                                </Grid>    \r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                            <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\" id=\"panel1a-header\">\r\n                                                <Typography className={classes.heading}>For Notifications from the Firm to the Client</Typography>\r\n                                            </AccordionSummary>\r\n                                            <AccordionDetails>\r\n                                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                                        <FormControl component=\"fieldset\">\r\n                                                            <FormLabel component=\"legend\">Send email notification for</FormLabel>\r\n                                                            <FormGroup className={classes.radioGroup}>\r\n                                                                <Field\r\n                                                                    name=\"isFirmToClientPushNewDocumentNotifications\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"New Documents\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                                <Field\r\n                                                                    name=\"isFirmToClientPushNewMessageNotifications\"\r\n                                                                    subscription={{touched: true, error: true, value: true}}\r\n                                                                >                                            \r\n                                                                    {({ input, meta }) => (\r\n                                                                        <FormControlLabel\r\n                                                                            control={\r\n                                                                                <Checkbox\r\n                                                                                    {...input}\r\n                                                                                    checked={input.value}\r\n                                                                                    onChange={input.onChange}\r\n                                                                                    checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                                />\r\n                                                                            }\r\n                                                                            label=\"New Messages\"\r\n                                                                        />\r\n                                                                    )}\r\n                                                                </Field>\r\n                                                            </FormGroup>\r\n                                                        </FormControl>\r\n                                                    </Grid>\r\n                                            </AccordionDetails>\r\n                                        </Accordion>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"alternativeLogo\"\r\n                                            // subscription={{touched: true, error: true, value: true}}\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <DropzoneArea\r\n                                                    {...input}\r\n                                                    maxFileSize={15000000}\r\n                                                    // acceptedFiles={['.msg', '.jpg', '.jpeg', '.png', '.docx', '.zip']}\r\n                                                    showFileNames={true}\r\n                                                    useChipsForPreview={true}\r\n                                                    filesLimit={1}\r\n                                                    onChange={(files: File[]) => {\r\n                                                        let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        const newFiles = files.filter((file: File) => {\r\n                                                            return !existingFiles.some((item: DocumentFile) => {\r\n                                                                return item.name === file.name && item.status !== 2;\r\n                                                            });\r\n                                                        });\r\n                                                        if (newFiles && newFiles.length > 0) {\r\n                                                            newFiles.forEach((file: File) => {\r\n                                                                const documentFile: DocumentFile = {\r\n                                                                    guidID: null,\r\n                                                                    file: file,\r\n                                                                    status: 1,\r\n                                                                    name: file.name,\r\n                                                                    url: ''\r\n                                                                };\r\n                                                                existingFiles.push(documentFile);\r\n                                                            });  \r\n                                                            input.onChange(existingFiles);\r\n                                                        }\r\n                                                    }}\r\n                                                    onDelete={(file: File) => {\r\n                                                        let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        // eslint-disable-next-line array-callback-return\r\n                                                        existingFiles.map((item: DocumentFile) => {\r\n                                                            if (file.name === item.name) {\r\n                                                                item.file = file;\r\n                                                                item.status = 2; // deleted\r\n                                                            }\r\n                                                        });  \r\n                                                        // tslint:disable-next-line: max-line-length\r\n                                                        const filteredFiles = existingFiles.filter((item: DocumentFile) => {\r\n                                                            return item.status !== 2 || item.guidID !== null;\r\n                                                        });\r\n                                                        input.onChange(filteredFiles);\r\n                                                    }}                                                    \r\n                                                    // tslint:disable-next-line:no-any\r\n                                                    onDrop={(files: File[], event: any) => {\r\n                                                        // let existingFiles: DocumentFile[] = [...input.value];\r\n                                                        // tslint:disable-next-line: max-line-length\r\n                                                        // const existingFile = existingFiles.find((item: DocumentFile) => item.name === file)\r\n                                                        // tslint:disable-next-line:no-console\r\n                                                        console.log(event);\r\n                                                    }}                                                  \r\n                                                    initialFiles={input.value.map((file: { url: string; }) => file.url)}\r\n                                                    dropzoneText=\"Alternate Mobile App Logo\"\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface ConnectSettingQueryData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    connectSettings: ConnectSettings;\r\n}\r\n\r\nexport interface ConnectSettings {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:                         number;\r\n    emailDocumentNotifications: boolean;\r\n    emailMessageNotifications:  boolean;\r\n    pushDocumentNotifications:  boolean;\r\n    pushMessageNotifications:   boolean;\r\n    externalMessagesToActing:   boolean;\r\n    externalMessagesToResponsible:   boolean;\r\n    externalMessagesToAssisting:   boolean;\r\n    staffContactFilter:         string;\r\n    welcomeMessage:             string;\r\n    firmToClientPushNewDocumentNotifications: boolean;\r\n    firmToClientPushNewMessageNotifications: boolean;\r\n}\r\n\r\nconst ConnectSettingQuery = gql`\r\n    query ConnectSetting {\r\n        settings {\r\n            id\r\n            systems {\r\n            connectSettings {\r\n                id\r\n                config {\r\n                    id\r\n                    emailDocumentNotifications\r\n                    emailMessageNotifications\r\n                    pushDocumentNotifications\r\n                    pushMessageNotifications\r\n                    staffContactFilter\r\n                    welcomeMessage\r\n                    externalMessagesToResponsible\r\n                    externalMessagesToActing\r\n                    externalMessagesToAssisting\r\n                    firmToClientPushNewDocumentNotifications\r\n                    firmToClientPushNewMessageNotifications\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface ConnectSettingMutationParams {\r\n    staffContactFilter: String | null;\r\n    welcomeMessage: String | null;\r\n    emailDocumentNotifications: Boolean;\r\n    emailMessageNotifications: Boolean;\r\n    pushDocumentNotifications: Boolean;\r\n    pushMessageNotifications: Boolean;\r\n    externalMessagesToActing:   boolean;\r\n    externalMessagesToResponsible:   boolean;\r\n    externalMessagesToAssisting:   boolean;\r\n    firmToClientPushNewDocumentNotifications: boolean;\r\n    firmToClientPushNewMessageNotifications: boolean;\r\n}\r\n\r\nconst CONNECT_SETTINGS_MUTATION = gql`\r\n    mutation ConnectSettingsMutation(\r\n        $staffContactFilter: String,\r\n        $welcomeMessage: String,\r\n        $emailDocumentNotifications: Boolean,\r\n        $emailMessageNotifications: Boolean,\r\n        $pushDocumentNotifications: Boolean,\r\n        $pushMessageNotifications: Boolean,\r\n        $externalMessagesToResponsible: Boolean,\r\n        $externalMessagesToActing: Boolean,\r\n        $externalMessagesToAssisting: Boolean,\r\n        $firmToClientPushNewDocumentNotifications: Boolean,\r\n        $firmToClientPushNewMessageNotifications: Boolean\r\n        ){\r\n        settings {\r\n            connectSettings {\r\n                update (\r\n                    staffContactFilter: $staffContactFilter,\r\n                    welcomeMessage: $welcomeMessage,\r\n                    emailDocumentNotifications: $emailDocumentNotifications,\r\n                    emailMessageNotifications: $emailMessageNotifications,\r\n                    pushDocumentNotifications: $pushDocumentNotifications,\r\n                    pushMessageNotifications: $pushMessageNotifications,\r\n                    externalMessagesToResponsible: $externalMessagesToResponsible,\r\n                    externalMessagesToActing: $externalMessagesToActing,\r\n                    externalMessagesToAssisting: $externalMessagesToAssisting,\r\n                    firmToClientPushNewDocumentNotifications: $firmToClientPushNewDocumentNotifications,\r\n                    firmToClientPushNewMessageNotifications: $firmToClientPushNewMessageNotifications\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, Checkbox, createStyles, FormControlLabel, FormGroup, Grid, makeStyles, Theme } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport gql from 'graphql-tag';\r\nimport { useMutation, useQuery } from 'react-apollo';\r\nimport { showNotification } from '../../App';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        },\r\n        radioGroup: {\r\n            flexDirection: 'row'\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    warnOnDefaultTime: boolean;\r\n    warnOnExceedingHours: boolean;\r\n    warnIfNotToday: boolean;\r\n}\r\ninterface TimeRecordingWarningDefaultsTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function TimeRecordingWarningDefaultsTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<TimeRecordingWarningDefaultsTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        warnOnDefaultTime: false,\r\n        warnOnExceedingHours: false,\r\n        warnIfNotToday: false,\r\n    });\r\n\r\n    const timeRecordingWarnings = useQuery<TimeRecordingWarningsData>(TIME_RECORDING_WARNING_QUERY);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const [updateTimeRecordingWarnings] = useMutation<any, TimeRecordingWarningsMutationParams>(TIME_RECORDING_WARNING_MUTATION);\r\n\r\n    useEffect(() => {\r\n    \r\n        // tslint:disable-next-line: max-line-length\r\n        if (!timeRecordingWarnings.loading && timeRecordingWarnings.data) {\r\n\r\n            const { \r\n                warnIfNotToday,\r\n                warnOnExceedingHours,\r\n            } = timeRecordingWarnings.data.settings.systems.timeRecordingWarnings.config;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    warnIfNotToday: warnIfNotToday,\r\n                    warnOnExceedingHours: warnOnExceedingHours,\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    },        [timeRecordingWarnings.data, timeRecordingWarnings.loading]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        updateTimeRecordingWarnings({\r\n            variables: {\r\n                warnIfNotToday: values.warnIfNotToday,\r\n                warnOnExceedingHours: values.warnOnExceedingHours,\r\n            }\r\n        })\r\n        // tslint:disable-next-line: no-any\r\n        .then((results: { data: any }) => {\r\n            if (results.data) {\r\n                showNotification(null, 'Successfully submitted', 'info');     \r\n            }\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            showNotification('Failed to update time recording warnings', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <FormGroup>\r\n                                            <Field\r\n                                                name=\"warnOnExceedingHours\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                            >                                            \r\n                                                {({ input, meta }) => (\r\n                                                    <FormControlLabel\r\n                                                        control={\r\n                                                            <Checkbox\r\n                                                                {...input}\r\n                                                                checked={input.value}\r\n                                                                onChange={input.onChange}\r\n                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                            />\r\n                                                        }\r\n                                                        label=\"Warning on Exceeding Hours\" \r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                            <Field\r\n                                                name=\"warnIfNotToday\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                            >                                            \r\n                                                {({ input, meta }) => (\r\n                                                    <FormControlLabel\r\n                                                        control={\r\n                                                            <Checkbox\r\n                                                                {...input}\r\n                                                                checked={input.value}\r\n                                                                onChange={input.onChange}\r\n                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                            />\r\n                                                        }\r\n                                                        label=\"Warn if not today\"  \r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                            {/* <Field\r\n                                                name=\"warnOnDefaultTime\"\r\n                                                subscription={{touched: true, error: true, value: true}}\r\n                                            >                                            \r\n                                                {({ input, meta }) => (\r\n                                                    <FormControlLabel\r\n                                                        control={\r\n                                                            <Checkbox\r\n                                                                {...input}\r\n                                                                checked={input.value}\r\n                                                                onChange={input.onChange}\r\n                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                            />\r\n                                                        }\r\n                                                        label=\"Warn on Default Time\" \r\n                                                    />\r\n                                                )}\r\n                                            </Field> */}\r\n                                        </FormGroup>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport interface TimeRecordingWarningsData {\r\n    settings: Settings;\r\n}\r\n\r\nexport interface Settings {\r\n    id:      number;\r\n    systems: Systems;\r\n}\r\n\r\nexport interface Systems {\r\n    timeRecordingWarnings: TimeRecordingWarnings;\r\n}\r\n\r\nexport interface TimeRecordingWarnings {\r\n    id:     number;\r\n    config: Config;\r\n}\r\n\r\nexport interface Config {\r\n    id:                   number;\r\n    warnIfNotToday:       boolean;\r\n    warnOnExceedingHours: boolean;\r\n}\r\n\r\nconst TIME_RECORDING_WARNING_QUERY = gql`\r\n    query timeRecordingWarnings {\r\n        settings {\r\n            id\r\n            systems {\r\n                timeRecordingWarnings {\r\n                id\r\n                config {\r\n                    id\r\n                    warnIfNotToday\r\n                    warnOnExceedingHours\r\n                }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\ninterface TimeRecordingWarningsMutationParams {\r\n    warnOnExceedingHours: Boolean;\r\n    warnIfNotToday: Boolean;\r\n}\r\n\r\nconst TIME_RECORDING_WARNING_MUTATION = gql`\r\n    mutation timeRecordingWarnings(\r\n        $warnIfNotToday: Boolean,\r\n        $warnOnExceedingHours: Boolean,\r\n    ){\r\n        settings {\r\n            timeRecordingWarnings {\r\n                update (\r\n                    warnIfNotToday: $warnIfNotToday,\r\n                    warnOnExceedingHours: $warnOnExceedingHours,\r\n                ) {\r\n                    status\r\n                    error\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Button, createStyles, Grid, makeStyles, TextField, Theme } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport gql from 'graphql-tag';\r\nimport { showNotification } from '../../App';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport NumberFormat from 'react-number-format';\r\nimport { client } from '../..';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport { firmSubscription } from '../../lookupConfiguration/tabs/LookupNameTagTypeMaintenance';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%'\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        formGroup: {\r\n            alignItems: 'flex-start',\r\n            '& .MuiFormControlLabel-root': {\r\n                marginLeft: 0,\r\n            }\r\n        },\r\n        radioGroup: {\r\n            flexDirection: 'row'\r\n        }\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    completionDate: string | null;\r\n    instructionDate: string | null;\r\n    internalImportanceLevel?: number | null;\r\n    externalImportanceLevel?: number | null;\r\n    clientNoteActivityCategory?: number | null;\r\n    clientNoteActivityType?: number | null;\r\n    fileNoteActivityCategory?: number | null;\r\n    fileNoteActivityType?: number | null;\r\n    applicationNumber?: string | null;\r\n    grantNumber?: string | null;\r\n    publicationNumber?: string | null;\r\n}\r\n\r\ninterface InprotechTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function InprotechTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<InprotechTabState>({\r\n        isLoading: false,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>();\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchData = () => {\r\n        fetchInProtectionSettings(\r\n            true,\r\n            (data: SettingsData) => onInProtechRetrievedData(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    useEffect(() => {\r\n        const subscribeFirmObj = inProtechSettingsNotification();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n        // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const inProtechSettingsNotification = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const onInProtechRetrievedData = (data: SettingsData) => {\r\n        if (data && data.settings && data.settings.systems && data.settings.systems.inprotechSettings && data.settings.systems.inprotechSettings.config) {\r\n            const config = data.settings.systems.inprotechSettings.config;\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    completionDate: config.completionDate,\r\n                    instructionDate: config.instructionDate,\r\n                    internalImportanceLevel: config.externalImportanceLevel ?? 5,\r\n                    externalImportanceLevel: config.internalImportanceLevel ?? 10,\r\n                    clientNoteActivityCategory: config.clientNoteActivityCategory,\r\n                    clientNoteActivityType: config.clientNoteActivityType,\r\n                    fileNoteActivityCategory: config.fileNoteActivityCategory,\r\n                    fileNoteActivityType: config.fileNoteActivityType,\r\n                    applicationNumber: config.applicationNumber,\r\n                    grantNumber: config.grantNumber,\r\n                    publicationNumber: config.publicationNumber\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n        // console.log('values', values);\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        showNotification('Success', 'Successfully submitted.', 'info');\r\n\r\n        client.mutate({\r\n            mutation: INPROTECH_MUTATION,\r\n            variables: {\r\n                registrationDate: values.completionDate,\r\n                filingDate: values.instructionDate,\r\n                internalImportanceLevel: values.internalImportanceLevel,\r\n                externalImportanceLevel: values.externalImportanceLevel,\r\n                clientNoteActivityCategory: values.clientNoteActivityCategory,\r\n                clientNoteActivityType: values.clientNoteActivityType,\r\n                fileNoteActivityCategory: values.fileNoteActivityCategory,\r\n                fileNoteActivityType: values.fileNoteActivityType,\r\n                grantNumber: values.grantNumber,\r\n                applicationNumber: values.applicationNumber,\r\n                publicationNumber: values.publicationNumber\r\n            }\r\n        // tslint:disable-next-line: no-any\r\n        }).then((result: {data: any}) => {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onSubmitLoading: false,\r\n                };\r\n            });\r\n        // tslint:disable-next-line: no-any\r\n        }).catch((reason: any) => {\r\n            showNotification('Failed to upadte InProtech Settings.', reason, 'error');\r\n            setState((_prevState) => {\r\n                return {\r\n                    ..._prevState,\r\n                    onSubmitLoading: false\r\n                };\r\n            });\r\n        });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : formState && (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                        values\r\n                    }) => (\r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"completionDate\"\r\n                                            // tslint:disable-next-line: max-line-length\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Registration Date\"\r\n                                                    name=\"completionDate\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Completion Date Required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} lg={12} sm={12}>\r\n                                        <Field\r\n                                            name=\"instructionDate\"\r\n                                            // tslint:disable-next-line: max-line-length\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Filing Date\"\r\n                                                    name=\"instructionDate\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Instruction Date Required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"internalImportanceLevel\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Internal Importance Level (1-10)\"\r\n                                                    name=\"internalImportanceLevel\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Value should be between 0 and 10'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any,\r\n                                                        inputProps: {\r\n                                                            minValue: 0,\r\n                                                            maxValue: 10\r\n                                                        }\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"externalImportanceLevel\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"External Importance Level (1-10)\"\r\n                                                    name=\"externalImportanceLevel\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'Value should be between 0 and 10'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any,\r\n                                                        inputProps: {\r\n                                                            minValue: 0,\r\n                                                            maxValue: 10\r\n                                                        }\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"clientNoteActivityCategory\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Client Note Activity Category\"\r\n                                                    name=\"clientNoteActivityCategory\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'External Importance Level is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"clientNoteActivityType\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Client Note Activity Type\"\r\n                                                    name=\"clientNoteActivityType\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'External Importance Level is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"fileNoteActivityCategory\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"File Note Activity Category\"\r\n                                                    name=\"fileNoteActivityCategory\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'External Importance Level is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"fileNoteActivityType\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"File Note Activity Type\"\r\n                                                    name=\"fileNoteActivityType\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'External Importance Level is required'\r\n                                                            : ''\r\n                                                    }\r\n                                                    InputProps={{\r\n                                                        // tslint:disable-next-line: no-any\r\n                                                        inputComponent: CustomNumberFormat as any\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"applicationNumber\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Application Number\"\r\n                                                    name=\"applicationNumber\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"grantNumber\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Grant Number\"\r\n                                                    name=\"grantNumber\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={6} lg={6} sm={12}>\r\n                                        <Field\r\n                                            name=\"publicationNumber\"\r\n                                        >\r\n                                            {({ input, meta }) => (\r\n                                                <TextField\r\n                                                    {...input}\r\n                                                    label=\"Publication Number\"\r\n                                                    name=\"publicationNumber\"\r\n                                                    className={classes.textField}\r\n                                                    error={meta.error && meta.touched}\r\n                                                    helperText={\r\n                                                        meta.error &&\r\n                                                        meta.touched\r\n                                                            ? 'required'\r\n                                                            : ''\r\n                                                    }\r\n                                                />\r\n                                            )}\r\n                                        </Field>\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                            </Grid>\r\n                            </form>\r\n                        )}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nconst fetchInProtectionSettings = (\r\n    refreshData: boolean,\r\n    onSuccess: (data: SettingsData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void\r\n    ) => {\r\n    \r\n    var fetchPolicy: FetchPolicy =  refreshData ? 'network-only' : 'cache-first';\r\n\r\n    client.query({\r\n        query: INPROTECH_QUERY,\r\n        variables: {},\r\n        fetchPolicy: fetchPolicy\r\n    })\r\n    .then((results: {data: SettingsData}) => {\r\n        onSuccess(results.data);\r\n    })\r\n    // tslint:disable-next-line:no-any\r\n    .catch((reason: any) => { onError(reason); });\r\n};\r\n\r\ninterface CustomNumberFormatProps {\r\n    inputRef: (instance: NumberFormat | null) => void;\r\n    onChange: (event: { target: { name: string; value: string } }) => void;\r\n    name: string;\r\n    minValue?: number;\r\n    maxValue?: number;\r\n}\r\n\r\nfunction CustomNumberFormat(props: CustomNumberFormatProps) {\r\n    const { inputRef, onChange, minValue, maxValue, ...other } = props;\r\n\r\n    return (\r\n      <NumberFormat\r\n        {...other}\r\n        getInputRef={inputRef}\r\n        onValueChange={(values) => {\r\n          onChange({\r\n            target: {\r\n              name: props.name,\r\n              value: values.value,\r\n            },\r\n          });\r\n        }}\r\n        isNumericString={true}\r\n        isAllowed={(values) => {\r\n            const { formattedValue, floatValue } = values;\r\n            if (floatValue == null) {\r\n                return formattedValue === '';\r\n            } else {\r\n                return (floatValue >= (minValue ?? Math.max()) && floatValue <= (maxValue ?? Math.min()));\r\n            }\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\ninterface InProtechSettings {\r\n    id: number;\r\n    config: {\r\n        completionDate: string;\r\n        instructionDate: string;\r\n        externalImportanceLevel?: number;\r\n        internalImportanceLevel?: number;\r\n        clientNoteActivityCategory?: number;\r\n        clientNoteActivityType?: number;\r\n        fileNoteActivityCategory?: number;\r\n        fileNoteActivityType?: number;\r\n        grantNumber?: string;\r\n        applicationNumber?: string;\r\n        publicationNumber?: string;\r\n    };\r\n}\r\n\r\ninterface InProtech {\r\n    id: number;\r\n    inprotechSettings: InProtechSettings;\r\n}\r\n\r\ninterface SystemSettings {\r\n    id: number;\r\n    systems: InProtech;\r\n}\r\n\r\ninterface SettingsData {\r\n    settings: SystemSettings;\r\n}\r\n\r\nconst INPROTECH_MUTATION = gql`\r\n    mutation InProtechSettings (\r\n        $filingDate: String,\r\n        $registrationDate: String,\r\n        $internalImportanceLevel: Int,\r\n        $externalImportanceLevel: Int,\r\n        $clientNoteActivityCategory: Int,\r\n        $clientNoteActivityType: Int,\r\n        $fileNoteActivityCategory: Int,\r\n        $fileNoteActivityType: Int,\r\n        $grantNumber: String,\r\n        $applicationNumber: String,\r\n        $publicationNumber: String\r\n    ) {\r\n        settings {\r\n            inprotechSettings {\r\n                update (\r\n                    filingDate: $filingDate,\r\n                    registrationDate: $registrationDate,\r\n                    internalImportanceLevel: $internalImportanceLevel,\r\n                    externalImportanceLevel: $externalImportanceLevel,\r\n                    clientNoteActivityCategory: $clientNoteActivityCategory,\r\n                    clientNoteActivityType: $clientNoteActivityType,\r\n                    fileNoteActivityCategory: $fileNoteActivityCategory,\r\n                    fileNoteActivityType: $fileNoteActivityType,\r\n                    grantNumber: $grantNumber,\r\n                    applicationNumber: $applicationNumber,\r\n                    publicationNumber: $publicationNumber\r\n                ) {\r\n                    error\r\n                    status\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst INPROTECH_QUERY = gql`\r\nquery InproTechSettings {\r\n    settings {\r\n        id\r\n        systems {\r\n            id\r\n            inprotechSettings  {\r\n                id\r\n                config {\r\n                    id\r\n                    completionDate\r\n                    instructionDate\r\n                    externalImportanceLevel\r\n                    internalImportanceLevel\r\n                    clientNoteActivityCategory\r\n                    clientNoteActivityType\r\n                    fileNoteActivityCategory\r\n                    fileNoteActivityType\r\n                    grantNumber\r\n                    applicationNumber\r\n                  \tpublicationNumber\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport {\r\n    Accordion,\r\n    AccordionDetails,\r\n    AccordionSummary,\r\n    Button,\r\n    Checkbox,\r\n    createStyles,\r\n    FormControlLabel,\r\n    FormGroup,\r\n    Grid,\r\n    makeStyles,\r\n    Theme,\r\n    Typography,\r\n} from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { ReminderSelector } from '../../components/ReminderSelector';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { mainTheme } from '../../Theme';\r\nimport MomentUtils from '@date-io/moment';\r\nimport {\r\n    retrievePhoneMessageDefaultConfigData,\r\n    TaskAndPhoneMessageDefaultConfigMutationParams,\r\n    PhoneMessageDefaultsData,\r\n    UPDATE_PHONE_MESSAGE_DEFAULT_CONFIG_MUTATION,\r\n} from '../FirmSettingConfigurationRepository';\r\nimport { showNotification } from '../../App';\r\nimport { client } from '../..';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main,\r\n        },\r\n        accordionDetails: {\r\n            flexFlow: 'column',\r\n        },\r\n        radioGroup: {\r\n            flexFlow: 'row wrap',\r\n        },\r\n        formControl: {\r\n            margin: '10px 0',\r\n        },\r\n        optionContainer: {},\r\n        optionList: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            padding: '10px 0',\r\n            margin: '0 -5px',\r\n            '& > span': {\r\n                margin: '0 5px',\r\n            },\r\n            '& > div': {\r\n                margin: '0 5px',\r\n            },\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            },\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        reminderTextField: {\r\n            width: '30%',\r\n        },\r\n        radioIcon: {\r\n            color: mainTheme.BrandColors.TemplatePrimary,\r\n        },\r\n    }),\r\n);\r\n\r\ninterface FormState {\r\n    reminder?: IAutoCompleteItem;\r\n    overdueReminder?: IAutoCompleteItem;\r\n    isSendReminderOnWeekend: boolean;\r\n    isSendReminderOnWeekendForOverDueReminders: boolean;\r\n}\r\ninterface PhoneMessageDefaultConfigurationTabState {\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n    isLoading: boolean;\r\n}\r\n\r\nexport const PhoneMessageDefaultConfigurationTab: React.FC = () => {\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<PhoneMessageDefaultConfigurationTabState>({\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n        isLoading: true,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        reminder: { value: 'None', label: 'None' },\r\n        overdueReminder: { value: 'None', label: 'None' },\r\n        isSendReminderOnWeekend: false,\r\n        isSendReminderOnWeekendForOverDueReminders: false,\r\n    });\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchData = () => {\r\n        retrievePhoneMessageDefaultConfigData(\r\n            true,\r\n            // tslint:disable-next-line: no-console\r\n            (data: PhoneMessageDefaultsData) => onPhoneMessageDefaultConfigRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onPhoneMessageDefaultConfigRetrieved = (data: PhoneMessageDefaultsData) => {\r\n        const config = data.settings.systems.phoneMessageDefaults.config;\r\n\r\n        setFormState((prevFormState) => {\r\n\r\n            return {\r\n                ...prevFormState,\r\n                reminder: config.reminder ? { value: config.reminder, label: config.reminder } : formState.reminder,\r\n                overdueReminder: config.overdueReminder ? { value: config.overdueReminder, label: config.overdueReminder } : formState.overdueReminder,\r\n                isSendReminderOnWeekend: config.isSendReminderOnWeekend,\r\n                isSendReminderOnWeekendForOverDueReminders: config.isSendReminderOnWeekendForOverDueReminders\r\n            };\r\n        });\r\n        setState((prevState) => {\r\n\r\n            return {\r\n                ...prevState,\r\n                isLoading: false\r\n            };\r\n        });\r\n\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true,\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: FormState) => {\r\n        // tslint:disable-next-line: no-console\r\n        // console.log('submit', values);\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        client\r\n            // tslint:disable-next-line: no-any\r\n            .mutate<any, TaskAndPhoneMessageDefaultConfigMutationParams>({\r\n                mutation: UPDATE_PHONE_MESSAGE_DEFAULT_CONFIG_MUTATION,\r\n                variables: {\r\n                    reminder: values.reminder ? values.reminder.value : 'None',\r\n                    overdueReminder: values.overdueReminder ? values.overdueReminder.value : 'None',\r\n                    isSendReminderOnWeekend: values.isSendReminderOnWeekend,\r\n                    isSendReminderOnWeekendForOverDueReminders: values.isSendReminderOnWeekendForOverDueReminders,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    showNotification(null, 'Successfully submitted', 'info');\r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false,\r\n                        };\r\n                    });\r\n\r\n                    // reset the field and set to the current changes after saved.\r\n                    form.setConfig('keepDirtyOnReinitialize', false);\r\n                    form.batch(() => {\r\n                        form.reset(values);\r\n                    });\r\n                    form.setConfig('keepDirtyOnReinitialize', true);\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update enquiry default', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false,\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    if (state.isLoading) {\r\n        return (\r\n            <div className={classes.root}>\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <MuiPickersUtilsProvider utils={MomentUtils}>\r\n            <div className={classes.root}>\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}\r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{ submitting: true, pristine: true }}\r\n                    // validate={(values: FormState) => {\r\n                    //     let errors = {\r\n                    //         addDays: '',\r\n                    //         addHours: ''\r\n                    //     };\r\n\r\n                    //     if (errors.addDays === '' && errors.addHours === '') {\r\n                    //         return undefined;\r\n                    //     }\r\n\r\n                    //     return errors;\r\n                    // }}\r\n                    render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                        <form onSubmit={handleSubmit}>\r\n                            <FormSpy\r\n                                subscription={{ pristine: true }}\r\n                                // tslint:disable-next-line: no-shadowed-variable\r\n                                onChange={(props) => {\r\n                                    onFormValueChanged(props);\r\n                                }}\r\n                            />\r\n\r\n                            <Grid container={true} spacing={3}>\r\n                                <Grid item={true} xs={12} md={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                            <Typography className={classes.heading}>Phone Message Reminder Default</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <FormGroup className={classes.radioGroup}>\r\n                                                        <Field\r\n                                                            name=\"isSendReminderOnWeekend\"\r\n                                                            subscription={{ touched: true, error: true, value: true }}\r\n                                                        >\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Send reminder on weekend\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <div className={classes.optionContainer}>\r\n                                                        <div className={classes.optionList}>\r\n                                                            <span className=\"text\">Send reminder</span>\r\n                                                            <Field\r\n                                                                name=\"reminder\"\r\n                                                                allowNull={true}\r\n                                                                // validate={form.getFieldState('reminder')?.value !== null ? required : undefined}\r\n                                                            >\r\n                                                                {({ input, meta }) => (\r\n                                                                    <ReminderSelector\r\n                                                                        {...input}\r\n                                                                        // label=\"Reminder\"\r\n                                                                        className={classes.reminderTextField}\r\n                                                                        onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                            input.onChange(selection);\r\n                                                                        }}\r\n                                                                        error={meta.error && meta.touched}\r\n                                                                        helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                        size=\"small\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                            <span className=\"text\">before phone message due</span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                            <Typography className={classes.heading}>Phone Message Overdue Reminder Default</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <FormGroup className={classes.radioGroup}>\r\n                                                        <Field\r\n                                                            name=\"isSendReminderOnWeekendForOverDueReminders\"\r\n                                                            subscription={{ touched: true, error: true, value: true }}\r\n                                                        >\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Send reminder on weekend\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                                <Grid item={true} md={12}>\r\n                                                    <div className={classes.optionContainer}>\r\n                                                        <div className={classes.optionList}>\r\n                                                            <span className=\"text\">Send overdue reminder</span>\r\n                                                            <Field\r\n                                                                name=\"overdueReminder\"\r\n                                                                allowNull={true}\r\n                                                                // validate={form.getFieldState('overdueReminder')?.value !== null ? required : undefined}\r\n                                                            >\r\n                                                                {({ input, meta }) => (\r\n                                                                    <ReminderSelector\r\n                                                                        {...input}\r\n                                                                        // label=\"Overdue Reminder\"\r\n                                                                        className={classes.reminderTextField}\r\n                                                                        onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                            input.onChange(selection);\r\n                                                                        }}\r\n                                                                        error={meta.error && meta.touched}\r\n                                                                        helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                        size=\"small\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                            <span className=\"text\">after phone message due</span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                    <div className={classes.buttonWrapper}>\r\n                                        <Button\r\n                                            variant=\"outlined\"\r\n                                            color=\"primary\"\r\n                                            type=\"submit\"\r\n                                            disabled={submitting || pristine || state.onSubmitLoading}\r\n                                        >\r\n                                            Save\r\n                                        </Button>\r\n                                        <Button\r\n                                            variant=\"outlined\"\r\n                                            color=\"primary\"\r\n                                            type=\"button\"\r\n                                            disabled={submitting || pristine}\r\n                                            onClick={onReset(form)}\r\n                                        >\r\n                                            Reset\r\n                                        </Button>\r\n                                    </div>\r\n                                </Grid>\r\n                                {/* {printJson(values)} */}\r\n                            </Grid>\r\n                        </form>\r\n                    )}\r\n                />\r\n            </div>\r\n        </MuiPickersUtilsProvider>\r\n    );\r\n};\r\n\r\nexport default PhoneMessageDefaultConfigurationTab;\r\n\r\n// tslint:disable-next-line: no-any\r\n// export function printJson(values: any) {\r\n//     if (values) {\r\n//         return (\r\n//             <>\r\n//                 <pre>\r\n//                     {JSON.stringify(values, undefined, 2)}\r\n//                 </pre>\r\n//             </>\r\n//         );\r\n//     } else {\r\n//         return (\r\n//             <>\r\n//                 <FormSpy subscription={{ values: true }}>\r\n//                     {/* tslint:disable-next-line: no-shadowed-variable */}\r\n//                     {({ values }) => (\r\n//                         <pre>\r\n//                             {JSON.stringify(values, undefined, 2)}\r\n//                             {/* <RenderCount /> */}\r\n//                         </pre>\r\n//                     )}\r\n//                 </FormSpy>\r\n//             </>\r\n//         );\r\n//     }\r\n// }\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport {\r\n    Accordion,\r\n    AccordionDetails,\r\n    AccordionSummary,\r\n    Button,\r\n    Checkbox,\r\n    createStyles,\r\n    FormControlLabel,\r\n    FormGroup,\r\n    Grid,\r\n    makeStyles,\r\n    Theme,\r\n    Typography,\r\n} from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\r\nimport { ReminderSelector } from '../../components/ReminderSelector';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { mainTheme } from '../../Theme';\r\nimport MomentUtils from '@date-io/moment';\r\nimport {\r\n    retrieveTaskDefaultConfigData,\r\n    TaskAndPhoneMessageDefaultConfigMutationParams,\r\n    TaskDefaultsData,\r\n    UPDATE_TASK_DEFAULT_CONFIG_MUTATION,\r\n} from '../FirmSettingConfigurationRepository';\r\nimport { showNotification } from '../../App';\r\nimport { client } from '../..';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main,\r\n        },\r\n        accordionDetails: {\r\n            flexFlow: 'column',\r\n        },\r\n        radioGroup: {\r\n            flexFlow: 'row wrap',\r\n        },\r\n        formControl: {\r\n            margin: '10px 0',\r\n        },\r\n        optionContainer: {},\r\n        optionList: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            padding: '10px 0',\r\n            margin: '0 -5px',\r\n            '& > span': {\r\n                margin: '0 5px',\r\n            },\r\n            '& > div': {\r\n                margin: '0 5px',\r\n            },\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            },\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        reminderTextField: {\r\n            width: '30%',\r\n        },\r\n        radioIcon: {\r\n            color: mainTheme.BrandColors.TemplatePrimary,\r\n        },\r\n    }),\r\n);\r\n\r\ninterface FormState {\r\n    reminder?: IAutoCompleteItem;\r\n    overdueReminder?: IAutoCompleteItem;\r\n    isSendReminderOnWeekend: boolean;\r\n    isSendReminderOnWeekendForOverDueReminders: boolean;\r\n}\r\ninterface TaskDefaultConfigurationTabState {\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n    isLoading: boolean;\r\n}\r\n\r\nexport const TaskDefaultConfigurationTab: React.FC = () => {\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<TaskDefaultConfigurationTabState>({\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n        isLoading: true,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        reminder: { value: 'None', label: 'None' },\r\n        overdueReminder: { value: 'None', label: 'None' },\r\n        isSendReminderOnWeekend: false,\r\n        isSendReminderOnWeekendForOverDueReminders: false,\r\n    });\r\n\r\n    useEffect(() => {\r\n        fetchData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchData = () => {\r\n        retrieveTaskDefaultConfigData(\r\n            true,\r\n            // tslint:disable-next-line: no-console\r\n            (data: TaskDefaultsData) => onTaskDefaultConfigRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onTaskDefaultConfigRetrieved = (data: TaskDefaultsData) => {\r\n        const config = data.settings.systems.taskDefaults.config;\r\n\r\n        setFormState((prevFormState) => {\r\n\r\n            return {\r\n                ...prevFormState,\r\n                reminder: config.reminder ? { value: config.reminder, label: config.reminder } : formState.reminder,\r\n                overdueReminder: config.overdueReminder ? { value: config.overdueReminder, label: config.overdueReminder } : formState.overdueReminder,\r\n                isSendReminderOnWeekend: config.isSendReminderOnWeekend,\r\n                isSendReminderOnWeekendForOverDueReminders: config.isSendReminderOnWeekendForOverDueReminders\r\n            };\r\n        });\r\n        setState((prevState) => {\r\n\r\n            return {\r\n                ...prevState,\r\n                isLoading: false\r\n            };\r\n        });\r\n\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true,\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: FormState) => {\r\n        // tslint:disable-next-line: no-console\r\n        // console.log('submit', values);\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        client\r\n            // tslint:disable-next-line: no-any\r\n            .mutate<any, TaskAndPhoneMessageDefaultConfigMutationParams>({\r\n                mutation: UPDATE_TASK_DEFAULT_CONFIG_MUTATION,\r\n                variables: {\r\n                    reminder: values.reminder ? values.reminder.value : 'None',\r\n                    overdueReminder: values.overdueReminder ? values.overdueReminder.value : 'None',\r\n                    isSendReminderOnWeekend: values.isSendReminderOnWeekend,\r\n                    isSendReminderOnWeekendForOverDueReminders: values.isSendReminderOnWeekendForOverDueReminders,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    showNotification(null, 'Successfully submitted', 'info');\r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false,\r\n                        };\r\n                    });\r\n\r\n                    // reset the field and set to the current changes after saved.\r\n                    form.setConfig('keepDirtyOnReinitialize', false);\r\n                    form.batch(() => {\r\n                        form.reset(values);\r\n                    });\r\n                    form.setConfig('keepDirtyOnReinitialize', true);\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update enquiry default', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false,\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    if (state.isLoading) {\r\n        return (\r\n            <div className={classes.root}>\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <MuiPickersUtilsProvider utils={MomentUtils}>\r\n            <div className={classes.root}>\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}\r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{ submitting: true, pristine: true }}\r\n                    // validate={(values: FormState) => {\r\n                    //     let errors = {\r\n                    //         addDays: '',\r\n                    //         addHours: ''\r\n                    //     };\r\n\r\n                    //     if (errors.addDays === '' && errors.addHours === '') {\r\n                    //         return undefined;\r\n                    //     }\r\n\r\n                    //     return errors;\r\n                    // }}\r\n                    render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                        <form onSubmit={handleSubmit}>\r\n                            <FormSpy\r\n                                subscription={{ pristine: true }}\r\n                                // tslint:disable-next-line: no-shadowed-variable\r\n                                onChange={(props) => {\r\n                                    onFormValueChanged(props);\r\n                                }}\r\n                            />\r\n\r\n                            <Grid container={true} spacing={3}>\r\n                                <Grid item={true} xs={12} md={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                            <Typography className={classes.heading}>Task Reminder Default</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <FormGroup className={classes.radioGroup}>\r\n                                                        <Field\r\n                                                            name=\"isSendReminderOnWeekend\"\r\n                                                            subscription={{ touched: true, error: true, value: true }}\r\n                                                        >\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Send reminder on weekend\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <div className={classes.optionContainer}>\r\n                                                        <div className={classes.optionList}>\r\n                                                            <span className=\"text\">Send reminder</span>\r\n                                                            <Field\r\n                                                                name=\"reminder\"\r\n                                                                allowNull={true}\r\n                                                                // validate={form.getFieldState('reminder')?.value !== null ? required : undefined}\r\n                                                            >\r\n                                                                {({ input, meta }) => (\r\n                                                                    <ReminderSelector\r\n                                                                        {...input}\r\n                                                                        // label=\"Reminder\"\r\n                                                                        className={classes.reminderTextField}\r\n                                                                        onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                            input.onChange(selection);\r\n                                                                        }}\r\n                                                                        error={meta.error && meta.touched}\r\n                                                                        helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                        size=\"small\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                            <span className=\"text\">before task due</span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12}>\r\n                                    <Accordion defaultExpanded={true}>\r\n                                        <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                            <Typography className={classes.heading}>Task Overdue Reminder Default</Typography>\r\n                                        </AccordionSummary>\r\n                                        <AccordionDetails className={classes.accordionDetails}>\r\n                                            <Grid container={true} spacing={3}>\r\n                                                <Grid md={12} item={true}>\r\n                                                    <FormGroup className={classes.radioGroup}>\r\n                                                        <Field\r\n                                                            name=\"isSendReminderOnWeekendForOverDueReminders\"\r\n                                                            subscription={{ touched: true, error: true, value: true }}\r\n                                                        >\r\n                                                            {({ input, meta }) => (\r\n                                                                <FormControlLabel\r\n                                                                    control={\r\n                                                                        <Checkbox\r\n                                                                            {...input}\r\n                                                                            checked={input.value}\r\n                                                                            onChange={input.onChange}\r\n                                                                            checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                        />\r\n                                                                    }\r\n                                                                    label=\"Send reminder on weekend\"\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </FormGroup>\r\n                                                </Grid>\r\n                                                <Grid item={true} md={12}>\r\n                                                    <div className={classes.optionContainer}>\r\n                                                        <div className={classes.optionList}>\r\n                                                            <span className=\"text\">Send overdue reminder</span>\r\n                                                            <Field\r\n                                                                name=\"overdueReminder\"\r\n                                                                allowNull={true}\r\n                                                                // validate={form.getFieldState('overdueReminder')?.value !== null ? required : undefined}\r\n                                                            >\r\n                                                                {({ input, meta }) => (\r\n                                                                    <ReminderSelector\r\n                                                                        {...input}\r\n                                                                        // label=\"Overdue Reminder\"\r\n                                                                        className={classes.reminderTextField}\r\n                                                                        onSelection={(selection: IAutoCompleteItem) => {\r\n                                                                            input.onChange(selection);\r\n                                                                        }}\r\n                                                                        error={meta.error && meta.touched}\r\n                                                                        helperText={meta.error && meta.touched ? meta.error : ''}\r\n                                                                        size=\"small\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                            <span className=\"text\">after task due</span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </AccordionDetails>\r\n                                    </Accordion>\r\n                                </Grid>\r\n                                <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                    <div className={classes.buttonWrapper}>\r\n                                        <Button\r\n                                            variant=\"outlined\"\r\n                                            color=\"primary\"\r\n                                            type=\"submit\"\r\n                                            disabled={submitting || pristine || state.onSubmitLoading}\r\n                                        >\r\n                                            Save\r\n                                        </Button>\r\n                                        <Button\r\n                                            variant=\"outlined\"\r\n                                            color=\"primary\"\r\n                                            type=\"button\"\r\n                                            disabled={submitting || pristine}\r\n                                            onClick={onReset(form)}\r\n                                        >\r\n                                            Reset\r\n                                        </Button>\r\n                                    </div>\r\n                                </Grid>\r\n                                {/* {printJson(values)} */}\r\n                            </Grid>\r\n                        </form>\r\n                    )}\r\n                />\r\n            </div>\r\n        </MuiPickersUtilsProvider>\r\n    );\r\n};\r\n\r\nexport default TaskDefaultConfigurationTab;\r\n\r\n// tslint:disable-next-line: no-any\r\n// export function printJson(values: any) {\r\n//     if (values) {\r\n//         return (\r\n//             <>\r\n//                 <pre>\r\n//                     {JSON.stringify(values, undefined, 2)}\r\n//                 </pre>\r\n//             </>\r\n//         );\r\n//     } else {\r\n//         return (\r\n//             <>\r\n//                 <FormSpy subscription={{ values: true }}>\r\n//                     {/* tslint:disable-next-line: no-shadowed-variable */}\r\n//                     {({ values }) => (\r\n//                         <pre>\r\n//                             {JSON.stringify(values, undefined, 2)}\r\n//                             {/* <RenderCount /> */}\r\n//                         </pre>\r\n//                     )}\r\n//                 </FormSpy>\r\n//             </>\r\n//         );\r\n//     }\r\n// }\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Accordion, AccordionDetails, AccordionSummary, Button, Checkbox, createStyles, FormControlLabel, FormGroup, Grid, makeStyles, Theme, Typography } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useMemo, useState } from 'react';\r\nimport { Field, Form, FormSpy } from 'react-final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport { showNotification } from '../../App';\r\nimport { client } from '../..';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport {\r\n    ClientAndContacsDefaultConfigurationQuery,\r\n    ClientAndContactDefaultConfigParams,\r\n    ClientAndContactsDefaultConfigurationMutation,\r\n    ClientAndContactsDefaultsData,\r\n} from '../FirmSettingConfigurationRepository';\r\nimport { CorrespondenceActivityData } from '../../hooks/useCorrespondenceActivity';\r\n// import { useClietAndMatterNoteSubjectQuery } from '../../hooks/useClientAndMatterNoteSubject';\r\n// import { GenericSelectorIAutoCompateItem } from '../../components/selectors/GenericSelector';\r\nimport { CorrespondenceActivitySelector } from '../../lookupConfiguration/selectors/CorrespondenceActivitySelector';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { ClientAndMatterNoteSubjectData, SubjectSelector } from '../selectors/SubjectSelector';\r\nimport { useQuery } from 'react-apollo';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main,\r\n        },\r\n        radioGroup: {\r\n            flexFlow: 'row wrap',\r\n        },\r\n        accordionDetails: {\r\n            flexFlow: 'column',\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            },\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n    }),\r\n);\r\n\r\ninterface FormState {\r\n    isNoteTypeMandatory: boolean;\r\n    isNoteSubjectMandatory: boolean;\r\n\r\n    outlookAddinType: IAutoCompleteItem | null;\r\n    outlookAddinSubject: IAutoCompleteItem | null;\r\n    eventCreationType: IAutoCompleteItem | null;\r\n    eventCreationSubject: IAutoCompleteItem | null;\r\n    campaignCreationType: IAutoCompleteItem | null;\r\n    campaignCreationSubject: IAutoCompleteItem | null;\r\n}\r\n\r\ninterface ClientAndContactsDefaultConfigurationTabState {\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n    noteTypeData: CorrespondenceActivityData | null | undefined;\r\n    noteSubjectData: ClientAndMatterNoteSubjectData | null | undefined;\r\n}\r\n\r\nexport const ClientAndContactsDefaultConfigurationTab: React.FC = () => {\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<ClientAndContactsDefaultConfigurationTabState>({\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n        noteTypeData: null,\r\n        noteSubjectData: null,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        isNoteTypeMandatory: false,\r\n        isNoteSubjectMandatory: false,\r\n        campaignCreationSubject: null,\r\n        campaignCreationType: null,\r\n        eventCreationSubject: null,\r\n        eventCreationType: null,\r\n        outlookAddinSubject: null,\r\n        outlookAddinType: null,\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const clientAndContactDefaultConfigQuery = useQuery<ClientAndContactsDefaultsData>(ClientAndContacsDefaultConfigurationQuery);\r\n\r\n    useMemo(() => {\r\n\r\n        if (!clientAndContactDefaultConfigQuery.loading && !clientAndContactDefaultConfigQuery.error && clientAndContactDefaultConfigQuery.data) {\r\n            \r\n            const { config } = clientAndContactDefaultConfigQuery.data.settings.systems.clientAndContactDefaults;\r\n\r\n            setFormState((prevFormState) => {\r\n                return {\r\n                    ...prevFormState,\r\n                    isNoteTypeMandatory: config.isNoteTypeMandatory,\r\n                    isNoteSubjectMandatory: config.isNoteSubjectMandatory,\r\n                    outlookAddinType:\r\n                        config.outlookAddinNoteTypeGuid && config.outlookAddinNoteTypeDescription\r\n                            ? { value: config.outlookAddinNoteTypeGuid, label: config.outlookAddinNoteTypeDescription }\r\n                            : null,\r\n                    outlookAddinSubject:\r\n                        config.outlookAddinNoteSubjectId && config.outlookAddinNoteSubjectDescription\r\n                            ? { value: config.outlookAddinNoteSubjectId.toString(), label: config.outlookAddinNoteSubjectDescription }\r\n                            : null,\r\n                    eventCreationType:\r\n                        config.eventCreationNoteTypeGuid && config.eventCreationNoteTypeDescription\r\n                            ? { value: config.eventCreationNoteTypeGuid, label: config.eventCreationNoteTypeDescription }\r\n                            : null,\r\n                    eventCreationSubject:\r\n                        config.eventCreationNoteSubjectId && config.eventCreationNoteSubjectDescription\r\n                            ? { value: config.eventCreationNoteSubjectId.toString(), label: config.eventCreationNoteSubjectDescription }\r\n                            : null,\r\n                    campaignCreationType:\r\n                        config.campaignCreationNoteTypeGuid && config.campaignCreationNoteTypeDescription\r\n                            ? { value: config.campaignCreationNoteTypeGuid, label: config.campaignCreationNoteTypeDescription }\r\n                            : null,\r\n                    campaignCreationSubject:\r\n                        config.campaignCreationNoteSubjectId && config.campaignCreationNoteSubjectDescription\r\n                            ? { value: config.campaignCreationNoteSubjectId.toString(), label: config.campaignCreationNoteSubjectDescription }\r\n                            : null,\r\n                };\r\n            });\r\n        }\r\n    // tslint:disable-next-line: align\r\n    }, [clientAndContactDefaultConfigQuery.data, clientAndContactDefaultConfigQuery.loading, clientAndContactDefaultConfigQuery.error]);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true,\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: FormState) => {\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onSubmitLoading: true,\r\n            };\r\n        });\r\n\r\n        client\r\n            // tslint:disable-next-line: no-any\r\n            .mutate<any, ClientAndContactDefaultConfigParams>({\r\n                mutation: ClientAndContactsDefaultConfigurationMutation,\r\n                variables: {\r\n                    isNoteSubjectMandatory: values.isNoteSubjectMandatory,\r\n                    isNoteTypeMandatory: values.isNoteTypeMandatory,\r\n                    outlookAddinNoteTypeGuid: values.outlookAddinType ? values.outlookAddinType?.value : null,\r\n                    outlookAddinNoteSubjectId: values.outlookAddinSubject ? values.outlookAddinSubject.value : null,\r\n\r\n                    eventCreationNoteTypeGuid: values.eventCreationType ? values.eventCreationType?.value : null,\r\n                    eventCreationNoteSubjectId: values.eventCreationSubject ? values.eventCreationSubject?.value : null,\r\n\r\n                    campaignCreationNoteTypeGuid: values.campaignCreationType ? values.campaignCreationType?.value : null,\r\n                    campaignCreationNoteSubjectId: values.campaignCreationSubject ? values.campaignCreationSubject?.value : null,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    showNotification(null, 'Successfully submitted', 'info');\r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false,\r\n                        };\r\n                    });\r\n\r\n                    // reset the field and set to the current changes after saved.\r\n                    form.setConfig('keepDirtyOnReinitialize', false);\r\n                    form.batch(() => {\r\n                        form.reset(values);\r\n                    });\r\n                    form.setConfig('keepDirtyOnReinitialize', true);\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update enquiry default', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false,\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    if (clientAndContactDefaultConfigQuery.loading || !clientAndContactDefaultConfigQuery.data) {\r\n        return (\r\n            <div className={classes.root}>\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <Form\r\n                onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}\r\n                initialValues={formState}\r\n                initialValuesEqual={() => true}\r\n                keepDirtyOnReinitialize={true}\r\n                subscription={{ submitting: true, pristine: true, values: true, initialValues: true }}\r\n                render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                    <form onSubmit={handleSubmit}>\r\n                        <FormSpy\r\n                            subscription={{ pristine: true }}\r\n                            // tslint:disable-next-line: no-shadowed-variable\r\n                            onChange={(props) => {\r\n                                onFormValueChanged(props);\r\n                            }}\r\n                        />\r\n\r\n                        <Grid container={true} spacing={3}>\r\n                            <Grid item={true} xs={12} md={12}>\r\n                                <Accordion defaultExpanded={true}>\r\n                                    <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"panel1a-content\">\r\n                                        <Typography className={classes.heading}>Client and Contact Defaults</Typography>\r\n                                    </AccordionSummary>\r\n                                    <AccordionDetails className={classes.accordionDetails}>\r\n                                        <Grid container={true} spacing={3}>\r\n                                            <Grid item={true} md={12} lg={12} sm={12} xs={12}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={12} item={true}>\r\n                                                        <Typography>\r\n                                                            Provide a new section to define default settings for Note Subject and \r\n                                                            Type in various circumstances.\r\n                                                        </Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true} />\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <FormGroup className={classes.radioGroup}>\r\n                                                            <Field name=\"isNoteSubjectMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Subject Mandatory\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </FormGroup>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <FormGroup className={classes.radioGroup}>\r\n                                                            <Field name=\"isNoteTypeMandatory\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                                {({ input, meta }) => (\r\n                                                                    <FormControlLabel\r\n                                                                        control={\r\n                                                                            <Checkbox\r\n                                                                                {...input}\r\n                                                                                checked={input.value}\r\n                                                                                onChange={input.onChange}\r\n                                                                                checkedIcon={<CheckBoxIcon color=\"primary\" />}\r\n                                                                            />\r\n                                                                        }\r\n                                                                        label=\"Type Mandatory\"\r\n                                                                    />\r\n                                                                )}\r\n                                                            </Field>\r\n                                                        </FormGroup>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                            <Grid item={true} md={12} lg={12} sm={12} xs={12}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Typography>Outlook Addin</Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Field name=\"outlookAddinSubject\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <SubjectSelector\r\n                                                                    {...input}\r\n                                                                    label=\"Subject\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Field name=\"outlookAddinType\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <CorrespondenceActivitySelector\r\n                                                                    {...input}\r\n                                                                    label=\"Type\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid>\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                            <Grid item={true} md={12} lg={12} sm={12} xs={12}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Typography>Event Creation</Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Field name=\"eventCreationSubject\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <SubjectSelector\r\n                                                                    {...input}\r\n                                                                    label=\"Subject\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid>\r\n                                                    {/* <Grid md={4} item={true}>\r\n                                                        <Field name=\"eventCreationType\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <CorrespondenceActivitySelector\r\n                                                                    {...input}\r\n                                                                    label=\"Type\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid> */}\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                            <Grid item={true} md={12} lg={12} sm={12} xs={12}>\r\n                                                <Grid container={true} spacing={3}>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Typography>Campaign Creation</Typography>\r\n                                                    </Grid>\r\n                                                    <Grid md={4} item={true}>\r\n                                                        <Field name=\"campaignCreationSubject\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <SubjectSelector\r\n                                                                    {...input}\r\n                                                                    label=\"Subject\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid>\r\n                                                    {/* <Grid md={4} item={true}>\r\n                                                        <Field name=\"campaignCreationType\" subscription={{ touched: true, error: true, value: true }}>\r\n                                                            {({ input, meta }) => (\r\n                                                                <CorrespondenceActivitySelector\r\n                                                                    {...input}\r\n                                                                    label=\"Type\"\r\n                                                                    onSelection={input.onChange}\r\n                                                                />\r\n                                                            )}\r\n                                                        </Field>\r\n                                                    </Grid> */}\r\n                                                </Grid>\r\n                                            </Grid>\r\n                                        </Grid>\r\n                                    </AccordionDetails>\r\n                                </Accordion>\r\n                            </Grid>\r\n                            <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                <div className={classes.buttonWrapper}>\r\n                                    <Button variant=\"outlined\" color=\"primary\" type=\"submit\" disabled={submitting || pristine || state.onSubmitLoading}>\r\n                                        Save\r\n                                    </Button>\r\n                                    <Button variant=\"outlined\" color=\"primary\" type=\"button\" disabled={submitting || pristine} onClick={onReset(form)}>\r\n                                        Reset\r\n                                    </Button>\r\n                                </div>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </form>\r\n                )}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ClientAndContactsDefaultConfigurationTab;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { Accordion, AccordionDetails, AccordionSummary, Box, Button, createStyles, Grid, InputAdornment, makeStyles, TextField, Theme, Typography } from '@material-ui/core';\r\nimport { FormApi } from 'final-form';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { client } from '../..';\r\nimport { showNotification } from '../../App';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport gql from 'graphql-tag';\r\nimport { useQuery } from 'react-apollo';\r\nimport { useCurrencySymbol } from '../../hooks/useCurrencySymbol';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            display: 'flex',\r\n            flex: 1,\r\n            flexFlow: 'column',\r\n            padding: '0 30px',\r\n        },\r\n        textField: {\r\n            width: '100%',\r\n            maxWidth: '75px',\r\n        },\r\n        buttonWrapper: {\r\n            margin: '0 -10px',\r\n            width: '100%',\r\n            display: 'flex',\r\n            justifyContent: 'flex-end',\r\n            '& > button': {\r\n                margin: '0 10px',\r\n            }\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            flex: 1,\r\n        },\r\n        heading: {\r\n            fontSize: theme.typography.pxToRem(15),\r\n            fontWeight: 600,\r\n            color: theme.palette.primary.main\r\n        },\r\n    })\r\n);\r\n\r\ninterface FormState {\r\n    redIndicatorWhenActualVsBudgetIsLessThanPercentage: number | null;\r\n    amberIndicatorWhenActualVsBudgetIsLessThanPercentage: number | null;\r\n    redIndicatorWhenNinetyDayDebtExceedsPercentage: number | null;\r\n    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: number | null;\r\n    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: number | null;\r\n    firmOverallStandardChargeOutRate: number | null;\r\n    currentBankOverdraftInterestRate: number | null;\r\n    firmStandardTradingTermsInDays: number | null;\r\n    firmTargetWipLockupDays: number | null;\r\n    firmOverallBlendedCostRate: number | null;\r\n}\r\ninterface FinancialThresholdsTabState {\r\n    isLoading: boolean;\r\n    isFormChanged: boolean;\r\n    onSubmitLoading: boolean;\r\n}\r\n\r\nexport default function FinancialThresholdsTab() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<FinancialThresholdsTabState>({\r\n        isLoading: true,\r\n        isFormChanged: false,\r\n        onSubmitLoading: false,\r\n    });\r\n\r\n    const [formState, setFormState] = useState<FormState>({\r\n        redIndicatorWhenActualVsBudgetIsLessThanPercentage: null,\r\n        amberIndicatorWhenActualVsBudgetIsLessThanPercentage: null,\r\n        redIndicatorWhenNinetyDayDebtExceedsPercentage: null,\r\n        redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: null,\r\n        redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: null,\r\n        firmOverallStandardChargeOutRate: null,\r\n        currentBankOverdraftInterestRate: null,\r\n        firmStandardTradingTermsInDays: null,\r\n        firmTargetWipLockupDays: null,\r\n        firmOverallBlendedCostRate: null\r\n    });\r\n\r\n    const currencyQuery = useCurrencySymbol();\r\n\r\n    const financialThresholdsQuery = useQuery<FinancialThresholdsData>(FinancialThresholdsQuery);\r\n\r\n    useEffect(() => {\r\n\r\n        if (financialThresholdsQuery.data && !financialThresholdsQuery.error && !financialThresholdsQuery.loading) {\r\n\r\n            const { \r\n\r\n                amberIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                currentBankOverdraftInterestRate,\r\n                firmOverallStandardChargeOutRate,\r\n                firmStandardTradingTermsInDays,\r\n                firmTargetWipLockupDays,\r\n                redIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                redIndicatorWhenNinetyDayDebtExceedsPercentage,\r\n                redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage,\r\n                redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage,\r\n                showGreenIndicator,\r\n                firmOverallBlendedCostRate\r\n\r\n            } = financialThresholdsQuery.data.settings.systems.financialThresholdsSettings.config;\r\n\r\n            setFormState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    amberIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                    currentBankOverdraftInterestRate,\r\n                    firmOverallStandardChargeOutRate,\r\n                    firmStandardTradingTermsInDays,\r\n                    firmTargetWipLockupDays: firmTargetWipLockupDays,\r\n                    redIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                    redIndicatorWhenNinetyDayDebtExceedsPercentage,\r\n                    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage,\r\n                    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage,\r\n                    showGreenIndicator,\r\n                    firmOverallBlendedCostRate\r\n                };\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isLoading: false\r\n                };\r\n            });\r\n        }\r\n\r\n    }, [financialThresholdsQuery.data, financialThresholdsQuery.error, financialThresholdsQuery.loading]);\r\n\r\n    // const onTextFieldChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    //     const value = event.target.value;\r\n    //     const name = event.target.name;\r\n\r\n    //     setState((prevState) => {\r\n    //         return {\r\n    //             ...prevState,\r\n    //             [name]: value\r\n    //         };\r\n    //     });\r\n        \r\n    // };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    isFormChanged: true\r\n                };\r\n            });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    const onReset = (form: FormApi<FormState>) => () => {\r\n        form.setConfig('keepDirtyOnReinitialize', false);\r\n        form.batch(() => {\r\n            form.reset();\r\n        });\r\n        form.setConfig('keepDirtyOnReinitialize', true);\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FormState>, values: AnyObject) => {\r\n\r\n        setState((_prevState) => {\r\n            return {\r\n                ..._prevState,\r\n                onSubmitLoading: true\r\n            };\r\n        });\r\n\r\n        client\r\n            .mutate<FinancialThresholdsMutationData, FinancialThresholdsMutationParams>({\r\n                mutation: FinancialThresholdsMutation,\r\n                variables: {\r\n                    amberIndicatorWhenActualVsBudgetIsLessThanPercentage: values.amberIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                    currentBankOverdraftInterestRate: values.currentBankOverdraftInterestRate,\r\n                    firmOverallStandardChargeOutRate: values.firmOverallStandardChargeOutRate,\r\n                    firmStandardTradingTermsInDays: values.firmStandardTradingTermsInDays,\r\n                    firmTargetWipLockupDays: values.firmTargetWipLockupDays,\r\n                    redIndicatorWhenActualVsBudgetIsLessThanPercentage: values.redIndicatorWhenActualVsBudgetIsLessThanPercentage,\r\n                    redIndicatorWhenNinetyDayDebtExceedsPercentage: values.redIndicatorWhenNinetyDayDebtExceedsPercentage,\r\n                    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: values.redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage,\r\n                    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: values.redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage,\r\n                    showGreenIndicator: values.showGreenIndicator,\r\n                    firmOverallBlendedCostRate: values.firmOverallBlendedCostRate\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results) => {\r\n                if (results.data?.settings.financialThresholdsSettings.update.status) {\r\n                    showNotification(null, 'Successfully submitted', 'info');   \r\n                    \r\n                    onReset(form);\r\n\r\n                    setState((_prevState) => {\r\n                        return {\r\n                            ..._prevState,\r\n                            onSubmitLoading: false\r\n                        };\r\n                    });  \r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to update firm details', reason, 'error');\r\n                setState((_prevState) => {\r\n                    return {\r\n                        ..._prevState,\r\n                        onSubmitLoading: false\r\n                    };\r\n                });\r\n            });\r\n    };\r\n\r\n    const redAmberAndGreenComponent = () => {\r\n        return (\r\n            <Accordion\r\n                defaultExpanded={true}\r\n            >\r\n                <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon />}\r\n                aria-controls=\"panel1a-content\"\r\n                id=\"panel1a-header\"\r\n                >\r\n                <Typography className={classes.heading}>Red/Amber/Green</Typography>\r\n                </AccordionSummary>\r\n                <AccordionDetails>\r\n                    <Grid container={true} spacing={3}>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Display a red indicator when actual vs budget is less than\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"redIndicatorWhenActualVsBudgetIsLessThanPercentage\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"redIndicatorWhenActualVsBudgetIsLessThanPercentage\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Display an amber indicator when actual vs budget is less than\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"amberIndicatorWhenActualVsBudgetIsLessThanPercentage\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"amberIndicatorWhenActualVsBudgetIsLessThanPercentage\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Typography>\r\n                                Otherwise display green\r\n                            </Typography>\r\n                        </Grid>\r\n                    </Grid>\r\n                </AccordionDetails>\r\n            </Accordion>\r\n        );\r\n    };\r\n\r\n    const exceptionsComponent = () => {\r\n        return (\r\n            <Accordion\r\n                defaultExpanded={true}\r\n            >\r\n                <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon />}\r\n                aria-controls=\"panel1a-content\"\r\n                id=\"panel1a-header\"\r\n                >\r\n                <Typography className={classes.heading}>Exceptions</Typography>\r\n                </AccordionSummary>\r\n                <AccordionDetails>\r\n                    <Grid container={true} spacing={3}>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Display red when 90 day debt exceeds\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"redIndicatorWhenNinetyDayDebtExceedsPercentage\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"redIndicatorWhenNinetyDayDebtExceedsPercentage\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                                <Typography>\r\n                                    of total debt\r\n                                </Typography>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Display red when 90 day unbilled fees exceeds\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                                <Typography>\r\n                                    of total unbilled fees\r\n                                </Typography>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Display red when 90 day unbilled disbursements exceeds\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                                <Typography>\r\n                                    of total unbilled disbursements\r\n                                </Typography>\r\n                            </Box>\r\n                        </Grid>\r\n                    </Grid>\r\n                </AccordionDetails>\r\n            </Accordion>\r\n        );\r\n    };\r\n\r\n    const standardsComponent = () => {\r\n        return (\r\n            <Accordion\r\n                defaultExpanded={true}\r\n            >\r\n                <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon />}\r\n                aria-controls=\"panel1a-content\"\r\n                id=\"panel1a-header\"\r\n                >\r\n                <Typography className={classes.heading}>Standards</Typography>\r\n                </AccordionSummary>\r\n                <AccordionDetails>\r\n                    <Grid container={true} spacing={3}>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Firm Overall Standard Blended Charge Out Rice\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"firmOverallStandardChargeOutRate\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"firmOverallStandardChargeOutRate\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                startAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        {currencyQuery.data?.options.currencySymbol.symbol || '$'}\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Current Bank Overdraft Interest Rate \r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"currentBankOverdraftInterestRate\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"currentBankOverdraftInterestRate\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                endAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        %\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Firm's Standard Trading Terms in Days to Firm's target debtor days\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"firmStandardTradingTermsInDays\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"firmStandardTradingTermsInDays\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Firm's target WIP Lockup days\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"firmTargetWipLockupDays\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"firmTargetWipLockupDays\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                        <Grid item={true} xs={12} md={12}>\r\n                            <Box\r\n                                display=\"flex\"\r\n                                gridGap=\"10px\"\r\n                            >\r\n                                <Typography>\r\n                                    Firm's Overall Blended Cost Rate\r\n                                </Typography>\r\n                                <Field\r\n                                    name=\"firmOverallBlendedCostRate\"\r\n                                    // validate={required}\r\n                                >\r\n                                    {({ input, meta }) => (\r\n                                        <TextField\r\n                                            {...input}\r\n                                            className={classes.textField}\r\n                                            name=\"firmOverallBlendedCostRate\"\r\n                                            error={meta.error && meta.touched}\r\n                                            helperText={\r\n                                                meta.error &&\r\n                                                meta.touched\r\n                                                    ? 'Required'\r\n                                                    : ''\r\n                                            }\r\n                                            InputProps={{\r\n                                                startAdornment: (\r\n                                                    <InputAdornment \r\n                                                        position=\"start\"\r\n                                                        style={{\r\n                                                            // marginLeft: '5px'\r\n                                                        }}\r\n                                                    >\r\n                                                        {currencyQuery.data?.options.currencySymbol.symbol || '$'}\r\n                                                    </InputAdornment>\r\n                                                ),\r\n                                            }}\r\n                                            inputProps={{\r\n                                                style: { textAlign: 'right' }\r\n                                            }}\r\n                                            type=\"number\"\r\n                                            size=\"small\"\r\n                                        />\r\n                                    )}\r\n                                </Field>\r\n                            </Box>\r\n                        </Grid>\r\n                    </Grid>\r\n                </AccordionDetails>\r\n            </Accordion>\r\n        );\r\n    };\r\n    \r\n    return (\r\n        <div className={classes.root}>\r\n            {state.isLoading || currencyQuery.loading ? (\r\n                <div className={classes.loaderWrapper}>\r\n                    <RvLoader />\r\n                </div>\r\n            ) : (\r\n                <Form\r\n                    onSubmit={(values, form: FormApi<FormState>) => onSubmit(form, values)}  \r\n                    initialValues={formState}\r\n                    initialValuesEqual={() => true}\r\n                    keepDirtyOnReinitialize={true}\r\n                    subscription={{\r\n                        submitting: true,\r\n                        pristine: true,\r\n                    }}\r\n                    render={({\r\n                        handleSubmit,\r\n                        form,\r\n                        submitting,\r\n                        pristine,\r\n                    }) => {\r\n                        return (\r\n                            \r\n                            <form onSubmit={handleSubmit}>\r\n                                <FormSpy \r\n                                    subscription={{ pristine: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={props => {\r\n                                        onFormValueChanged(props);\r\n                                    }}\r\n                                />\r\n                                \r\n                                <Grid container={true} spacing={3}>\r\n\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        {redAmberAndGreenComponent()}\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        {exceptionsComponent()}\r\n                                    </Grid>\r\n                                    <Grid item={true} xs={12} md={12}>\r\n                                        {standardsComponent()}\r\n                                    </Grid>\r\n\r\n                                    <Grid item={true} xs={12} md={12} justify=\"flex-end\">\r\n                                        <div className={classes.buttonWrapper}>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"submit\"\r\n                                                disabled={submitting || pristine || state.onSubmitLoading}\r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                variant=\"outlined\" \r\n                                                color=\"primary\"\r\n                                                type=\"button\"\r\n                                                disabled={submitting || pristine}\r\n                                                onClick={onReset(form)}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* {printJson(values)} */}\r\n                                </Grid>\r\n                            </form>\r\n                        );\r\n                    }}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport function printJson(values: any) {\r\n    if (values) {\r\n        return (\r\n            <>\r\n                <pre>\r\n                    {JSON.stringify(values, undefined, 2)}\r\n                </pre>\r\n            </>\r\n        );\r\n    } else {\r\n        return (\r\n            <>\r\n                <FormSpy subscription={{ values: true }}>\r\n                    {/* tslint:disable-next-line: no-shadowed-variable */}\r\n                    {({ values }) => (\r\n                        <pre>\r\n                            {JSON.stringify(values, undefined, 2)}\r\n                            {/* <RenderCount /> */}\r\n                        </pre>\r\n                    )}\r\n                </FormSpy>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\ntype FinancialThresholdsData = {\r\n    settings: Settings;\r\n}\r\n\r\ntype Settings = {\r\n    id:         number;\r\n    systems:    Systems;\r\n    __typename: string;\r\n}\r\n\r\ntype Systems = {\r\n    financialThresholdsSettings: FinancialThresholdsSettings;\r\n    __typename:                  string;\r\n}\r\n\r\ntype FinancialThresholdsSettings = {\r\n    id:         number;\r\n    config:     Config;\r\n    __typename: string;\r\n}\r\n\r\ntype Config = {\r\n    id:                                                              number | null;\r\n    redIndicatorWhenActualVsBudgetIsLessThanPercentage:              number | null;\r\n    amberIndicatorWhenActualVsBudgetIsLessThanPercentage:            number | null;\r\n    redIndicatorWhenNinetyDayDebtExceedsPercentage:                  number | null;\r\n    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage:          number | null;\r\n    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: number | null;\r\n    firmOverallStandardChargeOutRate:                                number | null;\r\n    currentBankOverdraftInterestRate:                                number | null;\r\n    firmStandardTradingTermsInDays:                                  number | null;\r\n    firmTargetWipLockupDays:                                         number | null;\r\n    showGreenIndicator:                                              boolean;\r\n    firmOverallBlendedCostRate:                                      number | null;\r\n    __typename:                                                      string;\r\n}\r\n\r\nconst FinancialThresholdsQuery = gql`\r\n    query financialThresholdsSettings {\r\n        settings {\r\n            id\r\n            systems {\r\n                financialThresholdsSettings {\r\n                    id\r\n                    config {\r\n                        id\r\n                        redIndicatorWhenActualVsBudgetIsLessThanPercentage\r\n                        amberIndicatorWhenActualVsBudgetIsLessThanPercentage\r\n                        redIndicatorWhenNinetyDayDebtExceedsPercentage\r\n                        redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage\r\n                        redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage\r\n                        firmOverallStandardChargeOutRate\r\n                        currentBankOverdraftInterestRate\r\n                        firmStandardTradingTermsInDays\r\n                        firmTargetWipLockupDays\r\n                        showGreenIndicator\r\n                        firmOverallBlendedCostRate\r\n                        __typename\r\n                    }\r\n                    __typename\r\n                }\r\n                __typename\r\n            }\r\n            __typename\r\n        }\r\n    }\r\n\r\n`;\r\n\r\ntype FinancialThresholdsMutationParams = {\r\n    redIndicatorWhenActualVsBudgetIsLessThanPercentage: number;\r\n    amberIndicatorWhenActualVsBudgetIsLessThanPercentage: number;\r\n    redIndicatorWhenNinetyDayDebtExceedsPercentage: number;\r\n    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: number;\r\n    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: number;\r\n    firmOverallStandardChargeOutRate: number;\r\n    currentBankOverdraftInterestRate: number;\r\n    firmStandardTradingTermsInDays: number;\r\n    firmTargetWipLockupDays: number;\r\n    showGreenIndicator: boolean;\r\n    firmOverallBlendedCostRate: number;\r\n}\r\n\r\ntype FinancialThresholdsMutationData = {\r\n    settings: FinancialThresholdsMutationSettings;\r\n}\r\n\r\ntype FinancialThresholdsMutationSettings = {\r\n    financialThresholdsSettings: FinancialThresholdsMutationFinancialSettings;\r\n    __typename:                  string;\r\n}\r\n\r\ntype FinancialThresholdsMutationFinancialSettings = {\r\n    update:     Update;\r\n    __typename: string;\r\n}\r\n\r\ntype Update = {\r\n    status:     boolean;\r\n    error:      null;\r\n    __typename: string;\r\n}\r\n\r\n\r\nconst FinancialThresholdsMutation = gql`\r\n    mutation FinancialThresholdsMutation(\r\n        $redIndicatorWhenActualVsBudgetIsLessThanPercentage: Decimal\r\n        $amberIndicatorWhenActualVsBudgetIsLessThanPercentage: Decimal\r\n        $redIndicatorWhenNinetyDayDebtExceedsPercentage: Decimal\r\n        $redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: Decimal\r\n        $redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: Decimal\r\n        $firmOverallStandardChargeOutRate: Decimal\r\n        $currentBankOverdraftInterestRate: Decimal\r\n        $firmStandardTradingTermsInDays: Int\r\n        $firmTargetWipLockupDays: Int\r\n        $showGreenIndicator: Boolean\r\n        $firmOverallBlendedCostRate: Decimal\r\n    ) {\r\n        settings {\r\n            financialThresholdsSettings{\r\n                update(\r\n                    redIndicatorWhenActualVsBudgetIsLessThanPercentage :$redIndicatorWhenActualVsBudgetIsLessThanPercentage\r\n                    amberIndicatorWhenActualVsBudgetIsLessThanPercentage : $amberIndicatorWhenActualVsBudgetIsLessThanPercentage\r\n                    redIndicatorWhenNinetyDayDebtExceedsPercentage: $redIndicatorWhenNinetyDayDebtExceedsPercentage\r\n                    redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage: $redIndicatorWhenNinetyDayUnbilledFeesExceedsPercentage\r\n                    redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage: $redIndicatorWhenNinetyDayUnbilledDisbursementsExceedsPercentage\r\n                    firmOverallStandardChargeOutRate: $firmOverallStandardChargeOutRate\r\n                    currentBankOverdraftInterestRate: $currentBankOverdraftInterestRate\r\n                    firmStandardTradingTermsInDays: $firmStandardTradingTermsInDays\r\n                    firmTargetWipLockupDays: $firmTargetWipLockupDays\r\n                    showGreenIndicator: $showGreenIndicator\r\n                    firmOverallBlendedCostRate: $firmOverallBlendedCostRate\r\n                ) {\r\n                    status\r\n                    error\r\n                    __typename\r\n                }\r\n                __typename\r\n            }\r\n            __typename\r\n        }\r\n    }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport { FirmSettingConfigurationBanner } from './FirmSettingConfigurationBanner';\r\nimport { RouterProps, showNotification } from '../App';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport SettingsIcon from '@material-ui/icons/Settings';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport EmailOutlinedIcon from '@material-ui/icons/EmailOutlined';\r\nimport EmailingTab from './tabs/EmailingTab';\r\nimport { retrieveSystemSettingsNamesQueryData, SettingName, SettingNotificationSubscription, SystemSettingsNamesData } from './FirmSettingConfigurationRepository';\r\nimport NaturePeopleIcon from '@material-ui/icons/NaturePeople';\r\nimport EnquiryDefaultTab from './tabs/EnquiryDefaultTab';\r\nimport { RvLoader } from '../components/Loader';\r\nimport { client } from '..';\r\nimport VpnKeyOutlinedIcon from '@material-ui/icons/VpnKeyOutlined';\r\nimport ListAltOutlinedIcon from '@material-ui/icons/ListAltOutlined';\r\nimport RoomOutlinedIcon from '@material-ui/icons/RoomOutlined';\r\nimport TimerOutlinedIcon from '@material-ui/icons/TimerOutlined';\r\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\r\nimport SecurityTab from './tabs/SecurityTab';\r\nimport FirmDetailsTab from './tabs/FirmDetailsTab';\r\nimport RegionalTab from './tabs/RegionalTab';\r\nimport TimeRecordingTab from './tabs/TimeRecordingTab';\r\nimport TimeRecordingDefaultsTab from './tabs/TimeRecordingDefaultsTab';\r\nimport ConnectTab from './tabs/ConnectTab';\r\nimport TimeRecordingWarningDefaultsTab from './tabs/TimeRecordingWarningDefaultsTab';\r\nimport InprotechTab from './tabs/InprotechTab';\r\n// import AgeingTab from './tabs/AgeingTab';\r\n// import PollIcon from '@material-ui/icons/Poll';\r\n// import ChartDefaultsTab from './tabs/ChartDefaultsTab';\r\nimport PhoneMessageDefaultConfigurationTab from './tabs/PhoneMessageDefaultConfigurationTab';\r\nimport TaskDefaultConfigurationTab from './tabs/TaskDefaultConfigurationTab';\r\n// import { LearnMoreEnum } from '../learnMore/LearnMorePage';\r\nimport PermPhoneMsgIcon from '@material-ui/icons/PermPhoneMsg';\r\nimport AssignmentLateIcon from '@material-ui/icons/AssignmentLate';\r\nimport ClientAndContactsDefaultConfigurationTab from './tabs/ClientAndContactsDefaultConfigurationTab';\r\nimport FinancialThresholdsTab from './tabs/FinancialThresholdsTab';\r\n\r\nconst useStyles = makeStyles({\r\n    root: {\r\n        flex: 1,\r\n        display: 'flex',\r\n        flexFlow: 'column',\r\n    },\r\n    wrapper: {\r\n        flex: 1,\r\n        display: 'flex',\r\n        backgroundColor: '#fff',\r\n        margin: '0 -15px',\r\n        padding: '15px',\r\n    },\r\n    sidebar: {\r\n        padding: '0 15px',\r\n        maxWidth: '400px',\r\n        width: '100%',\r\n        position: 'relative',\r\n        flex: 1,\r\n        display: 'flex',\r\n    },\r\n    sidebarInner: {\r\n        position: 'relative',\r\n        flex: 1,\r\n        // left: 0,\r\n        // right: 0,\r\n        // top: 0,\r\n        // bottom: 0,\r\n        // overflow: 'auto',\r\n    },\r\n    sidebarList: {\r\n        position: 'absolute',\r\n        top: 0,\r\n        right: 0,\r\n        left: 0,\r\n        bottom: 0,\r\n        overflow: 'auto',\r\n        paddingRight: '10px',\r\n        '& .Mui-selected': {\r\n            backgroundColor: 'rgba(0, 0, 0, 0.2)'\r\n        },\r\n        '& .Mui-selected:hover': {\r\n            backgroundColor: 'rgba(0, 0, 0, 0.2)'\r\n        }\r\n    },\r\n    content: {\r\n        padding: '0 15px',\r\n        flexGrow: 1,\r\n        display: 'flex',\r\n        flexFlow: 'column',\r\n        '& > div': {\r\n            flexGrow: 1,\r\n            maxWidth: '800px',\r\n        }\r\n    },\r\n    tabLoaderWrapper: {\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        flex: 1,\r\n    }\r\n});\r\n\r\nexport enum FirmSettingConfigurationList {\r\n    // Ageing = 0,\r\n    Security,\r\n    EmailConfiguration,\r\n    EnquiryDefaultConfiguration,\r\n    FirmDetails,\r\n    Regional,\r\n    TimeRecording,\r\n    TimeRecordingDefaults,\r\n    Connect,\r\n    TimeRecordingWarningDefaults,\r\n    Inprotech,\r\n    ChartDefaults,\r\n    PhoneMessageDefaultConfiguration,\r\n    TaskDefaultConfiguration,\r\n    ClientAndContactsDefaultConfiguration,\r\n    FinancialThresholds\r\n}\r\n\r\ninterface FirmSettingConfigurationPageState {\r\n    selectedTable: FirmSettingConfigurationList;\r\n    tabs: SettingName[];\r\n    isTabLoading: boolean;\r\n}\r\n\r\ninterface FirmSettingConfigurationPageProps extends RouterProps {\r\n\r\n}\r\n\r\nexport default function FirmSettingConfigurationPage(props: FirmSettingConfigurationPageProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [pageState, setPageState] = useState<FirmSettingConfigurationPageState>({\r\n        selectedTable: 0,\r\n        tabs: [],\r\n        isTabLoading: true,\r\n    });\r\n\r\n    // tslint:disable-next-line: no-any\r\n    let routeCommand = props.match.params.command;\r\n\r\n    useEffect(() => {\r\n\r\n        fetchTabData();\r\n\r\n        var routeTab: FirmSettingConfigurationList = FirmSettingConfigurationList[props.match.params.tab as keyof typeof FirmSettingConfigurationList];\r\n        // tslint:disable-next-line: no-console\r\n        console.log('routeCommand', routeCommand);\r\n\r\n        setPageState({\r\n            ...pageState,\r\n            selectedTable: routeTab ? routeTab : pageState.selectedTable\r\n        });\r\n\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    useEffect(() => {   \r\n        const subscribeSettingNotificationObj = subscribeSettingNotification();\r\n        // Cleanup\r\n        return () => {\r\n            subscribeSettingNotificationObj.unsubscribe();\r\n        };\r\n\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const subscribeSettingNotification = () => {\r\n        return (\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: SettingNotificationSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.settingNotification.status) {\r\n                            showNotification('Success', results.data.settingNotification.message, 'info');\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.settingNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchTabData = () => {\r\n        retrieveSystemSettingsNamesQueryData(\r\n            true,\r\n            // tslint:disable-next-line: no-console\r\n            (data: SystemSettingsNamesData) => onFirmSettingTabRetrieved(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onFirmSettingTabRetrieved = (data: SystemSettingsNamesData) => {\r\n        setPageState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                tabs: data.settings.systems.settingNames.settingName,\r\n                isTabLoading: false\r\n            };\r\n        });\r\n    };\r\n\r\n    const getIcon = (internalName: string) => {\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.Security]) {\r\n            return (\r\n                <Avatar>\r\n                    <VpnKeyOutlinedIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.FirmDetails]) {\r\n            return (\r\n                <Avatar>\r\n                    <ListAltOutlinedIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.Regional]) {\r\n            return (\r\n                <Avatar>\r\n                    <RoomOutlinedIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.TimeRecording]) {\r\n            return (\r\n                <Avatar>\r\n                    <TimerOutlinedIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.TimeRecordingDefaults]) {\r\n            return (\r\n                <Avatar>\r\n                    <AccessTimeIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n        \r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.EmailConfiguration]) {\r\n            return (\r\n                <Avatar>\r\n                    <EmailOutlinedIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.EnquiryDefaultConfiguration]) {\r\n            return (\r\n                <Avatar>\r\n                    <NaturePeopleIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        // if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.ChartDefaults]) {\r\n        //     return (\r\n        //         <Avatar>\r\n        //             <PollIcon />\r\n        //         </Avatar>\r\n        //     );\r\n        // }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.PhoneMessageDefaultConfiguration]) {\r\n            return (\r\n                <Avatar>\r\n                    <PermPhoneMsgIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.ClientAndContactsDefaultConfiguration]) {\r\n            return (\r\n                <Avatar>\r\n                    <NaturePeopleIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.TaskDefaultConfiguration]) {\r\n            return (\r\n                <Avatar>\r\n                    <AssignmentLateIcon />\r\n                </Avatar>\r\n            );\r\n        }\r\n\r\n        return (\r\n            <Avatar>\r\n                <SettingsIcon />\r\n            </Avatar>\r\n        );\r\n    };\r\n\r\n    const isHasAccess = (internalName: string): boolean => {\r\n        \r\n        // if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.EmailConfiguration]) {\r\n        //     return UserFeature.HasAccess(UserFeatureEnum.hasInnographyLink);\r\n        // }\r\n\r\n        // if (internalName === FirmSettingConfigurationList[FirmSettingConfigurationList.EnquiryDefaultConfiguration]) {\r\n        //     return UserFeature.HasAccess(UserFeatureEnum.hasVisionSix);\r\n        // }\r\n\r\n        return true;\r\n    };\r\n\r\n    const onClickBack = () => {\r\n        props.history.push('/configurationDashboard');\r\n    };\r\n\r\n    const onClickTab = (value: FirmSettingConfigurationList) => () => {\r\n        setPageState({\r\n            ...pageState,\r\n            selectedTable: value\r\n        });\r\n\r\n        props.history.push(`/firmSettingConfiguration/${FirmSettingConfigurationList[value]}`);\r\n    };\r\n\r\n    // const onLearnMore = () => {\r\n    //     props.history.push({\r\n    //         pathname: `/learnMore/${LearnMoreEnum[LearnMoreEnum.FIRM_STRUCTURE]}`, \r\n    //     });\r\n    // };\r\n    \r\n    return (\r\n        <div className={classes.root}>\r\n            <FirmSettingConfigurationBanner \r\n                title=\"Firm Setting\"\r\n                onClickBack={onClickBack}\r\n                // onLearnMore={onLearnMore}\r\n            />\r\n            <div className={classes.wrapper}>\r\n                {pageState.isTabLoading ? (\r\n                    <div className={classes.tabLoaderWrapper}>\r\n                        <RvLoader />\r\n                    </div>\r\n                ) : (\r\n                    <>\r\n                        <div className={classes.sidebar}>\r\n                            <div className={classes.sidebarInner}>\r\n                                <List className={classes.sidebarList}>\r\n                                    {pageState.tabs.map((tab: SettingName) => isHasAccess(tab.internalName) && (\r\n                                            <ListItem \r\n                                                key={tab.guidID}\r\n                                                button={true} \r\n                                                onClick={onClickTab(FirmSettingConfigurationList[tab.internalName as keyof typeof FirmSettingConfigurationList])}\r\n                                                selected={pageState.selectedTable === FirmSettingConfigurationList[tab.internalName as keyof typeof FirmSettingConfigurationList]}\r\n                                            >\r\n                                                <ListItemAvatar>\r\n                                                    {getIcon(tab.internalName)}\r\n                                                </ListItemAvatar>\r\n                                                <ListItemText\r\n                                                    primary={tab.title}\r\n                                                    secondary={tab.description}\r\n                                                />\r\n                                            </ListItem>\r\n                                        )\r\n                                    )}\r\n                                </List>\r\n                            </div>\r\n                        </div>\r\n                        <div className={classes.content}>\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.EmailConfiguration) && (<EmailingTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.EnquiryDefaultConfiguration) && (<EnquiryDefaultTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.Security) && (<SecurityTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.FirmDetails) && (<FirmDetailsTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.Regional) && (<RegionalTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.TimeRecording) && (<TimeRecordingTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.TimeRecordingDefaults) && (<TimeRecordingDefaultsTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.Connect) && (<ConnectTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.TimeRecordingWarningDefaults) && (<TimeRecordingWarningDefaultsTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.Inprotech) && (<InprotechTab />)}\r\n                            {/* {(pageState.selectedTable === FirmSettingConfigurationList.Ageing) && (<AgeingTab />)} */}\r\n                            {/* {(pageState.selectedTable === FirmSettingConfigurationList.ChartDefaults) && (<ChartDefaultsTab />)} */}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.PhoneMessageDefaultConfiguration) && (<PhoneMessageDefaultConfigurationTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.ClientAndContactsDefaultConfiguration) && (<ClientAndContactsDefaultConfigurationTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.TaskDefaultConfiguration) && (<TaskDefaultConfigurationTab />)}\r\n                            {(pageState.selectedTable === FirmSettingConfigurationList.FinancialThresholds) && (<FinancialThresholdsTab />)}\r\n                        </div>\r\n                    </>\r\n                )}\r\n            </div>\r\n        </div>\r\n    );\r\n}","import React from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { RvButtonFabric, RvButtonType } from '../components/Button';\r\nimport { RvLabel, LabelStyle } from '../components/Label/Label';\r\nimport { mainTheme } from '../Theme';\r\nimport VideoLibraryOutlinedIcon from '@material-ui/icons/VideoLibraryOutlined';\r\nimport { Button } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      width: '100%',\r\n      padding: '0 15px'\r\n    },\r\n    container: {},\r\n    buttonContainer: {\r\n      position: 'relative',\r\n      padding: '15px 80px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      color: mainTheme.BrandColors.TextPrimary,\r\n      '@media (max-width: 1024px)': {\r\n        padding: '15px 30px'\r\n      },\r\n      '& .rvlabel': {\r\n        // paddingLeft: '82px',\r\n        flex: 1,\r\n        fontFamily: mainTheme.Font.Main,\r\n        fontSize: mainTheme.FontSize.PX.size8,\r\n        letterSpacing: '0.86px',\r\n        lineHeight: mainTheme.LineHeight.ExtraLarge\r\n      },\r\n      '& .back-button': {\r\n        paddingRight: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        // position: 'absolute',\r\n        // top: '50%',\r\n        // transform: 'translateY(-50%)',\r\n        '& .ms-Button': {\r\n          width: '50px',\r\n          height: '50px'\r\n        },\r\n        '& .ms-Button-icon': {\r\n          fontSize: mainTheme.FontSize.PX.size10,\r\n          color: mainTheme.BrandColors.TemplatePrimary\r\n        }\r\n      }\r\n    },\r\n    button: {\r\n      margin: '0 10px',\r\n      textTransform: 'none',\r\n      fontSize: '14px',\r\n    }\r\n  })\r\n);\r\n\r\ninterface BannerProps {\r\n  title: string;\r\n  onClickBack?: () => void;\r\n  onLearnMore?: () => void;\r\n}\r\n\r\nexport const FurmStructureConfigurationBanner: React.FC<BannerProps> = ({\r\n  title,\r\n  onClickBack,\r\n  onLearnMore\r\n}) => {\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <div className={classes.root}>\r\n      <div className={classes.container}>\r\n        <div className={classes.buttonContainer}>\r\n          <RvButtonFabric\r\n            rvKey=\"close\"\r\n            rvbuttonType={RvButtonType.icon}\r\n            onClick={onClickBack}\r\n            rvIcon={'NavigateForwardMirrored'}\r\n            rvClassName=\"back-button\"\r\n          />\r\n          <RvLabel label={title} style={LabelStyle.Heading4} />\r\n          {onLearnMore && (\r\n            <Button \r\n                variant=\"text\" \r\n                color=\"primary\"\r\n                size=\"small\"\r\n                className={classes.button}\r\n                onClick={onLearnMore}\r\n                startIcon={<VideoLibraryOutlinedIcon />}\r\n            >\r\n                Learn More\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { EditComponentProps, MTableToolbar } from 'material-table';\r\nimport { \r\n    Avatar, \r\n    ListItem, \r\n    ListItemAvatar, \r\n    ListItemText, \r\n    Badge,\r\n    Typography, \r\n    Chip,\r\n    Checkbox\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport PeopleOutlineIcon from '@material-ui/icons/PeopleOutline';\r\nimport { browserHistory } from '../../components/AppContent';\r\nimport { showNotification } from '../../App';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\n \r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport { client } from '../..';\r\nimport gql from 'graphql-tag';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { FirmData, Team } from '../../lookupConfiguration/models/Firm';\r\nimport { retrieveTeamData } from '../../lookupConfiguration/selectors/FirmTeamSelector';\r\nimport CheckIcon from '@material-ui/icons/Check';\r\n\r\ninterface LookupTeamsMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    selectedRow: any | null;\r\n    data: Team[];\r\n    isLoading: boolean;\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nlet onDeleteItems: any = [];\r\n\r\nexport default function LookupTeamsMaintenance() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupTeamsMaintenanceState>({\r\n        selectedRow: null,\r\n        data: [],\r\n        isLoading: false,\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n\r\n    useEffect(() => {   \r\n        fetchData();\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((props, ref) => <AddBox {...props} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((props, ref) => <Check {...props} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((props, ref) => <Edit {...props} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((props, ref) => <ChevronLeft {...props} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((props, ref) => <Search {...props} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((props, ref) => <ArrowDownward {...props} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n\r\n                            if (lookupNotification.message.includes('created successfully')) {\r\n                                setState((prevState) => {\r\n\r\n                                    const tdata = [...prevState.data];\r\n\r\n                                    const temp = tdata[tdata.length - 1];\r\n\r\n                                    tdata[tdata.length - 1] = {\r\n                                        ...temp,\r\n                                        guidID: lookupNotification.guidId\r\n                                    };\r\n\r\n                                    return {\r\n                                        ...prevState,\r\n                                        data: tdata\r\n                                    };\r\n                                });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = () => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n        retrieveTeamData(\r\n            undefined,\r\n            true, // this.state.isRefresh, -- Since we are updating and creating, we do not fetch cached data\r\n            // tslint:disable-next-line: no-console\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n        \r\n        setState({\r\n            ...state,\r\n            data: data.firm.teams.team,\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getSection = (data: any) => {\r\n\r\n        const { description } = data;\r\n\r\n        let bColor: SemanticCOLORS = Colors[(description === '' || description === null) ? \r\n        Colors[Colors.length] : (hashString(description) % Colors.length) - 1];\r\n        let stringSplit = description\r\n        .replace(/[^\\w\\s]/gi, '') // remove special character\r\n        .split(' ')\r\n        // tslint:disable-next-line: no-any\r\n        .map((n: any) => n[0])\r\n        .join('');\r\n\r\n        let stringInitials = stringSplit.slice(0, 2);\r\n        \r\n        return (\r\n            <div>\r\n                <ListItem>\r\n                    <ListItemAvatar>\r\n                        <Avatar\r\n                            style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                            className={classes.avatar}\r\n                        >\r\n                            {stringInitials}\r\n                        </Avatar>\r\n                    </ListItemAvatar>\r\n                    <ListItemText primary={description} />\r\n                </ListItem>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getMember = (data: any) => {\r\n\r\n        let staffCount = 0;\r\n\r\n        if (data) {\r\n            staffCount = data.staffCount;\r\n        }\r\n\r\n        return (\r\n            <div>\r\n                <Badge color=\"primary\" badgeContent={staffCount}>\r\n                    <PeopleOutlineIcon />\r\n                </Badge>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getCheckboxRender = (data: any, field: string) => {\r\n\r\n        if (data && data[field]) {\r\n            return  (\r\n                <CheckIcon className={classes.checkIcon} />\r\n            );\r\n        }\r\n\r\n        return undefined;\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const checkBoxComponent = (componentProps: EditComponentProps<any> | any) => {\r\n        return (\r\n            <>\r\n                <Checkbox\r\n                    checked={componentProps.value}\r\n                    // tslint:disable-next-line: no-any\r\n                    onChange={(event: any) => componentProps.onChange(event.target.checked)}\r\n                />\r\n            </>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleRowClick = (event?: React.MouseEvent, rowData?: any, toggleDetailPanel?: (panelIndex?: number) => void) => {\r\n\r\n        setState({\r\n            ...state,\r\n            selectedRow: rowData.tableData.id\r\n        });\r\n\r\n        browserHistory.push(`/firmStructureConfiguration/teams/${encodeURIComponent(rowData.description)};key=${rowData.guidID}`);\r\n    };\r\n\r\n    const updateRowData = (newData: Team, oldData: Team) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = [...prevState.data];\r\n            \r\n            // const isExists = tdata.filter((item: Team) => item.description.toLowerCase().includes(newData.description.toLowerCase())).length;\r\n            \r\n            tdata[tdata.indexOf(oldData)] = newData;\r\n\r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n            \r\n        });\r\n    };\r\n\r\n    const updateData = (rowData: Team) => {\r\n\r\n        if (rowData) {\r\n            client\r\n                .mutate({\r\n                    mutation: updateFirmTeam,\r\n                    variables: {\r\n                        guidId: rowData.guidID,\r\n                        description: rowData.description,\r\n                        usedByTasks: rowData.usedByTasks,\r\n                        usedByFinancials: rowData.usedByFinancials,\r\n                        usedByEnquiries: rowData.usedByEnquiries\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Update Team', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Update Team', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteRowData = (oldData: Team) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    const deleteData = (oldData: Team) => {\r\n        client\r\n            .mutate({\r\n                mutation: deleteFirmTeam,\r\n                variables: {\r\n                    guidId: oldData.guidID,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Team', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Team', reason, 'error');\r\n            });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: Team) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = prevState.data;\r\n\r\n            const isExists = tdata.filter((item: Team) => item.description.toLowerCase().includes(newData.description.toLowerCase())).length;\r\n\r\n            if (!isExists) {\r\n                tdata.push(newData);\r\n            }\r\n\r\n            return {    \r\n                ...prevState,\r\n                data: tdata\r\n            };\r\n\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: Team) => {\r\n        if (newData) {\r\n            client\r\n                .mutate({\r\n                    mutation: createFirmTeam,\r\n                    variables: {\r\n                        description: newData.description,\r\n                        usedByTasks: newData.usedByTasks,\r\n                        usedByFinancials: newData.usedByFinancials,\r\n                        usedByEnquiries: newData.usedByEnquiries\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Team', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Team', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    const getTitle = (title: string, count: number) => {\r\n        return (\r\n            <div className={classes.tableTitle}>\r\n                <Typography className={classes.tableHeading}>{title}</Typography>\r\n                <Chip className={classes.chip} label={count} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Teams\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={getTitle('Teams', state.data.length)}\r\n                icons={tableIcons}\r\n                onRowClick={handleRowClick}\r\n                columns={[\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { \r\n                        title: 'Teams', \r\n                        field: 'description', \r\n                        render: (rowData) => getSection(rowData), \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        validate: (rowData) => rowData.hasOwnProperty('description') && rowData.description \r\n                            ? true \r\n                            : { isValid: false, helperText: 'Team is required'}, \r\n                    },\r\n                    {\r\n                        title: 'Used By Enquiries',\r\n                        field: 'usedByEnquiries',\r\n                        render: (rowData) => getCheckboxRender(rowData, 'usedByEnquiries'),\r\n                        editComponent: (componentData) => checkBoxComponent(componentData)\r\n                    },\r\n                    {\r\n                        title: 'Used By Tasks',\r\n                        field: 'usedByTasks',\r\n                        render: (rowData) => getCheckboxRender(rowData, 'usedByTasks'),\r\n                        editComponent: (componentData) => checkBoxComponent(componentData)\r\n                    },\r\n                    {\r\n                        title: 'Used By Financials',\r\n                        field: 'usedByFinancials',\r\n                        render: (rowData) => getCheckboxRender(rowData, 'usedByFinancials'),\r\n                        editComponent: (componentData) => checkBoxComponent(componentData)\r\n                    },\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { title: 'Members Count', field: 'staffCount', render: (rowData) => getMember(rowData), editable: 'never', cellStyle: { justifyContent: 'center' }, headerStyle: { justifyContent: 'center' } },\r\n                ]}\r\n                components={\r\n                    {\r\n                        Toolbar: props => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...props} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }\r\n                data={state.data}        \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    showTitle: true,\r\n                    toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                    rowStyle: rowData => ({\r\n                        backgroundColor: (state.selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n                    })\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData: Team) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData.description) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowUpdate: (newData, oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                            resolve();\r\n                            if (oldData) {\r\n                                updateData(newData);\r\n                                updateRowData(newData, oldData);\r\n                            }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                }}\r\n                actions={[\r\n                    {\r\n                        tooltip: 'Remove All Selected Team',\r\n                        icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nconst createFirmTeam = gql`\r\n    mutation createFirmTeam($description: String, $usedByTasks: Boolean, $usedByFinancials: Boolean, $usedByEnquiries: Boolean) {\r\n        createFirmTeam(description: $description, usedByTasks: $usedByTasks, usedByFinancials: $usedByFinancials, usedByEnquiries: $usedByEnquiries)\r\n    }\r\n`;\r\n\r\nconst updateFirmTeam = gql`\r\n    mutation updateFirmTeam($description: String, $guidId: String, $usedByTasks: Boolean, $usedByFinancials: Boolean, $usedByEnquiries: Boolean) {\r\n        updateFirmTeam(description:$description, guidId: $guidId, usedByTasks: $usedByTasks, usedByFinancials: $usedByFinancials, usedByEnquiries: $usedByEnquiries)\r\n    }\r\n`;\r\n\r\nconst deleteFirmTeam = gql`\r\n    mutation deleteFirmTeam($guidId: String) {\r\n        deleteFirmTeam(guidId: $guidId)\r\n    }  \r\n`;\r\n\r\nexport const firmSubscription = gql`\r\n    subscription firm{\r\n        lookupNotification{\r\n            id,\r\n            guidId,\r\n            lookupDescription,\r\n            message,\r\n            status\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { MTableToolbar, EditComponentProps } from 'material-table';\r\nimport { \r\n    Avatar,\r\n    ListItem,\r\n    ListItemAvatar,\r\n    ListItemText,\r\n    Breadcrumbs,\r\n    Link,\r\n    Typography,\r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport { RouterProps, showNotification } from '../../App';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport gql from 'graphql-tag';\r\nimport { client } from '../..';\r\nimport { firmSubscription } from './LookupTeamsMaintenance';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { FirmData, Member } from '../../lookupConfiguration/models/Firm';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { AvailableTeamMemberSelector } from '../../lookupConfiguration/selectors/AvailableTeamMemberSelector';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport PersonOutlineOutlinedIcon from '@material-ui/icons/PersonOutlineOutlined';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\n\r\ninterface LookupTeamMemberMaintenanceProps extends RouterProps {}\r\n\r\ninterface TableData extends Member {\r\n    tableData: { \r\n        checked: boolean;\r\n        id: number;\r\n    };\r\n}\r\n\r\ninterface LookupTeamMemberMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    data: Member[];\r\n    isLoading: boolean;\r\n    onDeleteItems: TableData[];\r\n}\r\n\r\nexport default function LookupTeamMemberMaintenance(props: LookupTeamMemberMaintenanceProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupTeamMemberMaintenanceState>({\r\n        isLoading: false,\r\n        data: [],\r\n        onDeleteItems: [],\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n    const [isRefreshData, setIsRefreshData] = useState(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        // groupId\r\n        const { command } = props.match.params;\r\n\r\n        const guID = command.split(';key=', 2)[1];\r\n\r\n        if (command) {\r\n            fetchData(guID);\r\n        }\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (isRefreshData) {\r\n            const { command } = props.match.params;\r\n\r\n            const guID = command.split(';key=', 2)[1];\r\n    \r\n            if (command) {\r\n                fetchData(guID);\r\n            }\r\n\r\n            setIsRefreshData(false);\r\n        }        \r\n    // tslint:disable-next-line: align\r\n    }, [isRefreshData]);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((iconProps, ref) => <AddBox {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((iconProps, ref) => <Check {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((iconProps, ref) => <DeleteOutline {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((iconProps, ref) => <Edit {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((iconProps, ref) => <SaveAlt {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((iconProps, ref) => <FilterList {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((iconProps, ref) => <FirstPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((iconProps, ref) => <LastPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((iconProps, ref) => <ChevronLeft {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((iconProps, ref) => <Search {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((iconProps, ref) => <ArrowDownward {...iconProps} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((iconProps, ref) => <Remove {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((iconProps, ref) => <ViewColumn {...iconProps} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n\r\n                            if (lookupNotification.message.includes('member added successfully')) {\r\n                                setIsRefreshData(true);\r\n                                // setState((prevState) => {\r\n\r\n                                //     const tdata = [...prevState.data];\r\n\r\n                                //     const temp = tdata[tdata.length - 1];\r\n\r\n                                //     tdata[tdata.length - 1] = {\r\n                                //         ...temp,\r\n                                //         guidID: lookupNotification.guidId\r\n                                //     };\r\n\r\n                                //     return {\r\n                                //         ...prevState,\r\n                                //         data: tdata\r\n                                //     };\r\n                                // });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = (groupId: string) => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n\r\n        const teamMemberQueryParams: TeamMemberQueryParams = {\r\n            teamGuidId: groupId\r\n        };\r\n\r\n        retrieveTeamMemberData(\r\n            teamMemberQueryParams,\r\n            true, // refresh\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n                setIsRefreshData(false);\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n        setState({\r\n            ...state,\r\n            data: data.firm.teams.team.length > 0\r\n                    ? data.firm.teams.team[0].members.member\r\n                    : [],\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: any) => {\r\n        \r\n        const tdata = [...state.data];\r\n\r\n        // if (tdata.some((e: Member) => e.staffId && e.staffId.toLowerCase() === newData.friendlyName.value.toLowerCase())) {\r\n        //     return { \r\n        //         ...prevState, \r\n        //     };\r\n        // } \r\n\r\n        tdata.push({\r\n            friendlyName: newData.friendlyName,\r\n            staffId: newData.friendlyName,\r\n            email: newData.friendlyName,\r\n        });\r\n\r\n        setState((prevState) => {\r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const deleteRowData = (oldData: any) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getStaffList = (newData: any) => {\r\n\r\n        let staffArray = [];\r\n        if (!Array.isArray(newData.friendlyName) && newData && newData.friendlyName) {\r\n            // tslint:disable-next-line: no-any\r\n            JSON.parse(newData.friendlyName).forEach( (item: any) => {\r\n                staffArray.push(item);\r\n            });\r\n        } else {\r\n            staffArray = newData && newData.friendlyName ? newData.friendlyName : [];\r\n        }\r\n\r\n        // tslint:disable-next-line: no-any\r\n        return staffArray.map((item: any) => item.value).toString();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: any) => {\r\n        if (newData) {\r\n\r\n            const groupId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n            client\r\n                .mutate({\r\n                    mutation: AddFirmTeamMember,\r\n                    variables: {\r\n                        groupId: groupId,\r\n                        staffIdList: getStaffList(newData),\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Team Member', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Team Member', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteData = (oldData: Member) => {\r\n        client\r\n            .mutate({\r\n                mutation: RemoveFirmTeamMember,\r\n                variables: {\r\n                    guidId: oldData.guidID?.toString(),\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Team Member', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Team Member', reason, 'error');\r\n            });\r\n    };\r\n\r\n    const handleBreadCrumbClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        event.preventDefault();\r\n        props.history.goBack();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onDeleteItems: data,\r\n            };\r\n        });\r\n        // onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            state.onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onDeleteItems: []\r\n                };\r\n            });\r\n\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUser = (data: any) => {\r\n\r\n        const { friendlyName, email } = data;\r\n\r\n        if (!Array.isArray(friendlyName) ) {\r\n            let bColor: SemanticCOLORS = Colors[(friendlyName === '' || friendlyName === null) ? \r\n            Colors[Colors.length] : (hashString(friendlyName) % Colors.length) - 1];\r\n            let stringSplit = friendlyName\r\n            .replace(/[^\\w\\s]/gi, '') // remove special character\r\n            .split(' ')\r\n            // tslint:disable-next-line: no-any\r\n            .map((n: any) => n[0])\r\n            .join('');\r\n    \r\n            let stringInitials = stringSplit.slice(0, 2);\r\n            \r\n            return (\r\n                <React.Fragment>\r\n                    <ListItem>\r\n                        <ListItemAvatar>\r\n                            <Avatar\r\n                                style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                                className={classes.avatar}\r\n                            >\r\n                                {stringInitials}\r\n                            </Avatar>\r\n                        </ListItemAvatar>\r\n                        <ListItemText primary={friendlyName} secondary={email} />\r\n                    </ListItem>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n            return (\r\n                <React.Fragment>\r\n                    <ListItemText primary={'Adding members...'} />\r\n                </React.Fragment>\r\n            );\r\n        }        \r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserIcon = (data: any) => {\r\n        const {  isActive } = data;\r\n\r\n        if (isActive) {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonOutlineOutlinedIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const removeItems = (itemId: string, name: string, componentProps: EditComponentProps<any> | any) => {\r\n        let memberList = componentProps.value;\r\n\r\n        // tslint:disable-next-line: no-any\r\n        const itemToRemove = memberList.findIndex((item: any) => item.value.toString().toLowerCase() === itemId.toString().toLowerCase());\r\n        memberList.splice(itemToRemove, 1);        \r\n\r\n        componentProps.onChange(memberList);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserComponent = (componentProps: EditComponentProps<any> | any) => {\r\n        const groupId = props.match.params.command.split(';key=', 2)[1];\r\n        \r\n        return (\r\n            <React.Fragment>\r\n                <AvailableTeamMemberSelector \r\n                    name=\"member\"\r\n                    label=\"Member\"\r\n                    onSelectedItem={(selectionList: IAutoCompleteItem[], name: string) => {\r\n                        componentProps.onChange(selectionList);\r\n                    }}\r\n                    onRemoveItem={(itemId: string, name: string) => {\r\n                        removeItems(itemId, name, componentProps);\r\n                    }}\r\n                    // value={componentProps.value \r\n                    //     ? componentProps.value.value \r\n                    //     : undefined}\r\n                    required={true}\r\n                    helperText={componentProps.helperText}\r\n                    error={componentProps.error}\r\n                    groupId={groupId}\r\n                />\r\n            </React.Fragment>\r\n        );\r\n    };\r\n\r\n    const tableHeading = () => {\r\n\r\n        const title = decodeURIComponent(props.match.params.command.split(';key=', 2)[0]);\r\n\r\n        return (\r\n            <div className={classes.breadcrumbsWrapper}>\r\n                <Breadcrumbs separator=\"›\" aria-label=\"breadcrumb\" className={classes.breadcrumbs}>\r\n                    <Link color=\"inherit\" href=\"/\" onClick={handleBreadCrumbClick}>\r\n                        Teams\r\n                    </Link>\r\n                    <Typography color=\"textPrimary\" className={classes.breadcrumbsTitle}>{title}</Typography>\r\n                </Breadcrumbs>\r\n                <Chip className={classes.chip} label={state.data.length} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Teams Member\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={tableHeading()}\r\n                icons={tableIcons}\r\n                columns={[\r\n                    { \r\n                        title: 'Name', \r\n                        field: 'friendlyName', \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        render: (rowData) => getUser(rowData), \r\n                        editComponent: (componentData) => getUserComponent(componentData),\r\n                        // tslint:disable-next-line: max-line-length\r\n                        validate: (rowData) => rowData.hasOwnProperty('friendlyName') && rowData.friendlyName.length > 0 \r\n                            ? true \r\n                            : { isValid: false, helperText: 'Member is required'},\r\n                    },\r\n                    // { title: 'friendlyName', field: 'friendlyName', searchable: true },\r\n                    { \r\n                        title: '', \r\n                        field: 'isActive', \r\n                        hidden: false, \r\n                        searchable: false,\r\n                        editable: 'never',\r\n                        render: (rowData) => getUserIcon(rowData)\r\n                    },\r\n                    { title: 'groupGuidId', field: 'groupGuidId', hidden: true, searchable: true },\r\n                    { title: 'guidID', field: 'guidID', hidden: true, searchable: true },\r\n                    { title: 'userID', field: 'userID', hidden: true, searchable: true },\r\n                    { title: 'email', field: 'email', hidden: true, searchable: true }\r\n                ]}\r\n                data={state.data}  \r\n                components={\r\n                    {\r\n                        // tslint:disable-next-line: max-line-length\r\n                        Toolbar: toolbarProps => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...toolbarProps} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }      \r\n                options={{\r\n                    // search: true,\r\n                    addRowPosition: 'first',\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    // showTitle: true,\r\n                    // toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                }}\r\n                editable={{                   \r\n                    onRowAdd: (newData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    isDeletable: (rowData) => {\r\n                        if (Array.isArray(rowData.friendlyName)) {\r\n                            return false;\r\n                        } else {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        tooltip: 'Remove All Selected Users',\r\n                        icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    }\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport interface TeamMemberQueryParams {\r\n    teamGuidId: string | null;\r\n}\r\n\r\nexport function retrieveTeamMemberData(\r\n    query: TeamMemberQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: FirmData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: FirmTeamMember,\r\n            variables: {\r\n                teamGuidId: query.teamGuidId\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nconst FirmTeamMember = gql`\r\nquery FirmTeamMember($teamGuidId: String){\r\n    firm{\r\n        teams(teamGuidId: $teamGuidId) {\r\n            team{\r\n                guidID,\r\n                description\r\n                members{\r\n                    recordCount,\r\n                    member{\r\n                        guidID,\r\n                        staffId,\r\n                        groupGuidId,\r\n                        friendlyName,\r\n                        userId,\r\n                        email,\r\n                        isActive\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}`;\r\n\r\nconst AddFirmTeamMember = gql`\r\n    mutation AddFirmTeamMember($groupId: String, $staffIdList: String) {\r\n        addFirmTeamMember(groupId: $groupId, staffIdList: $staffIdList)\r\n    }\r\n`;\r\n  \r\nconst RemoveFirmTeamMember = gql`\r\n    mutation RemoveFirmTeamMember($guidId: String){\r\n        removeFirmTeamMember(guidId: $guidId)\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { EditComponentProps, MTableToolbar } from 'material-table';\r\nimport { \r\n    Avatar, \r\n    ListItem, \r\n    ListItemAvatar, \r\n    ListItemText, \r\n    Badge,\r\n    Typography, \r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport PeopleOutlineIcon from '@material-ui/icons/PeopleOutline';\r\nimport { browserHistory } from '../../components/AppContent';\r\nimport { showNotification } from '../../App';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\n \r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport { client } from '../..';\r\nimport gql from 'graphql-tag';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { FirmData, Office } from '../../lookupConfiguration/models/Firm';\r\nimport { retrieveOfficeData } from '../../lookupConfiguration/selectors/FirmOfficeSelector';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { TimezoneSelector } from '../../lookupConfiguration/selectors/TimezoneSelector';\r\n\r\ninterface OfficeItem extends Office {\r\n    timezoneSelector: IAutoCompleteItem | null;\r\n}\r\ninterface LookupOfficesMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    selectedRow: any | null;\r\n    data: OfficeItem[];\r\n    isLoading: boolean;\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nlet onDeleteItems: any = [];\r\n\r\nexport default function LookupOfficesMaintenance() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupOfficesMaintenanceState>({\r\n        selectedRow: null,\r\n        data: [],\r\n        isLoading: false,\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n\r\n    useEffect(() => {   \r\n        fetchData();\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((props, ref) => <AddBox {...props} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((props, ref) => <Check {...props} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((props, ref) => <Edit {...props} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((props, ref) => <ChevronLeft {...props} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((props, ref) => <Search {...props} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((props, ref) => <ArrowDownward {...props} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n\r\n                            if (lookupNotification.message.includes('created successfully')) {\r\n                                setState((prevState) => {\r\n\r\n                                    const tdata = [...prevState.data];\r\n\r\n                                    const temp = tdata[tdata.length - 1];\r\n\r\n                                    tdata[tdata.length - 1] = {\r\n                                        ...temp,\r\n                                        guidID: lookupNotification.guidId\r\n                                    };\r\n\r\n                                    return {\r\n                                        ...prevState,\r\n                                        data: tdata\r\n                                    };\r\n                                });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = () => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n        retrieveOfficeData(\r\n            undefined,\r\n            true, // this.state.isRefresh, -- Since we are updating and creating, we do not fetch cached data\r\n            // tslint:disable-next-line: no-console\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n        setState({\r\n            ...state,\r\n            data: data.firm.firmOffices.firmOffice.map((office: Office) => {\r\n                return {\r\n                    ...office,\r\n                    timezoneSelector: office.timezone && office.timezoneDescription ? { label: office.timezoneDescription, value: office.timezone } : null\r\n                };\r\n            }),\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getSection = (data: any) => {\r\n\r\n        const { description } = data;\r\n\r\n        let bColor: SemanticCOLORS = Colors[(description === '' || description === null) ? \r\n        Colors[Colors.length] : (hashString(description) % Colors.length) - 1];\r\n        let stringSplit = description\r\n        .replace(/[^\\w\\s]/gi, '') // remove special character\r\n        .split(' ')\r\n        // tslint:disable-next-line: no-any\r\n        .map((n: any) => n[0])\r\n        .join('');\r\n\r\n        let stringInitials = stringSplit.slice(0, 2);\r\n        \r\n        return (\r\n            <div>\r\n                <ListItem>\r\n                    <ListItemAvatar>\r\n                        <Avatar\r\n                            style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                            className={classes.avatar}\r\n                        >\r\n                            {stringInitials}\r\n                        </Avatar>\r\n                    </ListItemAvatar>\r\n                    <ListItemText primary={description} />\r\n                </ListItem>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getMember = (data: any) => {\r\n\r\n        let staffCount = 0;\r\n\r\n        if (data) {\r\n            staffCount = data.staffCount;\r\n        }\r\n\r\n        return (\r\n            <div>\r\n                <Badge color=\"primary\" badgeContent={staffCount}>\r\n                    <PeopleOutlineIcon />\r\n                </Badge>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleRowClick = (event?: React.MouseEvent, rowData?: any, toggleDetailPanel?: (panelIndex?: number) => void) => {\r\n\r\n        // tslint:disable-next-line: no-console\r\n        console.log('rowData', rowData);\r\n\r\n        setState({\r\n            ...state,\r\n            selectedRow: rowData.tableData.id\r\n        });\r\n\r\n        browserHistory.push(`/firmStructureConfiguration/offices/${encodeURIComponent(rowData.description)};key=${rowData.guidID}`);\r\n    };\r\n\r\n    const updateRowData = (newData: OfficeItem, oldData: OfficeItem) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = [...prevState.data];\r\n            \r\n            // if (tdata.some((e: OfficeItem) => e.description.toLowerCase() === newData.description.toLowerCase())) {\r\n            //     return { \r\n            //         ...prevState, \r\n            //     };\r\n            // } \r\n\r\n            tdata[tdata.indexOf(oldData)] = newData;\r\n            \r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n            \r\n        });\r\n    };\r\n\r\n    const updateData = (rowData: OfficeItem) => {\r\n        if (rowData) {\r\n            client\r\n                .mutate({\r\n                    mutation: updateFirmOffice,\r\n                    variables: {\r\n                        guidId: rowData.guidID,\r\n                        description: rowData.description,\r\n                        timezone: rowData.timezoneSelector ? rowData.timezoneSelector.value : null\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Update Office', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Update Office', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteRowData = (oldData: OfficeItem) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    const deleteData = (oldData: Office) => {\r\n        client\r\n            .mutate({\r\n                mutation: deleteFirmOffice,\r\n                variables: {\r\n                    guidId: oldData.guidID,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Office', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Office', reason, 'error');\r\n            });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: OfficeItem) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = prevState.data;\r\n\r\n            if (tdata.some((e: OfficeItem) => e.description.toLowerCase() === newData.description.toLowerCase())) {\r\n                return { \r\n                    ...prevState, \r\n                };\r\n            } \r\n            tdata.push(newData);\r\n\r\n            return {    \r\n                ...prevState,\r\n                data: tdata\r\n            };\r\n\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: OfficeItem) => {\r\n        if (newData) {\r\n            client\r\n                .mutate({\r\n                    mutation: createFirmOffice,\r\n                    variables: {\r\n                        description: newData.description,\r\n                        timezone: newData.timezoneSelector ? newData.timezoneSelector.value : null\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Office', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Office', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    const getTitle = (title: string, count: number) => {\r\n        return (\r\n            <div className={classes.tableTitle}>\r\n                <Typography className={classes.tableHeading}>{title}</Typography>\r\n                <Chip className={classes.chip} label={count} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    const timezoneRender = (data: OfficeItem) => {\r\n        // console.log('timezoneRender', data);\r\n        if (data.timezoneSelector) {\r\n            return <div>{data.timezoneSelector.label}</div>;\r\n        }\r\n        return undefined;\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const timezoneSelectorComponent = (componentProps: EditComponentProps<any>) => {\r\n\r\n        return (\r\n            <TimezoneSelector \r\n                name=\"timezone\"\r\n                onSelection={(selection: IAutoCompleteItem, name: string) => {\r\n                    componentProps.onChange(selection);\r\n                }}\r\n                className={classes.textField}\r\n                error={componentProps.error}\r\n                value={componentProps.value}\r\n            />\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Offices\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={getTitle('Offices', state.data.length)}\r\n                icons={tableIcons}\r\n                onRowClick={handleRowClick}\r\n                columns={[\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { \r\n                        title: 'Offices', \r\n                        field: 'description', \r\n                        render: (rowData) => getSection(rowData), \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        validate: (rowData) => rowData.hasOwnProperty('description') && rowData.description \r\n                            ? true \r\n                            : { isValid: false, helperText: 'Office is required'},\r\n                    },\r\n                    { \r\n                        title: 'Timezone', \r\n                        field: 'timezoneSelector', \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        // tslint:disable-next-line: max-line-length\r\n                        // validate: (rowData) => rowData.hasOwnProperty('areaOfLaw') && rowData.areaOfLaw ? true : { isValid: false, helperText: 'Area of Law is required'},\r\n                        render: (rowData) => timezoneRender(rowData), \r\n                        editComponent: (componentData) => timezoneSelectorComponent(componentData),\r\n                    },\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { title: 'Members Count', field: 'staffCount', render: (rowData) => getMember(rowData), editable: 'never', cellStyle: { justifyContent: 'center' }, headerStyle: { justifyContent: 'center' } },\r\n                ]}\r\n                components={\r\n                    {\r\n                        Toolbar: props => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...props} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }\r\n                data={state.data}        \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    showTitle: true,\r\n                    toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                    rowStyle: rowData => ({\r\n                        backgroundColor: (state.selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n                    })\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData: OfficeItem) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData.description) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowUpdate: (newData, oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                            resolve();\r\n                            if (oldData) {\r\n                                updateData(newData);\r\n                                updateRowData(newData, oldData);\r\n                            }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                }}\r\n                actions={[\r\n                    {\r\n                        tooltip: 'Remove All Selected Office',\r\n                        icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nconst createFirmOffice = gql`\r\n    mutation createFirmOffice($description: String, $timezone: String) {\r\n        createFirmOffice(description: $description, timezone: $timezone)\r\n    }\r\n`;\r\n\r\nconst updateFirmOffice = gql`\r\n    mutation updateFirmOffice($description: String, $guidId: String, $timezone: String) {\r\n        updateFirmOffice(description:$description, guidId: $guidId, timezone: $timezone)\r\n    }\r\n`;\r\n\r\nconst deleteFirmOffice = gql`\r\n    mutation deleteFirmOffice($guidId: String) {\r\n        deleteFirmOffice(guidId: $guidId)\r\n    }  \r\n`;\r\n\r\nconst firmSubscription = gql`\r\n    subscription firm{\r\n        lookupNotification{\r\n            id,\r\n            guidId,\r\n            lookupDescription,\r\n            message,\r\n            status\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { MTableToolbar, EditComponentProps } from 'material-table';\r\nimport { \r\n    Avatar,\r\n    ListItem,\r\n    ListItemAvatar,\r\n    ListItemText,\r\n    Breadcrumbs,\r\n    Link,\r\n    Typography,\r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport { RouterProps, showNotification } from '../../App';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport gql from 'graphql-tag';\r\nimport { client } from '../..';\r\nimport { firmSubscription } from './LookupTeamsMaintenance';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { FirmData, Member } from '../../lookupConfiguration/models/Firm';\r\nimport { AvailableOfficeMemberSelector } from '../../lookupConfiguration/selectors/AvailableOfficeMemberSelector';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport PersonOutlineOutlinedIcon from '@material-ui/icons/PersonOutlineOutlined';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\n\r\ninterface LookupOfficeMemberMaintenanceProps extends RouterProps {}\r\n\r\ninterface TableData extends Member {\r\n    tableData: { \r\n        checked: boolean;\r\n        id: number;\r\n    };\r\n}\r\n\r\ninterface LookupOfficeMemberMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    data: Member[];\r\n    isLoading: boolean;\r\n    onDeleteItems: TableData[];\r\n}\r\n\r\nexport default function LookupOfficeMemberMaintenance(props: LookupOfficeMemberMaintenanceProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupOfficeMemberMaintenanceState>({\r\n        isLoading: false,\r\n        data: [],\r\n        onDeleteItems: [],\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n    const [isRefreshData, setIsRefreshData] = useState(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        // groupId\r\n        const { command } = props.match.params;\r\n\r\n        const guID = command.split(';key=', 2)[1];\r\n\r\n        if (command) {\r\n            fetchData(guID);\r\n        }\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (isRefreshData) {\r\n            const { command } = props.match.params;\r\n\r\n            const guID = command.split(';key=', 2)[1];\r\n    \r\n            if (command) {\r\n                fetchData(guID);\r\n            }\r\n\r\n            setIsRefreshData(false);\r\n        }        \r\n    // tslint:disable-next-line: align\r\n    }, [isRefreshData]);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((iconProps, ref) => <AddBox {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((iconProps, ref) => <Check {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((iconProps, ref) => <DeleteOutline {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((iconProps, ref) => <Edit {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((iconProps, ref) => <SaveAlt {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((iconProps, ref) => <FilterList {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((iconProps, ref) => <FirstPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((iconProps, ref) => <LastPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((iconProps, ref) => <ChevronLeft {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((iconProps, ref) => <Search {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((iconProps, ref) => <ArrowDownward {...iconProps} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((iconProps, ref) => <Remove {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((iconProps, ref) => <ViewColumn {...iconProps} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n\r\n                            if (lookupNotification.message.includes('member added successfully')) {\r\n                                setIsRefreshData(true);\r\n                                // setState((prevState) => {\r\n\r\n                                //     const tdata = [...prevState.data];\r\n\r\n                                //     const temp = tdata[tdata.length - 1];\r\n\r\n                                //     tdata[tdata.length - 1] = {\r\n                                //         ...temp,\r\n                                //         guidID: lookupNotification.guidId\r\n                                //     };\r\n\r\n                                //     return {\r\n                                //         ...prevState,\r\n                                //         data: tdata\r\n                                //     };\r\n                                // });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = (groupId: string) => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n\r\n        const officeMemberQueryParams: OfficeMemberQueryParams = {\r\n            officeGuidId: groupId\r\n        };\r\n\r\n        retrieveOfficeMemberData(\r\n            officeMemberQueryParams,\r\n            true, // refresh\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n                setIsRefreshData(false);\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n\r\n        setState({\r\n            ...state,\r\n            data: data.firm.firmOffices.firmOffice.length > 0\r\n                ? data.firm.firmOffices.firmOffice[0].members.member\r\n                : [],\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: any) => {\r\n\r\n        // let chipsArray = [];\r\n\r\n        // if (newData && newData.friendlyName) {           \r\n\r\n        //     if (!Array.isArray(newData.friendlyName)) {\r\n        //         // tslint:disable-next-line: no-any\r\n        //         JSON.parse(newData.friendlyName).forEach( (item: any) => {\r\n        //             chipsArray.push(item.label);\r\n        //         });\r\n        //     } else {\r\n        //         chipsArray = newData.friendlyName;\r\n        //     }\r\n        // }     \r\n        \r\n        const tdata = [...state.data];\r\n\r\n        // if (tdata.some((e: Member) => e.staffId && e.staffId.toLowerCase() === newData.friendlyName.value.toLowerCase())) {\r\n        //     return { \r\n        //         ...state, \r\n        //     };\r\n        // } \r\n\r\n        tdata.push({\r\n            friendlyName: newData.friendlyName,\r\n            staffId: newData.friendlyName,\r\n            email: newData.friendlyName\r\n        });\r\n        \r\n        setState((prevState) => {\r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const deleteRowData = (oldData: any) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getStaffList = (newData: any) => {\r\n\r\n        let staffArray = [];\r\n        if (!Array.isArray(newData.friendlyName) && newData && newData.friendlyName) {\r\n            // tslint:disable-next-line: no-any\r\n            JSON.parse(newData.friendlyName).forEach( (item: any) => {\r\n                staffArray.push(item);\r\n            });\r\n        } else {\r\n            staffArray = newData && newData.friendlyName ? newData.friendlyName : [];\r\n        }\r\n\r\n        // tslint:disable-next-line: no-any\r\n        return staffArray.map((item: any) => item.value).toString();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: any) => {\r\n        if (newData) {\r\n\r\n            const groupId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n            client\r\n                .mutate({\r\n                    mutation: AddFirmOfficeMember,\r\n                    variables: {\r\n                        groupId: groupId,\r\n                        staffIdList: getStaffList(newData),\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Team Member', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Team Member', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteData = (oldData: Member) => {\r\n        client\r\n            .mutate({\r\n                mutation: RemoveFirmOfficeMember,\r\n                variables: {\r\n                    guidId: oldData.guidID?.toString(),\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Team Member', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Team Member', reason, 'error');\r\n            });\r\n    };\r\n\r\n    const handleBreadCrumbClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        event.preventDefault();\r\n        props.history.goBack();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onDeleteItems: data,\r\n            };\r\n        });\r\n        // onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            state.onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onDeleteItems: []\r\n                };\r\n            });\r\n\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUser = (data: any) => {\r\n\r\n        const { friendlyName, email } = data;\r\n\r\n        if (!Array.isArray(friendlyName) ) {\r\n            let bColor: SemanticCOLORS = Colors[(friendlyName === '' || friendlyName === null) ? \r\n            Colors[Colors.length] : (hashString(friendlyName) % Colors.length) - 1];\r\n            let stringSplit = friendlyName\r\n            .replace(/[^\\w\\s]/gi, '') // remove special character\r\n            .split(' ')\r\n            // tslint:disable-next-line: no-any\r\n            .map((n: any) => n[0])\r\n            .join('');\r\n\r\n            let stringInitials = stringSplit.slice(0, 2);\r\n            \r\n            return (\r\n                <React.Fragment>\r\n                    <ListItem>\r\n                        <ListItemAvatar>\r\n                            <Avatar\r\n                                style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                                className={classes.avatar}\r\n                            >\r\n                                {stringInitials}\r\n                            </Avatar>\r\n                        </ListItemAvatar>\r\n                        <ListItemText primary={friendlyName} secondary={email} />\r\n                    </ListItem>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n\r\n            return (\r\n                <React.Fragment>\r\n                    <ListItemText primary={'Adding members...'} />\r\n                </React.Fragment>\r\n            );\r\n            /*\r\n            let chipsArray = [];\r\n            if (!Array.isArray(friendlyName)) {\r\n                // tslint:disable-next-line: no-any\r\n                JSON.parse(friendlyName).forEach( (item: any) => {\r\n                    chipsArray.push(item);\r\n                });\r\n            } else {\r\n                chipsArray = friendlyName;\r\n            }\r\n\r\n            const chips: React.ReactNode = (\r\n                <div className={classes.chips}>\r\n                    {\r\n                        // tslint:disable-next-line: no-any\r\n                        chipsArray.map((chipData: any) => {    \r\n                            return (\r\n                                // tslint:disable-next-line: no-unused-expression\r\n                                <Chip \r\n                                    className={classes.chip} \r\n                                    key={chipData.value} \r\n                                    label={chipData.label}\r\n                                />\r\n                            );\r\n                        })\r\n                    }\r\n                </div>\r\n            );\r\n            return chips;\r\n            */\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserIcon = (data: any) => {\r\n        const {  isActive } = data;\r\n\r\n        if (isActive) {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonOutlineOutlinedIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const removeItems = (itemId: string, name: string, componentProps: EditComponentProps<any> | any) => {\r\n        let officeMemberList = componentProps.value;\r\n\r\n        // tslint:disable-next-line: no-any\r\n        const itemToRemove = officeMemberList.findIndex((item: any) => item.value.toString().toLowerCase() === itemId.toString().toLowerCase());\r\n        officeMemberList.splice(itemToRemove, 1);        \r\n\r\n        componentProps.onChange(officeMemberList);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserComponent = (componentProps: EditComponentProps<any> | any) => {\r\n\r\n        const groupId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <AvailableOfficeMemberSelector \r\n                    name=\"member\"\r\n                    label=\"Member\"\r\n                    onSelectedItem={(selectionList: IAutoCompleteItem[], name: string) => {\r\n                        componentProps.onChange(selectionList);\r\n                    }}\r\n                    onRemoveItem={(itemId: string, name: string) => {\r\n                        removeItems(itemId, name, componentProps);\r\n                    }}\r\n                    // value={componentProps.value \r\n                    //     ? componentProps.value.value \r\n                    //     : undefined}\r\n                    required={true}\r\n                    helperText={componentProps.helperText}\r\n                    error={componentProps.error}\r\n                    groupId={groupId}\r\n                />\r\n            </React.Fragment>\r\n        );\r\n    };\r\n\r\n    const tableHeading = () => {\r\n\r\n        const title = decodeURIComponent(props.match.params.command.split(';key=', 2)[0]);\r\n\r\n        return (\r\n            <div className={classes.breadcrumbsWrapper}>\r\n                <Breadcrumbs separator=\"›\" aria-label=\"breadcrumb\" className={classes.breadcrumbs}>\r\n                    <Link color=\"inherit\" href=\"/\" onClick={handleBreadCrumbClick}>\r\n                        Offices\r\n                    </Link>\r\n                    <Typography color=\"textPrimary\" className={classes.breadcrumbsTitle}>{title}</Typography>\r\n                </Breadcrumbs>\r\n                <Chip className={classes.chip} label={state.data.length} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Offices Member\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={tableHeading()}\r\n                icons={tableIcons}\r\n                columns={[\r\n                    { \r\n                        title: 'Name', \r\n                        field: 'friendlyName', \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        render: (rowData) => getUser(rowData), \r\n                        editComponent: (componentData) => getUserComponent(componentData),\r\n                        validate: (rowData) => rowData.hasOwnProperty('friendlyName') && rowData.friendlyName.length > 0 \r\n                            ? true \r\n                            : { isValid: false, helperText: 'Member is required'},\r\n                    },\r\n                    // { title: 'friendlyName', field: 'friendlyName', searchable: true },\r\n                    { \r\n                        title: '', \r\n                        field: 'isActive', \r\n                        hidden: false, \r\n                        searchable: false,\r\n                        editable: 'never',\r\n                        render: (rowData) => getUserIcon(rowData)\r\n                    },\r\n                    { title: 'groupGuidId', field: 'groupGuidId', hidden: true, searchable: true },\r\n                    { title: 'guidID', field: 'guidID', hidden: true, searchable: true },\r\n                    { title: 'userID', field: 'userID', hidden: true, searchable: true },\r\n                    { title: 'email', field: 'email', hidden: true, searchable: true }\r\n                ]}\r\n                data={state.data}  \r\n                components={\r\n                    {\r\n                        // tslint:disable-next-line: max-line-length\r\n                        Toolbar: toolbarProps => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...toolbarProps} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }      \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    // search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    // showTitle: true,\r\n                    // toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    isDeletable: (rowData) => {\r\n                        if (Array.isArray(rowData.friendlyName)) {\r\n                            return false;\r\n                        } else {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }}               \r\n                actions={[\r\n                    {\r\n                        tooltip: 'Remove All Selected Users',\r\n                        icon: DeleteOutline,\r\n                            // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    }\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport interface OfficeMemberQueryParams {\r\n    officeGuidId: string | null;\r\n}\r\n\r\nexport function retrieveOfficeMemberData(\r\n    query: OfficeMemberQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: FirmData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void): void {\r\n    \r\n        var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n        client\r\n            .query({\r\n                query: FirmOfficeMember,\r\n                variables: {\r\n                    officeGuidId: query.officeGuidId\r\n                },\r\n                fetchPolicy: fetchPolicy,\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .then((results: { data: any }) => {\r\n                onSuccess(results.data);\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                onError(reason);\r\n            });\r\n}\r\n\r\nconst FirmOfficeMember = gql`\r\nquery FirmOfficeMember($officeGuidId: String){\r\n    firm{\r\n        firmOffices(officeGuidId: $officeGuidId) {\r\n            firmOffice{\r\n                guidID,\r\n                description\r\n                members{\r\n                    recordCount,\r\n                    member{\r\n                        guidID,\r\n                        staffId,\r\n                        groupGuidId,\r\n                        friendlyName,\r\n                        userId,\r\n                        email,\r\n                        isActive\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}`;\r\n\r\nconst AddFirmOfficeMember = gql`\r\n    mutation AddFirmOfficeMember($groupId: String, $staffIdList: String) {\r\n        addFirmOfficeMember(groupId: $groupId, staffIdList: $staffIdList)\r\n    }\r\n`;\r\n  \r\nconst RemoveFirmOfficeMember = gql`\r\n    mutation RemoveFirmOfficeMember($guidId: String){\r\n        removeFirmOfficeMember(guidId: $guidId)\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { MTableToolbar } from 'material-table';\r\nimport { \r\n    Avatar, \r\n    ListItem, \r\n    ListItemAvatar, \r\n    ListItemText, \r\n    Badge,\r\n    Typography,\r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport PeopleOutlineIcon from '@material-ui/icons/PeopleOutline';\r\nimport { browserHistory } from '../../components/AppContent';\r\nimport { showNotification } from '../../App';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\n \r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport { client } from '../..';\r\nimport gql from 'graphql-tag';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { Department, FirmData } from '../../lookupConfiguration/models/Firm';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { retrieveDepartmentData } from '../../lookupConfiguration/selectors/FirmDepartmentSelector';\r\n\r\ninterface LookupDepartmentMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    selectedRow: any | null;\r\n    data: Department[];\r\n    isLoading: boolean;\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nlet onDeleteItems: any = [];\r\n\r\nexport default function LookupDepartmentMaintenance() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupDepartmentMaintenanceState>({\r\n        selectedRow: null,\r\n        data: [],\r\n        isLoading: false,\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n\r\n    useEffect(() => {   \r\n        fetchData();\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((props, ref) => <AddBox {...props} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((props, ref) => <Check {...props} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((props, ref) => <Edit {...props} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((props, ref) => <ChevronLeft {...props} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((props, ref) => <Search {...props} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((props, ref) => <ArrowDownward {...props} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n\r\n                            if (lookupNotification.message.includes('created successfully')) {\r\n                                setState((prevState) => {\r\n\r\n                                    const tdata = [...prevState.data];\r\n\r\n                                    const temp = tdata[tdata.length - 1];\r\n\r\n                                    tdata[tdata.length - 1] = {\r\n                                        ...temp,\r\n                                        guidID: lookupNotification.guidId\r\n                                    };\r\n\r\n                                    return {\r\n                                        ...prevState,\r\n                                        data: tdata\r\n                                    };\r\n                                });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = () => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n        retrieveDepartmentData(\r\n            undefined,\r\n            true, // this.state.isRefresh, -- Since we are updating and creating, we do not fetch cached data\r\n            // tslint:disable-next-line: no-console\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n        setState({\r\n            ...state,\r\n            data: data.firm.departments.department,\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getSection = (data: any) => {\r\n\r\n        const { description } = data;\r\n\r\n        let bColor: SemanticCOLORS = Colors[(description === '' || description === null) ? \r\n        Colors[Colors.length] : (hashString(description) % Colors.length) - 1];\r\n        // tslint:disable-next-line: no-any\r\n        let stringSplit = description\r\n        .replace(/[^\\w\\s]/gi, '') // remove special character\r\n        .split(' ')\r\n        // tslint:disable-next-line: no-any\r\n        .map((n: any) => n[0])\r\n        .join('');\r\n\r\n        let stringInitials = stringSplit.slice(0, 2);\r\n        \r\n        return (\r\n            <div>\r\n                <ListItem>\r\n                    <ListItemAvatar>\r\n                        <Avatar\r\n                            style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                            className={classes.avatar}\r\n                        >\r\n                            {stringInitials}\r\n                        </Avatar>\r\n                    </ListItemAvatar>\r\n                    <ListItemText primary={description} />\r\n                </ListItem>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getMember = (data: any) => {\r\n\r\n        let staffCount = 0;\r\n\r\n        if (data) {\r\n            staffCount = data.staffCount;\r\n        }\r\n\r\n        return (\r\n            <div>\r\n                <Badge color=\"primary\" badgeContent={staffCount}>\r\n                    <PeopleOutlineIcon />\r\n                </Badge>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleRowClick = (event?: React.MouseEvent, rowData?: any, toggleDetailPanel?: (panelIndex?: number) => void) => {\r\n\r\n        // tslint:disable-next-line: no-console\r\n        console.log('rowData', rowData);\r\n\r\n        setState({\r\n            ...state,\r\n            selectedRow: rowData.tableData.id\r\n        });\r\n\r\n        browserHistory.push(`/firmStructureConfiguration/department/${encodeURIComponent(rowData.description)};key=${rowData.guidID}`);\r\n    };\r\n\r\n    const updateRowData = (newData: Department, oldData: Department) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = [...prevState.data];\r\n            \r\n            if (tdata.some((e: Department) => e.description.toLowerCase() === newData.description.toLowerCase())) {\r\n                return { \r\n                    ...prevState, \r\n                };\r\n            } \r\n\r\n            tdata[tdata.indexOf(oldData)] = newData;\r\n            \r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n            \r\n        });\r\n    };\r\n\r\n    const updateData = (rowData: Department) => {\r\n        if (rowData) {\r\n            client\r\n                .mutate({\r\n                    mutation: updateFirmDepartment,\r\n                    variables: {\r\n                        guidId: rowData.guidID,\r\n                        description: rowData.description,\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Update Department', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Update Department', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteRowData = (oldData: Department) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    const deleteData = (oldData: Department) => {\r\n        client\r\n            .mutate({\r\n                mutation: deleteFirmDepartment,\r\n                variables: {\r\n                    guidId: oldData.guidID,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Department', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Department', reason, 'error');\r\n            });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: Department) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = prevState.data;\r\n\r\n            if (tdata.some((e: Department) => e.description.toLowerCase() === newData.description.toLowerCase())) {\r\n                return { \r\n                    ...prevState, \r\n                };\r\n            } \r\n            tdata.push(newData);\r\n\r\n            return {    \r\n                ...prevState,\r\n                data: tdata\r\n            };\r\n\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: Department) => {\r\n        if (newData) {\r\n            client\r\n                .mutate({\r\n                    mutation: createFirmDepartment,\r\n                    variables: {\r\n                        description: newData.description\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Department', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Department', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    const getTitle = (title: string, count: number) => {\r\n        return (\r\n            <div className={classes.tableTitle}>\r\n                <Typography className={classes.tableHeading}>{title}</Typography>\r\n                <Chip className={classes.chip} label={count} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Departments\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={getTitle('Departments', state.data.length)}\r\n                icons={tableIcons}\r\n                onRowClick={handleRowClick}\r\n                columns={[\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { \r\n                        title: 'Departments', \r\n                        field: 'description', \r\n                        render: (rowData) => getSection(rowData), \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        validate: (rowData) => rowData.hasOwnProperty('description') && rowData.description ? true : { isValid: false, helperText: 'Department is required'},\r\n                    },\r\n                    // tslint:disable-next-line: max-line-length\r\n                    { title: 'Members Count', field: 'staffCount', render: (rowData) => getMember(rowData), editable: 'never', cellStyle: { justifyContent: 'center' }, headerStyle: { justifyContent: 'center' } },\r\n                ]}\r\n                components={\r\n                    {\r\n                        Toolbar: props => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...props} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }\r\n                data={state.data}        \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    showTitle: true,\r\n                    toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                    rowStyle: rowData => ({\r\n                        backgroundColor: (state.selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n                    })\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData: Department) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData.description) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowUpdate: (newData, oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                            resolve();\r\n                            if (oldData) {\r\n                                updateData(newData);\r\n                                updateRowData(newData, oldData);\r\n                            }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                }}\r\n                actions={[\r\n                    {\r\n                        tooltip: 'Remove All Selected Department',\r\n                        icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nconst createFirmDepartment = gql`\r\n    mutation createFirmDepartment($description: String) {\r\n        createFirmDepartment(description: $description)\r\n    }\r\n`;\r\n\r\nconst updateFirmDepartment = gql`\r\n    mutation updateFirmDepartment($description: String, $guidId: String) {\r\n        updateFirmDepartment(description:$description, guidId: $guidId)\r\n    }\r\n`;\r\n\r\nconst deleteFirmDepartment = gql`\r\n    mutation deleteFirmDepartment($guidId: String) {\r\n        deleteFirmDepartment(guidId: $guidId)\r\n    }  \r\n`;\r\n\r\nconst firmSubscription = gql`\r\n    subscription firm{\r\n        lookupNotification{\r\n            id,\r\n            guidId,\r\n            lookupDescription,\r\n            message,\r\n            status\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport MaterialTable, { MTableToolbar, EditComponentProps } from 'material-table';\r\nimport { \r\n    Avatar,\r\n    ListItem,\r\n    ListItemAvatar,\r\n    ListItemText,\r\n    Breadcrumbs,\r\n    Link,\r\n    Typography, \r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport { RouterProps, showNotification } from '../../App';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport gql from 'graphql-tag';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport { client } from '../..';\r\nimport { firmSubscription } from './LookupTeamsMaintenance';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { FirmData, Member } from '../../lookupConfiguration/models/Firm';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\nimport { AvailableDepartmentMemberSelector } from '../../lookupConfiguration/selectors/AvailableDepartmentMemberSelector';\r\nimport PersonOutlineOutlinedIcon from '@material-ui/icons/PersonOutlineOutlined';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\n\r\ninterface LookupDepartmentMemberMaintenanceProps extends RouterProps {}\r\n\r\ninterface TableData extends Member {\r\n    tableData: { \r\n        checked: boolean;\r\n        id: number;\r\n    };\r\n}\r\ninterface LookupDepartmentMemberMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    data: Member[];\r\n    isLoading: boolean;\r\n    onDeleteItems: TableData[];\r\n}\r\n\r\nexport default function LookupDepartmentMemberMaintenance(props: LookupDepartmentMemberMaintenanceProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupDepartmentMemberMaintenanceState>({\r\n        isLoading: false,\r\n        data: [],\r\n        onDeleteItems: [],\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n    const [isRefreshData, setIsRefreshData] = useState(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        // groupId\r\n        const { command } = props.match.params;\r\n\r\n        const guID = command.split(';key=', 2)[1];\r\n\r\n        if (command) {\r\n            fetchData(guID);\r\n        }\r\n\r\n        subscribeFirm();\r\n\r\n        // return () => {\r\n        //     subscribeFirmObj.unsubscribe();\r\n        // };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (isRefreshData) {\r\n            const { command } = props.match.params;\r\n\r\n            const guID = command.split(';key=', 2)[1];\r\n    \r\n            if (command) {\r\n                fetchData(guID);\r\n            }\r\n\r\n            setIsRefreshData(false);\r\n        }        \r\n    // tslint:disable-next-line: align\r\n    }, [isRefreshData]);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((iconProps, ref) => <AddBox {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Check: forwardRef((iconProps, ref) => <Check {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Delete: forwardRef((iconProps, ref) => <DeleteOutline {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        DetailPanel: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Edit: forwardRef((iconProps, ref) => <Edit {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Export: forwardRef((iconProps, ref) => <SaveAlt {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Filter: forwardRef((iconProps, ref) => <FilterList {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        FirstPage: forwardRef((iconProps, ref) => <FirstPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        LastPage: forwardRef((iconProps, ref) => <LastPage {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        NextPage: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        PreviousPage: forwardRef((iconProps, ref) => <ChevronLeft {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ResetSearch: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Search: forwardRef((iconProps, ref) => <Search {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        SortArrow: forwardRef((iconProps, ref) => <ArrowDownward {...iconProps} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((iconProps, ref) => <Remove {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        ViewColumn: forwardRef((iconProps, ref) => <ViewColumn {...iconProps} ref={ref}  className=\"check-button\" />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: firmSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.lookupNotification.status) {\r\n\r\n                            const { lookupNotification } = results.data;\r\n                            showNotification('Success', lookupNotification.message, 'info');\r\n                            \r\n                            if (lookupNotification.message.includes('member added successfully')) {\r\n                                setIsRefreshData(true);\r\n\r\n                                // setState((prevState) => {\r\n\r\n                                //     const tdata = [...prevState.data];\r\n\r\n                                //     const temp = tdata[tdata.length - 1];\r\n\r\n                                //     tdata[tdata.length - 1] = {\r\n                                //         ...temp,\r\n                                //         guidID: lookupNotification.guidId\r\n                                //     };\r\n\r\n                                //     return {\r\n                                //         ...prevState,\r\n                                //         data: tdata\r\n                                //     };\r\n                                // });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                        setIsRefreshData(true);\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = (groupId: string) => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n\r\n        const departmentMemberQueryParams: DepartmentMemberQueryParams = {\r\n            departmentGuidId: groupId\r\n        };\r\n\r\n        retrieveDepartmentMemberData(\r\n            departmentMemberQueryParams,\r\n            true, // refresh\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n                setIsRefreshData(false);\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: FirmData) => {\r\n        setState({\r\n            ...state,\r\n            data: data.firm.departments.department.length > 0 \r\n                    ? data.firm.departments.department[0].members.member\r\n                    : [],\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: any) => {\r\n        \r\n        const tdata = [...state.data];\r\n\r\n            // if (tdata.some((e: Member) => e.staffId && e.staffId.toLowerCase() === newData.friendlyName.value.toLowerCase())) {\r\n            //     return { \r\n            //         ...prevState, \r\n            //     };\r\n            // } \r\n\r\n        tdata.push({\r\n            friendlyName: newData.friendlyName,\r\n            staffId: newData.friendlyName,\r\n            email: newData.friendlyName,\r\n            // userID: '',\r\n            // firmTeamGuidId: ''\r\n        });\r\n\r\n        setState((prevState) => {\r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const deleteRowData = (oldData: any) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });        \r\n    };\r\n\r\n     // tslint:disable-next-line: no-any\r\n    const getStaffList = (newData: any) => {\r\n\r\n        let staffArray = [];\r\n        if (!Array.isArray(newData.friendlyName) && newData && newData.friendlyName) {\r\n            // tslint:disable-next-line: no-any\r\n            JSON.parse(newData.friendlyName).forEach( (item: any) => {\r\n                staffArray.push(item);\r\n            });\r\n        } else {\r\n            staffArray = newData && newData.friendlyName ? newData.friendlyName : [];\r\n        }\r\n\r\n        // tslint:disable-next-line: no-any\r\n        return staffArray.map((item: any) => item.value).toString();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: any) => {\r\n        if (newData) {\r\n\r\n            const groupId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n            client\r\n                .mutate({\r\n                    mutation: AddFirmDepartmentMember,\r\n                    variables: {\r\n                        groupId: groupId,\r\n                        staffIdList: getStaffList(newData),\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create Team Member', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create Team Member', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteData = (oldData: Member) => {\r\n        client\r\n            .mutate({\r\n                mutation: RemoveFirmDepartmentMember,\r\n                variables: {\r\n                    guidId: oldData.guidID?.toString(),\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete Team Member', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete Team Member', reason, 'error');\r\n            });\r\n    };\r\n\r\n    const handleBreadCrumbClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        event.preventDefault();\r\n        props.history.goBack();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onDeleteItems: data,\r\n            };\r\n        });\r\n        // onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            state.onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onDeleteItems: []\r\n                };\r\n            });\r\n\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUser = (data: any) => {\r\n\r\n        const { friendlyName, email } = data;\r\n\r\n        if (!Array.isArray(friendlyName) ) {\r\n            let bColor: SemanticCOLORS = Colors[(friendlyName === '' || friendlyName === null) ? \r\n            Colors[Colors.length] : (hashString(friendlyName) % Colors.length) - 1];\r\n            // tslint:disable-next-line: no-any\r\n            let stringSplit = friendlyName\r\n            .replace(/[^\\w\\s]/gi, '') // remove special character\r\n            .split(' ')\r\n            // tslint:disable-next-line: no-any\r\n            .map((n: any) => n[0])\r\n            .join('');\r\n    \r\n            let stringInitials = stringSplit.slice(0, 2);\r\n            \r\n            return (\r\n                <React.Fragment>\r\n                    <ListItem>\r\n                        <ListItemAvatar>\r\n                            <Avatar\r\n                                style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                                className={classes.avatar}\r\n                            >\r\n                                {stringInitials}\r\n                            </Avatar>\r\n                        </ListItemAvatar>\r\n                        <ListItemText primary={friendlyName} secondary={email} />\r\n                    </ListItem>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n            return (\r\n                <React.Fragment>\r\n                    <ListItemText primary={'Adding members...'} />\r\n                </React.Fragment>\r\n            );\r\n        }        \r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserIcon = (data: any) => {\r\n        const {  isActive } = data;\r\n\r\n        if (isActive) {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        } else {\r\n            return (\r\n                <React.Fragment>\r\n                    <PersonOutlineOutlinedIcon className={classes.personIcons}/>\r\n                </React.Fragment>\r\n            );\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const removeItems = (itemId: string, name: string, componentProps: EditComponentProps<any> | any) => {\r\n        let memberList = componentProps.value;\r\n\r\n        // tslint:disable-next-line: no-any\r\n        const itemToRemove = memberList.findIndex((item: any) => item.value.toString().toLowerCase() === itemId.toString().toLowerCase());\r\n        memberList.splice(itemToRemove, 1);        \r\n\r\n        componentProps.onChange(memberList);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const getUserComponent = (componentProps: EditComponentProps<any> | any) => {\r\n\r\n        // tslint:disable-next-line: no-console\r\n        console.log('componentProps', componentProps);\r\n\r\n        const groupId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <AvailableDepartmentMemberSelector \r\n                    name=\"member\"\r\n                    label=\"Member\"\r\n                    onSelectedItem={(selectionList: IAutoCompleteItem[], name: string) => {\r\n                        componentProps.onChange(selectionList);\r\n                    }}\r\n                    onRemoveItem={(itemId: string, name: string) => {\r\n                        removeItems(itemId, name, componentProps);\r\n                    }}\r\n                    // value={componentProps.value \r\n                    //     ? componentProps.value.value \r\n                    //     : undefined}\r\n                    required={true}\r\n                    helperText={componentProps.helperText}\r\n                    error={componentProps.error}\r\n                    groupId={groupId}\r\n                />\r\n            </React.Fragment>\r\n        );\r\n    };\r\n\r\n    const tableHeading = () => {\r\n\r\n        const title = decodeURIComponent(props.match.params.command.split(';key=', 2)[0]);\r\n\r\n        return (\r\n            <div className={classes.breadcrumbsWrapper}>\r\n                <Breadcrumbs separator=\"›\" aria-label=\"breadcrumb\" className={classes.breadcrumbs}>\r\n                    <Link color=\"inherit\" href=\"/\" onClick={handleBreadCrumbClick}>\r\n                        Departments\r\n                    </Link>\r\n                    <Typography color=\"textPrimary\" className={classes.breadcrumbsTitle}>{title}</Typography>\r\n                </Breadcrumbs>\r\n                <Chip className={classes.chip} label={state.data.length} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Departments Member\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            \r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={tableHeading()}\r\n                icons={tableIcons}\r\n                columns={[\r\n                    { \r\n                        title: 'Name', \r\n                        field: 'friendlyName', \r\n                        cellStyle: { flex: 3 }, \r\n                        headerStyle: { flex: 3 },\r\n                        render: (rowData) => getUser(rowData), \r\n                        editComponent: (componentData) => getUserComponent(componentData),\r\n                        // Cell delete item is managed here\r\n                        validate: (rowData) => rowData.hasOwnProperty('friendlyName') && rowData.friendlyName.length > 0 \r\n                            ? true \r\n                            : { isValid: false, helperText: 'Member is required'},\r\n                    },\r\n                    // { title: 'friendlyName', field: 'friendlyName', searchable: true },\r\n                    { \r\n                        title: '', \r\n                        field: 'isActive', \r\n                        hidden: false, \r\n                        searchable: false,\r\n                        editable: 'never',\r\n                        render: (rowData) => getUserIcon(rowData)\r\n                    },\r\n                    { title: 'groupGuidId', field: 'groupGuidId', hidden: true, searchable: true },\r\n                    { title: 'guidID', field: 'guidID', hidden: true, searchable: true },\r\n                    { title: 'userID', field: 'userID', hidden: true, searchable: true },\r\n                    { title: 'email', field: 'email', hidden: true, searchable: true }\r\n                ]}\r\n                data={state.data}  \r\n                components={\r\n                    {\r\n                        // tslint:disable-next-line: max-line-length\r\n                        Toolbar: toolbarProps => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...toolbarProps} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }      \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    // search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    // showTitle: true,\r\n                    // toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    isDeletable: (rowData) => {\r\n                        if (Array.isArray(rowData.friendlyName)) {\r\n                            return false;\r\n                        } else {\r\n                            return true;\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                    tooltip: 'Remove All Selected Users',\r\n                    icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    }\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport interface DepartmentMemberQueryParams {\r\n    departmentGuidId: string | null;\r\n}\r\n\r\nexport function retrieveDepartmentMemberData(\r\n    query: DepartmentMemberQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: FirmData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void): void {\r\n\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: FirmDepartmentMember,\r\n            variables: {\r\n                departmentGuidId: query.departmentGuidId\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nconst FirmDepartmentMember = gql`\r\nquery FirmDepartmentMember($departmentGuidId: String){\r\n    firm{\r\n        departments(departmentGuidId: $departmentGuidId) {\r\n            department{\r\n                guidID,\r\n                description\r\n                members{\r\n                    recordCount,\r\n                    member{\r\n                        guidID,\r\n                        staffId,\r\n                        groupGuidId,\r\n                        friendlyName,\r\n                        userId,\r\n                        email,\r\n                        isActive\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}`;\r\n\r\nconst AddFirmDepartmentMember = gql`\r\n    mutation AddFirmDepartmentMember($groupId: String, $staffIdList: String) {\r\n        addFirmDepartmentMember(groupId: $groupId, staffIdList: $staffIdList)\r\n    }\r\n`;\r\n  \r\nconst RemoveFirmDepartmentMember = gql`\r\n    mutation RemoveFirmDepartmentMember($guidId: String){\r\n        removeFirmDepartmentMember(guidId: $guidId)\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport MaterialTable, { Column, EditComponentProps, MTableToolbar } from 'material-table';\r\nimport { \r\n    Avatar, \r\n    ListItem, \r\n    ListItemAvatar, \r\n    ListItemText, \r\n    Badge,\r\n    Typography, \r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport PeopleOutlineIcon from '@material-ui/icons/PeopleOutline';\r\nimport { browserHistory } from '../../components/AppContent';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\n \r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport { retrieveUserListData, UserAutocompleteSelector, UserListData, UserQueryParams } from '../../components/UserAutocompleteSelector';\r\nimport { showNotification } from '../../App';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\n// import { FirmData, Team } from '../models/Firm';\r\n\r\ninterface TemporaryDataFormat {\r\n    // tslint:disable-next-line: no-any\r\n    user: IAutoCompleteItem | any;\r\n    count: number;\r\n}\r\n\r\ninterface LookupUserAssistantMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    selectedRow: any | null;\r\n    data: TemporaryDataFormat[];\r\n    isLoading: boolean;\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nlet onDeleteItems: any = [];\r\n\r\nexport default function LookupUserAssistantMaintenance() {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupUserAssistantMaintenanceState>({\r\n        selectedRow: null,\r\n        data: [],\r\n        isLoading: false,\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n\r\n    useEffect(() => {   \r\n\r\n        fetchData();\r\n\r\n        // const subscribeFirmObj = subscribeFirm();\r\n\r\n        // return () => {\r\n        //     subscribeFirmObj.unsubscribe();\r\n        // };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((props, ref) => <AddBox {...props} ref={ref}  className={classes.icon} />),\r\n        Check: forwardRef((props, ref) => <Check {...props} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((props, ref) => <Clear {...props} ref={ref}  className={classes.icon} />),\r\n        Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref}  className={classes.icon} />),\r\n        DetailPanel: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className={classes.icon} />),\r\n        Edit: forwardRef((props, ref) => <Edit {...props} ref={ref}  className={classes.icon} />),\r\n        Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref}  className={classes.icon} />),\r\n        Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref}  className={classes.icon} />),\r\n        FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref}  className={classes.icon} />),\r\n        LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref}  className={classes.icon} />),\r\n        NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref}  className={classes.icon} />),\r\n        PreviousPage: forwardRef((props, ref) => <ChevronLeft {...props} ref={ref}  className={classes.icon} />),\r\n        ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref}  className={classes.icon} />),\r\n        Search: forwardRef((props, ref) => <Search {...props} ref={ref}  className={classes.icon} />),\r\n        SortArrow: forwardRef((props, ref) => <ArrowDownward {...props} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref}  className={classes.icon} />),\r\n        ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref}  className={classes.icon} />)\r\n    };\r\n\r\n    // const subscribeFirm = () => {\r\n    //     return (\r\n    //         // let subscription =\r\n    //         client\r\n    //             .subscribe({\r\n    //                 fetchPolicy: 'no-cache',\r\n    //                 query: firmSubscription,\r\n    //                 variables: {},\r\n    //             })\r\n    //             .subscribe({\r\n    //                 // tslint:disable-next-line:no-any\r\n    //                 next(results: any) {\r\n    //                     if (results.data.lookupNotification.status) {\r\n\r\n    //                         const { lookupNotification } = results.data;\r\n    //                         showNotification('Success', lookupNotification.message, 'info');\r\n\r\n    //                         if (lookupNotification.message.includes('created successfully')) {\r\n    //                             setState((prevState) => {\r\n\r\n    //                                 const tdata = [...prevState.data];\r\n\r\n    //                                 const temp = tdata[tdata.length - 1];\r\n\r\n    //                                 tdata[tdata.length - 1] = {\r\n    //                                     ...temp,\r\n    //                                     guidID: lookupNotification.guidId\r\n    //                                 };\r\n\r\n    //                                 return {\r\n    //                                     ...prevState,\r\n    //                                     data: tdata\r\n    //                                 };\r\n    //                             });\r\n    //                         }\r\n\r\n    //                     } else {\r\n    //                         showNotification('Failed', results.data.lookupNotification.message, 'error');\r\n    //                     }\r\n    //                 },\r\n    //                 // tslint:disable-next-line:no-any\r\n    //                 error(err: any) {\r\n    //                     // tslint:disable-next-line:no-console\r\n    //                     console.error(err);\r\n    //                     showNotification(null, err, 'error');\r\n    //                 },\r\n    //             })\r\n    //     );\r\n    // };\r\n\r\n    const fetchData = () => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n        const userQueryParams: UserQueryParams = {\r\n            // filter: filter,\r\n            // first: loadBlockLimit,\r\n            // offset: state.offset,\r\n            isStaff: null,\r\n            isExternal: false\r\n        };\r\n\r\n        retrieveUserListData(\r\n            userQueryParams,\r\n            true, // this.state.isRefresh, -- Since we are updating and creating, we do not fetch cached data\r\n            // tslint:disable-next-line: no-console\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n\r\n                setState((prevState) => {\r\n                    return {\r\n                        ...prevState,\r\n                        isNextPageLoading: false,\r\n                    };\r\n                });\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: UserListData) => {\r\n\r\n        const userData = data.administrator.users.user;\r\n\r\n        const tempData = userData.map((user) => {\r\n            return {\r\n                user: {\r\n                    value: user.userID, \r\n                    label: user.isStaff ? user.staffName : user.friendlyName,\r\n                },\r\n                count: user.assistantCount\r\n            };\r\n        });\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                data: tempData,\r\n                isLoading: false\r\n            };\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const userRender = (data: any) => {\r\n\r\n        if (data.user) {\r\n\r\n            const user = data.user;\r\n\r\n            let bColor: SemanticCOLORS = Colors[(user.label === '' || user.label === null) ? \r\n            Colors[Colors.length] : (hashString(user.label) % Colors.length) - 1];\r\n            // tslint:disable-next-line: no-any\r\n            let stringSplit = user.label\r\n            .replace(/[^\\w\\s]/gi, '') // remove special character\r\n            .split(' ')\r\n            // tslint:disable-next-line: no-any\r\n            .map((n: any) => n[0])\r\n            .join('');\r\n\r\n            let stringInitials = stringSplit.slice(0, 2);\r\n            \r\n            return (\r\n                <React.Fragment>\r\n                    <ListItem>\r\n                        <ListItemAvatar>\r\n                            <Avatar\r\n                                style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                                className={classes.avatar}\r\n                            >\r\n                                {stringInitials}\r\n                            </Avatar>\r\n                        </ListItemAvatar>\r\n                        <ListItemText primary={user.label} />\r\n                    </ListItem>\r\n                </React.Fragment>\r\n            );\r\n        }\r\n\r\n        return undefined;\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const memberCountRender = (data: any) => {\r\n\r\n        let count = 0;\r\n\r\n        if (data && data.count) {\r\n            count = data.count;\r\n        }\r\n\r\n        return (\r\n            <div>\r\n                <Badge color=\"primary\" badgeContent={count}>\r\n                    <PeopleOutlineIcon />\r\n                </Badge>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const handleRowClick = (event?: React.MouseEvent, rowData?: any, toggleDetailPanel?: (panelIndex?: number) => void) => {\r\n\r\n        // tslint:disable-next-line: no-console\r\n        console.log('rowData', rowData);\r\n\r\n        setState({\r\n            ...state,\r\n            selectedRow: rowData.tableData.id\r\n        });\r\n\r\n        browserHistory.push(`/firmStructureConfiguration/userAssistant/${encodeURIComponent(rowData.user.label)};key=${rowData.user.value}`);\r\n    };\r\n\r\n    // const updateRowData = (newData: TemporaryDataFormat, oldData: TemporaryDataFormat) => {\r\n\r\n    //     setState((prevState) => {\r\n\r\n    //         const tdata = [...prevState.data];\r\n            \r\n    //         if (tdata.some((e: TemporaryDataFormat) => e.user.value.toLowerCase() === newData.user.value.toLowerCase())) {\r\n    //             return { \r\n    //                 ...prevState, \r\n    //             };\r\n    //         } \r\n\r\n    //         tdata[tdata.indexOf(oldData)] = newData;\r\n            \r\n    //         return { \r\n    //             ...prevState, \r\n    //             data: tdata\r\n    //         };\r\n            \r\n    //     });\r\n    // };\r\n\r\n    // const updateData = (rowData: TemporaryDataFormat) => {\r\n    //     // if (rowData) {\r\n    //     //     client\r\n    //     //         .mutate({\r\n    //     //             mutation: updateFirmTeam,\r\n    //     //             variables: {\r\n    //     //                 guidId: rowData.guidID,\r\n    //     //                 description: rowData.description,\r\n    //     //             },\r\n    //     //         })\r\n    //     //         // tslint:disable-next-line: no-any\r\n    //     //         .then((results: { data: any }) => {\r\n    //     //             if (results.data) {\r\n    //     //                 if (results.data.error !== undefined) {\r\n    //     //                     showNotification( 'Failed to Update Team', results.data.error, 'error');\r\n    //     //                 }\r\n    //     //             }\r\n    //     //         })\r\n    //     //         // tslint:disable-next-line:no-any\r\n    //     //         .catch((reason: any) => {\r\n    //     //             showNotification('Failed to Update Team', reason, 'error');\r\n    //     //         });\r\n    //     // }\r\n    // };\r\n\r\n    // const deleteRowData = (oldData: TemporaryDataFormat) => {\r\n\r\n    //     setState((prevState) => {\r\n    //         const tdata = [...prevState.data];\r\n    //         tdata.splice(tdata.indexOf(oldData), 1);\r\n    //         return { \r\n    //             ...prevState, \r\n    //             data: tdata \r\n    //         };\r\n    //     });\r\n        \r\n    // };\r\n\r\n    const deleteData = (oldData: TemporaryDataFormat) => {\r\n        // client\r\n        //     .mutate({\r\n        //         mutation: deleteFirmTeam,\r\n        //         variables: {\r\n        //             guidId: oldData.guidID,\r\n        //         },\r\n        //     })\r\n        //     // tslint:disable-next-line: no-any\r\n        //     .then((results: { data: any }) => {\r\n        //         if (results.data) {\r\n        //             if (results.data.error !== undefined) {\r\n        //                 showNotification( 'Failed to Delete Team', results.data.error, 'error');\r\n        //             }\r\n        //         }\r\n        //     })\r\n        //     // tslint:disable-next-line:no-any\r\n        //     .catch((reason: any) => {\r\n        //         showNotification('Failed to Delete Team', reason, 'error');\r\n        //     });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const insertRowData = (newData: TemporaryDataFormat) => {\r\n\r\n    //     setState((prevState) => {\r\n\r\n    //         const tdata = prevState.data;\r\n\r\n    //         if (tdata.some((e: TemporaryDataFormat) => e.user.value.toLowerCase() === newData.user.value.toLowerCase())) {\r\n    //             return { \r\n    //                 ...prevState, \r\n    //             };\r\n    //         } \r\n\r\n    //         tdata.push(newData);\r\n\r\n    //         return {    \r\n    //             ...prevState,\r\n    //             data: tdata\r\n    //         };\r\n\r\n    //     });\r\n    // };\r\n\r\n    // // tslint:disable-next-line: no-any\r\n    // const createData = (newData: TemporaryDataFormat) => {\r\n    //     if (newData) {\r\n    //         client\r\n    //             .mutate({\r\n    //                 mutation: CreateUserAssistantMutation,\r\n    //                 variables: {\r\n    //                     input: {\r\n    //                         userToAssistId: newData.user.value,\r\n    //                     }\r\n    //                 },\r\n    //             })\r\n    //             // tslint:disable-next-line: no-any\r\n    //             .then((results: { data: any }) => {\r\n\r\n    //                 if (results.data) {\r\n\r\n    //                     if (results.data.error !== undefined || results.data.error !== null) {\r\n    //                         showNotification( 'Failed to Create User Assistant', results.data.error, 'error');\r\n    //                     }\r\n    //                 }\r\n    //             })\r\n    //             // tslint:disable-next-line:no-any\r\n    //             .catch((reason: any) => {\r\n    //                 showNotification('Failed to Create User Assistant', reason, 'error');\r\n    //             });\r\n    //     }\r\n    // };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const onDeleteData = (data: any) => {\r\n\r\n    //     setShowDeleteConfirm(true);\r\n\r\n    //     onDeleteItems = data;\r\n\r\n    // };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    const getTitle = (title: string, count: number) => {\r\n        return (\r\n            <div className={classes.tableTitle}>\r\n                <Typography className={classes.tableHeading}>{title}</Typography>\r\n                <Chip className={classes.chip} label={count} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const userSelectorComponent = (componentProps: EditComponentProps<any>) => {\r\n        \r\n        return (\r\n            <UserAutocompleteSelector \r\n                name=\"user\"\r\n                label=\"User\"\r\n                required={true}\r\n                value={componentProps.value}\r\n                isExternal={false}\r\n                onSelection={(selection: IAutoCompleteItem, name: string) => {\r\n                    componentProps.onChange(selection);\r\n                }}\r\n                error={componentProps.error}\r\n                disablePortal={false}\r\n                className={classes.textField}\r\n            />\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const customFilterAndSearch = (filter: any, rowData: TemporaryDataFormat, columnDef: Column<TemporaryDataFormat>) => {\r\n        return rowData && rowData.user && rowData.user.label.toLowerCase().includes(filter.toLowerCase());\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"User Assistant\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={getTitle('User Assistant', state.data.length)}\r\n                icons={tableIcons}\r\n                onRowClick={handleRowClick}\r\n                columns={[\r\n                    { \r\n                        title: 'Users', \r\n                        field: 'user', \r\n                        validate: (rowData) => rowData.hasOwnProperty('user') && rowData.user \r\n                            ? true \r\n                            : { isValid: false, helperText: 'User is required'},\r\n                        render: (rowData) => userRender(rowData), cellStyle: { flex: 3 }, headerStyle: { flex: 3 },\r\n                        editComponent: (componentData) => userSelectorComponent(componentData),\r\n                        customFilterAndSearch: customFilterAndSearch\r\n                    },\r\n                    { \r\n                        title: 'Assistant Count', \r\n                        field: 'count', render: (rowData) => \r\n                        memberCountRender(rowData), editable: 'never', \r\n                        cellStyle: { justifyContent: 'center' }, \r\n                        headerStyle: { justifyContent: 'center' },\r\n                    },\r\n                ]}\r\n                components={\r\n                    {\r\n                        Toolbar: props => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...props} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }\r\n                data={state.data}        \r\n                options={{\r\n                    addRowPosition: 'first',\r\n                    search: true,\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    showTitle: true,\r\n                    toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                    rowStyle: rowData => ({\r\n                        backgroundColor: (state.selectedRow === rowData.tableData.id) ? '#EEE' : '#FFF'\r\n                    })\r\n                }}\r\n                // editable={{\r\n                //     onRowAdd: (newData: TemporaryDataFormat) =>\r\n                //     // tslint:disable-next-line: no-any\r\n                //     new Promise((resolve: any) => {\r\n                //         setTimeout(() => {\r\n                //             resolve();\r\n                //             if (newData.user) {\r\n                //                 createData(newData);\r\n                //                 insertRowData(newData);\r\n                //             }\r\n                //         // tslint:disable-next-line: align\r\n                //         }, 600);\r\n                //     }),\r\n                //     onRowUpdate: (newData, oldData) =>\r\n                //     // tslint:disable-next-line: no-any\r\n                //     new Promise((resolve: any) => {\r\n                //         setTimeout(() => {\r\n                //         resolve();\r\n                //         if (oldData) {\r\n                //             updateData(newData);\r\n                //             updateRowData(newData, oldData);\r\n                //         }\r\n                //         // tslint:disable-next-line: align\r\n                //         }, 600);\r\n                //     }),\r\n                //     onRowDelete: (oldData) =>\r\n                //     // tslint:disable-next-line: no-any\r\n                //     new Promise((resolve: any) => {\r\n                //         setTimeout(() => {\r\n                //             resolve();\r\n                //             if (oldData) {\r\n                //                 deleteData(oldData);\r\n                //                 deleteRowData(oldData);\r\n                //             }\r\n                //         // tslint:disable-next-line: align\r\n                //         }, 600);\r\n                //     }),\r\n                // }}\r\n                // actions={[\r\n                //     {\r\n                //         tooltip: 'Remove All Selected Team',\r\n                //         icon: DeleteOutline,\r\n                //         // tslint:disable-next-line: no-any\r\n                //         onClick: (evt: any, data: any) => onDeleteData(data)\r\n                //     },\r\n                // ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\n// const createFirmTeam = gql`\r\n//     mutation createFirmTeam($description: String) {\r\n//         createFirmTeam(description: $description)\r\n//     }\r\n// `;\r\n\r\n// const updateFirmTeam = gql`\r\n//     mutation updateFirmTeam($description: String, $guidId: String) {\r\n//         updateFirmTeam(description:$description, guidId: $guidId)\r\n//     }\r\n// `;\r\n\r\n// const deleteFirmTeam = gql`\r\n//     mutation deleteFirmTeam($guidId: String) {\r\n//         deleteFirmTeam(guidId: $guidId)\r\n//     }  \r\n// `;\r\n\r\n// export const firmSubscription = gql`\r\n//     subscription firm{\r\n//         lookupNotification{\r\n//             id,\r\n//             guidId,\r\n//             lookupDescription,\r\n//             message,\r\n//             status\r\n//         }\r\n//     }\r\n// `;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport MaterialTable, { MTableToolbar, EditComponentProps, Column } from 'material-table';\r\nimport { \r\n    Avatar,\r\n    ListItem,\r\n    ListItemAvatar,\r\n    ListItemText,\r\n    Breadcrumbs,\r\n    Link,\r\n    Typography,\r\n    Chip\r\n} from '@material-ui/core';\r\nimport { Colors, hashString } from '../../tasksSummary/board/BoardCardDraggable';\r\nimport { SemanticCOLORS } from 'semantic-ui-react';\r\nimport { RouterProps, showNotification } from '../../App';\r\nimport { IAutoCompleteItem } from '../../typings/autoComplete';\r\nimport gql from 'graphql-tag';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport { client } from '../..';\r\nimport { Icons } from 'material-table';\r\nimport { forwardRef } from 'react';\r\nimport AddBox from '@material-ui/icons/AddBox';\r\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\r\nimport Check from '@material-ui/icons/Check';\r\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\r\nimport ChevronRight from '@material-ui/icons/ChevronRight';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport FilterList from '@material-ui/icons/FilterList';\r\nimport FirstPage from '@material-ui/icons/FirstPage';\r\nimport LastPage from '@material-ui/icons/LastPage';\r\nimport Remove from '@material-ui/icons/Remove';\r\nimport SaveAlt from '@material-ui/icons/SaveAlt';\r\nimport Search from '@material-ui/icons/Search';\r\nimport ViewColumn from '@material-ui/icons/ViewColumn';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\nimport { UserAutocompleteSelector } from '../../components/UserAutocompleteSelector';\r\nimport { useStyles } from '../../lookupConfiguration/common/tabsStyle';\r\n\r\ninterface TemporaryDataFormat {\r\n    // tslint:disable-next-line: no-any\r\n    user: IAutoCompleteItem | any;\r\n    guidId: string;\r\n}\r\n\r\ninterface LookupUserAssistantMemberMaintenanceProps extends RouterProps {}\r\n\r\ninterface TableData extends TemporaryDataFormat {\r\n    tableData: { \r\n        checked: boolean;\r\n        id: number;\r\n    };\r\n}\r\n\r\ninterface LookupUserAssistantMemberMaintenanceState {\r\n    // tslint:disable-next-line: no-any\r\n    data: TemporaryDataFormat[];\r\n    isLoading: boolean;\r\n    onDeleteItems: TableData[];\r\n}\r\n\r\nexport default function LookupUserAssistantMemberMaintenance(props: LookupUserAssistantMemberMaintenanceProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    const [state, setState] = useState<LookupUserAssistantMemberMaintenanceState>({\r\n        isLoading: false,\r\n        data: [],\r\n        onDeleteItems: [],\r\n    });\r\n\r\n    const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        // groupId\r\n        const { command } = props.match.params;\r\n\r\n        const guID = command.split(';key=', 2)[1];\r\n\r\n        if (command) {\r\n            fetchData(guID);\r\n        }\r\n\r\n        const subscribeFirmObj = subscribeFirm();\r\n\r\n        return () => {\r\n            subscribeFirmObj.unsubscribe();\r\n        };\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const tableIcons: Icons = {\r\n        Add: forwardRef((iconProps, ref) => <AddBox {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Check: forwardRef((iconProps, ref) => <Check {...iconProps} ref={ref}  className=\"check-button\" />),\r\n        Clear: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Delete: forwardRef((iconProps, ref) => <DeleteOutline {...iconProps} ref={ref}  className={classes.icon} />),\r\n        DetailPanel: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Edit: forwardRef((iconProps, ref) => <Edit {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Export: forwardRef((iconProps, ref) => <SaveAlt {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Filter: forwardRef((iconProps, ref) => <FilterList {...iconProps} ref={ref}  className={classes.icon} />),\r\n        FirstPage: forwardRef((iconProps, ref) => <FirstPage {...iconProps} ref={ref}  className={classes.icon} />),\r\n        LastPage: forwardRef((iconProps, ref) => <LastPage {...iconProps} ref={ref}  className={classes.icon} />),\r\n        NextPage: forwardRef((iconProps, ref) => <ChevronRight {...iconProps} ref={ref}  className={classes.icon} />),\r\n        PreviousPage: forwardRef((iconProps, ref) => <ChevronLeft {...iconProps} ref={ref}  className={classes.icon} />),\r\n        ResetSearch: forwardRef((iconProps, ref) => <Clear {...iconProps} ref={ref}  className={classes.icon} />),\r\n        Search: forwardRef((iconProps, ref) => <Search {...iconProps} ref={ref}  className={classes.icon} />),\r\n        SortArrow: forwardRef((iconProps, ref) => <ArrowDownward {...iconProps} ref={ref} />),\r\n        ThirdStateCheck: forwardRef((iconProps, ref) => <Remove {...iconProps} ref={ref}  className={classes.icon} />),\r\n        ViewColumn: forwardRef((iconProps, ref) => <ViewColumn {...iconProps} ref={ref}  className={classes.icon} />)\r\n    };\r\n\r\n    const subscribeFirm = () => {\r\n        return (\r\n            // let subscription =\r\n            client\r\n                .subscribe({\r\n                    fetchPolicy: 'no-cache',\r\n                    query: userAssistantSubscription,\r\n                    variables: {},\r\n                })\r\n                .subscribe({\r\n                    // tslint:disable-next-line:no-any\r\n                    next(results: any) {\r\n                        if (results.data.userAssistantNotification.status) {\r\n\r\n                            const { userAssistantNotification } = results.data;\r\n\r\n                            showNotification('Success', userAssistantNotification.message, 'info');\r\n\r\n                            if (userAssistantNotification.message.includes('UserAssistant updated successfully')) {\r\n                                setState((prevState) => {\r\n\r\n                                    const tdata = [...prevState.data];\r\n\r\n                                    const temp = tdata[tdata.length - 1];\r\n\r\n                                    tdata[tdata.length - 1] = {\r\n                                        ...temp,\r\n                                        guidId: userAssistantNotification.guid\r\n                                    };\r\n\r\n                                    return {\r\n                                        ...prevState,\r\n                                        data: tdata\r\n                                    };\r\n                                });\r\n                            }\r\n\r\n                        } else {\r\n                            showNotification('Failed', results.data.userAssistantNotification.message, 'error');\r\n                        }\r\n                    },\r\n                    // tslint:disable-next-line:no-any\r\n                    error(err: any) {\r\n                        // tslint:disable-next-line:no-console\r\n                        console.error(err);\r\n                        showNotification(null, err, 'error');\r\n                    },\r\n                })\r\n        );\r\n    };\r\n\r\n    const fetchData = (userGuid: string) => {\r\n\r\n        setState({\r\n            ...state,\r\n            isLoading: true,\r\n        });\r\n\r\n        const userAssistantsQueryParams: UserAssistantsQueryParams = {\r\n            userGuid: userGuid\r\n        };\r\n\r\n        retrieveUserAssistantsData(\r\n            userAssistantsQueryParams,\r\n            true, // refresh\r\n            (data) => onRetrieveData(data),\r\n            // tslint:disable-next-line:no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    };\r\n\r\n    const onRetrieveData = (data: UserAssistantsData) => {\r\n\r\n        const userAssistants = data.userAssistants.userAssistants;\r\n\r\n        const tempData = userAssistants.map((user) => {\r\n            return {\r\n                user: {\r\n                    value: user.userGuid, \r\n                    label: user.friendlyName\r\n                },\r\n                guidId: user.guid\r\n            };\r\n        });\r\n\r\n        setState({\r\n            ...state,\r\n            data: userAssistants.length > 0 ? tempData : [],\r\n            isLoading: false\r\n        });\r\n    };\r\n\r\n    const updateRowData = (newData: TemporaryDataFormat, oldData: TemporaryDataFormat) => {\r\n\r\n        setState((prevState) => {\r\n\r\n            const tdata = [...prevState.data];\r\n            \r\n            if (tdata.some((e: TemporaryDataFormat) => e.user.value.toLowerCase() === newData.user.value.toLowerCase())) {\r\n                return { \r\n                    ...prevState, \r\n                };\r\n            } \r\n\r\n            tdata[tdata.indexOf(oldData)] = newData;\r\n            \r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n            \r\n        });\r\n    };\r\n\r\n    const updateData = (rowData: TemporaryDataFormat) => {\r\n        const userToAssistId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n        if (rowData) {\r\n            client\r\n                .mutate({\r\n                    mutation: UpdateUserAssistantMutation,\r\n                    variables: {\r\n                        input: {\r\n                            guid: rowData.guidId,\r\n                            userToAssistId: userToAssistId,\r\n                            assistantId: rowData.user.value,\r\n                        }\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Update User Assistant', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Update User Assistant', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const insertRowData = (newData: TemporaryDataFormat) => {\r\n        \r\n        setState((prevState) => {\r\n\r\n            const tdata = [...prevState.data];\r\n\r\n            if (tdata.some((e: TemporaryDataFormat) => e.user && e.user.value.toLowerCase() === newData.user.value.toLowerCase())) {\r\n                return { \r\n                    ...prevState, \r\n                };\r\n            } \r\n\r\n            tdata.push(newData);\r\n\r\n            return { \r\n                ...prevState, \r\n                data: tdata\r\n            };\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const deleteRowData = (oldData: any) => {\r\n\r\n        setState((prevState) => {\r\n            const tdata = [...prevState.data];\r\n            tdata.splice(tdata.indexOf(oldData), 1);\r\n            return { \r\n                ...prevState, \r\n                data: tdata \r\n            };\r\n        });\r\n        \r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const createData = (newData: any) => {\r\n        if (newData) {\r\n\r\n            const userToAssistId = props.match.params.command.split(';key=', 2)[1];\r\n\r\n            client\r\n                .mutate({\r\n                    mutation: CreateUserAssistantMutation,\r\n                    variables: {\r\n                        input: {\r\n                            guid: null,\r\n                            userToAssistId: userToAssistId,\r\n                            assistantId: newData.user.value,\r\n                        }\r\n                    },\r\n                })\r\n                // tslint:disable-next-line: no-any\r\n                .then((results: { data: any }) => {\r\n                    if (results.data) {\r\n                        if (results.data.error !== undefined) {\r\n                            showNotification( 'Failed to Create User Assitant', results.data.error, 'error');\r\n                        }\r\n                    }\r\n                })\r\n                // tslint:disable-next-line:no-any\r\n                .catch((reason: any) => {\r\n                    showNotification('Failed to Create User Assitant', reason, 'error');\r\n                });\r\n        }\r\n    };\r\n\r\n    const deleteData = (oldData: TemporaryDataFormat) => {\r\n        client\r\n            .mutate({\r\n                mutation: DeleteUserAssistant,\r\n                variables: {\r\n                    guid: oldData.guidId,\r\n                },\r\n            })\r\n            // tslint:disable-next-line: no-any\r\n            .then((results: { data: any }) => {\r\n                if (results.data) {\r\n                    if (results.data.error !== undefined) {\r\n                        showNotification( 'Failed to Delete User Assitant', results.data.error, 'error');\r\n                    }\r\n                }\r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => {\r\n                showNotification('Failed to Delete User Assitant', reason, 'error');\r\n            });\r\n    };\r\n\r\n    const handleBreadCrumbClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        event.preventDefault();\r\n        props.history.goBack();\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onDeleteData = (data: any) => {\r\n\r\n        setShowDeleteConfirm(true);\r\n\r\n        setState((prevState) => {\r\n            return {\r\n                ...prevState,\r\n                onDeleteItems: data,\r\n            };\r\n        });\r\n        // onDeleteItems = data;\r\n\r\n    };\r\n\r\n    const onDeleteConfirm = (agree: boolean) => {\r\n        if (agree) {\r\n            // tslint:disable-next-line: no-any\r\n            state.onDeleteItems.forEach((selected: any) => {\r\n\r\n                // delete check data\r\n                deleteData(selected);\r\n\r\n                setState((prevState) => {\r\n                    const tdata = [...prevState.data];\r\n                    tdata.splice(tdata.indexOf(selected), 1);\r\n                    return { \r\n                        ...prevState, \r\n                        data: tdata \r\n                    };\r\n                });\r\n\r\n            });\r\n\r\n            setState((prevState) => {\r\n                return {\r\n                    ...prevState,\r\n                    onDeleteItems: []\r\n                };\r\n            });\r\n\r\n        }\r\n\r\n        setShowDeleteConfirm(false);\r\n    };\r\n\r\n    const tableHeading = () => {\r\n\r\n        const title = decodeURIComponent(props.match.params.command.split(';key=', 2)[0]);\r\n\r\n        return (\r\n            <div className={classes.breadcrumbsWrapper}>\r\n                <Breadcrumbs separator=\"›\" aria-label=\"breadcrumb\" className={classes.breadcrumbs}>\r\n                    <Link color=\"inherit\" href=\"/\" onClick={handleBreadCrumbClick}>\r\n                        User Assistant\r\n                    </Link>\r\n                    <Typography color=\"textPrimary\" className={classes.breadcrumbsTitle}>{title}</Typography>\r\n                </Breadcrumbs>\r\n                <Chip className={classes.chip} label={state.data.length} />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const userSelectorComponent = (componentProps: EditComponentProps<any> | any) => {\r\n        \r\n        return (\r\n            <UserAutocompleteSelector \r\n                name=\"user\"\r\n                label=\"User\"\r\n                required={true}\r\n                value={componentProps.value}\r\n                isExternal={false}\r\n                onSelection={(selection: IAutoCompleteItem, name: string) => {\r\n                    componentProps.onChange(selection);\r\n                }}\r\n                error={componentProps.error}\r\n                disablePortal={false}\r\n                className={classes.textField}\r\n                helperText={componentProps.helperText}\r\n            />\r\n        );\r\n    };\r\n    \r\n    // tslint:disable-next-line: no-any\r\n    const userRender = (data: any) => {\r\n\r\n        if (data.user) {\r\n\r\n            const user = data.user;\r\n\r\n            let bColor: SemanticCOLORS = Colors[(user.label === '' || user.label === null) ? \r\n            Colors[Colors.length] : (hashString(user.label) % Colors.length) - 1];\r\n            // tslint:disable-next-line: no-any\r\n            let stringSplit = user.label\r\n            .replace(/[^\\w\\s]/gi, '') // remove special character\r\n            .split(' ')\r\n            // tslint:disable-next-line: no-any\r\n            .map((n: any) => n[0])\r\n            .join('');\r\n\r\n            let stringInitials = stringSplit.slice(0, 2);\r\n            \r\n            return (\r\n                <React.Fragment>\r\n                    <ListItem>\r\n                        <ListItemAvatar>\r\n                            <Avatar\r\n                                style={{ backgroundColor: bColor ? bColor : 'grey', color: '#fff' }}\r\n                                className={classes.avatar}\r\n                            >\r\n                                {stringInitials}\r\n                            </Avatar>\r\n                        </ListItemAvatar>\r\n                        <ListItemText primary={user.label} />\r\n                    </ListItem>\r\n                </React.Fragment>\r\n            );\r\n        }\r\n\r\n        return undefined;\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const customFilterAndSearch = (filter: any, rowData: TemporaryDataFormat, columnDef: Column<TemporaryDataFormat>) => {\r\n        return rowData && rowData.user && rowData.user.label.toLowerCase().includes(filter.toLowerCase());\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <DialogBox\r\n                title=\"Assistant\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to delete the selected row?`}\r\n                show={showDeleteConfirm}\r\n                isAgree={onDeleteConfirm}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n                className={classes.dialogBox}\r\n            />\r\n            <MaterialTable\r\n                isLoading={state.isLoading}\r\n                title={tableHeading()}\r\n                icons={tableIcons}\r\n                columns={[\r\n                    { \r\n                        title: 'Users', \r\n                        field: 'user', \r\n                        validate: (rowData) => rowData.hasOwnProperty('user') && rowData.user \r\n                            ? true \r\n                            : { isValid: false, helperText: 'User is required'},\r\n                        render: (rowData) => userRender(rowData), cellStyle: { flex: 3 }, headerStyle: { flex: 3 },\r\n                        editComponent: (componentData) => userSelectorComponent(componentData),\r\n                        customFilterAndSearch: customFilterAndSearch\r\n                    }\r\n                ]}\r\n                data={state.data}  \r\n                components={\r\n                    {\r\n                        // tslint:disable-next-line: max-line-length\r\n                        Toolbar: toolbarProps => (\r\n                            <div className={classes.customToolbar}>\r\n                                <MTableToolbar classes={{ highlight: classes.highlight, actions: classes.actions }} {...toolbarProps} />\r\n                            </div>\r\n                        )\r\n                    }\r\n                }      \r\n                options={{\r\n                    // search: true,\r\n                    addRowPosition: 'first',\r\n                    selection: true,\r\n                    paging: true,\r\n                    pageSize: 10,\r\n                    pageSizeOptions: [10, 20, 30, 40, 50],\r\n                    // showTitle: true,\r\n                    // toolbar: true,\r\n                    actionsColumnIndex: -1,\r\n                }}\r\n                editable={{\r\n                    onRowAdd: (newData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (newData) {\r\n                                    createData(newData);\r\n                                    insertRowData(newData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowUpdate: (newData, oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                            resolve();\r\n                            if (oldData) {\r\n                                updateData(newData);\r\n                                updateRowData(newData, oldData);\r\n                            }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                    onRowDelete: (oldData) =>\r\n                        // tslint:disable-next-line: no-any\r\n                        new Promise((resolve: any) => {\r\n                            setTimeout(() => {\r\n                                resolve();\r\n                                if (oldData) {\r\n                                    deleteData(oldData);\r\n                                    deleteRowData(oldData);\r\n                                }\r\n                            // tslint:disable-next-line: align\r\n                            }, 600);\r\n                        }),\r\n                }}\r\n                actions={[\r\n                    {\r\n                    tooltip: 'Remove All Selected Users',\r\n                    icon: DeleteOutline,\r\n                        // tslint:disable-next-line: no-any\r\n                        onClick: (evt: any, data: any) => onDeleteData(data)\r\n                    }\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport interface UserAssistantsData {\r\n    loading?: boolean;\r\n    networkStatus?: number;\r\n    userAssistants: UserAssistants;\r\n}\r\n\r\nexport interface UserAssistants {\r\n    userAssistants: UserAssistant[];\r\n}\r\n\r\nexport interface UserAssistant {\r\n    userGuid: string;\r\n    email:    string;\r\n    friendlyName: string;\r\n    guid: string;\r\n}\r\nexport interface UserAssistantsQueryParams {\r\n    userGuid: string | null;\r\n}\r\n\r\nexport function retrieveUserAssistantsData(\r\n    query: UserAssistantsQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: UserAssistantsData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: UserAssistantsQuery,\r\n            variables: {\r\n                userGuid: query.userGuid\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nconst UserAssistantsQuery = gql`\r\n    query UserAssistants($userGuid: String) {\r\n        userAssistants(userGuid: $userGuid) {\r\n            userAssistants {\r\n                userGuid\r\n                email\r\n                friendlyName\r\n                guid\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CreateUserAssistantMutation = gql`\r\n    mutation createUserAssistant(\r\n        $input: CreateUserAssistantInputType, \r\n    ) {\r\n        createUserAssistant(\r\n            input: $input, \r\n        ) {\r\n            status,\r\n            error\r\n        }\r\n    }\r\n`;\r\n\r\nconst UpdateUserAssistantMutation = gql`\r\n    mutation updateUserAssistant(\r\n        $input: UpdateUserAssistantInputType, \r\n    ) {\r\n        updateUserAssistant(\r\n            input: $input, \r\n        ) {\r\n            status,\r\n            error\r\n        }\r\n    }\r\n`;\r\n  \r\nconst DeleteUserAssistant = gql`\r\n    mutation DeleteUserAssistant($guid: String) {\r\n        deleteUserAssistant(guid: $guid) {\r\n            error\r\n            status\r\n        }\r\n    }\r\n`;\r\n\r\nexport const userAssistantSubscription = gql`\r\n    subscription {\r\n        userAssistantNotification  {\r\n            id\r\n            status\r\n            message\r\n            description\r\n            guid\r\n        }\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport { RouterProps, showNotification } from '../App';\r\nimport { UserFeature, UserFeatureEnum } from '../types/UserFeature';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport { CircularProgress, makeStyles } from '@material-ui/core';\r\nimport GroupIcon from '@material-ui/icons/Group';\r\nimport BusinessIcon from '@material-ui/icons/Business';\r\nimport HomeWorkIcon from '@material-ui/icons/HomeWork';\r\nimport AccessibleOutlinedIcon from '@material-ui/icons/AccessibleOutlined';\r\nimport { FurmStructureConfigurationBanner } from './FurmStructureConfigurationBanner';\r\nimport LookupTeamsMaintenance from './tabs/LookupTeamsMaintenance';\r\nimport LookupTeamMemberMaintenance from './tabs/LookupTeamMemberMaintenance';\r\nimport LookupOfficesMaintenance from './tabs/LookupOfficesMaintenance';\r\nimport LookupOfficeMemberMaintenance from './tabs/LookupOfficeMemberMaintenance';\r\nimport LookupDepartmentMaintenance from './tabs/LookupDepartmentMaintenance';\r\nimport LookupDepartmentMemberMaintenance from './tabs/LookupDepartmentMemberMaintenance';\r\nimport LookupUserAssistantMaintenance from './tabs/LookupUserAssistantMaintenance';\r\nimport LookupUserAssistantMemberMaintenance from './tabs/LookupUserAssistantMemberMaintenance';\r\nimport { client } from '..';\r\nimport { UserData } from '../configurationDashboard/ConfigurationDashboardPage';\r\nimport { LearnMoreEnum } from '../learnMore/LearnMorePage';\r\n\r\nconst useStyles = makeStyles({\r\n    root: {\r\n        flex: 1,\r\n        display: 'flex',\r\n        flexFlow: 'column',\r\n    },\r\n    wrapper: {\r\n        flex: 1,\r\n        display: 'flex',\r\n        backgroundColor: '#fff',\r\n        margin: '0 -15px',\r\n        padding: '15px',\r\n    },\r\n    sidebar: {\r\n        padding: '0 15px',\r\n        maxWidth: '400px',\r\n        width: '100%',\r\n        position: 'relative',\r\n        flex: 1,\r\n        display: 'flex',\r\n    },\r\n    sidebarInner: {\r\n        position: 'relative',\r\n        flex: 1,\r\n        // left: 0,\r\n        // right: 0,\r\n        // top: 0,\r\n        // bottom: 0,\r\n        // overflow: 'auto',\r\n    },\r\n    sidebarList: {\r\n        position: 'absolute',\r\n        top: 0,\r\n        right: 0,\r\n        left: 0,\r\n        bottom: 0,\r\n        overflow: 'auto',\r\n        paddingRight: '10px',\r\n        '& .Mui-selected': {\r\n            backgroundColor: 'rgba(0, 0, 0, 0.2)'\r\n        },\r\n        '& .Mui-selected:hover': {\r\n            backgroundColor: 'rgba(0, 0, 0, 0.2)'\r\n        }\r\n    },\r\n    content: {\r\n        padding: '0 15px',\r\n        flexGrow: 1,\r\n        display: 'flex',\r\n        flexFlow: 'column',\r\n        '& > div': {\r\n            flexGrow: 1,\r\n            maxWidth: '800px',\r\n        }\r\n    }\r\n});\r\n\r\nexport enum TableList {\r\n    offices = 0,\r\n    department,\r\n    teams,\r\n    userAssistant,\r\n}\r\n\r\ninterface FirmStructureConfigurationPageState {\r\n    selectedTable: TableList;\r\n}\r\n\r\ninterface FirmStructureConfigurationPageProps extends RouterProps {\r\n\r\n}\r\n\r\nexport default function FirmStructureConfigurationPage(props: FirmStructureConfigurationPageProps) {\r\n\r\n    const classes = useStyles();\r\n\r\n    var routeTab: TableList = TableList[props.match.params.tab];\r\n    \r\n    const [pageState, setPageState] = useState<FirmStructureConfigurationPageState>({\r\n        selectedTable: routeTab ? routeTab : TableList.department\r\n    });\r\n\r\n    const [isLoading, setIsLoading] = useState<boolean>(true);\r\n    const [isInternalAdmin, setIsInternalAdmin] = useState<boolean>(false);\r\n\r\n    // tslint:disable-next-line: no-any\r\n    let routeCommand = props.match.params.command;\r\n\r\n    useEffect(() => {\r\n        fetchAppUserData();\r\n    // tslint:disable-next-line: align\r\n    }, []);\r\n\r\n    const fetchAppUserData = () => {\r\n        client.query({\r\n            query: UserData,\r\n            fetchPolicy: 'network-only'\r\n            // tslint:disable-next-line:no-any\r\n        }).then((results: {\r\n            // tslint:disable-next-line:no-any\r\n            data: any;\r\n            }) => {\r\n                if (results.data.appUser) {\r\n                    setIsInternalAdmin(results.data.appUser.isInternalAdmin);\r\n                }\r\n                setIsLoading(false);\r\n            // tslint:disable-next-line: no-any\r\n            }).catch((reason: any) => {\r\n                showNotification(null, reason, 'error');\r\n        });\r\n    };\r\n\r\n    const onClickBack = () => {\r\n        props.history.push('/configurationDashboard');\r\n    };\r\n\r\n    const onClickTab = (value: TableList) => () => {\r\n        setPageState({\r\n            ...pageState,\r\n            selectedTable: value\r\n        });\r\n\r\n        props.history.push(`/firmStructureConfiguration/${TableList[value]}`);\r\n    };\r\n\r\n    const onLearnMore = () => {\r\n        props.history.push({\r\n            pathname: `/learnMore/${LearnMoreEnum[LearnMoreEnum.FIRM_STRUCTURE]}`, \r\n        });\r\n    };\r\n    \r\n    return (\r\n        <React.Fragment>\r\n            {isLoading \r\n                ? (\r\n                    <div className={classes.root}>\r\n                        <CircularProgress color=\"primary\" size={20} /> \r\n                    </div>                    \r\n                )\r\n                : (\r\n                    <div className={classes.root}>\r\n                        <FurmStructureConfigurationBanner \r\n                            title=\"Firm Structure\"\r\n                            onClickBack={onClickBack}\r\n                            onLearnMore={onLearnMore}\r\n                        />\r\n                        <div className={classes.wrapper}>\r\n                            <div className={classes.sidebar}>\r\n                                <div className={classes.sidebarInner}>\r\n                                    <List className={classes.sidebarList}>\r\n                                        {(UserFeature.HasAccess(UserFeatureEnum.hasFirmDepartmentLookupMaintenance) || isInternalAdmin ) && (\r\n                                            <ListItem \r\n                                                button={true} \r\n                                                onClick={onClickTab(TableList.department)}\r\n                                                selected={pageState.selectedTable === TableList.department}\r\n                                            >\r\n                                                <ListItemAvatar>\r\n                                                    <Avatar>\r\n                                                        <HomeWorkIcon />\r\n                                                    </Avatar>\r\n                                                </ListItemAvatar>\r\n                                                <ListItemText\r\n                                                    primary=\"Firm Departments\"\r\n                                                    secondary=\"Departments in the firm\"\r\n                                                />\r\n                                            </ListItem>\r\n                                        )}\r\n                                        {(UserFeature.HasAccess(UserFeatureEnum.hasFirmOfficeLookupMaintenance) || isInternalAdmin ) && (\r\n                                            <ListItem \r\n                                                button={true} \r\n                                                onClick={onClickTab(TableList.offices)}\r\n                                                selected={pageState.selectedTable === TableList.offices}\r\n                                            >\r\n                                                <ListItemAvatar>\r\n                                                    <Avatar>\r\n                                                        <BusinessIcon />\r\n                                                    </Avatar>\r\n                                                </ListItemAvatar>\r\n                                                <ListItemText\r\n                                                    primary=\"Firm Offices\"\r\n                                                    secondary=\"Offices in the firm\"\r\n                                                />\r\n                                            </ListItem>\r\n                                        )}\r\n                                        {(UserFeature.HasAccess(UserFeatureEnum.hasFirmTeamLookupMaintenance) || isInternalAdmin ) && (\r\n                                            <ListItem \r\n                                                button={true} \r\n                                                onClick={onClickTab(TableList.teams)}\r\n                                                selected={pageState.selectedTable === TableList.teams}\r\n                                            >\r\n                                                <ListItemAvatar>\r\n                                                    <Avatar>\r\n                                                        <GroupIcon />\r\n                                                    </Avatar>\r\n                                                </ListItemAvatar>\r\n                                                <ListItemText\r\n                                                    primary=\"Firm Teams\"\r\n                                                    secondary=\"Teams in the firm\"\r\n                                                />\r\n                                            </ListItem>\r\n                                        )}\r\n                                        {(UserFeature.HasAccess(UserFeatureEnum.hasUserAssistantLookupMaintenance) || isInternalAdmin ) && (\r\n                                            <ListItem \r\n                                                button={true} \r\n                                                onClick={onClickTab(TableList.userAssistant)}\r\n                                                selected={pageState.selectedTable === TableList.userAssistant}\r\n                                            >\r\n                                                <ListItemAvatar>\r\n                                                    <Avatar>\r\n                                                        <AccessibleOutlinedIcon />\r\n                                                    </Avatar>\r\n                                                </ListItemAvatar>\r\n                                                <ListItemText\r\n                                                    primary=\"User Assistant\"\r\n                                                    secondary=\"Assistants for staff members.\"\r\n                                                />\r\n                                            </ListItem>\r\n                                        )}\r\n                                    </List>\r\n                                </div>\r\n                            </div>\r\n                            <div className={classes.content}>\r\n                                {(pageState.selectedTable === TableList.teams && routeCommand === undefined) && (<LookupTeamsMaintenance />)}\r\n                                {/* tslint:disable-next-line: max-line-length */}\r\n                                {(pageState.selectedTable === TableList.teams && routeCommand !== undefined) && (<LookupTeamMemberMaintenance {...props}/>)}\r\n                                {/* tslint:disable-next-line: max-line-length */}\r\n                                {(pageState.selectedTable === TableList.offices && routeCommand === undefined) && (<LookupOfficesMaintenance />)}\r\n                                {/* tslint:disable-next-line: max-line-length */}\r\n                                {(pageState.selectedTable === TableList.offices && routeCommand !== undefined) && (<LookupOfficeMemberMaintenance {...props}/>)}\r\n                                {/* tslint:disable-next-line: max-line-length */}\r\n                                {(pageState.selectedTable === TableList.department && routeCommand === undefined) && (<LookupDepartmentMaintenance />)}\r\n                                {(pageState.selectedTable === TableList.department \r\n                                    && routeCommand !== undefined) && (<LookupDepartmentMemberMaintenance {...props}/>)}\r\n                                {/* tslint:disable-next-line: max-line-length */}\r\n                                {(pageState.selectedTable === TableList.userAssistant && routeCommand === undefined) && (<LookupUserAssistantMaintenance />)}\r\n                                {(pageState.selectedTable === TableList.userAssistant \r\n                                    && routeCommand !== undefined) && (<LookupUserAssistantMemberMaintenance {...props}/>)}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                )\r\n            }\r\n        </React.Fragment>\r\n    );\r\n}","import gql from 'graphql-tag';\r\nimport { client } from '..';\r\nimport { FetchPolicy } from 'apollo-client';\r\nimport { UserFeature, UserFeatureEnum } from '../types/UserFeature';\r\n\r\n// New Matter Summary Query params\r\nexport interface FeatureLayoutConfigurationQueryParams {\r\n    layoutId: number;\r\n    includeHidden: boolean;\r\n    isInternalRole: boolean | null;\r\n    isAdministrator: boolean | null;\r\n    roleId?: string | null;\r\n    userEmail?: string | null;\r\n    isPersonal?: boolean | null;\r\n    dashboardPanelId?: string | null;\r\n}\r\n\r\nexport interface FeatureLayoutConfigurationListData {\r\n    loading?: boolean;\r\n    networkStatus?: number;\r\n    featureLayoutConfigurationList: FeatureLayoutConfigurationList;\r\n}\r\n\r\nexport interface FeatureLayoutConfigurationList {\r\n    recordCount: number;\r\n    featureLayoutConfiguration: FeatureLayoutConfiguration[];\r\n}\r\n\r\nexport interface FeatureLayoutConfiguration {\r\n    id: number;\r\n    feature: string;\r\n    featureGuid: string;\r\n    description: string;\r\n    title: string;\r\n    isHidden: boolean;\r\n    sequence: number;\r\n    infoUrl: string;\r\n}\r\n\r\nexport interface FeatureSearchChanges {\r\n    feature: string;\r\n    featureGuid: string;\r\n    isHidden: boolean;\r\n    sequence: number;\r\n}\r\n\r\nexport interface RoleListData {\r\n    loading?: boolean;\r\n    networkStatus?: number;\r\n    roleList: RoleList;\r\n}\r\n\r\nexport interface RoleList {\r\n    role: Role[];\r\n}\r\n\r\nexport interface Role {\r\n    roleIdString: string;\r\n    rolename: string;\r\n    isExternal: boolean;\r\n}\r\n\r\nexport enum RoleCategoryType {\r\n    External = 0,\r\n    Internal = 1,\r\n    Administrator = 2,\r\n}\r\n\r\nexport interface DropDownData {\r\n    value: string;\r\n    text: string;\r\n    isInternal?: boolean;\r\n}\r\n\r\nexport interface DropDownRoleCategoryData {\r\n    value: RoleCategoryType;\r\n    text: string;\r\n}\r\n\r\nexport interface DropDownSearchData {\r\n    title: string;\r\n    description: string;\r\n}\r\n\r\nexport function fetchScopeFeatureData(value?: string, isPersonalise?: boolean): DropDownData[] {\r\n    var scope = [];\r\n\r\n    // This is selected through features. Which are passed on through the accessToken while logging in.\r\n    if (UserFeature.HasAccess(UserFeatureEnum.hasDashboardSecurityScope)) {\r\n        scope.push({ value: 'DashboardSecurityScope', text: 'Firm' });\r\n    }\r\n    if (UserFeature.HasAccess(UserFeatureEnum.hasDashboardSecurityRoleCategory)) {\r\n        scope.push({ value: 'DashboardSecurityRoleCategory', text: 'Role Category' });\r\n    }\r\n    if (UserFeature.HasAccess(UserFeatureEnum.hasDashboardSecurityRole)) {\r\n        scope.push({ value: 'DashboardSecurityRole', text: 'Role' });\r\n    }\r\n    if (UserFeature.HasAccess(UserFeatureEnum.hasDashboardSecurityUser)) {\r\n        scope.push({ value: 'DashboardSecurityUser', text: 'User' });\r\n    }\r\n    if (UserFeature.HasAccess(UserFeatureEnum.hasDashboardSecurityPersonal) || isPersonalise === true) {\r\n        scope.push({ value: 'DashboardSecurityPersonal', text: 'Personal' });\r\n    }\r\n\r\n    if (value) {\r\n        scope = scope.filter((x) => x.value === value);\r\n    }\r\n\r\n    if (scope && scope.length === 0 && (value === 'DashboardSecurityPersonal' || isPersonalise === true)) {\r\n        // For Personalise\r\n        scope.push({ value: 'DashboardSecurityPersonal', text: 'Personal' });\r\n    }\r\n\r\n    return scope;\r\n}\r\n\r\nexport function fetchRoleCategoryData(isIncludeAdmin?: boolean): DropDownRoleCategoryData[] {\r\n    var roleCategoryData = [];\r\n\r\n    roleCategoryData.push({ value: RoleCategoryType.Internal, text: 'Internal' });\r\n    roleCategoryData.push({ value: RoleCategoryType.External, text: 'External' });\r\n\r\n    if (isIncludeAdmin) {\r\n        roleCategoryData.push({ value: RoleCategoryType.Administrator, text: 'Administrator' });\r\n    }\r\n\r\n    return roleCategoryData;\r\n}\r\n\r\nexport function fetchFeatureLayoutConfigurationData(\r\n    query: FeatureLayoutConfigurationQueryParams,\r\n    refreshData: boolean,\r\n    onSuccess: (data: FeatureLayoutConfigurationListData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void,\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: FeatureLayoutConfigurationData,\r\n            variables: {\r\n                layoutId: query.layoutId,\r\n                includeHidden: query.includeHidden,\r\n                isInternalRole: query.isInternalRole,\r\n                isAdministrator: query.isAdministrator,\r\n                roleId: query.roleId,\r\n                userEmail: query.userEmail,\r\n                isPersonal: query.isPersonal,\r\n                dashboardPanelId: query.dashboardPanelId,\r\n            },\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nexport function fetchRoleData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: RoleListData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void,\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: RoleSelectorData,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nconst FeatureLayoutConfigurationData = gql`\r\n    query featureLayoutConfiguration(\r\n        $layoutId: Int\r\n        $includeHidden: Boolean\r\n        $isInternalRole: Boolean\r\n        $isAdministrator: Boolean\r\n        $roleId: String\r\n        $userEmail: String\r\n        $isPersonal: Boolean\r\n        $dashboardPanelId: String\r\n    ) {\r\n        featureLayoutConfigurationList(\r\n            layoutId: $layoutId\r\n            includeHidden: $includeHidden\r\n            isInternalRole: $isInternalRole\r\n            isAdministrator: $isAdministrator\r\n            roleId: $roleId\r\n            userEmail: $userEmail\r\n            isPersonal: $isPersonal\r\n            dashboardPanelId: $dashboardPanelId\r\n        ) {\r\n            recordCount\r\n            featureLayoutConfiguration {\r\n                id\r\n                feature\r\n                featureGuid\r\n                description\r\n                title\r\n                isHidden\r\n                sequence\r\n                infoUrl\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst RoleSelectorData = gql`\r\n    query roleSelectorQuery {\r\n        roleList {\r\n            role {\r\n                roleIdString\r\n                rolename\r\n                isExternal\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const UpdateFeatureLayoutConfigData = gql`\r\n    mutation UpdateFeatureLayoutConfiguration(\r\n        $featureLayoutConfigurationList: [FeatureLayoutConfigurationInput]!\r\n        $layoutId: Int!\r\n        $isInternalRole: Boolean\r\n        $isAdministrator: Boolean\r\n        $roleId: String\r\n        $userEmail: String\r\n        $isPersonal: Boolean\r\n        $dashboardPanelId: String\r\n    ) {\r\n        updateFeatureLayoutConfiguration(\r\n            featureLayoutConfigurationList: $featureLayoutConfigurationList\r\n            layoutId: $layoutId\r\n            isInternalRole: $isInternalRole\r\n            isAdministrator: $isAdministrator\r\n            roleId: $roleId\r\n            userEmail: $userEmail\r\n            isPersonal: $isPersonal\r\n            dashboardPanelId: $dashboardPanelId\r\n        )\r\n    }\r\n`;\r\n\r\nexport const DeleteFeatureLayoutConfigData = gql`\r\n    mutation deleteFeatureLayoutConfiguration(\r\n        $layoutId: Int!\r\n        $isInternalRole: Boolean\r\n        $isAdministrator: Boolean\r\n        $roleId: String\r\n        $userEmail: String\r\n        $isPersonal: Boolean\r\n        $dashboardPanelId: String\r\n    ) {\r\n        deleteFeatureLayoutConfiguration(\r\n            layoutId: $layoutId\r\n            isInternalRole: $isInternalRole\r\n            isAdministrator: $isAdministrator\r\n            roleId: $roleId\r\n            userEmail: $userEmail\r\n            isPersonal: $isPersonal\r\n            dashboardPanelId: $dashboardPanelId\r\n        )\r\n    }\r\n`;\r\n\r\nexport const featureLayoutConfigSubscription = gql`\r\n    subscription featureLayoutConfigurationSubscription {\r\n        featureLayoutConfigurationNotification {\r\n            id\r\n            status\r\n            message\r\n            description\r\n        }\r\n    }\r\n`;\r\n\r\nexport interface CurrentUserData {\r\n    appUser: AppUser;\r\n}\r\n\r\nexport interface AppUser {\r\n    userId: string;\r\n    staffGuid: string;\r\n    name: string;\r\n    userName: string;\r\n    isAdministrator: boolean;\r\n    role: string;\r\n    isInternal: boolean;\r\n    isInternalAdmin: boolean;\r\n}\r\n\r\nexport function fetchCurrentUserData(\r\n    refreshData: boolean,\r\n    onSuccess: (data: CurrentUserData) => void,\r\n    // tslint:disable-next-line:no-any\r\n    onError: (reason: any) => void,\r\n): void {\r\n    var fetchPolicy: FetchPolicy = refreshData === true ? 'network-only' : 'cache-first';\r\n    client\r\n        .query({\r\n            query: CURRENT_USER_QUERY,\r\n            variables: {},\r\n            fetchPolicy: fetchPolicy,\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .then((results: { data: any }) => {\r\n            onSuccess(results.data);\r\n        })\r\n        // tslint:disable-next-line:no-any\r\n        .catch((reason: any) => {\r\n            onError(reason);\r\n        });\r\n}\r\n\r\nexport const CURRENT_USER_QUERY = gql`\r\n    query CurrentUser {\r\n        appUser {\r\n            userId\r\n            staffGuid\r\n            name\r\n            userName\r\n            isAdministrator\r\n            role\r\n            isInternal\r\n            isInternalAdmin\r\n        }\r\n    }\r\n`;\r\n\r\nexport const UpdateFeatureSubscription = gql`\r\n    subscription updateFeatureNotification {\r\n        featureUpdateNotification{\r\n            id,\r\n            description,\r\n            message,\r\n            status\r\n        }\r\n    }\r\n`;","export const globalVariableDefaults = {\r\n    isAdministrator: false,\r\n    canViewDashboard: true\r\n  };","import React from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { RvButtonFabric, RvButtonType } from '../components/Button';\r\nimport { RvLabel, LabelStyle } from '../components/Label/Label';\r\nimport { mainTheme } from '../Theme';\r\nimport { Button } from '@material-ui/core';\r\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\r\nimport { LearnMoreEnum } from '../learnMore/LearnMorePage';\r\nimport { useHistory } from 'react-router-dom';\r\n// import SystemUpdateAltOutlinedIcon from '@material-ui/icons/SystemUpdateAltOutlined';\r\nimport VideoLibraryOutlinedIcon from '@material-ui/icons/VideoLibraryOutlined';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            width: '100%',\r\n            padding: '0 15px',\r\n        },\r\n        container: {},\r\n        buttonContainer: {\r\n            position: 'relative',\r\n            padding: '15px 34px',\r\n            color: mainTheme.BrandColors.TextPrimary,\r\n            display: 'flex',\r\n            justifyContent: 'space-between',\r\n            alignItems: 'center',\r\n            '@media (max-width: 1024px)': {\r\n                padding: '15px 30px',\r\n            },\r\n            '& .rvlabel': {\r\n                paddingLeft: '82px',\r\n                fontFamily: mainTheme.Font.Main,\r\n                fontSize: mainTheme.FontSize.PX.size8,\r\n                letterSpacing: '0.86px',\r\n                lineHeight: mainTheme.LineHeight.ExtraLarge,\r\n            },\r\n            '& .back-button': {\r\n                paddingRight: '32px',\r\n                position: 'absolute',\r\n                top: '50%',\r\n                transform: 'translateY(-50%)',\r\n                '& .ms-Button': {\r\n                    width: '50px',\r\n                    height: '50px',\r\n                },\r\n                '& .ms-Button-icon': {\r\n                    fontSize: mainTheme.FontSize.PX.size10,\r\n                    color: mainTheme.BrandColors.TemplatePrimary,\r\n                },\r\n            },\r\n        },\r\n        button: {\r\n            margin: '0 10px',\r\n            textTransform: 'none',\r\n            fontSize: '14px',\r\n        },\r\n    }),\r\n);\r\n\r\ninterface HeaderProps {\r\n    onClickBack?: () => void;\r\n    key: string;\r\n    title: string;\r\n    hasBack: boolean;\r\n}\r\n\r\nexport const FeatureLayoutConfigurationHeader: React.FC<HeaderProps> = (props) => {\r\n    const classes = useStyles();\r\n\r\n    const history = useHistory();\r\n\r\n    const onLearnMore = () => {\r\n        history.push({\r\n            pathname: `learnMore/${LearnMoreEnum[LearnMoreEnum.Configuring_Dashboards]}`,\r\n        });\r\n    };\r\n\r\n    const onResources = () => {\r\n        history.push({\r\n            pathname: `/acuityResourceCenter`,\r\n        });\r\n    };\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <div className={classes.container}>\r\n                <div className={classes.buttonContainer}>\r\n                    <div>\r\n                        {!!props.hasBack && (\r\n                            <RvButtonFabric\r\n                                rvKey={props.key}\r\n                                rvbuttonType={RvButtonType.icon}\r\n                                onClick={props.onClickBack}\r\n                                rvIcon={'NavigateForwardMirrored'}\r\n                                rvClassName=\"back-button\"\r\n                            />\r\n                        )}\r\n                        <RvLabel label={props.title} style={LabelStyle.Heading4} cssStyle={{ paddingLeft: props.hasBack ? '82px' : '34px' }} />\r\n                    </div>\r\n                    <div>\r\n                        <Button variant=\"text\" color=\"primary\" size=\"small\" className={classes.button} onClick={onLearnMore} startIcon={<VideoLibraryOutlinedIcon />}>\r\n                            Learn More\r\n                        </Button>\r\n                        <Button variant=\"text\" color=\"primary\" size=\"small\" className={classes.button} onClick={onResources} startIcon={<ErrorOutlineIcon />}>\r\n                            Resources\r\n                        </Button>\r\n                        {/* <Button\r\n                            href=\"https://redraincorp.sharepoint.com/:b:/s/RedViewProduct/EW9mRmJya29MrT_EsXVcKQYBiuNk1iI6RbkAKQmcWNOG-w?e=OJSb2e\"\r\n                            variant=\"text\"\r\n                            color=\"primary\"\r\n                            size=\"small\"\r\n                            className=\"learnmore\"\r\n                            startIcon={<SystemUpdateAltOutlinedIcon />}\r\n                            download={true}\r\n                            target=\"_blank\"\r\n                        >\r\n                            Further Information\r\n                        </Button> */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n","import * as React from 'react';\r\nimport glamorous from 'glamorous';\r\nimport { MatterTerminology } from '../MatterTerminology';\r\nimport { debounce } from 'lodash';\r\nimport { fetchScopeFeatureData, DropDownData, \r\n    DropDownSearchData, \r\n    fetchFeatureLayoutConfigurationData, FeatureLayoutConfigurationQueryParams, \r\n    FeatureLayoutConfigurationListData, \r\n    FeatureLayoutConfiguration, \r\n    RoleCategoryType,\r\n    UpdateFeatureSubscription\r\n} from './FeatureLayoutConfigurationRepository';\r\nimport { showNotification } from '../App';\r\nimport { RvLoader } from '../components/Loader';\r\nimport { DashboardLayoutScopeSelector } from '../components/DashboardLayoutScopeSelector';\r\nimport { IAutoCompleteItem } from '../typings/autoComplete';\r\nimport { WithStyles, withStyles, Theme, createStyles, Grid, Button, TextField, IconButton } from '@material-ui/core';\r\nimport { RoleSelector } from '../components/RoleSelector';\r\nimport { IDownShiftItem } from 'mui-downshift';\r\nimport { RoleCategorySelector } from '../components/RoleCategorySelector';\r\nimport UserSelector from '../components/UserSelector';\r\nimport DialogBox from '../Dashboard/Component/DialogBox';\r\nimport { PanelSelector } from '../lookupConfiguration/selectors/PanelSelector';\r\nimport CloseOutlinedIcon from '@material-ui/icons/CloseOutlined';\r\nimport SearchOutlinedIcon from '@material-ui/icons/SearchOutlined';\r\nimport { TypeOfDashboard } from './FeatureLayoutConfigurationPage';\r\nimport { UserAutocompleteSelector } from '../components/UserAutocompleteSelector';\r\nimport { client } from '..';\r\nimport { Subscription } from 'apollo-client/util/Observable';\r\n\r\nconst StyledContainer = glamorous.div<{ theme?: object }>((props) => ({\r\n    padding: '30px',\r\n    position: 'relative',\r\n    [`& .${`rvloader-col`}`]: {\r\n        position: 'absolute',\r\n        left: '50%',\r\n        top: '50%',\r\n        transform: 'translate(-50%, -50%)',\r\n    }    \r\n}));\r\n\r\nconst ControlWrapper = glamorous(Grid)<{ theme?: object }>((props) => ({\r\n    '& .downshift-wrapper': {\r\n        maxWidth: '350px',\r\n    },\r\n    '& .scope-selector': {\r\n        '& .MuiInputBase-formControl::before, .MuiInputBase-formControl::after, .MuiInputBase-formControl:after': {\r\n            borderBottom: '1px solid #5173FF !important',\r\n        }\r\n    },\r\n    '& .MuiAutocomplete-popupIndicator': {\r\n        color: '#5173FF',\r\n    }\r\n}));\r\n\r\n// tslint:disable-next-line:no-any\r\nconst SearchWrapper = glamorous.div<{ theme?: any }>((props) => ({\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n    justifyContent: 'flex-start',\r\n    flexFlow: 'row wrap',\r\n    width: '100%',\r\n    [`& .${`checkbox`}`]: {\r\n        color: props.theme.BrandColors.TemplatePrimary,\r\n        padding: '0 16px'\r\n    },\r\n    [`& .${`input`}`]: {\r\n        height: '48px',\r\n        width: '100%', // '336px',\r\n        border: '1px solid ' + props.theme.NeutralColors.BackgroundGrey1,\r\n        borderRadius: '4px',\r\n        boxShadow: '0 0 4px 0 ' + props.theme.NeutralColors.BackgroundGrey2,\r\n        margin: 0\r\n    },\r\n    '& .downshift-wrapper': {\r\n        width: '100%'\r\n    }    \r\n}));\r\n\r\nconst styles = (theme: Theme) => createStyles({\r\n    backgroundColor: {\r\n        // backgroundColor: fade(theme.palette.primary.main, 0.03),\r\n        paddingTop: '15px',\r\n        position: 'relative',\r\n    },\r\n    button: {\r\n        margin: theme.spacing(),\r\n    },\r\n    buttonContainer: {\r\n        margin: '0 -10px 0 5px',\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'center',\r\n        '& .button-primary': {\r\n            // backgroundColor: '#5173FF',\r\n            color: '#5173FF',\r\n            border: '1px solid rgba(81,115,255, 0.5)'\r\n        },\r\n        '& .button': {\r\n            margin: '0 5px',\r\n        }\r\n    },\r\n    buttonWrapper: {\r\n        alignItems: 'center',\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        padding: '15px',\r\n    },\r\n    card: {\r\n        marginBottom: '15px',\r\n        padding: '0 15px',\r\n    },\r\n    container: {\r\n        bottom: 0,\r\n        left: 0,\r\n        overflowY: 'auto',\r\n        // padding: '12px', // Commented to keep it consistant with RecordView\r\n        position: 'absolute',\r\n        right: 0,\r\n        top: 0,\r\n    },\r\n    devider: {\r\n        borderLeft: '1px solid' + theme.palette.grey[400],\r\n        height: '100%',\r\n        margin: '0 auto',\r\n        width: '1px',\r\n    },\r\n    extendedIcon: {\r\n        marginRight: theme.spacing(),\r\n    },\r\n    formContainer: {\r\n        flex: 1,\r\n        padding: '12px',\r\n    },\r\n    formControl: {\r\n        margin: '0 10px',\r\n        minWidth: '250px',\r\n    },\r\n    generateWrapper: {\r\n        alignItems: 'center',\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        textAlign: 'center',\r\n    },\r\n    mainContainer: {\r\n        marginBottom: '10px',\r\n        marginTop: '10px',\r\n    },\r\n    subContainer: {\r\n        borderTop: '1px solid' + theme.palette.grey[400],\r\n        marginTop: '25px',\r\n        paddingTop: '10px',\r\n    },\r\n    table: {\r\n        \r\n    },\r\n    tableWrapper: {\r\n        '& .ag-header': {\r\n            color: theme.palette.secondary.main,\r\n            fontSize: '14px'\r\n        },\r\n        display: 'inline-block',\r\n        height: '100%',\r\n        maxHeight: '200px',\r\n        minHeight: '200px',\r\n        width: '100%',\r\n    },\r\n    tableWrapperDetails: {\r\n        '& .ag-header': {\r\n            color: theme.palette.secondary.main,\r\n            fontSize: '14px'\r\n        },\r\n        display: 'inline-block',\r\n        height: '100%',\r\n        maxHeight: '400px',\r\n        minHeight: '400px',\r\n        width: '100%',\r\n    },\r\n    textField: {\r\n\r\n    },\r\n    upperButton: {\r\n        position: 'fixed',\r\n        right: 0,\r\n        top: '180px',\r\n    },\r\n    panelSelector: {\r\n        width: '100%'\r\n    },\r\n    rightContainer: {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        alignItems: 'center',\r\n    },\r\n    searchField: {\r\n        '& .MuiInputBase-input': {\r\n            paddingTop: '8px',\r\n            paddingBottom: '8px',\r\n        }\r\n    }\r\n});\r\n\r\n// tslint:disable-next-line: no-any\r\n// const FieldContainer = glamorous.div<{theme?: any}> ((props) => ({\r\n//     width: '250px',\r\n//     marginRight: '10px'    \r\n// }));\r\n\r\ninterface FeatureLayoutConfigurationControlPanelProps extends WithStyles<typeof styles>  {\r\n    layoutId: number;\r\n    isSearchAgain: boolean;\r\n    isShowFilterControls?: boolean;\r\n\r\n    onFeatureLayoutConfigurationFetch?: (\r\n        featureLayoutConfigurationList: FeatureLayoutConfiguration[],\r\n        filteredFeatureLayoutConfigurationList: FeatureLayoutConfiguration[],\r\n        isHideAllOperation: boolean\r\n    ) => void;\r\n    onSearchCriteriaChanged?: (\r\n        layoutId: number, \r\n        isInternalRole: boolean | null, \r\n        isAdministrator: boolean | null,\r\n        userEmail: string | null, \r\n        roleId: string | null, \r\n        isPersonal: boolean | null,\r\n        dashboardPanel: IAutoCompleteItem | null,\r\n    ) => void;\r\n    handleSave?: () => void;\r\n    handleReset?: () => void; \r\n    dashboardPanel: IAutoCompleteItem | null;\r\n    dashboardScope: string | null;\r\n    personalise: boolean;\r\n    isInternalUser: boolean;\r\n}\r\n\r\nexport interface FeatureLayoutConfigurationControlPanelState {\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    roleCategoryList: DropDownData[];\r\n    userList: DropDownSearchData[];\r\n\r\n    isLoading: boolean;\r\n    isUserLoading: boolean;\r\n    isSearchAgain: boolean;\r\n    isDisableReset: boolean;\r\n    layoutId: number;\r\n    scope: string;\r\n\r\n    isInternalRole: string; // RoleCategory\r\n    roleId: string;\r\n    user: string;\r\n    userLabel: string;\r\n    userEmail: string;\r\n\r\n    isHideAll: boolean;\r\n    showConfirm: boolean;\r\n    dashboardPanel: IAutoCompleteItem | null;\r\n    search: string;\r\n    personalise: boolean;\r\n    externalUser?: IAutoCompleteItem;\r\n}\r\n\r\nclass FeatureLayoutConfigurationControlPanel \r\n    extends React.Component<FeatureLayoutConfigurationControlPanelProps, FeatureLayoutConfigurationControlPanelState>  {\r\n    \r\n        private featureSubscription: Subscription;\r\n\r\n        constructor(props: FeatureLayoutConfigurationControlPanelProps, state: FeatureLayoutConfigurationControlPanelState) {\r\n        super(props, state);\r\n\r\n        this.handleChangeFilters = this.handleChangeFilters.bind(this);\r\n        this.onDownShiftSelect = this.onDownShiftSelect.bind(this);\r\n        this.constructSecondDropDown = this.constructSecondDropDown.bind(this);\r\n        // this.handleUserResultSelect = this.handleUserResultSelect.bind(this);\r\n        this.handleSave = this.handleSave.bind(this);\r\n        this.handleReset = this.handleReset.bind(this);\r\n        this.onSelection = this.onSelection.bind(this);\r\n        this.onHideAllChange = this.onHideAllChange.bind(this);\r\n        this.handleDeleteConfirm = this.handleDeleteConfirm.bind(this);\r\n        this.onPanelSelection = this.onPanelSelection.bind(this);\r\n\r\n        this.onSearchChange = this.onSearchChange.bind(this);\r\n\r\n        this.handleFeatureLayoutConfigurationSearch = debounce(this.handleFeatureLayoutConfigurationSearch.bind(this), 500);\r\n        this.onClearSearch = this.onClearSearch.bind(this);\r\n        this.onUserSelection = this.onUserSelection.bind(this);\r\n        this.subscribeToUpdateFeature = this.subscribeToUpdateFeature.bind(this);\r\n\r\n        let scope = this.props.dashboardScope ? this.props.dashboardScope : '';\r\n\r\n        this.state = {\r\n            featureLayoutConfigurationList: [],\r\n            roleCategoryList: [],\r\n            userList: [],\r\n\r\n            isLoading: false,\r\n            isUserLoading: false,\r\n            isSearchAgain: false,\r\n            isDisableReset: scope === 'DashboardSecurityScope' ? true : false,\r\n            layoutId: this.props.layoutId,\r\n            scope: scope,\r\n            isInternalRole: '',\r\n            roleId: '',\r\n            user: '',\r\n            userLabel: '',\r\n            userEmail: '',\r\n            isHideAll: false,\r\n            showConfirm: false,\r\n            dashboardPanel: this.props.dashboardPanel,\r\n            search: '',\r\n            personalise: this.props.personalise,\r\n        };\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.fetchScopeData();\r\n\r\n        this.subscribeToUpdateFeature();\r\n    \r\n    }\r\n\r\n    public componentWillUnmount() {\r\n        if (this.featureSubscription) {\r\n            this.featureSubscription.unsubscribe();\r\n        }\r\n    }\r\n\r\n    public UNSAFE_componentWillReceiveProps(nextProps: FeatureLayoutConfigurationControlPanelProps) {\r\n\r\n        if (this.props.layoutId !== nextProps.layoutId ||\r\n            this.state.isSearchAgain !== nextProps.isSearchAgain ||\r\n            this.props.dashboardScope  !== nextProps.dashboardScope) {\r\n                // let scope = this.props.dashboardScope ? this.props.dashboardScope : this.state.scope;\r\n\r\n                this.setState({\r\n                    layoutId: nextProps.layoutId,\r\n                    isSearchAgain : nextProps.isSearchAgain,\r\n                    dashboardPanel: nextProps.dashboardPanel\r\n                    // scope: this.props.dashboardScope ? this.props.dashboardScope : this.state.scope,\r\n                    // isDisableReset: scope === 'DashboardSecurityScope' ? true : false\r\n                });\r\n\r\n                if (this.state.isSearchAgain !== nextProps.isSearchAgain) {\r\n                    this.handleFeatureLayoutConfigurationSearch(this.state.scope);\r\n                }\r\n        }\r\n        if (this.props.dashboardPanel && nextProps.dashboardPanel && this.props.dashboardPanel.value !== nextProps.dashboardPanel.value) {\r\n            // let scope = this.props.dashboardScope ? this.props.dashboardScope : this.state.scope;\r\n\r\n            this.setState({\r\n                layoutId: nextProps.layoutId,\r\n                isSearchAgain : nextProps.isSearchAgain,\r\n                dashboardPanel: nextProps.dashboardPanel,\r\n                // scope: this.props.dashboardScope ? this.props.dashboardScope : this.state.scope,\r\n                // isDisableReset: scope === 'DashboardSecurityScope' ? true : false\r\n            });\r\n\r\n            this.onPanelSelection(nextProps.dashboardPanel, '');\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { classes } = this.props;\r\n        const terminology = { ...MatterTerminology };\r\n\r\n        var loader = this.state.isLoading ? <RvLoader /> : undefined;\r\n        var secondDropDown = this.constructSecondDropDown(terminology);\r\n\r\n        let isHideAll = !(this.state.featureLayoutConfigurationList.filter( x => x.isHidden === false).length > 0);\r\n\r\n        let isShowFilterControls = this.props.isShowFilterControls === undefined ? true : this.props.isShowFilterControls;\r\n\r\n        return (\r\n            <StyledContainer className={'butoncontainer '}>\r\n                <ControlWrapper>\r\n                    <DialogBox \r\n                        title=\"Reset Configuration Layout\"\r\n                        // tslint:disable-next-line:max-line-length\r\n                        content={'Are you sure that you want to reset this Configuration Layout?'}\r\n                        show={this.state.showConfirm}\r\n                        isAgree={this.handleDeleteConfirm}\r\n                        disAgreeLabel={'No'}\r\n                        agreeLabel={'Yes'}\r\n                    />\r\n                    <Grid container={true} spacing={1}>\r\n                        <Grid item={true} xs={12} md={5} lg={5}>\r\n                            <Grid container={true} spacing={2}>\r\n                                { isShowFilterControls === true && this.props.layoutId !== TypeOfDashboard.lead && this.props.layoutId !== TypeOfDashboard.client\r\n                                ?   ( \r\n                                        <React.Fragment>\r\n                                            <Grid item={true} xs={12} md={4} lg={4}>\r\n                                                <DashboardLayoutScopeSelector\r\n                                                    label={terminology.Scope}\r\n                                                    name=\"scopeId\"\r\n                                                    value={this.state.scope}\r\n                                                    className=\"scope-selector\"\r\n                                                    onSelection={this.onSelection}\r\n                                                />\r\n                                            </Grid>\r\n                                            {secondDropDown}\r\n                                        </React.Fragment>  \r\n                                    ) \r\n                                    : null\r\n                                } \r\n                                {!!(isShowFilterControls === true && this.props.layoutId === TypeOfDashboard.client) && this.props.isInternalUser && (\r\n                                    <Grid item={true} xs={12} md={4} lg={4}>\r\n                                        <UserAutocompleteSelector \r\n                                            label=\"User\"\r\n                                            name=\"externalUser\"\r\n                                            value={this.state.externalUser}\r\n                                            isExternal={true}\r\n                                            onSelection={this.onUserSelection}\r\n                                        />\r\n                                    </Grid>\r\n                                )}\r\n                                <Grid item={true} xs={12} md={4} lg={4}>\r\n                                    <SearchWrapper>\r\n                                        {/* <Form.Field required={false} > */}\r\n                                            {/* <FieldContainer> */}\r\n                                                <PanelSelector \r\n                                                    label=\"Panel\"\r\n                                                    name=\"dashboardPanel\"\r\n                                                    value={this.state.dashboardPanel}\r\n                                                    onSelection={this.onPanelSelection}\r\n                                                    className={classes.panelSelector}\r\n                                                    dashboardPanelUsedBy={this.state.layoutId}\r\n                                                />          \r\n                                            {/* </FieldContainer> */}\r\n                                        {/* </Form.Field> */}\r\n                                    </SearchWrapper>\r\n                                </Grid>     \r\n                            </Grid>\r\n                        </Grid>\r\n                           \r\n                        <Grid item={true} xs={12} md={2} lg={2} >\r\n                            {loader}\r\n                        </Grid>  \r\n\r\n                        <Grid item={true} xs={12} md={5} lg={5} >\r\n                            <Grid container={true} spacing={1}>\r\n                                <Grid item={true} xs={12} md={12} lg={12}>\r\n                                    <div className={classes.rightContainer}>\r\n                                        <TextField \r\n                                            size=\"small\"\r\n                                            variant=\"outlined\" \r\n                                            placeholder=\"Search...\" \r\n                                            className={classes.searchField}\r\n                                            value={this.state.search}\r\n                                            onChange={this.onSearchChange}\r\n                                            InputProps={{\r\n                                                endAdornment: this.state.search.length <= 0 ? \r\n                                                (\r\n                                                    <SearchOutlinedIcon fontSize=\"small\" />\r\n                                                )\r\n                                                :\r\n                                                (\r\n                                                    <IconButton\r\n                                                        onClick={this.onClearSearch}\r\n                                                        edge=\"end\"\r\n                                                        size=\"small\"\r\n                                                    >\r\n                                                        <CloseOutlinedIcon fontSize=\"small\" />\r\n                                                    </IconButton>\r\n                                                )\r\n                                            }}\r\n                                        />\r\n                                        <div className={classes.buttonContainer}>\r\n                                            <Button \r\n                                                type=\"button\" \r\n                                                variant=\"outlined\"\r\n                                                onClick={this.onHideAllChange} \r\n                                                className=\"button\"\r\n                                                disabled={this.state.search.length !== 0}\r\n                                            >\r\n                                                {isHideAll ? 'Show All' : 'Hide All'}\r\n                                            </Button>\r\n                                            <Button \r\n                                                type=\"submit\" \r\n                                                variant=\"outlined\"\r\n                                                onClick={this.handleSave} \r\n                                                className=\"button button-primary\"\r\n                                                // className={'custom-button button-save'} \r\n                                            >\r\n                                                Save\r\n                                            </Button>\r\n                                            <Button \r\n                                                type=\"button\" \r\n                                                variant=\"outlined\"\r\n                                                onClick={this.handleReset}\r\n                                                color={'secondary'}\r\n                                                className=\"button\"\r\n                                                disabled={this.state.isDisableReset}\r\n                                            >\r\n                                                Reset\r\n                                            </Button>\r\n                                        </div>\r\n                                    </div>\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Grid>                 \r\n                    </Grid>\r\n                </ControlWrapper>\r\n            </StyledContainer>   \r\n        );\r\n    }\r\n\r\n    private fetchScopeData() {\r\n        let scopeList = fetchScopeFeatureData(undefined, this.state.personalise);\r\n\r\n        const scopeData = scopeList.map( (scope: DropDownData) => ({value: scope.value, label: scope.text }));\r\n\r\n        if (scopeList != null && scopeList.length > 0) {\r\n             // If there is no value is set, then set the default value to first in scopeData\r\n            const defaultValue = this.state.scope !== '' \r\n                                ? this.state.scope \r\n                                : scopeData[0].value;\r\n            // let isDisableReset = false;\r\n            // if (defaultValue === 'DashboardSecurityScope'  && this.props.layoutId !== TypeOfDashboard.client) {\r\n            //     isDisableReset = true;\r\n            // }\r\n\r\n            // this.setState({\r\n            //     scope: defaultValue,\r\n            //     isDisableReset: isDisableReset\r\n            // });\r\n\r\n            this.handleChangeFilters(defaultValue, '', 'scopeId');\r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    private constructSecondDropDown(terminology: any): JSX.Element {\r\n        if (this.state.scope === 'DashboardSecurityRoleCategory') {\r\n            return (\r\n                <Grid item={true} xs={12} md={4} lg={4}>\r\n                    <SearchWrapper>\r\n                        {/* <Form.Field required={false} > */}\r\n                            {/* <FieldContainer> */}\r\n                                <RoleCategorySelector\r\n                                    label={terminology.RoleCategory}\r\n                                    name=\"roleCategoryId\"\r\n                                    value={this.state.isInternalRole}\r\n                                    isIncludeAdministrator={true}\r\n                                    // className={classes.textField}\r\n                                    onSelection={this.onSelection}\r\n                                />            \r\n                            {/* </FieldContainer> */}\r\n                        {/* </Form.Field> */}\r\n                    </SearchWrapper>\r\n                </Grid>\r\n            );\r\n        } else if (this.state.scope === 'DashboardSecurityRole') {        \r\n            return (\r\n                <Grid item={true} xs={12} md={4} lg={4}>\r\n                    <SearchWrapper>\r\n                        {/* <Form.Field required={false} > */}\r\n                            {/* <FieldContainer> */}\r\n                                <RoleSelector\r\n                                    label={terminology.Role}\r\n                                    name=\"roleId\"\r\n                                    value={this.state.roleId}\r\n                                    // className={classes.textField}\r\n                                    onSelection={this.onSelection}\r\n                                /> \r\n                            {/* </FieldContainer> */}\r\n                        {/* </Form.Field> */}\r\n                    </SearchWrapper>\r\n                </Grid>\r\n            );\r\n        } else if (this.state.scope === 'DashboardSecurityUser') {\r\n            return (\r\n                <Grid item={true} xs={12} md={4} lg={4}>\r\n                    <SearchWrapper>\r\n                        {/* <Form.Field required={false} > */}\r\n                            {/* <FieldContainer> */}\r\n                                <UserSelector\r\n                                    label={terminology.User}\r\n                                    name=\"userId\"\r\n                                    onSelection={this.onDownShiftSelect}\r\n                                    value={this.state.user}\r\n                                    displayLabel={this.state.userLabel}\r\n                                    isAuthorized={true}\r\n                                />           \r\n                            {/* </FieldContainer> */}\r\n                        {/* </Form.Field> */}\r\n                    </SearchWrapper>\r\n                </Grid>\r\n            );\r\n        } else {\r\n            return <div/>;\r\n        }\r\n    }\r\n\r\n    private onHideAllChange() {\r\n        const featureLayoutConfigurationList = this.state.featureLayoutConfigurationList;\r\n        featureLayoutConfigurationList.forEach(featureLayoutConfig => {\r\n            featureLayoutConfig.isHidden = !this.state.isHideAll;\r\n        });\r\n        \r\n        this.setState({\r\n            featureLayoutConfigurationList: featureLayoutConfigurationList,\r\n            isHideAll: !this.state.isHideAll\r\n        });\r\n\r\n         // Pass this to the parent component.\r\n        if (this.props.onFeatureLayoutConfigurationFetch) {\r\n            this.props.onFeatureLayoutConfigurationFetch(featureLayoutConfigurationList, featureLayoutConfigurationList, true);\r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    private onUserSelection(selection: IAutoCompleteItem | any) {\r\n        if (selection) {\r\n            // Pass this to the parent component.\r\n            if (this.props.onFeatureLayoutConfigurationFetch) {\r\n                this.props.onFeatureLayoutConfigurationFetch([], [], false);\r\n            }\r\n\r\n            let isInternalRoleParam = null;\r\n            let isAdministratorParam = null;\r\n            let userEmailParam = selection.email;\r\n            let roleIdParam = null;\r\n            let isPersonal = false;\r\n            let dashboardPanel = { label: 'Home', value: 'all' };\r\n\r\n            if (this.props.layoutId === TypeOfDashboard.client) {\r\n\r\n                this.setState({\r\n                    isDisableReset: (userEmailParam as string).length > 0 ? false : true,\r\n                    userEmail: userEmailParam,\r\n                    dashboardPanel: dashboardPanel,\r\n                });\r\n            } else {\r\n                this.setState({\r\n                    userEmail: userEmailParam,\r\n                    dashboardPanel: dashboardPanel,\r\n                });\r\n            }\r\n\r\n            if (this.props.onSearchCriteriaChanged) {\r\n                this.props.onSearchCriteriaChanged(\r\n                    this.state.layoutId, \r\n                    isInternalRoleParam, \r\n                    isAdministratorParam, \r\n                    userEmailParam, \r\n                    roleIdParam, \r\n                    isPersonal,\r\n                    dashboardPanel,\r\n                );\r\n            }\r\n\r\n            this.handleFeatureLayoutConfigurationSearch(this.state.scope);\r\n\r\n        } else {\r\n            this.setState({\r\n                userEmail: '',\r\n                isDisableReset: true\r\n            });\r\n        }\r\n    }\r\n\r\n    private onPanelSelection(selection: IAutoCompleteItem, name: string) {\r\n        \r\n        if (this.props.onFeatureLayoutConfigurationFetch) {\r\n            this.props.onFeatureLayoutConfigurationFetch([], [], false);\r\n        }\r\n\r\n        if (selection) {\r\n\r\n            this.setState({\r\n                dashboardPanel: selection\r\n            });\r\n            \r\n            if (this.props.onSearchCriteriaChanged) {\r\n                \r\n                let isInternalRoleParam = null;\r\n                let isAdministratorParam = null;\r\n                if (this.state.scope === 'DashboardSecurityRoleCategory') {\r\n                   // tslint:disable-next-line: max-line-length\r\n                   isInternalRoleParam =  this.state.isInternalRole !== RoleCategoryType.Administrator.toString() ? this.state.isInternalRole === '1' : null;\r\n                   isAdministratorParam = this.state.isInternalRole === RoleCategoryType.Administrator.toString() ? true : null;\r\n                }\r\n                let roleIdParam = (this.state.roleId !== undefined && this.state.roleId.length > 0) ? this.state.roleId : null;\r\n                let userEmailParam = (this.state.userEmail !== undefined && this.state.userEmail.length > 0) ? this.state.userEmail : null;\r\n                let isPersonal = (this.state.scope === 'DashboardSecurityPersonal') \r\n                                    ? true \r\n                                    : (this.state.scope === 'DashboardSecurityUser' ? false : (userEmailParam !== null ? false : null ));\r\n\r\n                this.props.onSearchCriteriaChanged(\r\n                    this.state.layoutId, \r\n                    isInternalRoleParam, \r\n                    isAdministratorParam, \r\n                    userEmailParam, \r\n                    roleIdParam, \r\n                    isPersonal,\r\n                    selection,\r\n                );\r\n            }\r\n            this.handleFeatureLayoutConfigurationSearch(this.state.scope);\r\n        }\r\n    }\r\n\r\n    private onSelection(selection: IAutoCompleteItem, name: string) {\r\n        this.handleChangeFilters(selection.value, '', name);\r\n    }\r\n\r\n    private onDownShiftSelect(selection: IDownShiftItem, name: string) {\r\n        this.handleChangeFilters(selection.value === undefined ? '' : selection.value, selection.label, name);\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    private handleChangeFilters(value: any, label: string, name: string) {\r\n        if (value !== undefined) {\r\n            let isScopeChanged = false;\r\n            let scope = '';\r\n            let isInternalRole = '';\r\n            let userEmail = '';\r\n            let userLabel = '';\r\n            let roleId = '';\r\n            let isDisableReset = true;\r\n            \r\n            let dashboardPanel: IAutoCompleteItem | null = null;\r\n\r\n            if (this.props.layoutId === TypeOfDashboard.client) {\r\n                dashboardPanel = this.state.dashboardPanel;\r\n            } else {\r\n                dashboardPanel = this.state.dashboardPanel ? this.state.dashboardPanel : { label: 'Home', value: 'all' };\r\n            }\r\n\r\n            if (name === 'scopeId') {\r\n\r\n                isScopeChanged = true;\r\n                scope = value;     \r\n                \r\n                if (value === 'DashboardSecurityPersonal') {\r\n                    isDisableReset = false;\r\n                } else {\r\n                    isDisableReset = true;\r\n                }\r\n\r\n            } else if (this.state.scope === 'DashboardSecurityRoleCategory' && name === 'roleCategoryId') {\r\n                \r\n                isInternalRole = value;      \r\n\r\n                if (value.toString().length > 0) {\r\n                    isDisableReset = false;\r\n                } \r\n                \r\n            } else if (this.state.scope === 'DashboardSecurityRole' && name === 'roleId') {\r\n                \r\n                roleId = value;\r\n\r\n                if (typeof value === 'string' && value.length > 0) {\r\n                    isDisableReset = false;\r\n                }\r\n\r\n            } else if (this.state.scope === 'DashboardSecurityUser' && name === 'userId') {\r\n                userEmail = value;\r\n                userLabel = label;\r\n\r\n                if (typeof value === 'string' && value.length > 0) {\r\n                    isDisableReset = false;\r\n                }\r\n            }\r\n            \r\n            // if (name === 'scopeId') {\r\n            //     isScopeChanged = true;\r\n            //     scope = value;     \r\n                \r\n            //     if (value === 'DashboardSecurityScope' || value === '') {\r\n            //         isDisableReset = true;\r\n            //     }\r\n\r\n            // } else if (name === 'roleCategoryId') {\r\n            //     isInternalRole = value;                            \r\n            // } else if (name === 'roleId') {\r\n            //     roleId = value;\r\n            // } else if (name === 'userId') {\r\n            //     userEmail = value;\r\n            //     userLabel = label;\r\n            // }\r\n\r\n            scope = isScopeChanged ? scope : this.state.scope;\r\n            \r\n            this.setState({\r\n                isDisableReset: isDisableReset,\r\n                scope: scope,\r\n                isInternalRole: isInternalRole,              \r\n                userEmail: userEmail,\r\n                user: userEmail === '' ? '' : this.state.user,\r\n                userLabel: userLabel,\r\n                roleId: roleId,   \r\n                dashboardPanel: dashboardPanel ? dashboardPanel : this.state.dashboardPanel      \r\n            }); \r\n\r\n            // Pass this to the parent component.\r\n            if (this.props.onFeatureLayoutConfigurationFetch) {\r\n                this.props.onFeatureLayoutConfigurationFetch([], [], false);\r\n            }\r\n\r\n            if (value === 'DashboardSecurityScope' || value === 'DashboardSecurityPersonal' ||\r\n                (name === 'roleCategoryId' && value !== '') || \r\n                ( name === 'roleId' && value !== '') || \r\n                ( name === 'userId' && value !== '' ) ||\r\n                ( name === 'dashboardPanel' && value !== '')) {\r\n                this.handleFeatureLayoutConfigurationSearch(scope);\r\n            }\r\n\r\n            if (this.props.onSearchCriteriaChanged) {   \r\n                let isInternalRoleParam =  null;\r\n                let isAdministratorParam = null;\r\n\r\n                if (name === 'roleCategoryId') {\r\n                    if (isInternalRole === RoleCategoryType.Administrator.toString()) {\r\n                        isAdministratorParam = true;\r\n                    } else {\r\n                        isInternalRoleParam = isInternalRole === '1';\r\n                    }\r\n                }\r\n\r\n                let roleIdParam = (name === 'roleId' && value !== undefined && value.length > 0) ? value : null;\r\n                let userEmailParam = (name === 'userId' && value !== undefined && value.length > 0) ? value : null;\r\n                let isPersonal = (value === 'DashboardSecurityPersonal') \r\n                                    ? true \r\n                                    : (value === 'DashboardSecurityUser' ? false : (userEmailParam !== null ? false : null ));\r\n\r\n                this.props.onSearchCriteriaChanged(\r\n                    this.state.layoutId, \r\n                    isInternalRoleParam, \r\n                    isAdministratorParam, \r\n                    userEmailParam, \r\n                    roleIdParam, \r\n                    isPersonal,\r\n                    dashboardPanel ? dashboardPanel : this.state.dashboardPanel,\r\n                );\r\n            }\r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // private handleUserResultSelect(event: any, data: SearchResultData) {\r\n    //     if (data.result === undefined) {\r\n    //         return;            \r\n    //     }\r\n        \r\n    //     this.setState({\r\n    //         isUserLoading: false,            \r\n    //         isInternalRole: '',\r\n    //         roleId: '',\r\n    //         userEmail: data.result.description.substring(0, data.result.description.indexOf('|')).trim(),\r\n    //         user: data.result.title,\r\n    //     });\r\n\r\n    //     this.handleFeatureLayoutConfigurationSearch();\r\n\r\n    //     if (this.props.onSearchCriteriaChanged) {\r\n    //         let userEmail = data.result.description.substring(0, data.result.description.indexOf('|')).trim();                \r\n\r\n    //         this.props.onSearchCriteriaChanged(this.state.layoutId, null, null, userEmail, null, null);\r\n    //     }\r\n    // }\r\n    \r\n    private handleFeatureLayoutConfigurationSearch(scope: string) {\r\n        \r\n        this.setState({\r\n            isLoading: true,\r\n            featureLayoutConfigurationList: [], // clear before setting the data again\r\n            isHideAll: false\r\n        });\r\n\r\n        // Pass this to the parent component to clear the records\r\n        if (this.props.onFeatureLayoutConfigurationFetch) {\r\n            this.props.onFeatureLayoutConfigurationFetch([], [], false);\r\n        }\r\n\r\n        let isAdministrator = null;\r\n        let isInternalRole = null;\r\n\r\n        if (this.state.isInternalRole.length > 0) {\r\n            if (this.state.isInternalRole === RoleCategoryType.Administrator.toString()) {\r\n                isAdministrator = true;\r\n            } else {\r\n                isInternalRole = this.state.isInternalRole === '1';\r\n            }\r\n        }\r\n\r\n        let isShowFilterControls = this.props.isShowFilterControls === undefined ? true : this.props.isShowFilterControls;\r\n\r\n        var queryParams: FeatureLayoutConfigurationQueryParams = {\r\n            includeHidden: true,\r\n            layoutId: this.state.layoutId, // This is hardcoded now. \r\n            isInternalRole: isShowFilterControls === false ? null : isInternalRole,\r\n            isAdministrator:  isShowFilterControls === false ? null : isAdministrator,\r\n            userEmail:  isShowFilterControls === false ? null : (this.state.userEmail.length > 0 ? this.state.userEmail : null),\r\n            roleId:  isShowFilterControls === false ? null : ( this.state.roleId.length > 0 ? this.state.roleId : null ),\r\n            isPersonal:  isShowFilterControls === false \r\n                ? true \r\n                : (scope === 'DashboardSecurityPersonal' ? true : (this.state.userEmail.length > 0 ? false : null) ),\r\n            dashboardPanelId: this.state.dashboardPanel ? this.state.dashboardPanel.value === 'all' ? null : this.state.dashboardPanel.value : null\r\n        };\r\n\r\n        fetchFeatureLayoutConfigurationData(queryParams, \r\n                                            true, \r\n                                            (data: FeatureLayoutConfigurationListData) => { \r\n                                                this.handleFeatureLayoutConfigurationFetch(data); \r\n                                            }, \r\n                                            (reason) => { \r\n                                                this.setState({\r\n                                                    isLoading: false\r\n                                                });\r\n\r\n                                                showNotification('Failed to Fetch Layout Configuration', reason, 'error'); \r\n                                            });\r\n    }\r\n\r\n    private handleFeatureLayoutConfigurationFetch(data: FeatureLayoutConfigurationListData) {\r\n        if (data.loading) {\r\n            this.setState({\r\n                isLoading: true\r\n            });\r\n        }\r\n\r\n        if (data && data.featureLayoutConfigurationList !== undefined && \r\n            data.featureLayoutConfigurationList.featureLayoutConfiguration !== undefined) {\r\n\r\n                // This is due to what is being returned from Graphql is a readonly list. \r\n                // This is a intentional in Graphql Apollo. But we need this to be editable.\r\n                // So we make a deep copy.\r\n                const featureLayoutConfigurationList = JSON.parse(JSON.stringify(\r\n                    data.featureLayoutConfigurationList.featureLayoutConfiguration));\r\n\r\n                let isHideAll = !(data.featureLayoutConfigurationList.featureLayoutConfiguration.filter( x => x.isHidden === false).length > 0);\r\n\r\n                let filteredItems: FeatureLayoutConfiguration[] = featureLayoutConfigurationList;\r\n\r\n                if (this.state.search.length > 0) {\r\n                    filteredItems = featureLayoutConfigurationList.filter((item: FeatureLayoutConfiguration) => {\r\n                        return item.title.toLowerCase().includes(this.state.search.toLowerCase().trim());\r\n                    });\r\n                }\r\n\r\n                this.setState({\r\n                    featureLayoutConfigurationList: filteredItems,\r\n                    isLoading: false,\r\n                    isSearchAgain: false,\r\n                    isHideAll: isHideAll\r\n                });\r\n\r\n                // Pass this to the parent component.\r\n                if (this.props.onFeatureLayoutConfigurationFetch) {\r\n                    this.props.onFeatureLayoutConfigurationFetch(featureLayoutConfigurationList, filteredItems, false);\r\n                }\r\n        }\r\n    }\r\n\r\n    private handleSave() {\r\n        if (this.props.handleSave) {\r\n            this.props.handleSave();\r\n        }\r\n    }\r\n\r\n    private handleReset() {\r\n        this.setState({\r\n            showConfirm: true\r\n        });\r\n    }\r\n\r\n    private handleDeleteConfirm(agree: boolean) {     \r\n        if (agree) {\r\n            if (this.props.handleReset) {\r\n                this.props.handleReset();\r\n            }\r\n        }\r\n\r\n        this.setState({showConfirm: false});\r\n    }\r\n\r\n    private onSearchChange(event: React.ChangeEvent<HTMLInputElement>) {\r\n\r\n        const search = event.target.value;\r\n        this.setState({\r\n            search: search\r\n        });\r\n        \r\n        this.handleFeatureLayoutConfigurationSearch(this.state.scope);\r\n        \r\n        // const filteredFeatureLayoutConfigurationList = this.state.featureLayoutConfigurationList;\r\n\r\n        // if (this.props.onFeatureLayoutConfigurationFetch) {\r\n        //     this.props.onFeatureLayoutConfigurationFetch(filteredFeatureLayoutConfigurationList, filteredItems);\r\n        // }\r\n    }\r\n\r\n    private onClearSearch() {\r\n        this.setState({\r\n            search: ''\r\n        });\r\n\r\n        this.handleFeatureLayoutConfigurationSearch(this.state.scope);\r\n    }\r\n\r\n    private subscribeToUpdateFeature() {\r\n\r\n        const vm = this;      \r\n        \r\n        this.featureSubscription = client.subscribe({\r\n            query: UpdateFeatureSubscription\r\n        }).subscribe({\r\n            // tslint:disable-next-line:no-any\r\n            next(results: any) {\r\n                // tslint:disable-next-line:no-console\r\n                console.log(results);\r\n                if (results.data.featureUpdateNotification.status) {\r\n                    \r\n                    showNotification('Success', results.data.featureUpdateNotification.message, 'info');\r\n                    \r\n                    vm.fetchScopeData();\r\n\r\n                } else {\r\n                    showNotification('Failed', results.data.featureUpdateNotification.message, 'error');\r\n                }\r\n            },            \r\n            // tslint:disable-next-line:no-any\r\n            error(err: any) {\r\n                // tslint:disable-next-line:no-console\r\n                console.error(err);\r\n                showNotification(null, err, 'error');\r\n            }\r\n        });\r\n        \r\n    }\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport default withStyles(styles as any, { withTheme: true })(FeatureLayoutConfigurationControlPanel as any) as any;","import { createStyles, Theme } from '@material-ui/core';\r\n\r\nexport const styles = (theme: Theme) => createStyles({\r\n    addButtonWrapper: {\r\n        display: 'flex',\r\n        flexGrow: 1,\r\n        justifyContent: 'flex-end',\r\n        // paddingTop: '20px',\r\n    },\r\n    button: {\r\n        margin: theme.spacing(),\r\n    },\r\n    buttonWrapper: {\r\n        alignItems: 'center',\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        padding: '10px 15px',\r\n    },\r\n    checkbox: {\r\n\r\n    },\r\n    checkboxContainer: {\r\n        margin: '0 8px',\r\n    },\r\n    checkboxWrapper: {\r\n        margin: '0 8px',\r\n        paddingTop: '20px',\r\n    },\r\n    clientGrid: {\r\n        margin: '0 -12px',\r\n    },\r\n    col: {\r\n        alignItems: 'center',\r\n        display: 'flex',\r\n        flexWrap: 'wrap',\r\n    },\r\n    container: {\r\n        // display: 'flex',\r\n        // flexWrap: 'wrap',\r\n    },\r\n    customExpandablePanel: {\r\n        marginBottom: 0,\r\n    },\r\n    customGrid: {\r\n        '@media (min-width: 1280px)': {\r\n            flexBasis: '25%',\r\n            flexGrow: 0,\r\n            maxWidth: '25%',\r\n        },\r\n        '@media (min-width: 960px)': {\r\n            flexBasis: '25%',\r\n            flexGrow: 0,\r\n            maxWidth: '25%',\r\n        },\r\n        flexBasis: '50%',\r\n        flexGrow: 0,\r\n        margin: 0,\r\n        maxWidth: '50%',\r\n    },\r\n    dateField: {\r\n        alignItems: 'flex-end',\r\n        display: 'flex',\r\n    },\r\n    expansionPanel: {\r\n        marginTop: '20px',\r\n    },\r\n    extendedIcon: {\r\n        marginRight: theme.spacing(),\r\n    },\r\n    flexEnd: {\r\n        justifyContent: 'flex-end',\r\n    },\r\n    formContainer: {\r\n        padding: '12px',\r\n    },\r\n    formControl: {\r\n        margin: theme.spacing(),\r\n    },    \r\n    grid: {\r\n        display: 'flex',\r\n        padding: '2px 12px 2px 12px !important',\r\n    },\r\n    gridContainer: {\r\n        display: 'flex',\r\n        flexFlow: 'row wrap',\r\n        padding: '0 !important',\r\n    },\r\n    gridWrapper: {\r\n        flexGrow: 1,\r\n    },\r\n    group: {\r\n        flexFlow: 'row wrap',\r\n        margin: `${theme.spacing()}px 0`,\r\n    },\r\n    heading: {\r\n        fontSize: theme.typography.pxToRem(15),\r\n        // fontWeight: theme.typography.fontWeightRegular,\r\n    },\r\n    label: {\r\n        marginLeft: '8px',\r\n        paddingRight: '10px',\r\n    },\r\n    menu: {\r\n        width: 200,\r\n    },\r\n    panelAction: {\r\n        padding: '8px',\r\n    },\r\n    textField: {\r\n        '& .form-control': {\r\n            width: '100%',\r\n        },\r\n        flexGrow: 1,\r\n        marginBottom: theme.spacing(),\r\n        marginLeft: theme.spacing(),\r\n        marginRight: theme.spacing(),\r\n    },\r\n    typeTitle: {\r\n        marginBottom: 0,\r\n    },\r\n    upperButton: {\r\n        position: 'fixed',\r\n        right: '15px',\r\n        top: '300px',\r\n        zIndex: 2,\r\n        [theme.breakpoints.up('md')]: {\r\n            top: '240px',\r\n        },\r\n    },\r\n    voiPadding: {\r\n        paddingTop: '20px'\r\n    },\r\n    cardRoot: {\r\n        display: 'flex',\r\n    },\r\n    cardDetails: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n    cardContent: {\r\n        flex: '1 0 auto',\r\n        padding: '0 15px !important',\r\n        width: '100%',\r\n    },\r\n    cardCover: {\r\n        display: 'flex',\r\n    },\r\n    cardControls: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        paddingLeft: theme.spacing(1),\r\n        paddingBottom: theme.spacing(1),\r\n    },\r\n    popover: {\r\n        pointerEvents: 'none',\r\n    },\r\n    paper: {\r\n        padding: theme.spacing(1),\r\n        maxWidth: '960px',\r\n    },\r\n    controlContainer: {\r\n        display: 'flex',\r\n        padding: '0 15px 10px 15px',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        '& .Mui-checked': {\r\n            '& .MuiSwitch-thumb': {\r\n                color: '#5173FF'\r\n            }\r\n        }\r\n    },\r\n    cardMedia: {\r\n        display: 'flex',\r\n        flex: 1,\r\n        padding: '10px 0',\r\n        '& .image': {\r\n            padding: '0 15px',\r\n            // flex: 1,\r\n            display: 'flex',\r\n            alignItems: 'center'\r\n        },\r\n        '& .text': {\r\n            flex: 2,\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n        }\r\n    },\r\n    cardWrapper: {\r\n        display: 'flex',\r\n        flex: 1,\r\n    },\r\n    cardContainer: {\r\n        display: 'flex',\r\n        flexFlow: 'column',\r\n        flex: 1,\r\n    },\r\n    rightControl: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-end',\r\n        gap: '5px'\r\n    },\r\n    videoButton: {\r\n        // marginRight: '5px',\r\n        color: '#5173FF'\r\n    }\r\n});","import { WatchQueryFetchPolicy } from 'apollo-client';\r\nimport gql from 'graphql-tag';\r\nimport { useMutation } from 'react-apollo';\r\n\r\nexport const useUpdateFeatureMutation = (fetchPolicy?: WatchQueryFetchPolicy) => {\r\n\r\n    const [updateData, updateResult] = useMutation<UpdateFeatureData, UpdateFeatureParams>(UpdateFeature);\r\n\r\n    return {...updateResult, updateData};\r\n};\r\n\r\nexport interface UpdateFeatureInput {\r\n    guid: string | null;\r\n    feature?: string | null;\r\n    description: string | null;\r\n    title?: string | null;\r\n    infoUrl?: string | null;\r\n}\r\n\r\nexport interface UpdateFeatureParams {\r\n    input: UpdateFeatureInput;\r\n}\r\n\r\nexport interface UpdateFeatureData {\r\n    updateFeature: boolean;\r\n}\r\n\r\nconst UpdateFeature = gql`\r\n    mutation updateFeature($input: UpdateFeatureInput) {\r\n        updateFeature(input: $input)\r\n    }\r\n`;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\r\nimport { Button, Dialog, DialogTitle, DialogActions, DialogContent, Grid } from '@material-ui/core';\r\nimport { AnyObject, Field, Form, FormSpy } from 'react-final-form';\r\nimport { FormApi } from 'final-form';\r\nimport { RvLoader } from '../../components/Loader';\r\nimport DialogBox from '../../Dashboard/Component/DialogBox';\r\n// import { Editor } from 'react-draft-wysiwyg';\r\nimport { convertFromRaw, convertToRaw, EditorState } from 'draft-js';\r\n// import htmlToDraft from 'html-to-draftjs';\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport { convertToDraftWysiwygContent } from '../../helpers/commonHelper';\r\nimport { useUpdateFeatureMutation } from '../hooks/useUpdateFeatureMutation';\r\nimport { showNotification } from '../../App';\r\nimport { Editor as TinyEditor } from '@tinymce/tinymce-react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        dialogRoot: {\r\n            '& .downshift-wrapper': {\r\n                flex: 1,\r\n                padding: 0,\r\n            },\r\n        },\r\n        header: {\r\n            textTransform: 'capitalize',\r\n        },\r\n        content: {\r\n            flex: 1,\r\n        },\r\n        buttonContainer: {\r\n            display: 'flex',\r\n            justifyContent: 'space-between',\r\n            // paddingBottom: '20px'\r\n        },\r\n        button: {\r\n            margin: theme.spacing(1),\r\n            minWidth: '83px',\r\n        },\r\n        hidden: {\r\n            display: 'none',\r\n        },\r\n        loaderWrapper: {\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            padding: '20px 0',\r\n        },\r\n        formLabel: {\r\n            paddingBottom: '10px',\r\n        },\r\n        editorClassName: {\r\n            padding: '0 10px',\r\n            minHeight: '300px',\r\n            maxHeight: '500px',\r\n        },\r\n        wrapperClassName: {\r\n            border: '1px solid #949494',\r\n            display: 'flex',\r\n            flexFlow: 'column-reverse',\r\n        },\r\n        toolbarClassName: {\r\n            border: 0,\r\n            // borderBottom: '1px solid #F1F1F1',\r\n            margin: 0,\r\n            padding: 0,\r\n            '& .rdw-dropdown-wrapper': {\r\n                position: 'relative',\r\n            },\r\n            '& .rdw-dropdown-optionwrapper': {\r\n                position: 'absolute',\r\n            },\r\n        },\r\n        paperRoot: {\r\n            overflow: 'visible',\r\n            minHeight: 'calc(100vh - 50px)',\r\n            display: 'flex',\r\n            flexFlow: 'column',\r\n        },\r\n        dialogContent: {\r\n            overflow: 'inherit',\r\n            display: 'flex',\r\n            flexFlow: 'column',\r\n        },\r\n        taskForm: {\r\n            flex: 1,\r\n            display: 'flex',\r\n            flexFlow: 'column',\r\n        }\r\n    }),\r\n);\r\n\r\ninterface FeatureNotesDialogProps {\r\n    open: boolean;\r\n    onClose?: () => void;\r\n    title: string;\r\n    description: string;\r\n    featureGuid: string;\r\n    feature?: string;\r\n    infoUrl?: string | null;\r\n}\r\n\r\nexport interface FeatureNotesDialogForm {\r\n    notes: string; // EditorState;\r\n}\r\n  \r\nexport const FeatureNotesDialog: React.FC<FeatureNotesDialogProps> = (props) => {\r\n    const classes = useStyles();\r\n\r\n    const updateFeature = useUpdateFeatureMutation();\r\n    \r\n    const [isLoading] = useState<boolean>(false);\r\n    const [isChanged, setIsChanged] = useState<boolean>(false);\r\n    const [showDiscard, setShowDiscard] = useState<boolean>(false);\r\n\r\n    useEffect(() => {\r\n        \r\n        if (updateFeature.data && updateFeature.data.updateFeature && !updateFeature.loading && !updateFeature.error) {\r\n            showNotification(null, 'Successfully submitted', 'info');\r\n            if (props.onClose) {\r\n                props.onClose();\r\n            }\r\n        }\r\n\r\n        if (updateFeature.error) {\r\n            showNotification('Failed to Save Enquiry', updateFeature.error.message, 'error');\r\n        }\r\n\r\n    },        [updateFeature.data, updateFeature.error, updateFeature.loading]);\r\n\r\n    let tempDesription = props.description;\r\n\r\n    if (props.description) {\r\n        if (props.description.indexOf('blocks\":') !== -1) {\r\n            const draftContent = convertToDraftWysiwygContent(JSON.parse(props.description));\r\n            const contentState = convertFromRaw(draftContent);\r\n            tempDesription = draftToHtml(convertToRaw(EditorState.createWithContent(contentState).getCurrentContent()));\r\n        } \r\n        \r\n        // else {\r\n        //     const contentBlock = htmlToDraft(props.description);\r\n\r\n        //     if (contentBlock) {\r\n        //         const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\r\n        //         editorState = EditorState.createWithContent(contentState);\r\n        //     }\r\n        // }\r\n    }\r\n\r\n    const initialValues: FeatureNotesDialogForm = {\r\n        notes: tempDesription // draftToHtml(convertToRaw(editorState.getCurrentContent()))\r\n    };\r\n\r\n    const onSubmit = (form: FormApi<FeatureNotesDialogForm>, values: FeatureNotesDialogForm) => {\r\n\r\n        // const notes = draftToHtml(convertToRaw(values.notes.getCurrentContent()));\r\n\r\n        updateFeature.updateData({\r\n            variables: {\r\n                input: {\r\n                    guid: props.featureGuid,\r\n                    description: values.notes,\r\n                }\r\n            }\r\n        });\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    const onFormValueChanged = (form: FormApi<FeatureNotesDialogForm>, changeProps: any) => {\r\n        if (!changeProps.pristine) {\r\n            setIsChanged(true);\r\n        }\r\n    };\r\n\r\n    const onClose = () => {\r\n        if (isChanged) {\r\n            setShowDiscard(true);\r\n        } else {\r\n            if (props.onClose) {\r\n                props.onClose();\r\n            }\r\n        }\r\n    };\r\n\r\n    const onDiscardChanges = (agree: boolean) => {\r\n        if (agree) {\r\n            if (props.onClose) {\r\n                props.onClose();\r\n            }\r\n        }\r\n        setShowDiscard(false);\r\n    };\r\n\r\n    // tslint:disable-next-line: no-any\r\n    // const required = (value: any) => {\r\n    //     return value ? undefined : 'Required';\r\n    // };\r\n\r\n    // const onFocusEditor = (event: SyntheticEvent) => {\r\n    //     setHideToolbar(false);\r\n    // };\r\n\r\n    // const onBlurEditor = (event: SyntheticEvent) => {\r\n    //     setHideToolbar(true);\r\n    // };\r\n\r\n    const actionButton = (\r\n        // tslint:disable-next-line: no-any\r\n        form: FormApi<FeatureNotesDialogForm>,\r\n        submitting: boolean,\r\n        pristine: boolean,\r\n        // tslint:disable-next-line: no-any\r\n        values: AnyObject,\r\n    ) => {\r\n        return (\r\n            <div className={classes.buttonContainer}>\r\n                {/* <RenderCount /> */}\r\n                <div>\r\n                    <Button\r\n                        color=\"primary\"\r\n                        type=\"submit\"\r\n                        className={classes.button}\r\n                        onClick={() => {\r\n                            // code here..\r\n                        }}\r\n                        disabled={submitting || pristine}\r\n                    >\r\n                        Update\r\n                    </Button>\r\n                </div>\r\n                <div>\r\n                    <Button color=\"primary\" type=\"button\" className={classes.button} onClick={onClose}>\r\n                        Cancel\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <DialogBox\r\n                title=\"Task Type\"\r\n                // tslint:disable-next-line:max-line-length\r\n                content={`Are you sure you want to close the form?`}\r\n                show={showDiscard}\r\n                isAgree={onDiscardChanges}\r\n                disAgreeLabel={'No'}\r\n                agreeLabel={'Yes'}\r\n            />\r\n\r\n            <Dialog\r\n                open={props.open}\r\n                onClose={onClose}\r\n                maxWidth=\"md\"\r\n                fullWidth={true}\r\n                className={classes.dialogRoot}\r\n                scroll={'paper'}\r\n                // disablePortal={false}\r\n                disableScrollLock={true}\r\n                disableEnforceFocus={true}\r\n                disableAutoFocus={true}\r\n                classes={{\r\n                    paper: classes.paperRoot,\r\n                }}\r\n            >\r\n                <DialogTitle className={classes.header}>{props.title}</DialogTitle>\r\n                {isLoading ? (\r\n                    <DialogContent dividers={true}>\r\n                        <div className={classes.loaderWrapper}>\r\n                            <RvLoader size=\"small\" label=\"Loading...\" />\r\n                        </div>\r\n                    </DialogContent>\r\n                ) : (\r\n                    <Form\r\n                        onSubmit={(values, form: FormApi<FeatureNotesDialogForm>) => onSubmit(form, values)}\r\n                        initialValues={initialValues}\r\n                        initialValuesEqual={() => true}\r\n                        keepDirtyOnReinitialize={true}\r\n                        subscription={{ submitting: true, pristine: true }}\r\n                        render={({ handleSubmit, form, submitting, pristine, values }) => (\r\n                            <form onSubmit={handleSubmit} id=\"taskForm\" className={classes.taskForm}>\r\n                                <FormSpy\r\n                                    subscription={{ pristine: true, values: true }}\r\n                                    // tslint:disable-next-line: no-shadowed-variable\r\n                                    onChange={(props) => {\r\n                                        onFormValueChanged(form, props);\r\n                                    }}\r\n                                />\r\n                                <DialogContent dividers={true} className={classes.dialogContent}>\r\n                                    <Grid container={true} spacing={3} style={{ flex: 1 }}>\r\n                                        {/* <Grid item={true} xs={12} md={12}>\r\n                                            <Field name=\"notes\">\r\n                                                {({ input, meta }) => (\r\n                                                    <>\r\n                                                        <FormLabel component=\"legend\" className={classes.formLabel}>\r\n                                                            Notes\r\n                                                        </FormLabel>\r\n                                                        <Editor\r\n                                                            editorState={input.value}\r\n                                                            // tslint:disable-next-line: no-console\r\n                                                            // onFocus={onFocusEditor}\r\n                                                            // onBlur={onBlurEditor}\r\n                                                            // toolbarHidden={hideToolbar}\r\n                                                            toolbarClassName={`${classes.toolbarClassName} toolbarClassName`}\r\n                                                            wrapperClassName={`${classes.wrapperClassName} wrapperClassName`}\r\n                                                            editorClassName={`${classes.editorClassName} editorClassName`}\r\n                                                            onEditorStateChange={input.onChange}\r\n                                                        />\r\n                                                    </>\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid> */}\r\n                                        <Grid item={true} xs={12} md={12}>\r\n                                            <Field name=\"notes\">\r\n                                                {({ input, meta }) => (\r\n                                                    <TinyEditor\r\n                                                        apiKey={'k74nddluc9fmtf75en31ew8mxzqcvovgpjkzomdtgeje7b0h'}\r\n                                                        value={input.value}\r\n                                                        // disabled={input.disabled}\r\n                                                        init={{\r\n                                                            height: '100%',\r\n                                                            autoresize_min_height: '100%',\r\n                                                            autoresize_max_height: '100%',\r\n                                                            menubar: 'file edit view insert format tools table help custom',\r\n                                                            imagetools_cors_hosts: ['picsum.photos'],\r\n                                                            plugins:\r\n                                                                'table code advtable lists fullscreen image media link preview export pagebreak lists advlist checklist charmap directionality',\r\n                                                            toolbar:\r\n                                                                'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | ' +\r\n                                                                'forecolor backcolor | alignleft aligncenter alignright alignjustify indent outdent rtl ltr | bullist numlist checklist | ' +\r\n                                                                'emoticons image media table link hr charmap | preview | fullscreen | export pagebreak',\r\n                                                            // plugins: [\r\n                                                            //     'print preview paste importcss searchreplace autolink autosave save directionality code ' +\r\n                                                            //     'visualblocks visualchars fullscreen image link media template codesample table charmap ' +\r\n                                                            //     'hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools ' +\r\n                                                            //     'textpattern noneditable help charmap quickbars emoticons'\r\n                                                            // ],\r\n                                                            content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',\r\n                                                            toolbar_sticky: true,\r\n                                                            autosave_ask_before_unload: true,\r\n                                                            autosave_interval: '30s',\r\n                                                            autosave_prefix: '{path}{query}-{id}-',\r\n                                                            autosave_restore_when_empty: false,\r\n                                                            autosave_retention: '2m',\r\n                                                            image_advtab: true,\r\n                                                            content_css: '//www.tiny.cloud/css/codepen.min.css',\r\n                                                            image_class_list: [\r\n                                                                { title: 'None', value: '' },\r\n                                                                { title: 'Some class', value: 'class-name' },\r\n                                                            ],\r\n                                                            importcss_append: true,\r\n                                                            // tslint:disable-next-line: typedef\r\n                                                            // file_picker_callback: function (callback, value, meta) {\r\n                                                            //     /* Provide file and text for the link dialog */\r\n                                                            //     if (meta.filetype === 'file') {\r\n                                                            //       callback('https://www.google.com/logos/google.jpg', { text: 'My text' });\r\n                                                            //     }\r\n\r\n                                                            //     /* Provide image and alt text for the image dialog */\r\n                                                            //     if (meta.filetype === 'image') {\r\n                                                            //       callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text' });\r\n                                                            //     }\r\n\r\n                                                            //     /* Provide alternative source and posted for the media dialog */\r\n                                                            //     if (meta.filetype === 'media') {\r\n                                                            //       callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.google.com/logos/google.jpg' });\r\n                                                            //     }\r\n                                                            // },\r\n                                                            templates: [\r\n                                                                {\r\n                                                                    title: 'New Table',\r\n                                                                    description: 'creates a new table',\r\n                                                                    content:\r\n                                                                        '<div class=\"mceTmpl\"><table width=\"98%%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><th scope=\"col\"> </th><th scope=\"col\"> </th></tr><tr><td> </td><td> </td></tr></table></div>',\r\n                                                                },\r\n                                                                { title: 'Starting my story', description: 'A cure for writers block', content: 'Once upon a time...' },\r\n                                                                {\r\n                                                                    title: 'New list with dates',\r\n                                                                    description: 'New List with dates',\r\n                                                                    content:\r\n                                                                        '<div class=\"mceTmpl\"><span class=\"cdate\">cdate</span><br /><span class=\"mdate\">mdate</span><h2>My List</h2><ul><li></li><li></li></ul></div>',\r\n                                                                },\r\n                                                            ],\r\n                                                            template_cdate_format: '[Date Created (CDATE): %m/%d/%Y : %H:%M:%S]',\r\n                                                            template_mdate_format: '[Date Modified (MDATE): %m/%d/%Y : %H:%M:%S]',\r\n                                                            image_caption: true,\r\n                                                            quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',\r\n                                                            noneditable_noneditable_class: 'mceNonEditable',\r\n                                                            toolbar_mode: 'sliding',\r\n                                                            contextmenu: 'link image imagetools table',\r\n                                                            // menu: {\r\n                                                            //     custom: { title: 'Merge Fields', items: getMergeFieldItems() }\r\n                                                            // },\r\n                                                            // tslint:disable-next-line: no-any\r\n                                                            // setup: function (editor: any) {\r\n                                                            //     // var toggleState = false;\r\n                                                            //     getMergeFieldMenuItems(editor);\r\n\r\n                                                            //     // editor.ui.registry.addMenuItem('firstName', {\r\n                                                            //     //     text: 'First Name',\r\n                                                            //     //     onAction: function () {\r\n                                                            //     //       editor.insertContent('{firstName}');\r\n                                                            //     //     },\r\n                                                            //     // });\r\n\r\n                                                            //     // comment\r\n                                                            //     // tslint:disable-next-line: no-any\r\n                                                            //     var onAction = function (autocompleteApi: any, rng: any, value: any) {\r\n                                                            //         editor.selection.setRng(rng);\r\n                                                            //         editor.insertContent(value);\r\n                                                            //         autocompleteApi.hide();\r\n                                                            //     };\r\n\r\n                                                            //     // tslint:disable-next-line: no-any\r\n                                                            //     var getMatchedChars = function (pattern: any) {\r\n                                                            //         const mergedFields = getMergeFields();\r\n                                                            //         if (mergedFields) {\r\n                                                            //             // tslint:disable-next-line: no-any\r\n                                                            //             return mergedFields.filter(function (char: any) {\r\n                                                            //                 if (pattern && char.text) {\r\n                                                            //                     return char.text.toLowerCase().indexOf(pattern.toLowerCase()) !== -1;\r\n                                                            //                 } else {\r\n                                                            //                     return char.text.toLowerCase().indexOf(pattern) !== -1;\r\n                                                            //                 }\r\n                                                            //             });\r\n                                                            //         } else {\r\n                                                            //             return [];\r\n                                                            //         }\r\n                                                            //     };\r\n\r\n                                                            //     /* An autocompleter that allows you to insert special characters */\r\n                                                            //     editor.ui.registry.addAutocompleter('specialchars', {\r\n                                                            //         ch: '{',\r\n                                                            //         minChars: 0,\r\n                                                            //         columns: 1,\r\n                                                            //         highlightOn: ['char_name'],\r\n                                                            //         onAction: onAction,\r\n                                                            //         // tslint:disable-next-line: no-any\r\n                                                            //         fetch: function (pattern: any) {\r\n                                                            //             // tslint:disable-next-line: no-any\r\n                                                            //             return new Promise(function (resolve: any) {\r\n                                                            //                 // tslint:disable-next-line: no-any\r\n                                                            //                 var results = getMatchedChars(pattern).map(function (char: any) {\r\n                                                            //                     return {\r\n                                                            //                         type: 'cardmenuitem',\r\n                                                            //                         value: char.value,\r\n                                                            //                         label: char.text,\r\n                                                            //                         items: [\r\n                                                            //                             {\r\n                                                            //                                 type: 'cardcontainer',\r\n                                                            //                                 direction: 'vertical',\r\n                                                            //                                 items: [\r\n                                                            //                                     {\r\n                                                            //                                         type: 'cardtext',\r\n                                                            //                                         text: char.text,\r\n                                                            //                                         name: 'char_name'\r\n                                                            //                                     },\r\n                                                            //                                     // Don't display value of the merged field\r\n                                                            //                                     // {\r\n                                                            //                                     //     type: 'cardtext',\r\n                                                            //                                     //     text: char.value\r\n                                                            //                                     // }\r\n                                                            //                                 ]\r\n                                                            //                             }\r\n                                                            //                         ]\r\n                                                            //                     };\r\n                                                            //                 });\r\n                                                            //                 resolve(results);\r\n                                                            //             });\r\n                                                            //         }\r\n                                                            //     });\r\n                                                            // },\r\n                                                        }}\r\n                                                        onEditorChange={(content: string) => {\r\n                                                            input.onChange(content);\r\n                                                        }}\r\n                                                    />\r\n                                                )}\r\n                                            </Field>\r\n                                        </Grid>\r\n                                    </Grid>\r\n                                </DialogContent>\r\n                                <DialogActions>{actionButton(form, submitting, pristine, values)}</DialogActions>\r\n                            </form>\r\n                        )}\r\n                    />\r\n                )}\r\n            </Dialog>\r\n        </>\r\n    );\r\n};\r\n","import * as React from 'react';\r\nimport { Draggable } from 'react-beautiful-dnd';\r\nimport glamorous from 'glamorous';\r\nimport { styles } from './styles';\r\nimport { WithStyles, CardContent, Card, Typography, CardMedia, FormControlLabel, Switch, withStyles, IconButton } from '@material-ui/core';\r\nimport InfoIcon from '@material-ui/icons/InfoOutlined';\r\nimport TrendingUpIcon from '@material-ui/icons/TrendingUp';\r\n// import MUIRichTextEditor from 'mui-rte';\r\nimport VideoLibraryOutlinedIcon from '@material-ui/icons/VideoLibraryOutlined';\r\nimport { VideoModal } from '../components/VideoModal';\r\nimport EditOutlinedIcon from '@material-ui/icons/EditOutlined';\r\nimport { FeatureNotesDialog } from './dialogs/FeatureNotesDialog';\r\n\r\n// import htmlToDraft from 'html-to-draftjs';\r\nimport draftToHtml from 'draftjs-to-html';\r\nimport { EditorState, convertFromRaw, convertToRaw } from 'draft-js';\r\n// import { Editor } from 'react-draft-wysiwyg';\r\nimport { convertToDraftWysiwygContent } from '../helpers/commonHelper';\r\nimport { Editor } from '@tinymce/tinymce-react';\r\nimport { FeatureNotesPreviewDialog } from './dialogs/FeatureNotesPreviewDialog';\r\n\r\n// tslint:disable-next-line: no-any\r\nconst CardDraggable = glamorous.div<{theme?: any}> ((props) => ({\r\n    // paddingRight: '25px', \r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\nconst TrendingUpIconWrapper = glamorous(TrendingUpIcon)<{ theme?: any }>((props) => ({\r\n    color: props.theme.TemplateColor.Primary\r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\nconst SwitchWrapper = glamorous(Switch)<{ theme?: any }>((props) => ({\r\n    color: props.theme.TemplateColor.Primary\r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\n// const InfoIconWrapper = glamorous(InfoIcon)<{ theme?: any }>((props) => ({\r\n//     color: props.theme.TemplateColor.Primary,\r\n//     cursor: 'pointer'\r\n// }));\r\n\r\nexport interface FeatureLayoutCardDraggableProps extends WithStyles<typeof styles> {\r\n    featureGuid: string;\r\n    feature: string;\r\n    title: string;\r\n    description: string;\r\n    isHidden: boolean;\r\n    sequence: number;\r\n    index: number;\r\n    onIsHiddenUpdated: (featureGuid: string, isHidden: boolean) => void;\r\n    itemPerRow: number;\r\n    windowInnterWidth: number;\r\n    isDragDisabled?: boolean;\r\n    infoUrl: string | null;\r\n    isInternalAdmin: boolean;\r\n}\r\n\r\nexport interface FeatureLayoutCardDraggableState {\r\n    isVisible: boolean;\r\n    hiddenText: string;\r\n    open: boolean;\r\n    anchorEl: Element | ((element: Element) => Element) | null | undefined;\r\n    isVideoModalOpen: boolean;\r\n    isEditNotesOpen: boolean;\r\n    isNotesPreviewOpen: boolean;\r\n}\r\n\r\nclass FeatureLayoutCardDraggable \r\n    extends React.Component<FeatureLayoutCardDraggableProps, FeatureLayoutCardDraggableState>  {\r\n    \r\n        // tslint:disable-next-line: no-any\r\n        // private refValue: any;\r\n    \r\n        constructor(props: FeatureLayoutCardDraggableProps, state: FeatureLayoutCardDraggableState) {\r\n        super(props, state);\r\n\r\n        this.onHiddenChange = this.onHiddenChange.bind(this);\r\n        this.handlePopoverOpen = this.handlePopoverOpen.bind(this);\r\n        this.handlePopoverClose = this.handlePopoverClose.bind(this);\r\n        this.getWidthPerRow = this.getWidthPerRow.bind(this);\r\n        // this.handleClick = this.handleClick.bind(this);\r\n        this.onClickVideoToggle = this.onClickVideoToggle.bind(this);\r\n        this.onToggleNotesDialog = this.onToggleNotesDialog.bind(this);\r\n        this.getTooltip = this.getTooltip.bind(this);\r\n        this.onPreviewNotes = this.onPreviewNotes.bind(this);\r\n        \r\n        this.state = {\r\n            isVisible: false,\r\n            hiddenText: 'Hidden',\r\n            open: false,\r\n            anchorEl: undefined,\r\n            isVideoModalOpen: false,\r\n            isEditNotesOpen: false,\r\n            isNotesPreviewOpen: false\r\n        };\r\n\r\n        // this.refValue = React.createRef();\r\n    }\r\n\r\n    // tslint:disable-next-line: no-empty\r\n    public componentDidMount() {\r\n        this.setState({\r\n            isVisible: !this.props.isHidden,\r\n            hiddenText: this.props.isHidden ? 'Hidden' : 'Visible'\r\n        });\r\n    }\r\n\r\n    public UNSAFE_componentWillReceiveProps(nextProps: FeatureLayoutCardDraggableProps) {\r\n        if (this.props.isHidden !== nextProps.isHidden) {\r\n            this.setState({\r\n                isVisible: !nextProps.isHidden,\r\n            });\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { classes } = this.props;\r\n\r\n        const hiddenText = this.state.isVisible ? 'Visible' : 'Hidden';\r\n\r\n        return (\r\n           <React.Fragment>\r\n                {this.state.isEditNotesOpen ? (\r\n                    <FeatureNotesDialog \r\n                        open={this.state.isEditNotesOpen}\r\n                        description={this.props.description}\r\n                        title={this.props.title}\r\n                        featureGuid={this.props.featureGuid}\r\n                        feature={this.props.feature}\r\n                        infoUrl={this.props.infoUrl}\r\n                        onClose={this.onToggleNotesDialog(false)}\r\n                    />\r\n                ) : undefined}\r\n\r\n                {this.state.isNotesPreviewOpen ? (\r\n                    <FeatureNotesPreviewDialog \r\n                        open={this.state.isNotesPreviewOpen}\r\n                        description={this.props.description}\r\n                        onClose={this.onPreviewNotes}\r\n                    />\r\n                ) : undefined}\r\n\r\n                {this.state.isVideoModalOpen && this.props.infoUrl && (\r\n                    <VideoModal \r\n                        open={this.state.isVideoModalOpen}\r\n                        onClose={this.onClickVideoToggle(false)}\r\n                        url={this.props.infoUrl}\r\n                    />\r\n                )}\r\n                <Draggable\r\n                    draggableId={this.props.featureGuid}\r\n                    index={this.props.index}\r\n                    isDragDisabled={this.props.isDragDisabled}\r\n                >\r\n                    {(provided, snapshot) => (\r\n                        <CardDraggable\r\n                            {...provided.draggableProps}\r\n                            {...provided.dragHandleProps}\r\n                            innerRef={provided.innerRef} \r\n                            // isDragging={snapshot.isDragging}  \r\n                            style={{\r\n                                width: '100%',\r\n                                height: '100%',                            \r\n                                display: 'flex', \r\n                                padding: '8px',\r\n                                ...provided.draggableProps.style,   \r\n                                // maxWidth: 400,\r\n                                // minWidth: 400, \r\n                                minWidth: this.getWidthPerRow(this.props.itemPerRow, this.props.windowInnterWidth),\r\n                                maxWidth: this.getWidthPerRow(this.props.itemPerRow, this.props.windowInnterWidth),\r\n                                cursor: this.props.isDragDisabled ? 'pointer' : 'grab'\r\n                            }}                                             \r\n                        >\r\n                            {/* tslint:disable-next-line: jsx-alignment */}\r\n                            <div \r\n                                className={classes.cardWrapper}\r\n                                // ref={this.refValue}\r\n                                // onClick={this.handleClick}\r\n                            >\r\n                                <Card \r\n                                    className={classes.cardContainer}\r\n                                    style={{\r\n                                        backgroundColor: !this.state.isVisible ? '#C7C7C7' : 'inherit'\r\n                                    }}\r\n                                >\r\n                                    <div className={classes.cardMedia}>\r\n                                        <div className=\"image\">\r\n                                            <CardMedia\r\n                                                className={classes.cardCover}                                                \r\n                                                // image={                                                   \r\n                                                //     require('../images/TrendingUp.png')\r\n                                                // }                                                \r\n                                                title=\"Sample Image\"\r\n                                            >                                       \r\n                                                <TrendingUpIconWrapper fontSize={'large'}/>\r\n                                            </CardMedia>  \r\n                                        </div>\r\n                                        <div className=\"text\">\r\n                                            <CardContent className={classes.cardContent}>\r\n                                                <Typography variant=\"subtitle1\">\r\n                                                    {this.props.title}\r\n                                                </Typography>\r\n                                            </CardContent>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className={classes.controlContainer}>\r\n                                        <FormControlLabel\r\n                                            control={\r\n                                                <SwitchWrapper\r\n                                                    size=\"small\"\r\n                                                    checked={this.state.isVisible}\r\n                                                    onChange={this.onHiddenChange}\r\n                                                    value={this.state.isVisible}\r\n                                                    color=\"primary\"\r\n                                                />\r\n                                            }\r\n                                            label={hiddenText}\r\n                                        />\r\n                                        <div className={classes.rightControl}>\r\n                                            {this.props.infoUrl && (\r\n                                                <IconButton \r\n                                                    aria-label=\"learn more\" \r\n                                                    size=\"small\" \r\n                                                    className={classes.videoButton}\r\n                                                    onClick={this.onClickVideoToggle(true)}\r\n                                                >\r\n                                                    <VideoLibraryOutlinedIcon />\r\n                                                </IconButton>\r\n                                            )}\r\n\r\n                                            {this.props.isInternalAdmin ? (\r\n                                                <IconButton \r\n                                                    aria-label=\"edit\" \r\n                                                    size=\"small\" \r\n                                                    className={classes.videoButton}\r\n                                                    onClick={this.onToggleNotesDialog(true)}\r\n                                                >\r\n                                                    <EditOutlinedIcon />\r\n                                                </IconButton>\r\n                                            ) : null}\r\n\r\n                                            <IconButton \r\n                                                aria-label=\"edit\" \r\n                                                size=\"small\" \r\n                                                className={classes.videoButton}\r\n                                                onClick={this.onPreviewNotes}\r\n                                            >\r\n                                                <InfoIcon />\r\n                                            </IconButton>\r\n                                          \r\n                                            {/* <InfoIconWrapper\r\n                                                key={this.props.index}\r\n                                                aria-label=\"More Info\"\r\n                                                onMouseEnter={this.handlePopoverOpen}\r\n                                                onMouseLeave={this.handlePopoverClose}\r\n                                            />\r\n                                            <Popover\r\n                                                id=\"mouse-over-popover\"\r\n                                                className={classes.popover}\r\n                                                classes={{\r\n                                                    paper: classes.paper,\r\n                                                }}\r\n                                                open={this.props.description && this.props.description.length > 0 ? this.state.open : false}\r\n                                                anchorEl={this.state.anchorEl}\r\n                                                anchorOrigin={{\r\n                                                    vertical: 'bottom',\r\n                                                    horizontal: 'left',\r\n                                                }}\r\n                                                transformOrigin={{\r\n                                                    vertical: 'top',\r\n                                                    horizontal: 'left',\r\n                                                }}\r\n                                                onClose={this.handlePopoverClose}\r\n                                                disableRestoreFocus={true}\r\n                                            >\r\n                                                {this.getTooltip(this.props.description ?? '')}\r\n                                            </Popover> */}\r\n                                        </div>\r\n                                    </div>                               \r\n                                </Card>\r\n                            </div>\r\n                        </CardDraggable>                        \r\n                    )}\r\n                </Draggable>\r\n           </React.Fragment>\r\n        );\r\n    }\r\n\r\n    private getTooltip(description: string) {\r\n\r\n        let tempDesription = description;\r\n\r\n        if (description.indexOf('blocks\":') !== -1) {\r\n            const draftContent = convertToDraftWysiwygContent(JSON.parse(description));\r\n            const contentState = convertFromRaw(draftContent);\r\n            tempDesription = draftToHtml(convertToRaw(EditorState.createWithContent(contentState).getCurrentContent()));\r\n        } \r\n\r\n        // const contentBlock = htmlToDraft(description);\r\n\r\n        // const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);\r\n        \r\n        // const editorState = EditorState.createWithContent(contentState);\r\n\r\n        return (\r\n            <>\r\n                <Editor\r\n                    apiKey={'k74nddluc9fmtf75en31ew8mxzqcvovgpjkzomdtgeje7b0h'}            \r\n                    initialValue={tempDesription}\r\n                    init={{\r\n                        width: 900,\r\n                        // height: 500,\r\n                        menubar: false,\r\n                        disabled: true, // Set the editor in read-only mode\r\n                        plugins: 'autoresize', // No plugins needed for read-only mode\r\n                        toolbar: '', // No toolbar needed for read-only mode\r\n                        statusbar: false, // Hide the status bar\r\n                        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',\r\n                        toolbar_sticky: true,\r\n                        autosave_ask_before_unload: true,\r\n                        autosave_interval: '30s',\r\n                        autosave_prefix: '{path}{query}-{id}-',\r\n                        autosave_restore_when_empty: false,\r\n                        autosave_retention: '2m',\r\n                        image_advtab: true,\r\n                        content_css: '//www.tiny.cloud/css/codepen.min.css',\r\n                        image_class_list: [\r\n                            { title: 'None', value: '' },\r\n                            { title: 'Some class', value: 'class-name' }\r\n                        ],\r\n                        importcss_append: true,\r\n                        min_height: 300,\r\n                        min_width: 300,\r\n                    }}\r\n                />\r\n            </>\r\n        );\r\n\r\n        // return (\r\n        //     <>\r\n        //         <Editor \r\n        //             editorState={editorState}\r\n        //             readOnly={true}\r\n        //             toolbarHidden={true}\r\n        //         />\r\n        //     </>\r\n        // );\r\n    }\r\n\r\n    private getWidthPerRow(itemPerRow: number, windowInnterWidth: number) {\r\n        if (itemPerRow === 4) {\r\n            return `${(windowInnterWidth - 173) / 4}px`;\r\n        } else if (itemPerRow === 3) {\r\n            if (windowInnterWidth >= 1025) {\r\n                return `${(windowInnterWidth - 173) / 3}px`;\r\n            } else {\r\n                return `${(windowInnterWidth - 105) / 3}px`;\r\n            }\r\n        } else if (itemPerRow === 2) {\r\n            return `${(windowInnterWidth - 105) / 2}px`;\r\n        } else {\r\n            return `${(windowInnterWidth - 105)}px`;\r\n        }\r\n    }\r\n\r\n    private onHiddenChange(event: React.FormEvent<HTMLInputElement>) {\r\n        this.setState({\r\n            isVisible: !this.state.isVisible,\r\n            hiddenText: !this.state.isVisible ? 'Visible' : 'Hidden'\r\n        });\r\n\r\n        if (this.props.onIsHiddenUpdated) {\r\n            this.props.onIsHiddenUpdated(this.props.featureGuid, !this.state.isVisible);\r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    private handlePopoverOpen(event: any) {\r\n        this.setAnchorEl(event.currentTarget);\r\n    }\r\n    \r\n    private handlePopoverClose = () => {\r\n        this.setAnchorEl(null);\r\n    }\r\n\r\n    // tslint:disable-next-line: no-any\r\n    private setAnchorEl(anchorElValue: any) {\r\n        this.setState({\r\n            anchorEl: anchorElValue,\r\n            open: Boolean(anchorElValue)\r\n        });\r\n    } \r\n\r\n    private onClickVideoToggle = (toggle: boolean) => () => {\r\n        this.setState({\r\n            isVideoModalOpen: toggle\r\n        });\r\n    }\r\n\r\n    private onToggleNotesDialog = (toggle: boolean) => () => {\r\n        this.setState({\r\n            isEditNotesOpen: toggle\r\n        });\r\n    }\r\n\r\n    private onPreviewNotes = () => {\r\n        this.setState({\r\n            isNotesPreviewOpen: !this.state.isNotesPreviewOpen\r\n        });\r\n    }\r\n\r\n    // private handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>) {\r\n    //     // click was used as a part of the drag\r\n    //     if (event.defaultPrevented) {\r\n    //         return;\r\n    //     }\r\n        \r\n    //     this.refValue.current.focus();\r\n    // }    \r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport default withStyles(styles as any, { withTheme: true })(FeatureLayoutCardDraggable as any) as any;","import * as React from 'react';\r\nimport { CardMedia, CardContent, withStyles, WithStyles, Typography, FormControlLabel, Card, Switch, IconButton } from '@material-ui/core';\r\nimport glamorous from 'glamorous';\r\nimport { styles } from './styles';\r\nimport InfoIcon from '@material-ui/icons/InfoOutlined';\r\nimport TrendingUpIcon from '@material-ui/icons/TrendingUp';\r\nimport VideoLibraryOutlinedIcon from '@material-ui/icons/VideoLibraryOutlined';\r\n\r\n// tslint:disable-next-line: no-any\r\nconst CardDraggable = glamorous.div<{theme?: any}> ((props) => ({\r\n    // paddingRight: '25px', \r\n}));\r\n\r\nexport interface FeatureLayoutCardCloneProps extends WithStyles<typeof styles> {\r\n    featureGuid: string;\r\n    feature: string;\r\n    title: string;\r\n    description: string;\r\n    isHidden: boolean;\r\n    sequence: number;\r\n    onIsHiddenUpdated?: (featureGuid: string, isHidden: boolean) => void;\r\n    itemPerRow: number;\r\n    windowInnterWidth: number;\r\n    infoUrl: string | null;\r\n}\r\n\r\nexport interface FeatureLayoutCardCloneState {\r\n    isVisible: boolean;\r\n    hiddenText: string;\r\n}\r\n\r\nclass FeatureLayoutCardClone \r\n    extends React.Component<FeatureLayoutCardCloneProps, FeatureLayoutCardCloneState>  {\r\n    constructor(props: FeatureLayoutCardCloneProps, state: FeatureLayoutCardCloneState) {\r\n        super(props, state);\r\n\r\n        this.onHiddenChange = this.onHiddenChange.bind(this);\r\n        this.getWidthPerRow = this.getWidthPerRow.bind(this);\r\n        \r\n        this.state = {\r\n            isVisible: false,\r\n            hiddenText: 'Visible'\r\n        };\r\n    }\r\n\r\n    // tslint:disable-next-line: no-empty\r\n    componentDidMount() {\r\n        this.setState({\r\n            isVisible: !this.props.isHidden,\r\n            hiddenText: this.props.isHidden ? 'Hidden' : 'Visible'\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const { classes } = this.props;\r\n        \r\n        return (\r\n            <CardDraggable\r\n                style={{\r\n                    width: '100%',\r\n                    height: '100%',                            \r\n                    display: 'flex', \r\n                    padding: '8px', \r\n                    // maxWidth: 400,\r\n                    // minWidth: 400,       \r\n                    // tslint:disable-next-line: max-line-length\r\n                    minWidth: this.getWidthPerRow(this.props.itemPerRow, this.props.windowInnterWidth),\r\n                    // tslint:disable-next-line: max-line-length\r\n                    maxWidth: this.getWidthPerRow(this.props.itemPerRow, this.props.windowInnterWidth)                                                   \r\n                }}                    \r\n            >\r\n                <div className={classes.cardWrapper}>\r\n                    <Card \r\n                        className={classes.cardContainer}\r\n                        style={{\r\n                            backgroundColor: !this.state.isVisible ? '#C7C7C7' : '#fff'\r\n                        }}\r\n                    >\r\n                        <div className={classes.cardMedia}>\r\n                            <div className=\"image\">\r\n                                <CardMedia\r\n                                    className={classes.cardCover}                                                \r\n                                    // image={                                                   \r\n                                    //     require('../images/TrendingUp.png')\r\n                                    // }                                                \r\n                                    title=\"Sample Image\"\r\n                                >                                       \r\n                                    <TrendingUpIcon color={'primary'} fontSize={'large'}/>\r\n                                </CardMedia>  \r\n                            </div>\r\n                            <div className=\"text\">\r\n                                <CardContent className={classes.cardContent}>\r\n                                    <Typography variant=\"subtitle1\">\r\n                                        {this.props.title}\r\n                                    </Typography>\r\n                                </CardContent>\r\n                            </div>\r\n                        </div>\r\n                        <div className={classes.controlContainer}>\r\n                            <FormControlLabel\r\n                                control={\r\n                                    <Switch\r\n                                        size=\"small\"\r\n                                        checked={this.state.isVisible}\r\n                                        onChange={this.onHiddenChange}\r\n                                        value={this.state.isVisible}\r\n                                        color=\"primary\"\r\n                                    />\r\n                                }\r\n                                label={this.state.hiddenText}\r\n                            />\r\n                            <div className={classes.rightControl}>\r\n                                {this.props.infoUrl && (\r\n                                    <IconButton \r\n                                        aria-label=\"learn more\" \r\n                                        size=\"small\" \r\n                                        className={classes.videoButton}\r\n                                    >\r\n                                        <VideoLibraryOutlinedIcon />\r\n                                    </IconButton>\r\n                                )}\r\n                                <InfoIcon\r\n                                    key={this.props.feature}\r\n                                    aria-label=\"More Info\"\r\n                                    color={'primary'}\r\n                                />\r\n                            </div>\r\n                        </div>                               \r\n                    </Card>\r\n                </div>      \r\n            </CardDraggable>          \r\n        );\r\n    }\r\n\r\n    private getWidthPerRow(itemPerRow: number, windowInnterWidth: number) {\r\n        if (itemPerRow === 4) {\r\n            return `${(windowInnterWidth - 173) / 4}px`;\r\n        } else if (itemPerRow === 3) {\r\n            if (windowInnterWidth >= 1025) {\r\n                return `${(windowInnterWidth - 173) / 3}px`;\r\n            } else {\r\n                return `${(windowInnterWidth - 105) / 3}px`;\r\n            }\r\n        } else if (itemPerRow === 2) {\r\n            return `${(windowInnterWidth - 105) / 2}px`;\r\n        } else {\r\n            return '100%';\r\n        }\r\n    }\r\n\r\n    private onHiddenChange(event: React.FormEvent<HTMLInputElement>) {\r\n        this.setState({\r\n            isVisible: !this.state.isVisible,\r\n            hiddenText: !this.state.isVisible ? 'Visible' : 'Hidden'\r\n        });\r\n\r\n        if (this.props.onIsHiddenUpdated) {\r\n            this.props.onIsHiddenUpdated(this.props.featureGuid, !this.state.isVisible);\r\n        }\r\n    }\r\n}\r\n\r\n// tslint:disable-next-line: no-any\r\nexport default withStyles(styles as any, { withTheme: true })(FeatureLayoutCardClone as any) as any;","import * as React from 'react';\r\nimport { FeatureLayoutConfiguration } from './FeatureLayoutConfigurationRepository';\r\nimport FeatureLayoutCardDraggable from './FeatureLayoutCardDraggable';\r\nimport { Droppable, DroppableProvided, DroppableStateSnapshot, \r\n    DraggableRubric, DraggableStateSnapshot, DraggableProvided }  from 'react-beautiful-dnd';\r\nimport glamorous from 'glamorous';\r\nimport FeatureLayoutCardClone from './FeatureLayoutCardClone';\r\n\r\n// tslint:disable-next-line: no-any\r\nconst FeatureListContainer = glamorous.div<{theme?: any}> ((props) => ({\r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\nconst FeatureList = glamorous.div<{theme?: any}> ((props) => ({\r\n    flexGrow: 1,\r\n    display: 'flex',\r\n    // justifyContent: 'space-evenly',\r\n    // flexFlow: 'row wrap',\r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\nconst CloneItem = glamorous.div<{theme?: any}> ((props) => ({\r\n    display: 'flex',\r\n    // flex: 1,\r\n}));\r\n\r\n// tslint:disable-next-line: no-any\r\nconst FeatureLayoutCardDraggableWrapper = glamorous.div<{theme?: any}> ((props) => ({\r\n    // flex: 1,\r\n}));\r\n\r\ninterface FeatureLayoutConfigurationDroppableProps  {\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    droppableId: string;\r\n    onIsHiddenUpdated?: (featureGuid: string, isHidden: boolean) => void;\r\n    itemsPerRow: number;\r\n    windowInnterWidth: number;\r\n    isDragDisabled?: boolean;\r\n    isInternalAdmin: boolean;\r\n}\r\n\r\ninterface FeatureLayoutConfigurationDroppableState {\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n}\r\n\r\nexport class FeatureLayoutConfigurationDroppable \r\n    extends React.Component<FeatureLayoutConfigurationDroppableProps, FeatureLayoutConfigurationDroppableState>  {\r\n    constructor(props: FeatureLayoutConfigurationDroppableProps, state: FeatureLayoutConfigurationDroppableState) {\r\n        super(props, state);\r\n\r\n        this.getFeatureLayoutCardDraggable = this.getFeatureLayoutCardDraggable.bind(this);\r\n        this.onIsHiddenUpdated = this.onIsHiddenUpdated.bind(this);\r\n\r\n        this.state = {\r\n            featureLayoutConfigurationList: this.props.featureLayoutConfigurationList\r\n        };\r\n    }\r\n\r\n    public shouldComponentUpdate(nextProps: FeatureLayoutConfigurationDroppableProps) {\r\n        // If we don't have this, the draggable will always try to render\r\n        if (nextProps.featureLayoutConfigurationList === this.props.featureLayoutConfigurationList) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    public UNSAFE_componentWillReceiveProps(nextProps: FeatureLayoutConfigurationDroppableProps) {\r\n        if (this.props.featureLayoutConfigurationList !== nextProps.featureLayoutConfigurationList) {\r\n            this.setState({\r\n                featureLayoutConfigurationList: nextProps.featureLayoutConfigurationList\r\n            });\r\n        }\r\n    }\r\n\r\n    public render() { \r\n        const featureLayouts = this.getFeatureLayoutCardDraggable();\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <FeatureListContainer className=\"FeatureListContainer\">\r\n                    <Droppable\r\n                        droppableId={this.props.droppableId}\r\n                        direction={'horizontal'}\r\n                        // mode=\"virtual\"                        \r\n                        renderClone={(provided: DraggableProvided, snapshot: DraggableStateSnapshot, rubric: DraggableRubric) => (\r\n                            snapshot.isDragging ? this.getCloneItem(rubric.draggableId, provided, snapshot, rubric) \r\n                            : this.getCloneItem(rubric.draggableId, provided, snapshot, rubric)\r\n                        )}\r\n                    >                                      \r\n                        {(provided: DroppableProvided, snapshot: DroppableStateSnapshot) => (   \r\n                            <FeatureList \r\n                                innerRef={provided.innerRef}\r\n                                {...provided.droppableProps}                                \r\n                                // isDraggingOver={snapshot.isDraggingOver}                                \r\n                            >\r\n                                {featureLayouts}                                                                  \r\n                                {provided.placeholder}                                \r\n                                {/* To Increase the space in droppable while drag */}                            \r\n                            </FeatureList>                              \r\n                            \r\n                        )}\r\n                    </Droppable>\r\n                </FeatureListContainer>\r\n            </React.Fragment>\r\n        );\r\n    }\r\n\r\n    private getCloneItem(featureGuid: string, provided: DraggableProvided, snapshot: DraggableStateSnapshot, rubric: DraggableRubric) {\r\n        const featureLayout = this.state.featureLayoutConfigurationList.filter( x => x.featureGuid === featureGuid)[0];\r\n        // const index = this.state.featureLayoutConfigurationList.indexOf(featureLayout);\r\n        return (\r\n            <React.Fragment>\r\n                {\r\n                    <CloneItem\r\n                        key={featureLayout.featureGuid}\r\n                        {...provided.draggableProps}\r\n                        {...provided.dragHandleProps}\r\n                        innerRef={provided.innerRef}   \r\n                    >\r\n                        <FeatureLayoutCardClone\r\n                            key={featureLayout.featureGuid}\r\n                            featureGuid={featureLayout.featureGuid}\r\n                            feature={featureLayout.feature}\r\n                            title={featureLayout.title}\r\n                            description={featureLayout.description}\r\n                            isHidden={featureLayout.isHidden}\r\n                            sequence={featureLayout.sequence}\r\n                            onIsHiddenUpdated={this.onIsHiddenUpdated}    \r\n                            itemPerRow={this.props.itemsPerRow}\r\n                            windowInnterWidth={this.props.windowInnterWidth} \r\n                            infoUrl={featureLayout.infoUrl}                   \r\n                        />\r\n                    </CloneItem>              \r\n                })\r\n            </React.Fragment>\r\n        );\r\n    }\r\n\r\n    private getFeatureLayoutCardDraggable() {\r\n        return (\r\n            <React.Fragment>\r\n                {                        \r\n                    this.state.featureLayoutConfigurationList.map((featureLayout, index) => {\r\n                        return (    \r\n                            // <Grid.Column key={index}>      \r\n                            <FeatureLayoutCardDraggableWrapper \r\n                                className=\"FeatureLayoutCardDraggableWrapper\" \r\n                                key={index}\r\n                            >\r\n                                <FeatureLayoutCardDraggable\r\n                                    index={index}\r\n                                    key={featureLayout.featureGuid}\r\n                                    featureGuid={featureLayout.featureGuid}\r\n                                    feature={featureLayout.feature}\r\n                                    title={featureLayout.title}\r\n                                    description={featureLayout.description}\r\n                                    isHidden={featureLayout.isHidden}\r\n                                    sequence={featureLayout.sequence}\r\n                                    onIsHiddenUpdated={this.onIsHiddenUpdated}\r\n                                    itemPerRow={this.props.itemsPerRow}\r\n                                    windowInnterWidth={this.props.windowInnterWidth}\r\n                                    isDragDisabled={this.props.isDragDisabled}\r\n                                    infoUrl={featureLayout.infoUrl}\r\n                                    isInternalAdmin={this.props.isInternalAdmin}\r\n\r\n                                />\r\n                            </FeatureLayoutCardDraggableWrapper> \r\n                        );\r\n                })}\r\n            </React.Fragment>\r\n        );\r\n    }\r\n\r\n    private onIsHiddenUpdated(featureGuid: string, isHidden: boolean) {\r\n        if (this.props.onIsHiddenUpdated) {\r\n            this.props.onIsHiddenUpdated(featureGuid, !isHidden);\r\n        }\r\n    }\r\n}","import * as React from 'react';\r\nimport { FeatureLayoutConfiguration, FeatureSearchChanges } from './FeatureLayoutConfigurationRepository';\r\nimport { DragDropContext }  from 'react-beautiful-dnd';\r\nimport { FeatureLayoutConfigurationDroppable } from './FeatureLayoutConfigurationDroppable';\r\n\r\nexport interface DroppableRows {\r\n    droppableRow: DroppableRow[];\r\n}\r\n\r\nexport interface DroppableRow {\r\n    id: string;\r\n    featureList: FeatureLayoutConfiguration[];\r\n}\r\n\r\ninterface FeatureLayoutConfigurationListProps  {\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    isSearch: boolean; // When the List is filtered using search\r\n    onDragEnd?: (featureLayoutConfigurationList: FeatureLayoutConfiguration[] ) => void;\r\n    isDragDisabled?: boolean;\r\n    isHideAllOperation: boolean;\r\n    isSearchChanged: boolean;\r\n    onVisibilityChanged?: () => void;\r\n    isInternalAdmin: boolean;\r\n}\r\n\r\ninterface FeatureLayoutConfigurationListState {\r\n    windowInnterWidth: number;\r\n    itemsPerRow: number;\r\n    isLoading: boolean;\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    droppableRows: DroppableRows;    \r\n    featureSearchChanges: FeatureSearchChanges[];\r\n    isSearch: boolean;\r\n}\r\n\r\nexport class FeatureLayoutConfigurationList extends React.Component<FeatureLayoutConfigurationListProps, FeatureLayoutConfigurationListState>  {\r\n    constructor(props: FeatureLayoutConfigurationListProps, state: FeatureLayoutConfigurationListState) {\r\n        super(props, state);\r\n\r\n        this.onDragEnd = this.onDragEnd.bind(this);\r\n        this.constructRows = this.constructRows.bind(this);\r\n        this.getDroppable = this.getDroppable.bind(this);\r\n        this.onIsHiddenUpdated = this.onIsHiddenUpdated.bind(this);\r\n        this.gridBreakPoints = this.gridBreakPoints.bind(this);\r\n\r\n        this.state = {\r\n            itemsPerRow: this.gridBreakPoints(window.innerWidth), // Math.floor(window.innerWidth / 450),\r\n            windowInnterWidth: window.innerWidth,\r\n            isLoading: false,\r\n            featureLayoutConfigurationList: [],\r\n            droppableRows: { droppableRow: [] },\r\n            featureSearchChanges: [],\r\n            isSearch: false\r\n        };\r\n    }\r\n\r\n    public UNSAFE_componentWillReceiveProps(nextProps: FeatureLayoutConfigurationListProps) {\r\n        if (this.state.featureLayoutConfigurationList !== nextProps.featureLayoutConfigurationList ||\r\n            this.props.isSearch !== nextProps.isSearch) {\r\n            this.constructRows(nextProps.featureLayoutConfigurationList.slice(), false, nextProps.isSearch, false, nextProps.isHideAllOperation);\r\n        }\r\n\r\n        if (nextProps.isSearchChanged === true) {\r\n            this.setState({\r\n                featureSearchChanges: []\r\n            });\r\n        }\r\n    }\r\n\r\n    public shouldComponentUpdate(nextProps: FeatureLayoutConfigurationListProps) {\r\n        // Prevent render if the list is same\r\n        if (nextProps.featureLayoutConfigurationList === this.state.featureLayoutConfigurationList) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    public componentDidMount() {\r\n        this.setState({\r\n          windowInnterWidth: window.innerWidth\r\n        });\r\n        window.addEventListener('resize', this.updateDimensions.bind(this));\r\n    }\r\n\r\n    public componentWillUnmount() {\r\n        window.removeEventListener('resize', this.updateDimensions.bind(this));\r\n    }  \r\n\r\n    public render() { \r\n\r\n        // const droppables = this.getDroppable();\r\n\r\n        return (            \r\n            <DragDropContext\r\n                onDragEnd={this.onDragEnd}                    \r\n            >  \r\n                {/* {droppables} */}\r\n                <React.Fragment>\r\n                    {this.state.droppableRows.droppableRow.map((droppableRow, index) =>\r\n                        <FeatureLayoutConfigurationDroppable\r\n                            key={index}\r\n                            featureLayoutConfigurationList={droppableRow.featureList}\r\n                            droppableId={droppableRow.id}\r\n                            onIsHiddenUpdated={this.onIsHiddenUpdated}\r\n                            itemsPerRow={this.state.itemsPerRow}\r\n                            windowInnterWidth={this.state.windowInnterWidth}\r\n                            isDragDisabled={this.props.isDragDisabled}\r\n                            isInternalAdmin={this.props.isInternalAdmin}\r\n                        />          \r\n                    )}  \r\n                </React.Fragment>   \r\n            </DragDropContext>                   \r\n        );\r\n    }\r\n    \r\n    private gridBreakPoints(width: number) {\r\n        if (width >= 1280) {\r\n            return 4;\r\n        } else if (width >= 960) {\r\n            return 3;\r\n        } else if (width >= 600) {\r\n            return 2;\r\n        } else {\r\n            return 1;\r\n        }\r\n    }\r\n\r\n    private updateDimensions() {\r\n        this.setState({\r\n            windowInnterWidth: window.innerWidth,\r\n            itemsPerRow: this.gridBreakPoints(window.innerWidth) // Math.floor(window.innerWidth / 450)\r\n        });\r\n        \r\n        this.constructRows(this.state.featureLayoutConfigurationList, true, false, false, false);\r\n    }\r\n\r\n    private getDroppable() {\r\n        return( \r\n            <React.Fragment>\r\n                {this.state.droppableRows.droppableRow.map((droppableRow, index) =>\r\n                    <FeatureLayoutConfigurationDroppable\r\n                        key={index}\r\n                        featureLayoutConfigurationList={droppableRow.featureList}\r\n                        droppableId={droppableRow.id}\r\n                        onIsHiddenUpdated={this.onIsHiddenUpdated}\r\n                        itemsPerRow={this.state.itemsPerRow}\r\n                        windowInnterWidth={this.state.windowInnterWidth}\r\n                        isInternalAdmin={this.props.isInternalAdmin}\r\n                    />          \r\n                )}  \r\n            </React.Fragment>       \r\n        );\r\n    }\r\n\r\n    private constructRows(featureLayoutConfigurationList: FeatureLayoutConfiguration[], isReOrder: boolean, \r\n                          isSearch?: boolean, isHiddenUpdated?: boolean, isHideAllOperation?: boolean) {\r\n        let featureLayoutConfigurationListCopy: FeatureLayoutConfiguration[] = featureLayoutConfigurationList;\r\n\r\n        const featureSearchChanges = this.state.featureSearchChanges;\r\n\r\n        // If we already had previous record in search, then apply these changes back to featureLayoutChanges\r\n        if (this.state.featureSearchChanges.length > 0 && featureLayoutConfigurationList.length > 0 &&\r\n            isHiddenUpdated === false && isHideAllOperation === false) {\r\n            this.state.featureSearchChanges.forEach((featureChange: FeatureSearchChanges) => {\r\n                featureLayoutConfigurationListCopy.forEach((feature: FeatureLayoutConfiguration) => {\r\n                    if (feature.featureGuid.toLowerCase() === featureChange.featureGuid.toLowerCase()) {\r\n                        feature.isHidden = featureChange.isHidden;\r\n                    }\r\n                });               \r\n            });\r\n        }\r\n\r\n        // Construct Rows. 5 Items per Row.\r\n        let rowNumber = 1;\r\n        let droppableRows: DroppableRows = { droppableRow: [] };\r\n\r\n        for (let index = 0; index < featureLayoutConfigurationListCopy.length; index++) {\r\n            // Check the count of featureList. if it is 5, create new row\r\n            let lastDroppableRow = droppableRows.droppableRow[droppableRows.droppableRow.length - 1];\r\n\r\n            if (lastDroppableRow !== undefined \r\n                && lastDroppableRow.featureList.length === this.state.itemsPerRow) {\r\n                rowNumber = rowNumber + 1; // Increase to next row.\r\n\r\n                // Create a new Row\r\n                droppableRows.droppableRow.push({\r\n                    id: 'row-' + rowNumber.toString(),\r\n                    featureList: []\r\n                });\r\n            }\r\n\r\n            if (lastDroppableRow === undefined) {\r\n                droppableRows.droppableRow.push({\r\n                     id: 'row-' + rowNumber.toString(),\r\n                     featureList: []\r\n                 });\r\n             }\r\n\r\n            lastDroppableRow = droppableRows.droppableRow[droppableRows.droppableRow.length - 1];\r\n            lastDroppableRow.featureList.push(featureLayoutConfigurationListCopy[index]);\r\n\r\n            // if (featureLayoutConfigurationListCopy[index].feature.toLowerCase() === ('FeesBilledByPeriodVsBudgetChart').toLowerCase()) {\r\n            //     // tslint:disable-next-line: no-console\r\n            //     console.log('Feature', featureLayoutConfigurationListCopy[index]);\r\n            // }\r\n        }\r\n\r\n        // re-order featureLayoutConfigurationList\r\n        let featureLayoutConfigList: FeatureLayoutConfiguration[] = [];\r\n        if (isReOrder) {           \r\n            let newdroppableRowList = Array.from(droppableRows.droppableRow); \r\n\r\n            let sequence: number = 1;\r\n            newdroppableRowList.forEach(droppableRow => {\r\n                droppableRow.featureList.forEach(featureLayout => {   \r\n                    featureLayout.sequence = sequence;    \r\n                    featureLayoutConfigList.push(featureLayout);\r\n                    sequence = sequence + 1;\r\n                });                \r\n            });\r\n        }\r\n\r\n        // Set hidden list, and maintain the feature hidden flags. This can be used again when we are using search\r\n        if (isSearch !== undefined && isSearch === false && featureLayoutConfigurationListCopy.length > 0) {\r\n            \r\n            featureLayoutConfigurationListCopy.forEach((item: FeatureLayoutConfiguration) => {\r\n                let featureSearchChange = featureSearchChanges.find((featureItem) => {\r\n                    return featureItem.featureGuid.toLowerCase() === item.featureGuid.toLowerCase();\r\n                });\r\n\r\n                if (featureSearchChange === undefined) {\r\n                    featureSearchChanges.push({\r\n                        feature: item.feature,\r\n                        featureGuid: item.featureGuid,\r\n                        isHidden: item.isHidden,\r\n                        sequence: item.sequence\r\n                    });\r\n                } else {\r\n                    featureSearchChange.isHidden = item.isHidden;\r\n                }\r\n            });\r\n\r\n            // const feesBilledByPeriodVsBudgetChartGuid = \r\n            // featureSearchChanges.find(feature => feature.featureGuid.toLowerCase() === ('C4A8B6C2-3D48-4BC5-8BF7-DB4B8AF8E118').toLowerCase());\r\n            // // tslint:disable-next-line: no-console\r\n            // console.log('Feature Inside Push Guid', feesBilledByPeriodVsBudgetChartGuid);   \r\n\r\n            // const feesBilledByPeriodVsBudgetChart = \r\n            // featureSearchChanges.find(feature => feature.feature.toLowerCase() === ('FeesBilledByPeriodVsBudgetChart').toLowerCase());\r\n            \r\n            // // tslint:disable-next-line: no-console\r\n            // console.log('Feature Inside Push', feesBilledByPeriodVsBudgetChart);            \r\n\r\n            this.setState({\r\n                droppableRows: droppableRows,\r\n                featureLayoutConfigurationList: isReOrder ? featureLayoutConfigList : featureLayoutConfigurationListCopy,\r\n                featureSearchChanges: featureSearchChanges,\r\n                isSearch: isSearch\r\n            });\r\n        } else {\r\n            featureLayoutConfigurationListCopy.forEach((item: FeatureLayoutConfiguration) => {\r\n                featureSearchChanges.forEach(featureSearch => {\r\n                    if (featureSearch.featureGuid.toLowerCase() === item.featureGuid.toLowerCase()) {\r\n                        featureSearch.isHidden = item.isHidden;\r\n                    }\r\n                });\r\n            });\r\n\r\n            const feesBilledByPeriodVsBudgetChart = featureSearchChanges.find(feature => feature.feature.toLowerCase() === ('FeesBilledByPeriodVsBudgetChart').toLowerCase());\r\n            \r\n            // tslint:disable-next-line: no-console\r\n            console.log('Feature Inside Update', feesBilledByPeriodVsBudgetChart);\r\n\r\n            this.setState({\r\n                droppableRows: droppableRows,\r\n                featureLayoutConfigurationList: isReOrder ? featureLayoutConfigList : featureLayoutConfigurationListCopy,\r\n                featureSearchChanges: featureSearchChanges,\r\n                isSearch: isSearch === undefined ? false : isSearch\r\n            });\r\n        }        \r\n\r\n        if (isReOrder) {\r\n            if (this.props.onDragEnd) {\r\n                this.props.onDragEnd(featureLayoutConfigurationListCopy);\r\n            }\r\n        }\r\n    }\r\n \r\n    // tslint:disable-next-line: no-any\r\n    private onDragEnd(result: any) {\r\n        const {destination, source, draggableId} = result;\r\n\r\n        if (!destination) {\r\n            return;\r\n        }\r\n\r\n        if (destination.droppableId === source.droppableId &&\r\n            destination.index === source.index) {\r\n            return;\r\n        }\r\n\r\n        // Get current source object & with draggable feature\r\n        const sourceDroppable = this.state.droppableRows.droppableRow.filter(x => x.id === source.droppableId);\r\n        const draggableFeatures = sourceDroppable[0].featureList.filter( x => x.featureGuid === draggableId);\r\n        const draggableFeature = draggableFeatures[0];\r\n\r\n        // Get destination object\r\n        const destinationDroppable = this.state.droppableRows.droppableRow.filter(x => x.id === destination.droppableId);\r\n\r\n        // Remove from current source\r\n        sourceDroppable[0].featureList.splice(source.index, 1); // Remove the draggable from it's previous location\r\n\r\n        // Insert the draggable in the new destination\r\n        destinationDroppable[0].featureList.splice(destination.index, 0, draggableFeature);\r\n\r\n        // Select all features from rows into a object\r\n        let featureLayoutConfigurationList: FeatureLayoutConfiguration[] = [];\r\n\r\n        this.state.droppableRows.droppableRow.forEach(droppableRow => {\r\n            droppableRow.featureList.forEach(featureLayout => {\r\n                featureLayoutConfigurationList.push(featureLayout);\r\n            });            \r\n        });\r\n\r\n        // call constuctRows again to order\r\n        this.constructRows(featureLayoutConfigurationList, true, false, false, false);\r\n    }\r\n\r\n    private onIsHiddenUpdated(featureGuid: string, isHidden: boolean) {\r\n        if (this.state.featureLayoutConfigurationList !== undefined) {\r\n            let newfeatureLayoutConfigurationList = this.state.featureLayoutConfigurationList;\r\n            let featureLayout = this.state.featureLayoutConfigurationList.filter(x => x.featureGuid === featureGuid);\r\n\r\n            if (featureLayout.length > 0) {\r\n                featureLayout[0].isHidden = isHidden;\r\n\r\n                this.setState({\r\n                    featureLayoutConfigurationList: newfeatureLayoutConfigurationList\r\n                });\r\n            }\r\n\r\n            this.constructRows(this.state.featureLayoutConfigurationList, false, false, true, false);\r\n\r\n            if (this.props.onVisibilityChanged) {\r\n                this.props.onVisibilityChanged();\r\n            }\r\n        }\r\n    }\r\n}","import * as React from 'react';\r\nimport glamorous from 'glamorous';\r\nimport { RvContainer } from '../components/Container';\r\nimport { FeatureLayoutConfigurationHeader } from './FeatureLayoutConfigurationHeader';\r\nimport FeatureLayoutConfigurationControlPanel  from './FeatureLayoutConfigurationControlPanel';\r\nimport { FeatureLayoutConfigurationList } from './FeatureLayoutConfigurationList';\r\nimport { FeatureLayoutConfiguration, UpdateFeatureLayoutConfigData, featureLayoutConfigSubscription, \r\n    DeleteFeatureLayoutConfigData, \r\n    fetchCurrentUserData,\r\n    CurrentUserData } from './FeatureLayoutConfigurationRepository';\r\nimport { client } from '..';\r\nimport { showNotification, RouterProps } from '../App';\r\nimport { Subscription } from 'apollo-client/util/Observable';\r\nimport { MatterTerminology } from '../MatterTerminology';\r\nimport { IAutoCompleteItem } from '../typings/autoComplete';\r\n\r\nconst GridWrapper = glamorous.div<{theme?: object}>((props) => ({\r\n    [`& .${`pushable`}`]: {\r\n        overflow: 'visible',\r\n        [`& .${`sidebar`}`]: {\r\n            top: '0px !important',\r\n            width: '500px !important'\r\n        },\r\n    },\r\n    [`& .${`segment`}`]: {\r\n        // overflow: 'visible',\r\n        // top: '10px !important',\r\n        padding: 0,\r\n        // background: props.theme.NeutralColors.BackgroundGrey5\r\n    }        \r\n}));\r\n\r\nconst ContentWrapper = glamorous.div <{ theme?: object }>((props) => ({\r\n    padding: '0 34px',\r\n    '@media (max-width: 1024px)': {\r\n        padding: 0\r\n    }\r\n}));\r\n\r\n// tslint:disable-next-line:no-any\r\nconst StyledSummaryContent = glamorous.div <{ theme?: any }>((props) => ({\r\n    borderRadius: '8px',\t\r\n    backgroundColor: props.theme.NeutralColors.BackgroundWhite,\t\r\n    boxShadow: '0 0 14px 0 ' + props.theme.NeutralColors.BackgroundGrey4,\r\n    // height: window.innerHeight - 300,\r\n    height: '100%'\r\n}));\r\n\r\nconst SummaryViewWrapper = glamorous.div<{ theme?: object }>((props) => ({\r\n    paddingLeft: '30px',\r\n    paddingRight: '30px',\r\n    paddingBottom: '20px',\r\n}));\r\n\r\nexport enum TypeOfDashboard {\r\n    firm = 0,\r\n    lead = 1,\r\n    feeEarner = 2,\r\n    task = 3,\r\n    client = 4\r\n}\r\n\r\nexport interface FeatureLayoutConfigurationProps extends RouterProps {\r\n    // tslint:disable-next-line: no-any\r\n    location: any;\r\n}\r\n\r\ninterface FeatureLayoutConfigurationState {  \r\n    layoutId: number;  \r\n    isInternalRole: boolean | null; // RoleCategory\r\n    isAdministrator: boolean | null; // RoleCategory\r\n    roleId: string | null;\r\n    userEmail: string | null;\r\n    isPersonal: boolean | null;\r\n    featureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    filteredFeatureLayoutConfigurationList: FeatureLayoutConfiguration[];\r\n    isSearchAgain: boolean;\r\n    isSearchChanged: boolean;\r\n    isHideAllOperation: boolean;\r\n    dashboardPanel: IAutoCompleteItem | null;\r\n    dashboardScope: string | null;\r\n    personalise: boolean;\r\n    isCurrentUserLoading: boolean;\r\n    isInternalUser: boolean;\r\n    userId: string | null;\r\n    isInternalAdmin: boolean;\r\n}\r\n\r\nexport class FeatureLayoutConfigurationPage extends React.Component<FeatureLayoutConfigurationProps, FeatureLayoutConfigurationState>  {\r\n    private featureLayoutConfigurationSubscription: Subscription;\r\n    private isSubscribed: boolean;\r\n    private isShowFilterControls: boolean = true;\r\n    private hasBack: boolean = true;\r\n\r\n    constructor(props: FeatureLayoutConfigurationProps, state: FeatureLayoutConfigurationState) {\r\n        super(props, state);\r\n        \r\n        this.onFeatureLayoutConfigurationFetch = this.onFeatureLayoutConfigurationFetch.bind(this);\r\n        this.onSearchCriteriaChanged = this.onSearchCriteriaChanged.bind(this);\r\n        this.onDragEnd = this.onDragEnd.bind(this);\r\n        this.handleSave = this.handleSave.bind(this);\r\n        this.handleReset = this.handleReset.bind(this);\r\n        this.saveFeatureLayoutConfiguration = this.saveFeatureLayoutConfiguration.bind(this);\r\n        this.deleteFeatureLayoutConfiguration = this.deleteFeatureLayoutConfiguration.bind(this);\r\n        this.subscribeToFeatureLayoutConfig = this.subscribeToFeatureLayoutConfig.bind(this);\r\n        this.onClickBack = this.onClickBack.bind(this);\r\n        this.fetchCurrentUser = this.fetchCurrentUser.bind(this);\r\n        this.onRetreivedCurrentUser = this.onRetreivedCurrentUser.bind(this);\r\n        this.onVisibilityChanged = this.onVisibilityChanged.bind(this);\r\n\r\n        this.isSubscribed = false;\r\n\r\n        let personaliseStorage = sessionStorage.getItem('personalise');\r\n        // let layoutId = sessionStorage.getItem('layoutId');\r\n        let dashboardScope = sessionStorage.getItem('dashboardScope');\r\n        let dashboardPanelValue = sessionStorage.getItem('dashboardPanelValue');\r\n        let dashboardPanelLabel = sessionStorage.getItem('dashboardPanelLabel');\r\n\r\n        let layoutId = props.location.state && props.location.state.layoutId ? props.location.state.layoutId : Number(sessionStorage.getItem('layoutId'));\r\n\r\n        if (personaliseStorage === 'noback') {\r\n            this.hasBack = false;\r\n        }\r\n\r\n        let dashboardPanel: IAutoCompleteItem | null = { label: 'Home', value: 'all' };\r\n\r\n        if (dashboardPanelValue && dashboardPanelLabel ) {\r\n            dashboardPanel =  { label: dashboardPanelLabel, value: dashboardPanelValue };\r\n        } \r\n        \r\n        this.state = {\r\n            layoutId: props.location.state && props.location.state.layoutId ? props.location.state.layoutId : Number(layoutId),\r\n            isInternalRole: null,\r\n            isAdministrator: null,\r\n            roleId: null,\r\n            userEmail: null,\r\n            isPersonal: dashboardScope === 'DashboardSecurityPersonal' ? true : null,\r\n            featureLayoutConfigurationList: [],\r\n            filteredFeatureLayoutConfigurationList: [],\r\n            isSearchAgain: false,\r\n            isSearchChanged: false,\r\n            isHideAllOperation: false,\r\n            dashboardPanel: dashboardPanel,\r\n            dashboardScope: dashboardScope,\r\n            personalise: personaliseStorage === 'noback',\r\n            isCurrentUserLoading: true,\r\n            isInternalUser: true,\r\n            userId: null,\r\n            isInternalAdmin: false\r\n        };\r\n\r\n        // After assigning the values, clear them from session storage\r\n        sessionStorage.removeItem('layoutId');\r\n        sessionStorage.removeItem('dashboardScope');\r\n        sessionStorage.removeItem('dashboardPanelValue');\r\n        sessionStorage.removeItem('dashboardPanelLabel');\r\n    }\r\n\r\n    // tslint:disable-next-line: no-empty\r\n    public componentDidMount() {\r\n        this.fetchCurrentUser();\r\n        if (!this.isSubscribed) {\r\n            this.isSubscribed = true;\r\n            this.subscribeToFeatureLayoutConfig();   \r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: no-empty\r\n    public componentWillUnmount() {\r\n        if (this.featureLayoutConfigurationSubscription) {\r\n            this.featureLayoutConfigurationSubscription.unsubscribe();\r\n        } \r\n    }\r\n\r\n    // tslint:disable-next-line: no-empty\r\n    public UNSAFE_componentWillReceiveProps(nextProps: FeatureLayoutConfigurationProps) {\r\n        // let layoutId = sessionStorage.getItem('layoutId');\r\n        // let dashboardScope = sessionStorage.getItem('dashboardScope');\r\n\r\n        // this.setState({\r\n        //     layoutId: layoutId ? Number(layoutId) : 0,\r\n        //     dashboardScope: dashboardScope\r\n        // });        \r\n    }\r\n\r\n    public render() { \r\n        let title = MatterTerminology.FirmDashboardLayout;\r\n        this.isShowFilterControls = true;\r\n\r\n        if (this.state.layoutId === TypeOfDashboard.lead) {\r\n            title = MatterTerminology.EnquiryDashboardLayout;\r\n        } else if (this.state.layoutId === TypeOfDashboard.feeEarner) {\r\n            title = MatterTerminology.FeeEarnerDashboardLayout;\r\n            // this.isShowFilterControls = false;\r\n        } else if (this.state.layoutId === TypeOfDashboard.task) {\r\n            title = MatterTerminology.TaskDashboardLayout;\r\n        } else if (this.state.layoutId === TypeOfDashboard.client) {\r\n            title = MatterTerminology.ClientDashboardLayout;\r\n        }\r\n\r\n        // If the list is filtered using the search, then show filtered list\r\n        const isSearch = this.state.featureLayoutConfigurationList.length !== this.state.filteredFeatureLayoutConfigurationList.length;\r\n\r\n        return (\r\n            <>\r\n                <GridWrapper className=\"gridwrapper mattersummry-wrapper\">\r\n                    <RvContainer rvClassName=\"banner-container\">\r\n                        <FeatureLayoutConfigurationHeader \r\n                            key=\"flcdlh\" \r\n                            onClickBack={this.onClickBack}\r\n                            title={title}\r\n                            hasBack={this.hasBack}\r\n                        />\r\n                    </RvContainer>\r\n                    <RvContainer rvClassName=\"content-container\">\r\n                        <ContentWrapper className=\"content-wrapper\">\r\n                            <StyledSummaryContent className=\"summarytablediv\">\r\n                                {/* Control Panel or Controls */}\r\n                                <FeatureLayoutConfigurationControlPanel\r\n                                    layoutId={this.state.layoutId}\r\n                                    onFeatureLayoutConfigurationFetch={this.onFeatureLayoutConfigurationFetch}\r\n                                    handleSave={this.handleSave}\r\n                                    handleReset={this.handleReset}\r\n                                    onSearchCriteriaChanged={this.onSearchCriteriaChanged}\r\n                                    isSearchAgain={this.state.isSearchAgain}\r\n                                    isShowFilterControls={this.isShowFilterControls}\r\n                                    dashboardPanel={this.state.dashboardPanel}\r\n                                    dashboardScope={this.state.dashboardScope}\r\n                                    personalise={this.state.personalise}\r\n                                    isInternalUser={this.state.isInternalUser}\r\n                                />\r\n                                \r\n                                <SummaryViewWrapper className=\"summaryview-wrapper\">                                \r\n                                    {/* Draggable control */}\r\n                                    <FeatureLayoutConfigurationList\r\n                                        // tslint:disable-next-line: max-line-length\r\n                                        featureLayoutConfigurationList={isSearch \r\n                                            ? this.state.filteredFeatureLayoutConfigurationList \r\n                                            : this.state.featureLayoutConfigurationList}\r\n                                        isSearch={isSearch}\r\n                                        onDragEnd={this.onDragEnd}  \r\n                                        isDragDisabled={isSearch}\r\n                                        isHideAllOperation={this.state.isHideAllOperation}\r\n                                        isSearchChanged={this.state.isSearchChanged}\r\n                                        onVisibilityChanged={this.onVisibilityChanged}\r\n                                        isInternalAdmin={this.state.isInternalAdmin}\r\n                                    />\r\n                                </SummaryViewWrapper>\r\n                            </StyledSummaryContent>\r\n                        </ContentWrapper>   \r\n                    </RvContainer>                           \r\n                </GridWrapper>\r\n            </>\r\n        );\r\n    }\r\n\r\n    private onClickBack() {\r\n        this.props.history.goBack();\r\n    }\r\n\r\n    private onFeatureLayoutConfigurationFetch(\r\n        featureLayoutConfigurationList: FeatureLayoutConfiguration[],\r\n        filteredFeatureLayoutConfigurationList: FeatureLayoutConfiguration[],\r\n        isHideAllOperation: boolean\r\n    ) {\r\n        \r\n        this.setState({\r\n            featureLayoutConfigurationList: featureLayoutConfigurationList,\r\n            filteredFeatureLayoutConfigurationList: filteredFeatureLayoutConfigurationList,\r\n            isSearchAgain: false,\r\n            isSearchChanged: false,\r\n            isHideAllOperation: isHideAllOperation\r\n        });\r\n    }\r\n\r\n    private onSearchCriteriaChanged(\r\n        layoutId: number, \r\n        isInternalRole: boolean | null, \r\n        isAdministrator: boolean | null,\r\n        userEmail: string | null, \r\n        roleId: string | null, \r\n        isPersonal: boolean | null,\r\n        dashboardPanel: IAutoCompleteItem | null,\r\n        userId: string | null\r\n    ) {\r\n\r\n        // console.log(\r\n        //     'dashboardPanel', dashboardPanel,\r\n        //     'isInternalRole', isInternalRole,\r\n        //     'isAdministrator', isAdministrator,\r\n        //     'userEmail', userEmail,\r\n        //     'roleId', roleId,\r\n        //     'isPersonal', isPersonal,\r\n        // );\r\n\r\n        this.setState({\r\n            isInternalRole: isInternalRole,\r\n            isAdministrator: isAdministrator,\r\n            userEmail: userEmail,\r\n            roleId: roleId,\r\n            isPersonal: isPersonal,\r\n            dashboardPanel: dashboardPanel,\r\n            isSearchChanged: true,\r\n            userId: userId && userId.length > 0 ? userId : null,\r\n        });\r\n    }\r\n\r\n    private onDragEnd(featureLayoutConfigurationList: FeatureLayoutConfiguration[]) {\r\n        \r\n        this.setState({\r\n            featureLayoutConfigurationList: featureLayoutConfigurationList,\r\n            // isConfigChanged: true\r\n        });\r\n\r\n        // sessionStorage.setItem(ChangedPageEnum.DashboardLayoutConfiguration, 'true');\r\n    }\r\n\r\n    private onVisibilityChanged() {\r\n        this.setState({\r\n            // isConfigChanged: true\r\n        });\r\n        // sessionStorage.setItem(ChangedPageEnum.DashboardLayoutConfiguration, 'true');\r\n    }\r\n\r\n    private handleSave() {\r\n        this.saveFeatureLayoutConfiguration();\r\n    }\r\n\r\n    private handleReset() {\r\n        this.deleteFeatureLayoutConfiguration();\r\n    }\r\n    \r\n    private saveFeatureLayoutConfiguration() {    \r\n        if (this.state.featureLayoutConfigurationList !== undefined) {\r\n\r\n            const featureLayoutConfigurationList = this.state.featureLayoutConfigurationList;\r\n            const filteredFeatureLayoutConfigurationList = this.state.filteredFeatureLayoutConfigurationList;\r\n\r\n            if (featureLayoutConfigurationList.length !== filteredFeatureLayoutConfigurationList.length) {\r\n                filteredFeatureLayoutConfigurationList.forEach((filtered: FeatureLayoutConfiguration) => {\r\n                    \r\n                    const objIndex = featureLayoutConfigurationList.findIndex((obj => obj.featureGuid === filtered.featureGuid));\r\n\r\n                    featureLayoutConfigurationList[objIndex].isHidden = filtered.isHidden;\r\n                    \r\n                });\r\n            }\r\n\r\n            // eslint-disable-next-line\r\n            let featureLayoutConfigList = new Array();\r\n\r\n            // To save the hidden features at the end of the list. \r\n            const featureList = featureLayoutConfigurationList.filter((item: FeatureLayoutConfiguration) => {\r\n                return !item.isHidden;\r\n            });\r\n\r\n            const hiddenFeatureList = featureLayoutConfigurationList.filter((item: FeatureLayoutConfiguration) => {\r\n                return item.isHidden;\r\n            });\r\n\r\n             // eslint-disable-next-line array-callback-return\r\n            featureList.map((featureLayout, index) => {\r\n                featureLayoutConfigList.push(\r\n                    {\r\n                        featureGuid: featureLayout.featureGuid,\r\n                        sequence: index,\r\n                        isHidden: featureLayout.isHidden\r\n                    }\r\n                );\r\n            });\r\n\r\n             // eslint-disable-next-line array-callback-return\r\n            hiddenFeatureList.map((featureLayout, index) => {\r\n                featureLayoutConfigList.push(\r\n                    {\r\n                        featureGuid: featureLayout.featureGuid,\r\n                        sequence: featureList.length + index,\r\n                        isHidden: featureLayout.isHidden\r\n                    }\r\n                );\r\n            });\r\n\r\n            client.mutate({\r\n                mutation: UpdateFeatureLayoutConfigData,\r\n                variables: {\r\n                    featureLayoutConfigurationList: featureLayoutConfigList,\r\n                    layoutId: this.state.layoutId,\r\n                    isInternalRole: this.isShowFilterControls === false ? null : this.state.isInternalRole,\r\n                    isAdministrator: this.isShowFilterControls === false ? null : this.state.isAdministrator,\r\n                    roleId: this.isShowFilterControls === false ? null : this.state.roleId,\r\n                    userEmail: this.isShowFilterControls === false ? null : this.state.userEmail,\r\n                    isPersonal: this.isShowFilterControls === false ? true : this.state.isPersonal,\r\n                    dashboardPanelId: this.state.dashboardPanel ? this.state.dashboardPanel.value === 'all' ? null : this.state.dashboardPanel.value : null,\r\n                    userId: this.state.userId ? this.state.userId : null\r\n                }\r\n            }) // tslint:disable-next-line:no-any\r\n            .then((results: { data: any; }) => { \r\n                if (results.data) {\r\n                    if (results.data.error === null || results.data.error === undefined) {\r\n                        showNotification(null, 'Successfully submitted', 'info'); \r\n                    } else {\r\n                        showNotification('Failed to Save Feature Layout Configuration', results.data.error, 'error'); \r\n                    }\r\n                }            \r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => { showNotification('Failed to Save Feature Layout Configuration', reason, 'error'); });\r\n        }\r\n    }\r\n\r\n    private deleteFeatureLayoutConfiguration() {    \r\n        if (this.state.featureLayoutConfigurationList !== undefined) {\r\n            client.mutate({\r\n                mutation: DeleteFeatureLayoutConfigData,\r\n                variables: {\r\n                    layoutId: this.state.layoutId,\r\n                    isInternalRole: this.isShowFilterControls === false ? null : this.state.isInternalRole,\r\n                    isAdministrator: this.isShowFilterControls === false ? null : this.state.isAdministrator,\r\n                    roleId: this.isShowFilterControls === false ? null : this.state.roleId,\r\n                    userEmail: this.isShowFilterControls === false ? null : this.state.userEmail,\r\n                    isPersonal: this.isShowFilterControls === false ? true : this.state.isPersonal,\r\n                    dashboardPanelId: this.state.dashboardPanel ? this.state.dashboardPanel.value === 'all' ? null : this.state.dashboardPanel.value : null\r\n                }\r\n            }) // tslint:disable-next-line:no-any\r\n            .then((results: { data: any; }) => { \r\n                if (results.data) {\r\n                    if (results.data.error === null || results.data.error === undefined) {\r\n                        showNotification(null, 'Successfully submitted', 'info'); \r\n                    } else {\r\n                        showNotification('Failed to Reset Feature Layout Configuration', results.data.error, 'error'); \r\n                    }\r\n                }            \r\n            })\r\n            // tslint:disable-next-line:no-any\r\n            .catch((reason: any) => { showNotification('Failed to Reset Feature Layout Configuration', reason, 'error'); });\r\n        }\r\n    }\r\n\r\n    private subscribeToFeatureLayoutConfig() {\r\n        const vm = this;      \r\n        this.featureLayoutConfigurationSubscription = \r\n            client.subscribe({\r\n                query: featureLayoutConfigSubscription\r\n            }).subscribe({\r\n                // tslint:disable-next-line:no-any\r\n                next(results: any) {\r\n                    if (results.data.featureLayoutConfigurationNotification.status) {\r\n                        showNotification('Success', results.data.featureLayoutConfigurationNotification.message, 'info');\r\n                        // Fetch again\r\n                        vm.setState({\r\n                            isSearchAgain: true,\r\n                            isHideAllOperation: false\r\n                        });\r\n                    } else {\r\n                        showNotification('Failed', results.data.featureLayoutConfigurationNotification.message, 'error');\r\n                    }\r\n                },            \r\n                // tslint:disable-next-line:no-any\r\n                error(err: any) {\r\n                    // tslint:disable-next-line:no-console\r\n                    console.error(err);\r\n                    showNotification(null, err, 'error');\r\n                }\r\n            });\r\n    }\r\n\r\n    private fetchCurrentUser() {\r\n        fetchCurrentUserData(\r\n            false,\r\n            (data: CurrentUserData) => this.onRetreivedCurrentUser(data),\r\n            // tslint:disable-next-line: no-any\r\n            function (reason: any): void {\r\n                showNotification(null, reason, 'error');\r\n            }\r\n        );\r\n    }\r\n\r\n    private onRetreivedCurrentUser(data: CurrentUserData) {\r\n        this.setState({\r\n\r\n            isCurrentUserLoading: false,\r\n            isInternalUser: data.appUser.isInternal,\r\n            isInternalAdmin: data.appUser.isInternalAdmin\r\n        });\r\n    }\r\n}"],"sourceRoot":""}