{"version":3,"sources":["types/env.ts","api/api.ts","api/auth.ts","types/auth.ts","store/reducers/authReducer.ts","types/promotion.ts","store/reducers/promotionReducer.ts","types/groupsLocations.ts","store/reducers/groupsLocationsReducer.ts","store/reducers/index.ts","store/index.ts","hooks/useTypedSelector.ts","assets/img/logo_sidebar.png","assets/img/arrowDown.svg","types/color.ts","components/Sidebar/MunuItem/styled.ts","components/Sidebar/MunuItem/MunuItem.tsx","components/Sidebar/Menu/styled.ts","components/Sidebar/Menu/Menu.tsx","components/Sidebar/styled.ts","assets/img/menu-item/dashboard.svg","assets/img/menu-item/campaigns.svg","assets/img/menu-item/campaigns-quick.svg","assets/img/menu-item/campaigns-manage.svg","assets/img/menu-item/user-profile.svg","assets/img/menu-item/promotions.svg","assets/img/menu-item/promotion-manage.svg","assets/img/menu-item/pos-rules.svg","assets/img/menu-item/settings.svg","assets/img/menu-item/customers.svg","assets/img/menu-item/customer-groups.svg","assets/img/menu-item/vouchers.svg","assets/img/menu-item/help.svg","components/Sidebar/menuList.ts","components/Sidebar/Sidebar.tsx","api/businessPlan.ts","api/userProfile.ts","store/action-creaters/auth.ts","api/promotion.ts","store/action-creaters/promotion.ts","store/action-creaters/groupsLocations.ts","api/groupsLocations.ts","store/action-creaters/index.ts","hooks/useActions.ts","assets/img/info.svg","assets/img/default-user.jpg","components/Header/styled.ts","components/Header/Header.tsx","components/AdminWrapper/styled.ts","components/AdminWrapper/AdminWrapper.tsx","assets/img/clear.svg","assets/img/lock.svg","assets/img/arrowDropDownBlack.svg","components/Select/styled.ts","components/Select/Select.tsx","assets/img/place-point.svg","assets/img/calendar.svg","views/Dashboard/styled.ts","views/Dashboard/consts.ts","views/Dashboard/DashboardChart/const.ts","views/Dashboard/DashboardChart/styled.ts","views/Dashboard/DashboardChart/DashboardChart.tsx","views/Dashboard/Dashboard.tsx","api/dashboard.ts","views/AdminPages/AdminDashboard/styled.ts","views/AdminPages/AdminDashboard/consts.ts","views/AdminPages/AdminDashboard/DashboardChart/const.ts","views/AdminPages/AdminDashboard/DashboardChart/styled.ts","views/AdminPages/AdminDashboard/DashboardChart/DashboardChart.tsx","api/adminPanel.ts","views/AdminPages/AdminDashboard/AdminDashboard.tsx","assets/img/visibility.svg","assets/img/invisible.svg","components/Input/styled.ts","components/Input/Input.tsx","assets/img/search.svg","types/customer.ts","assets/img/arrowBack.svg","assets/img/arrowForward.svg","components/Pagination/index.tsx","views/AdminPages/AdminBuisneses/EditableTable/styled.ts","views/Customers/CustomerList/EditableTable/styled.ts","views/Customers/CustomerList/TransactionInformation/styled.ts","views/Customers/CustomerList/TransactionInformation/TransactionInformation.tsx","views/AdminPages/AdminBuisneses/EditableTable/UserTransactionList.tsx","views/AdminPages/AdminBuisneses/EditableTable/PlaceUsersList.tsx","assets/img/checkCircle.svg","views/AdminPages/AdminBuisneses/EditableTable/ExpandableTableList.tsx","views/AdminPages/AdminBuisneses/styled.ts","views/AdminPages/AdminBuisneses/AdminBusinesses.tsx","assets/img/edit.svg","assets/img/delete.svg","views/AdminPages/AdminUsers/styled.ts","components/Modal/styled.ts","components/Modal/Modal.tsx","views/AdminPages/AdminUsers/EditableTable/styled.ts","api/customers.ts","views/AdminPages/AdminUsers/EditableTable/EditablePoinr.tsx","views/AdminPages/AdminUsers/EditableTable/ExpandableTableList.tsx","components/RemoveModal/styled.ts","components/RemoveModal/RemoveModal.tsx","views/AdminPages/AdminUsers/AdminUsers.tsx","assets/img/upload.svg","components/Textarea/styled.ts","components/Textarea/Textarea.tsx","components/infoTooltip/styled.ts","components/infoTooltip/infoTooltip.tsx","views/UserProfile/EditPersonalDetails/styled.ts","views/Registration/Step/RegistrationPersonalInformation/consts.ts","views/UserProfile/EditPersonalDetails/EditPersonalDetails.tsx","views/UserProfile/styled.ts","views/UserProfile/UserProfile.tsx","views/Customers/CustomerList/EditableTable/EditablePoinr.tsx","views/Customers/CustomerList/EditableTable/ExpandableTableList.tsx","views/Customers/CustomerList/styled.ts","views/Customers/CustomerList/CustomerList.tsx","views/Customers/CustomerGroups/styled.ts","views/Customers/CustomerGroups/CustomerGroups.tsx","components/СheckboxTable/СheckboxTable.tsx","views/Customers/CustomerGroupsCreateEdit/styled.ts","views/Customers/CustomerGroupsCreateEdit/CustomerGroupsCreateEdit.tsx","components/Calendar/styled.ts","components/Calendar/Calendar.tsx","api/campaigns.ts","views/Campaigns/QuickCampaign/styled.ts","views/Campaigns/QuickCampaign/QuickCampaign.tsx","types/campaign.ts","views/Campaigns/ManageCampaigns/styled.ts","views/Campaigns/ManageCampaigns/ManageCampaigns.tsx","assets/img/notification.svg","assets/img/cardArrow.svg","components/Card/styled.ts","components/Card/Card.tsx","components/CheckBox/style.ts","components/CheckBox/CheckBox.tsx","utils/requestFormData.ts","api/place.ts","views/Registration/Step/RegistrationBuildYourCard/api.ts","views/Registration/consts.ts","utils/helper.ts","views/Promotions/BusinessLogo/BusinessLogo.tsx","views/Promotions/Promotion/styled.ts","components/PointsCollectionSettings/styled.ts","components/PointsCollectionSettings/PointsCollectionSettings.tsx","views/Promotions/Promotion/Promotion.tsx","components/InputGoogleAutocomplete/styled.ts","components/InputGoogleAutocomplete/InputGoogleAutocomplete.tsx","api/lightSpeed.ts","views/Promotions/PromotionManage/StaffMembers/index.tsx","views/Promotions/PromotionManage/ShowHideStaffMembers/styles.ts","views/Promotions/PromotionManage/ShowHideBtns/index.tsx","views/Promotions/PromotionManage/ShowHideStaffMembers/index.tsx","views/Registration/Step/RegistrationWelcomePromotion/const.ts","components/WorkTime/styled.ts","components/WorkTime/conts.ts","components/WorkTime/WorkTime.tsx","assets/img/default-logo.png","views/Promotions/PromotionManage/styled.ts","views/Promotions/PromotionManage/PromotionManage.tsx","views/Empty/Empty.tsx","views/Orders/styled.ts","views/Orders/OrdersList.tsx","assets/img/new-logo-full.svg","views/SignIn/strings.ts","views/SignIn/styled.ts","views/SignIn/SignIn.tsx","assets/img/logo-full.svg","assets/img/check-your-email.svg","views/ForgotPassword/styled.ts","views/ForgotPassword/ForgotPassword.tsx","views/ResetPassword/styled.ts","views/ResetPassword/ResetPassword.tsx","views/Registration/styled.ts","assets/img/logo_full_dark.svg","views/Registration/NavProgress/conts.ts","views/Registration/NavProgress/styled.ts","views/Registration/NavProgress/NavProgress.tsx","assets/img/play_circle.svg","assets/img/increment.svg","assets/img/check_business.svg","assets/img/customer_connect.svg","assets/img/data_analyze.svg","assets/img/loyalty.svg","views/Registration/Step/RegistrationWelcome/styled.ts","views/Registration/Step/RegistrationWelcome/RegistrationWelcome.tsx","assets/img/lite-plan-icon.svg","assets/img/plus-plan-icon.svg","assets/img/premium-plan-icon.svg","views/Registration/Step/RegistrationChoosePlan/styled.ts","views/Registration/Step/RegistrationChoosePlan/const.ts","views/Registration/Step/RegistrationChoosePlan/RegistrationChoosePlan.tsx","assets/img/arrowDropDown.svg","views/Registration/Step/RegistrationPersonalInformation/styled.ts","views/Registration/Step/RegistrationPersonalInformation/RegistrationPersonalInformation.tsx","views/Registration/Step/RegistrationPersonalInformation/api.ts","views/Registration/Step/RegistrationAccountCheckEmail/styled.ts","views/Registration/Step/RegistrationAccountCheckEmail/RegistrationAccountCheckEmail.tsx","views/Registration/Step/RegistrationActivateAccount/api.ts","views/Registration/Step/RegistrationActivateAccount/styled.ts","views/Registration/Step/RegistrationActivateAccount/RegistrationActivateAccount.tsx","components/Range/styled.ts","components/Range/Range.tsx","components/FormError/FormError.tsx","views/Registration/Step/RegistrationBuildYourCard/styled.ts","views/Registration/Step/RegistrationBuildYourCard/RegistrationBuildYourCard.tsx","views/Registration/Step/RegistrationLocations/styled.ts","views/Registration/Step/RegistrationLocations/RegistrationLocations.tsx","assets/img/direction_right.svg","views/Registration/Step/RegistrationLocations/api.ts","assets/img/info_grad.svg","assets/img/ios_share_grad.svg","views/Registration/Step/RegistrationWelcomePromotion/styled.ts","views/Registration/Step/RegistrationWelcomePromotion/DropZone.tsx","views/Registration/Step/RegistrationWelcomePromotion/RegistrationWelcomePromotion.tsx","views/Registration/Step/RegistrationWelcomePromotion/api.ts","views/Registration/Registration.tsx","views/DeclineAccount/styled.ts","views/DeclineAccount/DeclineAccount.tsx","views/PlaceApprove/styled.ts","views/PlaceApprove/PlaceApprove.tsx","views/StaffMembers/styled.ts","views/StaffMembers/InnerTable/styled.ts","views/StaffMembers/InnerTable/StaffFamilyTable.tsx","views/StaffMembers/index.tsx","views/PosRules/styled.ts","components/PosTabWrapper/styled.ts","assets/img/menu-item/online-cart.svg","components/PosTabWrapper/PosTabWrapper.tsx","components/PosCategoryColumnWrapper/styled.ts","components/PosCategoryColumnWrapper/PosCategoryColumn.tsx","assets/img/circle-plus.svg","api/posTerminals.ts","components/PosCategoryColumnWrapper/InnerPosCategoryGroup/InnerPosCategoryGroup.tsx","components/PosCategoryColumnWrapper/PosCategoryColumnWrapper.tsx","components/PosCategoryColumnWrapper/innerPosStampCategory/InnerPosStampCategoryGroup.tsx","views/PosRules/ExtrasProducts/styled.ts","views/PosRules/ExtrasProducts/ExtrasProducts.tsx","views/PosRules/PosRules.tsx","views/ExternalPosIntegration/styled.ts","views/ExternalPosIntegration/ExternalPosIntegration.tsx","views/ConfirmLightSpeed/styled.ts","views/ConfirmLightSpeed/ConfirmLightSpeed.tsx","views/AdminPages/AdminAdverts/styled.ts","components/AdminPartnersItem/styled.ts","components/AdminPartnersItem/AdminPartnersItem.tsx","views/AdminPages/AdminAdverts/AdminAdverts.tsx","views/AdminPages/AdminAdverts/Outlets/styled.ts","views/AdminPages/AdminAdverts/Outlets/AdminAdvertsOutlets.tsx","views/AdminPages/AdminAdverts/Brands/styled.ts","views/AdminPages/AdminAdverts/Brands/AdminAdvertsBrands.tsx","views/EcommerceRule/styled.ts","views/EcommerceRule/EcommerceRule.tsx","assets/img/checked.svg","api/ecommerceRule.ts","views/StaffDiscount/styled.ts","api/conditions.ts","views/StaffDiscount/index.tsx","views/AdminPages/Notification/ManageNotification/styled.ts","views/AdminPages/Notification/ManageNotification/ManageNotification.tsx","views/AdminPages/Notification/QuickCampaign/styled.ts","views/AdminPages/Notification/QuickCampaign/QuickNotification.tsx","views/MinimumSpend/styled.ts","api/minimumSpend.ts","views/MinimumSpend/MinimumSpend.tsx","views/PosRules/SitePosRules/styled.ts","api/sitePosRule.ts","views/PosRules/SitePosRules/SitePosRules.tsx","views/AdminPages/AdminBusinessesSetings/styled.ts","views/AdminPages/AdminBusinessesSetings/AdminBusinessesSetings.tsx","views/ProductDiscount/styled.ts","views/ProductDiscount/ProductDiscount.tsx","api/productDiscount.ts","views/SpendCard/styled.ts","api/spendCard.ts","views/SpendCard/SpendCard.tsx","assets/img/cancelCircle.svg","views/StaffDiscountMembers/styled.ts","views/StaffDiscountMembers/InnerTable/styled.ts","views/StaffDiscountMembers/InnerTable/StaffFamilyTable.tsx","views/StaffDiscountMembers/StaffDiscountMembers.tsx","views/StaffDiscountDashboard/styled.ts","views/StaffDiscountDashboard/consts.ts","views/StaffDiscountDashboard/DashboardChart/styled.ts","views/StaffDiscountDashboard/DashboardChart/DashboardChart.tsx","views/StaffDiscountDashboard/StaffDiscountDashboard.tsx","EposNow/style.ts","EposNow/EposNow.tsx","views/KlaviyoIntegration/styled.ts","views/KlaviyoIntegration/KlaviyoIntegration.tsx","api/klaviyo.ts","views/ProductDiscount/ProductDiscountCustomersGroup/styled.ts","views/ProductDiscount/ProductDiscountCustomersGroup/CustomerGroupsCreateEdit/styled.ts","views/ProductDiscount/ProductDiscountCustomersGroup/CustomerGroupsCreateEdit/CustomerGroupsCreateEdit.tsx","views/ProductDiscount/ProductDiscountCustomersGroup/GroupDetail/styled.ts","views/ProductDiscount/ProductDiscountCustomersGroup/GroupDetail/GroupDetail.tsx","views/ProductDiscount/ProductDiscountCustomersGroup/ProductDiscountCustomerGroup.tsx","views/StaffPerformance/styled.ts","views/StaffPerformance/StaffPerformance.tsx","api/staffPerformance.ts","views/StaffMembersWithBadgeBarcode/styled.ts","views/StaffMembersWithBadgeBarcode/InnerTable/styled.ts","views/StaffMembersWithBadgeBarcode/InnerTable/StaffFamilyTable.tsx","views/StaffMembersWithBadgeBarcode/StaffMembersWithBadgeBarcode.tsx","views/Conditions/styled.ts","views/Conditions/ConditionsChildren/styled.ts","views/Conditions/ConditionsChildren/ConditionsChildrens.tsx","views/Conditions/Conditions.tsx","views/PosRules/InnovaPosRules/styled.ts","views/PosRules/InnovaPosRules/InnovaPosRules.tsx","Routers.tsx","App.tsx","index.tsx","utils/checkLoginUser.ts"],"names":["REACT_APP_API_URL","_process$env$REACT_AP","process","REACT_APP_STRIPE_PRODUCT_ID","_process$env$REACT_AP2","_process$env$REACT_AP3","GOOGLE_API_KEY","_process$env$GOOGLE_A","REACT_APP_EPOS_NOW_API","_process$env$REACT_AP4","REACT_APP_EPOS_NOW_STG","_process$env$REACT_AP5","_process$env$REACT_AP6","defaultOptions","baseURL","headers","Accept","axiosInstance","axios","create","defaults","common","Authorization","localStorage","getItem","interceptors","response","use","error","status","clear","window","location","replace","Bugsnag","notify","Error","JSON","stringify","Promise","reject","getCurrencyAxios","get","then","catch","AuthUserActionTypes","initialState","loggedUser","loading","PromotionActionTypes","promotionTypes","promotionCategories","promotionTypesEnable","promotionCategoriesEnable","GroupsLocationsActionTypes","groups","locations","rootReducer","combineReducers","auth","state","arguments","length","undefined","action","type","LOGIN","LOGIN_SUCCESS","setItem","payload","bearer_token","user","place_confirmed","LOGIN_ERROR","LOGIN_CHECK","logedUser","_localStorage$getItem","token","parse","LOGIN_CHECK_FETCH","LOGOUT","LOGOUT_SUCCESS","LOGOUT_ERROR","UPDATE_PHOTO_SUCCESS","newLogedUser","photo","UPDATE_PERSONAL_DETAILS_SUCCESS","UPDATE_SUBSCRIPTION_SUCCESS","subscription","promotion","acion","GET_PROMOTION","groupsLocations","GET_GROUPS_LOCATIONS","store","createStore","composeWithDevTools","applyMiddleware","thunk","useTypedSelector","useSelector","_g","_extends","Object","assign","bind","n","e","t","r","hasOwnProperty","call","apply","SvgArrowDown","_ref","svgRef","title","titleId","props","xmlns","width","height","viewBox","ref","id","opacity","fill","d","fillRule","ForwardRef","Color","Wrapper","styled","div","MunuItem","item","_jsx","children","_jsxs","Link","to","path","icon","className","src","alt","name","href","target","rel","Menu","menuList","useLocation","openSubMenuList","setOpenSubMenuList","useState","activeParentPage","some","pathname","checkActiveSubPath","activeSubPath","map","itemPath","_Fragment","onClick","openSubMenuListTemp","index","indexOf","splice","oldOpenSubMenuList","openChildrenNav","ArrowDownIcon","itemChildren","allMenuList","DashboardIcon","active","UserProfileIcon","PromotionsManageIcon","CustomersIcon","PromotionsIcon","CampaignsIcon","CampaignsManageIcon","CampaignsQuickIcon","CustomerGroupsIcon","PosRulesIcon","VouchersIcon","Settingscon","menuBottomList","HelpIcon","Sidebar","_JSON$parse","history","useHistory","visibleMenu","setVisibleMenu","React","showMenuList","setShowMenuList","role","getAllBusinessOptions","useCallback","allow_staff","createMenuList","res","data","options","_options$staff_member","_options$staff_member2","activeMenuTab","allow_shopify","push","allow_lightspeed","allow_pos","allow_cbePP","allow_cbe_innova","allow_klaviyo","staff_member_type","value","allow_min_spend","allow_campaigns","allow_product_discount","allow_spend_card","includes","unshift","resultMenuArr","tab","filter","_item$active","Set","useEffect","showMenu","listen","loginUser","loginUserData","async","dispatch","post","_response$data$token","decline_token","message","logoutUser","updateProfilePhoto","requestFormData","resolve","updateProfilePhotoAxios","updateProfilePersonalDetails","personalDetails","updateProfilePersonalDetailsAxios","updateBusinessPlan","price_id","updateBusinessPlanAxios","getPromotionsCategoriesAxios","getPromotionsCategories","promotions","label","categories","getGroupsLocations","location_name","AuthActionCreators","PromotionActionCreators","GroupsLocationsActionCreators","useActions","useDispatch","bindActionCreators","ActionCreators","SvgInfo","Header","_loggedUser$user","_loggedUser$user2","_loggedUser$user3","isOpenDropdownMenu","setIsOpenDropdownMenu","useRef","handleClickOutside","event","_ref$current","current","contains","document","addEventListener","removeEventListener","InfoIcon","userDefaultImg","full_name","email","AdminWrapper","_path","SvgClear","focusable","SvgLock","required","isSelect","arrowDropDownImgBlack","Select","placeholder","infoTooltip","defaultValue","isClearable","selectorList","positionForShow","hideSelectorFilter","disabled","isHideWhenSelect","lock","getValue","onFocus","setValue","list","setList","isShowSelectList","setIsShowSelectList","selectorFilter","setSelectorFilter","option","toLowerCase","isLabel","autoComplete","onChange","blur","handleChange","currentItem","additional","LockIcon","ClearIcon","SvgPlacePoint","x","y","rx","ry","SvgCalendar","filterPerDate","AGE_AXIS_COLORS","DashboardChart","_statisticByLocation$","_statisticByLocation$2","promotionType","customers","salesStatistic","dateFilter","endDate","statisticByLocation","chartRef","activeChart","setActiveChart","handleChangeActiveChart","chartName","setTimeout","_chartRef$current","scrollIntoView","behavior","block","inline","AGE_LABEL","keys","age_groups","_ref2","_gender_count$","_gender_count$2","location_id","gender_count","Doughnut","labels","datasets","backgroundColor","borderColor","borderWidth","plugins","legend","display","i","color","_ref3","style","_ref4","values","flat","reduce","acc","count_of_cust","Line","date","day","Date","getFullYear","getMonth","toLocaleString","month","setDate","getDate","reverse","pointRadius","pointBorderWidth","pointBorderColor","pointBackgroundColor","tooltip","displayColors","intersect","callbacks","tooltipItem","newDate","dataIndex","dataset","formattedValue","animation","duration","scales","beginAtZero","ticks","precision","Dashboard","pageLoading","setPageLoading","locationIdFilter","setLocationIdFilter","setDateFilter","openChannels","setOpenChannels","dashboardInfo","setDashboardInfo","allCustomers","countAllCheckIns","countOfActivatedCards","countOfActivatedVouchers","countOfRedeemCampaign","averagePriceSales","avTimeBetweenRepeatVisits","avTimeBetweenVoucherUsed","vouchers_used_sum_reward","vouchers_earned_sum_reward","topProduct","loyalty_visits","total_loyalty_volume","av_loyalty_visits","av_voucher_used_value","point","newCustomers","dates","setDatesState","startDate","moment","subtract","format","locationId","daysDiff","setDates","ranges","PlacePointIcon","DateRangePicker","onApply","initialSettings","CalendarIcon","marginTop","currency_symbol","product","quantity","product_id","paddingRight","ArrowDown","sale","sum_sale","visits","av_visits","av_value_voucher_used","_ages$","_gender$","_gender$2","_gender$3","salesStatisticPoint","salesStatisticStamp","gender","age","ages","setAges","adminAge","_ref5","getAdminBusinessesNamesAxios","getAdvertOffersAxios","uploadPhotoAxios","AdminDashboard","businessCount","customersCount","newCustomerCount","activatedCards","totalPoints","redeemedCampaigns","newCustomersForPeriod","saleStatisticPoints","saleStatisticStamp","genders","add","endOf","businessId","businesses","setBusinesses","selectBusiness","business","forEach","business_name","SvgVisibility","xmlnsXlink","enableBackground","xmlSpace","SvgInvisible","isPasswordVisible","Input","min","max","maxLength","step","setIsPasswordVisible","currentValue","minLength","onWheel","VisibilityIcon","InvisibleIcon","SvgSearch","customerPerPage","SvgArrowBack","SvgArrowForward","Pagination","setRequestParamtrs","page","total_pages_count","limit","count_users","total_users_count","requestLimit","handleChangeRequestParamtrs","prevState","ArrowBackIcon","ArrowForwardIcon","WrapperTableList","input","PointWrapper","PointInput","WrapperTransaction","TransactionInformation","show","customerInformation","productList","setShow","customer","staffPage","productsListColumns","compact","cell","row","minWidth","squ","currency","parseFloat","initial_price","toFixed","price","omit","points_earned","right","total","orderId","isNumber","points","used_vouchers","vouchers","voucher","reward_name","join","vouchersName","customerName","DataTable","columns","noHeader","welcome_points_gift","justifyContent","marginLeft","alignItems","shippingPrice","totalPrice","UserTransactionList","transactions","customerTableColumns","_row$user","image","posId","posUserId","receipt","maxWidth","showTransactionDetail","setShowTransactionDetail","setCustomerInformation","setCustomer","listRow","setListRow","getBasket","basket","used_points","onRowClicked","expandableRows","expandableRowsHideExpander","expandableRowExpanded","expandOnRowClicked","expandableRowsComponent","productsList","PlaceUsersList","users","phone","setTransactions","getUserTransactions","userId","user_id","onRowExpandToggled","bool","SvgCheckCircle","clipRule","ExpandableTableList","getCustomerList","requestParamtrs","userInfo","setUserInfo","setLocationId","setStore","placeUsers","setPlaseUsers","place","getAllUsersForPlace","getAllUserForBusinessPlaceAxios","console","log","phone_number","address","allowFunctionality","setAllowFunctionality","key","textTransform","CheckIcon","replaceAll","arrangeCustomerSelect","AdminBisinesses","requestParameters","setRequestParameters","search","sort_type","customerListLoading","setCustomerListLoading","customerList","setCustomerList","customerListInfo","setCustomerListInfo","Number","err","searchType","timeout","clearTimeout","SearchIcon","SvgEdit","SvgDelete","Modal","openModal","setOpenModal","closeOutsideClick","modalRef","_modalRef$current","getCustomerListAxios","getCustomerListWithFilterGroupsAxios","getCustomerGroupsAxios","getCustomerGroupInfoAxios","group_id","updatePointsCountAxios","requestParams","importStaffDiscountWorkersAxios","removeBulkStaffDiscountAxios","getAllStaffMembers","getAllStaffDiscountMembers","addStaffDiscountMembersAxios","editStaffDiscountMembersAxios","removeStaffDiscountMemberAxios","getStaffDiscountLoyaltyCardAxios","getStaffDiscountActivity","getMaximumSpendDiscountAxios","EditablePoint","minValue","pointId","canEdit","getUserPointInfo","stamp_activity","setPoint","stamps","readOnly","onBlur","handleBlur","activity_id","editPoint","focus","EditIcon","getRewards","info","setcustomerListLoading","userInfoPoints","setUserInfoPoints","userInfoStamps","setUserInfoStamps","first_name","last_name","activeType","setActiveType","getCustomerInfoAdminAxios","activities","finally","center","min_points","can_edit","pos_id","pos_user_id","customerTableColumnsStamp","seller","RemoveModal","showModal","setShowModal","handleConfirm","handleCancel","AdminUsers","showDeleteUserModal","setShowDeleteUserModal","selectedUser","setSelectedUser","errorResponse","setErrorResponse","saveEditUser","editedUser","find","requestData","removeUser","edit","padding","editUser","editRow","checkDeleteUser","DeleteIcon","SvgUpload","Textarea","span","Info","infoText","businessSizeArray","EditPersonalDetails","formLoading","setFormLoading","formErrorMessage","setFormErrorMessage","currencyList","setCurrencyList","setPersonalDetails","city","country","code","about_me","vat_number","business_size","selectedBusinessSize","setSelectedBusinessSize","_loggedUser$user$user","_loggedUser$user$user2","_loggedUser$user$user3","_loggedUser$user$user4","_loggedUser$user$user5","user_profile","postalCode","about","Const","element","onSubmit","preventDefault","_error$data","_error$data2","_error$data3","_error$data4","detail","flex","marginRight","PhoneInput","containerClass","inputProps","InfoTooltip","uploadKeyFrames","keyframes","UserProfile","loadingPhoto","setLoadingPhoto","isDragActive","getRootProps","getInputProps","useDropzone","accept","multiple","onDrop","acceptedFiles","FormData","append","Switch","Route","exact","component","UploadIcon","created","promotion_type","getCustomerInfoAxios","setStartDate","split","group","customerType","setCustomerType","offline","_response$data$users$","customerSpendTableColumns","_row$stamp_end_value","_row$end_value","stamp_end_value","end_value","spend_balance","used_spend_balance","_row$total_spend","total_spend","_row$check_in_count","check_in_count","neeFormat","last_visit","allow_offline_customers","CustomerGroups","customerGroupsLoading","setCustomerGroupsLoading","selectedGroup","setSelectedGroup","selectedGroupUsers","setSelectedGroupUsers","customerGroups","setCustomerGroups","customerGroupsInfo","setCustomerGroupsInfo","count_groups","total_groups_count","deleteCustomerGroupLoading","setDeleteCustomerGroupLoading","deleteCustomerGroup","setDeleteCustomerGroup","hendeldeleteGroupConfirm","toString","manualChoosedCustomerTableColumns","customerGroupsTableColumns","description","group_type_title","getCustomerGroups","filters","_res$data$users","_res$data$users2","СheckboxTable","checked","toggleChecked","htmlFor","_customerGroup$group_","_customerGroup$group_2","_customerGroup$group_3","_customerGroup$group_4","params","useParams","pageEditLoading","setPageEditLoading","pageEdit","setPageEdit","customerGroup","setCustomerGroup","group_name","group_description","group_type","groupType","setGroupType","groupFilter","setGroupFilter","groupMaxFilter","setGroupMaxFilter","getFiltersInfo","groupTypeTemp","group_types","groupFilterTemp","group_filters","filter_max_count","handlesetCustomerGroup","manualShowAllCustomer","setManualShowAllCustomer","manualCustomerListLoading","setManualCustomerListLoading","manualCustomerList","setManualCustomerList","manualCustomerChoosedList","setManualCustomerChoosedList","manualCustomerListInfo","setManualCustomerListInfo","manualCustomerAllPageChecked","setManualCustomerAllPageChecked","handleManualCustomerPagination","choosedFilterList","setChoosedFilterList","virtualId","filter_type_id","choosedFiltercustomerLoading","setChoosedFiltercustomerLoading","choosedFilterCustomerList","setChoosedFilterCustomerList","choosedFilterCustomerListInfo","setChoosedFilterCustomerListInfo","getGroupFilterLabel","curentGroupFilter","showCustomersByFilters","handleChoosedFilterCustomerPagination","type_id","getManualCustomerList","manualCustomerTableColumns","findIndex","toggleManualCheckedUser","_row$end_value2","_row$total_spend2","_row$check_in_count2","customerGroupFormLoading","setCustomerGroupFormLoading","customerGroupFormErrorMessage","setCustomerGroupFormErrorMessage","WrapperTooltip","requestParamtrst","_requestParamtrst$use","createCustomerGroupAxios","curentGroupType","getGroupTypeLabel","perPage","handleManualCustomerPerPage","hendleSetFilterIdChoosedFilterList","hendleSetDaysChoosedFilterList","deleteFilterThisGroup","handleChoosedFilterCustomerPerPage","Calendar","dateFormat","selected","timeSelect","DatePicker","showTimeSelect","placeholderText","createAdminCampaignsAxios","PUSH_MESSAGE_LIMIT","QuickCampaign","campaignName","setCampaignName","campaignSentTime","setCampaignSentTime","customerGroupsArray","setCustomerGroupsArray","inAppNotification","setInAppNotification","pushNotification","setPushNotification","emailNotification","setEmailNotification","smsNotification","setSmsNotification","typePromotion","setTypePromotion","setEndDate","campaignMessage","setCampaignMessage","getDataForEditCampaign","getSingleCampaignsAxios","_data$campaign","timeToSend","campaign","time_to_send","timeToEnd","promotion_ends","sendNow","getTime","getTimezoneOffset","is_in_app_notification","is_push_notification","is_email_notification","is_sms_notification","arr","createRequestParamtrs","customer_group","send_now","send_date","end_date","in_app_notification","push_notification","email_notification","sms_notification","is_promotion","updateRequestParamtrs","updateCampaignsAxios","createCampaignsAxios","clearFields","campaignsPerPage","ManageCampaigns","ManageCampaignsLoading","setManageCampaignsLoading","manageCampaigns","setManageCampaigns","manageCampaignsInfo","setManageCampaignsInfo","count_campaigns","total_campaigns_count","deleteCampaign","setDeleteCampaign","deleteCampaignObj","setDeleteCampaignObj","deleteGroupAsk","obj","getManageCampaigns","manageCampaignsTableColumns","created_at","getCampaignsAxios","campaigns","SvgNotification","SvgCardArrow","Card","_accountInformation$r","_points_info$points","_points_info$maxPoint","accountInformation","cardClosed","setCardClosed","points_info","URL","createObjectURL","companyName","NotificationIcon","rewardInformation","maxPoints","stampName","Array","from","maxNumberPromotion","_","Arrow","Checkbox","isChecked","isDisabled","theme","themeCN","darkBlue","RequestFormData","constructor","appendArray","this","isIterable","getPlaceInfoAxios","getBusinessTypesAxios","getStampIconsAxios","getActivateDaysAxios","verificationToken","accountInformationToken","stampList","pointObjValuesToString","NaN","resultStr","entries","str","CBETypes","ConditionsOperatorList","ConditionsLogicOperatorList","ConditionsActionList","ConditionsFieldsList","BusinessLogo","businessLogoProps","setBusinessLogoProps","loadingBusinessLogo","setLoadingBusinessLogo","businessLogo","setBusinessLogo","updatePlacePhotoAxios","DaysWrapperDiv","SpanInputText","PointsCollectionSettings","setPointsCollectionSettingsObj","pointsCollectionSettingsObj","selectorTypeList","promotionPointsStartDate","promotionPointsEndDate","promotionPointsValue","promotionPointsType","promotionPointsSelectedTypeValue","Promotion","_businessInfo$stampIc","_businessInfo$stampIc2","_businessInfo$points","_businessInfo$verific","_businessInfo$verific2","_businessInfo$busines3","_businessInfo$busines4","_businessInfo$stampIc3","_businessInfo$stampIc4","_businessInfo$stampIc5","_businessInfo$stampIc6","_businessInfo$promoti","_businessInfo$first_c2","_businessInfo$points$","_businessInfo$points$2","_businessInfo$points$3","getInfoLoading","setGetInfoLoadingLoading","isOpenRewards","formBusinessInfoLoading","setFormBusinessInfoLoading","formBusinessInfoErrorMessage","setFormBusinessInfoErrorMessage","businessInfo","setBusinessInfo","category","promotionName","promotionTypeName","promotionVaucherInformation","promotionTypeID","verification_status","promotionLabel","businessType","display_name","stampIcon","single_item","website_url","defaultVoucherName","instagram_url","facebook_url","first_checkIn","bonusRewardTarget","bonusRewardValue","bonusRewardLabel","bonusRewardExpireDays","openExpireDateReward","setOpenExpireDateReward","stampIconList","setStampIconList","activateDaysList","setActivateDaysList","activateDays","_data$place$stamp_ico","_data$place$stamp_ico2","_data$place$stamp_ico3","_data$place$stamp_ico4","_data$place$first_che","placeOption","details","promotion_id","maxStamp","promotion_label","business_type","stamp_icon","min_spend","stampIcons","_stampIcon","icon_name","setBusinessInfoValue","businessTypeList","setBusinessTypeList","businessTypes","_businessType","_businessInfo$busines","_businessInfo$first_c","business_category","promotion_name","max_count","pointItem","_$dateExpire","rewardNumber","activateAfter","pointsAmount","reward","rewardDetails","dateExpire","allow_bonus_reward","_requestParameters$pr","_requestParameters$pr2","_requestParameters$we","_requestParameters$de","_requestParameters$in","_requestParameters$fa","_requestParameters$fi","_requestParameters$pr3","_requestParameters$pr4","_requestParameters$pr5","_requestParameters$pr6","_requestParameters$pr7","formData","updateBusinessInfoAxios","allow_promotion_points","_businessInfo$busines2","stampIconData","newBusinessInfo","_businessInfo$points2","_businessInfo$points3","CheckBox","structuredClone","newInfo","currValues","setInputValue","rewardCode","InputGoogleAutocomplete","getLat","getLng","usePlacesWidget","apiKey","onPlaceSelected","formatted_address","geometry","lat","lng","types","language","createLightSpeed","getLightSpeedLocations","StaffMembers","setLocationStaffSidebarData","setShowLocationStaffSidebar","setDeleteStaffObj","getPlaceInfo","searchLocationUserLoading","setSearchLocationUserLoading","createItems","setCreateItems","showHideform","setShowHideForm","lightSpeedSelect","setLightSpeedSelect","retailer","lightSpeedSelected","setLightSpeedSelected","formAddUserToLocationLoading","setFormAddUserToLocationLoading","formAddUsertToLocationErrorMessage","setFormAddUsertToLocationErrorMessage","newUserToLocation","setNewUserToLocation","outlets","setValueNewUserToLocation","handleSearchLocationUser","searchObj","newLocations","locationStaffTableColumns","username","editLocationStaffOpenSidebar","staff","is_pos","seller_id","only_offline_customers","password","is_lightspeed_pos","lightspeedPosId","handleAddUserToLocation","lightSpeedId","lightSpeedName","lightSpeedRetailer","addNewUserToLocation","CloseIcon","ShowHideSpan","ShowHideButton","button","ShowHideDiv","ShowHideBtns","isShowLocationDetails","editLocationOpenSidebar","setIsOpen","isOpen","toggleShowStaff","ShowHideStaffMembers","isTwoBtn","workHours","hour","String","padStart","DEFAULT_WORK_TIME_OBJ","monday","allDay","tuesday","wednesday","thursday","friday","saturday","sunday","WorkTime","workingTimeProp","setWorkingTimeProp","defaultWorkTime","isArray","workingTime","workTime","weekday","every","weekDay","_workingTime$weekDay$","time","PromotionManage","_locationStaffSidebar3","_locationStaffSidebar4","_locationStaffSidebar5","_locationStaffSidebar6","_locationStaffSidebar9","_locationStaffSidebar10","_locationStaffSidebar11","_locationStaffSidebar12","_locationStaffSidebar13","addLocation","setAddLocation","locationMaxCount","setLocationMaxCount","setLocations","formAddLocationLoading","setFormAddLocationLoading","newLocation","setNewLocation","latitude","longitude","work_time","newLocationPromotionName","setNewLocationPromotionName","newLocationPromotionDetails","setNewLocationPromotionDetails","newLocationImage","setNewLocationImage","formAddLocationErrorMessage","setFormAddLocationErrorMessage","locationSidebarData","setLocationSidebarData","deleteLocationObj","setDeleteLocationObj","locationStaffSidebarData","formEditLocationStaffLoading","setFormEditLocationStaffLoading","isWelcomeGift","setIsWelcomeGift","showOnMap","setShowOnMap","showLocationStaffSidebar","formEditLocationStaffErrorMessage","setFormEditLocationStaffErrorMessage","deleteLocationLoading","setDeleteLocationLoading","deleteStaffLoading","setDeleteStaffLoading","setValueNewLocation","deleteStaffObj","formEditLocationLoading","setFormEditLocationLoading","location_max_count","closeEditLocationSidebar","_location$promotion_d","_location$promotion_d2","promotionDeal","promotion_details","promotionDetails","promotion_description","logo","locationName","hideOnMap","ecommerce","setEditLocationStaff","setEditLocation","closeEditLocationStaffSidebar","hendelDeleteLocationConfirm","hendelDeleteLocationStaffConfirm","handleUpdateLocation","updateLocationAxios","addLocationAxios","_error$data5","_error$data6","_error$data7","_error$data8","newData","locationDefaultLogo","shortName","hendelDeleteLocationAsk","sidebarData","_locationStaffSidebar","_locationStaffSidebar2","_locationStaffSidebar7","_locationStaffSidebar8","Empty","OrderItem","_path2","_path3","_path4","_path5","_path6","_path7","testOrderData","order_name","OrderListColumns","SvgNewLogoFull","SignIn","setUser","LogoFull","SvgLogoFull","ForgotPassword","setLoading","setEmail","successResponse","setSuccessResponse","forgotPassword","_response$data$messag","_response$data","_error$data$message","checkEmailImg","ResetPassword","setPassword","passwordConfirmation","setPasswordConfirmation","_URLSearchParams$get","resetPasswordRequest","resetPassword","password_confirm","URLSearchParams","SvgLogoFullDark","NAV_STEPS","nav_step","NavProgress","_defs","LogoFullDark","SvgPlayCircle","x1","y1","x2","y2","gradientUnits","stopColor","offset","SvgIncrement","SvgCheckBusiness","SvgCustomerConnect","SvgDataAnalyze","SvgLoyalty","RegistrationWelcome","_circle","goToStep","PlayCircleIcon","LoyaltyIcon","CustomerConnectIcon","DataAnalyzeIcon","IncrementIcon","CheckBusinessIcon","SvgLitePlanIcon","cx","cy","stroke","strokeWidth","SvgPlusPlanIcon","SvgPremiumPlanIcon","PLANT_LABELS","RegistrationChoosePlan","setBusinessPlanPersonalInfo","businessPlansList","setBusinessPlansList","periodType","setPeriodType","isBusinessPlanChanged","setIsBusinessPlanChanged","businessPlan","setBusinessPlan","subscriptions","lastPlan","plan","LitePlanIcon","PlusPlanIcon","PrimiumPlanIcon","CheckCircle","count_filters","count_locations","count_staff","count_push_notification","count_text_campaigns","arrowDropDownImg","RegistrationPersonalInformation","personalInformation","setPersonalInformation","firstName","lastName","phoneNumber","businessName","businessSize","vatNumber","_data$subscription","_data$vat_number","_data$currency","registerPersonalInfo","errors","RegistrationAccountCheckEmail","RegistrationActivateAccount","passwordVerificationToken","passwordFormLoading","setPasswordFormLoading","passwordFormErrorMessage","setPasswordFormErrorMessage","_data$verification_to","confirm_password","verification_token","registerCreatePassword","sessionId","serchParams","delete","set","stripe","Range","maxValue","colorProgressBefore","colorProgressAfter","labelMin","labelMax","themeClassName","blue","firstOperand","secondOperand","minDiapason","maxDiapason","background","left","FormError","formErrorMessages","field","RegistrationBuildYourCard","isLoading","setIsLoading","setAccountInformation","rewards","defValueForNumPromotion","setDefValueForNumPromotion","registerYourCompany","_data$first_checkIn$t","trim","accountInformationState","curValue","stamp","_accountInformation$r2","_accountInformation$r3","RegistrationLocations","prevLocations","placeName","setPlaceName","getPlaceName","createFirstLocation","SvgDirectionRight","SvgInfoGrad","SvgIosShareGrad","DropZone","RegistrationWelcomePromotion","setWorkingTime","setupPromotion","setSetupPromotion","setupWelcomePromotion","openTime","closeTime","prevInfo","setPromotionDeal","coverFile","setCoverFile","defaultFields","setDefaultFields","welcomePromotionLogo","defaultAddress","getPlaceLogo","default_address","welcomePromotionSubmit","coverImage","welcomePromotionSubmitWithoutGift","DirectionRightIcon","ShareIcon","Registration","stepRegistration","setStepRegistration","businessPlanPersonalInfo","DeclineAccount","сonfirmDeclineAccount","PlaceApprove","placeInfo","setPlaceInfo","responseMessage","setResponseMessage","hash","declinePlace","acceptPlace","StaffFamilyTable","worker_relations","deleteLocationStaffAsk","staffMembersTableColumns","gc_number","fake_data","staffList","setStaffList","firstNameInp","lastNameInp","employeeNumberInp","gcNumberInp","staffListInfo","setStaffListInfo","openForm","setOpenForm","openBulkRemoveForm","setOpenBulkRemoveForm","fileBase64","setFileBase64","newUser","setNewUser","store_name","global_card_name","employee_number","code_name","new","setEdinUser","removeInp","importInp","newStaff","onInput","changeNewStaffValueInput","currentTarget","borderRadius","boxShadow","_firstNameInp$current","_lastNameInp$current","_gcNumberInp$current","_employeeNumberInp$cu","getStaff","saveStaffMembers","edit_id","workers","count_workers","total_workers_count","getBase64","file","files","reader","FileReader","readAsDataURL","onload","result","onerror","handleImportWorkers","handleBulkRemove","marginBottom","encType","textAlign","objectFit","SvgOnlineCart","PosTabWrapper","buttonText","OnlineShop","PosCategoryColumn","containerStyle","SvgCirclePlus","getAllCategoriesAxios","setCategoryAxios","setPosStampCategoryAxios","getPosStampCategoryAxios","removeCategoryAxios","categoryId","removeStampCategoryAxios","editCategoryAxios","editStampCategoryAxios","createExtrasProductsAxios","InnerPosCategoryGroup","setItems","setEdit","getAllCategories","scaleParemeterSelectList","innerGroup","setInnerGroup","product_group","product_sku","scale_parameter","scale_factor","transaction_value","saveEditItem","saveItem","editItem","Edit","removeItem","Delete","newItems","allocated","requestItem","parent","items","noTableHead","addNewCategory","newItem","CirclePlus","PosCategoryColumnWrapper","validInputTextValue","scaleParameterSelectList","categoryList","InnerPosStampCategoryGroup","selectStampCategory","allItems","setAllItems","is_dedicated","changeItemParameters","prevItems","expandableRowDisabled","ExtrasProducts","invalidInputTextValue","extrasProducts","setExtrasProducts","getExtrasProducts","productExtras","removePosStampCategoryItem","extrasProductsList","sku","saveEditStampCategory","addNewPosStampCategory","editPosStampCategoryItem","PosRules","posStamps","setPosStamps","selectedStampCategory","setSelectedStampCategory","editStamp","setEditStamp","getPosStampCategories","handleGetStampIcons","allow_pos_extras","ExternalPosIntegration","lightSpeedBuisnes","setLightSpeedBuisnes","domainPrefInput","setDomainPrefInput","addLightSpeed","setAddLightSpeed","getAllLightSpeed","lightspeedAccounts","deleteLightSpeedItem","setDeleteLightSpeedItem","closeAddForm","removeLightSpeedItem","domainPrefix","accessToken","confirmUrl","requestObject","saveLightSpeedItem","editLightSpeedItem","selectRemoveLightSpeed","clientId","ConfirmLightSpeed","setMessage","AdminPartnersItem","advertList","setPartners","offers","getAllPartners","partnersList","setPartnersList","focusInput","setFocusInput","changePartnerParameters","columnName","fileRejections","photo_url","handlerSetItem","createAdvertPartnerAxios","business_id","logo_url","createAdvertOutletsAxios","week_offer","url","offerType","removeAdvertPartnerAxios","removeAdvertOutletsAxios","addNewPartner","now","movePartnerItem","position","onMouseDown","fontSize","tap_count","createItem","partner","editPartnerData","AdminAdverts","partners","showInMobile","setShowInMobile","getShowInMobileApp","showAdverts","setShowInMobileApp","handlerGetPartner","dataPartner","advertPartners","AdminAdvertsOutlets","handlerGetAllOutlets","offer_type","advertOffers","AdminAdvertsBrands","handlerGetAllBrands","EcommerceRule","ecommerceList","setEcommerceList","selectRestrictionTypeList","setSelectRestrictionTypeList","selectEcommerceTypeList","setSelectEcommercwTypeList","editEcom","setEditEcom","getEcommerceInfo","category_restrictions","rule_types","restriction_type","restriction_value","saveEcomerceRule","setEditRule","rule","removeEcommerceRule","ruleObj","createEcommerceRuleAxios","removeEcommerceRuleAxios","addNewRule","SvgChecked","getAllConditionsAxios","updateConditionsAxios","put","conditions","discount","logic_operator","StaffDiscount","loyaltyCard","setLoyaltyCard","card_color","card_logo","staff_barcode_prefix","card_image_enable","card_image","changeLoyaltyCard","openSetDiscountForm","setOpenSetDiscountForm","openMaximumSpendForm","setOpenMaximumSpendForm","openDiscountRulesForm","setOpenDiscountRulesForm","openConditionsForm","setOpenConditionsForm","savedCard","setSavedCard","discountForAll","setDiscountForAll","maximumSpend","setMaximumSpend","maximumSpendPeriod","setMaximumSpendPeriod","useMaximumSpendDiscount","setUseMaximumSpendDiscount","selectedDiscountRules","setSelectedDiscountRules","selectConditionsList","setSelectConditionsList","selectedConditions","setSelectedConditions","maximumSpendPeriodList","setMaximumSpendPeriodList","discountRulesTableColumns","ruleName","posCategoryName","posCategory","totalDiscount","saveDiscountRule","editDiscountRule","deleteDiscountRule","conditionsTableColumns","paddingBottom","saveCondition","deleteConditions","getAllDiscountRulesList","restriction_category","getAllConditionsForStaff","openCloseModal","removeConditionsStaffDiscountAxios","addNewConditionsStaffDiscountAxios","getMaximumSpendDiscountSetings","maximumSpendValue","usingMaximumSpend","openLoyaltyCardWrap","loyalty_card","handlerSaveLoyaltyCard","handleSetDiscountPercentForAllMembers","handleSetMaximumSpendDiscount","flexDirection","backgroundImage","pattern","inputMode","discountList","conditionsList","ManageNotification","getAdminCampaignsAxios","QuickNotification","saveNewMinimumSpendRulesItemAxios","MinimumSpend","minimumSpendList","setMinimumSpendList","spend_value","reward_value","is_expired","place_points","activate_after","date_expire","getAllMinimumSpendList","removeSpendItem","activ","spend","saveEditSpend","saveNewMinimumSpend","editMinimumSpendItem","addNewSpend","SitePosRulesEnum","getAllSiteLoyaltyRewards","getAllSellersToLoyaltyRewards","setNewSiteLoyaltyReward","removeSiteLoyaltyReward","SitePosRules","loyaltyCash","setLoyaltyCash","discountRules","setDiscountRules","posRulesSelectList","setPosRulesSelectList","sellersSelectList","setSellersSelectList","loyaltyColumnList","site_id","coupon","LOYALTY","saveNewItem","setEditItem","discountColumnList","DISCOUNT","sites","getAllRewardsHandler","cbeType","loyalty_rules","site","discount_rules","addNewItem","AdminBusinessesSetings","selectedBusiness","setSelectedBusiness","businessSettingsOptions","setBusinessSettingsOptions","updatedData","setUpdatedData","westmorlandStaff","setWestmorlandStaff","getOneBusinessOptions","getOneBusinessOptionsAxios","updateBusinessOptions","updateBusinessOptionsAxios","getOneBusiness","showOptionLabel","changeSettingsField","updateBusiness","createRequestObj","ProductDiscount","setProductList","productListInfo","setProductListInfo","changeProductParameters","productDiscountTableColumns","start_date","createProductDiscount","removeProductDiscount","getProductDiscounts","productsDiscount","count_product_discounts","total_product_discounts_count","newProductItem","addStaffMembers","addSpendCardsAxios","SpendCard","isDeleteLoading","setIsDeleteLoading","showAddForm","setShowAddForm","spendList","setSpendList","spendListInfo","setSpendListInfo","usersList","setUsersList","newSpend","setNewSpend","customer_id","init_value","deleteStampCardModal","setDeleteStampCardModal","getAllSpendCards","spendCards","count_spend_card","total_spend_cards_count","used_value","add_value","saveEditSpendCard","handleAddNewSpend","removeSpendCardsAxios","SvgCancelCircle","searchParams","has","findFullDiscount","orders","sum","externalIdInp","openImportForm","setOpenImportForm","haveStaffCardModel","setHaveStaffCardModel","external_id","barcode_number","barcode","used_maximum_spend_discount","total_discount","CancelCircle","_externalIdInp$curren","handleChangeRequestParameters","reqDate","_current","handleImportStaffDiscountWorkers","_current2","_customers$hoveredCha","_customers$hoveredCha2","hoveredChartItem","setHoveredChartItem","hoveredChartItemDiscount","setHoveredChartItemDiscount","customersForTable","setCustomersForTable","customersTransactionsForTable","setCustomersTransactionsForTable","chartDetailsTableColumns","barcode_content","encodeURIComponent","onMouseLeave","elem","customTooltip","getElementById","arrow","hideTooltip","fixedHeader","fixedHeaderScrollHeight","enabled","onHover","elements","chart","chartWidth","querySelector","offsetWidth","chartHeight","offsetHeight","top","interaction","mode","StaffDiscountDashboard","_dashboardInfo$allSta","_dashboardInfo$newSta","_dashboardInfo$countA","_dashboardInfo$grossS","_toFixed","_dashboardInfo$netSal","selectedSortType","setSelectedSortType","sitesList","setSitesList","allStaffMembers","netSales","grossSales","newStaffMembers","getStaffDashboardInform","sortType","dataKey","selectSortMethod","borderBottom","ArrowForward","ScanCount","TotalDiscountDiscount","Discount","TotalDiscount","EposNow","_window","discountID","setDiscountId","setToken","setBarcode","EposnowAPI","getLocationID","fetch","method","body","json","discount_id","eposSDK","EposNowTillSDK","setVersion","TransactionPublisher","register","innerHTML","transaction_data","Transaction","staffId","getStaffID","deviceId","getDeviceID","currentTransactionProducsIds","getTransactionProducts","productsArr","categoriesIDs","CategoryId","categoryArr","products","voucherSum","reasonId","amount","TransactionDetails","TransactionDetail","publish","submitForm","KlaviyoIntegration","klaviyoBuisnes","setKlaviyoBuisnes","privatKey","setPrivatKey","listName","setListName","addKlaviyo","setAddKlaviyo","getKlaviyo","deleteKlaviyoIntegrate","setDeleteKlaviyoIntegrate","removeKlaviyo","api_key","list_name","setShowCreateGroupForm","getAllCustomersGroupForProductDiscount","selectPosStampCategoriesList","setSelectPosStampCategoriesList","first_checkIn_stamp_voucher","group_discount","searchCustomers","setSearchCustomers","getDataForEditCustomerGroup","allow_stamp_bonus_reward","removeChoosedUser","createCustomerGroupForProductDiscountAxios","GroupDetail","selectedGroupId","showDeleteProductDiscountModal","setShowDeleteProductDiscountModal","selectedProductDiscount","setSelectedProductDiscount","removeProductDiscountFromGroup","removeCustomerFromGroup","product_name","addNewProduct","ProductDiscountCustomerGroup","showCreateGroupForm","showRemoveGroupForm","setShowRemoveGroupForm","customersList","setSelectedGroupId","customersGroupsList","setCustomersGroupsList","customersGroupsTableColumns","setEditCustomerGroup","selectGroupToRemove","removeCustomerGroup","removeCustomerGroupForProductDiscountAxios","total_customer_groups_count","getAllCustomersAndProduct","getAllCustomersAndProductsForProductDiscountAxios","productDiscounts","CustomerGroupsCreateEdit","StaffPerformance","staffListLoading","setStaffListLoading","posUsersListToSelect","setPosUsersListToSelect","getPosUserIdList","selectObj","posUsers","posUser","getAllStaffs","countStaff","totalPagesCount","totalStaffCount","staffPerformanceTableColumns","_row$points","_row$stamps","pos","StaffMembersWithBadgeBarcode","barcodeInp","barcodePrefix","setBarcodePrefix","_barcodeInp$current","_barcodeInp$current2","_barcodeInp$current3","card_number","ConditionsChildrens","_conditions","conditionsItem","setConditions","expandedPath","setExpandedPath","selectedIndex","setSelectedIndex","level","selectedId","getAllConditions","childrenList","setChildrenList","selectedCondition","setSelectedCondition","updatedCondition","setUpdateCondition","addNewCondition","operator","addNewChildren","updateNodeByDepth","targetDepth","currentDepth","updateFn","child","updateRequest","node","saveEditCondition","condition","saveEditChildren","editCondition","deleteCondition","editChildren","deleteChildren","conditionsColumns","childrenColumns","changePath","pathLevel","pathArr","Conditions","_listRow$id","saveEditConditionRules","createNewConditionRules","editConditionRules","removeConditionRules","deleteConditionsAxios","addNewConditionRule","InnovaPosRules","Routers","BrowserRouter","Redirect","AdminBusinesses","CustomerList","StaffDiscountMembers","OrdersList","GlobalWrapper","App","start","BugsnagPluginReact","BugsnagPerformance","ErrorBoundary","getPlugin","createErrorBoundary","checkLoginUser","ReactDOM","render","StrictMode","Provider"],"mappings":"qmBAAO,MAAMA,EACkB,QADDC,EAC5BC,0BAA6BD,EAAI,6BAiBtBE,GALqBC,EAChCF,8GAKuC,QADDG,EACtCH,kCAAuCG,EAEvC,kCAEWC,EACe,QADDC,EACzBL,sgBAAYI,sBAAc,IAAAC,IAAI,0CAEnBC,EACuB,QADDC,EACjCP,yBAAkCO,EAAI,wBAK3BC,GAH4BC,EACvCT,wBAGkC,QADDU,EACjCV,6BAAkCU,EAAI,6B,qBC7BxC,MAAMC,EAAiB,CACrBC,QAASd,EACTe,QAAS,CACPC,OAAQ,qBAINC,EAAgBC,IAAMC,OAAON,GACnCI,EAAcG,SAASL,QAAQM,OAAOC,cAAgB,UAAUC,aAAaC,QAC3E,kBAGFP,EAAcQ,aAAaC,SAASC,KACjCD,GACQA,IAERE,IAC+B,MAA1BA,EAAMF,SAASG,SACjBN,aAAaO,QACbZ,IAAME,SAASL,QAAQM,OAAOC,cAAgB,cAC9CS,OAAOC,SAASC,QAAQ,WAE1BC,IAAQC,OAAO,IAAIC,MAAMC,KAAKC,UAAUV,KACjCW,QAAQC,OAAOZ,MAIXX,QClBR,MA8GMwB,EAAmBA,IAC9BvB,EACGwB,IAAI,sBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y,4BCvH3B,IAAKmB,EAAmB,SAAnBA,GAAmB,OAAnBA,EAAmB,cAAnBA,EAAmB,8BAAnBA,EAAmB,0BAAnBA,EAAmB,0BAAnBA,EAAmB,sCAAnBA,EAAmB,gBAAnBA,EAAmB,gCAAnBA,EAAmB,4BAAnBA,EAAmB,4CAAnBA,EAAmB,kEAAnBA,EAAmB,0DAAnBA,CAAmB,MCJ/B,MAAMC,EAA8B,CAClCC,WAAY,KACZC,SAAS,EACTpB,MAAO,MCMF,IAAKqB,EAAoB,SAApBA,GAAoB,OAApBA,EAAoB,8BAApBA,CAAoB,MCVhC,MAAMH,EAA+B,CACnCI,eAAgB,GAChBC,oBAAqB,GACrBC,sBAAsB,EACtBC,2BAA2B,GCItB,IAAKC,EAA0B,SAA1BA,GAA0B,OAA1BA,EAA0B,4CAA1BA,CAA0B,MCRtC,MAAMR,EAAqC,CACzCS,OAAQ,GACRC,UAAW,ICHAC,EAAcC,0BAAgB,CACzCC,KLOyB,WAGN,IAFnBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGf,EACRkB,EAAsBH,UAAAC,OAAA,EAAAD,UAAA,QAAAE,EAEtB,OAAQC,EAAOC,MACb,KAAKpB,EAAoBqB,MACvB,MAAO,CAAEnB,WAAY,KAAMC,SAAS,EAAMpB,MAAO,MAEnD,KAAKiB,EAAoBsB,cAMvB,OALA5C,aAAa6C,QAAQ,eAAgBJ,EAAOK,QAAQC,cACpD/C,aAAa6C,QAAQ,OAAQ/B,KAAKC,UAAU0B,EAAOK,QAAQE,OAC3DhD,aAAa6C,QAAQ,kBAAmBJ,EAAOK,QAAQG,iBACvDtD,EAAME,SAASL,QAAQM,OAAOC,cAAgB,UAAU0C,EAAOK,QAAQC,eACvEvC,OAAOC,SAASC,QAAQ,KACjB,CAAEc,WAAYiB,EAAOK,QAASrB,SAAS,EAAOpB,MAAO,MAE9D,KAAKiB,EAAoB4B,YACvB,MAAO,CAAE1B,WAAY,KAAMC,SAAS,EAAOpB,MAAOoC,EAAOK,SAC3D,KAAKxB,EAAoB6B,YAAa,CACpC,IAAIC,EAAY,KAKb,IAADC,EAJF,GACErD,aAAaC,QAAQ,iBACrBD,aAAaC,QAAQ,SACrBD,aAAaC,QAAQ,mBAErBmD,EAAY,CACVE,MAAOtD,aAAaC,QAAQ,gBAC5B+C,KAAMlC,KAAKyC,MAAkC,QAA7BF,EAACrD,aAAaC,QAAQ,eAAO,IAAAoD,IAAI,IACjDJ,gBAAiBjD,aAAaC,QAAQ,oBAG1C,MAAO,CAAEuB,WAAY4B,EAAW3B,SAAS,EAAOpB,MAAO,KACzD,CACA,KAAKiB,EAAoBkC,kBAAmB,CAC1C,IAAIJ,EAAY,KAQhB,OAPApD,aAAa6C,QAAQ,OAAQ/B,KAAKC,UAAU0B,EAAOK,QAAQE,OAC3DhD,aAAa6C,QAAQ,kBAAmBJ,EAAOK,QAAQG,iBACvDG,EAAY,CACVE,MAAOtD,aAAaC,QAAQ,gBAC5B+C,KAAMP,EAAOK,QAAQE,KACrBC,gBAAiBR,EAAOK,QAAQG,iBAE3B,CAAEzB,WAAY4B,EAAW3B,SAAS,EAAOpB,MAAO,KACzD,CAEA,KAAKiB,EAAoBmC,OACvB,MAAO,IACFpB,EACHZ,SAAS,EACTpB,MAAO,MAGX,KAAKiB,EAAoBoC,eAIvB,OAHA1D,aAAaO,QACbZ,EAAME,SAASL,QAAQM,OAAOC,cAAgB,cAC9CS,OAAOC,SAASC,QAAQ,UACjB,IACF2B,EACHZ,SAAS,EACTpB,MAAO,MAGX,KAAKiB,EAAoBqC,aACvB,MAAO,IACFtB,EACHZ,SAAS,EACTpB,MAAOoC,EAAOK,SAGlB,KAAKxB,EAAoBsC,qBAAsB,CAC7C,MAAMC,EAAexB,EAAMb,WAI3B,OAHAqC,EAAab,KAAKc,MAAQrB,EAAOK,QAEjC9C,aAAa6C,QAAQ,OAAQ/B,KAAKC,UAAU8C,EAAab,OAClD,IACFX,EACHb,WAAYqC,EAEhB,CACA,KAAKvC,EAAoByC,gCAAiC,CACxD,MAAMF,EAAexB,EAAMb,WAI3B,OAHAqC,EAAab,KAAOP,EAAOK,QAE3B9C,aAAa6C,QAAQ,OAAQ/B,KAAKC,UAAU8C,EAAab,OAClD,IACFX,EACHb,WAAYqC,EAEhB,CACA,KAAKvC,EAAoB0C,4BAA6B,CACpD,MAAMH,EAAexB,EAAMb,WAI3B,OAHAqC,EAAab,KAAKiB,aAAexB,EAAOK,QAExC9C,aAAa6C,QAAQ,OAAQ/B,KAAKC,UAAU8C,EAAab,OAClD,IACFX,EACHb,WAAYqC,EAEhB,CAEA,QACE,OAAOxB,EAEb,EK7GE6B,UHM8B,WAGV,IAFpB7B,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGf,EACR4C,EAAsB7B,UAAAC,OAAA,EAAAD,UAAA,QAAAE,EAEtB,OAAQ2B,EAAMzB,OACPhB,EAAqB0C,cACjB,IACF/B,EACHV,eAAgBwC,EAAMrB,QAAQnB,eAC9BC,oBAAqBuC,EAAMrB,QAAQlB,oBACnCC,sBAAsB,EACtBC,2BAA2B,GAGtBO,CAEb,EGrBEgC,gBDGoC,WAGV,IAF1BhC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGf,EACR4C,EAA4B7B,UAAAC,OAAA,EAAAD,UAAA,QAAAE,EAE5B,OAAQ2B,EAAMzB,OACPX,EAA2BuC,qBACvB,IACFjC,EACHL,OAAQmC,EAAMrB,QAAQd,OACtBC,UAAWkC,EAAMrB,QAAQb,WAGpBI,CAEb,IEpBakC,EAAQC,sBACnBtC,EACAuC,8BAAoBC,0BAAgBC,O,kCCJ/B,MAAMC,EAAoDC,ICHlD,ICAXC,EACJ,SAASC,IAAa,OAAOA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAGJ,EAASU,MAAM,KAAMnD,UAAY,CAEnR,SAASoD,EAAaC,EAAMC,GAC1B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAOZ,EAAS,CACtDiB,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAMf,IAAOA,EAAkB,gBAAoB,IAAK,CAClEwB,QAAS,IACK,gBAAoB,IAAK,CACvCA,QAAS,KACK,gBAAoB,OAAQ,CAC1CC,KAAM,OACNC,EAAG,uBACa,gBAAoB,OAAQ,CAC5CD,KAAM,eACNE,SAAU,UACVD,EAAG,+KAEP,CACA,MAAME,EAA0B,aAAiBhB,GAClC,IChCf,MAAMiB,EACG,UADHA,EAEM,UAFNA,EAGO,UAHPA,EAIa,UAJbA,GAKW,UALXA,GAMuB,UANvBA,GAOY,UAPZA,GAQE,UARFA,GASO,UATPA,GAUM,UAVNA,GAWU,UAXVA,GAYiB,UAZjBA,GAaY,UAbZA,GAcE,UAdFA,GAeQ,UAfRA,GAgBO,UAhBPA,GAiBI,UAjBJA,GAkBG,UAlBHA,GAmBkB,UAnBlBA,GAoBgB,UApBhBA,GAsBO,MCnBPC,GAAUC,UAAOC,GAAG;;;;;;aAMbH;;;;;;;;;;cCqBEI,OAxBEpB,IAAqB,IAApB,KAAEqB,GAAYrB,EAC9B,OACEsB,eAACL,GAAO,CAAAM,SACS,SAAdF,EAAKtE,MACQ,gBAAdsE,EAAKtE,MACS,kBAAdsE,EAAKtE,KACHyE,gBAACC,IAAI,CAACC,GAAIL,EAAKM,KAAKJ,SAAA,CACjBF,EAAKO,KAAON,eAAA,QAAMO,UAAU,OAAMN,SACjCD,eAAA,OAAKQ,IAAKT,EAAKO,KAAMG,IAAKV,EAAKW,SACvB,KACVV,eAAA,QAAMO,UAAU,OAAMN,SAAEF,EAAKW,UAEf,aAAdX,EAAKtE,KACPyE,gBAAA,KAAGS,KAAMZ,EAAKM,KAAMO,OAAO,SAASC,IAAI,aAAYZ,SAAA,CAClDD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,OAAKQ,IAAKT,EAAKO,KAAMG,IAAKV,EAAKW,SAEjCV,eAAA,QAAMO,UAAU,OAAMN,SAAEF,EAAKW,UAE7B,MACI,ECvBd,MAAMf,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;0BAcAH;;;;;;;;;;;;;;;;;0BAiBAA;;;;;;;;;;;;;;;;;;;;;;;;;;8BA0BIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECsCfoB,OA1FFpC,IAAyB,IAAxB,SAAEqC,GAAgBrC,EAC9B,MAAMlF,EAAWwH,eACVC,EAAiBC,GAAsBC,mBAAmB,IAE3DC,EAAoBrB,KACpBA,EAAKE,UACAF,EAAKE,SAASoB,MAAMlD,GAAMA,EAAEkC,OAAS7G,EAAS8H,WAKnDC,EAAsBC,KACtBA,GACKA,EAAcH,MAAMlD,GAAMA,IAAM3E,EAAS8H,WAuBpD,OACEtB,eAACL,GAAO,CAAAM,SACLc,EAASU,KAAK1B,IACbC,sBAAA,OACEO,UAAW,YAAYR,EAAKtE,QAC1BsE,EAAKM,OAAS7G,EAAS8H,UACvBC,EAAmBxB,EAAKyB,eACpB,cACA,MAEJJ,EAAiBrB,IAASwB,EAAmBxB,EAAKyB,eAC9C,qBACA,OAhBOE,EAiBI3B,EAAKM,KAhBrBY,EAAgBI,MAAMlD,GAAMA,IAAMuD,IAgBL,gBAAkB,MAChC,gBAAd3B,EAAKtE,KAAyB,sBAAwB,KACrDwE,SAGY,SAAdF,EAAKtE,MAAiC,aAAdsE,EAAKtE,KAC5BuE,eAACF,GAAQ,CAACC,KAAMA,IACA,gBAAdA,EAAKtE,KACPyE,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAACF,GAAQ,CAACC,KAAMA,IAChBC,eAAA,UACEvE,KAAK,SACL8E,UAAU,kBACVqB,QAASA,IA5CEF,KACvB,MAAMG,EAAsB,IAAIZ,GAC1Ba,EAAQD,EAAoBE,QAAQL,GACtCI,GAAS,GACXD,EAAoBG,OAAOF,EAAO,GAClCZ,EAAmBW,IAEnBX,GAAoBe,GAAuB,IACtCA,EACHP,IAEJ,EAiC2BQ,CAAgBnC,EAAKM,MAAMJ,SAE1CD,eAACmC,EAAa,MAEhBnC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCF,EAAKE,SACFF,EAAKE,SAASwB,KAAKW,GACjBpC,eAAA,OACEO,UAAW,qBAAqB6B,EAAa3G,QAC3C2G,EAAa/B,OAAS7G,EAAS8H,SAC3B,cACA,KACHrB,SAGHD,eAACF,GAAQ,CAACC,KAAMqC,KAFXA,EAAa1B,QAKtB,UAGN,MA/BCX,EAAKW,MApBGgB,KAqDhB,KACO,EC3Fd,MAAM/B,GAAUC,UAAOC,GAAG;;;sBAGJH;;wBAEEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoHJA;;;;oBAIAA;;;;;sBAKEA;;;sBAGAA;;;;;;;;;0BASIA;eACXA;;;;;;;;+BAQgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4BXA;;;;;;;;;;;;;;;;;;;;;;;;;;ECtLL,WAA0B,sCCA1B,OAA0B,sCCA1B,OAA0B,4CCA1B,OAA0B,6CCA1B,OAA0B,yCCA1B,OAA0B,uCCA1B,OAA0B,6CCA1B,OAA0B,sCCA1B,OAA0B,qCCA1B,OAA0B,sCCA1B,OAA0B,4CCA1B,OAA0B,qCCA1B,OAA0B,iCCgBlC,MAAM2C,GAA+B,CAC1C,CACE/B,KAAMgC,GACN5B,KAAM,YACNjF,KAAM,OACN4E,KAAM,IACNkC,OAAQ,CAAC,MAAO,UAAW,aAAc,MAAO,UAElD,CACEjC,KAAMkC,GACN9B,KAAM,qBACNjF,KAAM,OACN4E,KAAM,sBACNmB,cAAe,CACb,4CACA,mCAEFe,OAAQ,CAAC,MAAM,UAAU,aAAc,QAEzC,CACEjC,KAAMmC,GACN/B,KAAM,oBACNjF,KAAM,OACN4E,KAAM,qBACNkC,OAAQ,CAAC,MAAM,UAAU,aAAc,QAEzC,CACEjC,KAAMoC,GACNhC,KAAM,oBACNjF,KAAM,OACN4E,KAAM,qBACNkC,OAAQ,CAAC,MAAM,UAAU,aAAc,QASzC,CACEjC,KAAMqC,GACNjC,KAAM,uBACNjF,KAAM,OACN4E,KAAM,wBACNkC,OAAQ,CAAC,MAAM,UAAU,aAAc,QAEzC,CACEjC,KAAMqC,GACNjC,KAAM,gBACNjF,KAAM,OACN4E,KAAM,iBACNkC,OAAQ,CAAC,aAEX,CACEjC,KAAMsC,GACNlC,KAAM,YACNjF,KAAM,cACN4E,KAAM,8BACNJ,SAAU,CACR,CACEK,KAAMuC,GACNnC,KAAM,mBACNjF,KAAM,gBACN4E,KAAM,+BAER,CACEC,KAAMwC,GACNpC,KAAM,kBACNjF,KAAM,gBACN4E,KAAM,8BAER,CACEC,KAAMyC,GACNrC,KAAM,kBACNjF,KAAM,gBACN4E,KAAM,6BACNmB,cAAe,CAAC,sCAGpBe,OAAQ,CAAC,MAAM,UAAW,aAAc,MAAO,cAEjD,CACEjC,KAAMsC,GACNlC,KAAM,eACNjF,KAAM,cACN4E,KAAM,oCACNJ,SAAU,CACR,CACEK,KAAMuC,GACNnC,KAAM,sBACNjF,KAAM,gBACN4E,KAAM,qCAER,CACEC,KAAMwC,GACNpC,KAAM,sBACNjF,KAAM,gBACN4E,KAAM,sCAUVkC,OAAQ,CAAC,UAEX,CACEjC,KAAMoC,GACNhC,KAAM,iBACNjF,KAAM,OACN4E,KAAM,2BACNkC,OAAQ,CAAC,MAAM,UAAW,aAAc,QAG1C,CACEjC,KAAM0C,GACNtC,KAAM,YACNjF,KAAM,OACN4E,KAAM,aACNkC,OAAQ,CAAC,UAAW,aAAc,QAEpC,CACEjC,KAAM0C,GACNtC,KAAM,kBACNjF,KAAM,OACN4E,KAAM,kBACNkC,OAAQ,CAAC,YAEX,CACEjC,KAAM0C,GACNtC,KAAM,mBACNjF,KAAM,OACN4E,KAAM,oBACNkC,OAAQ,CAAC,cAEX,CACEjC,KAAM0C,GACNtC,KAAM,2BACNjF,KAAM,OACN4E,KAAM,4BACNkC,OAAQ,CAAC,eAEX,CACEjC,KAAM0C,GACNtC,KAAM,sBACNjF,KAAM,OACN4E,KAAM,uBACNkC,OAAQ,CAAC,YAEX,CACEjC,KAAMoC,GACNhC,KAAM,kBACNjF,KAAM,OACN4E,KAAM,cACNkC,OAAQ,CAAC,YAEX,CACEjC,KAAMoC,GACNhC,KAAM,gBACNjF,KAAM,OACN4E,KAAM,iBACNkC,OAAQ,CAAC,UAGX,CACEjC,KAAMgC,GACN5B,KAAM,2BACNjF,KAAM,OACN4E,KAAM,4BACNkC,OAAQ,CAAC,iBAAkB,6BAE7B,CACEjC,KAAMoC,GACNhC,KAAM,kBACNjF,KAAM,OACN4E,KAAM,kBACNkC,OAAQ,CAAC,iBAAkB,6BAE7B,CACEjC,KAAMoC,GACNhC,KAAM,gBACNjF,KAAM,OACN4E,KAAM,0BACNkC,OAAQ,CAAC,mBAET,CACAjC,KAAMoC,GACNhC,KAAM,gBACNjF,KAAM,OACN4E,KAAM,4BACNkC,OAAQ,CAAC,6BAGX,CACEjC,KAAM2C,GACNvC,KAAM,aACNjF,KAAM,OACN4E,KAAM,cACNkC,OAAQ,CAAC,eAEX,CACEjC,KAAMoC,GACNhC,KAAM,mBACNjF,KAAM,cACN4E,KAAM,oBACNJ,SAAU,CACR,CACEK,KAAMuC,GACNnC,KAAM,qCACNjF,KAAM,gBACN4E,KAAM,qBAER,CACEC,KAAMwC,GACNpC,KAAM,wCACNjF,KAAM,gBACN4E,KAAM,6BAGVkC,OAAQ,CAAC,oBAEX,CACEjC,KAAMmC,GACN/B,KAAM,aACNjF,KAAM,OACN4E,KAAM,oBACNkC,OAAQ,CAAE,UAMZ,CACEjC,KAAMoC,GACNhC,KAAM,QACNjF,KAAM,OACN4E,KAAM,eACNkC,OAAQ,CAAC,UAEX,CACEjC,KAAM4C,GACNxC,KAAM,sBACNjF,KAAM,OACN4E,KAAM,uBACNkC,OAAQ,CAAC,UAEX,CACEjC,KAAMoC,GACNhC,KAAM,UACNjF,KAAM,cACN4E,KAAM,iBACNkC,OAAQ,CAAC,SACTtC,SAAU,CACR,CACEK,KAAM,GACNI,KAAM,oBACNjF,KAAM,gBACN4E,KAAM,kBAER,CACEC,KAAM,GACNI,KAAM,mBACNjF,KAAM,gBACN4E,KAAM,iCAER,CACEC,KAAM,GACNI,KAAM,kBACNjF,KAAM,gBACN4E,KAAM,mCAMD8C,GAA6B,CACxC,CACE7C,KAAM8C,GACN1C,KAAM,OACNjF,KAAM,WACN4E,KAAM,0CChKKgD,OAhIWA,KAAO,IAADC,EAC9B,MAAMC,EAAUC,eACTC,EAAaC,GAAkBC,IAAMxC,UAAkB,IACxD,WAAC5G,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAChDyI,EAAcC,GAAmB1C,mBAAqB,IACvD2C,EAAgD,QAA5CR,EAAGzJ,KAAKyC,MAAMvD,aAAaC,QAAQ,gBAAS,IAAAsK,OAAA,EAAzCA,EAA2CQ,KAElDC,EAAwBC,uBAAY,KACvCzJ,EAAWwB,KAAKkI,YAGZC,EAAe,CAAC,GCVvBxL,EACGwB,IAAI,yBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YDEJiB,MAAKgK,IAC7BD,EAAeC,EAAIC,KAAK,GACH,GACvB,IAEIF,EAAkBG,IAAgB,IAADC,EAAAC,EACrC,IAAIC,EAAgB,GACpBjK,EAAWwB,KAAK0I,eAAiBD,EAAcE,KAAK,WACpDnK,EAAWwB,KAAK4I,kBAAoBpK,EAAWwB,KAAK6I,WAClDJ,EAAcE,KAAK,cAErBnK,EAAWwB,KAAK6I,WACdJ,EAAcE,KAAK,OAErBnK,EAAWwB,KAAK8I,aACdL,EAAcE,KAAK,WAErBnK,EAAWwB,KAAK+I,kBACdN,EAAcE,KAAK,aAErBnK,EAAWwB,KAAKgJ,eACdP,EAAcE,KAAK,WAEkB,iBAAhC,OAAPL,QAAO,IAAPA,GAA0B,QAAnBC,EAAPD,EAASW,yBAAiB,IAAAV,OAAnB,EAAPA,EAA4BW,QAAqD,IAAzB1K,EAAWwB,KAAK+H,MACtEU,EAAcE,KAAK,4BAErBnK,EAAWwB,KAAKmJ,iBACdV,EAAcE,KAAK,YAErBnK,EAAWwB,KAAKoJ,iBACdX,EAAcE,KAAK,aAErBnK,EAAWwB,KAAKqJ,wBACdZ,EAAcE,KAAK,mBAEI,IAAzBnK,EAAWwB,KAAK+H,MACdU,EAAcE,KAAK,SAErBnK,EAAWwB,KAAKkI,aACdO,EAAcE,KAAK,SAEiB,cAA/B,OAAPL,QAAO,IAAPA,GAA0B,QAAnBE,EAAPF,EAASW,yBAAiB,IAAAT,OAAnB,EAAPA,EAA4BU,QAAiD,IAAzB1K,EAAWwB,KAAK+H,MAClEU,EAAcE,KAAK,kBAErBnK,EAAWwB,KAAKsJ,kBACdb,EAAcE,KAAK,cAGS,IAAzBF,EAAclJ,QAAiBkJ,EAAcc,SAAS,UAAsC,IAAzB/K,EAAWwB,KAAK+H,MAEtFU,EAAce,QAAQ,OAExB,IAAIC,EAAuB,GAC3BhB,EAAc/C,KAAIgE,IAChBD,EAAcd,QAAQrC,GAAYqD,QAAO3F,IAAI,IAAA4F,EAAA,OAAe,QAAfA,EAAI5F,EAAKwC,cAAM,IAAAoD,OAAA,EAAXA,EAAaL,SAASG,EAAI,IAAE,IAG/E5B,EAAgB,IAAI,IAAI+B,IAAIJ,IAAgB,EAG9CK,qBAAU,KAERtL,EAAWwB,KAAKkI,aAAcV,EAAQmB,KAAK,iBAAwB,GAClE,CAACnK,EAAWwB,KAAKkI,cAEpB4B,qBAAU,KACR9B,GAAuB,GACtB,CAACA,IACJ,MAAM+B,EAAWA,KACfpC,GAAgBD,EAAY,EAQ9B,OANAoC,qBAAU,IACDtC,EAAQwC,QAAO,KACpBrC,GAAe,EAAM,KAEtB,CAACH,IAGFrD,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACxBD,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAA,OAAKQ,ItBtGA,yhNsBsGkBC,IAAI,kBAE7BP,gBAAA,UACEzE,KAAK,SACL2D,GAAG,cACHwC,QAASkE,EACTvF,UAAWkD,EAAc,OAAS,GAAGxD,SAAA,CAErCD,eAAA,QAAAC,SAAM,MACND,eAAA,QAAAC,SAAM,MACND,eAAA,QAAAC,SAAM,YAGVC,gBAAA,OAAKK,UAAWkD,EAAc,2BAA6B,UAAUxD,SAAA,CACnED,eAAA,OAAKO,UAAU,WAAUN,SACtB1F,EAAWwB,KAAKkI,aAAwB,IAATH,EAAa,KAAO9D,eAACG,IAAI,CAACI,UAAU,WAAWH,GAAG,6BAA4BH,SAAC,sBAKjHD,eAAA,OAAKO,UAAU,YAAWN,SACtBD,eAACc,GAAI,CAACC,SAAU6C,MAEpB5D,eAAA,OAAKO,UAAU,6BAA4BN,SACzCD,eAACc,GAAI,CAACC,SAAUoC,UAGpBnD,eAAA,UACEvE,KAAK,SACLmG,QAASkE,EACTvF,UAAWkD,EAAc,sBAAwB,2BAI3C,EEtIP,MCcMuC,GAAaC,GACjBC,UnCJcnK,MmCKnBoK,EAAS,CAAE1K,KAAMpB,EAAoBqB,SnCLlBK,EmCMZkK,EnCLTvN,EACG0N,KAAK,kBAAmBrK,GACxB5B,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,amCA3BiB,MAAMjB,IACqB,IAADmN,EAArBnN,EAASkL,KAAK/H,MAChB9C,OAAOC,SAASC,QACd,2CACqB,QADrB4M,EACEnN,EAASkL,KAAK/H,aAAK,IAAAgK,IAAInN,EAASkL,KAAKkC,iBAIzCH,EAAS,CACP1K,KAAMpB,EAAoBsB,cAC1BE,QAAS3C,EAASkL,MAEtB,IAEDhK,OAAOhB,IACN+M,EAAS,CACP1K,KAAMpB,EAAoB4B,YAC1BJ,QAASzC,EAAMgL,KAAKmC,SACpB,GACF,EAIKC,GAAaA,IACjBN,UACLC,EAAS,CAAE1K,KAAMpB,EAAoBmC,SnCXvC9D,EACG0N,KAAK,eACLjM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YmCO3BiB,MAAMjB,IACLiN,EAAS,CACP1K,KAAMpB,EAAoBoC,eAC1BZ,QAAS3C,EAASkL,MAClB,IAEHhK,OAAOhB,IACN+M,EAAS,CACP1K,KAAMpB,EAAoBqC,aAC1Bb,QAASzC,EAAMgL,KAAKmC,SACpB,GACF,EAIKE,GACXC,GAEOR,SACL,IAAInM,SAAQ,CAAC4M,EAAS3M,KnCkCpB0M,IAEJhO,EACG0N,KAAK,wBAAyBM,GAC9BvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YmCzC5B0N,CAAwBF,GACrBvM,MAAMjB,IACLiN,EAAS,CACP1K,KAAMpB,EAAoBsC,qBAC1Bd,QAAS3C,EAASkL,KAAKvH,QAElB8J,EAAQzN,MAEhBkB,OAAOhB,GACCY,EAAOZ,IACd,IAIGyN,GACXC,GAEOZ,SACL,IAAInM,SAAQ,CAAC4M,EAAS3M,KnC2BxB8M,IAEApO,EACG0N,KAAK,2BAA4BU,GACjC3M,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YmClC5B6N,CAAkCD,GAC/B3M,MAAMjB,IACLiN,EAAS,CACP1K,KAAMpB,EAAoByC,gCAC1BjB,QAAS3C,EAASkL,KAAKrI,OAElB4K,EAAQzN,MAEhBkB,OAAOhB,GACCY,EAAOZ,IACd,IAIG4N,GAAsBC,GAC1Bf,SACL,IAAInM,SAAQ,CAAC4M,EAAS3M,KD1FciN,IACtCvO,EACG0N,KAAK,+BAAgC,CAAEa,aACvC9M,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCoF5BgO,CAAwBD,GACrB9M,MAAMjB,IACLiN,EAAS,CACP1K,KAAMpB,EAAoB0C,4BAC1BlB,QAASoL,IAEJN,EAAQzN,MAEhBkB,OAAOhB,GACCY,EAAOZ,IACd,IC/GG+N,GAA+BA,IAC1CzO,EACGwB,IAAI,uBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCLrBkO,GAA0BA,IAC9BlB,UACLiB,KAA+BhN,MAAMjB,IACnC,MAAMwB,EAAiBxB,EAASkL,KAAKiD,WAAW5F,KAC7C1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKW,SAIZ/F,EAAsBzB,EAASkL,KAAKmD,WAAW9F,KAClD1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKW,SAIlByF,EAAS,CACP1K,KAAMhB,EAAqB0C,cAC3BtB,QAAS,CACPnB,iBACAC,wBAEF,GACF,ECvBO6M,GAAqBA,IACzBtB,UCLPxN,EACGwB,IAAI,qBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YDAHiB,MAAMjB,IAC/B,MAAM6B,EAAS7B,EAASkL,KAAKrJ,OAAO0G,KACjC1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKW,SAIZ1F,EAAY9B,EAASkL,KAAKpJ,UAAUyG,KACvC1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAK0H,kBAIlBtB,EAAS,CACP1K,KAAMX,EAA2BuC,qBACjCxB,QAAS,CACPd,SACAC,cAEF,GACF,EE7BS,WACV0M,KACAC,KACAC,GCHE,MAAMC,GAAaA,KACxB,MAAM1B,EAAW2B,cACjB,OAAOC,6BAAmBC,GAAgB7B,EAAS,ECNrD,IAAI,GACJ,SAAS,KAAa,OAAO,GAAWpI,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS4M,GAAQvJ,EAAMC,GACrB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,mBACNiB,UAAW,SACXf,SAAU,UACVD,EAAG,8NAEP,CACA,MAAM,GAA0B,aAAiB0I,IAClC,QC7BA,qmMCGf,MAAMtI,GAAUC,UAAOC,GAAG;;sBAEJH;;;;;;;;;;;wBAWEA;;;;;gBAKRA;;;;eAIDA;;;;;;;;;;;eAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgCAA;;;;;;;eAOAA;;;;;;;;;;;;;;0BAcWA;;;;;;;;;;;;;;;;;;;sBAmBJA;;;;;;;;;iBASLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC7CFwI,OA7DAA,KAAO,IAADC,EAAAC,EAAAC,EACnB,MAAM,WAAE9N,GAAeoD,GAAkBvC,GAAUA,EAAMD,QACnD,WAAEqL,GAAeqB,MAEhBS,EAAoBC,GAAyBpH,oBAAkB,GAChEhC,EAAMqJ,iBAAuB,MAC7BC,EAAsBC,IAAgB,IAADC,EACjC,OAAHxJ,QAAG,IAAHA,GAAY,QAATwJ,EAAHxJ,EAAKyJ,eAAO,IAAAD,GAAZA,EAAcE,SAASH,EAAM9H,UAAW0H,GAC3CC,GAAsB,EACxB,EAYF,OAVA1C,qBAAU,KACR,GAAIyC,EAEF,OADAQ,SAASC,iBAAiB,QAASN,GAC5B,KACLK,SAASE,oBAAoB,QAASP,EAAmB,CAG7C,IAIhBvI,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,WAAUN,SACX,OAAV1F,QAAU,IAAVA,KAAYyB,gBASV,KARFkE,gBAAA,OAAKK,UAAU,4BAA2BN,SAAA,CACxCD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,YAAWN,SAAC,yBAC5BD,eAAA,QAAMO,UAAU,YAAWN,SAAC,kFAOlCD,eAAA,OAAKO,UAAU,qBACfL,gBAAA,OAAKK,UAAW,aAAY+H,EAAqB,OAAS,IAAMnJ,IAAKA,EAAKyC,QAASA,IAAM2G,GAAuBD,GAAoBrI,SAAA,CAAE,IACpID,eAAA,OAAKO,UAAU,MAAKN,SACP,OAAV1F,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,GAAhBA,EAAkBtL,MACjBmD,eAAA,OAAKQ,IAAKjG,EAAWwB,KAAKc,MAAO4D,IAAI,KAErCT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,OAGlCP,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SAAY,OAAV1F,QAAU,IAAVA,GAAgB,QAAN6N,EAAV7N,EAAYwB,YAAI,IAAAqM,OAAN,EAAVA,EAAkBe,YACzCnJ,eAAA,OAAKO,UAAU,QAAON,SAAY,OAAV1F,QAAU,IAAVA,GAAgB,QAAN8N,EAAV9N,EAAYwB,YAAI,IAAAsM,OAAN,EAAVA,EAAkBe,WAE5CpJ,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACmC,EAAa,MAEhBnC,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAA,UAAQO,UAAU,SAAS9E,KAAK,SAASmG,QAAS4E,EAAWvG,SAAC,mBAK1D,ECjEd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;wBAMFH;;;;;;;;;;;;;oBAaJA;;;;oBAIAA;;;;;sBAKEA;;;sBAGAA;;;;;;;;;;;;;;;;;;;;;;ECRP2J,IC1BXC,GD0BWD,GAhB6B3K,IAAmB,IAAlB,SAAEuB,GAAUvB,EACvD,MAAM,QAAElE,GAAYmD,GAAkBvC,GAAUA,EAAMD,OAEtD,OACE+E,gBAACP,GAAO,CACNY,UAAW,IAAG/F,EAAU,4BAA8B,gBAAiByF,SAAA,CAEvED,eAACqD,GAAO,IACRnD,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACkI,GAAM,IACPlI,eAAA,OAAKO,UAAU,eAAcN,SAAEA,SAEzB,ECrBd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASkO,GAAS7K,EAAMC,GACtB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDO,OAAQ,GACRD,MAAO,GACPE,QAAS,YACT,cAAe,OACfsK,UAAW,QACXjJ,UAAW,cACXpB,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM0K,KAAUA,GAAqB,gBAAoB,OAAQ,CAC3E/J,EAAG,gWAEP,CACA,MAAM,GAA0B,aAAiBgK,IAClC,ICzBX,GDyBW,ICxBf,SAAS,KAAa,OAAO,GAAWxL,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASoO,GAAQ/K,EAAMC,GACrB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,CAClES,QAAS,IACK,gBAAoB,OAAQ,CAC1CC,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,8sBAEP,CACA,MAAM,GAA0B,aAAiBkK,IAClC,QC9BA,OAA0B,+CCIzC,MAAM9J,GAAUC,UAAOC,GAIrB;;;;;;;aAOWH;;;;;;iBAMKZ,GAAWA,EAAM4K,SAAW,OAAS;;;;;;;;;;;;;;;;;cAiBxC5K,GAAWA,EAAM6K,SAAW,UAAY;kBACpC7K,GACbA,EAAM6K,SACF,OAAOC,iDACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAsGAlK;UACAA;;eAEKA;;;;;;;;;;;;;;;;wBAgBSA;;;;;;;;;gBASRA;;;;;;;;;;;;;;;;;cAiBFA;;;;;;;;;;;;;;;;;EC9BCmK,IC/JX,GD+JWA,GAtJAnL,IAgBD,IAhBE,MACd4I,EAAK,YACLwC,EAAW,YACXC,EAAW,aACXC,EAAY,SACZN,EAAQ,YACRO,EAAW,KACX3J,EAAI,aACJ4J,EAAY,gBACZC,EAAe,mBACfC,EAAkB,SAClBC,EAAQ,iBACRC,GAAmB,EAAI,KACvBC,EAAI,SACJC,EAAQ,QACRC,GACM/L,EACN,MAAOuG,EAAOyF,GAAYvJ,oBAA6B,OAAZ6I,QAAY,IAAZA,OAAY,EAAZA,EAAc1C,QAAS,KAC3DqD,EAAMC,GAAWzJ,mBAA4B+I,GAEpDrE,qBAAU,KACJmE,GAAgBA,EAAa1C,QAAUrC,GACzCyF,EAASV,EAAa1C,OAExBsD,EAAQV,EAAa,GACpB,CAACF,IAEJ,MAAOa,EAAkBC,GACvBnH,IAAMxC,UAAkB,IACnB4J,EAAgBC,GAAqB7J,mBAAiB,IAEvDhC,EAAMqJ,iBAAyB,MAE/BC,EAAsBC,IAAgB,IAADC,EACjC,OAAHxJ,QAAG,IAAHA,GAAY,QAATwJ,EAAHxJ,EAAKyJ,eAAO,IAAAD,GAAZA,EAAcE,SAASH,EAAM9H,UAAWiK,GAC3CC,GAAoB,EACtB,EA8BF,OAlBAjF,qBAAU,KACR,GAAIgF,EAGF,OAFA/B,SAASC,iBAAiB,QAASN,GAE5B,KACLK,SAASE,oBAAoB,QAASP,EAAmB,CAI7C,IAGlB5C,qBAAU,KACR+E,EAAQV,EAAaxE,QAAQuF,GAC3BA,EAAO3D,MAAM4D,cAAc5F,SAASyF,EAAeG,iBACnD,GACD,CAACH,EAAgBb,IAGlBhK,gBAACP,GAAO,CAAC,WAAS,iBAChB+J,SAAUA,EACVC,WAAYO,EACZiB,UAAW7D,EACX/G,UAAW,UAAU2J,EAAe,WAAa,MAC/CK,EAAO,OAAS,KACftK,SAAA,CAEHD,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAEqH,IAClDhH,EACDN,eAAA,SAAO,WAAS,iBACdvE,KAAK,OACLwJ,MAAOA,EACP6E,YAAaA,EACbJ,SAAUA,EACVW,SAAUA,GAAYE,EACtBa,aAAclB,EAAe,OAAS,GACtCmB,SAAUA,IACD,KAETZ,QAAU/B,IACJwB,GACFxB,EAAM9H,OAAO0K,OAGXb,GAASA,GAAS,EAExB7I,QAASA,IACPsI,IAAiBW,GAAoBC,GAAoB,KAGhD,OAAZZ,QAAY,IAAZA,KAAc5O,QAAUuP,EACvB3K,gBAAA,MACEf,IAAKA,EACLoB,UAAW,IAAuB,QAApB4J,EAA4B,MAAQ,UAAWlK,SAAA,EAE3DmK,GACApK,eAAA,SACEvE,KAAK,OACLqO,YAAY,SACZ7E,MAAO8F,EACPM,SAAW3C,GAAUsC,EAAuB,OAALtC,QAAK,IAALA,OAAK,EAALA,EAAO9H,OAAOqE,SAGxD0F,EAAKlJ,KAAI,CAAC1B,EAAM+B,IACf9B,eAAA,UACEvE,KAAK,SAELmG,QAASA,KAAM2J,OA5ELC,EA4EkBzL,EA3ElC8K,GAAoBP,GAAkBQ,GAAoB,GAE9DJ,EAASc,EAAYlE,YACjBkD,GACFA,EAASgB,EAAYvG,MAAOuG,EAAYlE,MAAOkE,EAAYC,aALzCD,KA4EwB,EAAAvL,SAEjCF,EAAKuH,OAHDvH,EAAKkF,MAAQ,GAAGnD,OAMR,IAAhB6I,EAAKrP,QAAgB0E,eAAA,MAAAC,SAAI,iBAE1B,KACHsK,GACCvK,eAAA,QAAMO,UAAU,iBAAgBN,SAC9BD,eAAC0L,GAAQ,MAGZ3B,EACC7J,gBAAA,QAAMK,UAAU,eAAcN,SAAA,CAC5BD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,UAASN,SAAE8J,OAE3B,KACHE,GAAehF,EACdjF,eAAA,UACEO,UAAU,gBACV9E,KAAK,SACLmG,QAASA,KACP8I,EAAS,IACLF,GAAUA,EAAS,GAAI,GAAI,CAAC,EAAE,EAClCvK,SAEFD,eAAC2L,GAAS,MAEV,OACI,EC1Jd,SAAS,KAAa,OAAO,GAAW5N,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASuQ,GAAclN,EAAMC,GAC3B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHI,MAAO,GACPC,OAAQ,GACR4M,EAAG,EACHC,EAAG,EACHxM,KAAM,OACNyM,GAAI,EACJC,GAAI,IACW,gBAAoB,OAAQ,CAC3C1M,KAAM,mBACNE,SAAU,UACVD,EAAG,gWAEP,CACA,MAAM,GAA0B,aAAiBqM,IAClC,ICjCX,GDiCW,IChCf,SAAS,KAAa,OAAO,GAAW7N,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS4Q,GAAYvN,EAAMC,GACzB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,geAEP,CACA,MAAM,GAA0B,aAAiB0M,IAClC,I,MCrBf,MAAMtM,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAoCAH;;;;;;;;;;iBAUTA;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0BAA;;;;;;;;;;;iBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA4EJA;;;;;;;;;;;;;;;;;;;;sBAoBSkK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC1LTsC,GAAgB,CAC3B,CACEjH,MAAO,IACPqC,MAAO,eAET,CACErC,MAAO,IACPqC,MAAO,SAET,CACErC,MAAO,KACPqC,MAAO,gBAET,CACErC,MAAO,MACPqC,MAAO,kB,aCfJ,MAAM6E,GAAkB,CAC7B,UACA,UACA,UACA,WCDIxM,GAAUC,UAAOC,GAAG;;;;kBAIRH;;;;;;;;;;;;;;;oBAeEA;;;;oBAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyCHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoCWA;;;;;;;;;;;;;;;;;;;;;8BAqBEA;;;;;8BAKAA;;;;;;;;;;;;;;;;;;;;;sBAqBRA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;ECiKT0M,OA3TmB1N,IAO3B,IAAD2N,EAAAC,EAAA,IAP6B,cACjCC,EAAa,UACbC,EAAS,eACTC,EAAc,WACdC,EAAU,QACVC,EAAO,oBACPC,GACDlO,EACC,MAAMmO,EAAWrE,iBAAuB,OACjCsE,EAAaC,GAAkB5L,mBAAuB,aAEvD6L,EAA2BC,IAC/BF,EAAeE,GAEfC,YAAW,KAAO,IAADC,EACC,QAAhBA,EAAAN,EAASjE,eAAO,IAAAuE,GAAhBA,EAAkBC,eAAe,CAC/BC,SAAU,SACVC,MAAO,MACPC,OAAQ,WACR,GACD,IAAI,EAGHC,EAAYzP,OAAO0P,KAA0C,QAAtCpB,EAAuB,QAAvBC,EAACM,EAAoB,UAAE,IAAAN,OAAA,EAAtBA,EAAwBoB,WAAW,UAAE,IAAArB,IAAI,CAAC,GAExE,OACEnM,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,OACEO,UAAW,gBACO,cAAhBuM,EAA8B,cAAgB,IAC7C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,aAAa/M,SACrD,gBAIHD,eAAA,OACEO,UAAW,gBACO,UAAhBuM,EAA0B,cAAgB,IACzC7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,SAAS/M,SAE7B,UAAlBsM,EAA4B,SAAW,aAG5CvM,eAAA,OACEO,UAAW,gBACO,WAAhBuM,EAA2B,cAAgB,IAC1C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SAClD,aAIHD,eAAA,OACEO,UAAW,gBACO,QAAhBuM,EAAwB,cAAgB,IACvC7M,SAEHD,eAAA,UAAQvE,KAAK,SAASmG,QAASA,IAAMoL,EAAwB,OAAO/M,SAAC,aAKzED,eAAA,OAAKb,IAAK0N,EAAUtM,UAAU,gBAAeN,SAC3CD,eAAA,OAAKO,UAAU,QAAON,SACH,WAAhB6M,EACC5M,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,QAAMO,UAAU,cAAaN,SAAC,UAC9BD,eAAA,QAAMO,UAAU,cAAaN,SAAC,eAEhCD,eAAA,OAAKO,UAAU,yBAAwBN,SACpC2M,EAAoBtR,OACnBsR,EAAoBnL,KAClBkM,IAAA,IAAAC,EAAAC,EAAA,IAAC,YAAEC,EAAW,cAAErG,EAAa,aAAEsG,GAAcJ,EAAA,OAC3CzN,gBAAA,OAAuBK,UAAU,wBAAuBN,SAAA,CACtDD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQ,CAAC,SAAU,QACnBC,SAAU,CACR,CACE9J,KAAM2J,EACNI,gBAAiB,CACfzO,EACAA,GAEF0O,YAAa,CAAC,QAAS,SACvBC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAKjBxO,eAAA,QAAMO,UAAU,oBAAmBN,SAChCwH,IAEHvH,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,UAAyB,QAAzBqN,EAAUG,EAAa,UAAE,IAAAH,IAAI,SAEhC1N,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,QAAuB,QAAvBsN,EAAQE,EAAa,UAAE,IAAAF,IAAI,cAnCxBC,EAsCJ,IAIV9N,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,KAAAC,SAAG,gCAKO,QAAhB6M,EACF5M,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,kBAAiBN,SAC7BuN,EAAU/L,KAAI,CAAC6F,EAAOmH,KAAC,CACtBnH,QACAoH,MAAOvC,GAAgBsC,OACrBhN,KAAIkN,IAAA,IAAC,MAAErH,EAAK,MAAEoH,GAAOC,EAAA,OACvBzO,gBAAA,OAAiBK,UAAU,iBAAgBN,SAAA,CACzCD,eAAA,QACEO,UAAU,eACVqO,MAAO,CAAET,gBAAiBO,KAE3BpH,IALOA,EAMJ,MAGVtH,eAAA,OAAKO,UAAU,yBAAwBN,SACpC2M,EAAoBtR,OACnBsR,EAAoBnL,KAClBoN,IAAA,IAAC,YAAEf,EAAW,cAAErG,EAAa,WAAEiG,GAAYmB,EAAA,OACzC3O,gBAAA,OAAuBK,UAAU,wBAAuBN,SAAA,CACtDD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQT,EACRU,SAAU,CACR,CACE9J,KAAMsJ,EACHjM,KAAKjI,GAAauE,OAAO+Q,OAAOtV,KAChCuV,OACHZ,gBAAiBhC,GACjBiC,YAAa,CAAC,SACdC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAKjBxO,eAAA,QAAMO,UAAU,oBAAmBN,SAChCwH,IAEHvH,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BC,gBAAA,QAAMK,UAAU,uBAAsBN,SAAA,CAAC,QAErCD,eAAA,SAAM,iBAERA,eAAA,QAAMO,UAAU,eAAcN,SAC3ByN,EACEjM,KAAKjI,GAAauE,OAAO+Q,OAAOtV,KAChCuV,OACAC,QACC,CAACC,EAAKC,IAAkBD,IAAOC,GAC/B,UAtCApB,EA0CJ,IAIV9N,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,KAAAC,SAAG,gCAMXD,eAACmP,KACC,CACAlQ,OAAQ,GACRmF,KAAM,CACJ6J,OAAQzB,EACL/K,KAAI,CAAC2N,EAAMX,KACV,MAAMY,EAAM,IAAIC,KAAK3C,GACrB,GAAmB,MAAfD,EAAoB,CAMtB,MAAO,GALS,IAAI4C,KAClBD,EAAIE,cACJF,EAAIG,WAAaf,EACjB,GAEgBgB,eAAe,KAAM,CACrCC,MAAO,WAEX,CAEA,OADAL,EAAIM,QAAQN,EAAIO,UAAYnB,GACrB,GAAGY,EAAIO,aAAaP,EAAII,eAAe,KAAM,CAClDC,MAAO,WACL,IAELG,UACH3B,SAAU,CACR,CACE9J,KACkB,cAAhB0I,EAA8BN,EAAYC,EAC5C2B,YACkB,cAAhBtB,EAA8B,UAAY,UAC5CgD,YAAa,EACbzB,YAAa,EACb0B,iBAAkB,EAClBC,iBAAkB,OAElBC,qBACkB,cAAhBnD,EAA8B,UAAY,aAIlDzI,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,GAEX0B,QAAS,CACPC,eAAe,EACfC,WAAW,EACXC,UAAW,CACTzR,MAAM0R,GACJ,MAAMlB,EAAO,IAAIE,KAEjB,GAAmB,MAAf5C,EAAoB,CACtB,MAAM6D,EAAU,IAAIjB,KAClBF,EAAKG,cACLH,EAAKI,WAAac,EAAY,GAAGE,UAAY,EAC7C,GAEF,MAAO,GAAGD,EAAQd,eAAe,KAAM,CACrCC,MAAO,aACHa,EAAQhB,cAAgB,GAChC,CAQA,OAPAH,EAAKO,QACHP,EAAKQ,WACFU,EAAY,GAAGG,QAAQrM,KAAK9I,OAC3BgV,EAAY,GAAGE,UACf,IAGC,GAAGF,EAAY,GAAGhJ,UAAU8H,EAAKG,eAC1C,EACAjI,MAAMgJ,GACG,GACW,cAAhBxD,EACI,YACkB,UAAlBP,EACA,SACA,aACD+D,EAAYI,oBAKzBC,UAAW,CACTC,SAAU,GAEZC,OAAQ,CACNhF,EAAG,CACDiF,aAAa,EACbC,MAAO,CACLC,UAAW,IAGflF,EAAG,CACDgF,aAAa,EACbC,MAAO,CACLC,UAAW,cASnB,E,4BCpDCC,OA3POA,KACpB,MAAOC,EAAaC,GAAkBhQ,oBAAkB,IACjDiQ,EAAkBC,GAAuBlQ,mBAAiB,IAC1DuL,EAAY4E,GAAiBnQ,mBAGjC,CACD8D,MAAOiH,GAAc,GAAGjH,MACxBqC,MAAO4E,GAAc,GAAG5E,SAEpB,WAAE/M,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAClDoW,EAAcC,GAAmBrQ,oBAAkB,IACnDsQ,EAAeC,GAAoBvQ,mBAAiC,CACzEwQ,aAAc,EACdC,iBAAkB,EAClBC,sBAAuB,EACvBC,yBAA0B,EAC1BC,sBAAuB,EACvBC,kBAAmB,EACnBC,0BAA2B,EAC3BC,yBAA0B,EAC1BC,yBAA0B,EAC1BC,2BAA4B,EAC5BC,WAAY,GACZC,eAAgB,GAChBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBC,MAAO,EACPlG,UAAW,CAAC,GACZxR,UAAW,GACX2X,aAAc,EACdpG,cAAe,QACfE,eAAgB,CAAC,MAGb,UAAEzR,GAAc2C,GAAkBvC,GAAUA,EAAMgC,mBAClD,mBAAEoK,GAAuBK,MACxB+K,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAAQC,OAAO,eACxDtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,iBAGrCpN,qBAAU,KACiB,IAArB7K,EAAUM,QAAckM,GAAoB,GAC7C,IAEL3B,qBAAU,KC7D0BzB,MD8DlC+M,GAAe,IC9DmB/M,EDgEZ,CACpBgL,MAAO1C,EAAWzH,MAClB6N,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAC1CtG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAO,cACtCC,WAAY9B,GC9DhB1Y,EACG0N,KAAK,iBAAkBhC,GACvBjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aDyD3BiB,MAAMgK,IACPuN,EAAiBvN,EAAIC,KAAKA,MAC1B+M,GAAe,GACfG,EAAc,CAACrM,MAAOd,EAAIC,KAAK+O,SAAU7L,MAAOnD,EAAIC,KAAK+O,UAAU,GACnE,GACD,CAACzG,EAAWzH,MAAOmM,EAAkBwB,EAAME,UAAWF,EAAMjG,UAI/D,MAAMyG,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGEI,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAG/C,OACE7S,gBAACP,GAAO,CAACY,UAAW,IAAG2Q,EAAc,eAAiB,IAAKjR,SAAA,CACzDC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,cAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBF,aAAW,EACX3J,KAAMN,eAACsT,GAAc,IACrB5J,UAAQ,EACRU,oBAAkB,EAClBI,SAAWvF,IACToM,GAAqBpM,EAAM,IAG/BjF,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAAEX,UAAWC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAASrG,QAAS,IAAI2C,KAAQ+D,OAAQA,GAASpT,SAG5GC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,4BAOpBL,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,kBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAcE,eACtC3R,eAAA,OAAKO,UAAU,cAAaN,SAAC,eAE/BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,kBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAckB,eACtC3S,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,cACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAcG,mBACtC5R,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACnCD,eAAA,OAAKO,UAAU,QAAON,SACe,UAAhCwR,EAAclF,cACX,2BACA,iBAENvM,eAAA,OAAKO,UAAU,QAAON,SACa,UAAhCwR,EAAclF,cACXkF,EAAcI,sBACdJ,EAAciB,QAEpB1S,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OACEO,UAAU,QAAON,SAAkC,UAAhCwR,EAAclF,cAA4B,qBAAuB,gCACtFvM,eAAA,OAAKO,UAAU,UACfP,eAAA,OACEO,UAAU,QAAON,SAAkC,UAAhCwR,EAAclF,cAA4BkF,EAAcM,sBAAwBN,EAAcK,2BACnH9R,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAI/DpS,EAAWwB,KAAK6I,UACf1E,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,kBAAkBqO,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC1DC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,wBACvBC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAE1F,EAAWwB,KAAK6X,iBAAmB,SAAKnC,EAAcO,qBAC9EhS,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,yBACtBwR,EAAcY,WAAW5Q,KAAI,CAACoS,EAAc/R,IAC3CA,GAAQ,GAAK5B,gBAAA,OAAmDK,UAAW,sBAAsBN,SAAA,CAACD,eAAA,KAChGO,UAAW,YAAYN,SAAE4T,EAAQnT,OAAS,IAACV,eAAA,KAAAC,SAAI4T,EAAQC,aADlC,GAAGD,EAAQE,cAAcF,EAAQnT,UAE1DV,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,kCACvBC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAEwR,EAAcQ,0BAA0B,IAACjS,eAAA,QAAMO,UAAW,SAASN,SAAC,YAC5FD,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,yBACvBC,gBAAA,OAAKK,UAAW,sBAAsBN,SAAA,CAACD,eAAA,KACrCO,UAAW,YAAaqO,MAAO,CAACoF,aAAc,QAAQ/T,SAAC,mBAAkB,IAACC,gBAAA,KAAAD,SAAA,CAAI1F,EAAWwB,KAAK6X,iBAAmB,SAAKnC,EAAcU,yBAA2BV,EAAcU,yBAA2B,UAC1MjS,gBAAA,OAAKK,UAAW,sBAAsBN,SAAA,CAACD,eAAA,KACrCO,UAAW,YAAaqO,MAAO,CAACoF,aAAc,QAAQ/T,SAAC,6BAA4B,IAACC,gBAAA,KAAAD,SAAA,CAAI1F,EAAWwB,KAAK6X,iBAAmB,SAAKnC,EAAcW,2BAA6BX,EAAcW,2BAA6B,UACxNpS,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,4CACvBC,gBAAA,OAAKK,UAAU,QAAON,SAAA,EAAGwR,EAAcS,yBAAyB,IAAClS,eAAA,QAAMO,UAAW,SAASN,SAAC,YAC5FD,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAG/B,WAAhC8E,EAAclF,cACfrM,gBAAA,UAAQK,UAAU,2BAA2BqB,QAASA,KACpD4P,GAAiBD,EAAa,EAC9BtR,SAAA,CACAD,eAAA,QAAAC,SAAM,qBACND,eAAA,QAAMO,UAAWgR,EAAe,mBAAqB,OAAOtR,SAC1DD,eAACiU,EAAS,SAEF,KAEX1C,EAAgBrR,gBAAA,OAAKK,UAAU,kBAAkBqO,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC3EC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,yBACtBwR,EAAcc,sBAAwBd,EAAcc,qBAAqBjX,OAAQ,GAAKmW,EAAcc,qBAAqB9Q,KAAIyS,GAC5HhU,gBAAA,OAAmEK,UAAW,aAAaN,SAAA,CAACD,eAAA,KAC1FO,UAAW,YAAYN,SAAEiU,EAAKzM,gBAAkB,IAACvH,gBAAA,KAAAD,SAAA,CAAI1F,EAAWwB,KAAK6X,iBAAmB,SAAKM,EAAKC,cAD1F,kBAAkBD,EAAKC,YAAYD,EAAKzM,mBAEpDzH,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,mBACtBwR,EAAca,gBAAkBb,EAAca,eAAehX,OAAS,GAAKmW,EAAca,eAAe7Q,KAAIyS,GAC3GhU,gBAAA,OAAiEK,UAAW,aAAaN,SAAA,CAACD,eAAA,KACxFO,UAAW,YAAYN,SAAEiU,EAAKzM,gBAAkB,IAACzH,eAAA,KAAAC,SAAIiU,EAAKE,WADlD,kBAAkBF,EAAKE,UAAUF,EAAKzM,mBAElDzH,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,wBACtBwR,EAAce,kBAAkB/Q,KAAIyS,GACnChU,gBAAA,OAA4DK,UAAW,aAAaN,SAAA,CAACD,eAAA,KACnFO,UAAW,YAAYN,SAAEiU,EAAKzM,gBAAkB,IAACzH,eAAA,KAAAC,SAAIiU,EAAKG,cADlD,UAAUH,EAAKG,aAAaH,EAAKzM,mBAE7CzH,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,8BACtBwR,EAAcgB,sBAAsBhR,KAAIyS,GACvChU,gBAAA,OAA6EK,UAAW,aAAaN,SAAA,CAACD,eAAA,KACpGO,UAAW,YAAYN,SAAEiU,EAAKzM,gBAAkB,IAACvH,gBAAA,KAAAD,SAAA,CAAI1F,EAAWwB,KAAK6X,iBAAmB,SAAKM,EAAKI,2BAD1F,eAAeJ,EAAKI,yBAAyBJ,EAAKzM,mBAE9DzH,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAEtD,QAGV,KACJ3M,eAACoM,GAAc,CACbG,cAAekF,EAAclF,cAC7BC,UAAWiF,EAAcjF,UACzBC,eAAgBgF,EAAchF,eAC9BC,YAAaA,EAAWzH,MACxB2H,oBAAqB6E,EAAczW,UACnC2R,QAASiG,EAAMjG,YAET,EEnQd,MAAMhN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA+BAH;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DIA;;;;;;;;;;;;;;;;;;;;8BAoBSkK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC9IjBsC,GAAgB,CAC3B,CACEjH,MAAO,IACPqC,MAAO,eAET,CACErC,MAAO,KACPqC,MAAO,gBAET,CACErC,MAAO,MACPqC,MAAO,kBCXE6E,GAAkB,CAC7B,UACA,UACA,UACA,WCDIxM,GAAUC,UAAOC,GAAG;;;;kBAIRH;;;;;;;;;;;;;;;oBAeEA;;;;oBAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyCHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoCWA;;;;;;;;;;;;;;;;;;;;;8BAqBEA;;;;;8BAKAA;;;;;8BAKAA;;;;;;;;;;;;;;;;;;;;;sBAqBRA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;ECuTT0M,OAtdmB1N,IAU3B,IAAD2N,EAAAC,EAAAiI,EAAAC,EAAAC,EAAAC,EAAA,IAV6B,cACjCnI,EAAa,UACbC,EAAS,eACTC,EAAc,oBACdkI,EAAmB,oBACnBC,EAAmB,OACnBC,EAAM,IACNC,EAAG,WACHpI,EAAU,oBACVE,GACDlO,EACC,MAAMmO,EAAWrE,iBAAuB,OACjCsE,EAAaC,GAAkB5L,mBAAuB,aAEvD6L,EAA2BC,IAC/BF,EAAeE,GAEfC,YAAW,KAAO,IAADC,EACC,QAAhBA,EAAAN,EAASjE,eAAO,IAAAuE,GAAhBA,EAAkBC,eAAe,CAC/BC,SAAU,SACVC,MAAO,MACPC,OAAQ,WACR,GACD,IAAI,GAEFwH,EAAMC,GAAW7T,mBAAc,IACtC0E,qBAAU,KACRmP,EAAQ,CAACF,GAAK,GACb,CAACA,IACJ,MAAMtH,EAAYzP,OAAO0P,KAA0C,QAAtCpB,EAAuB,QAAvBC,EAACM,EAAoB,UAAE,IAAAN,OAAA,EAAtBA,EAAwBoB,WAAW,UAAE,IAAArB,IAAI,CAAC,GAEhE4I,EAAWlX,OAAO0P,KAAY,QAAR8G,EAACQ,EAAK,UAAE,IAAAR,IAAI,CAAC,GAE3C,OACErU,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,OACEO,UAAW,gBACO,cAAhBuM,EAA8B,cAAgB,IAC7C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,aAAa/M,SACrD,gBAIgB,UAAlBsM,EAA6BrM,gBAAAyB,YAAA,CAAA1B,SAAA,CAC5BD,eAAA,OACEO,UAAW,gBACO,WAAhBuM,EAA2B,cAAgB,IAC1C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SAClD,aAIHD,eAAA,OACEO,UAAW,gBAAgC,WAAhBuM,EAA2B,cAAgB,IACnE7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SAClD,gBAIGD,eAAA,OACNO,UAAW,gBACO,UAAhBuM,EAA0B,cAAgB,IACzC7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,SAAS/M,SAE7B,UAAlBsM,EAA4B,SAAW,aAI5CvM,eAAA,OACEO,UAAW,gBACO,WAAhBuM,EAA2B,cAAgB,IAC1C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SAClD,aAIHD,eAAA,OACEO,UAAW,gBACO,QAAhBuM,EAAwB,cAAgB,IACvC7M,SAEHD,eAAA,UAAQvE,KAAK,SAASmG,QAASA,IAAMoL,EAAwB,OAAO/M,SAAC,aAKzED,eAAA,OAAKb,IAAK0N,EAAUtM,UAAU,gBAAeN,SAC3CD,eAAA,OAAKO,UAAU,QAAON,SACH,WAAhB6M,EACC5M,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,QAAMO,UAAU,cAAaN,SAAC,UAC9BD,eAAA,QAAMO,UAAU,cAAaN,SAAC,YAC9BD,eAAA,QAAMO,UAAU,cAAaN,SAAC,aAEhCD,eAAA,OAAKO,UAAU,yBAAwBN,SAClB,UAAlBsM,EAA6BvM,eAAA2B,YAAA,CAAA1B,SAC3B4U,GAAUA,EAAOvZ,OACZ4E,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQ,CAAC,SAAU,OAAQ,SAC3BC,SAAU,CACR,CACE9J,KAAMyQ,EACN1G,gBAAiB,CACfzO,EACAA,EACAA,IAEF0O,YAAa,CAAC,QAAS,QAAS,SAChCC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAQjBtO,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,UAAmB,QAAnBiU,EAAUK,EAAO,UAAE,IAAAL,IAAI,SAE1BtU,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,QAAiB,QAAjBkU,EAAQI,EAAO,UAAE,IAAAJ,IAAI,SAExBvU,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,SAAkB,QAAlBmU,EAASG,EAAO,UAAE,IAAAH,IAAI,eAKjC1U,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,KAAAC,SAAG,6BAGDD,eAAA2B,YAAA,CAAA1B,SAAG2M,EAAoBtR,OAC3BsR,EAAoBnL,KAClBkM,IAAA,IAAAC,EAAAC,EAAA,IAAC,YAAEC,EAAW,cAAErG,EAAa,aAAEsG,GAAcJ,EAAA,OAC3CzN,gBAAA,OAAuBK,UAAU,wBAAuBN,SAAA,CACtDD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQ,CAAC,SAAU,QACnBC,SAAU,CACR,CACE9J,KAAM2J,EACNI,gBAAiB,CACfzO,EACAA,GAEF0O,YAAa,CAAC,QAAS,SACvBC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAKjBxO,eAAA,QAAMO,UAAU,oBAAmBN,SAClCwH,IAEDvH,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,UAAyB,QAAzBqN,EAAUG,EAAa,UAAE,IAAAH,IAAI,SAEhC1N,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,QAAMO,UAAU,iBACf,QAAuB,QAAvBsN,EAAQE,EAAa,UAAE,IAAAF,IAAI,cAnCxBC,EAsCJ,IAIV9N,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,KAAAC,SAAG,kCAMK,QAAhB6M,EACF5M,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,kBAAiBN,SACX,UAAlBsM,EAA6BvM,eAAA2B,YAAA,CAAA1B,SAAGgV,EAASxT,KAAI,CAAC6F,EAAOmH,KAAC,CACrDnH,QACAoH,MAAOvC,GAAgBsC,OACrBhN,KAAIkN,IAAA,IAAC,MAAErH,EAAK,MAAEoH,GAAOC,EAAA,OACvBzO,gBAAA,OAAiBK,UAAU,iBAAgBN,SAAA,CACzCD,eAAA,QACEO,UAAU,eACVqO,MAAO,CAAET,gBAAiBO,KAE3BpH,IALOA,EAMJ,MAEAtH,eAAA2B,YAAA,CAAA1B,SAAGuN,EAAU/L,KAAI,CAAC6F,EAAOmH,KAAC,CAChCnH,QACAoH,MAAOvC,GAAgBsC,OACrBhN,KAAIoN,IAAA,IAAC,MAAEvH,EAAK,MAAEoH,GAAOG,EAAA,OACvB3O,gBAAA,OAAiBK,UAAU,iBAAgBN,SAAA,CACzCD,eAAA,QACEO,UAAU,eACVqO,MAAO,CAAET,gBAAiBO,KAE3BpH,IALOA,EAMJ,QAKS,UAAlBiF,EAA6BvM,eAAA2B,YAAA,CAAA1B,SAC5BD,eAAA,OAAKO,UAAU,yBAAwBN,SACpC8U,GAAQA,EAAKzZ,OAER4E,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQgH,EACR/G,SAAU,CACR,CACE9J,KAAM2Q,EACHtT,KAAKjI,GAAkBuE,OAAO+Q,OAAOtV,KACrCuV,OACHZ,gBAAiBhC,GACjBiC,YAAa,CAAC,SACdC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAQjBtO,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC/BC,gBAAA,QAAMK,UAAU,uBAAsBN,SAAA,CAAC,QAErCD,eAAA,SAAK,iBAELA,eAAA,QAAMO,UAAU,eAAcN,SAC7B8U,EAAKtT,KAAKjI,GAAkBuE,OAAO+Q,OAAOtV,KACxCuV,OACAC,QACC,CAACC,EAASC,IAAsBD,IAAOC,GACvC,WAMZlP,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,KAAAC,SAAG,+BAIHD,eAAA2B,YAAA,CAAA1B,SACND,eAAA,OAAKO,UAAU,yBAAwBN,SACpC2M,EAAoBtR,OACnBsR,EAAoBnL,KAClByT,IAAA,IAAC,YAACpH,EAAW,cAAErG,EAAa,WAAEiG,GAAWwH,EAAA,OACvChV,gBAAA,OAAuBK,UAAU,wBAAuBN,SAAA,CACtDD,eAACgO,KACC,CACA5J,KAAM,CACJ6J,OAAQT,EACRU,SAAU,CACR,CACE9J,KAAMsJ,EACHjM,KAAKjI,GAAauE,OAAO+Q,OAAOtV,KAChCuV,OACHZ,gBAAiBhC,GACjBiC,YAAa,CAAC,SACdC,YAAa,KAInBhK,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,OAKjBxO,eAAA,QAAMO,UAAU,oBAAmBN,SAClCwH,IAEDvH,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC/BC,gBAAA,QAAMK,UAAU,uBAAsBN,SAAA,CAAC,QAErCD,eAAA,SAAK,iBAELA,eAAA,QAAMO,UAAU,eAAcN,SAC7ByN,EACEjM,KAAKjI,GAAauE,OAAO+Q,OAAOtV,KAChCuV,OACAC,QACC,CAACC,EAAKC,IAAkBD,IAAOC,GAC/B,UAtCEpB,EA0CJ,IAIV9N,eAAA,OAAKO,UAAU,YAAWN,SAC1BD,eAAA,KAAAC,SAAG,kCAQXD,eAACmP,KACC,CACAlQ,OAAQ,GACRmF,KAAM,CACJ6J,OAAQzB,EACL/K,KAAI,CAAC2N,EAAMX,KACV,MAAMY,EAAM,IAAIC,KAChB,GAAmB,MAAf5C,EAAoB,CAMtB,MAAO,GALS,IAAI4C,KAClBD,EAAIE,cACJF,EAAIG,WAAaf,EACjB,GAEgBgB,eAAe,KAAM,CACrCC,MAAO,WAEX,CAEA,OADAL,EAAIM,QAAQN,EAAIO,UAAYnB,GACrB,GAAGY,EAAIO,aAAaP,EAAII,eAAe,KAAM,CAClDC,MAAO,WACL,IAELG,UACH3B,SAAU,CACR,CACE9J,KACkB,cAAhB0I,EAA8BN,EAA4B,WAAhBM,EAA2B6H,EAAsC,WAAhB7H,EAA2B8H,EAAsBnI,EAC9I2B,YACkB,cAAhBtB,EAA8B,UAAY,UAC5CgD,YAAa,EACbzB,YAAa,EACb0B,iBAAkB,EAClBC,iBAAkB,OAElBC,qBACkB,cAAhBnD,EAA8B,UAAY,aAIlDzI,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,GAEX0B,QAAS,CACPC,eAAe,EACfC,WAAW,EACXC,UAAW,CACTzR,MAAM0R,GACJ,MAAMlB,EAAO,IAAIE,KAEjB,GAAmB,MAAf5C,EAAoB,CACtB,MAAM6D,EAAU,IAAIjB,KAClBF,EAAKG,cACLH,EAAKI,WAAac,EAAY,GAAGE,UAAY,EAC7C,GAEF,MAAO,GAAGD,EAAQd,eAAe,KAAM,CACrCC,MAAO,aACHa,EAAQhB,cAAgB,GAChC,CAQA,OAPAH,EAAKO,QACHP,EAAKQ,WACFU,EAAY,GAAGG,QAAQrM,KAAK9I,OAC3BgV,EAAY,GAAGE,UACf,IAGC,GAAGF,EAAY,GAAGhJ,UAAU8H,EAAKG,eAC1C,EACAjI,MAAMgJ,GACG,GACW,cAAhBxD,EACI,YACkB,UAAlBP,EACA,SAA6B,UAAlBA,EAA4BO,EACvC,aACDwD,EAAYI,oBAKzBC,UAAW,CACTC,SAAU,GAEZC,OAAQ,CACNhF,EAAG,CACDiF,aAAa,EACbC,MAAO,CACLC,UAAW,IAGflF,EAAG,CACDgF,aAAa,EACbC,MAAO,CACLC,UAAW,cASnB,ECvdP,MAgDMmE,GAA+BA,IAC1Czc,EACGwB,IAAI,2BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAsGrBkc,GAAwBhR,GACnC1L,EACG0N,KAAK,uBAAwBhC,GAC7BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBmc,GAAoBjR,GAC/B1L,EACG0N,KAAK,mBAAoBhC,EAAM,CAAC7L,QAAS,CACtC,eAAgB,yBAGnB4B,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC2BnBoc,IC/MX,GD+MWA,GA7LYA,KACzB,MAAOpE,EAAaC,GAAkBhQ,oBAAkB,IACjDiQ,EAAkBC,GAAuBlQ,mBAAiB,IAC1DuL,EAAY4E,GAAiBnQ,mBAGjC,CACD8D,MAAOiH,GAAc,GAAGjH,MACxBqC,MAAO4E,GAAc,GAAG5E,SAEnBmK,EAAeC,GAAoBvQ,mBAAsC,CAC9EoU,cAAe,EACfC,eAAgB,EAChBC,iBAAkB,EAClBC,eAAgB,EAChBC,YAAa,EACbC,kBAAmB,EACnB9D,yBAA0B,EAC1B+D,sBAAuB,CAAC,GACxB7a,UAAW,GACXyR,eAAgB,CAAC,GACjBqJ,oBAAqB,CAAC,GACtBC,mBAAoB,CAAC,GACrBC,QAAS,CAAC,GACVjB,KAAM,CAAC,MAGH,UAAE/Z,GAAc2C,GAAkBvC,GAAUA,EAAMgC,mBAClD,mBAAEoK,GAAuBK,MACxB+K,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAAQC,OAAO,eACxDtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,iBAG/BG,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGJpN,qBAAU,KACiB,IAArB7K,EAAUM,QAAckM,GAAoB,GAC/C,IAEH3B,qBAAU,KPxB+BzB,MOyBvC+M,GAAe,IPzBwB/M,EO2BZ,CACzB0O,UAAWC,KAAOH,EAAME,WAAWmD,IAAI,EAAG,SAC1CtJ,QAASoG,KAAOH,EAAMjG,SAASuJ,MAAM,OACrCC,WAAY/E,GPzBhB1Y,EACG0N,KAAK,uBAAwBhC,GAC7BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aOoB3BiB,MAAMgK,IACPuN,EAAiBvN,EAAIC,MACrB+M,GAAe,EAAM,GACrB,GACD,CAACzE,EAAWzH,MAAOmM,EAAkBwB,EAAME,UAAWF,EAAMjG,UAI/D,MAAM0G,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,UAExCqD,EAAYC,GAAiBlV,mBAA4B,CAAC,CAAC8D,MAAO,GAAIqC,MAAO,MAWpF,OAVAzB,qBAAU,KACRsP,KAA+Bhb,MAAKwT,IAAa,IAAZ,KAACvJ,GAAKuJ,EACrC2I,EAAwB,GAC5BlS,EAAKmS,SAASC,SAASzW,IACrBuW,EAAe5R,KAAK,CAACO,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0W,eAAe,IAElEJ,EAAcC,EAAe,GAC7B,GACD,IAGDpW,gBAACP,GAAO,CAACY,UAAW,IAAG2Q,EAAc,eAAiB,IAAKjR,SAAA,CACzDC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,oBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAC6J,GAAM,CACLC,YAAY,iBACZI,aAAckM,EACd/L,WAAY+L,EAAW9a,OAAS,GAChC6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUoM,GAAqBpM,GAC1CmF,oBAAkB,IAEpBpK,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAAEX,UAAWC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAASrG,QAAS,IAAI2C,KAAQ+D,OAAQA,GAASpT,SAG5GC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,4BAOpBL,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,mBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAc8D,gBACtCvV,eAAA,OAAKO,UAAU,cAAaN,SAAC,eAE/BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,kBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAc+D,iBACtCxV,eAAA,OAAKO,UAAU,cAAaN,SAAC,eAE/BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,kBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAEwR,EAAcgE,mBACtCzV,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,6BAEvBD,eAAA,OAAKO,UAAU,QAAON,SACnBwR,EAAciE,iBAEjB1V,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAIhEzM,gBAAA,OAAKK,UAAU,kBAAkBqO,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC1DC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,iBAGvBD,eAAA,OAAKO,UAAU,QAAON,SACnBwR,EAAckE,YAAclE,EAAckE,YAAc,IAE3D3V,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OACEO,UAAU,QAAON,SAAC,uBAEpBD,eAAA,OAAKO,UAAU,UACfP,eAAA,OACGO,UAAU,QAAON,SAAEwR,EAAcmE,oBACpC5V,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OACEO,UAAU,QAAON,SAAC,gCAEpBD,eAAA,OAAKO,UAAU,UACfP,eAAA,OACGO,UAAU,QAAON,SAAEwR,EAAcK,2BACpC9R,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAGhE3M,eAACoM,GAAc,CACbG,cAAe,QACfC,UAAWiF,EAAcoE,uBAAyB,GAClDpJ,eAAgBgF,EAAchF,gBAAkB,GAChDkI,oBAAqBlD,EAAcqE,qBAAuB,GAC1DlB,oBAAqBnD,EAAcsE,oBAAsB,GACzDrJ,YAAaA,EAAWzH,MACxB4P,OAAQpD,EAAcuE,QACtBlB,IAAKrD,EAAcsD,KACnBnI,oBAAqB6E,EAAczW,WAAa,CAAC,MAE3C,E,mBC1Md,SAAS,KAAa,OAAO,GAAW+C,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASqb,GAAchY,EAAMC,GAC3B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACP4X,WAAY,+BACZ9K,EAAG,MACHC,EAAG,MACH5M,QAAS,sBACT0P,MAAO,CACLgI,iBAAkB,2BAEpBC,SAAU,WACV1X,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,CAClE,WAAY,kBACE,gBAAoB,IAAK,CACvC,WAAY,kBACE,gBAAoB,IAAK,CACvC,WAAY,kBACE,gBAAoB,OAAQ,CAC1C,WAAY,iBACZW,EAAG,gHACY,gBAAoB,OAAQ,CAC3C,WAAY,iBACZA,EAAG,gVAEP,CACA,MAAM,GAA0B,aAAiBmX,IAClC,ICtCX,GDsCW,ICrCf,SAAS,KAAa,OAAO,GAAW3Y,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASyb,GAAapY,EAAMC,GAC1B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACP4X,WAAY,+BACZ9K,EAAG,MACHC,EAAG,MACH5M,QAAS,oBACT0P,MAAO,CACLgI,iBAAkB,yBAEpBC,SAAU,WACV1X,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,IAAK,KAAmB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACzMW,EAAG,mFACY,gBAAoB,OAAQ,CAC3CA,EAAG,8RACY,gBAAoB,OAAQ,CAC3CA,EAAG,ieAEP,CACA,MAAM,GAA0B,aAAiBuX,IAClC,IC7Bf,MAAMnX,GAAUC,UAAOC,GAIrB;;;;;;;aAOWH;;;;;;;iBAOKZ,GAAWA,EAAM4K,SAAW,OAAS;;;;;;;;;;;;;;;;;WAiB3C5K,GAAWA,EAAMqM,QAAU,mBAAqB;;;;;;;wBAOnCrM,GAAWA,EAAMiY,kBAAoB,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmCrDrX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA6BHA;UACAA;;eAEKA;;;;;;;;;;;;;;;;wBAgBSA;;;;;;;;;gBASRA;;;;;;;;;;;;;;;;;;;ECfDsX,IC1HX,GD0HWA,GA9FDtY,IAiBM,IAjBL,MACb4I,EAAK,KACL7L,EAAI,YACJqO,EAAW,YACXC,EAAW,aACXC,EAAY,KACZ1J,EAAI,IACJ2W,EAAG,IACHC,EAAG,UACHC,EAAS,KACTC,EAAI,SACJ1N,EAAQ,MACRtQ,EAAK,SACLiR,EAAQ,aACRe,EAAe,KAAI,SACnBZ,EAAQ,QACRC,GACY/L,EACZ,MAAOuG,EAAOyF,GAAY/G,IAAMxC,SAA0B6I,GAAgB,IAE1EnE,qBAAU,KACJmE,GAAgBA,IAAiB/E,GACnCyF,EAASV,GAENA,GAAyB,WAATvO,GACnBiP,EAAS,GACX,GACC,CAACV,IAEJ,MAAO+M,EAAmBM,GACxB1T,IAAMxC,UAAkB,GAO1B,OACEjB,gBAACP,GAAO,CACN,WAAS,iBACT+J,SAAUA,EACVyB,UAAW7D,EACXyP,kBAAmBA,EAAkB9W,SAAA,CAErCD,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAEqH,IAClDhH,EACAyJ,GACC7J,gBAAA,QAAM,WAAS,iBAAiBK,UAAU,eAAcN,SAAA,CACtDD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAM,WAAS,iBAAiBO,UAAU,UAASN,SAAE8J,OAGzD/J,eAAA,SAAO,WAAS,iBACdvE,KACW,aAATA,GAAuBsb,EAAoB,OAAStb,GAAQ,OAE9D8E,UAAoB,aAAT9E,EAAsB,aAAe,GAChDwJ,MAAOA,EACP6E,YAAaA,EACbJ,SAAUA,EACVW,SAAUA,EACVgB,SAAW3C,IACT,OA9Bc4O,EA8BM5O,EAAM9H,OAAOqE,MA7BvCyF,EAAS4M,QACL9M,GAAUA,EAAS8M,IAFHA,KA8ByB,EAEzC7M,QAASA,KACHA,GAASA,GAAS,EAExBW,aAAcA,EACd+L,UAAWA,QAAa5b,EACxBgc,UAAoB,aAAT9b,EAAsB,OAAIF,EACrC0b,IAAc,WAATxb,GAAqBwb,EAAMA,OAAM1b,EACtC2b,IAAc,WAATzb,GAAqByb,EAAMA,OAAM3b,EACtC6b,KAAe,WAAT3b,GAAqB2b,EAAOA,OAAO7b,EACzCic,QAAUrZ,GAAWA,EAAEyC,OAAO0K,SAEtB,aAAT7P,GACCyE,gBAAA,UAAQ,WAAS,iBACfzE,KAAK,SACLmG,QAASA,IAAMyV,GAAsBN,GAAmB9W,SAAA,CAExDD,eAACyX,GAAc,IACfzX,eAAC0X,GAAa,OAGjBte,EAAQ4G,eAAA,KAAG,WAAS,iBAAiBO,UAAU,cAAaN,SAAE7G,IAAa,KAC3EiR,GACCrK,eAAA,QAAM,WAAS,iBAAiBO,UAAU,iBAAgBN,SACxDD,eAAC0L,GAAQ,QAGL,ECrHd,SAAS,KAAa,OAAO,GAAW3N,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASsc,GAAUjZ,EAAMC,GACvB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,CAClES,QAAS,IACK,gBAAoB,OAAQ,CAC1CC,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,6rBAEP,CACA,MAAM,GAA0B,aAAiBoY,IAClC,IC2CR,MAAMC,GAAkB,CAC7B,CACE3S,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,MACPqC,MAAO,QCxFX,IAAI,GACJ,SAAS,KAAa,OAAO,GAAWvJ,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASwc,GAAanZ,EAAMC,GAC1B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,qTAEP,CACA,MAAM,GAA0B,aAAiBsY,IAClC,IC5BX,GD4BW,IC3Bf,SAAS,KAAa,OAAO,GAAW9Z,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASyc,GAAgBpZ,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,mTAEP,CACA,MAAM,GAA0B,aAAiBuY,IAClC,IC2CAC,OAvDIrZ,IAAiH,IAAhH,mBAACsZ,EAAkB,KAAEC,EAAI,kBAAEC,EAAiB,MAAEC,EAAK,YAAEC,EAAW,kBAAEC,EAAiB,aAAEC,GAAqB5Z,EAE1H,MAAM6Z,EAA8BA,CAChC7X,EACAuE,KAEA+S,GAAoBQ,IACT,IAAIA,EAAW,CAAC9X,GAAOuE,KAChC,EAGN,OACI/E,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC7BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACrBD,eAAA,UACIO,UAAU,YACV9E,KAAK,SACL4O,SAAU4N,GAAQ,EAClBrW,QAASA,IAAM2W,EAA4B,QAASN,EAAO,GAAGhY,SAE9DD,eAACyY,GAAa,MAElBzY,eAAA,UACIO,UAAU,YACV9E,KAAK,SACL4O,SAAU6N,GAAqBD,EAC/BrW,QAASA,IAAM2W,EAA4B,QAASN,EAAO,GAAGhY,SAE9DD,eAAC0Y,GAAgB,MAErBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,EAAIgY,GAAQE,GAASA,EAAS,EAAE,OAAKF,GAAQE,EAAO,IAAI,QACnEE,QAGdnY,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACpBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACHK,aAAc0N,GACd5N,aAAc,CACV/E,MAAOqT,EACPhR,MAAO,GAAGgR,KAEdnO,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IACPsT,EAA4B,SAAUtT,GACtCsT,EAA4B,OAAQ,EAAE,EAE1CnO,oBAAkB,SAGxB,ECjEP,MAAMuO,GAAmB/Y,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECA7B8Y,IDyCe/Y,UAAOC,GAAG;;;EAKZD,UAAOgZ,KAAK;;;;;;;;;;;;;;EC9CNhZ,UAAOC,GAAG;;;;;;;;;;;;;;;;GAkB7BgZ,GAAejZ,UAAOC,GAAG;;;EAKzBiZ,GAAalZ,UAAOgZ,KAAK;;;;;;;;;;;;;;ECtBzBG,GAAqBnZ,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAsF1BH;;;;;;;yBC+IHsZ,OAvN4Bta,IAAwF,IAAvF,KAAEua,EAAI,oBAAEC,EAAmB,YAAEC,EAAW,QAAEC,EAAO,SAAEC,EAAQ,UAAEC,GAAY,GAAQ5a,EAC3H,MAAMmO,EAAWrE,iBAAuB,OACjCsE,EAAaC,GAAkB5L,mBAAc,mBAe9CoY,EAAsB,CAC1B,CACE7Y,KAAM,UACN1B,MAAO,QACPwa,SAAS,EACTC,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI9a,SAKb,CACE8B,KAAM,MACNiZ,SAAU,QACVH,SAAS,EACTC,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIE,OAMb,CACElZ,KAAM,WACN8Y,SAAS,EACTC,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI5F,YAGrB,CACEpT,KAAM,QACN8Y,SAAS,EACTC,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,GAAGiZ,EAAoBW,WAAWC,WAAW,KAAIJ,EAAIK,eAAiBL,EAAI5F,UAAYkG,QAAQ,QAG/G,CACEtZ,KAAM,eACN8Y,SAAS,EACTC,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,GAAGiZ,EAAoBW,WAAWC,WAAW,KAAIJ,EAAIO,OAASP,EAAI5F,UAAYkG,QAAQ,QAGvG,CACEtZ,KAAM,WACN8Y,SAAS,EACTC,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,GAAGiZ,EAAoBW,WAAWC,WAAW,KAAIJ,EAAIK,eAAiBL,EAAIO,QAASD,QAAQ,QAG5G,CACEtZ,KAAM,gBACNwZ,KAAMZ,EACNE,SAAS,EACTC,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIS,cAAgB,GAAGL,WAAW,KAAIJ,EAAIS,iBAAqB,OAGhF,CACEzZ,KAAM,QACNiZ,SAAU,QACVH,SAAS,EACTY,OAAO,EACPX,KAAOC,GAEH1Z,eAAA,OAAAC,SACG,GAAGiZ,EAAoBW,WAAWC,WAAWJ,EAAIW,OAAOL,QAAQ,SAc3E,OACEha,eAAA2B,YAAA,CAAA1B,SACGgZ,EAAOjZ,eAAC+Y,GAAkB,CAAA9Y,SACzBD,eAAA,OAAKO,UAAU,qBAAoBN,SAMjCC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,MAAIO,UAAW,oBAAoBN,SAAC,iBAEpCC,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAA,OACEO,UAAW,gBACO,oBAAhBuM,EAAoC,cAAgB,IACnD7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,KAtHzBmL,EAsHuD,kBAAmB,EAAA9M,SAC3D,wBAkBLD,eAAA,OAAKb,IAAK0N,EAAUtM,UAAU,gBAAeN,SAC3CD,eAAA,OAAKO,UAAU,QAAON,SACH,oBAAhB6M,EACC9M,eAAA2B,YAAA,CAAA1B,SACEC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACxBC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,aAAaN,SAAC,UAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAEiZ,EAAoBoB,aAEnDpa,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,aAAaN,SAAC,SAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAEiZ,EAAoB9J,KAC7C6D,mBAAO,IAAI3D,KAAKiL,aAASrB,EAAoB9J,MAAiC,IAAzB8J,EAAoB9J,KAAY8J,EAAoB9J,MAAO,eAChH,UAEJkK,GAAapZ,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC1CD,eAAA,KAAGO,UAAW,aAAaN,SAAC,kBAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAE,GAAGoZ,EAASmB,eAE3ClB,GACFpZ,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,aAAaN,SAAC,kBAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAEoZ,EAASoB,cAtEhE,SAAsBC,GACpB,OAAOA,EAAS1L,QAAO,CAACC,EAAU0L,KAChC,MAAM,YAAEC,GAAgBD,EAExB,OADA1L,EAAIvK,KAAMkW,GACH3L,CAAG,GACT,IAAI4L,KAAK,OAAS,GACvB,CAgEgFC,CAAazB,EAASoB,eAAiB,QAE/Fva,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,aAAaN,SAAC,aAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAEiZ,EAAoB6B,kBAEnD7a,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,aAAaN,SAAC,aAC5BD,eAAA,KAAGO,UAAW,aAAaN,SAAEiZ,EAAoB1f,iBAIrDwG,eAACgb,KAAS,CAACC,QAAS1B,EAAqBnV,KAAM+U,EAAa+B,UAAQ,IACpEhb,gBAAA,OAAKK,UAAU,aAAaqO,MAASyK,EAAS8B,oBAAsB,CAACC,eAAgB,iBAAmB,CAACA,eAAgB,YAAYnb,SAAA,CAChIoZ,EAAS8B,oBAAsBjb,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC5DD,eAAA,KAAG4O,MAAO,CAACyM,WAAY,GAAGpb,SAAC,0BAC3BD,eAAA,KAAAC,SAAI,GAAGoZ,EAAS8B,2BACT,KACTjb,gBAAA,OAAK0O,MAAO,CAACJ,QAAS,OAAQ8M,WAAY,UAAUrb,SAAA,CACjD6Z,WAAWZ,EAAoBqC,eAAiB,GAAKrb,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC9ED,eAAA,KAAAC,SAAG,eACHD,eAAA,KAAAC,SAAI,GAAGiZ,EAAoBW,WAAWC,WAAWZ,EAAoBqC,eAAevB,QAAQ,UAGhG9Z,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,KAAAC,SAAG,YACHD,eAAA,KAAAC,SAAI,GAAGiZ,EAAoBW,WAAWC,WAAWZ,EAAoBsC,YAAYxB,QAAQ,qBAQnGha,eAAA2B,YAAA,CAAA1B,SACED,eAAA,MAAAC,SAAI,oCASI,MAEvB,ECxFQwb,OA3Ha/c,IAA4D,IAA3D,aAACgd,EAAY,UAAEze,EAAS,MAAEK,GAA2BoB,EAEhF,MAAMid,EAAuB,CAC3B,CACEjb,KAAM,OACN1B,MAAO,OACPya,KAAOC,IAA2B,IAADkC,EAC/B,OACE5b,eAAA,OAAKO,UAAU,QAAON,SAChB,OAAHyZ,QAAG,IAAHA,GAAS,QAANkC,EAAHlC,EAAK3d,YAAI,IAAA6f,GAATA,EAAW/e,MACVmD,eAAA,OAAKQ,IAAKkZ,EAAI3d,KAAK8f,MAAOpb,IAAI,KAE9BT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,MAE5B,GAIZ,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI3d,KAAKoN,aAKlB,CACEzI,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAM3C,GAAS,OAG1B,CACEoD,KAAM,UACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIoC,OAAS,OAG9B,CACEpb,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIqC,WAAa,OAGlC,CACErb,KAAM,cACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIsC,SAAW,OAGhC,CACEtb,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAItK,KACD6D,mBAAO,IAAI3D,KAAKoK,EAAItK,MAAO,wBAC3B,OAKZ,CACE1O,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACrDD,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,2BAQ1D2b,EAAuBC,GAA4Bhb,oBAAS,IAC5D+X,EAAqBkD,GAA0Bjb,mBAAc,CAAC,IAC9DkY,EAAUgD,GAAelb,mBAAc,CAAC,IACxCmb,EAASC,GAAcpb,mBAAc,CAAC,GAEvCqb,EAAapd,IfoG4CgF,SenGZ,CAAChF,MfoGpD1G,EACG0N,KAAK,kDAAmDhC,GACxDjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,ae1GyBiB,MAAKgK,IAC1DiY,EAAuBjY,EAAIC,KAAKqY,QAChCJ,EAAY,CAACK,YAAavY,EAAIC,KAAKsY,YAAajC,cAAetW,EAAIC,KAAKqW,cAAeD,OAAQrW,EAAIC,KAAKoW,QAAQ,GAChH,EAEJ,OACExa,eAAC2Y,GAAgB,CAAA1Y,WACZyb,GACC1b,eAAA2B,YAAA,CAAA1B,SACID,eAACgb,KAAS,CACN5W,KAAMsX,EACNT,QAASU,EACTT,UAAQ,EACRyB,aAAejD,IACbyC,GAAyB,GACzBK,EAAU9C,EAAIta,IACdmd,EAAW7C,EAAI,EAEjBkD,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQ4C,EACzCS,oBAAoB,EACpBC,wBACEhd,eAACgZ,GAAsB,CAACC,KAAMiD,EAAuBhD,oBAAqBA,EAClDC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,SAM9B,EC0BRe,ICjKX,GDiKWA,GAlJQxe,IAA6D,IAA5D,MAACye,EAAK,WAAEjK,EAAU,UAAEjW,EAAS,MAAEK,GAAuBoB,EAE5E,MAAMid,EAAuB,CAC3B,CACEjb,KAAM,OACN1B,MAAO,OACPya,KAAOC,IAA2B,IAADkC,EAC/B,OACE5b,eAAA,OAAKO,UAAU,QAAON,SAChB,OAAHyZ,QAAG,IAAHA,GAAS,QAANkC,EAAHlC,EAAK3d,YAAI,IAAA6f,GAATA,EAAW/e,MACVmD,eAAA,OAAKQ,IAAKkZ,EAAI3d,KAAK8f,MAAOpb,IAAI,KAE9BT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,MAE5B,GAIZ,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI3d,KAAKoN,aAoBlB,CACEzI,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI3d,KAAKqN,SAG1B,CACE1I,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI3d,KAAKqhB,WAyDrB1B,EAAc2B,GAAmBlc,mBAAS,KAC1CkY,EAAUgD,GAAelb,mBAAc,CAAC,GAEzCmc,EAAuBC,IhBiE4BnZ,SgBhEZ,CAAC0J,YAAaoF,EAAYsK,QAASD,GhBiEhF7kB,EACG0N,KAAK,4CAA6ChC,GAClDjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agBvEyDiB,MAAKgK,IAC1FkZ,EAAgBlZ,EAAIC,KAAKsX,aAAa,GACtC,EAGJ,OACE1b,eAAC2Y,GAAgB,CAAA1Y,SACdkd,GACGnd,eAAA2B,YAAA,CAAA1B,SACID,eAACgb,KAAS,CACN5W,KAAM+Y,EACNlC,QAAUU,EACVT,UAAQ,EACRyB,aAAejD,IACb4D,EAAoB5D,EAAI3d,KAAKqD,GAAG,EAElCwd,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzCoE,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CqD,oBAAoB,EACpBC,wBACEhd,eAACyb,GAAmB,CAACC,aAAcA,EAAcze,UAAWA,EAAWK,MAAOA,SAM3E,EC5JvB,SAAS,KAAa,OAAO,GAAWS,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASsiB,GAAejf,EAAMC,GAC5B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,wfACHD,KAAM,aAEV,CACA,MAAM,GAA0B,aAAiBqe,IAClC,ICsGAE,OAjHyBnf,IAAiD,IAAhD,KAAE0F,EAAI,gBAAE0Z,EAAe,gBAAEC,GAAiBrf,EACjF,MAAOsf,EAAUC,GAAe9c,mBAA8C,OACzE+R,EAAYgL,GAAiB/c,mBAAiB,IAC9C7D,EAAO6gB,GAAYhd,mBAAiB,KACpCid,EAAYC,GAAiBld,mBAAgB,IAClD0E,qBAAU,KAERoY,EAAY7Z,EAAKka,MAAMtjB,UAAU,GAChC,CAACoJ,EAAKhF,GAAI2e,IAEf,MAAMQ,EAAuBnf,IlB6JmBgF,IAC9C1L,EACG0N,KAAK,gCAAiChC,GACtCjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YkBnKhCslB,CAAgC,CAACpf,OAAKjF,MAAKgK,IACzCka,EAAcla,EAAIC,KAAKoI,UAAU,IAChCpS,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAGIwd,EAAuB,CAC3B,CACEjb,KAAM,OACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SAChB,OAAHyZ,QAAG,IAAHA,KAAKmC,MACJ7b,eAAA,OAAKQ,IAAKkZ,EAAImC,MAAOpb,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIjS,iBAKb,CACE/G,KAAM,kBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMmE,EAAKka,MAAMrhB,aAG5B,CACEyD,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIiF,gBAGrB,CACEje,KAAM,UACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIkF,SAAW,SAK3BtC,EAASC,GAAcpb,mBAAc,CAAC,IACtC0d,EAAoBC,GAAyB3d,mBAAc,IAKlE,OAJA0E,qBAAU,KACRiZ,EAAsB/gB,OAAO0P,KAAKrJ,GAAMsB,QAAOqZ,GAAKA,EAAIzZ,SAAS,WAAUI,QAAO3F,IAAsB,IAAfqE,EAAKrE,KAAgB,GAC7G,IAGDC,eAAC2Y,GAAgB,CAAA1Y,WACZ+d,GACC9d,gBAAAyB,YAAA,CAAA1B,SAAA,CACIC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC5BD,eAAA,MAAIO,UAAW,cAAcN,SAAC,0BAC9BD,eAAA,OAAKO,UAAU,qBAAoBN,SAEhC4e,EAAmBvjB,OAAS,EAAIujB,EAAmBpd,KAAK1B,GAAcG,gBAAA,OAAKK,UAAW,aAEXqO,MAAO,CAACoQ,cAAe,cAAc/e,SAAA,CAC7GD,eAACif,GAAS,IAAY,cAATlf,EAAuB,kBAAoBA,EAAKmf,WAAW,IAAK,OAFA,QAAUnf,KAGzFC,eAAA,OAAAC,SAAK,8BAGbD,eAACgb,KAAS,CACN5W,KAAM4Z,EACN/C,QAASU,EACTT,UAAQ,EACRyB,aAAejD,IACb6E,EAAoB7E,EAAIta,IACxB8e,EAAcxE,EAAIta,IAClB+e,EAASzE,EAAIjS,cAAc,EAE7BmV,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQ4C,EACzCmB,mBAAoBA,CAACC,EAAMhE,IAAQ6C,EAAW7C,GAC9CqD,oBAAoB,EACpBC,wBACEhd,eAACkd,GAAc,CAACC,MAAOiB,EAAYlL,WAAYA,EAAYjW,UAAWmH,EAAKka,MAAMrhB,UACjEK,MAAOA,UAMpB,ECzHvB,MAAMqC,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA+BAH;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4GOA;;;;;;;;;;;;;;;;;;iBAkBPA;;;;;;;;;;;;;;4BAcWA;;;;;;;;;;;;;;mBAcTA;;;;;;;;;;;;sBAYGA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;wBAOAA;;;;;;;;;;;;;;;;;;0BAkBEA;;;;;;;4BAOEA;;;;;;;;;eASbA;;;;;;;;;;;;eAYAA;;;;;;;;;;iBAUEA;;;;;;;;;;;;;;;;;;;aAmBJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC3SPyf,GAAwB,CAC5B,CAACla,MAAO,oBAAqBqC,MAAO,YACpC,CAACrC,MAAO,qBAAsBqC,MAAO,YACrC,CAACrC,MAAO,SAAUqC,MAAO,6BACzB,CAACrC,MAAO,UAAWqC,MAAO,8BA4Rb8X,ICpTX,GDoTWA,GAjRaA,KAC1B,MAAOC,EAAmBC,GACxB3b,IAAMxC,SAAmC,CACvCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,KACR/lB,SAAU,GACV+c,SAAU,KACViJ,UAAW,oBACX1M,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,QAEVmQ,EAAqBC,GAC1B/b,IAAMxC,UAAkB,IACnBwe,EAAcC,GACnBjc,IAAMxC,SAA0C,OAE3C0e,EAAkBC,GACvB3e,mBAAgC,CAC9BiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,EACnBvF,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,QAMX,mBAAC9H,GAAsBK,KAC7BhC,qBAAU,KACR2B,GAAoB,GACnB,IAEH,MAAMsW,EAAkBA,KpB7Bc1Z,MoB8BpCsb,GAAuB,IpB9Batb,EoB+BZ,IACnBib,GpB/BP3mB,EACG0N,KAAK,uBAAwBhC,GAC7BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aoB0B3BiB,MAAMjB,IACP0mB,EAAgB1mB,EAASkL,KAAKmS,UAC9BuJ,EAAoB,CAClB1H,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,mBACxCvF,UAAW,IAAIxD,KAAKpW,EAASkL,KAAK0O,WAClCnG,QAAS,IAAI2C,KAAKpW,EAASkL,KAAKuI,WAElC+S,GAAuB,EAAM,IAC5BtlB,OAAO4lB,IACRvB,QAAQC,IAAIsB,EAAI,GAEhB,EAGEzH,EAA8BA,CAClC7X,EACAuE,KAEAqa,GAAsB9G,IACb,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,EAGJY,qBAAU,KACRiY,GAAiB,GAChB,CACDuB,EAAkB9I,SAClB8I,EAAkB7lB,SAClB6lB,EAAkBpH,KAClBoH,EAAkBG,UAClBH,EAAkBY,WAClBZ,EAAkBvM,UAClBuM,EAAkB1S,UAGpB9G,qBAAU,KACR,GAAiC,OAA7BwZ,EAAkBE,OAAiB,CACrC,MAAMW,EAAUhT,YAAW,KACzB4Q,GAAiB,GAChB,KAEH,MAAO,IAAMqC,aAAaD,EAC5B,IACC,CAACb,EAAkBE,SAEtB1Z,qBAAU,KAC+B,IAAnCka,OAAOV,EAAkBpH,OAA0C,IAA3B4H,EAAiB1H,OAC3D2F,GACF,GACC,CAACuB,EAAkBlH,QAEtB,MAAMwD,EAAuB,CAE3B,CACEjb,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIjD,iBAKb,CACE/V,KAAM,OACN1B,MAAO,QACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,kBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI4E,OAAS5E,EAAI4E,MAAMrhB,UAAYyc,EAAI4E,MAAMrhB,UAAa,SAItEqf,EAASC,GAAcpb,mBAAc,CAAC,IAEtCiV,EAAYC,GAAiBlV,mBAA4B,CAAC,CAAC8D,MAAO,GAAIqC,MAAO,MAYpF,OAXAzB,qBAAU,KACRsP,KAA+Bhb,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EACrC4X,EAAwB,GAC5BlS,EAAKmS,SAASC,SAASzW,IACrBuW,EAAe5R,KAAK,CAACO,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0W,eAAe,IAElEJ,EAAcC,EAAe,GAC7B,GACD,IAIDpW,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,qBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUqa,EAAqB,IAAID,EAAmBE,OAAQta,QAgB7EjF,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,iBACZI,aAAckM,EACd/L,WAAY+L,EAAW9a,OAAS,GAChC6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUsT,EAA4B,WAAYtT,GAC7DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,wBACZI,aAAciV,GACdhV,gBAAgB,SAChBH,aAAcmV,GAAsB,GACpCzV,UAAQ,EACRc,SAAWvF,GACTsT,EAA4B,YAAatT,GAE3CmF,oBAAkB,SAkCxBpK,eAAA,OACEO,UAAW,eAAckf,EAAsB,eAAiB,IAAKxf,SAErED,eAAA,OAAKO,UAAU,oBAAmBN,SACd,OAAjB0f,EACCA,EAAarkB,OAAS,EACpB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASU,EACTvX,KAAMub,EACN/C,gBAAc,EACdE,sBAAwBpD,GAASA,IAAQ4C,EACzCmB,mBAAoBA,CAACC,EAAMhE,IAAQ6C,EAAW7C,GAC9CsD,wBACEhd,eAAC6d,GAAmB,CAACzZ,KAAMub,EAAc7B,gBAAiBA,EACrCC,gBAAiBsB,QAI5Crf,eAAC+X,GAAU,IAAK8H,EAAkBvH,aAAc+G,EAAkBlH,MACtDH,mBAAoBsH,OAGlCtf,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,WAGA,EC/Sd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASglB,GAAQ3hB,EAAMC,GACrB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,maAEP,CACA,MAAM,GAA0B,aAAiB8gB,IAClC,IC5BX,GD4BW,IC3Bf,SAAS,KAAa,OAAO,GAAWtiB,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASilB,GAAU5hB,EAAMC,GACvB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,eACNE,SAAU,UACVD,EAAG,yXAEP,CACA,MAAM,GAA0B,aAAiB+gB,IAClC,ICzBf,MAAM3gB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;qBAsBLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAyDAA;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6FGA;;;;;;;;;;;;;;;;;;iBAkBPA;;;;;;;;;;;;;;4BAcWA;;;;;;;;;;;;;;mBAcTA;;;;;;;;;;;;sBAYGA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;wBAOAA;;;;;;;;;;;;;;;;;;0BAkBEA;;;;;;;4BAOEA;;;;;;;;;eASbA;;;;;;;;;;;;eAYAA;;;;;;;;;;iBAUEA;;;;;;;;;;;;;;;;;;;aAmBJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EChVPC,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECmCX0gB,OAjCD7hB,IAMA,IANC,UACb8hB,EAAS,aACTC,EAAY,kBACZC,GAAoB,EAAI,SACxBzgB,EAAQ,MACR2O,EAAM,CAAC,GACDlQ,EACN,MAAMiiB,EAAWnY,mBAEXC,EAAsBC,IAAgB,IAADkY,EAC5B,OAARD,QAAQ,IAARA,GAAiB,QAATC,EAARD,EAAU/X,eAAO,IAAAgY,GAAjBA,EAAmB/X,SAASH,EAAM9H,UAAW4f,GAChDC,GAAa,EACf,EAcF,OAXA5a,qBAAU,KACR,GAAI6a,EAEF,OADA5X,SAASC,iBAAiB,QAASN,GAC5B,KACLK,SAASE,oBAAoB,QAASP,EAAmB,CAI7C,IAIhBzI,eAACL,GAAO,CAAAM,SACND,eAAA,OAAK4O,MAAOA,EAAOzP,IAAKwhB,EAAS1gB,SAAEA,KAC3B,EC9BP,MAAM0Y,GAAmB/Y,UAAOC,GAAG;;;;;;;;;;;;;;;;sBAgBpBH;;;;;;;EASTmZ,GAAejZ,UAAOC,GAAG;;;EAKzBiZ,GAAalZ,UAAOgZ,KAAK;;;;;;;;;;;;;;EC1BzBiI,GACX9C,GAEArlB,EACG0N,KAAK,iCAAkC2X,GACvC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAcrB4nB,GACX/C,GAEArlB,EACG0N,KAAK,4CAA6C2X,GAClD5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrB6nB,GACXhD,GAEArlB,EACG0N,KAAK,0BAA2B2X,GAChC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YA8FrB8nB,GAA6BC,GACxCvoB,EACG0N,KAAK,gBAAiB,CAAEhH,GAAI6hB,IAC5B9mB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YA2CrBgoB,GAA0BC,GACrCzoB,EACG0N,KAAK,iCAAkC+a,GACvChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAsBrBkoB,GAAmCD,GAC9CzoB,EACG0N,KAAK,oBAAqB+a,GAC1BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAarBmoB,GAAgCF,GAC3CzoB,EACG0N,KAAK,yBAA0B+a,GAC/BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAcrBooB,GAAsBH,GACjCzoB,EACG0N,KAAK,kBAAmB+a,GACxBhnB,MAAMjB,GAEEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAqDrBqoB,GAA8BJ,GACzCzoB,EACG0N,KAAK,iBAAkB+a,GACvBhnB,MAAMjB,GAEEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBsoB,GAAgCL,GAC3CzoB,EACG0N,KAAK,oBAAqB+a,GAC1BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBuoB,GAAiCN,GAC5CzoB,EACG0N,KAAK,mBAAoB+a,GACzBhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBwoB,GAAkCP,GAC7CzoB,EACG0N,KAAK,oBAAqB+a,GAC1BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrByoB,GAAmCA,IAC9CjpB,EACGwB,IAAI,uBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAYrB0oB,GAA4BT,GACvCzoB,EACG0N,KAAK,yBAA0B+a,GAC/BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAoBrB2oB,GAA+BA,IAC1CnpB,EACGwB,IAAI,+BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC1VnB4oB,OAzDkBpjB,IASQ,IATP,OACE8b,EAAM,SACNuH,EAAQ,QACRC,EAAO,QACPC,EAAO,OACP1E,EAAM,gBACNO,EAAe,iBACfoE,EAAgB,eAChBC,GACDzjB,EACjC,MAAMS,EAAMqJ,iBAAgC,OACrCkK,EAAO0P,GAAYjhB,mBAAe,OAANqZ,QAAM,IAANA,IAAU,KAiC7C,OACEta,gBAAC2Y,GAAY,CAAA5Y,SAAA,CACXD,eAAC8Y,GAAU,CAACrd,KAAK,SAASwJ,MAAOlH,OAAO0P,KAAK0U,GAAgB7mB,OAAS6mB,EAAeE,OAAS3P,EAAO4P,UAAQ,EAACnjB,IAAKA,EAAKkM,SA1BtGlN,IACpB,IAAI8G,EAAQ9G,EAAEyC,OAAOqE,MAEjB8c,EAAW5jB,EAAEyC,OAAOqE,QACtBA,EAAQ8c,IAGLrP,KAAWzN,GACdmd,EAASnd,EACX,EAiBkJsd,OAdjIC,KACbrjB,EAAIyJ,UACNzJ,EAAIyJ,QAAQ0Z,UAAW,GAClB9H,KAAY9H,GACfwO,GAAuB,CAAEuB,YAAaT,EAASxH,OAAQ9H,IAASvY,MAAKkE,IACnEyf,IACAoE,EAAiB3E,EAAO,IAG9B,EAMctG,IAAK8K,IAEfE,GAAWjiB,eAAA,UAAQvE,KAAK,SAASmG,QApCrB8gB,KACZvjB,EAAIyJ,UACNzJ,EAAIyJ,QAAQ+Z,QACZxjB,EAAIyJ,QAAQ0Z,UAAW,EACzB,EAgCwDriB,SAClDD,eAAC4iB,GAAQ,QAGA,EClDnB,SAAS9H,GAAaJ,GACpB,OAAOA,EAAS1L,QAAO,CAACC,EAAU0L,KAChC,MAAM,YAAEC,GAAgBD,EAExB,OADA1L,EAAIvK,KAAKkW,GACF3L,CAAG,GACT,IAAI4L,KAAK,OAAS,GACvB,CAEA,SAASgI,GAAWC,EAA6B/D,GAC/C,MAAM,SAAErE,EAAQ,eAAEyH,EAAc,cAAE1H,GAAkBqI,EAEpD,MAAY,WAAR/D,EAEKrE,EAASpf,OAASwf,GAAaJ,GAAYyH,EAAiBA,EAAepD,GAAO,IAGlFtE,EAAcnf,OAASwf,GAAaL,GAAiB0H,EAAiBA,EAAepD,GAAO,GAGvG,CAgUelB,OA9TyBnf,IAAyE,IAAxE,KAAE0F,EAAI,gBAAE0Z,EAAe,gBAAEC,EAAe,uBAAEgF,GAAwBrkB,EACzG,MAAOskB,EAAgBC,GAAqB9hB,mBAAuC,KAC5E+hB,EAAgBC,GAAqBhiB,mBAAuC,KAC7E,MAAEtE,EAAK,WAAEumB,EAAU,UAAEC,GAAcjf,GAClC8X,EAAuBC,GAA4Bhb,oBAAS,IAC5D+X,EAAqBkD,GAA0Bjb,mBAAc,CAAC,IAC9DkY,EAAUgD,GAAelb,mBAAc,CAAC,IACxCmiB,EAAYC,GAAiBpiB,mBAAiB,UAG/C6L,EAA2BC,IAC/BsW,EAActW,GACdmP,EAAuB,CAAC,GACxBC,EAAY,CAAC,GACbF,GAAyB,EAAM,EAW3B+F,EAAoB9iB,I7BmJaokB,IAAChG,EAAiB+B,EAAgBU,EAAoBzmB,EAAkBsZ,EAAgBnG,E6BlJ7HoW,GAAuB,I7BkJevF,E6BjJZ,GAAGpe,I7BiJ0BmgB,E6BjJpBxB,EAAgBwB,O7BiJoBU,E6BjJZlC,EAAgBkC,W7BiJgBzmB,E6BjJJukB,EAAgBvkB,S7BiJMsZ,E6BjJIG,mBAAO8K,EAAgBjL,UAAW,c7BiJtBnG,E6BjJqCsG,mBAAO8K,EAAgBpR,QAAS,c7BkJpMjU,EACG0N,KAAK,2BAA4B,CAAErK,KAAMyhB,EAAS+B,OAAQA,EAAQU,WAAYA,EAAYzmB,SAAUA,EAAUsZ,UAAWA,EAAWnG,QAASA,IAC7IxS,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a6BxJmLiB,MAAMjB,IACrN+pB,EAAkB/pB,EAASkL,KAAKqf,WAAWjJ,QAAU,IACrD2I,EAAkBjqB,EAASkL,KAAKqf,WAAWpB,QAAU,GAAG,IAEvDqB,SAAQ,KACTX,GAAuB,EAAM,GAC7B,EAGJld,qBAAU,KACRqc,EAAiB9d,EAAKhF,GAAG,GACxB,CAACgF,EAAKhF,GAAI2e,IAEb,MAAMpC,EAAuB,CAC3B,CACEjb,KAAM,GACN1B,MAAO,OACPya,KAAMA,IAEFzZ,eAAA,OAAKO,UAAU,QAAON,SACnBmE,EAAKvH,MACJmD,eAAA,OAAKQ,IAAK3D,EAAO4D,IAAI,KAErBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,GACNiZ,SAAU,QACVF,KAAMA,IAEFvZ,gBAAA,OAAAD,SAAA,CACGmjB,EAAW,IAAEC,MAKtB,CACE3iB,KAAM,SACNijB,QAAQ,EACRlK,KAAM9L,IAAwG,IAAvG,WAAEiW,EAAU,SAAEC,EAAQ,OAAErJ,EAAM,YAAEiI,EAAW,eAAEN,GAAuCxU,EACzF,OAAO3N,eAAC8hB,GAAa,CAACC,SAAU6B,EAAY3B,QAAS4B,EAAUrJ,OAAQA,EACjDwH,QAASS,EAAa3E,gBAAiBA,EAAiBqE,eAAgBA,EACxED,iBAAkBA,EAAkB3E,OAAQnZ,EAAKhF,IAAM,GAGjF,CACEsB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,aAGjC,CACEhZ,KAAM,cACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,WAGjC,CACEhZ,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIpc,OAAS,OAG9B,CACEoD,KAAM,UACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIoK,QAAU,OAG/B,CACEpjB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIqK,aAAe,OAGpC,CACErjB,KAAM,cACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIsC,SAAW,OAGhC,CACEtb,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAItK,KACD6D,mBAAO,IAAI3D,KAAKoK,EAAItK,MAAO,wBAC3B,OAKZ,CACE1O,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACGyZ,EAAI+C,OAAUzc,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACpED,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,sBAC7C,SAOdyjB,EAA4B,CAChC,CACEtjB,KAAM,GACN1B,MAAO,OACPya,KAAMA,IAEFzZ,eAAA,OAAKO,UAAU,QAAON,SACnBmE,EAAKvH,MACJmD,eAAA,OAAKQ,IAAK3D,EAAO4D,IAAI,KAErBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,GACNiZ,SAAU,QACVF,KAAMA,IAEFvZ,gBAAA,OAAAD,SAAA,CACGmjB,EAAW,IAAEC,MAKtB,CACE3iB,KAAM,SACNijB,QAAQ,EACRlK,KAAM9K,IAAwG,IAAvG,WAAEiV,EAAU,SAAEC,EAAQ,OAAErJ,EAAM,YAAEiI,EAAW,eAAEN,GAAuCxT,EACzF,OAAO3O,eAAC8hB,GAAa,CAACC,SAAU6B,EAAY3B,QAAS4B,EAAUrJ,OAAQA,EACjDwH,QAASS,EAAa3E,gBAAiBA,EAAiBqE,eAAgBA,EACxED,iBAAkBA,EAAkB3E,OAAQnZ,EAAKhF,IAAM,GAGjF,CACEsB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,aAGjC,CACEhZ,KAAM,cACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,WAGjC,CACEhZ,KAAM,aACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIuK,QAAU,OAG/B,CACEvjB,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAItK,KACD6D,mBAAO,IAAI3D,KAAKoK,EAAItK,MAAO,wBAC3B,OAKZ,CACE1O,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACGyZ,EAAI+C,OAAUzc,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACpED,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,sBAC7C,SASpB,OACEP,eAAC2Y,GAAgB,CAAA1Y,YACX+iB,KAAoBE,IACpBhjB,gBAAAyB,YAAA,CAAA1B,SAAA,CACIC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CACzBD,eAAA,OACIO,UAAW,gBACM,WAAf+iB,EAA0B,cAAgB,IACzCrjB,SAEHD,eAAA,UACIvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SACpD,aAILD,eAAA,OACIO,UAAW,gBACM,WAAf+iB,EAA0B,cAAgB,IACzCrjB,SAEHD,eAAA,UACIvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,UAAU/M,SACpD,gBAKTD,eAAA,OAAKO,UAAU,gBAAeN,SAC1BD,eAAA,OAAKO,UAAU,QAAON,SACJ,WAAfqjB,EAA0BtjB,eAACgb,KAAS,CACnC5W,KAAM4e,EACN/H,QAASU,EACTT,UAAQ,EACRyB,aAAejD,IACVA,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,GAChD6gB,GAAyB,GACzBC,EAAuB1C,EAAI+C,UAG3BN,GAAyB,GACzBC,EAAuB,CAAC,GAC1B,EAEFQ,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzCoE,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CqD,oBAAoB,EACpBC,wBACEhd,eAACgZ,GAAsB,CAACC,KAAMiD,EAAuBhD,oBAAqBA,EAClDC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,MAEhCnc,eAACgb,KAAS,CACb5W,KAAM8e,EACNjI,QAAS+I,EACT9I,UAAQ,EACRyB,aAAejD,IACVA,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,GAChD6gB,GAAyB,GACzBC,EAAuB1C,EAAI+C,UAG3BN,GAAyB,GACzBC,EAAuB,CAAC,GAC1B,EAGFQ,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzCoE,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CqD,oBAAoB,EACpBC,wBACEhd,eAACgZ,GAAsB,CAACC,KAAMiD,EAAuBhD,oBAAqBA,EAClDC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,cAQlC,EC/VvB,MAAMxc,GAAUC,UAAOC,GAAG;;;;;qBAKLH;;;;;;;;;;;;;;;;;;;ECyCNwkB,OArCKxlB,IAAuF,IAAtF,UAACylB,EAAS,aAAEC,EAAY,cAAEC,EAAa,aAAEC,EAAY,MAAE1lB,GAAyBF,EACnG,OACEsB,eAACL,GAAO,CAAAM,SACLkkB,GAAcnkB,eAACugB,GAAK,CACnBC,UAAW2D,EACX1D,aAAcA,IAAM2D,GAAa,GACjC1D,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,eAAeN,SAE1BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,QAAON,SAAErB,IACxBsB,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,UACVqB,QAAS0iB,EAAarkB,SACvB,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASyiB,EAAcpkB,SACxB,8BAQD,ECrBd,MAAMkf,GAAwB,CAC5B,CAACla,MAAO,gBAAiBqC,MAAO,YAChC,CAACrC,MAAO,iBAAkBqC,MAAO,YACjC,CAACrC,MAAO,SAAUqC,MAAO,6BACzB,CAACrC,MAAO,UAAWqC,MAAO,8BA+Sbid,IC3UX,GD2UWA,GArSQA,KACrB,MAAOlF,EAAmBC,GACxB3b,IAAMxC,SAAmC,CACvCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,KACRC,UAAW,gBACX1M,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,KACb9V,SAAU,MAEPimB,EAAqBC,GAC1B/b,IAAMxC,UAAkB,IACnBqjB,EAAqBC,GAA0BtjB,oBAAkB,IACjEujB,EAAcC,GAAmBxjB,mBAAmC,OACpEwe,EAAcC,GACnBjc,IAAMxC,SAA0C,OAC3CyjB,EAAeC,GAAoB1jB,mBAAiB,KACpD0e,EAAkBC,GACvBnc,IAAMxC,SAAgC,CACpCiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAGjB,mBAAC7Q,GAAsBK,KAC7BhC,qBAAU,KACR2B,GAAoB,GACnB,IAEH,MAAMsW,EAAkB9Z,uBAAY,KhCvDHI,MgCwD/Bsb,GAAuB,IhCxDQtb,EgCyDZ,IACdib,GhCzDP3mB,EACG0N,KAAK,wBAAyBhC,GAC9BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agCoD3BiB,MAAMjB,IACP0mB,EAAgB1mB,EAASkL,KAAKoI,WAC9BsT,EAAoB,CAClB1H,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAE1CqH,GAAuB,EAAM,IAC5BtlB,OAAO4lB,IACRvB,QAAQC,IAAIsB,EAAI,GAChB,GACF,CAACX,IAWHxZ,qBAAU,KACRiY,GAAiB,GAChB,CACDuB,EAAkBpH,KAClBoH,EAAkBG,UAClBH,EAAkBY,aAGpBpa,qBAAU,KACR,GAAiC,OAA7BwZ,EAAkBE,OAAiB,CACrC,MAAMW,EAAUhT,YAAW,KACzB4Q,GAAiB,GAChB,KAEH,MAAO,IAAMqC,aAAaD,EAC5B,IACC,CAACb,EAAkBE,SAEtB1Z,qBAAU,KAC+B,IAAnCka,OAAOV,EAAkBpH,OAA0C,IAA3B4H,EAAiB1H,OAC3D2F,GACF,GACC,CAACuB,EAAkBlH,QAEtB,MAMM2M,EAAgB1lB,IACpB,MAAM2lB,EAAyB,OAAZpF,QAAY,IAAZA,OAAY,EAAZA,EAAcqF,MAAMjlB,GAASA,EAAKX,KAAOA,IACtD6lB,EAAc,CAClB7lB,GAAIA,EACJgkB,WAAsB,OAAV2B,QAAU,IAAVA,OAAU,EAAVA,EAAY3B,WACxBC,UAAqB,OAAV0B,QAAU,IAAVA,OAAU,EAAVA,EAAY1B,UACvBja,MAAiB,OAAV2b,QAAU,IAAVA,OAAU,EAAVA,EAAY3b,MACnBgU,MAAiB,OAAV2H,QAAU,IAAVA,OAAU,EAAVA,EAAY3H,OhC/GYhZ,SgCiHZ6gB,EhChHvBvsB,EACG0N,KAAK,6BAA8BhC,GACnCjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agC0GIiB,MAAKgK,IACrC2Z,GAAiB,GACjB,EAGEoH,EAAc9lB,IhC7GegF,SgC8GZ,CAAChF,MhC7GxB1G,EACG0N,KAAK,6BAA8BhC,GACnCjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agCuGHiB,MAAKgK,IAC9B2Z,IACA2G,GAAuB,EAAM,IAC5BrqB,OAAM4lB,IACPvB,QAAQC,IAAIsB,GACZyE,GAAuB,GACvBI,EAAiB7E,EAAI5b,KAAKhL,MAAM,GAChC,EAQEuiB,EAAuB,CAC3B,CACEjb,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GACIA,EAAIyL,KAEAjlB,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAC3CD,eAACgX,GAAK,CAAClN,YAAa,aAAcE,aAAc0P,EAAI0J,WAAY5Y,SAAWvF,IACzEyU,EAAI0J,WAAane,CAAK,IAExBjF,eAACgX,GAAK,CAAClN,YAAa,YAAaE,aAAc0P,EAAI2J,UAAW7Y,SAAWvF,IACvEyU,EAAI2J,UAAYpe,CAAK,OAPN/E,gBAAA,OAAAD,SAAA,CAChByZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAa9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACIA,EAAIyL,KACXnlB,eAAA,OAAKO,UAAW,kBAAkBN,SAACD,eAACgX,GAAK,CAAClN,YAAa,QAASE,aAAc0P,EAAItQ,MACxCoB,SAAWvF,IACTyU,EAAItQ,MAAQnE,CAAK,MAH1CjF,eAAA,OAAAC,SAAMyZ,EAAItQ,SAOnC,CACE1I,KAAM,QACNiZ,SAAU,QACVsC,SAAU,QACVxC,KAAOC,GACIA,EAAIyL,KACXnlB,eAAA,OAAKO,UAAW,kBAAkBN,SAACD,eAACgX,GAAK,CAAClN,YAAa,QAASE,aAAc0P,EAAI0D,MACxC5S,SAAWvF,IACTyU,EAAI0D,MAAQnY,CAAK,MAH1CjF,eAAA,OAAAC,SAAMyZ,EAAI0D,SAOnC,CACE1c,KAAM,GACNub,SAAU,QACVxC,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIyL,KAkBJnlB,eAAA,UACEO,UAAU,wBACVqO,MAAO,CAACwW,QAAS,aACjBxjB,QAASA,IAAMkjB,EAAapL,EAAIta,IAAIa,SACrC,SArBDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,IAxGRyjB,EAACjmB,EAAYsa,KAC5B,MAAM4L,EAAU,IAAI5L,EAAKyL,MAAM,GAE/BvF,EAAgB,IAAID,EAAale,KAAI1B,GAAQA,EAAKX,KAAOA,EAAKW,EAAOulB,EAAUvlB,KAAO,EAqGzDslB,CAAS3L,EAAIta,GAAIsa,GAAKzZ,SAErCD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAAM2jB,OAhFNxpB,EAgFsB2d,EA/E7C+K,GAAuB,QACvBE,EAAgB5oB,GAFOA,KAgF2B,EAAAkE,SAEpCD,eAACwlB,GAAU,aAkB3B,OACEtlB,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,gBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUqa,EAAqB,IAAID,EAAmBE,OAAQta,QAG7EjF,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,wBACZI,aAAciV,GACdhV,gBAAgB,SAChBH,aAAcmV,GAAsB,GACpCzV,UAAQ,EACRc,SAAWvF,GAvLesT,EAClC7X,EACAuE,KAEAqa,GAAsB9G,IACb,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,EAkLQsT,CAA4B,YAAatT,GAE3CmF,oBAAkB,SAIxBpK,eAAA,OACEO,UAAW,eAAckf,EAAsB,eAAiB,IAAKxf,SAErED,eAAA,OAAKO,UAAU,oBAAmBN,SACd,OAAjB0f,EACCA,EAAarkB,OAAS,EACpB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASU,EACTvX,KAAMub,EACN/C,gBAAc,EACdI,wBACEhd,eAAC6d,GAAmB,CAACzZ,KAAMub,EAAcoD,uBAAwBrD,EAAwB5B,gBAAiBA,EACrFC,gBAAiBsB,QAI5Crf,eAAC+X,GAAU,IAAK8H,EAAkBvH,aAAc+G,EAAkBlH,MACtDH,mBAAoBsH,OAGlCtf,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,SAGP2kB,GACC5kB,eAACugB,GAAK,CACJC,YAAaoE,EACbnE,aAAcA,IAAMoE,EAAiB,IACrCnE,mBAAmB,EACnB9R,MAAO,CAACqN,SAAU,SAAShc,SAE3BC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAC,UACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAE2kB,SAIlC5kB,eAACkkB,GAAW,CAACC,UAAWK,EAAqBJ,aAAcK,EAAwB7lB,MAAO,+DAClE,OAAZ8lB,QAAY,IAAZA,OAAY,EAAZA,EAActb,UAAWkb,aAAcA,KACjDK,EAAgB,MAChBF,GAAuB,EAAM,EAC5BJ,cAAeA,KAChBa,EAAWR,EAActlB,GAAG,MAEtB,E,SCtUd,SAAS,KAAa,OAAO,GAAWrB,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASoqB,GAAU/mB,EAAMC,GACvB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,mBACNE,SAAU,UACVD,EAAG,+bAEP,CACA,MAAM,GAA0B,aAAiBkmB,IAClC,Q,0BCzBf,MAAM9lB,GAAUC,UAAOC,GAGrB;;;;;;aAMWH;;;;;;iBAMKZ,GAAWA,EAAM4K,SAAW,OAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECwBxCgc,OArCEhnB,IAOK,IAPJ,MAChB4I,EAAK,YACLwC,EAAW,aACXE,EAAY,SACZN,EAAQ,SACRW,EAAQ,SACRG,GACc9L,EACd,MAAOuG,EAAOyF,GAAYvJ,mBAAiB6I,GAAgB,IAE3DnE,qBAAU,KACJmE,GAAgBA,IAAiB/E,GACnCyF,EAASV,EACX,GACC,CAACA,IAOJ,OACE9J,gBAACP,GAAO,CAAC+J,SAAUA,EAAUyB,UAAW7D,EAAMrH,SAAA,CAC5CD,eAAA,QAAMO,UAAU,QAAON,SAAEqH,IACzBtH,eAAA,YACEiF,MAAOA,EACP6E,YAAaA,EACbJ,SAAUA,EACVW,SAAUA,EACVgB,SAAW3C,IACT,OAdc4O,EAcM5O,EAAM9H,OAAOqE,MAbvCyF,EAAS4M,QACL9M,GAAUA,EAAS8M,IAFHA,KAcyB,MAGnC,ECnCd,MAAM3X,GAAUC,UAAO+lB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;UA0BjBjmB;UACAA;;eAEKA;iCACkBA;;;;;;;;;;;;;;;;wBAgBTA;;;;;;;;;gBASRA;;;;;;;;;;;;;;;;;;;;;;;;;;ECvCDkmB,OAXFlnB,IAA2B,IAA1B,SAAEmnB,GAAkBnnB,EAChC,OACEsB,eAACL,GAAO,CAAAM,SACNC,gBAAA,QAAMK,UAAU,eAAcN,SAAA,CAC5BD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,UAASN,SAAE4lB,QAErB,ECZd,MAAMlmB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECHbimB,GAAoB,CAC/B,CACE7gB,MAAO,OACPqC,MAAO,kBAET,CACErC,MAAO,QACPqC,MAAO,mBAET,CACErC,MAAO,SACPqC,MAAO,oBAET,CACErC,MAAO,UACPqC,MAAO,qBAET,CACErC,MAAO,WACPqC,MAAO,sBAET,CACErC,MAAO,QACPqC,MAAO,oBCyRIye,OA3RuBA,KACpC,MAAM,WAAExrB,GAAeoD,GAAkBvC,GAAUA,EAAMD,QACnD,6BAAE0L,GAAiCgB,MAElCme,EAAaC,GAAkBtiB,IAAMxC,UAAkB,IACvD+kB,EAAkBC,GAAuBxiB,IAAMxC,SAAiB,KAChEilB,EAAcC,GAAmBllB,mBAA4B,KAC7D2F,EAAiBwf,GACtB3iB,IAAMxC,SAAmC,CACvCiI,MAAO,GACPga,WAAY,GACZC,UAAW,GACXjG,MAAO,GACPwB,QAAS,GACT2H,KAAM,GACNC,QAAS,GACTC,KAAM,GACNC,SAAU,GACVC,WAAY,GACZlQ,cAAe,GACfmQ,cAAe,GACf/M,SAAU,KAGPgN,EAAsBC,GAC3BnjB,IAAMxC,WAER0E,qBAAU,KAKwC,IAADkhB,EAAAC,EAAAC,EAAAC,EAAAC,GAJ/CltB,IAAmBE,MAAKgK,IACtBA,EAAIC,KAAK9I,OAAS,EAAI+qB,EAAgBliB,EAAIC,MAC1CiiB,EAAgB,CAAC,CAACphB,MAAO,EAAGqC,MAAO,WAAM,KAEtCR,EAAgBsC,OAAS7O,EAAWwB,QACvCuqB,EAAmB,CACjBld,MAAO7O,EAAWwB,KAAKqN,MACvBga,WAAY7oB,EAAWwB,KAAKqnB,WAC5BC,UAAW9oB,EAAWwB,KAAKsnB,UAC3BjG,MAAO7iB,EAAWwB,KAAKqhB,MACvBwB,QAAqC,QAA9BmI,EAAExsB,EAAWwB,KAAKqrB,oBAAY,IAAAL,OAAA,EAA5BA,EAA8BnI,QACvC2H,KAAkC,QAA9BS,EAAEzsB,EAAWwB,KAAKqrB,oBAAY,IAAAJ,OAAA,EAA5BA,EAA8BT,KACpCC,QAAqC,QAA9BS,EAAE1sB,EAAWwB,KAAKqrB,oBAAY,IAAAH,OAAA,EAA5BA,EAA8BT,QACvCC,KAAkC,QAA9BS,EAAE3sB,EAAWwB,KAAKqrB,oBAAY,IAAAF,OAAA,EAA5BA,EAA8BG,WACpCX,SAAsC,QAA9BS,EAAE5sB,EAAWwB,KAAKqrB,oBAAY,IAAAD,OAAA,EAA5BA,EAA8BG,MACxCX,WAAYpsB,EAAWwB,KAAK4qB,WAC5BC,cAAersB,EAAWwB,KAAK6qB,cAC/BnQ,cAAelc,EAAWwB,KAAK0a,cAC/BoD,SAAUtf,EAAWwB,KAAK8d,WAG5BiN,GAAwB,IACtBS,GAAwBvC,MACrBwC,GAAYjtB,EAAWwB,KAAK6qB,gBAAkBY,EAAQviB,UAG7D,GACC,IAEH,MAAMuF,EAAWA,CAAC/O,EAAcwJ,KAC1BihB,GACFC,EAAoB,IAEtBG,EAAmB,IAAKxf,EAAiB,CAACrL,GAAOwJ,GAAQ,EA+C3D,OACEjF,eAACL,GAAO,CAAAM,SACND,eAAA,QACEynB,SA/CuB/e,IAC3BA,EAAMgf,iBACNzB,GAAe,GAEfpf,EAA6BC,GAC1B3M,MAAK,KACJ8rB,GAAe,EAAM,IAEtB7rB,OAAOhB,IAAgB,IAADuuB,EAAAC,EAAAC,EAAAC,EACrB3B,EACO,OAAL/sB,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,GAAXA,EAAaphB,QACJ,OAALnN,QAAK,IAALA,GAAW,QAANwuB,EAALxuB,EAAOgL,YAAI,IAAAwjB,OAAN,EAALA,EAAarhB,QACR,OAALnN,QAAK,IAALA,GAAW,QAANyuB,EAALzuB,EAAOgL,YAAI,IAAAyjB,GAAXA,EAAaE,OACR,OAAL3uB,QAAK,IAALA,GAAW,QAAN0uB,EAAL1uB,EAAOgL,YAAI,IAAA0jB,OAAN,EAALA,EAAaC,OACb,yBAEN9B,GAAe,EAAM,GACrB,EA+BA1lB,UAAW,IAAGylB,EAAc,eAAiB,IAAK/lB,SAElDC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,QACLqO,YAAY,gBACZxC,MAAM,gBACNoC,UAAQ,EACRW,UAAQ,EACRL,aAAclD,EAAgBsC,MAC9BoB,SAAWvF,GAAUuF,EAAS,QAASvF,OAG3C/E,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAACgX,GAAK,CACJlN,YAAY,aACZxC,MAAM,aACNoC,UAAQ,EACRM,aAAclD,EAAgBsc,WAC9B5Y,SAAWvF,GAAUuF,EAAS,aAAcvF,OAGhDjF,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACgX,GAAK,CACJlN,YAAY,YACZxC,MAAM,YACNoC,UAAQ,EACRM,aAAclD,EAAgBuc,UAC9B7Y,SAAWvF,GAAUuF,EAAS,YAAavF,UAIjD/E,gBAAA,OAAK0O,MAAO,CAACJ,QAAS,QAAQvO,SAAA,CAC5BC,gBAAA,OAAKK,UAAU,yCAAyCqO,MAAO,CAACoZ,KAAM,EAAGC,YAAa,QAAQhoB,SAAA,CAC5FD,eAAA,QAAMO,UAAU,QAAON,SAAC,iBACxBD,eAACkoB,KAAU,CACTjjB,MAAO6B,EAAgBsW,MACvB+K,eAAe,cACf3B,QAAQ,KACR4B,WAAY,CACV1nB,KAAM,cAEN6W,UAAW,GAEblM,SAAUA,CAACpG,EAAOb,EAAMsE,KAUtB8B,EAAS,QAASvF,EAAM,OAO9BjF,eAAA,OAAKO,UAAU,aAAaqO,MAAO,CAACoZ,KAAM,GAAG/nB,SAC3CD,eAAC6J,GAAM,CACLvC,MAAM,WACN4C,aAAckc,EACdjc,gBAAgB,SAChBT,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,WAAYvF,GAC1C+E,aAAcoc,EAAapB,MAAKnL,GAAWA,EAAS5U,QAAU6B,EAAgB+S,WAC9EzP,oBAAkB,SAIxBpK,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJlN,YAAY,gCACZxC,MAAM,2BACNoC,UAAQ,EACRM,aAAclD,EAAgB8X,QAC9BpU,SAAWvF,GAAUuF,EAAS,UAAWvF,OAG7C/E,gBAAA,OAAKK,UAAU,gCAAqBN,SAAA,CAClCD,eAAA,OAAKO,UAAU,uBAAiBN,SAC9BD,eAACgX,GAAK,CACJ1P,MAAM,OACNwC,YAAY,YACZJ,UAAQ,EACRM,aAAclD,EAAgByf,KAC9B/b,SAAWvF,GAAUuF,EAAS,OAAQvF,OAG1CjF,eAAA,OAAKO,UAAU,0BAAoBN,SACjCD,eAACgX,GAAK,CACJ1P,MAAM,UACNwC,YAAY,eACZJ,UAAQ,EACRM,aAAclD,EAAgB0f,QAC9Bhc,SAAWvF,GAAUuF,EAAS,UAAWvF,OAG7CjF,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAACgX,GAAK,CACJ1P,MAAM,cACNwC,YAAY,mBACZJ,UAAQ,EACRM,aAAclD,EAAgB2f,KAC9Bjc,SAAWvF,GAAUuF,EAAS,OAAQvF,UAI5C/E,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAACgX,GAAK,CACJ1P,MAAM,aACNwC,YAAY,aACZJ,UAAQ,EACRM,aAAclD,EAAgB6f,WAC9Bnc,SAAWvF,GAAUuF,EAAS,aAAcvF,OAGhDjF,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAACgX,GAAK,CACJ1P,MAAM,gBACNwC,YAAY,gBACZJ,UAAQ,EACRM,aAAclD,EAAgB2P,cAC9BjM,SAAWvF,GAAUuF,EAAS,gBAAiBvF,UAIrDjF,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAAC6J,GAAM,CACLvC,MAAM,gBACN4C,aAAcqd,GACdpd,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,gBAAiBvF,GAC/C+E,aAAc6c,EACdzc,oBAAkB,MAGtBlK,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAAC,qBAE3BD,eAACqoB,GAAW,CACVxC,SAAS,sTAEb7lB,eAAC0lB,GAAQ,CACP5b,YAAY,mFACZJ,UAAQ,EACRM,aAAclD,EAAgB4f,SAC9Blc,SAAWvF,GAAUuF,EAAS,WAAYvF,QAG7CihB,GACClmB,eAAA,OAAKO,UAAU,qBAAoBN,SAAEimB,IAEvClmB,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,2BAMzC,ECzSd,MAAMqoB,GAAkBC,WAAS;;;;;;;;;;EAY3B5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;wBAgBFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiCEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAoCOA;;;;;;;;;yBASR4oB;;;sBAGH5oB;;;;;qBAKDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAmCNA;;;;;;;;;;eAUAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAwCSA;;;;;;;;EC/CT8oB,OA5ISA,KACtB,MAAMhvB,EAAWwH,eACX,WAAEzG,GAAeoD,GAAkBvC,GAAUA,EAAMD,QACnD,mBAAEsL,GAAuBoB,MAExB4gB,EAAcC,GAAmB/kB,IAAMxC,UAAkB,IAmB1D,aAAEwnB,EAAY,aAAEC,EAAY,cAAEC,GAAkBC,aAAY,CAChEC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OAlBcC,IACd,GAAIA,EAAc,GAAI,CACpBR,GAAgB,GAChB,MAAMhiB,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,OAAQF,EAAc,IAC7CziB,EAAmBC,GAChBvM,MAAK,KACJuuB,GAAgB,EAAM,IAEvBtuB,OAAM,KACLsuB,GAAgB,EAAM,GAE5B,KAqBF,OACExoB,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,iBAC5BC,gBAAA,OAAKK,UAAU,MAAKN,SAAA,CAClBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAA,OACEO,UAAW,gBAET,8CADA/G,EAAS8H,SAEL,cACA,IACHrB,SAEHD,eAACG,IAAI,CAACC,GAAG,4CAA2CH,SAAC,8BAuBzDD,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAACqpB,IAAM,CAAAppB,SACLD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,4CACLmpB,UAAWzD,YAUnB/lB,eAAA,OAAKO,UAAU,uBAAsBN,SACnCC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,OAAKO,UAAW,eAAckoB,EAAe,eAAiB,IAAKxoB,SACjED,eAAA,OACEO,UAAW,aACThG,EAAWwB,KAAKc,MAAQ,aAAe,IACtCoD,SAEHC,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAC1D,IAEDD,eAAA,YAAW6oB,IAAiBnf,UAAQ,IAAI,IAEvCnP,EAAWwB,KAAKc,MACfmD,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OAAKQ,IAAKjG,EAAWwB,KAAKc,MAAO4D,IAAI,OAErC,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,QAAMO,UAAU,QAAON,SACpB1F,EAAWwB,KAAKc,MACb,oBACA,yCAOhBmD,eAAA,OAAKO,UAAU,OAAMN,SAAE1F,EAAWwB,KAAKoN,YACvCjJ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CAAC,YACZ,IACT,IAAIqP,KAAK/U,EAAWwB,KAAK2tB,SAASja,eAAe,KAAM,CACtDC,MAAO,SACL,IACH,IAAIJ,KAAK/U,EAAWwB,KAAK2tB,SAASna,2BAKnC,EC7ECuS,OAzDkBpjB,IASQ,IATP,OACE8b,EAAM,SACNuH,EAAQ,QACRC,EAAO,QACPC,EAAO,OACP1E,EAAM,gBACNO,EAAe,iBACfoE,EAAgB,eAChBC,GACDzjB,EACjC,MAAMS,EAAMqJ,iBAAgC,OACrCkK,EAAO0P,GAAYjhB,mBAAe,OAANqZ,QAAM,IAANA,IAAU,KAiC7C,OACEta,gBAAC2Y,GAAY,CAAA5Y,SAAA,CACXD,eAAC8Y,GAAU,CAACrd,KAAK,SAASwJ,MAAOlH,OAAO0P,KAAK0U,GAAgB7mB,OAAS6mB,EAAeE,OAAS3P,EAAO4P,UAAQ,EAACnjB,IAAKA,EAAKkM,SA1BtGlN,IACpB,IAAI8G,EAAQ9G,EAAEyC,OAAOqE,MAEjB8c,EAAW5jB,EAAEyC,OAAOqE,QACtBA,EAAQ8c,IAGLrP,KAAWzN,GACdmd,EAASnd,EACX,EAiBkJsd,OAdjIC,KACbrjB,EAAIyJ,UACNzJ,EAAIyJ,QAAQ0Z,UAAW,GAClB9H,KAAY9H,GACfwO,GAAuB,CAAEuB,YAAaT,EAASxH,OAAQ,KAAI9H,IAAWvY,MAAKkE,IACzEyf,IACAoE,EAAiB3E,EAAO,IAG9B,EAMctG,IAAK8K,IAEfE,GAAWjiB,eAAA,UAAQvE,KAAK,SAASmG,QApCrB8gB,KACZvjB,EAAIyJ,UACNzJ,EAAIyJ,QAAQ+Z,QACZxjB,EAAIyJ,QAAQ0Z,UAAW,EACzB,EAgCwDriB,SAClDD,eAAC4iB,GAAQ,QAGA,EClDnB,SAAS9H,GAAaJ,GACpB,OAAOA,EAAS1L,QAAO,CAACC,EAAU0L,KAChC,MAAM,YAAEC,GAAgBD,EAExB,OADA1L,EAAIvK,KAAKkW,GACF3L,CAAG,GACT,IAAI4L,KAAK,OAAS,GACvB,CAEA,SAASgI,GAAWC,EAA6B/D,GAC/C,MAAM,SAAErE,EAAQ,eAAEyH,EAAc,cAAE1H,GAAkBqI,EAEpD,MAAY,WAAR/D,EAEKrE,EAASpf,OAASwf,GAAaJ,GAAYyH,EAAiBA,EAAepD,GAAO,IAGlFtE,EAAcnf,OAASwf,GAAaL,GAAiB0H,EAAiBA,EAAepD,GAAO,GAGvG,CA0KelB,OAxKyBnf,IAAiD,IAAhD,KAAE0F,EAAI,gBAAE0Z,EAAe,gBAAEC,GAAiBrf,EACjF,MAAOsf,EAAUC,GAAe9c,mBAA8C,OACxE,MAAEtE,EAAK,WAAEumB,EAAU,UAAEC,EAAS,eAAEsG,GAAmBvlB,EACnD3I,EAA0B,UAAnBkuB,EAA6B,SAAW,UAC9CzN,EAAuBC,GAA4Bhb,oBAAS,IAC5D+X,EAAqBkD,GAA0Bjb,mBAAc,CAAC,IAC9DkY,EAAUgD,GAAelb,mBAAc,CAAC,GAEzC+gB,EAAoB9iB,IjBwIQwqB,IAACpM,EAAiB+B,EAAgBU,EAAoBzmB,EAAkBsZ,EAAgBnG,EiBvIxH8R,QAAQC,IAAItf,EAAI2e,EAAgBwB,OAAQxB,EAAgBkC,WAAYlC,EAAgBvkB,SAAUuZ,KAAOgL,EAAgBjL,WAAWG,OAAO,cAAeF,KAAOgL,EAAgBpR,SAASsG,OAAO,gBjBuI5JuK,EiBtIZpe,EjBsI6BmgB,EiBtIzBxB,EAAgBwB,OjBsIyBU,EiBtIjBlC,EAAgBkC,WjBsIqBzmB,EiBtITukB,EAAgBvkB,SjBsIWsZ,EiBtIDC,KAAOgL,EAAgBjL,WAAWG,OAAO,cjBsIxBtG,EiBtIuCoG,KAAOgL,EAAgBpR,SAASsG,OAAO,cjBuIxMva,EACG0N,KAAK,uCAAwC,CAAErK,KAAMyhB,EAAS+B,OAAQA,EAAQU,WAAYA,EAAYzmB,SAAUA,EAAUsZ,UAAWA,EAAWnG,QAASA,IACzJxS,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aiB7IuLiB,MAAMjB,IACzN+kB,EAAY/kB,EAASkL,KAAKqf,WAAW,GACrC,EAGJ5d,qBAAU,KACRqc,EAAiB9d,EAAKhF,GAAG,GACxB,CAACgF,EAAKhF,GAAI2e,IAEb,MAAMpC,EAAuB,CAC3B,CACEjb,KAAM,GACN1B,MAAO,OACPya,KAAMA,IAEFzZ,eAAA,OAAKO,UAAU,QAAON,SACnBmE,EAAKvH,MACJmD,eAAA,OAAKQ,IAAK3D,EAAO4D,IAAI,KAErBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,GACNiZ,SAAU,QACVF,KAAMA,IAEFvZ,gBAAA,OAAAD,SAAA,CACGmjB,EAAW,IAAEC,MAKtB,CACE3iB,KAAMjF,EACNkoB,QAAQ,EACRlK,KAAM9L,IAAwG,IAAvG,WAAEiW,EAAU,SAAEC,EAAQ,OAAErJ,EAAM,YAAEiI,EAAW,eAAEN,GAAuCxU,EACzF,OAAO3N,eAAC8hB,GAAa,CAACC,SAAU6B,EAAY3B,QAAS4B,EAAUrJ,OAAQA,EACjDwH,QAASS,EAAa3E,gBAAiBA,EAAiBqE,eAAgBA,EACxED,iBAAkBA,EAAkB3E,OAAQnZ,EAAKhF,IAAM,GAGjF,CACEsB,KAAM,GAAa,WAATjF,EAAqB,SAAWA,WAC1Cge,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,aAGjC,CACEhZ,KAAM,GAAa,WAATjF,EAAqB,SAAWA,SAC1Cge,KAAOC,GACE1Z,eAAA,OAAAC,SAAM4iB,GAAWnJ,EAAK,WAGjC,CACEhZ,KAAM,aACNwZ,KAAe,WAATze,EACNge,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIuK,QAAU,OAG/B,CACEvjB,KAAM,QACNwZ,KAAe,WAATze,EACNge,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIpc,OAAS,OAG9B,CACEoD,KAAM,UACNwZ,KAAe,WAATze,EACNge,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIoK,QAAU,OAG/B,CACEpjB,KAAM,gBACNwZ,KAAe,WAATze,EACNge,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIqK,aAAe,OAGpC,CACErjB,KAAM,cACNwZ,KAAe,WAATze,EACNge,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIsC,SAAW,OAGhC,CACEtb,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAItK,KACD6D,mBAAO,IAAI3D,KAAKoK,EAAItK,MAAO,wBAC3B,OAKZ,CACE1O,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACGyZ,EAAI+C,OAAUzc,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACpED,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,sBAC7C,SAQpB,OACEP,eAAC2Y,GAAgB,CAAA1Y,WACZ+d,GACDhe,eAAA2B,YAAA,CAAA1B,SACED,eAACgb,KAAS,CACR5W,KAAM4Z,EACN/C,QAASU,EACTT,UAAQ,EACRyB,aAAejD,IACVA,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,GAChD6gB,GAAyB,GACzBzC,EAAI+C,QAAUL,EAAuB1C,EAAI+C,QACzCJ,EAAY3C,IAEZyC,GAAyB,EAC3B,EAEFS,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzCoE,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CqD,oBAAoB,EACpBC,wBACEhd,eAACgZ,GAAsB,CAACC,KAAMiD,EAAuBhD,oBAAqBA,EAClDC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,SAMxB,ECzMvB,MAAMxc,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmEFH;;;;;;;;;;;;;;;;;;;iBAmBPA;;;;;;;;;;;;;;4BAcWA;;;;;;;;;;;;;;;;;;;kCAmBMA;;;;;;;;;;mBAUfA;;;;;;;;;;;;sBAYGA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;wBAOAA;;;;;;;;;;;;;;;;;;0BAkBEA;;;;;;;4BAOEA;;;;;;;;;eASbA;;;;;;;;;;;;eAYAA;;;;;;;;;;iBAUEA;;;;;;;;;;;;;;;;;;;aAmBJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECpNPyf,GAAwB,CAC5B,CAAEla,MAAO,gBAAiBqC,MAAO,YACjC,CAAErC,MAAO,iBAAkBqC,MAAO,YAClC,CAAErC,MAAO,SAAUqC,MAAO,6BAC1B,CAAErC,MAAO,UAAWqC,MAAO,6BAC3B,CAAErC,MAAO,kBAAmBqC,MAAO,uCACnC,CAAErC,MAAO,iBAAkBqC,MAAO,uCAClC,CAAErC,MAAO,sBAAuBqC,MAAO,kCACvC,CAAErC,MAAO,qBAAsBqC,MAAO,kCACtC,CAAErC,MAAO,mBAAoBqC,MAAO,+BACpC,CAAErC,MAAO,kBAAmBqC,MAAO,gCA+VtBkhB,OA5VSA,KACtB,MAAM,WAACjuB,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAChD2R,EAAaC,GAAkB5L,mBAAc,OAC9C0oB,EAAeA,KACnB,MAAMxa,EAAM9U,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GACvDpa,EAAQnV,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GAE/D,MAAO,GADMvvB,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,MAC5Cpa,KAASL,GAAK,GAE3BuD,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO8W,KAAgB5W,OAAO,eACxCtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,kBAE9BoM,EAAmBC,GACxB3b,IAAMxC,SAAmC,CACvCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,KACR/lB,SAAU,GAEVuwB,MAAO,GACPvK,UAAW,mBAERC,EAAqBC,GAC1B/b,IAAMxC,UAAkB,IACnBwe,EAAcC,GACnBjc,IAAMxC,SAA0C,OAE3C6oB,EAAcC,GAAmBtmB,IAAMxC,SAA0B,KAEjE0e,EAAkBC,GACvBnc,IAAMxC,SAAgC,CACpCiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAGjB,OAAEtd,EAAM,UAAEC,GAAc2C,GAC3BvC,GAAUA,EAAMgC,mBAGb,mBAAEoK,GAAuBK,KAE/BhC,qBAAU,KACR2B,GAAoB,GACnB,IAEH,MAAMsW,EAAkBA,KACtB4B,GAAuB,GACvBmB,GAAqB,IAChBxB,EACHvM,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAC1CtG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAQ,cACvCiX,QAAyB,QAAhBpd,IACR3S,MAAMjB,IAAc,IAADixB,EACpBvK,EAAgB1mB,EAASkL,KAAK+Y,OAC9B8M,EAC6C,WAArB,QAAtBE,EAAAjxB,EAASkL,KAAK+Y,MAAM,UAAE,IAAAgN,OAAA,EAAtBA,EAAwBR,gBAA6B,EAAI,GAE3D7J,EAAoB,CAClB1H,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1CqH,GAAuB,EAAM,IAC5BtlB,OAAO4lB,IACRvB,QAAQC,IAAIsB,EAAI,GAEhB,EAGEzH,EAA8BA,CAClC7X,EACAuE,KAEAqa,GAAsB9G,IACb,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGJY,qBAAU,KACNiY,GAAiB,GAClB,CAACuB,EAAkB0K,MAAO1K,EAAkB7lB,SAAU6lB,EAAkBpH,KAAMoH,EAAkBG,UAAWH,EAAkBY,WAAYnT,EAAa8F,IAEzJ/M,qBAAU,KACR,GAAiC,OAA7BwZ,EAAkBE,OAAiB,CACrC,MAAMW,EAAUhT,YAAW,KACzB4Q,GAAiB,GAChB,KAEH,MAAO,IAAMqC,aAAaD,EAC5B,IACC,CAACb,EAAkBE,SAEtB1Z,qBAAU,KAC+B,IAAnCka,OAAOV,EAAkBpH,OAA0C,IAA3B4H,EAAiB1H,OAC3D2F,GACF,GACC,CAACuB,EAAkBlH,QAEtB,MAAMnL,EAA2BC,IAC/BF,EAAeE,EAAU,EAGrBmd,EAA4B,CAChC,CACE1pB,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCC,gBAAA,KAAAD,SAAA,CAAIyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,aACzBnjB,gBAAA,OAAKK,UAAW,cAAcN,SAAA,CAACC,gBAAA,KAAAD,SAAA,CAAG,UAAQyZ,EAAItQ,SAAUlJ,gBAAA,KAAAD,SAAA,CAAG,WAASyZ,EAAI0D,gBAKhF,CACE1c,KAAMspB,EAAe,cAAgB,SACrCvQ,KAAOC,IAAyC,IAAD2Q,EAAAC,EAC7C,OAAOtqB,eAAA,OAAAC,SAAM+pB,EAAkC,QAAtBK,EAAG3Q,EAAI6Q,uBAAe,IAAAF,IAAI,IAAoB,QAAjBC,EAAI5Q,EAAI8Q,iBAAS,IAAAF,IAAI,KAAU,GAGzF,CACE5pB,KAAM,gBACNwZ,MAAO3f,EAAWwB,KAAKsJ,iBACvBoU,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+Q,eAAiB,OAGtC,CACE/pB,KAAM,sBACNwZ,MAAO3f,EAAWwB,KAAKsJ,iBACvBoU,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIgR,oBAAsB,OAG3C,CACEhqB,KAAMspB,EAAe,kBAAoB,kBACzCvQ,KAAOC,IAAyC,IAADiR,EAC7C,OAAO3qB,eAAA,OAAAC,SAAqB,QAArB0qB,EAAMjR,EAAIkR,mBAAW,IAAAD,IAAI,KAAU,GAG9C,CACEjqB,KAAM,WACN+Y,KAAOC,IAAyC,IAADmR,EAC7C,OAAO7qB,eAAA,OAAAC,SAAwB,QAAxB4qB,EAAMnR,EAAIoR,sBAAc,IAAAD,IAAI,KAAU,GAGjD,CACEnqB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,IACL,IAAIqR,EAAYrR,EAAIsR,WAAWvxB,QAAQ,IAAK,KAC5C,OACEuG,eAAA,OAAAC,SACGyZ,EAAIsR,WACD/X,mBAAO,IAAI3D,KAAKyb,GAAY,wBAC5B,KACA,IAMR3X,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGEI,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAG/C,OACE7S,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,cAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUqa,EAAqB,IAAID,EAAmBE,OAAQta,QAgB7EjF,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,aACZI,aAAcnP,EACdsP,WAAYtP,EAAOO,OAAS,GAC5B6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUsT,EAA4B,QAAStT,GAC1DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,wBACZI,aAAciV,GACdhV,gBAAgB,SAChBH,aAAcmV,GAAsB,GACpCzV,UAAQ,EACRc,SAAWvF,GACTsT,EAA4B,YAAatT,GAE3CmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUsT,EAA4B,WAAYtT,GAC7DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,cAAcqO,MAAO,CAAC+K,SAAU,QAAS3a,MAAO,QAAQiB,SACrED,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAAEX,UAAWC,KAAO8W,KAAiBld,QAAS,IAAI2C,KAAQ+D,OAAQA,GAASpT,SAG5FC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,2BAOnBhG,EAAWwB,KAAKkvB,wBAA0B/qB,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CACtED,eAAA,OACEO,UAAW,gBACO,QAAhBuM,EAAwB,cAAgB,IACvC7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,OAAO/M,SAC/C,qBAIHD,eAAA,OACEO,UAAW,gBACO,YAAhBuM,EAA4B,cAAgB,IAC3C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,WAAW/M,SACnD,2BAIK,KAEVD,eAAA,OACEO,UAAW,eAAckf,EAAsB,eAAiB,IAAKxf,SAErED,eAAA,OAAKO,UAAU,oBAAmBN,SACd,OAAjB0f,EACCA,EAAarkB,OAAS,EACpB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASmP,EACThmB,KAAMub,EACN/C,gBAAc,EACdI,wBACEhd,eAAC6d,GAAmB,CAACzZ,KAAMub,EAAc7B,gBAAiBA,EACrCC,gBAAiB,IAAIsB,KAAsBzM,SAItE5S,eAAC+X,GAAU,IAAK8H,EAAkBvH,aAAc+G,EAAkBlH,MACtDH,mBAAoBsH,OAGlCtf,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,WAGA,EC3Xd,MAAMN,GAAUC,UAAOC,GAAG;;;;;eAKXH;;;;;;;;;;;;;;;;;;sBAkBOA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;;;;;;;;;;;;;;;;;;;;EC6WTwrB,OAzXYA,KACzB,MAAOnN,EAAiB/F,GACtBrU,IAAMxC,SAAyC,CAC7CgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAEL4L,EAAuBC,GAC5BznB,IAAMxC,UAAkB,IACnBkqB,EAAeC,GAAoBnqB,mBAAc,CAAC,IAClDoqB,EAAoBC,GAAyBrqB,mBAAgB,KAC7DsqB,EAAgBC,GACrB/nB,IAAMxC,SAAgD,OACjDwqB,EAAoBC,GACzBjoB,IAAMxC,SAAsC,CAC1C0qB,aAAc,EACd1T,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnB4T,mBAAoB,KAIjBC,EAA4BC,GACjCroB,IAAMxC,UAAkB,IACnB8qB,EAAqBC,GAC1BvoB,IAAMxC,SAAyC,MAI3CgrB,EAA2BA,KrB8EMlL,MqB7EjCgL,IACFD,GAA8B,IrB4EK/K,EqB3EVgL,EAAoB7sB,GAAGgtB,WrB4EpD1zB,EACG0N,KAAK,oBAAqB,CAAEhH,GAAI6hB,IAChC9mB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aqBjFzBiB,MAAK,KACJixB,GAAyB,GACzBrK,GAAuB,CAAE5I,MAAO,KAAMF,KAAM,IAAKsH,OAAQ,OAAQplB,MAC9DjB,IACCwyB,EAAkBxyB,EAASkL,KAAKrJ,QAChC6wB,EAAsB,CACpBC,aAAc9L,OAAO7mB,EAASkL,KAAKynB,cACnC1T,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxC4T,mBAAoB/L,OAAO7mB,EAASkL,KAAK0nB,sBAE3CV,GAAyB,EAAM,IAGnCY,GAA8B,GAC9BE,EAAuB,KAAK,IAE7B9xB,OAAM,SACX,EAgBIiyB,EAAoC,CACxC,CACE3rB,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAAD4Q,EAC7C,OAAOtqB,eAAA,OAAAC,SAAmB,QAAnBqqB,EAAM5Q,EAAI8Q,iBAAS,IAAAF,IAAI,KAAU,GAG5C,CACE5pB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADiR,EAC7C,OAAO3qB,eAAA,OAAAC,SAAqB,QAArB0qB,EAAMjR,EAAIkR,mBAAW,IAAAD,IAAI,KAAU,GAG9C,CACEjqB,KAAM,WACN+Y,KAAOC,IAAyC,IAADmR,EAC7C,OAAO7qB,eAAA,OAAAC,SAAwB,QAAxB4qB,EAAMnR,EAAIoR,sBAAc,IAAAD,IAAI,KAAU,GAGjD,CACEnqB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,aAKrD6c,EAA6B,CACjC,CACE5rB,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIhZ,QAGrB,CACEA,KAAM,cACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI6S,eAGrB,CACE7rB,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI8S,oBAGrB,CACE9rB,KAAM,GACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAACG,IAAI,CACHC,GAAI,kCAAkCsZ,EAAIta,KAC1CmB,UAAU,OAAMN,SAEhBD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAlJnBsqB,EAkJwCxS,EAAK,EAAAzZ,SAEnCD,eAACwlB,GAAU,WAQjBjN,EAA8BA,CAClC7X,EACAuE,KAEA+S,GAAoBQ,IACX,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGEwnB,EAAoBA,KACxBrB,GAAyB,GACzBrK,GAAuBhD,GAAiB5jB,MAAMjB,IAC5CwyB,EAAkBxyB,EAASkL,KAAKrJ,QAChC6wB,EAAsB,CACpBC,aAAc9L,OAAO7mB,EAASkL,KAAKynB,cACnC1T,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxC4T,mBAAoB/L,OAAO7mB,EAASkL,KAAK0nB,sBAE3CV,GAAyB,EAAM,GAC/B,EAuBJ,OApBAvlB,qBAAU,KACR4mB,GAAmB,GAClB,CAAC1O,EAAgB9F,OAEpBpS,qBAAU,KACR,GAA+B,OAA3BkY,EAAgBwB,OAAiB,CACnC,MAAMW,EAAUhT,YAAW,KACzBuf,GAAmB,GAClB,KAEH,MAAO,IAAMtM,aAAaD,EAC5B,IACC,CAACnC,EAAgBwB,SAEpB1Z,qBAAU,KAC6B,IAAjCka,OAAOhC,EAAgB9F,OAA4C,IAA7B0T,EAAmBxT,OAC3DsU,GACF,GACC,CAAC1O,EAAgB5F,QAGlBjY,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,oBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAACG,IAAI,CAACC,GAAG,mCAAmCG,UAAU,iBAAgBN,SAAC,+BAGvED,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUsT,EAA4B,SAAUtT,UAKjEjF,eAAA,OACEO,UAAW,eAAc4qB,EAAwB,eAAiB,IAAKlrB,SAEvED,eAAA,OAAKO,UAAU,oBAAmBN,SACZ,OAAnBwrB,EACCA,EAAenwB,OAAS,EACtB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASqR,EACTloB,KAAMqnB,EACN9O,aAAejD,IAzMFta,MA0MRsa,EAAIta,KAAOisB,EAAcjsB,IAC1BksB,EAAiB5R,GA3MRta,GA4Mcsa,EAAIta,GA3M/C4hB,GAA0B,GAAG5hB,KAAMjF,MAAKgK,IACtC,GAAGA,EAAIC,KAAKsoB,QAAQ,CAClB,MAAMvL,EAAgB,CAAChJ,MAAO,IAC5BF,KAAM,IACNsH,OAAQ,KAAMmN,QAASvoB,EAAIC,KAAKsoB,SAClC5L,GAAqCK,GAAehnB,MAAKgK,IAAM,IAADwoB,EAACnB,EAAoC,QAAfmB,EAACxoB,EAAIC,KAAK+Y,aAAK,IAAAwP,IAAI,GAAG,GAE5G,KAAO,CAAC,IAADC,EAACpB,EAAoC,QAAfoB,EAACzoB,EAAIC,KAAK+Y,aAAK,IAAAyP,IAAI,GAAG,MAsMjCtB,EAAiB5R,EACnB,EAGFkD,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQ2R,EACzCtO,oBAAoB,EACpBC,wBACEhd,eAAA2B,YAAA,CAAA1B,SACAD,eAACgb,KAAS,CAACE,UAAQ,EAACD,QAASoR,EAAmCjoB,KAAMmnB,UAK5ErrB,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SAAUshB,EAAmB1T,MAAQ,EACrCrW,QAASA,IACP2W,EACE,OACAoT,EAAmB1T,KAAO,GAE7BhY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACEshB,EAAmBzT,mBACnByT,EAAmB1T,KAErBrW,QAASA,IACP2W,EACE,OACAoT,EAAmB1T,KAAO,GAE7BhY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClB0rB,EAAmB1T,KAAO0T,EAAmBxT,MAC5CwT,EAAmBxT,MAAM,IAE1BwT,EAAmB1T,KAAO0T,EAAmBxT,MAC5CwT,EAAmBxT,MACnBwT,EAAmBE,aAAc,IAAI,QACjCF,EAAmBG,yBAG7B5rB,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAc0N,GACd5N,aAAc,CACZ/E,MAAO8Y,EAAgB5F,MACvB7Q,MAAOyW,EAAgB5F,OAEzBhO,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IACTsT,EAA4B,QAAStT,GACrCsT,EAA4B,OAAQ,IAAI,EAE1CnO,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,SAIPgsB,GACCjsB,eAACugB,GAAK,CACJC,YAAayL,EACbxL,aAAcA,IAAMyL,EAAuB,MAC3CxL,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,iBACTwrB,EAA6B,eAAiB,IAC7C9rB,SAEHC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,yCAEpBgsB,EAAoBvrB,KAAK,OAE5BV,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACPuqB,GAA0B,EAC1BlsB,SACH,4BAOD,EC3XC4sB,OAdOnuB,IAAuC,IAAtC,QAAEouB,EAAO,cAAEC,GAAqBruB,EACrD,OACEwB,gBAAA,SAAO8sB,QAAQ,WAAWzsB,UAAU,WAAUN,SAAA,CAC5CD,eAAA,SACEvE,KAAK,WACL2D,GAAG,WACH0tB,QAASA,EACTzhB,SAAUA,IAAM0hB,MAElB/sB,eAAA,QAAMO,UAAU,oBACV,ECbZ,MAAMZ,GAAUC,UAAOC,GAAG;;;;wBAIFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAkCLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyCKA;;;;;;;;;;iBAUPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAoCKA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC40BTwrB,OAl7BYA,KAAO,IAAD+B,EAAAC,EAAAC,EAAAC,EAC/B,MAAM7pB,EAAUC,cACV6pB,EAASC,eACRpc,EAAaC,GAAkBxN,IAAMxC,UAAkB,IACvDosB,EAAiBC,GAAsB7pB,IAAMxC,UAAkB,IAC/DssB,EAAUC,GAAe/pB,IAAMxC,UAAkB,IACjDwsB,EAAeC,GACpBjqB,IAAMxC,SAAiC,CACrC0sB,WAAY,GACZC,kBAAmB,GACnBC,WAAY,QAETC,EAAWC,GAAgBtqB,IAAMxC,SACtC,KAEK+sB,EAAaC,GAAkBxqB,IAAMxC,SAE1C,KACKitB,EAAgBC,GAAqB1qB,IAAMxC,SAAiB,GAE7DmtB,EAAiBA,KxBOvB51B,EACGwB,IAAI,yBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YwBX3BiB,MAAMjB,IACL,MAAMq1B,EAAgBr1B,EAASkL,KAAKoqB,YAAY/sB,KAC7C1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKnB,UAIZ6vB,EAAkBv1B,EAASkL,KAAKsqB,cAAcjtB,KACjD1B,IACQ,CACLkF,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKwsB,gBAIlB0B,EAAaM,GACbJ,EAAeM,GACfJ,EAAkBn1B,EAASkL,KAAKuqB,kBAChCxd,GAAe,EAAM,IAEtB/W,OAAM,QAAS,EAEdw0B,EAAyBA,CAACluB,EAAcuE,KAC5C2oB,GAAkBpV,IACT,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,GAIG4pB,EAAuBC,GAC5BnrB,IAAMxC,UAAkB,IACnB4tB,EAA2BC,GAChCrrB,IAAMxC,UAAkB,IACnB8tB,EAAoBC,GAAyBvrB,IAAMxC,SAExD,KACKguB,EAA2BC,GAChCzrB,IAAMxC,SAA8B,KAC/BkuB,EAAwBC,GAC7B3rB,IAAMxC,SAAgC,CACpCiX,YAAa,EACbD,MAAO,GACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAGhBkX,EAA8BC,GACnC7rB,IAAMxC,UAAkB,GAoDpBsuB,EAAkCxX,IACtC+W,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMA,EAAKmU,WACXtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,MAEfuR,GAAqB9C,GAAiB5jB,MAAMjB,IAC1Cg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAI1C2W,GAA6B,EAAM,GACnC,GAmDGU,EAAmBC,GAAwBhsB,IAAMxC,SAEtD,CACA,CACEyuB,UAAW,EACXC,eAAgB,GAChB5qB,MAAO,OAGJ6qB,EAA8BC,GACnCpsB,IAAMxC,UAAkB,IACnB6uB,EAA2BC,GAChCtsB,IAAMxC,SAA8B,KAC/B+uB,EAA+BC,GACpCxsB,IAAMxC,SAAgC,CACpCiX,YAAa,EACbD,MAAO,GACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,IAGjB+X,EAAuBP,IAC3B,MAAMQ,EAAoBnC,EAAYlJ,MAAMjlB,GACnCA,EAAKkF,MAAMmnB,aAAeyD,IAEnC,OAAwB,OAAjBQ,QAAiB,IAAjBA,KAAmB/oB,MACtB+oB,EAAkB/oB,MAClBuoB,EAAezD,UAAU,EAmCzBkE,EAAyB,WAAqB,IAApB5D,EAAOrxB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KACxC00B,GAAgC,GAChC,MAAMhS,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMoX,EAAuBpX,KAAKmU,WAClCM,QAAgB,OAAPA,QAAO,IAAPA,IAAWgD,GAEtB5O,GAAqC/C,GAAiB5jB,MAAMjB,IAC1D+2B,EAA6B/2B,EAASkL,KAAK+Y,OAC3CgT,EAAiC,CAC/B/X,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1C0X,GAAgC,EAAM,GAE1C,EACMQ,EAAyCtY,IAC7C8X,GAAgC,GAChC,MAAMhS,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMA,EAAKmU,WACXM,QAASgD,GAEX5O,GAAqC/C,GAAiB5jB,MAAMjB,IAC1D+2B,EAA6B/2B,EAASkL,KAAK+Y,OAC3CgT,EAAiC,CAC/B/X,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1C0X,GAAgC,EAAM,GACtC,EAgDJlqB,qBAAU,KAvBE,OAANwnB,QAAM,IAANA,KAAQjuB,IACVsuB,GAAY,GACZ1M,GAA0BqM,EAAOjuB,IAAIjF,MAAMjB,IACzC00B,EAAiB,CACfC,WAAY30B,EAASkL,KAAK1D,KAC1BotB,kBAAmB50B,EAASkL,KAAKmoB,YACjCwB,WAAY70B,EAASkL,KAAKosB,QAAQpE,aAEK,MAArClzB,EAASkL,KAAKosB,QAAQpE,YACxBgD,EAA6Bl2B,EAASkL,KAAK+Y,OAC3C2R,GAAyB,IACqB,MAArC51B,EAASkL,KAAKosB,QAAQpE,aAC/BuD,EAAqBz2B,EAASkL,KAAKsoB,SACnC4D,EAAuBp3B,EAASkL,KAAKsoB,UAEvCc,GAAmB,EAAM,KAG3BA,GAAmB,GAOrBc,IAnP4BmC,MAC5BzB,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMoX,EAAuBpX,KAAKmU,WAClCtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,MAEfuR,GAAqB9C,GAAiB5jB,MAAMjB,IAC1Cg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1C2W,GAA6B,EAAM,GACnC,EAiOFyB,EAAuB,GACtB,IAEH,MAAMC,EAA6B,CACjC,CACEhwB,KACEV,eAAC6sB,GAAa,CACZC,QAASyC,EACTxC,cAAeA,KAtRjBwC,EACFN,EAAmBzY,SAASc,IACZ6X,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOkY,EAAalY,MAExB,GACXgwB,GAA8B5W,GAC5BA,EAAU9S,QAAQ3F,GAASA,EAAKX,KAAOkY,EAAalY,MAExD,IAGF6vB,EAAmBzY,SAASc,IACZ6X,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOkY,EAAalY,KAEzB,GACVgwB,GAA8B5W,GAAc,IACvCA,EACHlB,IAEJ,SAGJkY,GAAiCD,MAiQ/B5V,SAAU,OACVsC,SAAU,OACVxC,KAAOC,IACL,OACExZ,gBAAA,SAAO8sB,QAAS,QAAQtT,EAAIta,KAAMmB,UAAU,WAAUN,SAAA,CACpDD,eAAA,SACEvE,KAAK,WACL2D,GAAI,QAAQsa,EAAIta,KAChB0tB,SAzLoBvP,EAyLY7D,EAAIta,KAxLhC+vB,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOme,IAEP,IAsLPlS,SAAUA,KAAMulB,OAvMK70B,EAuMmB2d,OAtMpCyV,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOrD,EAAKqD,KAEjB,EACVgwB,GAA8B5W,GAAc,IAAIA,EAAWzc,MAE3DqzB,GAA8B5W,GAC5BA,EAAU9S,QAAQ3F,GAASA,EAAKX,KAAOrD,EAAKqD,OAE9CowB,GAAgC,KAVHzzB,KAuMwB,IAE/CiE,eAAA,QAAMO,UAAU,qBA5LMgd,KA6LhB,GAId,CACE7c,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAAD4Q,EAC7C,OAAOtqB,eAAA,OAAAC,SAAmB,QAAnBqqB,EAAM5Q,EAAI8Q,iBAAS,IAAAF,IAAI,KAAU,GAG5C,CACE5pB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADiR,EAC7C,OAAO3qB,eAAA,OAAAC,SAAqB,QAArB0qB,EAAMjR,EAAIkR,mBAAW,IAAAD,IAAI,KAAU,GAG9C,CACEjqB,KAAM,WACN+Y,KAAOC,IAAyC,IAADmR,EAC7C,OAAO7qB,eAAA,OAAAC,SAAwB,QAAxB4qB,EAAMnR,EAAIoR,sBAAc,IAAAD,IAAI,KAAU,GAGjD,CACEnqB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,aAKrD4c,EAAoC,CACxC,CACE3rB,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAADmX,EAC7C,OAAO7wB,eAAA,OAAAC,SAAmB,QAAnB4wB,EAAMnX,EAAI8Q,iBAAS,IAAAqG,IAAI,KAAU,GAG5C,CACEnwB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADoX,EAC7C,OAAO9wB,eAAA,OAAAC,SAAqB,QAArB6wB,EAAMpX,EAAIkR,mBAAW,IAAAkG,IAAI,KAAU,GAG9C,CACEpwB,KAAM,WACN+Y,KAAOC,IAAyC,IAADqX,EAC7C,OAAO/wB,eAAA,OAAAC,SAAwB,QAAxB8wB,EAAMrX,EAAIoR,sBAAc,IAAAiG,IAAI,KAAU,GAGjD,CACErwB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,cAMpDuhB,EAA0BC,GAC/BttB,IAAMxC,UAAkB,IACnB+vB,GAA+BC,IACpCxtB,IAAMxC,SAAiB,IAuCzB,OACEjB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACxBwtB,EAAW,OAAS,SAAS,kBAC5BA,EAWA,GAVAztB,eAACoxB,GAAc,CAAAnxB,SACbC,gBAAA,QAAMK,UAAU,eAAeqO,MAAO,CAAE+E,WAAY,IAAK1T,SAAA,CACvDD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,qBAAoBN,SAAC,2HAU7CD,eAAA,OACEO,UAAW,YACT2Q,GAAeqc,EAAkB,eAAiB,IACjDttB,SAEHD,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAAA,QACEynB,SA/DuB/e,IAC/BA,EAAMgf,iBACNuJ,GAA4B,GAC5B,MAAMI,EAAwD,CAC5DxD,WAAYF,EAAcE,WAC1BC,kBAAmBH,EAAcG,kBACjCC,WAAYJ,EAAcI,YxBvd9BhQ,MwBydmC,MAA7B4P,EAAcI,YAChBsD,EAAiBlU,MAAQ,GACzBgS,EAA0B3Y,SAASc,IAAkB,IAADga,EAC5B,QAAtBA,EAAAD,EAAiBlU,aAAK,IAAAmU,GAAtBA,EAAwB5sB,KAAK4S,EAAalY,GAAG,KAET,MAA7BuuB,EAAcI,aACvBsD,EAAiB3E,QAAUgD,GAEzBjC,GACF4D,EAAiBjyB,GAAKiuB,EAAOjuB,IxBlejC2e,EwBme6BsT,ExBje7B34B,EACG0N,KAAK,oBAAqB2X,GAC1B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,awB4dzBiB,MAAK,KACJoJ,EAAQmB,KAAK,6BAA6B,IAE3CtK,OAAOhB,IACN63B,GAA4B,GAC5BE,GAAiC/3B,EAAMgL,KAAKmC,QAAQ,KxBrf5DwX,IAEArlB,EACG0N,KAAK,oBAAqB2X,GAC1B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YwBgf5Bq4B,CAAyBF,GACtBl3B,MAAK,KACJoJ,EAAQmB,KAAK,6BAA6B,IAE3CtK,OAAOhB,IACN63B,GAA4B,GAC5BE,GAAiC/3B,EAAMgL,KAAKmC,QAAQ,GAE1D,EA6BQhG,UAAW,IACTywB,EACI,+BACA,mBACH/wB,SAEHC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJlN,YAAY,oBACZxC,MAAM,sBACNyC,YAAY,8FACZL,UAAQ,EACRM,aAAc2jB,EAAcE,WAC5BrjB,SAAWvF,GACT2pB,EAAuB,aAAc3pB,OAI3CjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAC0lB,GAAQ,CACPpe,MAAM,cACNwC,YAAY,aACZJ,UAAQ,EACRM,aAAc2jB,EAAcG,kBAC5BtjB,SAAWvF,GACT2pB,EAAuB,oBAAqB3pB,OAIlDjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAC6J,GAAM,CACLvC,MAAM,iCACNwC,YAAY,0BACZI,aAAc8jB,EACd3jB,WAAY2jB,EAAU1yB,OAAS,GAC/B6O,gBAAgB,SAChBT,UAAQ,EACRM,aACe,OAAb2jB,QAAa,IAAbA,KAAeI,WACX,CACE9oB,MAA4C,QAAvCgoB,EAAe,OAAbU,QAAa,IAAbA,GAAyB,QAAZT,EAAbS,EAAeI,kBAAU,IAAAb,OAAZ,EAAbA,EAA2Bd,kBAAU,IAAAa,IAAI,IAChD3lB,MAjbGymB,KACzB,MAAMyD,EAAkBxD,EAAUhJ,MAAMjlB,GAC/BA,EAAKkF,MAAMmnB,aAAe2B,IAEnC,OAAsB,OAAfyD,QAAe,IAAfA,KAAiBlqB,MAAQkqB,EAAgBlqB,MAAQymB,CAAU,EA6arC0D,CACgC,QADftE,EACT,OAAbQ,QAAa,IAAbA,GAAyB,QAAZP,EAAbO,EAAeI,kBAAU,IAAAX,OAAZ,EAAbA,EAA2BhB,kBAAU,IAAAe,IAAI,WAG7C5xB,EAENiP,SAAWvF,GACT2pB,EAAuB,aAAc3pB,EAAMmnB,YAE7ChiB,oBAAkB,MAGQ,MAA7BujB,EAAcI,WACb7tB,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCC,gBAAA,OAAKK,UAAU,MAAKN,SAAA,CAClBD,eAAA,OAAKO,UAAU,QAAON,SAAC,cACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,kBACVqB,QAASA,IACPktB,GAA0BD,GAC3B5uB,SAEA4uB,EACG,yBACA,0BAGR7uB,eAAA,OAAKO,UAAU,OAAMN,SAClB4uB,EACC7uB,eAAA,OACEO,UAAW,kBACTwuB,EAA4B,eAAiB,IAC5C9uB,SAEHD,eAAA,OAAKO,UAAU,iBAAgBN,SAC5BgvB,EAAmB3zB,OAAS,EAC3B4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASyV,EACTtsB,KAAM6qB,MAGV/uB,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SAAUglB,EAAuBpX,MAAQ,EACzCrW,QAASA,IACP6tB,EACEJ,EAAuBpX,KAAO,GAEjChY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACEglB,EAAuBnX,mBACvBmX,EAAuBpX,KAEzBrW,QAASA,IACP6tB,EACEJ,EAAuBpX,KAAO,GAEjChY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBovB,EAAuBpX,KACtBoX,EAAuBlX,MACvBkX,EAAuBlX,MAAM,IAE9BkX,EAAuBpX,KACtBoX,EAAuBlX,MACvBkX,EAAuBlX,MACvBkX,EAAuBjX,YAAa,IAAI,OACrC,IACJiX,EAAuBhX,wBAG5BnY,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAc0N,GACd5N,aAAc,CACZ/E,MACEoqB,EAAuBlX,MAAMiU,WAC/B9kB,MACE+nB,EAAuBlX,MAAMiU,YAEjCjiB,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IA7jBRysB,KACnC1C,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOuZ,EACPzZ,KAAMoX,EAAuBpX,KAAKmU,WAClCtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,MAEfuR,GAAqB9C,GAAiB5jB,MAAMjB,IAC1Cg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAI1C2W,GAA6B,EAAM,GACnC,EA0iBgC2C,CACE1sB,EAAMmnB,WACP,EAEHhiB,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,6BAOrCD,eAAA,OAAAC,SACGkvB,EAA0B7zB,OAAS,EAClC0E,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASoR,EACTjoB,KAAM+qB,MAIVnvB,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yCAQV,MAA7B0tB,EAAcI,WAChB7tB,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAAC,mCACKmuB,EAAe,QAElDluB,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCD,eAAA,OAAKO,UAAU,aAAYN,SAAC,oBAC5BD,eAAA,OAAKO,UAAU,WAAUN,SAAC,OAC1BD,eAAA,OAAKO,UAAU,kBAEhBmvB,EAAkBjuB,KAAK1B,GACtBG,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAAC6J,GAAM,CACLC,YAAY,sDACZI,aAAcgkB,EACd7jB,WAAY6jB,EAAY5yB,OAAS,GACjC6O,gBAAgB,SAChBT,UAAQ,EACRM,aAAc,CACZ/E,MAAOlF,EAAK8vB,eAAezD,WAC3B9kB,MAAO8oB,EAAoBrwB,EAAK8vB,iBAElCrlB,SAAWvF,GA1hBM2sB,EACzC3sB,EACA2qB,KAEAD,GAAsBnX,GACpBA,EAAU/W,KAAK1B,GACbA,EAAK6vB,YAAcA,EAAY,IAAK7vB,EAAM8vB,eAAgB5qB,GAAUlF,KAEvE,EAmhByB6xB,CACE3sB,EAAMmnB,WACNrsB,EAAK6vB,WAGTxlB,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAACgX,GAAK,CACJlN,YAAY,KACZrO,KAAK,SACLiO,UAAQ,EACRM,aAAcjK,EAAKkF,MACnBuF,SAAWvF,GA/hBE4sB,EAAC5sB,EAAe2qB,KACrDD,GAAsBnX,GACpBA,EAAU/W,KAAK1B,GACbA,EAAK6vB,YAAcA,EAAY,IAAK7vB,EAAMkF,SAAUlF,KAEvD,EA2hByB8xB,CACE5sB,EACAlF,EAAK6vB,eAKb5vB,eAAA,UACEvE,KAAK,SACL8E,UAAU,aACVqB,QAASA,KAAMkwB,OAzjBRlC,EAyjB8B7vB,EAAK6vB,eAxjBhED,GAAsBnX,GACpBA,EAAU9S,QAAQ3F,GAASA,EAAK6vB,YAAcA,MAFnBA,KAyjB8C,EAAA3vB,SAErDD,eAACwlB,GAAU,QAxCqB,GAAGzlB,EAAK6vB,eA4C9C1vB,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,iCACV8J,SAAUqlB,EAAkBp0B,QAAU8yB,EACtCxsB,QAASA,KA9kB7B+tB,GAAsBnX,GAAc,IAC/BA,EACH,CACEoX,UACEF,EAAkBA,EAAkBp0B,OAAS,GAAGs0B,UAAY,EAC9DC,eAAgB,GAChB5qB,MAAO,MAwkB6C,EAAAhF,SACrC,mBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,kBACVqB,QAASA,IAAM0uB,IAAyBrwB,SACzC,oCAKLD,eAAA,OACEO,UAAW,qBACTuvB,EAA+B,eAAiB,IAC/C7vB,SAEHD,eAAA,OAAKO,UAAU,iBAAgBN,SAC5B+vB,EAA0B10B,OAAS,EAClC4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASoR,EACTjoB,KAAM4rB,MAGV9vB,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACE6lB,EAA8BjY,MAAQ,EAExCrW,QAASA,IACP2uB,EACEL,EAA8BjY,KAAO,GAExChY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACE6lB,EAA8BhY,mBAC9BgY,EAA8BjY,KAEhCrW,QAASA,IACP2uB,EACEL,EAA8BjY,KAAO,GAExChY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBiwB,EAA8BjY,KAC7BiY,EAA8B/X,MAC9B+X,EAA8B/X,MAAM,IAErC+X,EAA8BjY,KAC7BiY,EAA8B/X,MAC9B+X,EAA8B/X,MAC9B+X,EAA8B9X,YAAa,IAAI,OAC5C,IAEH8X,EAA8B7X,wBAIpCnY,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAc0N,GACd5N,aAAc,CACZ/E,MACEirB,EAA8B/X,MAAMiU,WACtC9kB,MACE4oB,EAA8B/X,MAAMiU,YAExCjiB,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IA5lBGysB,KAC1C3B,GAAgC,GAChC,MAAMhS,EAAkB,CACtB5F,MAAOuZ,EACPzZ,KAAMoX,EAAuBpX,KAAKmU,WAClCM,QAASgD,GAEX5O,GAAqC/C,GAAiB5jB,MAAMjB,IAC1D+2B,EAA6B/2B,EAASkL,KAAK+Y,OAC3CgT,EAAiC,CAC/B/X,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1C0X,GAAgC,EAAM,GACtC,EA2kB4BgC,CACE9sB,EAAMmnB,WACP,EAEHhiB,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,gCAOrC,KACHixB,GACClxB,eAAA,OAAKO,UAAU,qBAAoBN,SAChCixB,KAED,KACJhxB,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,YACVqB,QAASA,IAAM2B,EAAQmB,KAAK,8BAA8BzE,SAC3D,WAGDC,gBAAA,UAAQzE,KAAK,SAAS8E,UAAU,WAAUN,SAAA,CACvCwtB,EAAW,SAAW,SAAS,mCAOpC,E,2BCl9Bd,MAAM9tB,GAAUC,UAAOC,GAAG;;;;eAIXH;;;;;;;;;;;;;;;;;;;;8BAoBeA;;;mBAGXA;;;;;;;;;;;;;;;;;;;;;;qBAsBEA;;;;;;ECVNsyB,OA3BmBtzB,IAO3B,IAP4B,WACjCuzB,EAAU,SACVC,EAAQ,YACRpoB,EAAW,MACXxC,EAAK,SACL+D,EAAQ,WACR8mB,GAAa,GACdzzB,EACC,OACEsB,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC9BqH,EAAQtH,eAAA,KAAGO,UAAU,QAAON,SAAEqH,IAAa,KAC5CtH,eAACoyB,KAAU,CACTF,SAAUA,EACV7mB,SAAW+D,IACL/D,GAAUA,EAAS+D,EAAK,EAE9BijB,eAAgBF,EAChBF,WAAYA,EACZK,gBAAiBxoB,IAEnB9J,eAAC0T,GAAY,CAACnT,UAAU,sBAElB,EC7BP,MAyDMgyB,GACXxU,GAEArlB,EACG0N,KAAK,6BAA8B2X,GACnC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCxE5ByG,GAAUC,UAAOC,GAAG;;wBAEFH;;;;;;;;;;;;;;;;;;;;;eAqBTA;;;UAGLA;UACAA;;;;;;;;;;;eAWKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4CEA;;;;;;;;4BAQWA;iBACXA;4BACWA;;;;wBAIJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC9ElB8yB,GAAqB,IA+cZC,OA7cWA,KACxB,MAAMpF,EAASC,cACTvP,EAAkB,CACtB5F,MAAO,KACPF,KAAM,IACNsH,OAAQ,MAEJhc,EAAUC,eACTkvB,EAAcC,GAAmBhvB,IAAMxC,SAAiB,KACxDyxB,EAAkBC,GAAuBlvB,IAAMxC,UAAkB,IACjE2R,EAAW+W,GAAgBlmB,IAAMxC,SAAe,IAAImO,OACpDwjB,EAAqBC,GAA0BpvB,IAAMxC,SAO1D,CACA,CACE8D,MAAO,GACPqC,MAAO,mBAGJqmB,EAAeC,GAAoBjqB,IAAMxC,SAG7C,CACD8D,MAAO6tB,EAAoB,GAAG7tB,MAC9BqC,MAAOwrB,EAAoB,GAAGxrB,SAEzB0rB,EAAmBC,GACxBtvB,IAAMxC,UAAkB,IACnB+xB,EAAkBC,GAAuBxvB,IAAMxC,UAAkB,IACjEiyB,EAAmBC,GACxB1vB,IAAMxC,UAAkB,IACnBmyB,EAAiBC,GAAsB5vB,IAAMxC,UAAkB,IAC/DqyB,EAAeC,GAAoB9vB,IAAMxC,UAAkB,IAC3DwL,EAAS+mB,GAAc/vB,IAAMxC,SAAe,IAAImO,OAChDqkB,EAAiBC,GAAsBjwB,IAAMxC,SAAiB,KAC9D6kB,EAAaC,GAAkBtiB,IAAMxC,UAAkB,IACvD+kB,EAAkBC,GAAuBxiB,IAAMxC,SAAiB,IAEjE0yB,EAAyBA,KACnB,OAANxG,QAAM,IAANA,KAAQjuB,KACV6mB,GAAe,GFxBnBlI,IAEArlB,EACG0N,KAAK,mBAAoB2X,GACzB5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YEiB5B46B,CAAwB,CAAE10B,GAAIiuB,EAAOjuB,KAAMjF,MAAKuE,IAAe,IAADq1B,EAAA,IAAb,KAAE3vB,GAAM1F,EACvD,MAAMs1B,EAAa,IAAI1kB,KAAKlL,EAAK6vB,SAASC,cACpCC,EAAY,IAAI7kB,KAAS,OAAJlL,QAAI,IAAJA,GAAc,QAAV2vB,EAAJ3vB,EAAM6vB,gBAAQ,IAAAF,OAAV,EAAJA,EAAgBK,gBAE3CzB,EAAgBvuB,EAAK6vB,SAASvzB,MACA,IAA1B0D,EAAK6vB,SAASI,QAChBxB,GAAoB,IAEpBA,GAAoB,GACpBhJ,EACE,IAAIva,KACF0kB,EAAWM,UAA6C,IAAjCN,EAAWO,uBAIR,IAA5BnwB,EAAK6vB,SAASh3B,WAChBw2B,GAAiB,GACjBC,EACE,IAAIpkB,KACF6kB,EAAUG,UAA4C,IAAhCH,EAAUI,uBAIpCd,GAAiB,GAEnBR,EAAqB7uB,EAAK6vB,SAASO,wBACnCrB,EAAoB/uB,EAAK6vB,SAASQ,sBAClCpB,EAAqBjvB,EAAK6vB,SAASS,uBACnCnB,EAAmBnvB,EAAK6vB,SAASU,qBACjCf,EAAmBxvB,EAAK6vB,SAAS1tB,SACjC0f,GAAe,EAAM,IAEzB,EAqBFpgB,qBAAU,KACRguB,IAlBA9S,GAAuBhD,GAAiB5jB,MAAMjB,IAC5C,MAAM07B,EAAW,CACf,CACE3vB,MAAO,GACPqC,MAAO,iBAGXpO,EAASkL,KAAKrJ,OAAO0G,KAAK1B,GACxB60B,EAAIlwB,KAAK,CACPO,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKW,SAGhBqyB,EAAuB6B,EAAI,GAMV,GAClB,IAEH,MAAMC,EAAwB,CAC5Bn0B,KAAMgyB,EACNoC,eAAgBnH,EAAc1oB,MAC9B8vB,SAAUnC,EACVoC,UAAW,IAAI1lB,KAAKwD,GAAWwhB,UAAY,IAC3CW,SAAU,IAAI3lB,KAAK3C,GAAS2nB,UAAY,IACxC/tB,QAASotB,EACTuB,oBAAqBlC,EACrBmC,kBAAmBjC,EACnBkC,mBAAoBhC,EACpBiC,iBAAkB/B,EAClBgC,aAAc9B,GAGV+B,EAAwB,CAC5Bn2B,GAAIiuB,EAAOjuB,GACXsB,KAAMgyB,EACNoC,eAAgBnH,EAAc1oB,MAC9B8vB,SAAUnC,EACVoC,UAAW,IAAI1lB,KAAKwD,GAAWwhB,UAAY,IAC3CW,SAAU,IAAI3lB,KAAK3C,GAAS2nB,UAAY,IACxC/tB,QAASotB,EACTuB,oBAAqBlC,EACrBmC,kBAAmBjC,EACnBkC,mBAAoBhC,EACpBiC,iBAAkB/B,EAClBgC,aAAc9B,GA4ChB,OACEtzB,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,oBAC5BD,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAA,OAAKO,UAAU,0BAAyBN,SACtCD,eAAA,UAAQvE,KAAK,SAAQwE,SAAC,wBAG1BC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAAA,KAAAC,SAAG,qOAMHD,eAAA,KAAAC,SAAG,wJAMLC,gBAAA,QACEunB,SAhEkB/e,IAC5BA,EAAMgf,iBACNzB,GAAe,GACL,OAANoH,QAAM,IAANA,KAAQjuB,GFhFd2e,IAEArlB,EACG0N,KAAK,sBAAuB2X,GAC5B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YEyE5Bs8B,CAAqBD,GAClBp7B,MAAK,KACJoJ,EAAQmB,KAAK,8BAA8B,IAE5CtK,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKmC,SAC/B0f,GAAe,EAAM,IF9G7BlI,IAEArlB,EACG0N,KAAK,sBAAuB2X,GAC5B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YEyG5Bu8B,CAAqBZ,GAClB16B,MAAK,KACJoJ,EAAQmB,KAAK,8BAA8B,IAE5CtK,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKmC,SAC/B0f,GAAe,EAAM,GAE3B,EA4CU1lB,UAAW,IAAGylB,EAAc,eAAiB,IAAK/lB,SAAA,CAElDD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,wBAC/BC,gBAAA,OAAKK,UAAU,0BAAyBN,SAAA,CAAC,gBAEvCD,eAACqoB,GAAW,CAACxC,SAAS,6KAExB7lB,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAACgX,GAAK,CACJlN,YAAY,OACZE,aAAc0oB,EACdloB,SAAWvF,GAAU0tB,EAAgB1tB,GACrCyE,UAAQ,MAGZ1J,eAAA,OAAKO,UAAU,0BAAyBN,SAAC,2CAGzCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,sBAAqB/sB,SAAA,CAClCD,eAAA,SACEvE,KAAK,QACL2D,GAAG,sBACHsB,KAAK,mBACLuE,MAAM,MACNyE,UAAQ,EACRojB,SAA8B,IAArB8F,EACTvnB,SAAUA,IAAMwnB,GAAoB,KAEtC7yB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,aAGjCD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,wBAAuB/sB,SAAA,CACpCD,eAAA,SACEvE,KAAK,QACL2D,GAAG,wBACHsB,KAAK,mBACLuE,MAAM,QACN6nB,SAA8B,IAArB8F,EACTvnB,SAAUA,IAAMwnB,GAAoB,KAEtC7yB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,mBAIb,IAArB2yB,EACC5yB,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,eACvBD,eAACgyB,GAAQ,CACPE,SAAUpf,EACVzH,SAAWlN,GAAI0rB,EAAa1rB,GAAK,IAAImR,KAASnR,EAAI,IAAImR,MACtD2iB,WAAW,8BAIf,KACJ/xB,gBAAA,OAAKK,UAAU,0BAAyBN,SAAA,CAAC,MAEvCD,eAACqoB,GAAW,CAACxC,SAAS,4MAExB7lB,eAAA,OAAKO,UAAU,yBAAwBN,SACrCD,eAAC6J,GAAM,CACLK,aAAc4oB,EACd3oB,gBAAgB,SAChBH,aAAc2jB,EACdnjB,SAAUA,CAACvF,EAAOqC,KAChBsmB,EAAiB,CACf3oB,MAAO,GAAGA,IACVqC,MAAO,GAAGA,KACV,EAEJoC,UAAQ,EACRU,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,0BAAyBN,SAAC,uBACzCC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCC,gBAAA,SACE8sB,QAAQ,mBACRzsB,UAAU,0BAAyBN,SAAA,CAEnCC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SACEvE,KAAK,WACL2D,GAAG,mBACHiM,SAAUA,IAAM4nB,GAAsBD,GACtC3oB,UAAQ,EACRyiB,SAAO,IAET9sB,eAAA,QAAMO,UAAU,qBAElBP,eAAA,OAAKO,UAAU,OAAMN,SAAC,2BAExBC,gBAAA,SACE8sB,QAAQ,oBACRzsB,UAAU,0BAAyBN,SAAA,CAEnCC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SACEvE,KAAK,WACL2D,GAAG,oBACH0tB,QAASoG,EACT7nB,SAAUA,IAAM8nB,GAAqBD,KAEvClzB,eAAA,QAAMO,UAAU,qBAElBP,eAAA,OAAKO,UAAU,OAAMN,SAAC,4BAiC1BC,gBAAA,OAAKK,UAAU,0BAAyBN,SAAA,CAAC,qBAEvCD,eAACqoB,GAAW,CAACxC,SAAS,8FAExB3lB,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,iBAAgB/sB,SAAA,CAC7BD,eAAA,SACEvE,KAAK,QACLiF,KAAK,gBACLtB,GAAG,iBACHsK,UAAQ,EACRojB,SAAU0G,EACVnoB,SAAUA,IAAMooB,GAAiB,KAEnCzzB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,YAGjCD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,cAAa/sB,SAAA,CAC1BD,eAAA,SACEvE,KAAK,QACLiF,KAAK,gBACLtB,GAAG,cACH0tB,QAAS0G,EACTnoB,SAAUA,IAAMooB,GAAiB,KAEnCzzB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,gBAIlCuzB,EACCxzB,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,aACvBD,eAACgyB,GAAQ,CACPE,SAAUvlB,EACVtB,SAAWlN,GAAIu1B,EAAWv1B,EAAE2U,EAAUA,EAAY3U,GAClD8zB,WAAW,8BAIf,KACJjyB,eAAA,OAAKO,UAAU,gBAAeN,SAAC,MAC/BC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAAC,oBAE7BD,eAACqoB,GAAW,CAACxC,SAAS,uUAAoT,OAE5U7lB,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,KAAAC,SAAG,sEAKLD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAC0lB,GAAQ,CACP5b,YAAY,uEACZJ,UAAQ,EACRM,aAAc2pB,EACdnpB,SAAWvF,IACT2uB,EAAmB3uB,EAAM,MAI/B/E,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC1B0zB,EAAgBr4B,OAASk3B,GACxBxyB,eAAA,KAAGO,UAAU,cAAaN,SACvB,8CAED,KACJD,eAAA,KAAAC,SAAG,qCACHD,eAAA,KAAAC,SACG,WAAW0zB,EAAgBr4B,sFAG9B0E,eAAA,KAAAC,SAAG,uCACHD,eAAA,KAAAC,SAAI,qCACJD,eAAA,KAAAC,SAAG,uFAKJimB,GACClmB,eAAA,OAAKO,UAAU,qBAAoBN,SAAEimB,IAEvClmB,eAAA,OAAKO,UAAU,gBAAeN,SAAC,MAC/BC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,UACEvE,KAAK,SACLmG,QAAU8G,GApRLA,KACnBA,EAAMgf,iBACNiL,EAAgB,IAChBiB,EAAmB,IACnBT,GAAoB,GACpBE,GAAqB,GACrBE,GAAmB,GACnBE,GAAiB,GACjBZ,GAAoB,GACpBjF,EAAiB,CACf3oB,MAAO,GACPqC,MAAO,iBAETuiB,EAAa,IAAIva,MACjBokB,EAAW,IAAIpkB,KAAO,EAsQYomB,CAAYhtB,GAChCnI,UAAU,eAAcN,SACzB,UAGDC,gBAAA,OAAAD,SAAA,CACED,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAM2B,EAAQmB,KAAK,+BAC5BnE,UAAU,0BAAyBN,SACpC,WAGDD,eAAA,UACEqK,SAAUspB,EAAgBr4B,OAASk3B,GACnC/2B,KAAK,SACL8E,UAAU,WAAUN,SACrB,uBAOL,EC7ZP,MAAM01B,GAAmB,CAC9B,CACE1wB,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,MACPqC,MAAO,QC/EL3H,GAAUC,UAAOC,GAAG;;;;;eAKXH;;;;;;;;;;;;;;;;;;sBAkBOA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;;;;;;;;;;;;;;;;;;;ECoQTk2B,IC1SX,GD0SWA,GAjRaA,KAC1B,MAAO7X,EAAiB/F,GACtBrU,IAAMxC,SAAmC,CACvCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAELsW,EAAwBC,GAC7BnyB,IAAMxC,UAAkB,IACnB40B,EAAiBC,GACtBryB,IAAMxC,SAA0C,OAK3C80B,EAAqBC,GAC1BvyB,IAAMxC,SAAgC,CACpCg1B,gBAAiB,EACjBhe,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBke,sBAAuB,KAEpBC,EAAgBC,GAAqB3yB,IAAMxC,UAAkB,IAC7Do1B,EAAmBC,GAAwB7yB,IAAMxC,SAAc,MAEhEs1B,EAAkBC,ILuCevV,MKtCnB,SAAfuV,EAAIr9B,SLsC8B8nB,EKrCd,CAAE/hB,GAAIs3B,EAAIt3B,ILsCjC1G,EACG0N,KAAK,sBAAuB+a,GAC5BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aKxChC,MAAMgnB,EAAUhT,YAAW,KACzBopB,GAAkB,GAClBE,EAAqB,MACrBG,GAAoB,GAEnB,KAEH,MAAO,IAAMxW,aAAaD,EAAQ,EAG9B0W,EAA8B,CAClC,CACEl2B,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIhZ,QAGrB,CACEA,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAImU,YAAc,mBAGnC,CACEntB,KAAM,YACNiZ,SAAU,OACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIzc,UAAY,EAAI,KAAO,SAG5C,CACEyD,KAAM,SACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAKO,UAAW,UAAUmZ,EAAIrgB,SAAS4G,SAAEyZ,EAAIrgB,UAGxD,CACEqH,KAAM,GACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAAC,SAAOyZ,EAAImd,gBAEb72B,eAACG,IAAI,CAACC,GAAI,4BAA4BsZ,EAAIta,KAAMmB,UAAU,OAAMN,SAC9DD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAAO40B,EAAqB9c,GAAM4c,GAAkB,EAAK,EAAEr2B,SAEpED,eAACwlB,GAAU,WAQjBjN,EAA8BA,CAClC7X,EACAuE,KAEA+S,GAAoBQ,IACX,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGE0xB,EAAqBA,KACzBb,GAA0B,GL1H5B/X,IAEArlB,EACG0N,KAAK,wBAAyB2X,GAC9B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YKmH9B49B,CAAkB/Y,GAAiB5jB,MAAMjB,IACvC88B,EAAmB98B,EAASkL,KAAK2yB,WACjCb,EAAuB,CACrBC,gBAAiBpW,OAAO7mB,EAASkL,KAAK+xB,iBACtChe,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCke,sBAAuBrW,OAAO7mB,EAASkL,KAAKgyB,yBAE9CN,GAA0B,EAAM,GAChC,EAwBJ,OArBAjwB,qBAAU,KACR8wB,GAAoB,GACnB,CAAC5Y,EAAgB9F,OAEpBpS,qBAAU,KAER,GAA+B,OAA3BkY,EAAgBwB,OAAiB,CACnC,MAAMW,EAAUhT,YAAW,KACzBypB,GAAoB,GACnB,KAEH,MAAO,IAAMxW,aAAaD,EAC5B,IACC,CAACnC,EAAgBwB,SAEpB1Z,qBAAU,KAC6B,IAAjCka,OAAOhC,EAAgB9F,OAA6C,IAA9Bge,EAAoB9d,OAC5Dwe,GACF,GACC,CAAC5Y,EAAgB5F,QAGlBjY,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,cAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAACG,IAAI,CAACC,GAAG,6BAA6BG,UAAU,iBAAgBN,SAAC,wBAGjED,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUsT,EAA4B,SAAUtT,UAKjEjF,eAAA,OACEO,UAAW,eAAcs1B,EAAyB,eAAiB,IAAK51B,SAExED,eAAA,OAAKO,UAAU,oBAAmBN,SACX,OAApB81B,EACCA,EAAgBz6B,OAAS,EACvB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS2b,EACTxyB,KAAM2xB,MAGV71B,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SAAU4rB,EAAoBhe,MAAQ,EACtCrW,QAASA,IACP2W,EACE,OACA0d,EAAoBhe,KAAO,GAE9BhY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACE4rB,EAAoB/d,mBACpB+d,EAAoBhe,KAEtBrW,QAASA,IACP2W,EACE,OACA0d,EAAoBhe,KAAO,GAE9BhY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBg2B,EAAoBhe,KAAOge,EAAoB9d,MAC9C8d,EAAoB9d,MAAM,IAE3B8d,EAAoBhe,KAAOge,EAAoB9d,MAC9C8d,EAAoB9d,MACpB8d,EAAoBE,gBAAiB,IAAI,QACrCF,EAAoBG,4BAG9Bl2B,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAcyrB,GACd3rB,aAAc,CACZ/E,MAAO8Y,EAAgB5F,MACvB7Q,MAAOyW,EAAgB5F,OAEzBhO,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IACTsT,EAA4B,QAAStT,GACrCsT,EAA4B,OAAQ,IAAI,EAE1CnO,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,SAGPo2B,GACCr2B,eAACugB,GAAK,CACJC,UAAW6V,EACX5V,aAAcA,IAAM6V,GAAkB,GACtC5V,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,eAAeN,SAE1BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAEA,SAA7Bs2B,EAAkBl9B,OAAqB6G,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,iDAC9Ds2B,EAAkB71B,KAAK,QAAkBV,eAAA,OAAKO,UAAU,QAAON,SAAC,oCAInED,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP60B,EAAeF,EAAkB,EACjCt2B,SAE4B,SAA7Bs2B,EAAkBl9B,OAAoB,iBAAmB,qBAO5D,ECrSd,SAAS,KAAa,OAAO,GAAW0E,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS27B,GAAgBt4B,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,OACPC,OAAQ,GACRC,QAAS,gBACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,mBACNE,SAAU,UACVD,EAAG,mIACY,gBAAoB,OAAQ,CAC3CD,KAAM,mBACNE,SAAU,UACVD,EAAG,wqBACY,gBAAoB,OAAQ,CAC3CD,KAAM,iBACNE,SAAU,UACVD,EAAG,6PAEP,CACA,MAAM,GAA0B,aAAiBy3B,IAClC,ICjCX,GDiCW,IChCf,SAAS,KAAa,OAAO,GAAWj5B,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS47B,GAAav4B,EAAMC,GAC1B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,sUACHD,KAAM,WAEV,CACA,MAAM,GAA0B,aAAiB23B,IAClC,ICtBf,MAAMt3B,GAAUC,UAAOC,GAAG;;;;sBAIJH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAwCQA;;;;8BAIAA;;;mBAGXA;;;;;;;;;;;;;;;;;;;;;;;;;iBAyBFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAmDAA;;;;;;;;;;yBAUQA;;;;;;;;;;;mBAWNA;;;;;;;;mBAQAA;;;;;;;;;;;;;oBAaCA;;;;;;;;;;;;;;;;;;;;;;aAsBPA;;;;;;;;0BAQaA;;;;;;;;;;;UAWhBA;UACAA;;;;;;;;;;;;aAYGA;;;;;;;;;UASHA;UACAA;;;;;;;;;;;;;;;;;;;;;;gBAsBMA;cACFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CNA;QACAA;;;;;;;;;;;;;;;UAeEA;UACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECzKKw3B,OAlIFx4B,IAMC,IAADy4B,EAAAC,EAAAC,EAAAlvB,EAAA,IANC,cACZ+gB,EAAa,mBACboO,EAAkB,WAClBC,EAAU,cACVC,EAAa,YACbC,GACM/4B,EACN,MAAM,WAAEnE,GAAeoD,GAAkBvC,GAAUA,EAAMD,OACzD,OACE+E,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,MAAKN,SAAA,CAClBD,eAAA,OAAKO,UAAU,OAAMN,SAClBipB,EAAc5tB,OACb0E,eAAA,OACEQ,IAC2B,kBAAlB0oB,EACHA,EACAwO,IAAIC,gBAAgBzO,EAAc,IAExCzoB,IAAI,KAGNT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,OAGlCP,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBC,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCD,eAAA,OAAKO,UAAU,OAAMN,SAClBq3B,EAAmBM,YAChBN,EAAmBM,YACnB,iBAEN53B,eAAA,OAAKO,UAAU,qBAAoBN,SACK,IAArCq3B,EAAmB/qB,cAClBvM,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAC63B,GAAgB,MAGnB73B,eAAA,OAAKO,UAAU,eAAcN,SAAC,WAIpCC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,QAAMO,UAAU,QAAON,SAAC,4BAGxBD,eAAA,QAAMO,UAAU,UAASN,SACe,IAArCq3B,EAAmB/qB,cAChB,SACA,cAGRrM,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,QAAMO,UAAU,QAAON,SAAC,aACxBD,eAAA,QAAMO,UAAU,UAASN,SACc,QADdk3B,EACtBG,EAAmBQ,yBAAiB,IAAAX,IAAI,cAKjDn3B,eAAA,OAAKO,UAAW,gBAAeg3B,EAAa,cAAgB,IAAKt3B,SACzB,IAArCq3B,EAAmB/qB,cAClBrM,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,KAAGO,UAAU,iBAAgBN,SAC1B,GAAsB,QAAtBm3B,EAAc,OAAXK,QAAW,IAAXA,OAAW,EAAXA,EAAajd,cAAM,IAAA4c,IAAI,oBACH,QADKC,EAChB,OAAXI,QAAW,IAAXA,OAAW,EAAXA,EAAaM,iBAAS,IAAAV,IAAI,OAG9Br3B,eAAA,YACEO,UAAU,qBACV2W,IAAgB,OAAXugB,QAAW,IAAXA,OAAW,EAAXA,EAAaM,UAClB9yB,MAAkB,OAAXwyB,QAAW,IAAXA,OAAW,EAAXA,EAAajd,YAGxBta,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BC,gBAAA,KAAGK,UAAU,sBAAqBN,SAAA,EAAY,OAAV1F,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,OAAN,EAAVA,EAAkByL,kBAAmB,SAAI,YAC7E5T,eAAA,KAAGO,UAAU,sBAAqBN,SAAC,qBAGrCq3B,EAAmBU,UACrBh4B,eAAA,OAAKO,UAAU,kBAAiBN,SACQ,IAArCq3B,EAAmB/qB,cAClBrM,gBAAAyB,YAAA,CAAA1B,SAAA,CACGg4B,MAAMC,KACL,CAAE58B,OAAQg8B,EAAmBa,qBAC7B,CAACC,EAAG3pB,IACFzO,eAAA,OAAaO,UAAU,iBAAgBN,SACrCD,eAAA,OACEQ,IAAK,eAAeiO,EAAI,KACtB6oB,EAAmBU,aACjBvpB,EAAI,EAAI,OAAS,iBACrBhO,IAAK62B,EAAmBU,aALlBvpB,KAUdzO,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAA,OACEQ,IAAK,eAAe82B,EAAmBU,qBACvCv3B,IAAK62B,EAAmBU,iBAI5B,OAEJ,OAENh4B,eAAA,OACEO,UAAW,uBACTg3B,EAAa,qBAAuB,IACnCt3B,SAEHC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,eACfP,eAAA,UACE4B,QAASA,KACP41B,GAAeD,EAAW,EAE5B97B,KAAK,SACL8E,UAAU,6BAA4BN,SAEtCD,eAACq4B,GAAK,aAIJ,EClJd,MAAM14B,GAAUC,UAAO0H,KAAK;;;;;;;;WAQjB5H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6BaA;;;;;;;;;ECOT44B,OAlCuB55B,IAO/B,IAPgC,GACrCU,EAAE,MACFkI,EAAQ,GAAE,UACVixB,EAAS,WACTC,GAAa,EAAK,MAClBC,EAAQ,WAAU,SAClBptB,GACD3M,EACC,MAAMg6B,EAAU,CACdC,SAAU,sBACVF,GAQF,OACEv4B,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,SACEZ,GAAIA,EACJmB,UAAU,cACV9E,KAAK,WACLqxB,QAASyL,EACTluB,SAAUmuB,EACVntB,SAde3C,IACf2C,GACFA,EAAS3C,EAAM9H,OAAOksB,QACxB,IAaE9sB,eAAA,QAAMO,UAAW,aAAam4B,MAC9B14B,eAAA,KAAGO,UAAU,iBAAgBN,SAAEqH,MACvB,EC3CP,MAAMsxB,WAAwBzP,SAAS0P,cAAA,SAAAx9B,WAAA,KAC5Cy9B,YAAc,CAAC/Z,EAAa3a,KACtB20B,KAAKC,WAAW50B,GAClBrG,OAAO0P,KAAKrJ,GAAMoS,SAAS1U,IACzBi3B,KAAKD,YAAY,GAAG/Z,KAAOjd,KAAUsC,EAAKtC,GAAO,IAGnDi3B,KAAK3P,OAAOrK,EAAK3a,EACnB,EACA,KAEF40B,WAActC,GACD,MAAPA,GAGkB,kBAARA,CACd,ECPG,MAAMuC,GAAoBA,IAC/BvgC,EACGwB,IAAI,iBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCkBrBggC,GAAwBA,IACnCxgC,EACGwB,IAAI,yBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBigC,GAAqBA,IAChCzgC,EACGwB,IAAI,sBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBkgC,GAAuBA,IAClC1gC,EACGwB,IAAI,yBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC7D5BmgC,GAAoB,qBACpBC,GAA0B,4BAC1BC,GAAY,CAChB,CACEt0B,MAAO,EACPqC,MAAO,KAET,CACErC,MAAO,EACPqC,MAAO,KAET,CACErC,MAAO,EACPqC,MAAO,KAET,CACErC,MAAO,EACPqC,MAAO,KAET,CACErC,MAAO,EACPqC,MAAO,KAET,CACErC,MAAO,GACPqC,MAAO,OCvBEkyB,GACX9C,IAEA,IAAKA,EAAK,OAAO+C,IACjB,MAAMC,EAAY37B,OAAO47B,QAAQjD,GAAK1nB,QAAO,CAAC4qB,EAAGl7B,KAAoB,IAAjBqgB,EAAK9Z,GAAMvG,EAC7D,MAAY,OAARqgB,EACK6a,EAAM30B,EAER20B,CAAG,GACT,IACH,MAAqB,OAAdF,EAAqBA,EAAYD,GAAG,EAGhCI,GAEC,EAFDA,GAGH,EAGGC,GAA4C,CACvD,CACE70B,MAAO,IACPqC,MAAO,SACP,CACArC,MAAO,KACPqC,MAAO,aACP,CACArC,MAAO,IACPqC,MAAO,gBACP,CACArC,MAAO,KACPqC,MAAO,yBACP,CACArC,MAAO,IACPqC,MAAO,aACP,CACArC,MAAO,KACPqC,MAAO,sBACP,CACArC,MAAO,cACPqC,MAAO,eACP,CACArC,MAAO,sBACPqC,MAAO,uBACP,CACArC,MAAO,WACPqC,MAAO,YACP,CACArC,MAAO,mBACPqC,MAAO,qBAIEyyB,GAAiD,CAC5D,CACE90B,MAAO,KACPqC,MAAO,MAET,CACErC,MAAO,MACPqC,MAAO,QAIE0yB,GAA0C,CACrD,CACE/0B,MAAO,UACPqC,MAAO,WAET,CACErC,MAAO,WACPqC,MAAO,aAGE2yB,GAA0C,CACrD,CACEh1B,MAAO,WACPqC,MAAO,YAET,CACErC,MAAO,OACPqC,MAAO,QACP,CACArC,MAAO,WACPqC,MAAO,YACP,CACArC,MAAO,OACPqC,MAAO,SCVI4yB,OAtEuBx7B,IAG/B,IAHgC,kBACrCy7B,EAAiB,qBACjBC,GACD17B,EACC,MAAO27B,EAAqBC,GAC1B32B,IAAMxC,UAAkB,IACnBo5B,EAAcC,GACnB72B,IAAMxC,SAAiBg5B,GAEzBt0B,qBAAU,KACR20B,EAAgBL,EAAkB,GACjC,CAACA,IAEJ,MAiBM,aAAExR,EAAY,aAAEC,EAAY,cAAEC,GAAkBC,aAAY,CAChEC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OApBcC,IACd,GAAIA,EAAc,GAAI,CACpBoR,GAAuB,GACvB,MAAM5zB,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,OAAQF,EAAc,IJNjDxiB,IAEAhO,EACG0N,KAAK,wBAAyBM,GAC9BvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YID5BuhC,CAAsB/zB,GACnBvM,MAAMjB,IACLshC,EAAgBthC,EAASkL,KAAKka,MAAMzC,OACpCue,EAAqBlhC,EAASkL,KAAKka,MAAMzC,OACzCye,GAAuB,EAAM,IAE9BlgC,OAAM,KACLkgC,GAAuB,EAAM,GAEnC,KASF,OACEt6B,eAAA,OAAKO,UAAW,cAAa85B,EAAsB,eAAiB,IAAKp6B,SACvEC,gBAAA,OAAKK,UAAW,IAAG85B,EAAsB,oBAAsB,IAAKp6B,SAAA,CAClED,eAAA,OAAKO,UAAW,aAAYg6B,EAAe,aAAe,IAAKt6B,SAC7DC,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAC1D,IAEDD,eAAA,YAAW6oB,IAAiBnf,UAAQ,IAAG,IACtC6wB,EACCv6B,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OAAKQ,IAAK+5B,EAAc95B,IAAI,OAE5B,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,QAAMO,UAAU,QAAON,SACpBs6B,EACG,mBACA,kDAMdr6B,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACxBD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,OAAMN,SAAC,sCAGvB,ECxEV,MAAMqoB,GAAkBC,WAAS;;;;;;;;;;EAY3B5oB,GAAUC,UAAOC,GAAG;;;;;wBAKFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAiDQA;;gCAEAA;;;qBAGXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAgCFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4DAA;;;;;;;;;;qBAUEA;;;;;;;;;;;;;qBAaAA;;;;;;;;;qBASAA;;;;;;;;;;;;;;;sBAeCA;;;;;;;;;;;;;;;QAedA;QACAA;;;;;;;;;;;;;;;UAeEA;UACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2EcA;;;;;;;;;;;;;wBAaAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAwGIA;;;gCAGIA;mBACbA;;;;;;;;;;;;;;;;;;;;;wBAqBKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsCAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAwCIA;6BACCA;;;;;;;;;uBASN4oB;;;oBAGH5oB;;;;;mBAKDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkDDA;;;;;iBAKDA;;;;;;;;;;;;;;;;;;;;wBAoBOA;;;;;;eAMTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4DKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+BPA;;;;;;;;;mBASAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAwCAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFOA;;;;;0BAKAA;;;;;4BAKEA;;;;4BAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoDAA;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0BXA;;;;;;;;;;;;;;;;;oBAiBGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsCIA;;;;;;;;;eASTA;;;;;;;;;eASAA;;;;;;;;;;;;;eAaAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAoGSA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA8FQA;;gCAEAA;;;qBAGXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAgCFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4DAA;;;;;;;;;;qBAUEA;;;;;;;;;;;;;qBAaAA;;;;;;;;;qBASAA;;;;;;;;;;;;;;;sBAeCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+GTg7B,GAAiB96B,UAAOC,GAAG;;EAI3B86B,GAAgB/6B,UAAO+lB,IAAI;;;;;EChiDlChmB,GAAUC,UAAOC,GAAG;;;;4BAIEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwCHA;;;;;;;;;;;;;;;;;;;;;;;kCAuBSkK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECwDnBgxB,OA5GkBl8B,IAA8F,IAADyJ,EAAAC,EAAA,IAA5F,+BAACyyB,EAA8B,4BAAEC,GAAsDp8B,EACvH,MAAMq8B,EAAuC,CAC3C,CAAC91B,MAAO,EAAGqC,MAAO,eAClB,CAACrC,MAAO,EAAGqC,MAAO,sBAClB,CAACrC,MAAO,EAAGqC,MAAO,kBAEbsL,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO+nB,EAA4BE,0BAA0B/nB,OAAO,eAC9EtG,QAASoG,KAAO+nB,EAA4BG,wBAAwBhoB,OAAO,kBAEvE,WAAE1Y,GAAeoD,GAAkBvC,GAAUA,EAAMD,OAEnDiY,EAAWA,CAACjV,EAAMwP,KAAmC,IAAjC,UAAEmF,EAAS,QAAEnG,GAAcgB,EACnDhB,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,iBACrBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWC,OAASE,OAAO,eAC3BtG,QAASA,EAAQsG,OAAO,iBACrBJ,EAAc,CACjBC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,gBACzB,EAGJpN,qBAAU,KACRg1B,EAA+B,IAAIC,EAA6BE,yBAA0BjoB,KAAOH,EAAME,WAAWG,OAAO,cAAegoB,uBAAwBloB,KAAOH,EAAMjG,SAASsG,OAAO,eAAe,GAC3M,CAACL,EAAOioB,IAEX,MAAMxnB,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAG/C,OACE7S,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCC,gBAAA,KAAGK,UAAU,QAAON,SAAA,CAAC,6CACiC,OAAV1F,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,OAAN,EAAVA,EAAkByL,kBAAmB,YAEjF5T,eAAA,OAAKO,UAAU,YAEjBL,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,eAAcN,SAC3BC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAACgX,GAAK,CACJtN,UAAQ,EACRjO,KAAK,SACL6L,MAAO,0BAAmC,OAAV/M,QAAU,IAAVA,GAAgB,QAAN6N,EAAV7N,EAAYwB,YAAI,IAAAqM,OAAN,EAAVA,EAAkBwL,kBAAmB,WACrE7J,YAAY,kBACZS,SAAWvF,IACT41B,EAA+B,IAAIC,EAA6BI,qBAAsBj2B,GAAO,EAE/F+E,aAAc8wB,EAA4BI,uBAE5Cl7B,eAAA,OAAKO,UAAU,4BAA2BN,SAC1CD,eAAC6J,GAAM,CACLK,aAAc6wB,EACd5wB,gBAAiB,SACjB7C,MAAM,qBACN0C,aAAc+wB,EAAiB/V,MAAKjlB,IAAOA,EAAKkF,SAAW61B,EAA4BK,sBACvFzxB,UAAQ,EACRU,oBAAkB,EAClBI,SAAWvF,IACT41B,EAA+B,IAAIC,EAA6BK,oBAAqBl2B,GAAO,WAK9C,KAApD61B,EAA4BK,oBAA6Bn7B,eAAA,OAAKO,UAAW,UAAUN,SACnFD,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAAEX,UAAW,IAAIxD,KAAQ3C,QAASoG,KAAO,IAAIzD,MAAQ2G,IAAI,EAAG,QAAS5C,OAAQA,GAASpT,SAGvGC,gBAAA,OAAKK,UAAW,iCAAiCN,SAAA,CAC/CD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,wBAKPP,eAAA2B,YAAA,CAAA1B,SACTD,eAACgX,GAAK,CACJtN,UAAQ,EACRjO,KAAK,SACL6L,MAAO,IAAwD,KAApDwzB,EAA4BK,oBAA4B,gCAAkC,oCACrG3wB,SAAWvF,IACT41B,EAA+B,IAAIC,EAA6BM,iCAAkCn2B,GAAO,EAE3G+E,aAAc8wB,EAA4BM,0CAKxC,ECkyBCC,OAh4BOA,KAAO,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAC1B,MAAM,WAAE9hC,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAClDmhC,EAAgBC,GACrB54B,IAAMxC,UAAkB,IAEnBo2B,EAAYC,GAAiBr2B,oBAAkB,IAG/Cq7B,GAAiBr7B,oBAAS,IAE1Bs7B,EAAyBC,GAC9B/4B,IAAMxC,UAAkB,IAEnBw7B,EAA8BC,GACnCj5B,IAAMxC,SAAiB,KAEjB25B,EAA6BD,GAAmC15B,mBAAS,CAC/E+5B,qBAAsB,EACtBC,oBAAqB,IACrBH,yBAA0BjoB,KAAO,IAAIzD,MAAQ2D,OAAO,cACpDgoB,uBAAwBloB,KAAO,IAAIzD,MAAQ2G,IAAI,EAAE,QAAQhD,OAAO,cAChEmoB,iCAAkC,MAG7ByB,EAAcC,GAAmBn5B,IAAMxC,SAC5C,CACET,KAAM,GACNq8B,SAAU,GACVC,cAAe,GACfC,kBAAmB,GACnBC,4BAA6B,GAC7BC,gBAAiB,EACjBhF,mBAAoB,EACpBiF,oBAAqB,KACrBC,eAAgB,KAChBC,aAAc,CACZC,aAAc,KACdn+B,GAAI,KACJsB,KAAM,MAER88B,UAAW,CACTD,aAAc,KACdn+B,GAAI,KACJsB,KAAM,KACN+8B,YAAa,MAEfjjB,OAAQ,GACRkjB,YAAa,GACbC,mBAAoB,GACpBC,cAAe,GACfC,aAAc,GACdC,cAAe,GACfC,kBAAmB,EACnBC,iBAAkB,EAClBC,iBAAkB,GAClBC,sBAAuB,QAIpBC,EAAsBC,GAA2Bj9B,mBACtD,KAGKo5B,EAAcC,GAAmB72B,IAAMxC,SAAiB,KAExDk9B,EAAeC,GAAoBn9B,mBAA4B,KAE/Do9B,EAAkBC,GAAuBr9B,mBAC9C,KAQI,eAAEzG,EAAc,qBAAEE,GAAyB+C,GAC9CvC,GAAUA,EAAM6B,aAEb,wBAAEmK,GAA4BS,KA4BpChC,qBAAU,KACsB,IAA1BnL,EAAeY,QACjB8L,GACF,GACC,IAgEHvB,qBAAU,KACRuzB,KAAuBj/B,MAAMjB,IAC3BslC,EAAoBtlC,EAASkL,KAAKq6B,aAAa,GAC/C,GAED,IAoBH54B,qBAAU,KAtFRozB,KAAoB9+B,MAAKuE,IAAe,IAADggC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,IAAb,KAAE16B,GAAM1F,EAChC69B,GAAyB,GACzB/B,EAAgBp2B,EAAKka,MAAMzC,OAC3Bgf,EAA+B,IAC1BC,EACHM,iCAAkCh3B,EAAK26B,YAAY3D,iCAAmCh3B,EAAK26B,YAAY3D,iCAAmC,IAC1IH,uBAAwB72B,EAAK26B,YAAY9D,uBAAyB72B,EAAK26B,YAAY9D,uBAAyBloB,KAAO,IAAIzD,MAAQ2G,IAAI,EAAG,QAAQhD,OAAO,cACrJ+nB,yBAA0B52B,EAAK26B,YAAY/D,yBAA2B52B,EAAK26B,YAAY/D,yBAA2B,IAAI1rB,KACtH6rB,oBAAqB/2B,EAAK26B,YAAY5D,oBAAsB/2B,EAAK26B,YAAY5D,oBAAsB,EACnGD,qBAAsB92B,EAAK26B,YAAY7D,qBAAuB92B,EAAK26B,YAAY7D,qBAAuB,IAExG4B,EAAgB,IACXD,EACHn8B,KAAM0D,EAAKka,MAAM5d,KACjBq8B,SAAU34B,EAAKka,MAAMye,SACrBC,cAAe54B,EAAKka,MAAM0gB,QAC1B9B,4BAA6B94B,EAAKka,MAAMiO,YACxC0Q,kBAAmB74B,EAAKka,MAAMrhB,UAC9BkgC,gBAAiB/4B,EAAKka,MAAM2gB,aAC5B9G,mBAAoB/zB,EAAKka,MAAM4gB,SAC/B9B,oBAAqBh5B,EAAKka,MAAM8e,oBAChCC,eAAgBj5B,EAAKka,MAAM6gB,gBAC3B7B,aAAc,CACZC,aAAcn5B,EAAKka,MAAM8gB,cAAc7B,aACvCn+B,GAAIgF,EAAKka,MAAM8gB,cAAchgC,GAC7BsB,KAAM0D,EAAKka,MAAM8gB,cAAc1+B,MAEjC88B,UAAW,CACTD,aAAmC,QAAvBmB,EAAEt6B,EAAKka,MAAM+gB,kBAAU,IAAAX,OAAA,EAArBA,EAAuBnB,aACrCn+B,GAAyB,QAAvBu/B,EAAEv6B,EAAKka,MAAM+gB,kBAAU,IAAAV,OAAA,EAArBA,EAAuBv/B,GAC3BsB,KAA2B,QAAvBk+B,EAAEx6B,EAAKka,MAAM+gB,kBAAU,IAAAT,OAAA,EAArBA,EAAuBl+B,KAC7B+8B,YAAkC,QAAvBoB,EAAEz6B,EAAKka,MAAM+gB,kBAAU,IAAAR,OAAA,EAArBA,EAAuBpB,aAEtCjjB,OAAQpW,EAAKka,MAAM9D,OAAO9U,QAAQ3F,GAA+B,IAAnBA,EAAKu/B,YACnD5B,YAAat5B,EAAKka,MAAMof,YACxBC,mBAAoBv5B,EAAKka,MAAMqf,mBAC/BC,cAAex5B,EAAKka,MAAMsf,cAC1BC,aAAcz5B,EAAKka,MAAMuf,aACzBE,kBAAmB35B,EAAK26B,YAAYhB,kBACpCC,iBAAkB55B,EAAK26B,YAAYf,iBACnCC,iBAAkB75B,EAAK26B,YAAYd,iBACnCC,sBAAuB95B,EAAK26B,YAAYb,sBACxCJ,cAAuC,QAA1BgB,EAAE16B,EAAKka,MAAMwf,qBAAa,IAAAgB,IAAI,GAC3C,IA2BJ3F,KAAqBh/B,MAAMjB,IACzBolC,EACEplC,EAASkL,KAAKm7B,WAAW99B,KAAK+9B,IACrB,CACLv6B,MAAOu6B,EAAWpgC,GAClBkI,MAAOk4B,EAAWjC,aAClB9xB,WAAY,CACVg0B,UAAWD,EAAW9+B,KACtB+8B,YAAa+B,EAAW/B,iBAI/B,GAOkB,GACpB,IAEH,MAAMiC,EAAuBA,CAACjkC,EAAcwJ,KACtC03B,GACFC,EAAgC,IAElCE,GAAiBtkB,IACR,IAAKA,EAAW,CAAC/c,GAAOwJ,KAC/B,GAkEG06B,EAAkBC,GAAuBz+B,mBAAiC,IAejF,OAbA0E,qBAAU,KACRqzB,KAAwB/+B,MAAMjB,IAC5B0mC,EACE1mC,EAASkL,KAAKy7B,cAAcp+B,KAAKq+B,IACxB,CACL76B,MAAO66B,EAAc1gC,GACrBkI,MAAOw4B,EAAcvC,iBAG1B,GACD,GACD,IAGDr9B,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,6BAC5BD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,0GAI/BD,eAAA,OAAKO,UAAW,iBAAgB+7B,EAAiB,eAAiB,IAAKr8B,SACnEq8B,EA6kBE,KA5kBFp8B,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,qBAAoBN,SACjCD,eAAA,QACEynB,SA3FkB/e,IAA4B,IAADq3B,EAAAC,EAC3Dt3B,EAAMgf,iBACNgV,GAA2B,GAC3B,MAAM3e,EAAiB,CACrBtH,cAAeomB,EAAan8B,KAC5Bu/B,kBAAmBpD,EAAaE,SAChCmD,eAAgBrD,EAAaG,cAC7BM,aAA0B,OAAZT,QAAY,IAAZA,GAA0B,QAAdkD,EAAZlD,EAAcS,oBAAY,IAAAyC,OAAd,EAAZA,EAA4B3gC,GAC1CmtB,YAAasQ,EAAaK,4BAC1BvT,eAAgBkT,EAAaM,gBAC7BgD,UAAWtD,EAAa1E,mBACxBgH,gBAAiBtC,EAAaQ,eAC9B7iB,OAAQ,IACHqiB,EAAariB,OAAQ/Y,KAAK2+B,IAAS,IAAAC,EAAA,MAAM,CAC1CjhC,GAAIghC,EAAUhhC,GACdkhC,aAAczD,EAAcriB,OAAQ,GAAG8lB,aACvCC,cAAe1D,EAAcriB,OAAQ,GAAG+lB,cACxCC,aAAa3D,EAAcriB,OAAQ,GAAGgmB,aACtCC,OAAQ5D,EAAcriB,OAAQ,GAAGimB,OACjCC,cAAe7D,EAAcriB,OAAQ,GAAGkmB,cACxCC,WAA+C,QAArCN,EAAExD,EAAcriB,OAAQ,GAAGmmB,kBAAU,IAAAN,IAAI,EACpD,KAEHtC,kBAAmBxjC,EAAWwB,KAAK6kC,mBAAqB/D,EAAakB,kBAAoB,KACzFC,iBAAkBzjC,EAAWwB,KAAK6kC,mBAAqB/D,EAAamB,iBAAmB,KACvFC,iBAAkB1jC,EAAWwB,KAAK6kC,mBAAqB/D,EAAaoB,iBAAmB,KACvFC,sBAAuB3jC,EAAWwB,KAAK6kC,mBAAqB/D,EAAaqB,sBAAwB,KACjGmB,WAAYxC,EAAaW,UACzBE,YAAab,EAAaa,YAC1BC,mBAAoBd,EAAac,mBACjCC,cAAef,EAAae,cAC5BC,aAAchB,EAAagB,aAC3BC,cAAyC,QAA5BkC,EAAEnD,EAAaiB,qBAAa,IAAAkC,IAAI,GRpPjD3gB,KACkB,IAADwhB,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACjB,MAAMC,EAAW,IAAI7I,GA4BrB,OA1BA6I,EAASrY,OAAO,oBAAqB/J,EAAkB4gB,mBACvDwB,EAASrY,OAAO,gBAAiB/J,EAAkB5I,eACnDgrB,EAASrY,OAAO,eAAgB/J,EAAkBie,cAClDmE,EAASrY,OAAO,cAAe/J,EAAkBkN,aACjDkV,EAASrY,OAAO,YAAa/J,EAAkB8gB,UAAU/T,YACzDqV,EAASrY,OAAO,kBAAoD,QAAnCyX,EAAExhB,EAAkB8f,uBAAe,IAAA0B,IAAI,IACxEY,EAASrY,OAAO,iBAAkD,QAAlC0X,EAAEzhB,EAAkB6gB,sBAAc,IAAAY,IAAI,IACtEW,EAASrY,OAAO,oBAAqB/J,EAAkB0e,kBAAoB1e,EAAkB0e,kBAAkB3R,WAAa,IAC5HqV,EAASrY,OAAO,mBAAoB/J,EAAkB0e,kBAAoB1e,EAAkB2e,iBAAiB5R,WAAa,IAC1HqV,EAASrY,OAAO,mBAAoB/J,EAAkB0e,kBAAoB1e,EAAkB4e,iBAAmB,IAC/GwD,EAASrY,OAAO,wBAAyB/J,EAAkB6e,sBAAwB7e,EAAkB6e,sBAAwB,IAC7HuD,EAASrY,OACP,iBACA/J,EAAkBsK,eAAeyC,YAEnCqV,EAASrY,OAAO,cAA4C,QAA/B2X,EAAE1hB,EAAkBqe,mBAAW,IAAAqD,IAAI,IAChEU,EAASrY,OAAO,qBAA0D,QAAtC4X,EAAE3hB,EAAkBse,0BAAkB,IAAAqD,IAAI,IAC9ES,EAASrY,OAAO,gBAAgD,QAAjC6X,EAAE5hB,EAAkBue,qBAAa,IAAAqD,IAAI,IACpEQ,EAASrY,OAAO,eAA8C,QAAhC8X,EAAE7hB,EAAkBwe,oBAAY,IAAAqD,IAAI,IAClEO,EAAS3I,YAAY,SAAUzZ,EAAkB7E,QACjDinB,EAASrY,OAAO,gBAAgD,QAAjC+X,EAAE9hB,EAAkBye,qBAAa,IAAAqD,IAAI,IACpEM,EAASrY,OAAO,mCAAsF,QAApDgY,EAAE/hB,EAAkB+b,wCAAgC,IAAAgG,IAAI,IAC1GK,EAASrY,OAAO,yBAAkE,QAA1CiY,EAAEhiB,EAAkB4b,8BAAsB,IAAAoG,IAAI,IACtFI,EAASrY,OAAO,2BAAsE,QAA5CkY,EAAEjiB,EAAkB2b,gCAAwB,IAAAsG,IAAI,IAC1FG,EAASrY,OAAO,sBAA4D,QAAvCmY,EAAEliB,EAAkB8b,2BAAmB,IAAAoG,IAAI,IAChFE,EAASrY,OAAO,uBAA8D,QAAxCoY,EAAEniB,EAAkB6b,4BAAoB,IAAAsG,IAAI,IAC3E9oC,EACJ0N,KAAK,mBAAoBq7B,GACzBtnC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EQmNFwoC,CAAwBnnC,EAAWwB,KAAK4lC,uBAAyB,IAAI5jB,KAAoB+c,GAA+B/c,GACrH5jB,MAAK,KACJuiC,GAA2B,EAAM,IAElCtiC,OAAOhB,IAAgB,IAADuuB,EAAAC,EAAAC,EAAAC,EACrB8U,EACO,OAALxjC,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,GAAXA,EAAaphB,QACJ,OAALnN,QAAK,IAALA,GAAW,QAANwuB,EAALxuB,EAAOgL,YAAI,IAAAwjB,OAAN,EAALA,EAAarhB,QACR,OAALnN,QAAK,IAALA,GAAW,QAANyuB,EAALzuB,EAAOgL,YAAI,IAAAyjB,GAAXA,EAAaE,OACR,OAAL3uB,QAAK,IAALA,GAAW,QAAN0uB,EAAL1uB,EAAOgL,YAAI,IAAA0jB,OAAN,EAALA,EAAaC,OACb,6BAEN2U,GAA2B,EAAM,GACjC,EA2CUn8B,WACEk8B,EAA0B,eAAiB,IADlC,gBAEKx8B,SAEhBC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJlN,YAAY,eACZxC,MAAM,eACNoC,UAAQ,EACRM,aAAc6yB,EAAan8B,KAC3B8J,SAAWvF,GACTy6B,EAAqB,OAAQz6B,OAInC/E,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCD,eAAA,OAAKO,UAAU,4BAA2BN,SACxCD,eAAC6J,GAAM,CACLvC,MAAM,gBACNwC,YAAY,uBACZI,aAAcy1B,EACdx1B,gBAAgB,SAChBT,UAAQ,EACRM,aAAc21B,EAAiB3a,MAAKjlB,IAAI,IAAA6hC,EAAA,OAAE7hC,EAAKkF,SAAsB,OAAZ43B,QAAY,IAAZA,GAA0B,QAAd+E,EAAZ/E,EAAcS,oBAAY,IAAAsE,OAAd,EAAZA,EAA4BxiC,GAAG,IACxFoL,SAAWvF,GAAUy6B,EAAqB,eAAgB,CAACtgC,IAAK6F,IAChEmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,iCAAgCN,SAC7CD,eAACgX,GAAK,CACJlN,YAAY,UACZxC,MAAM,UACNoC,UAAQ,EACRyN,UAAW,GACXnN,aAAc6yB,EAAaG,cAC3BxyB,SAAWvF,GACTy6B,EAAqB,gBAAiBz6B,UAK9C/E,gBAAA,OACEK,UAAW,gCAAgCs8B,EAAaI,oBAAoBh9B,SAAA,CAE5ED,eAAA,OAAKO,UAAU,iCAAgCN,SAC7CD,eAAC6J,GAAM,CACLvC,MAAM,oBACNwC,YAAY,oBACZI,aAAcxP,EACd2P,UAAWzP,EACX2P,MAAI,EACJJ,gBAAgB,SAChBH,aAAc,CACZ/E,MAAO43B,EAAaM,gBACpB71B,MAAOu1B,EAAaI,mBAEtBvzB,UAAQ,EACRc,SAAWvF,GACTy6B,EAAqB,kBAAmBz6B,GAE1CmF,oBAAkB,MAGY,IAAjCyyB,EAAaM,gBACdn9B,eAAA,OAAKO,UAAU,iCAAgCN,SAC7CD,eAACgX,GAAK,CACJlN,YAAY,yBACZxC,MAAM,6BACNoC,UAAQ,EACRyN,UAAW,GACX1b,KAAM,SACNuO,aAAc6yB,EAAaiB,cAAgBjB,EAAaiB,cAAgB,IACxEtzB,SAAWvF,GACTy6B,EAAqB,gBAAiBz6B,OAGnC,KACyB,IAAjC43B,EAAaM,gBACVj9B,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,iCAAgCN,SAC7CD,eAACgX,GAAK,CACJlN,YAAY,qBACZxC,MAAM,qBACNoC,UAAQ,EACRyN,UAAW,GACXnN,aAAc6yB,EAAac,mBAC3BnzB,SAAWvF,GACTy6B,EAAqB,qBAAsBz6B,OAIjDjF,eAAA,OAAKO,UAAU,4BAA2BN,SACxCD,eAAC6J,GAAM,CACLvC,MAAM,iDACNwC,YAAY,oBACZI,aAAcm0B,EACdl0B,gBAAgB,SAChBT,UAAQ,EACRM,aAAc,CACZ/E,MAAO,GACPqC,MACsC,QADjCg0B,EACmB,QADnBC,EACHsB,EAAaW,iBAAS,IAAAjC,OAAA,EAAtBA,EAAwBgC,oBAAY,IAAAjC,IAAI,IAE5C9wB,SAAUA,CAACvF,EAAOqC,EAAOmE,KACvB,MAAMo2B,EACJp2B,EACIq2B,EAAkB,IAAIjF,GAC5BiF,EAAgBtE,UAAY,CAC1BD,aAAcj2B,EACdlI,IAAK6F,EACLvE,KAAMmhC,EAAcpC,UACpBhC,YAAaoE,EAAcpE,aAE7BX,EAAgBgF,EAAgB,EAElC13B,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,kCAAiCN,SAC9CD,eAAC6J,GAAM,CACLvC,MAAM,+BACNwC,YAAY,+BACZI,aAAcqvB,GACdpvB,gBAAgB,SAChBH,aAAc,CACZ/E,MAAO43B,EAAa1E,mBACpB7wB,MACEu1B,EAAa1E,mBAAmB/L,YAEpC1iB,UAAQ,EACRc,SAAWvF,GACTy6B,EACE,qBACAz6B,GAGJmF,oBAAkB,SAK1B,QAEJlK,gBAAA,OAAKK,UAAU,oCAAmCN,SAAA,CAChDD,eAACgX,GAAK,CACJlN,YAAY,UACZxC,MAAM,UACN0C,aACE6yB,GAAgBA,EAAaa,YACzBb,EAAaa,YACb,GAENlzB,SAAWvF,GACTy6B,EAAqB,cAAez6B,GAEtCkS,UAAW,MAEbnX,eAACgX,GAAK,CACJlN,YAAY,YACZxC,MAAM,YACN0C,aACE6yB,GAAgBA,EAAae,cACzBf,EAAae,cACb,GAENpzB,SAAWvF,GACTy6B,EAAqB,gBAAiBz6B,GAExCkS,UAAW,MAEbnX,eAACgX,GAAK,CACJlN,YAAY,WACZxC,MAAM,WACN0C,aACE6yB,GAAgBA,EAAagB,aACzBhB,EAAagB,aACb,GAENrzB,SAAWvF,GACTy6B,EAAqB,eAAgBz6B,GAEvCkS,UAAW,SAGmB,IAAjC0lB,EAAaM,gBACZj9B,gBAAAyB,YAAA,CAAA1B,SAAA,CACK1F,EAAWwB,KAAK4lC,uBAAyB3hC,eAAC46B,GAAwB,CAACE,4BAA6BA,EAA6BD,+BAAgCA,IAAqC,KACrM36B,gBAAA,OACEK,UAAW,0BACTi8B,EAAgB,uBAAyB,IACxCv8B,SAAA,CAEHD,eAAA,KAAGO,UAAU,0BAAyBN,SAAC,iCAGvCD,eAAA,OAAKO,UAAU,SACfL,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CACV,QADUu7B,EAC7BqB,EAAariB,cAAM,IAAAghB,OAAA,EAAnBA,EAAqB/5B,KACpB,CAAAkM,EASEc,KAAC,IAAAszB,EAAAC,EAAA,IARD,aACExB,EAAY,OACZC,EAAM,aACNH,EAAY,cACZI,EAAa,WACbC,EAAU,UACVrB,GACD3xB,EAAA,OAGc,IAAd2xB,GAAmB7wB,EAAI,GAExBvO,gBAAA,OAAaK,UAAU,eAAcN,SAAA,CACjCC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,eAAcN,SAAE,WAChCwO,EACCzO,eAACiiC,GAAQ,CACP36B,MAAM,+BACNixB,YACEsE,EAAariB,QACTgf,GACAqD,EAAariB,OAAO/L,EAAI,MAE1B+qB,GACEqD,EAAariB,OAAO/L,IAI1BpD,SAAWktB,IACT,MAAMuJ,EAAkB,IACnBjF,GAEDtE,EACEuJ,EAAgBtnB,SAElBsnB,EAAgBtnB,OAAO/L,GAAKyzB,gBAAgBJ,EAAgBtnB,OAAO/L,EAAI,IAEvEquB,EAAgBgF,KAGdA,EAAgBtnB,SAClBsnB,EAAgBtnB,OAAO/L,GAAK,IACvBqzB,EAAgBtnB,OAAO/L,GAC1B+xB,aAAc,EACdC,OAAQ,GACRH,aAAc,EACdI,cAAe,GACfC,WAAY,EACZJ,cAAe,IAGnBzD,EAAgBgF,GAClB,IAGF,QAEN5hC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC1BD,eAACgX,GAAK,CACFtN,UAAQ,EACRjO,KAAK,SACL6L,MAAM,gBACNyC,YAAY,kBACZS,SAAWvF,IACT,MAAM68B,EAAkB,IACnBjF,GAEDiF,EAAgBtnB,SAClBsnB,EAAgBtnB,OACd/L,GACE+xB,cAAgBv7B,EACpB63B,EAAgBgF,GAClB,EAEF93B,aAAcw2B,IAElBxgC,eAACgX,GAAK,CACFtN,UAAQ,EACRpC,MAAM,gBACNyC,YAAa,sHAAuGxP,EAAWwB,KAAK6X,iBAAmB,4BACvJpJ,SAAWvF,IACT,MAAM68B,EAAkB,IACnBjF,GAEDiF,EAAgBtnB,SAClBsnB,EAAgBtnB,OAAO/L,GAAG6xB,aACxBr7B,EACF63B,EAAgBgF,GAClB,EAEF93B,aAAc,GAAGs2B,IACjB7kC,KAAM,WAEVuE,eAAA,OAAK4O,MAAO,CAAC5P,MAAO,QAAQiB,SACxBD,eAACgX,GAAK,CACFtN,UAAQ,EACRpC,MAAM,eAENkD,SAAWvF,IACT,MAAM68B,EAAkB,IACnBjF,GAEDiF,EAAgBtnB,SAClBsnB,EAAgBtnB,OAAO/L,GAAGgyB,OACxBx7B,EACF63B,EAAgBgF,GAClB,EAEF93B,aAAcy2B,MAGtBzgC,eAACgX,GAAK,CACFtN,UAAQ,EACRpC,MAAM,iBACNyC,YAAa,8FAAyFxP,EAAWwB,KAAK6X,iBAAmB,sBACzIpJ,SAAWvF,IACT,MAAM68B,EAAkB,IACnBjF,GAEDiF,EAAgBtnB,SAClBsnB,EAAgBtnB,OACd/L,GACEiyB,cAAgBz7B,EACpB63B,EAAgBgF,GAClB,EAEF93B,aAAc02B,IAElB1gC,eAAC6J,GAAM,CACHK,aAAcq0B,EACdp0B,gBAA6B,OAAZ0yB,QAAY,IAAZA,KAAcriB,QAAUqiB,EAAariB,OAAOlf,OAAS,IAAMmT,EAAI,MAAQ,SACxFnH,MAAM,qBACN0C,aAAcu0B,EAA6B,OAAZ1B,QAAY,IAAZA,GAAoB,QAARkF,EAAZlF,EAAcriB,cAAM,IAAAunB,GAApBA,EAAuBtzB,GAAG8xB,cAAgB1D,EAAariB,OAAO/L,GAAG8xB,cAAgB,EAAI,GACpH72B,UAAQ,EACRU,oBAAkB,EAElBI,SAAWvF,IACT,MAAMk9B,EAAU,IAAItF,GAEhBsF,EAAQ3nB,SACV2nB,EAAQ3nB,OAAO/L,GAAG8xB,eAAiBt7B,EACnC63B,EAAgBqF,GAClB,IAGNjiC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC3BD,eAACiiC,GAAQ,CACL36B,MAAM,gBACNixB,UACE4F,EAAqB74B,SAASmJ,MAC5BkyB,EAEJt1B,SAAWktB,IACT6F,GACGgE,IACC,GAAI7J,EAAW,CACb,GAAI6J,EAAW98B,SAASmJ,GACtB,OAAO2zB,EAET,MAAMD,EAAU,IACXtF,GAQL,OANIsF,EAAQ3nB,SACV2nB,EAAQ3nB,OACN/L,GACEkyB,WAAa,GACjB7D,EAAgBqF,IAEX,IAAIC,EAAY3zB,EACzB,CACA,MAAM0zB,EAAU,IACXtF,GAQL,OANIsF,EAAQ3nB,SACV2nB,EAAQ3nB,OACN/L,GACEkyB,WAAa,EACjB7D,EAAgBqF,IAEXC,EAAW18B,QACfqZ,GAAQA,IAAQtQ,GAClB,GAEJ,IAGR0vB,EAAqB74B,SAASmJ,IAC7BkyB,EAgCAzgC,gBAACw6B,GAAc,CAAAz6B,SAAA,CACbD,eAACgX,GAAK,CACJvb,KAAK,SACLqO,YAAY,oBACZJ,UAAQ,EACRM,aAAc22B,EACdn2B,SAAWvF,GAjdnCo9B,EAACp9B,EAAenD,KACpC,MAAMqgC,EAAU,IACXtF,GAGDsF,EAAQ3nB,SACV2nB,EAAQ3nB,OAAO1Y,GAAO6+B,YAAc17B,EACpC63B,EAAgBqF,GAClB,EAyciEE,CAAcp9B,EAAOwJ,KAE/B,OAAZouB,QAAY,IAAZA,GAAoB,QAARmF,EAAZnF,EAAcriB,cAAM,IAAAwnB,GAApBA,EAAuBvzB,GAAGkyB,WACzB3gC,eAAC26B,GAAa,CAAA16B,SAAC,SAAuB,QAExC,aA1NJwO,EA6NJ,IAGTlU,EAAWwB,KAAK6kC,mBAAsB1gC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAClED,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAAA,OAAKO,UAAU,eAAcN,SAAE,mBAEjCC,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCD,eAACgX,GAAK,CACJtN,UAAQ,EACRjO,KAAK,SACL6L,MAAM,sBACNkD,SAAWvF,IACTy6B,EAAqB,oBAAqBz6B,EAAM,EAElD+E,aAAc6yB,GAAgBA,EAAakB,kBAAoBlB,EAAakB,kBAAoB,MAElG/9B,eAACgX,GAAK,CACJtN,UAAQ,EACRpC,MAAM,qBACNkD,SAAWvF,IACTy6B,EAAqB,mBAAoBz6B,EAAM,EAEjD+E,aAAc,GAAG6yB,GAAgBA,EAAamB,iBAAmBnB,EAAamB,iBAAmB,MAEnGh+B,eAACgX,GAAK,CACJtN,UAAQ,EACRpC,MAAM,qBACNkD,SAAWvF,IACTy6B,EAAqB,mBAAoBz6B,EAAM,EAEjD+E,aAAc,GAAG6yB,GAAgBA,EAAaoB,iBAAmBpB,EAAaoB,iBAAmB,OAEnG/9B,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAACiiC,GAAQ,CACP36B,MAAM,gBACNixB,YAAasE,EAAaqB,sBAC1B7yB,SAAWktB,KACJA,GAAesE,EAAaqB,sBAC/BwB,EAAqB,wBAAyB,GAE9CA,EAAqB,wBAAyB,GAChD,IAGD7C,EAAaqB,sBACdh+B,gBAACw6B,GAAc,CAAAz6B,SAAA,CACbD,eAACgX,GAAK,CACJvb,KAAK,SACLqO,YAAY,oBACZJ,UAAQ,EACRM,aAAc6yB,EAAaqB,sBAC3B1zB,SAAWvF,GAAUy6B,EAAqB,wBAAyBz6B,KAEpE43B,EAAaqB,sBACZl+B,eAAC26B,GAAa,CAAA16B,SAAC,SAAuB,QAExC,cAGA,cAuBd,KACH08B,GACC38B,eAAA,OAAKO,UAAU,qBAAoBN,SAChC08B,IAGLz8B,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OACEO,UAAW,uBAAuD,QAAvDk7B,EAAuBoB,EAAaO,2BAAmB,IAAA3B,OAAA,EAAhCA,EAAkC/6B,OAAOT,SAE1C,QAF0Cy7B,EAE1EmB,EAAaO,2BAAmB,IAAA1B,OAAA,EAAhCA,EAAkC6B,eAErCv9B,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,6BAOnDC,gBAAA,OAAKK,UAAU,8BAA6BN,SAAA,CAC1CC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,QAAON,SAAC,sBACvBD,eAAA,OAAKO,UAAU,cAAaN,SAAC,8CAG7BD,eAACk3B,GAAI,CACHhO,cAAeqR,EACfjD,mBAAoB,CAClBM,YAAaiF,EAAan8B,KAC1B48B,aAA2C,QAA/B3B,EAA2B,QAA3BC,EAAEiB,EAAaS,oBAAY,IAAA1B,OAAA,EAAzBA,EAA2Bx8B,UAAE,IAAAu8B,IAAI,GAC/C6B,UAAqC,QAA5B3B,EAAwB,QAAxBC,EAAEe,EAAaW,iBAAS,IAAA1B,OAAA,EAAtBA,EAAwB18B,UAAE,IAAAy8B,IAAI,GACzC7D,UAAuC,QAA9B+D,EAAwB,QAAxBC,EAAEa,EAAaW,iBAAS,IAAAxB,OAAA,EAAtBA,EAAwBt7B,YAAI,IAAAq7B,IAAI,GAC3CxvB,cAAeswB,EAAaM,gBAC5BrF,kBAAmB+E,EAAaG,cAChCsF,WAAY,GACZnK,mBAAoB0E,EAAa1E,mBACjCkF,eAA2C,QAA7BpB,EAAEY,EAAaQ,sBAAc,IAAApB,IAAI,GAC/C6B,cAA0C,QAA7B5B,GAAGW,EAAaiB,qBAAa,IAAA5B,IAAI,KAEhD3E,WAAYA,EACZC,cAAeA,EACfC,YAAa,CACXM,UAAW8E,EAAariB,OACE,QADI2hB,EAC1BU,EAAariB,OAAO,UAAE,IAAA2hB,OAAA,EAAtBA,EAAwBqE,kBACxBjlC,EACJif,OAAQqiB,EAAariB,QACK,QAAtB4hB,EAAAS,EAAariB,OAAO,UAAE,IAAA4hB,OAAA,EAAtBA,EAAwBoE,cAAe,OACvCjlC,EACJklC,OAAQ5D,EAAariB,OACK,QADC6hB,EACvBQ,EAAariB,OAAO,UAAE,IAAA6hB,OAAA,EAAtBA,EAAwBoE,YACxBllC,QAIVyE,eAAA,OAAKO,UAAU,sBAAqBN,SAClCD,eAACk6B,GAAY,CACXC,kBAAmBI,EACnBH,qBAAuBD,GACrBK,EAAgBL,aAO1Bn6B,eAAA,OAAKO,UAAU,8BAIb,E,SCt5BP,MAAMZ,GAAUC,UAAOC,GAG5B;;;;;;aAMWH;;;;;;iBAMKZ,GAAWA,EAAM4K,SAAW,OAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA0C7ChK;UACAA;;eAEKA;;;;;;;;;;;;;;;;wBAgBSA;;;;;;;;;gBASRA;;;;;;;;;;;;;;;;;;;;;;;;;ECRD6iC,OArEiB7jC,IAWlB,IAXmB,MAC/B4I,EAAK,YACLwC,EAAW,YACXC,EAAW,aACXC,EAAY,SACZN,EAAQ,SACRW,EAAQ,SACRG,EAAQ,OACRg4B,EAAM,OACNC,EAAM,QACNh4B,GACM/L,EACN,MAAOuG,EAAOyF,GAAY/G,IAAMxC,SAAiB6I,GAAgB,IAEjEnE,qBAAU,KACJmE,GAAgBA,IAAiB/E,GACnCyF,EAASV,EACX,GACC,CAACA,IAEJ,MAAM,IAAE7K,GAAQujC,2BAAkC,CAChDC,OAAQ7qC,EACR8qC,gBAAkBtkB,IAChB5T,EAAS4T,EAAMukB,mBACXr4B,GAAUA,EAAS8T,EAAMukB,mBACzBL,GAAQA,EAAOlkB,EAAMwkB,SAAStpC,SAASupC,OACvCN,GAAQA,EAAOnkB,EAAMwkB,SAAStpC,SAASwpC,MAAM,EAEnD3+B,QAAS,CACP4+B,MAAO,CAAC,WACRC,SAAU,QAQd,OACEhjC,gBAACP,GAAO,CAAC+J,SAAUA,EAAUyB,UAAW7D,EAAMrH,SAAA,CAC5CD,eAAA,QAAMO,UAAU,QAAON,SAAEqH,IACxByC,GACC7J,gBAAA,QAAMK,UAAU,eAAcN,SAAA,CAC5BD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,UAASN,SAAE8J,OAG/B/J,eAAA,SACEb,IAAKA,EACL1D,KAAK,OACL8E,UAAU,GACV0E,MAAOA,EACP6E,YAAaA,EACbJ,SAAUA,EACVW,SAAUA,EACVgB,SAAW3C,IACT,OAtBc4O,EAsBM5O,EAAM9H,OAAOqE,WArBvCyF,EAAS4M,GADWA,KAsByB,EAEzC7M,QAASA,KACHA,GAASA,GAAS,IAG1BzK,eAAA,QAAMO,UAAU,mBAAkBN,SAChCD,eAACsT,GAAc,QAET,EC1EP,MAUM6vB,GAAoB9jB,GAC/B3mB,EACG0N,KAAK,yBAA0BiZ,GAC/BllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAkErBkqC,GAAyBA,IACpC1qC,EACGwB,IAAI,2BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCscnBmqC,OAngBkB3kC,IAOQ,IACnCwhB,GAR4B,4BACEojB,EAA2B,SAC3B9pC,EAAQ,UACRwB,EAAS,4BACTuoC,EAA2B,kBAC3BC,EAAiB,aACjBC,GACD/kC,EAGjC,MAAOglC,EAA2BC,GAChChgC,IAAMxC,SAA0D,CAC9D9H,QAAQ,EACRyU,YAAa,QAGX,WAAEvT,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAElDyoC,EAAaC,GAAkB1iC,mBAAS,CAAC,CAAEmG,MAAO,OAAQrC,MAAO,GAAK,CAAEqC,MAAO,SAAUrC,MAAO,MAChG6+B,EAAcC,GAAmB5iC,mBAASyiC,EAAY,GAAG3+B,QACzD++B,EAAkBC,GAAuB9iC,mBAAS,CACvD,CACE8D,MAAO,GACPqC,MAAO,iBACP48B,SAAU,MAGPC,EAAoBC,GAAyBjjC,mBAGjD,CACC8D,MAAO,GACPqC,MAAO,MAIJ+8B,EAA8BC,GACnC3gC,IAAMxC,UAAkB,IAGxBojC,EACAC,GACE7gC,IAAMxC,SAAiB,KAEpBsjC,EAAmBC,GACxB/gC,IAAMxC,WAER0E,qBAAU,KACJtL,EAAWwB,KAAK4I,mBAClBk/B,EAAe,IAAID,EAAa,CAAEt8B,MAAO,aAAcrC,MAAO,KAC9Dm+B,KAAyBjpC,MAAMgK,IAC1BA,EAAIC,KAAK/K,SACV4qC,EAAoB9/B,EAAIC,KAAKugC,SAC7BP,EAAsB,CACpBn/B,MAAOd,EAAIC,KAAKugC,QAAQ,GAAG1/B,MAC3BqC,MAAOnD,EAAIC,KAAKugC,QAAQ,GAAGr9B,QAE/B,IAGJ,GACC,IAGH,MAMMs9B,EAA4BA,CAAClkC,EAAcuE,KAC3Cs/B,GACFC,EAAsC,IAExCE,GAAsBlsB,IACb,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGE4/B,EAA4BC,IAChC3kB,aAAaD,GAEbA,EAAUhT,YAAW,KZNvB6Q,MYOI4lB,EAA6B,CAC3BtqC,QAAQ,EACRyU,YAAag3B,EAAUh3B,eZT7BiQ,EYY4B+mB,EZV5BpsC,EACG0N,KAAK,wBAAyB2X,GAC9B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aYKzBiB,MAAMjB,IACL,MAAM6rC,EAAe,GAErB/pC,EAAUwb,SAASc,IACjB,GAAIA,EAAalY,KAAO0lC,EAAUh3B,YAAa,CACrBwJ,EAER6F,MAAQjkB,EAASkL,KAAK+Y,MACtC4nB,EAAargC,KAAK4S,EACpB,MACEytB,EAAargC,KAAK4S,EACpB,IAGFqsB,EAA6B,CAC3BtqC,QAAQ,EACRyU,YAAa,MACb,IAEH1T,OAAM,KACLupC,EAA6B,CAC3BtqC,QAAQ,EACRyU,YAAa,MACb,GACF,GACH,IAAI,EAuCHk3B,EAA4B,CAChC,CACEtkC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIurB,YAGrB,CACEvkC,KACEV,eAACqoB,GAAW,CACVxC,SAAS,8IAEblM,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,KAAMsjC,OAnEWC,EAmEkBzrB,GAlE5C0rB,OACR9B,EAA4B,CAC1B+B,UAAWF,EAAM/lC,GACjBgkB,WAAY+hB,EAAM/hB,WAClBtH,MAAOqpB,EAAMrpB,MACbspB,OAAQD,EAAMC,OACdE,uBAAwBH,EAAMG,uBAC9BC,SAAUJ,EAAMI,WAETJ,EAAMK,kBACflC,EAA4B,CAC1B+B,UAAWF,EAAM/lC,GACjBgkB,WAAY+hB,EAAM/hB,WAClBtH,MAAOqpB,EAAMM,gBACbH,uBAAwBH,EAAMG,uBAC9BE,kBAAmBL,EAAMK,kBACzBD,SAAUJ,EAAMI,WAGlBjC,EAA4B,CAC1B+B,UAAWF,EAAM/lC,GACjBgkB,WAAY+hB,EAAM/hB,WAClBC,UAAW8hB,EAAM9hB,UACjBiiB,uBAAwBH,EAAMG,uBAC9BC,SAAUJ,EAAMI,gBAIpBhC,GAA4B,GA7BQ4B,KAmEuB,EAAAllC,SAEjDD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAzCnB4hC,EAyCgD9pB,EAAK,EAAAzZ,SAE3CD,eAACwlB,GAAU,WAQjBkgB,EAA2Bh9B,IZjHjCqV,MYkHErV,EAAMgf,iBACF+c,IACFH,GAAgC,IZpHpCvmB,EYqH4C,IAAjB+lB,EAAqBW,EAAqC,IAAjBX,EAAqB,IAAKW,EAAmBhpC,KAAMqoC,GAAiB,IAAKW,EAAmBhpC,KAAMqoC,EAAc6B,aAAc,GAAGxB,EAAmBl/B,QAAS2gC,eAAgB,GAAGzB,EAAmB78B,QAAQu+B,mBAAoB,GAAG7B,EAAiBhf,MAAKjlB,GAAMA,EAAKkF,QAAUk/B,EAAmBl/B,QAAQi/B,YZnH5WxrC,EACG0N,KAAK,yBAA0B2X,GAC/B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aY8GzBiB,MAAK,KACJspC,IACAiB,EAAqB,MACrBJ,GAAgC,EAAM,IAEvClqC,OAAOhB,IAAW,IAADuuB,EAAAC,EAAAC,EAAAC,EAChB0c,EACO,OAALprC,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,GAAXA,EAAaphB,QACJ,OAALnN,QAAK,IAALA,GAAW,QAANwuB,EAALxuB,EAAOgL,YAAI,IAAAwjB,OAAN,EAALA,EAAarhB,QACR,OAALnN,QAAK,IAALA,GAAW,QAANyuB,EAALzuB,EAAOgL,YAAI,IAAAyjB,GAAXA,EAAaE,OACN,OAAL3uB,QAAK,IAALA,GAAW,QAAN0uB,EAAL1uB,EAAOgL,YAAI,IAAA0jB,OAAN,EAALA,EAAaC,OACb,yBAGRuc,GAAgC,EAAM,IAE5C,EAGF,OACEpkC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,YACVqB,QAASA,KAAMkkC,OAvKOh4B,EAuKctU,EAAS4F,QAtKnDslC,GAAsBlsB,IACb,IAAKA,EAAWpZ,GAAI0O,MAFDA,KAuK2B,EAAA7N,SAClD,iBAGDD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRc,SAAWvF,GACT4/B,EAAyB,CACvB/2B,YAAatU,EAAS4F,GACtBmgB,OAAQta,YAMA,OAAjBw/B,QAAiB,IAAjBA,OAAiB,EAAjBA,EAAmBrlC,MAAO5F,EAAS4F,GAClCc,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC7B1F,EAAWwB,KAAK6I,WAAarK,EAAWwB,KAAK4I,iBAAmB3E,eAAA,OAAKO,UAAU,cAAaN,SAC3FD,eAAC6J,GAAM,CACLC,YAAY,uBACZI,aAAc05B,EACdz5B,gBAAgB,SAChBH,aAAc45B,EAAY,GAC1Bl6B,UAAQ,EACRc,SAAWvF,GACT8+B,GAAiB9+B,GAEnBmF,oBAAkB,MAEb,KAGU,IAAjB05B,EACE9jC,eAAA,QACEynB,SAAUie,EACVnlC,UAAW,IACT8jC,EAA+B,eAAiB,IAElDj5B,aAAa,MAAKnL,SAGlBC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,oBACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,IAAM8iC,EAAqB,MAAMzkC,SAE1CD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACgX,GAAK,CACJlN,YAAY,aACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACT2/B,EAA0B,aAAc3/B,OAI9CjF,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACT2/B,EAA0B,YAAa3/B,OAI7CjF,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YAAY,WACZJ,UAAQ,EACR0B,aAAa,eACbZ,SAAWvF,GACT2/B,EAA0B,WAAY3/B,OAI3C1K,EAAWwB,KAAKkvB,wBAA0BjrB,eAAA,OAAKO,UAAU,iBAAgBN,SACxED,eAACs4B,GAAQ,CAAChxB,MAAO,6BAA8B+D,SAAUyhB,IACvD8X,EAA0B,yBAA0B9X,EAAQ,MAEvD,QAGVyX,GACCvkC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCskC,IAGLvkC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,kBAK5B,IAAjB6jC,EACF5jC,gBAAA,QACEunB,SAAUie,EACVnlC,UAAW,IACT8jC,EAA+B,eAAiB,IAElDj5B,aAAa,MAAKnL,SAAA,CAGlBD,eAAA,SAAO8D,KAAK,eAAesH,aAAa,OAAO1K,KAAK,SAASjF,KAAK,OAAOmT,MAAO,CAAEJ,QAAS,UAC3FtO,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,sBACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACP8iC,EAAqB,MACrBX,EAAgB,EAAE,EAClB9jC,SAEFD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACgX,GAAK,CACJlN,YAAY,OACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACT2/B,EAA0B,aAAc3/B,OAI9CjF,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAACgX,GAAK,CACJlN,YAAY,SACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACT2/B,EAA0B,QAAS3/B,OAIzCjF,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YAAY,WACZJ,UAAQ,EACR0B,aAAa,eACbZ,SAAWvF,GACT2/B,EAA0B,WAAY3/B,OAI3C1K,EAAWwB,KAAKkvB,wBAA0BjrB,eAAA,OAAKO,UAAU,iBAAgBN,SACxED,eAACs4B,GAAQ,CAAChxB,MAAO,6BAA8B+D,SAAUyhB,IACvD8X,EAA0B,yBAA0B9X,EAAQ,MAEvD,QAEVyX,GACCvkC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCskC,IAGLvkC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,qBAM/CC,gBAAA,QACEunB,SAAUie,EACVnlC,UAAW,IACT8jC,EAA+B,eAAiB,IAElDj5B,aAAa,MAAKnL,SAAA,CAGlBD,eAAA,SAAO8D,KAAK,eAAesH,aAAa,OAAO1K,KAAK,SAASjF,KAAK,OAAOmT,MAAO,CAAEJ,QAAS,UAC3FtO,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,0BACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACP8iC,EAAqB,MACrBX,EAAgB,EAAE,EAClB9jC,SAEFD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACgX,GAAK,CACJlN,YAAY,OACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACT2/B,EAA0B,aAAc3/B,OAI9CjF,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAAC6J,GAAM,CAACK,aAAc85B,EACd75B,gBAAgB,SAChBH,aAAcm6B,EACd35B,SAAUA,CAACvF,EAAOqC,KAChB88B,EAAsB,CACpBn/B,MAAO,GAAGA,IACVqC,MAAO,GAAGA,MAEZs9B,EAA0B,eAAgB,GAAG3/B,KAC7C2/B,EAA0B,iBAAkB,GAAGt9B,KAC/Cs9B,EAA0B,qBAAsB,GAAGZ,EAAiBhf,MAAKjlB,GAAMA,EAAKkF,QAAUA,IAAQi/B,WAAW,EAEnHx6B,UAAQ,EACRU,oBAAkB,MAE5BpK,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YAAY,WACZJ,UAAQ,EACR0B,aAAa,eACbZ,SAAWvF,GACT2/B,EAA0B,WAAY3/B,OAI3C1K,EAAWwB,KAAKkvB,wBAA0BjrB,eAAA,OAAKO,UAAU,iBAAgBN,SACxED,eAACs4B,GAAQ,CAAChxB,MAAO,6BAA8B+D,SAAUyhB,IACvD8X,EAA0B,yBAA0B9X,EAAQ,MAEvD,QAEVyX,GACCvkC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCskC,IAGLvkC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,4BASnD,KACJD,eAAA,OACEO,UAAW,0BACTmjC,EAA0BrqC,QAC1BqqC,EAA0B51B,cAAgBtU,EAAS4F,GAC/C,eACA,IACHa,SAEHD,eAAA,OAAKO,UAAU,oBAAmBN,SAC/BzG,EAAS2jB,MAAM7hB,OAAS,EACvB0E,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS+pB,EACT5gC,KAAM5K,EAAS2jB,UAInBnd,eAAA,OAAKO,UAAU,gBAAeN,SAAC,+BAIjC,EC5hBH,MAAM+lC,GAAepmC,UAAO+lB,IAAI;;;;;;;EAS1BsgB,GAAiBrmC,UAAOsmC,MAAM;;EAI9BC,GAAcvmC,UAAOC,GAAG;;EC2BtBumC,OA7BkB1nC,IAAsF,IAArF,sBAAE2nC,EAAqB,wBAAEC,EAAuB,UAAEC,EAAS,OAAEC,EAAM,SAAEhtC,GAAUkF,EAK/G,OACEwB,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC7BomC,GACCrmC,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAM0kC,EAAwB9sC,GAAUyG,SAClD,0BAIHD,eAACmmC,GAAW,CAAAlmC,SACVD,eAACimC,GAAc,CACbxqC,KAAK,SACLmG,QAjBgB6kC,KACtBF,GAAWC,EAAO,EAgBavmC,SAEzBC,gBAAC8lC,GAAY,CAAA/lC,SAAA,CACVumC,EAAS,OAAS,OAAO,uBAAqBhtC,EAAS2jB,MAAM7hB,OAAO,aAIvE,ECQKorC,OA3B0BhoC,IAKQ,IALP,SACElF,EAAQ,4BAAE8pC,EAA2B,wBACrCgD,EAAuB,sBAAED,EAAqB,4BAC9C9C,EAA2B,kBAAEC,EAAiB,SAC9CmD,EAAQ,aAAElD,EAAY,UAAEzoC,GACzB0D,EACzC,MAAO8nC,EAAQD,GAAaplC,oBAAS,GAErC,OACEjB,gBAAAyB,YAAA,CAAA1B,SAAA,EACIumC,GACAxmC,eAACqjC,GAAY,CAAC7pC,SAAUA,EAAUwB,UAAWA,EAC/BsoC,4BAA6BA,EAC7BC,4BAA6BA,EAC7BC,kBAAmBA,EACnBC,aAAcA,MAI1BkD,IAAaN,IACfrmC,eAAComC,GAAY,CAACC,sBAAuBA,EAAuBC,wBAAyBA,EACvEC,UAAWA,EAAWC,OAAQA,EAAQhtC,SAAUA,MAE/D,ECxCP,MAAMotC,GAAoC,GAE1C,IAAK,IAAIC,GAAO,EAAGA,GAAO,GAAIA,IAAQ,EACpC,IAAK,IAAI5vB,EAAM,EAAGA,EAAM,GAAIA,GAAO,GACjC2vB,GAAUliC,KAAK,CACb4C,MAAO,GAAGw/B,OAAOD,IAAME,SAAS,EAAG,QAAQD,OAAO7vB,GAAK8vB,SAAS,EAAG,OACnE9hC,MAAO,GAAG6hC,OAAOD,IAAME,SAAS,EAAG,QAAQD,OAAO7vB,GAAK8vB,SAAS,EAAG,SAK1DH,UCVf,MAAMjnC,GAAUC,UAAOC,GAAG;;;;wBAIFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECPXsnC,GAAwB,CACnCC,OAAQ,CACNC,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,UAET6/B,QAAS,CACPD,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,WAET8/B,UAAW,CACTF,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,aAET+/B,SAAU,CACRH,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,YAETggC,OAAQ,CACNJ,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,UAETigC,SAAU,CACRL,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,YAETkgC,OAAQ,CACNN,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,GACJkH,MAAO,WC4HImgC,OA9JE/oC,IAAuE,IAAtE,gBAAEgpC,EAAe,iBAAExhB,EAAgB,mBAAEyhB,GAA2BjpC,EAChF,MAAMkpC,EAAkB3P,MAAM4P,QAAQH,GAClCV,GACAU,GAEGI,GAAe3mC,mBAQnBymC,GAEH,OACE1nC,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,kBAC5BD,eAAA,OAAKO,UAAU,SACfL,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAACiiC,GAAQ,CACP52B,SAAWktB,IACT,IAAKA,EAAW,OAChB,MAAMwP,EAAW,IAAKD,GACtB/pC,OAAO0P,KAAKq6B,GAAatxB,SAASwxB,IAChCD,EAASC,GAASxB,OAASjO,CAAS,IAEtCoP,EAAmBI,EAAS,EAE9BxP,UAAWx6B,OAAO+Q,OAAOg5B,GAAaG,OAAMt6B,IAAA,IAAC,OAAE64B,GAAQ74B,EAAA,OAAK64B,CAAM,MAEpExmC,eAAA,KAAGO,UAAU,cAAaN,SAAC,QAC3BD,eAAA,KAAGO,UAAU,cAAaN,SAAC,UAC3BD,eAAA,KAAGO,UAAU,cAAaN,SAAC,cAE5BlC,OAAO0P,KAAKq6B,GAAarmC,KAAKymC,IAAO,IAAAC,EAAA,OACpCjoC,gBAAA,OAAmBK,UAAU,gBAAeN,SAAA,CAC1CD,eAACiiC,GAAQ,CACP1J,UAAWuP,EAAYI,GAAS1B,OAChCn7B,SAAWktB,IACT,MAAM6P,EAAO,IAAKN,GAClBM,EAAKF,GAAS1B,OAASjO,EACvBoP,EAAmBS,EAAK,IAG5BpoC,eAAA,OAAKO,UAAU,iCAAgCN,SAClB,QADkBkoC,EAC5CL,EAAYI,GAAS5gC,aAAK,IAAA6gC,IAAID,IAEjChoC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,SACE8sB,QAAS,aAAakb,IACtB3nC,UAAU,0CAAyCN,SAAA,CAEnDC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SACEqL,SAAUsD,IAAiB,IAAhB,OAAE/N,GAAQ+N,EACnB,MAAMy5B,EAAO,IAAKN,GAClBM,EAAKF,GAAShB,OAAStmC,EAAOksB,QAC1BlsB,EAAOksB,UACTsb,EAAKF,GAAS9nC,GAAK,GACnBgoC,EAAKF,GAAShQ,KAAO,IAEvByP,EAAmBS,EAAK,EAE1B/9B,UAAWy9B,EAAYI,GAAS1B,OAChC1Z,QAASgb,EAAYI,GAAShB,OAC9BzrC,KAAK,WACL2D,GAAI,aAAa8oC,MAEnBloC,eAAA,QAAMO,UAAU,qBAElBP,eAAA,OAAKO,UAAU,OAAMN,SAAC,eAEvBimB,EAAiB,aAAagiB,aAC7BloC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiB,aAAagiB,eAE/B,QAGNhoC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAC6J,GAAM,CACLC,YACGg+B,EAAYI,GAAS1B,OAEjBsB,EAAYI,GAAShB,OAEtB,QADA,eAFA,GAKNh9B,aAAc08B,GACdv8B,SACEy9B,EAAYI,GAAShB,SAAWY,EAAYI,GAAS1B,OAEvD98B,UAAWo+B,EAAYI,GAAShB,OAChC/8B,gBAAgB,MAChBH,aACE89B,EAAYI,GAAS1B,OACjBI,GAAU5hB,MAAMwC,GACPA,EAAQviB,QAAU6iC,EAAYI,GAAShQ,OAEhD,CAAE5wB,MAAO,GAAIrC,MAAO,IAE1BuF,SAAWvF,IACT,MAAMmjC,EAAO,IAAKN,GAClBM,EAAKF,GAAShQ,KAAOjzB,EACrB0iC,EAAmBS,EAAK,EAE1Bh+B,oBAAkB,EAClBG,KAAMu9B,EAAYI,GAAShB,SAAWY,EAAYI,GAAS1B,SAE5DtgB,EAAiB,aAAagiB,UAC7BloC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiB,aAAagiB,YAE/B,QAENhoC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAC6J,GAAM,CACLC,YACGg+B,EAAYI,GAAS1B,OAEjBsB,EAAYI,GAAShB,OAEtB,QADA,eAFA,GAKNh9B,aAAc08B,GACdz8B,gBAAgB,MAChBE,SACEy9B,EAAYI,GAAShB,SAAWY,EAAYI,GAAS1B,OAEvD98B,UAAWo+B,EAAYI,GAAShB,OAChCl9B,aACE89B,EAAYI,GAAS1B,OACjBI,GAAU5hB,MAAMwC,GACPA,EAAQviB,QAAU6iC,EAAYI,GAAS9nC,KAEhD,CAAEkH,MAAO,GAAIrC,MAAO,IAE1BuF,SAAWvF,IACT,MAAMmjC,EAAO,IAAKN,GAClBM,EAAKF,GAAS9nC,GAAK6E,EACnB0iC,EAAmBS,EAAK,EAE1Bh+B,oBAAkB,EAClBG,KAAMu9B,EAAYI,GAAShB,SAAWY,EAAYI,GAAS1B,SAE5DtgB,EAAiB,aAAagiB,QAC7BloC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiB,aAAagiB,UAE/B,UAlHEA,EAoHJ,MAEA,ECxKC,OAA0B,yCCGzC,MAAM5f,GAAkBC,WAAS;;;;;;;;;;EAY3B5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgCFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2CIA;6BACCA;;;;;;;;;uBASN4oB;;;oBAGH5oB;;;;;mBAKDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAuCKA;;;;;;eAMTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4DKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAyFMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+BPA;;;;;;;;;mBASAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAwCAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFOA;;;;;0BAKAA;;;;;4BAKEA;;;;4BAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAqDAA;;;;;;;;;;;;;;;;iBAgBXA;;;;;;;;;;;;;;;;;oBAiBGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuCLA;;;;;;;;;;;;;EC8hBA2oC,OA/kCmBA,KAAO,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACtC,MAAOC,EAAaC,GAAkBrlC,IAAMxC,UAAkB,IACvD8nC,EAAkBC,GAAuBvlC,IAAMxC,SAAiB,IAChEnG,EAAWmuC,GAAgBxlC,IAAMxC,SAAuC,KACzE,WAAC5G,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAEhD6oC,EAAkBC,GAAuB9iC,mBAAS,CACvD,CACE8D,MAAO,GACPqC,MAAO,eACP48B,SAAU,KAIdr+B,qBAAU,KACJtL,EAAWwB,KAAK4I,kBAClBy+B,KAAyBjpC,MAAMgK,IAC7B8/B,EAAoB9/B,EAAIC,KAAKugC,QAAQ,GAEzC,GACC,IAEH,MAAOyE,EAAwBC,GAC7B1lC,IAAMxC,UAAkB,IAEnBmoC,EAAaC,GAClB5lC,IAAMxC,SAAsC,CAC1CqoC,SAAU,GACVC,UAAW,GACX7qB,QAAS,GACTnX,cAAe,GACfkX,aAAc,GACd+qB,UAAW,CACTzC,OAAQ,CACN3/B,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAEN+mC,QAAS,CACP7/B,MAAO,UACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENgnC,UAAW,CACT9/B,MAAO,YACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENinC,SAAU,CACR//B,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENknC,OAAQ,CACNhgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENmnC,SAAU,CACRjgC,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENonC,OAAQ,CACNlgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,QAKLupC,EAA0BC,GAC/BjmC,IAAMxC,SAAiB,KAClB0oC,EAA6BC,GAClCnmC,IAAMxC,SAAiB,KAClB4oC,EAAkBC,GAAuBrmC,IAAMxC,SAAiB,KAIhE8oC,EAA6BC,GAClCvmC,IAAMxC,SAAiB,KAElBgpC,EAAqBC,GAC1BzmC,IAAMxC,SAAuC,OAExCkpC,EAAmBC,GACxB3mC,IAAMxC,SAAuC,MAE/C,IAAKopC,EAA0BjH,GAC7B3/B,IAAMxC,SAA4C,CAChDiiB,WAAY,GACZiiB,UAAW,EACXE,SAAU,GACVD,wBAAwB,IAG5B,MAAOkF,EAA8BC,GACnC9mC,IAAMxC,UAAkB,IAKnBupC,EAAeC,GAAoBhnC,IAAMxC,UAAkB,IAC3DypC,EAAWC,GAAgBlnC,IAAMxC,UAAkB,IAEnD2pC,EAA0BvH,GAC/B5/B,IAAMxC,UAAkB,IAGxB4pC,EACAC,GACErnC,IAAMxC,SAAiB,KAEpB8pC,EAAuBC,GAC5BvnC,IAAMxC,UAAkB,IAEnBgqC,EAAoBC,GACzBznC,IAAMxC,UAAkB,GAEpBkqC,GAAsBA,CAAC3qC,EAAcuE,KACrCglC,GACFC,EAA+B,IAEjCX,GAAgB/wB,IACP,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,GAGGqmC,GAAgB9H,IACrB7/B,IAAMxC,SAA2C,OAE5CoqC,GAAyBC,IAC9B7nC,IAAMxC,UAAkB,GAEpBsiC,GAAeA,KACnBgH,GAAgC,GAChCxR,KACG9+B,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EACXyqC,EAAa/kC,EAAKpJ,WAClBkuC,EAAoB9kC,EAAKqnC,mBAAmB,IAE7C/nB,SAAQ,IAAM+mB,GAAgC,IAAO,GAyCpD,aAAC9hB,GAAY,aAAEC,GAAY,cAAEC,IAAiBC,aAAY,CAC9DC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OATcC,IACVA,EAAc,IAChB8gB,EAAoB9gB,EAAc,GACpC,IAqJIwiB,GAA2BA,KAE/BtB,EAAuB,KAAK,EAGxB9D,GAA2B9sC,IAAqC,IAADmyC,EAAAC,EACnExB,EAAuB,CACrBt8B,YAAatU,EAAS4F,GACtBoqC,SAAUhwC,EAASgwC,SACnBC,UAAWjwC,EAASiwC,UACpB7qB,QAASplB,EAASolB,QAClBitB,cAAe,CACb5mC,MAAiC,QAA5B0mC,EAAEnyC,EAASsyC,yBAAiB,IAAAH,OAAA,EAA1BA,EAA4BvsC,GACnCkI,MAAiC,QAA5BskC,EAAEpyC,EAASsyC,yBAAiB,IAAAF,OAAA,EAA1BA,EAA4BlrC,MAErCs8B,cAAexjC,EAAS0mC,eACxB6L,iBAAkBvyC,EAASwyC,sBAC3BC,KAAMzyC,EAASqiB,MACfqwB,aAAc1yC,EAASiO,cACvBsgC,SAAUvuC,EAASkwC,UACnB/qB,aAAcnlB,EAASmlB,aACvBwtB,UAAW3yC,EAAS2yC,UACpBC,UAAW5yC,EAAS4yC,YAEtBvB,EAAoC,IAAvBrxC,EAAS2yC,UAA+B,EAIjDE,GAAuBA,CAAC3rC,EAAcuE,KACtC8lC,GACFC,EAAqC,IAEvC1H,GAA6B9qB,IACpB,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,EAGEqnC,GAAkBA,CAAC5rC,EAAcuE,KACrCmlC,GAAwB5xB,IACf,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,EAGEsnC,GAAgCA,KACpChJ,GAA4B,GAC5BD,EAA4B,KAAK,EAG7BkJ,GAA8BA,KtB/UFptC,MsBgV5BirC,IACFa,GAAyB,ItBjVK9rC,EsBkVVirC,EAAkBjrC,GtBjV1C1G,EACG0N,KAAK,sBAAuB,CAAE0H,YAAa1O,IAC3CjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,asB4UzBiB,MAAK,KACJspC,KACAyH,GAAyB,GACzBZ,EAAqB,KAAK,IAE3BlwC,OAAM,SAEX,EAGIqyC,GAAmCA,KtB/SFrtC,MsBgTjCksC,KACFF,GAAsB,ItBjTahsC,EsBkTVksC,GAAelsC,GtBjT5C1G,EACG0N,KAAK,mBAAoB,CAAEhH,OAC3BjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,asB4SzBiB,MAAK,KACJspC,KACA2H,GAAsB,GACtB5H,GAAkB,KAAK,IAExBppC,OAAM,SAEX,EAGIsyC,GAAwBhkC,IAG5B,GAFAA,EAAMgf,iBAEFyiB,EAAqB,CACvB,MAAMzjC,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,cAAe+gB,EAAoBr8B,aAC1DpH,EAAgB0iB,OAAO,WAAY+gB,EAAoBX,UACvD9iC,EAAgB0iB,OAAO,YAAa+gB,EAAoBV,WACxD/iC,EAAgB0iB,OAAO,UAAW+gB,EAAoBvrB,SACtDlY,EAAgB0iB,OAAO,gBAAiB+gB,EAAoB+B,cAC5DxlC,EAAgB0iB,OAAO,eAAgB+gB,EAAoBxrB,cAC3DjY,EAAgB0iB,OAAO,YAAawhB,EAAY,EAAI,GAEpD7sC,OAAO0P,KAAK08B,EAAoBpC,UAAUvxB,SAAS0xB,IACjDxhC,EAAgB0iB,OACd,aAAa8e,aACbiC,EAAoBpC,SAASG,GAAShB,QAExCxgC,EAAgB0iB,OACd,aAAa8e,WACbiC,EAAoBpC,SAASG,GAAShQ,MAExCxxB,EAAgB0iB,OACd,aAAa8e,SACbiC,EAAoBpC,SAASG,GAAS9nC,IAExCsG,EAAgB0iB,OACd,aAAa8e,YACbiC,EAAoBpC,SAASG,GAAS5gC,OAExCZ,EAAgB0iB,OACd,aAAa8e,aACbiC,EAAoBpC,SAASG,GAAS1B,OACvC,IAGH9/B,EAAgB0iB,OACd,gBACAshB,EAAgBP,EAAoBnN,cAAgB,IAQtDt2B,EAAgB0iB,OACd,uBACAshB,EAAgBP,EAAoB4B,iBAAmB,IAErDhC,GACFrjC,EAAgB0iB,OAAO,OAAQ2gB,GAGjCyB,IAA2B,GtB5a/B9kC,IAEAhO,EACG0N,KAAK,sBAAuBM,GAC5BvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YsBqa5ByzC,CAAoBjmC,GACjBvM,MAAMjB,IACLiwC,EAAajwC,EAASkL,KAAKpJ,WAC3BwwC,IAA2B,GAC3BE,KACA1B,EAAoB,GAAG,IAExB5vC,OAAM,KAQLoxC,IAA2B,EAAM,GAEvC,GAQF,OALA3lC,qBAAU,KACR49B,IAAc,GACb,IAIDvjC,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,qBAC5BD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,0GAI/BC,gBAAA,OACEK,UAAW,cACTiqC,EAA+B,eAAiB,IAC/CvqC,SAAA,CAEHC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,mBAErBD,eAACqoB,GAAW,CACVxC,SAAS,sMAAsM,OAEnN7lB,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAA,OAAKO,UAAU,WAAUN,SACvBC,gBAAA,UACEzE,KAAK,SACL8E,UAAU,YACV8J,SAAU4+B,GAAoBjuC,EAAUM,OACxCsG,QAASA,IAAMonC,GAAe,GAAM/oC,SAAA,CACrC,qBACoBjF,EAAUM,OAAO,IAAE2tC,EAAiB,WAI5DF,EACC/oC,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAAA,QACEynB,SAxUe/e,IAEzB,GADAA,EAAMgf,iBAEJ,GAAc,OAAX4hB,QAAW,IAAXA,KAAa3qB,aAA0B,OAAX2qB,QAAW,IAAXA,OAAW,EAAXA,EAAa3qB,aAAe,KAAKrjB,OAAS,EAEzE4uC,EACE,sDAIJ,GAAgB,OAAXZ,QAAW,IAAXA,KAAaE,UAAwB,OAAXF,QAAW,IAAXA,KAAaG,WAI5C,GAAIH,EAAa,CACf,MAAM5iC,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,WAAuB,OAAXkgB,QAAW,IAAXA,OAAW,EAAXA,EAAaE,UAChD9iC,EAAgB0iB,OAAO,YAAwB,OAAXkgB,QAAW,IAAXA,OAAW,EAAXA,EAAaG,WACjD/iC,EAAgB0iB,OAAO,UAAsB,OAAXkgB,QAAW,IAAXA,OAAW,EAAXA,EAAa1qB,SAC/ClY,EAAgB0iB,OAAO,gBAA4B,OAAXkgB,QAAW,IAAXA,OAAW,EAAXA,EAAa7hC,eAErDf,EAAgB0iB,OAAO,gBAAiBugB,GAExCjjC,EAAgB0iB,OACd,uBACAygB,GAGFnjC,EAAgB0iB,OAAO,eAAgBkgB,EAAY3qB,cACnDjY,EAAgB0iB,OAAO,OAAQ2gB,GAE/BhsC,OAAO0P,KAAK67B,EAAYI,WAAWlzB,SAAS0xB,IAC1CxhC,EAAgB0iB,OACd,aAAa8e,aACboB,EAAYI,UAAUxB,GAAShB,QAEjCxgC,EAAgB0iB,OACd,aAAa8e,WACboB,EAAYI,UAAUxB,GAAShQ,MAEjCxxB,EAAgB0iB,OACd,aAAa8e,SACboB,EAAYI,UAAUxB,GAAS9nC,IAEjCsG,EAAgB0iB,OACd,aAAa8e,YACboB,EAAYI,UAAUxB,GAAS5gC,OAEjCZ,EAAgB0iB,OACd,aAAa8e,aACboB,EAAYI,UAAUxB,GAAS1B,OAChC,IAGH6C,GAA0B,GtBhO9B3iC,IAEAhO,EACG0N,KAAK,6BAA8BM,GACnCvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YsByN5B0zC,CAAiBlmC,GACdvM,MAAK,KACJspC,KACA8F,EAAe,CACbC,SAAU,GACVC,UAAW,GACX7qB,QAAS,GACTnX,cAAe,GACfkX,aAAc,GACd+qB,UAAW,CACTzC,OAAQ,CACN3/B,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAEN+mC,QAAS,CACP7/B,MAAO,UACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENgnC,UAAW,CACT9/B,MAAO,YACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENinC,SAAU,CACR//B,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENknC,OAAQ,CACNhgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENmnC,SAAU,CACRjgC,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENonC,OAAQ,CACNlgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,OAIVwpC,EAA4B,IAE5BE,EAA+B,IAC/BE,EAAoB,IACpBX,GAA0B,GAC1BL,GAAe,EAAM,IAEtB5uC,OAAOhB,IAAW,IAADyzC,EAAAC,EAAAC,EAAAC,EAChB9C,EACO,OAAL9wC,QAAK,IAALA,GAAW,QAANyzC,EAALzzC,EAAOgL,YAAI,IAAAyoC,GAAXA,EAAatmC,QACJ,OAALnN,QAAK,IAALA,GAAW,QAAN0zC,EAAL1zC,EAAOgL,YAAI,IAAA0oC,OAAN,EAALA,EAAavmC,QACR,OAALnN,QAAK,IAALA,GAAW,QAAN2zC,EAAL3zC,EAAOgL,YAAI,IAAA2oC,GAAXA,EAAahlB,OACN,OAAL3uB,QAAK,IAALA,GAAW,QAAN4zC,EAAL5zC,EAAOgL,YAAI,IAAA4oC,OAAN,EAALA,EAAajlB,OACb,yBAERshB,GAA0B,EAAM,GAEtC,OA1HEa,EAA+B,mCA0HjC,EAoMU3pC,UAAW,IAAG6oC,EAAyB,eAAiB,IAAKnpC,SAE7DC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,wBACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPonC,GAAe,GACfO,EAAe,MACfK,EAA4B,IAE5BE,EAA+B,IAC/BE,EAAoB,GAAG,EACvB/pC,SAEFD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJtN,UAAQ,EACRI,YAAY,6BACZqN,UAAW,GACX3M,SAAWvF,GACTomC,GAAoB,gBAAiBpmC,OAI3CjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACuiC,GAAuB,CACtBz4B,YAAY,6BACZJ,UAAQ,EACRc,SAAWvF,GACTomC,GAAoB,UAAWpmC,GAEjCu9B,OAASv9B,GACPomC,GAAoB,WAAYpmC,GAElCw9B,OAASx9B,GACPomC,GAAoB,YAAapmC,SAKzC/E,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,KAAGO,UAAU,oBAAmBN,SAAC,iBACjCD,eAACkoB,KAAU,CACTC,eAAe,cACf3B,QAAQ,KACR4B,WAAY,CACV1nB,KAAM,eACNgJ,UAAU,EACV6N,UAAW,GAEblM,SAAWpG,IACTomC,GAAoB,eAAgBpmC,EAAM,UA2BlD/E,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OACEO,UAAW,aACTwpC,EAAmB,aAAe,IACjC9pC,SAEHD,eAAA,OAAAC,SACEC,gBAAA,UACM0oB,KACJroB,UAAW,UAAUooB,kBAA4B1oB,SAAA,CAEhD,IAEDD,eAAA,YAAW6oB,KAAiBnf,UAAQ,IAAG,IAEtCqgC,EACC/pC,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OACEQ,IAAKk3B,IAAIC,gBACPoS,GAEFtpC,IAAI,uBAGN,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,QAAMO,UAAU,QAAON,SACpB8pC,EACG,wBACA,yDAOhB/pC,eAACynC,GAAQ,CACPC,gBAA4B,OAAX4B,QAAW,IAAXA,OAAW,EAAXA,EAAaI,UAC9BxjB,iBAAkB,CAAC,EACnByhB,mBAAqBI,IACnB,MAAMkF,EAAU,IACX3D,GAEL2D,EAAQvD,UAAY3B,EACpBwB,EAAe0D,EAAQ,OAI5BhD,GACCjqC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCgqC,IAGLjqC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,2BAOjD,KACJD,eAAA,OAAKO,UAAU,gBAAeN,SAC3BjF,EAAUyG,KAAKjI,GACd0G,gBAAA,OAEEK,UAAW,gBAAgBN,SAAA,CAE3BD,eAAA,OAAKO,UAAU,OAAMN,SACnBC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,OAAKO,UAAU,OAAMN,SAClBzG,EAASqiB,MACR7b,eAAA,OAAKQ,IAAKhH,EAASqiB,MAAOpb,IAAI,KAE9BT,eAAA,OAAKQ,IAAK0sC,GAAqBzsC,IAAI,OAGvCP,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBzG,EAASiO,cAAc,KAAGjO,EAAS2zC,UAAU,OAEhDntC,eAAA,OAAKO,UAAU,UAASN,SAAEzG,EAASolB,aAErC5e,eAAA,OAAKO,UAAU,cAAaN,SAQ1BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAvXIpI,KAC/B8wC,EAAqB9wC,EAAS,EAsXG4zC,CAAwB5zC,GAAUyG,SAEjDD,eAACwlB,GAAU,aAKnBxlB,eAAC0mC,GAAoB,CAACpD,4BAA6BA,EAC7BC,4BAA6BA,EAC7BC,kBAAmBA,GACnBC,aAAcA,GACdzoC,UAAWA,EAAW2rC,UAAQ,EAC9BN,yBAA4C,OAAnB8D,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqBr8B,eAAgBtU,EAAS4F,IACvEknC,wBAAyBA,GAAyB9sC,SAAUA,KAE9D,OAAnB2wC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqBr8B,eAAgBtU,EAAS4F,GAC7Cc,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAAS8pC,GAAyBzrC,SAElCD,eAAC+lC,GAAS,QAGd7lC,gBAAA,QACEK,UAAW,uBACTgrC,GAA0B,eAAiB,IAE7C9jB,SAAUilB,GAAqBzsC,SAAA,CAE/BD,eAACgX,GAAK,CACJlN,YAAY,gBACZxC,MAAM,gBACN6P,UAAW,IACXnN,aACEmgC,GAAuBA,EAAoB+B,aACvC/B,EAAoB+B,aACpB,GAENxiC,UAAQ,EACRc,SAAWvF,GACTqnC,GAAgB,eAAgBrnC,KAGpC/E,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,KAAGO,UAAU,cAAaN,SAAC,iBAC3BD,eAACkoB,KAAU,CACTC,eAAe,cACf3B,QAAQ,KACRvhB,MAAO,GAAsB,OAAnBklC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqBxrB,eAC/ByJ,WAAY,CACV1nB,KAAM,cACNgJ,UAAU,EACV6N,UAAW,GAEblM,SAAWpG,IACTqnC,GAAgB,eAAgBrnC,EAAM,OAI5CjF,eAAA,OAAKO,UAAU,oDAAmDN,SAChED,eAACuiC,GAAuB,CACtBj7B,MAAM,WACNwC,YAAY,mBACZJ,UAAQ,EACRM,aAAiC,OAAnBmgC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqBvrB,QACnCpU,SAAWvF,GAAUqnC,GAAgB,UAAWrnC,GAChDu9B,OAASv9B,GAAUqnC,GAAgB,WAAYrnC,GAC/Cw9B,OAASx9B,GAAUqnC,GAAgB,YAAarnC,OAGpDjF,eAAA,OAAKO,UAAU,qCAAoCN,SACjDD,eAAA,OACEO,UAAW,aACU,OAAnB4pC,QAAmB,IAAnBA,KAAqB8B,MAAQlC,EACzB,aACA,IACH9pC,SAEHC,gBAAA,UACM0oB,KACJroB,UAAW,UAAUooB,kBAA4B1oB,SAAA,CAEhD,IAEDD,eAAA,YACM6oB,KACJnf,WAA8B,OAAnBygC,QAAmB,IAAnBA,KAAqB8B,QAC/B,IAEiB,OAAnB9B,QAAmB,IAAnBA,KAAqB8B,MAAQlC,EAC5B/pC,eAAA,OAAKO,UAAU,MAAKN,SACjB8pC,EACC/pC,eAAA,OACEQ,IAAKk3B,IAAIC,gBACPoS,GAEFtpC,IAAI,qBAGNT,eAAA,OACEQ,KAAwB,OAAnB2pC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqB8B,OAAQ,GAClCxrC,IAAI,uBAIR,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAAA,QAAMO,UAAU,QAAON,SACD,OAAnBkqC,QAAmB,IAAnBA,KAAqB8B,KAClB,wBACA,yDAOd/rC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCD,eAAA,MAAIO,UAAU,cAAaN,SAAC,iBAC5BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAACiiC,GAAQ,CACP36B,MAAM,kDACNlI,GAAG,sBACHm5B,UAAWmS,EACXr/B,SAAWktB,GAAcoS,EAAiBpS,KAE3CmS,EACC1qC,eAAA2B,YAAA,CAAA1B,SAYED,eAAA,OAAKO,UAAU,iDAAgDN,SAC7DD,eAACgX,GAAK,CACJ1P,MAAM,uBACNyC,YAAY,qHACZD,YAAY,uBACZqN,UAAW,GACXnN,aACqB,OAAnBmgC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqB4B,iBAEvBriC,UAAQ,EACRc,SAAWvF,GACTqnC,GAAgB,mBAAoBrnC,SAK1C,WAI2B,IAAlCklC,EAAoBiC,UAAkBlsC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CAC1ED,eAAA,MAAIO,UAAU,cAAaN,SAAC,yBAC5BD,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAACiiC,GAAQ,CACP36B,MAAM,uBACNlI,GAAG,sBACHm5B,UAAWqS,EACXv/B,SAAWktB,GAAcsS,EAAatS,UAGnC,KAETv4B,eAACynC,GAAQ,CACPC,gBAAoC,OAAnByC,QAAmB,IAAnBA,OAAmB,EAAnBA,EAAqBpC,SACtC7hB,iBAAkB,CAAC,EACnByhB,mBAAqBI,IACnB,MAAMsF,EAAc,IACflD,GAELkD,EAAYtF,SAAWA,EACvBqC,EAAuBiD,EAAY,IAGvCrtC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,UAAQO,UAAU,WAAW9E,KAAK,SAAQwE,SAAC,4BAMjDD,eAAC0mC,GAAoB,CAACpD,4BAA6BA,EAC7BC,4BAA6BA,EAC7BC,kBAAmBA,GACnBC,aAAcA,GACdzoC,UAAWA,EACXsrC,wBAAyBA,GAAyB9sC,SAAUA,OAElF,OAvOCA,EAAS4F,QA4OpBc,gBAAA,OAAKK,UAAU,0CAAyCN,SAAA,CACtDC,gBAAA,OAAKK,UAAW,YAAWuqC,EAA2B,OAAS,IAAK7qC,SAAA,CAClEC,gBAAA,OAAKK,UAAU,MAAKN,SAAA,CAClBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAKO,UAAU,QAAON,SAAC,2BAEzBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,IAAM2qC,KAAgCtsC,SAE/CD,eAAC+lC,GAAS,WAIhB/lC,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAA,QACEynB,SA5wBqB/e,IAEF,IAAD4kC,EAAAC,EtBtEhCxvB,GsBqEErV,EAAMgf,iBACF6iB,KACFE,GAAgC,GACJ,QAAxB6C,EAAA/C,SAAwB,IAAA+C,IAAxBA,EAA0B9H,mBAA8C,QAAzB+H,EAAChD,SAAwB,IAAAgD,GAAxBA,EAA0B3H,iBAE5E2E,EAA2B,IACtBA,EACH3E,eAAgB,GAAG5B,EAAiBhf,MAAKjlB,GAAQA,EAAKkF,QAAU,GAAGslC,EAA0BzuB,UAAUxU,QACvGu+B,mBAAoB,GAAG7B,EAAiBhf,MAAKjlB,GAAQA,EAAKkF,QAAU,GAAGslC,EAA0BzuB,UAAUooB,ctB7EnHnmB,EsBgF6BwsB,EtB9E7B7xC,EACG0N,KAAK,wBAAyB2X,GAC9B5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,asByEzBiB,MAAMjB,IACLiwC,EAAajwC,EAASkL,KAAKpJ,WAC3ByvC,GAAgC,GAChClH,GAA4B,GAC5BD,EAA4B,KAAK,IAElClpC,OAAOhB,IAAW,IAADuuB,EAAAC,EAAAC,EAAAC,EAChBkjB,EACO,OAAL5xC,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,GAAXA,EAAaphB,QACJ,OAALnN,QAAK,IAALA,GAAW,QAANwuB,EAALxuB,EAAOgL,YAAI,IAAAwjB,OAAN,EAALA,EAAarhB,QACR,OAALnN,QAAK,IAALA,GAAW,QAANyuB,EAALzuB,EAAOgL,YAAI,IAAAyjB,GAAXA,EAAaE,OACN,OAAL3uB,QAAK,IAALA,GAAW,QAAN0uB,EAAL1uB,EAAOgL,YAAI,IAAA0jB,OAAN,EAALA,EAAaC,OACb,yBAER0iB,GAAgC,EAAM,IAE5C,EAgvBYlqC,UAAW,IACTiqC,EAA+B,eAAiB,IAC/CvqC,SAEHC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJ1P,MAAM,aACNwC,YAAY,aACZE,aAAsC,QAA1Bs+B,EAAEiC,SAAwB,IAAAjC,OAAA,EAAxBA,EAA0BllB,WACxC1Z,UAAQ,EACRc,SAAWvF,GACTonC,GAAqB,aAAcpnC,OAIzCjF,eAAA,OAAKO,UAAU,cAAaN,SACD,QAAxBsoC,EAAAgC,SAAwB,IAAAhC,GAAxBA,EAA0BnD,OAASplC,eAACgX,GAAK,CACxC1P,MAAM,SACNwC,YAAY,SACZE,aAAsC,QAA1Bw+B,EAAE+B,SAAwB,IAAA/B,OAAA,EAAxBA,EAA0B1sB,MACxCpS,UAAQ,EACRc,SAAWvF,GACTonC,GAAqB,QAASpnC,KAEL,QAAxBwjC,EAAA8B,SAAwB,IAAA9B,GAAxBA,EAA0BjD,kBAC7BxlC,eAAC6J,GAAM,CAACK,aAAc85B,EACd75B,gBAAgB,SAChBH,aAAcg6B,EAAiBhf,MAAKjlB,IAAI,IAAAytC,EAAA,OAAIztC,EAAKkF,QAAU,GAA2B,QAA3BuoC,EAAGjD,SAAwB,IAAAiD,OAAA,EAAxBA,EAA0B1xB,OAAO,IAC/FtR,SAAUA,CAACvF,EAAOqC,KAChB+kC,GAAqB,QAAS,GAAGpnC,KACjConC,GAAqB,iBAAkB,GAAG/kC,KAC1C+kC,GAAqB,qBAAsB,GAAGrI,EAAiBhf,MAAKjlB,IAAI,IAAA0tC,EAAA,OAAI1tC,EAAKkF,QAAU,GAA2B,QAA3BwoC,EAAGlD,SAAwB,IAAAkD,OAAA,EAAxBA,EAA0B3xB,OAAO,IAAGooB,WAAW,EAE/Ix6B,UAAQ,EACRU,oBAAkB,IAAKpK,eAACgX,GAAK,CACnC1P,MAAM,YACNwC,YAAY,YACZE,aAAsC,QAA1B0+B,EAAE6B,SAAwB,IAAA7B,OAAA,EAAxBA,EAA0BrlB,UACxC3Z,UAAQ,EACRc,SAAWvF,GACTonC,GAAqB,YAAapnC,OAK1CjF,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJ1P,MAAM,WACNwC,YAAY,WACZrO,KAAK,WACLuO,aAAsC,QAA1B2+B,EAAE4B,SAAwB,IAAA5B,OAAA,EAAxBA,EAA0BpD,SACxC/6B,SAAWvF,GACTonC,GAAqB,WAAYpnC,OAItC1K,EAAWwB,KAAKkvB,wBAA0BjrB,eAAA,OAAKO,UAAU,iBAAgBN,SACxED,eAACs4B,GAAQ,CAAChxB,MAAO,6BACPixB,UAAmC,QAA1BqQ,EAAE2B,SAAwB,IAAA3B,OAAA,EAAxBA,EAA0BtD,uBAAwBj6B,SAAUyhB,IAC/Euf,GAAqB,yBAA0Bvf,EAAQ,MAElD,KAERie,GACC/qC,eAAA,OAAKO,UAAU,qBAAoBN,SAChC8qC,IAGoB,QAAxBlC,EAAA0B,SAAwB,IAAA1B,GAAxBA,EAA0BzD,OAASplC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,wBAE3C,QAAxB6oC,EAAAyB,SAAwB,IAAAzB,GAAxBA,EAA0BtD,kBAAoBxlC,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,+BAEzFD,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,mCAO/DD,eAAA,UACEvE,KAAK,SACL8E,UAAW,oBACTuqC,EAA2B,OAAS,IAEtClpC,QAASA,IAAM2qC,KAAgCtsC,SAChD,iBAaJoqC,GACCrqC,eAACugB,GAAK,CACJC,YAAa6pB,EACb5pB,aAAcA,IAAM6pB,EAAqB,MACzC5pB,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,iBACT0qC,EAAwB,eAAiB,IACxChrC,SAEHC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,mCAEpBoqC,EAAkB8C,UAAU,kBACR9C,EAAkBzrB,WAEzC5e,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP4qC,IAA6B,EAC7BvsC,SACH,0BAQRqrC,IACCtrC,eAACugB,GAAK,CACJC,YAAa8qB,GACb7qB,aAAcA,IAAM+iB,GAAkB,MACtC9iB,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,iBACT4qC,EAAqB,eAAiB,IACrClrC,SAEHC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,wCAEpBqrC,GAAeloB,WAAW,IAAEkoB,GAAejoB,UAAU,oBAC/BioB,GAAerG,YAExCjlC,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP6qC,IAAkC,EAClCxsC,SACH,4BAOD,EC1mCCytC,OARSA,IAEpB1tC,eAAA,OAAAC,SACED,eAAA,KAAAC,SAAG,YCFT,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAuCFH;;;;;;;;;;;;;;;;;;iBAkBPA;;;;;;;;;;4BAUWA;;;;;;;;;;;;;;mBAcTA;;;;;;;;;;;;sBAYGA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;wBAOAA;;;;;;;;;;;;;;;;;;0BAkBEA;;;;;;;4BAOEA;;;;;;;;;eASbA;;;;;;;;;;;;eAYAA;;;;;;;;;;iBAUEA;;;;;;;;;;;;;;;;;;;aAmBJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EChFEiuC,IC9GX,GAAOC,GAAQC,GAAQC,GAAQC,GAAQC,GAAQC,GD8GpCN,GAzGOA,KACpB,MAAOluB,EAAqBC,GAC1B/b,IAAMxC,UAAkB,GAEpB+sC,EAAgB,CACpB,CACA9uC,GAAI,EACJ+uC,WAAY,QACZ/+B,KAAM,cACNiK,SAAU,iBACV7f,SAAU,YACV,CACA4F,GAAI,EACJ+uC,WAAY,QACZ/+B,KAAM,cACNiK,SAAU,iBACV7f,SAAU,YACV,CACA4F,GAAI,EACJ+uC,WAAY,QACZ/+B,KAAM,cACNiK,SAAU,iBACV7f,SAAU,YACV,CACA4F,GAAI,EACJ+uC,WAAY,QACZ/+B,KAAM,cACNiK,SAAU,iBACV7f,SAAU,aAIN40C,EAAmB,CACvB,CACE1tC,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIy0B,cAKb,CACEztC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItK,QAGrB,CACE1O,KAAM,WACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIL,YAGrB,CACE3Y,KAAM,WACNiZ,SAAU,QACVF,KAAOC,GAGH1Z,eAAA,OAAAC,SAIGyZ,EAAIlgB,aAOf,OACE0G,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,WAC5BD,eAAA,OACEO,UAAW,eAAckf,EAAsB,eAAiB,IAAKxf,SAErED,eAAA,OAAKO,UAAU,oBAAmBN,SAC/BiuC,EAAc5yC,OAAS,EACtB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASmzB,EACThqC,KAAM8pC,QASZluC,eAAA,OAAKO,UAAU,gBAAeN,SAAC,+BAI7B,ECzGd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASgzC,GAAe3vC,EAAMC,GAC5B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,IACPC,OAAQ,IACRC,QAAS,cACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,+OACHD,KAAM,WACHsuC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChEruC,EAAG,sgBACHD,KAAM,WACHuuC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChEtuC,EAAG,mIACHD,KAAM,WACHwuC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChEvuC,EAAG,ogCACHD,KAAM,WACHyuC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChExuC,EAAG,onCACHD,KAAM,WACH0uC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChEzuC,EAAG,ghBACHD,KAAM,WACH2uC,KAAWA,GAAsB,gBAAoB,OAAQ,CAChE1uC,EAAG,8lCACHD,KAAM,aAEV,CACA,MAAM,GAA0B,aAAiB+uC,IAClC,IC3Cf,MCGM1uC,GAAUC,UAAOC,GAAG;;;;;;;sBAOJH;;;;;;;;;;;;;;;;;;;wBAmBEA;;;;;;;;;;;;aAYXA;;;;;;;;aAQAA;;;;;;;;;;;;;;;;;;;ECgCE4uC,ICjFX,GAAO,GAAQ,GAAQ,GAAQ,GAAQ,GAAQ,GDiFpCA,GAnEIA,KACjB,MAAM,QAAE9zC,EAAO,MAAEpB,GAAUuE,GAAkBL,GAAUA,EAAMnC,QACvD,UAAE6K,GAAc6B,MAEf9L,EAAMwyC,GAAW5qC,IAAMxC,SAAoB,CAChDiI,MAAO,GACPm8B,SAAU,KAGN76B,EAAWA,CAACjP,EAAcwJ,KAC9BspC,EAAQ,IAAKxyC,EAAM,CAACN,GAAOwJ,GAAQ,EAQrC,OACEjF,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACwuC,GAAQ,MAEXxuC,eAAA,QACEynB,SAZc/e,IACpBA,EAAMgf,iBACN1hB,EAAUjK,EAAK,EAWTwE,UAAW,IAAG/F,EAAU,eAAiB,IAAKyF,SAE9CC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,QAAON,SF3CpB,yBE4CFD,eAAA,OAAKO,UAAU,YAAWN,SF1CpC,uGE2CUD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,QACLqO,YF7CS,aE8CTJ,UAAQ,EACRc,SAAWvF,GAAUyF,EAAS,QAASzF,OAG3CjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YFpDY,gBEqDZJ,UAAQ,EACRc,SAAWvF,GAAUyF,EAAS,WAAYzF,OAG7C7L,GAAS4G,eAAA,OAAKO,UAAU,qBAAoBN,SAAE7G,IAC/C4G,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SFzDpC,YE4DNC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAACG,IAAI,CAACC,GAAG,mBAAmBG,UAAU,YAAWN,SF5DrC,0BE+DZD,eAAA,QAAAC,SAAM,SACND,eAACG,IAAI,CAACC,GAAG,gBAAgBG,UAAU,YAAWN,SF/D1C,wBEsEJ,EC5Ed,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASozC,GAAY/vC,EAAMC,GACzB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,IACPC,OAAQ,IACRC,QAAS,cACTI,KAAM,OACNH,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,+OACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,sgBACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,mIACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,ogCACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,onCACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,ghBACHD,KAAM,WACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,8lCACHD,KAAM,aAEV,CACA,MAAM,GAA0B,aAAiBmvC,IAClC,QC3CA,OAA0B,6CCGzC,MAAM9uC,GAAUC,UAAOC,GAAG;;;;;;sBAMJH;;;;;;;;;;wBAUEA;;;;;;;;;;;;aAYXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgCEA;;;;;;;;;;;ECyBAgvC,OA5EYA,KACzB,MAAOl0C,EAASm0C,GAAchrC,IAAMxC,UAAkB,IAC/CiI,EAAOwlC,GAAYjrC,IAAMxC,SAAiB,KAC1C0tC,EAAiBC,GAAsBnrC,IAAMxC,SAAiB,KAC9DyjB,EAAeC,GAAoBlhB,IAAMxC,SAAiB,IAmBjE,OACEjB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACwuC,GAAQ,MAEXxuC,eAAA,QACEynB,SAxBsB/e,IAC5BA,EAAMgf,iBACNinB,GAAW,GvKuBgBvlC,IAC7B1Q,EACG0N,KAAK,yBAA0B,CAAEgD,UACjCjP,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YuK7B9B61C,CAAe3lC,GACZjP,MAAMjB,IAAc,IAAD81C,EAAAC,EAClBH,EACyB,QADPE,EACR,OAAR91C,QAAQ,IAARA,GAAc,QAAN+1C,EAAR/1C,EAAUkL,YAAI,IAAA6qC,OAAN,EAARA,EAAgB1oC,eAAO,IAAAyoC,IACrB,+CAEJL,GAAW,EAAM,IAElBv0C,OAAOhB,IAAW,IAAD81C,EAAAvnB,EAChB9C,EAAqC,QAArBqqB,EAAM,OAAL91C,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,OAAN,EAALA,EAAaphB,eAAO,IAAA2oC,IAAI,gBACzCP,GAAW,EAAM,GACjB,EAWEpuC,UAAW,IAAG/F,EAAU,eAAiB,IAAKyF,SAE9CC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,QAAON,SAAC,oBACvBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,QACLqO,YAAY,QACZJ,UAAQ,EACRc,SAAWvF,IACT2pC,EAAS3pC,GACT4f,EAAiB,GAAG,MAIzBD,GACC5kB,eAAA,OAAKO,UAAU,qBAAoBN,SAAE2kB,IAEvC5kB,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,UAG3CD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACG,IAAI,CAACC,GAAG,SAASG,UAAU,YAAWN,SAAC,4BAO/C4uC,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAMzgB,SAEzBC,gBAAA,OAAKK,UAAU,4BAA2BN,SAAA,CACxCD,eAAA,OAAKQ,IAAK2uC,GAAe1uC,IAAI,KAC7BT,eAAA,OAAKO,UAAU,QAAON,SAAE4uC,WAItB,ECjFd,MAAMlvC,GAAUC,UAAOC,GAAG;;;;;;sBAMJH;;;;;;;wBAOEA;;;;;;;;;;;;aAYXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgCEA;;;;;;;;;;;;;;ECoDA0vC,OAnGWA,KACxB,MAAM51C,EAAgBwH,eAEfxG,EAASm0C,GAAchrC,IAAMxC,UAAkB,IAC/C0tC,EAAiBC,GAAsBnrC,IAAMxC,SAAiB,KAC9DyjB,EAAeC,GAAoBlhB,IAAMxC,SAAiB,KAC1DokC,EAAU8J,GAAe1rC,IAAMxC,SAAiB,KAChDmuC,EAAsBC,GAC3B5rC,IAAMxC,SAAiB,IA6BzB,OACEjB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACwuC,GAAQ,MAEXxuC,eAAA,QACEynB,SAlCqB/e,IAE3B,GADAA,EAAMgf,iBACF6d,IAAa+J,EAAsB,CAAC,IAADE,EACrCb,GAAW,GzKsCfc,IAEA/2C,EACG0N,KAAK,wBAAyBqpC,GAC9Bt1C,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YyKtC5Bw2C,CANmD,CACjDnK,WACAoK,iBAAkBL,EAClBjzC,MAAwD,QAAnDmzC,EAAE,IAAII,gBAAgBp2C,EAAS+lB,QAAQrlB,IAAI,gBAAQ,IAAAs1C,IAAI,KAI3Dr1C,MAAMjB,IAAc,IAAD81C,EAAAC,EAClBH,EACyB,QADPE,EACR,OAAR91C,QAAQ,IAARA,GAAc,QAAN+1C,EAAR/1C,EAAUkL,YAAI,IAAA6qC,OAAN,EAARA,EAAgB1oC,eAAO,IAAAyoC,IAAI,6BAE7BL,GAAW,EAAM,IAElBv0C,OAAOhB,IAAW,IAAD81C,EAAAvnB,EAChB9C,EAAqC,QAArBqqB,EAAM,OAAL91C,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,OAAN,EAALA,EAAaphB,eAAO,IAAA2oC,IAAI,gBACzCP,GAAW,EAAM,GAEvB,MACE9pB,EAAiB,2CACnB,EAWMtkB,UAAW,IAAG/F,EAAU,eAAiB,IAAKyF,SAE9CC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,QAAON,SAAC,mBACvBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YAAY,WACZJ,UAAQ,EACRc,SAAWvF,IACL2f,GAAeC,EAAiB,IACpCwqB,EAAYpqC,EAAM,MAIxBjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJvb,KAAK,WACLqO,YAAY,mBACZJ,UAAQ,EACRc,SAAWvF,IACL2f,GAAeC,EAAiB,IACpC0qB,EAAwBtqC,EAAM,MAInC2f,GACC5kB,eAAA,OAAKO,UAAU,qBAAoBN,SAAE2kB,IAEvC5kB,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,2BAMhD4uC,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAMzgB,SAEzBC,gBAAA,OAAKK,UAAU,4BAA2BN,SAAA,CACxCD,eAAA,OAAKQ,IAAK2uC,GAAe1uC,IAAI,KAC7BT,eAAA,OAAKO,UAAU,QAAON,SAAE4uC,IACxB7uC,eAACG,IAAI,CAACC,GAAG,SAASG,UAAU,qBAAoBN,SAAC,iBAM/C,EC1Gd,MAAMN,GAAUC,UAAOC,GAAG,GCF1B,IAAI,GAAO,GAAQ,GAAQ,GAAQ,GAAQ,GAAQ,GACnD,SAAS,KAAa,OAAO,GAAW9B,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASw0C,GAAgBnxC,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,IACPC,OAAQ,IACRC,QAAS,cACTI,KAAM,OACNH,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,+OACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,wgBACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,mJACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,m/BACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,onCACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,ojBACHD,KAAM,aACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEC,EAAG,0xCACHD,KAAM,aAEV,CACA,MAAM,GAA0B,aAAiBuwC,IAClC,IC3CR,MAAMC,GAAY,CACvB,CACEC,SAAU,EACVzoC,MAAO,qBAMT,CACEyoC,SAAU,EACVzoC,MAAO,gBAET,CACEyoC,SAAU,EACVzoC,MAAO,kBAET,CACEyoC,SAAU,EACVzoC,MAAO,yBAET,CACEyoC,SAAU,EACVzoC,MAAO,mBAET,CACEyoC,SAAU,EACVzoC,MAAO,wBAET,CACEyoC,SAAU,EACVzoC,MAAO,uBAET,CACEyoC,SAAU,EACVzoC,MAAO,iBChCL3H,GAAUC,UAAOC,GAAG;;;;;;;;;wBASFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAiFTA;;;UAGLA;UACAA;;;;;;;;;;YAUEA;YACAA;;wBAEYA;sCACcA;;;;eAIvBA;;4BAEaA;;;4BAGAA;;;;;;;;;;;;EC/EbswC,ICzCX,GAAOC,GDyCID,GA/BVtxC,IAAyB,IAAxB,SAAEuB,EAAQ,KAAEmX,GAAM1Y,EACtB,OACEwB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACkwC,GAAY,MAEflwC,eAAA,KAAGO,UAAU,WAAUN,SAAC,qGAIxBD,eAAA,MAAIO,UAAU,YAAWN,SACtB6vC,GAAUruC,KAAIkM,IAAA,IAAC,SAAEoiC,EAAQ,MAAEzoC,GAAOqG,EAAA,OACjC3N,eAAA,MAEEO,UAAW,YACTwvC,IAAa34B,EAAO,kBAAoB,sBAExCA,EAAO24B,EAAW,kBAAoB,qBACtC9vC,SAEDqH,GAPIyoC,EAQF,SAIV9vC,IACO,ECpCd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS80C,GAAczxC,EAAMC,GAC3B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,8VACHD,KAAM,gCACH2wC,KAAUA,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvH7wC,GAAI,uBACJgxC,GAAI,QACJC,GAAI,EACJC,GAAI,QACJC,GAAI,QACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBN,IAClC,ICvCX,GAAO,GDuCI,ICtCf,SAAS,KAAa,OAAO,GAAWpyC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASs1C,GAAajyC,EAAMC,GAC1B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,kdACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,QACJC,GAAI,EACJC,GAAI,QACJC,GAAI,QACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBE,IAClC,ICvCX,GAAO,GDuCI,ICtCf,SAAS,KAAa,OAAO,GAAW5yC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASu1C,GAAiBlyC,EAAMC,GAC9B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,6bACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,GACJC,GAAI,EACJC,GAAI,GACJC,GAAI,GACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBG,IAClC,ICvCX,GAAO,GDuCI,ICtCf,SAAS,KAAa,OAAO,GAAW7yC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASw1C,GAAmBnyC,EAAMC,GAChC,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,qjCACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,QACJC,GAAI,EACJC,GAAI,QACJC,GAAI,GACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBI,IAClC,ICvCX,GAAO,GAAQ,GDuCJ,ICtCf,SAAS,KAAa,OAAO,GAAW9yC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASy1C,GAAepyC,EAAMC,GAC5B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,iRACHD,KAAM,gCACH,KAAW,GAAsB,gBAAoB,OAAQ,CAChEE,SAAU,UACVoe,SAAU,UACVre,EAAG,2eACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,GACJC,GAAI,EACJC,GAAI,GACJC,GAAI,GACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,aACK,gBAAoB,iBAAkB,CACtDrxC,GAAI,uBACJgxC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBK,IAClC,ICxDX,GAAO,GDwDI,ICvDf,SAAS,KAAa,OAAO,GAAW/yC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS01C,GAAWryC,EAAMC,GACxB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,wmBACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,GACJC,GAAI,EACJC,GAAI,GACJC,GAAI,GACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBM,IAClC,ICpCf,MAAMpxC,GAAUC,UAAOC,GAAG;;;;;;WAMfH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8CEA;;;QAGLA;QACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAsCQA;;;;;;;;;;EC3BDsxC,ICtEXC,GDsEWD,GAzDVtyC,IAAmB,IAAlB,SAAEwyC,GAAUxyC,EAChB,OACEsB,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,+BAA8BN,SAAA,CAC3CD,eAAA,MAAIO,UAAU,gBAAeN,SAAC,sBAC9BD,eAAA,KAAGO,UAAU,eAAcN,SAAC,+FAI5BC,gBAAA,KAAGK,UAAU,mBAAkBN,SAAA,CAC7BD,eAACmxC,GAAc,IAAG,sCAGpBjxC,gBAAA,OAAKK,UAAU,2BAA0BN,SAAA,CACvCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACoxC,GAAW,MAEdpxC,eAAA,KAAGO,UAAU,wBAAuBN,SAAC,iCAEvCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACqxC,GAAmB,MAEtBrxC,eAAA,KAAGO,UAAU,wBAAuBN,SAAC,mCAEvCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACsxC,GAAe,MAElBtxC,eAAA,KAAGO,UAAU,wBAAuBN,SAAC,yBAEvCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACuxC,GAAa,MAEhBvxC,eAAA,KAAGO,UAAU,wBAAuBN,SAAC,wBAEvCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACwxC,GAAiB,MAEpBxxC,eAAA,KAAGO,UAAU,wBAAuBN,SAAC,2CAKzCD,eAAA,OAAKO,UAAU,sBAAqBN,SAClCD,eAAA,UAAQO,UAAU,WAAW9E,KAAK,SAASmG,QAASsvC,EAASjxC,SAAC,sBAK1D,ECjEd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASo2C,GAAgB/yC,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAMqyC,KAAYA,GAAuB,gBAAoB,SAAU,CACjFS,GAAI,KACJC,GAAI,EACJtzC,EAAG,KACHuzC,OAAQ,UACRC,YAAa,OAEjB,CACA,MAAM,GAA0B,aAAiBJ,IAClC,IC5BX,GD4BW,IC3Bf,SAAS,KAAa,OAAO,GAAW1zC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASy2C,GAAgBpzC,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,kRACHqyC,OAAQ,UACRC,YAAa,OAEjB,CACA,MAAM,GAA0B,aAAiBC,IAClC,IC1BX,GD0BW,ICzBf,SAAS,KAAa,OAAO,GAAW/zC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS02C,GAAmBrzC,EAAMC,GAChC,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EW,EAAG,2FACHqyC,OAAQ,UACRC,YAAa,OAEjB,CACA,MAAM,GAA0B,aAAiBE,IAClC,ICvBf,MAAMpyC,GAAUC,UAAOC,GAAG;;;;;WAKfH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+CQA;;;;;;;;;;;;;;;;;;;;;;gCAsBaA;;;;;;;;;;;;;eAajBA;;;;;;;;;;;;eAYAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmCGA;;;;aAILA;;;;;;;;0BAQaA;;;;;;;;;;;;;;;;;;;;0BAoBAA;;;;;;;;;;;;;;;;;;;kBAmBRA;;;;;aAKLA;;;;;0BAKaA;;;;;;;;;;;;;;;;;;;4BAmBEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgDFA;;;;;;;;;;;;;;;;;;;;0BAoBAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyCFA;wBACAA;;;aAGXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAoIaA;;;;;;;;;;;;;;;;wBAgBFA;;;;;;;wBAOAA;aACXA;;;;;;;;;;wBAUWA;;;;;;;;;;;;EC3elBsyC,GAAe,CACnB,CAAE1qC,MAAO,2BACT,CAAEA,MAAO,8BACT,CAAEA,MAAO,iCACT,CAAEA,MAAO,+BACT,CAAEA,MAAO,qBACT,CAAEA,MAAO,qBACT,CAAEA,MAAO,uBACT,CAAEA,MAAO,kBACT,CAAEA,MAAO,iCACT,CAAEA,MAAO,6BACT,CAAEA,MAAO,qBACT,CAAEA,MAAO,yCACT,CAAEA,MAAO,wBACT,CAAEA,MAAO,mBACT,CAAEA,MAAO,qBCkTI2qC,OAvTVvzC,IAAgD,IAA/C,SAAEwyC,EAAQ,4BAAEgB,GAA6BxzC,EAC7C,MAAOyzC,EAAmBC,GAAwBzuC,IAAMxC,SAEtD,KACI,WAAE5G,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAClDk3C,EAAYC,GAAiB3uC,IAAMxC,SDnBlB,YCuBjBoxC,EAAuBC,GAC5B7uC,IAAMxC,SDzBkB,QC2BnBsxC,EAAcC,GAAmB/uC,IAAMxC,WAY9C,OAVA0E,qBAAU,K3J1BVnN,EACGwB,IAAI,wBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y2JqBNiB,MAAKwT,IAAe,IAAd,KAAEvJ,GAAMuJ,EAEpC,GADAykC,EAAqBhuC,EAAKuuC,cAAc9iC,WACpCzL,EAAKuuC,cAAe,CACtB,MAAMC,EAAWxuC,EAAKuuC,cAAcvuC,EAAKuuC,cAAcr3C,OAAS,GAChEo3C,EAAgBE,EAAS3rC,SAC3B,IACA,GACD,IAGDjH,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CA+BzBC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,oCACvBC,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CAAC,eACZ1F,EAAWwB,KAAK6X,iBAAmB,SAAI,8FA0BxD5T,eAAA,OAAKO,UAAU,OAAMN,SACnBC,gBAAA,OACEK,UAAW,mBACR4xC,EAAkB72C,OAA0B,GAAjB,gBAC3B2E,SAAA,CAEHC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,KAAGO,UAAU,gBAAeN,SAAC,YAC7BD,eAAA,QAAMO,UAAU,qBAAoBN,SAAC,uNAOtCsnB,GAAmB9lB,KAAIkN,IAAA,IAAC,MAAErH,GAAOqH,EAAA,OAChC3O,eAAA,KAAeO,UAAU,aAAYN,SAClCqH,GADKA,EAEJ,IAENtH,eAAA,OAAKO,UAAU,mBAEhB4xC,GACCA,EAAkB1wC,KAAKoxC,GACrB3yC,gBAAA,OAEEK,UACEkyC,IAAiBI,EAAK5rC,SAClB,iCACA,gBACLhH,SAAA,CAEDC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BC,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BD,eAAA,OAAKO,UAAU,oBAAmBN,SACH,SAA5B4yC,EAAKnyC,KAAKwK,cACTlL,eAAC8yC,GAAY,IACiB,SAA5BD,EAAKnyC,KAAKwK,cACZlL,eAAC+yC,GAAY,IACiB,YAA5BF,EAAKnyC,KAAKwK,cACZlL,eAACgzC,GAAe,IACd,OAELH,EAAKnyC,QAERV,eAAA,KAAGO,UAAU,YAAWN,SAAE4yC,EAAKtmB,cAC/BrsB,gBAAA,KAAGK,UAAU,qBAAoBN,SAAA,CAC/BC,gBAAA,QAAMK,UAAU,aAAYN,SAAA,CAAE1F,EAAWwB,KAAK6X,iBAAmB,SAAKi/B,EAAK54B,SAC3Eja,eAAA,QAAMO,UAAU,cAAaN,SACX,YAAfoyC,EAA2B,MAAQ,WAGxCryC,eAAA,UACEvE,KAAK,SACL8E,UAAW,IACTkyC,IAAiBI,EAAK5rC,SAClB,WACA,oBAENrF,QAASA,KACP4wC,GAAyB,GACzBE,EAAgBG,EAAK5rC,UACrBirC,EAA4BW,EAAK5rC,SAAS,EAC1ChH,SACH,mBAIHD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAAE4yC,EAAKK,gBACnClzC,eAAA,OAAKO,UAAU,cAAaN,SAAE4yC,EAAKM,kBACnCnzC,eAAA,OAAKO,UAAU,cAAaN,SAAE4yC,EAAKO,cACnCpzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACizC,GAAW,MAEdjzC,eAAA,OAAKO,UAAU,cAAaN,SAAE4yC,EAAK1c,kBACnCn2B,eAAA,OAAKO,UAAU,cAAaN,SACzB4yC,EAAKQ,0BAERrzC,eAAA,OAAKO,UAAU,cAAaN,SAAE4yC,EAAKS,uBACnCtzC,eAAA,OAAKO,UAAU,cAAaN,SAAC,gBAC7BD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,UACEvE,KAAK,SACL8E,UAAW,IACTkyC,IAAiBI,EAAK5rC,SAClB,WACA,oBAENrF,QAASA,KACP4wC,GAAyB,GACzBE,EAAgBG,EAAK5rC,UACrBirC,EAA4BW,EAAK5rC,SAAS,EAC1ChH,SACH,oBAzFE4yC,EAAKzzC,WAsLpBY,eAAA,OAAKO,UAAU,0BAAyBN,SACtCD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACPswC,EAA4BO,GAC5BvB,EAAS,EAAE,EACXjxC,SACH,yBAKG,EClUC,WAA0B,0CCIzC,MAAMN,GAAUC,UAAOC,GAAG;;;;;;WAMfH;;;;;;;;;;;;;;;;;;;;;;0BAsBeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAsCXA;;;;;;;;;;;;eAYAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6BIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BFA;;;;;;qCAMoBA;;;;;;mBAMlBA;;;;;;qBAMEA;;;;;;;;;;;;4BAYO6zC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgEb7zC;;iBAEEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA4BaA;;;;8BAIAA;;;;;;;;;;;;;;;;;;eAkBfA;;;;;;;;;;;;;;;;;;;;;;;;mBAwBIA;;;;;;uCAMoBA;;;;;;eAMxBA;;;;;;;;;;;;eAYAA;;;;;;;;;;;;ECmIA8zC,OApbV90C,IAAiC,IAAhC,aAAE+zC,EAAY,SAAEvB,GAAUxyC,EAC9B,MAAO+0C,EAAqBC,GAC1B/vC,IAAMxC,SAAuC,CAC3CwyC,UAAW,GACXC,SAAU,GACVxqC,MAAO,GACPyqC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdtB,eACAuB,UAAW,GACXn6B,SAAU,KAGPmM,EAAaC,GAAkBtiB,IAAMxC,UAAkB,IACvDilB,EAAcC,GAAmBllB,mBAA4B,KAE7D+kB,EAAkBC,GAAuBxiB,IAAMxC,SAAc,IAiBpE0E,qBAAU,KACR5L,IAAmBE,MAAKgK,IACtBA,EAAIC,KAAK9I,OAAS,EAAI+qB,EAAgBliB,EAAIC,MACxCiiB,EAAgB,CAAC,CAACphB,MAAO,EAAGqC,MAAO,WAAM,GAC3C,GACD,IAEH,MAAMkD,EAAWA,CAAC/O,EAAcwJ,KAC1BihB,GACFC,EAAoB,IAEtButB,EAAuB,IAAKD,EAAqB,CAACh4C,GAAOwJ,GAAQ,EAmFnE,OACEjF,eAACL,GAAO,CAAAM,SAMND,eAAA,OAAKO,UAAU,OAAMN,SAOnBC,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACxBD,eAAA,OAAKO,UAAU,QAAON,SAAC,iBACvBD,eAAA,OAAKO,UAAU,WAAUN,SAAC,2DAG1BD,eAAA,QACEynB,SAjFmB/e,IAC3BA,EAAMgf,iBACNzB,GAAe,GC9FjB7hB,KACkB,IAAD6vC,EAAAC,EAAAC,EACjB,MAAMztC,EAAkB,IAAIyiB,SAY5B,OAVAziB,EAAgB0iB,OAAO,QAAShlB,EAAKgF,OACrC1C,EAAgB0iB,OAAO,aAAchlB,EAAKgf,YAC1C1c,EAAgB0iB,OAAO,YAAahlB,EAAKif,WACzC3c,EAAgB0iB,OAAO,QAAShlB,EAAKgZ,OACrC1W,EAAgB0iB,OAAO,gBAAiBhlB,EAAKqS,eAC7C/P,EAAgB0iB,OAAO,gBAAiBhlB,EAAKwiB,eAC7ClgB,EAAgB0iB,OAAO,eAAiC,QAAnB6qB,EAAE7vC,EAAKpH,oBAAY,IAAAi3C,IAAI,IAC5DvtC,EAAgB0iB,OAAO,aAA6B,QAAjB8qB,EAAE9vC,EAAKuiB,kBAAU,IAAAutB,IAAI,IACxDxtC,EAAgB0iB,OAAO,WAAyB,QAAf+qB,EAAE/vC,EAAKyV,gBAAQ,IAAAs6B,IAAI,KAE7Cz7C,EACJ0N,KAAK,iCAAkCM,GACvCvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,ED0EFk7C,CAAqB,CACnBhrC,MAAOqqC,EAAoBrqC,MAC3Bga,WAAYqwB,EAAoBE,UAChCtwB,UAAWowB,EAAoBG,SAC/Bx2B,MAAOq2B,EAAoBI,YAC3Bp9B,cAAeg9B,EAAoBK,aACnCltB,cAAe6sB,EAAoBM,aACnC/2C,aAAcy2C,EAAoBhB,aAClC9rB,WAAY8sB,EAAoBO,UAChCn6B,SAAU,GAAG45B,EAAoB55B,aAEhC1f,MAAK,KACJ+2C,EAAS,GAETjrB,GAAe,EAAM,IAEtB7rB,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKiwC,QAC/BpuB,GAAe,EAAM,GACrB,EA4DI1lB,WAAcylB,EAAc,eAAiB,IAAlC,eAAmD/lB,SAE9DC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAACgX,GAAK,CACJ1P,MAAM,aACNoC,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,YAAavF,GAC3C7L,MAAO8sB,EAAiB9C,eAG5BpjB,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAACgX,GAAK,CACJ1P,MAAM,YACNoC,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,WAAYvF,GAC1C7L,MAAO8sB,EAAiB7C,iBAI9BnjB,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,QACN7L,KAAK,QACLiO,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,QAASvF,GACvC7L,MAAO8sB,EAAiB9c,UAG5BlJ,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,QAAMO,UAAU,QAAON,SAAC,iBACxBD,eAACkoB,KAAU,CACTC,eAAe,cACf3B,QAAQ,KACR4B,WAAY,CACV1nB,KAAM,cAEN6W,UAAW,GAEblM,SAAWpG,IAUTuF,EAAS,cAAevF,EAAM,UAUtC/E,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,aACNoC,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,YAAavF,GAC3C7L,MAAO8sB,EAAiBS,eAG5B3mB,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,gBACNoC,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,eAAgBvF,GAC9C7L,MAAO8sB,EAAiBzP,qBAI9BvW,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAC6J,GAAM,CACLvC,MAAM,WACN4C,aAAckc,EACdjc,gBAAgB,SAChBT,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,WAAYvF,GAC1C+E,aAAcoc,EAAapB,MAAKnL,GAAYA,EAAS5U,QAAUwuC,EAAoB55B,WACnFzP,oBAAkB,MAGtBlK,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAC6J,GAAM,CACLvC,MAAM,gBACN4C,aAAcqd,GACdpd,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,eAAgBvF,GAC9CmF,oBAAkB,IAEnB8b,EAAiBU,cAChB5mB,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiBU,gBAElB,WAiBR5mB,eAAA,OAAKO,UAAU,qBAAoBN,SACjCD,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,gCAiK7C,EE1cP,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;WAOtBH;;;;;;;;;;;;;;eAcIA;;;;;;;;;;;;;;ECPA40C,OAXiCA,IAE5Ct0C,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCD,eAAA,OAAKQ,IAAK2uC,GAAe1uC,IAAI,KAC7BT,eAAA,KAAGO,UAAU,QAAON,SAAC,uDCRtB,MCAMN,GAAUC,UAAOC,GAAG;;;;;;;WAOtBH;;;;;;;;;;;;;eAaIA;;;;;;;;;;;;eAYAA;;;;;;;;;;;;EC6EA60C,OArGV71C,IAAoC,IAAnC,0BAAE81C,GAA2B91C,EACjC,MAAMlF,EAAgBwH,eACfyzC,EAAqBC,GAC1B/wC,IAAMxC,UAAkB,IACnBwzC,EAA0BC,GAC/BjxC,IAAMxC,SAAc,CAAC,IAChBokC,EAAU8J,GAAe1rC,IAAMxC,SAAiB,KAChDmuC,EAAsBC,GAC3B5rC,IAAMxC,SAAiB,IAqCzB,OACEnB,eAACL,GAAO,CAAAM,SACND,eAAA,OAAKO,UAAU,0BAAyBN,SACtCD,eAAA,QACEynB,SAvCsB/e,IAC5BA,EAAMgf,iBACF6d,IAAa+J,GACfoF,GAAuB,GFpB3BtwC,KACkB,IAADywC,EACjB,MAAMnuC,EAAkB,IAAIyiB,SAM5B,OAJAziB,EAAgB0iB,OAAO,WAAYhlB,EAAKmhC,UACxC7+B,EAAgB0iB,OAAO,mBAAoBhlB,EAAK0wC,kBAChDpuC,EAAgB0iB,OAAO,qBAA6C,QAAzByrB,EAAEzwC,EAAK2wC,0BAAkB,IAAAF,IAAI,IAEjEn8C,EACJ0N,KAAK,0BAA2BM,GAChCvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EEMA87C,CAAuB,CACrBzP,WACAuP,iBAAkBxF,EAClByF,mBAAoBP,IAEnBr6C,MAAMjB,IAEL,GADAw7C,GAAuB,IACM,IAAzBx7C,EAASkL,KAAK/K,QAAmBH,EAASkL,KAAK6wC,UAAW,CAC5D,MAAMC,EAAc,IAAItF,gBAAgBp2C,EAAS+lB,QAC3CljB,EAAQ64C,EAAYh7C,IACxBqtB,IAEF2tB,EAAYC,OAAO,sBACnBD,EAAYE,IAAI,4BAA6B,GAAG/4C,KAChD9C,OAAOC,SAASC,QAAQ,GAAGD,EAAS8H,sCAAsC4zC,EAAYh7C,IAAIqtB,MAE5F,MACEqtB,EAA4B17C,EAASkL,KAAKiwC,OAC5C,IAEDj6C,OAAOhB,IACNw7C,EAA4Bx7C,EAAMgL,KAAKiwC,QACvCK,GAAuB,EAAM,KAGjCE,EAA4B,CAC1BE,iBAAkB,4CAEtB,EAQMv0C,WAAck0C,EAAsB,eAAiB,IAA1C,eAA2Dx0C,SAEtEC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,QAAON,SAAC,oBACvBD,eAAA,OAAKO,UAAU,cAAaN,SAAC,gJAK7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,WACN7L,KAAK,WACLiO,UAAQ,EACRc,SAAWvF,IACL0vC,GAA0BC,EAA4B,IAC1DvF,EAAYpqC,EAAM,EAEpB7L,MAAOu7C,EAAyBpP,aAGpCvlC,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,kBACN7L,KAAK,WACLiO,UAAQ,EACRc,SAAWvF,IACL0vC,GAA0BC,EAA4B,IAC1DrF,EAAwBtqC,EAAM,EAEhC7L,MAC0B,OAAxBu7C,QAAwB,IAAxBA,KAA0BG,iBACtBH,EAAyBG,iBACD,OAAxBH,QAAwB,IAAxBA,KAA0BI,mBAC1BJ,EAAyBI,mBACD,OAAxBJ,QAAwB,IAAxBA,KAA0BU,OAC1BV,EAAyBU,OACzB,OAIVr1C,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,4BAMzC,ECzGP,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqDvBH;UACAA;;;;;;UAMAA;UACAA;;;;;;;;;;;;;;ECIK41C,OAhED52C,IAWA,IAXC,SACbqjB,EAAQ,SACRwzB,EAAQ,MACR9c,EAAQ,OAAM,oBACd+c,EAAsB,UAAS,mBAC/BC,EAAqB,UAAS,SAC9BC,EAAQ,SACRC,EAAQ,KACRv+B,EAAO,EAAC,MACRnS,EAAK,SACLoG,GACM3M,EACN,MAAMk3C,EAAiB,CACrBC,KAAM,cACNpd,GAEIqd,EAAe7wC,EAAQ8c,EACvBg0B,EAAgBR,EAAWxzB,EAE3Bi0B,EAAsB,OAARN,QAAQ,IAARA,IAAY3zB,EAC1Bk0B,EAAsB,OAARN,QAAQ,IAARA,IAAYJ,EAOhC,OACEr1C,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,QAAMO,UAAU,iBAAgBN,SAAE+1C,IAClC91C,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,SACEvE,KAAK,QACLwb,IAAK8K,EACL7K,IAAKq+B,EACLn+B,KAAMA,EACNnS,MAAOA,EACP1E,UAAW,eAAeq1C,IAC1BvqC,SAhBclN,IAChBkN,GACFA,GAAUlN,EAAEyC,OAAOqE,MACrB,EAcM2J,MAAO,CACLsnC,WAAY,6BAA6BV,SAA2BA,KACjEM,EAAeC,EAAiB,0BAE7BN,KACHK,EAAeC,EAAiBR,OAC7BE,aAGVz1C,eAAA,QACEO,UAAU,sBACVqO,MAAO,CACLunC,KAAM,QAAwB,IAAfL,EAAsBC,QACnC,EAAqB,IAAfD,EAAsBC,EAAiB,UAE/C91C,SAEDgF,OAGLjF,eAAA,QAAMO,UAAU,iBAAgBN,SAAEg2C,MAC1B,EC/CCG,OAVG13C,IAAoD,IAAnD,kBAAE23C,EAAiB,MAAEC,GAAwB53C,EAC9D,OACEsB,eAAA2B,YAAA,CAAA1B,SACGo2C,GAAqBA,EAAkBC,GACtCt2C,eAAA,OAAKO,UAAU,qBAAoBN,SAAEo2C,EAAkBC,KACrD,MACH,ECVP,MAAMhuB,GAAkBC,WAAS;;;;;;;;;;EAY3B5oB,GAAUC,UAAOC,GAAG;;;;;WAKfH;;;;;QAKHA;MACFA;;;;;;;;;;;;;;;;;aAiBOA;;;;;;;eAOEA;;;;;;;;;;;;;eAaAA;;;;;;;;;;;;;;;;;;;;iBAoBEA;;;;;;;;;;;;;;;;;;;mCAmBkBA;;;;;;;;;8BASLA;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBD4oB;;;0BAGH5oB;;;;;yBAKDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAsDTA;cACFA;;;;;;;;;;;;;;;;;;;mBAmBKA;;;;;;;qBAOEA;;;;;8BAKSA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAwDFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoDQA;;;;oCAIAA;;;yBAGXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+BFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4DAA;;;;;;;;;;yBAUEA;;;;;;;;;;;;;yBAaAA;;;;;;;;;yBASAA;;;;;;;;;;;;;;;0BAeCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA6BPA;;;;;;;;;gCASaA;;;;;;;;;;gCAUAA;;;;;;;;;;;;mBAYbA;;;;;;;;;;;gBAWHA;gBACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwCRA;QACAA;;;;;;;;;;;;;;;;UAgBEA;UACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8IGg7B,GAAiB96B,UAAOC,GAAG;;EAI3B86B,GAAgB/6B,UAAO+lB,IAAI;;;;;WAK7BjmB;ECnCI62C,OA9rBV73C,IAA4C,IAADy4B,EAAA,IAA1C,wBAAEmC,EAAuB,SAAE4X,GAAUxyC,EACzC,MAAOwnB,EAAkBC,GAAuBxiB,IAAMxC,SAAc,CAAC,IAC9Dq1C,EAAWC,GAAgB9yC,IAAMxC,UAAkB,IACnDm2B,EAAoBof,GACzBv1C,mBAAsC,CACpCy2B,YAAa,GACb0F,aAAc,GACdE,UAAW,GACXjxB,cAAe,EACfyrB,UAAW,GACXF,kBAAmB,GACnBwK,WAAY,GACZnK,mBAAoB,EACpBkF,eAAgB,GAChBS,cAAe,EACf6Y,QAAS,CACP,CACEnW,aAAc,EACdC,OAAQ,GACRH,aAAc,EACdI,cAAe,GACfC,WAAY,EACZJ,cAAe,OAqChBqW,EAAyBC,GAA8B11C,mBAC5DomB,GAAgB,KAGX4W,EAAsBC,GAA2Bj9B,mBACtD,IAUIqJ,EAAWA,CAAC/O,EAAcwJ,KAC9BkhB,EAAoB,CAAC,GACrBuwB,EAAsB,IAAKpf,EAAoB,CAAC77B,GAAOwJ,GAAQ,GAW3D,cAAEikB,EAAa,aAAEP,EAAY,aAAEC,EAAY,cAAEC,GACjDC,aAAY,CACVC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OAXWA,UAmCR0W,EAAkBC,GAAuBz+B,mBAAiC,KAE1Ek9B,EAAeC,GAAoBn9B,mBACxC,KAGKo9B,EAAkBC,GAAuBr9B,mBAC9C,KAGKo2B,EAAYC,GAAiBr2B,oBAAkB,GAEtD0E,qBAAU,KACRqzB,KAAwB/+B,MAAMjB,IAC5B0mC,EACE1mC,EAASkL,KAAKy7B,cAAcp+B,KAAKq+B,IACxB,CACL76B,MAAO66B,EAAc1gC,GACrBkI,MAAOw4B,EAAcvC,iBAG1B,IAGHnE,KAAuBj/B,MAAMjB,IAC3BslC,EAAoBtlC,EAASkL,KAAKq6B,aAAa,IAGjDtF,KAAqBh/B,MAAMjB,IACzBolC,EACEplC,EAASkL,KAAKm7B,WAAW99B,KAAK+9B,IACrB,CACLv6B,MAAOu6B,EAAWpgC,GAClBkI,MAAOk4B,EAAWjC,aAClB9xB,WAAY,CACVg0B,UAAWD,EAAW9+B,KACtB+8B,YAAa+B,EAAW/B,iBAI/B,GACD,GACD,IAaH,OACEv9B,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,yBACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAC,4EAI7BC,gBAAA,OAAKK,UAAW,uBAAsBi2C,EAAY,eAAiB,IAAKv2C,SAAA,CACtED,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAAA,QAAMO,UAAU,cAAcknB,SAtFJ/e,IAChCA,EAAMgf,iBAC0B,OAA5B4R,IACFmd,GAAa,GnExHgBK,EACjC1yC,EACAk1B,EACApQ,KACkB,IAAD6tB,EACjB,MAAMtV,EAAW,IAAI7I,GAerB,OAbA6I,EAASrY,OAAO,UAAWhlB,EAAK0zB,mBAChC2J,EAASrY,OAAO,OAAQhlB,EAAKwzB,aAC7B6J,EAASrY,OAAO,gBAA8C,QAA/B2tB,EAAE3yC,EAAK05B,cAAc1R,kBAAU,IAAA2qB,IAAI,KAClEtV,EAASrY,OAAO,oBAAqBhlB,EAAK+zB,mBAAmB/L,YAC7DqV,EAASrY,OAAO,gBAAiBhlB,EAAKk5B,aAAalR,YACnDqV,EAASrY,OAAO,iBAAkBhlB,EAAKmI,cAAc6f,YACrDqV,EAASrY,OAAO,aAAchlB,EAAKo5B,UAAUpR,YAC7CqV,EAASrY,OAAO,kBAAmBhlB,EAAKi5B,gBACxCoE,EAASrY,OAAO,QAASF,EAAc,IACvCuY,EAASrY,OAAO,QAASkQ,GAEzBmI,EAAS3I,YAAY,SAAU10B,EAAKuyC,SAE7Bj+C,EACJ0N,KAAK,2BAA4Bq7B,GACjCtnC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EmE8FA49C,CACExf,EACAgC,EACApQ,GAEC/uB,MAAK,KACJ+2C,EAAS,GACTuF,GAAa,EAAM,IAEpBr8C,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKiwC,QAC/BoC,GAAa,EAAM,IAEzB,EAqEuEx2C,SAC/DC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,WAAUN,SACvBC,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAAE,IAC7DD,eAAA,YAAW6oB,IAAiBnf,UAAQ,IAAG,IACvCxJ,gBAAA,OAAAD,SAAA,CACED,eAACypB,GAAU,IACVP,EAAc5tB,OACb0E,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,QAAMO,UAAU,YAAWN,SACxBipB,EAAc,GAAGxoB,SAItBR,gBAAA,QAAMK,UAAU,OAAMN,SAAA,CACpBD,eAAA,QAAMO,UAAU,QAAON,SAAC,qEAIxBD,eAAA,QAAMO,UAAU,cAAaN,SAAC,8CAQxCD,eAACo2C,GAAS,CAACC,kBAAmBnwB,EAAkBowB,MAAM,aAExDt2C,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,uBACNwC,YAAY,eACZC,YAAY,2HACZL,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,cAAevF,GAC7C7L,MAAO8sB,EAAiBxlB,SAIU,IAArC42B,EAAmB/qB,cAClBvM,eAAA,OAAKO,UAAU,iCAAgCN,SAC7CD,eAACgX,GAAK,CACJlN,YAAY,yBACZxC,MAAM,6BACNoC,UAAQ,EACRyN,UAAW,GACXF,IAAK,EACLxb,KAAM,SACNuO,aAAcstB,EAAmBwG,cAAgBxG,EAAmBwG,cAAgB,IACpFtzB,SAAWvF,GACTA,EAAM+xC,OAASxsC,EAAS,gBAAiBvF,EAAM+xC,QAAUxsC,EAAS,gBAAiB,SAGhF,KACXtK,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAC6J,GAAM,CACLvC,MAAM,gBACNwC,YAAY,uBACZI,aAAcy1B,EACdx1B,gBAAgB,SAChBT,UAAQ,EACRc,SAAWvF,GAAUuF,EAAS,eAAgBvF,GAC9CmF,oBAAkB,IAEpBpK,eAACo2C,GAAS,CACRC,kBAAmBnwB,EACnBowB,MAAM,qBAGVt2C,eAAA,KAAGO,UAAU,eAAcN,SAAC,mCAC5BC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBC,gBAAA,OACEK,UAAW,mBAC4B,IAArC+2B,EAAmB/qB,cACf,uBACA,IACHtM,SAAA,CAEHD,eAAA,UACEvE,KAAK,SACL8E,UAAW,eAC4B,IAArC+2B,EAAmB/qB,cACf,oBACA,IAEN3K,QAASA,IACP80C,EAAsB,IACjBpf,EACH/qB,cAAe,IAElBtM,SACF,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAW,eAC4B,IAArC+2B,EAAmB/qB,cACf,oBACA,IAEN3K,QAASA,IACP80C,EAAsB,IACjBpf,EACH/qB,cAAe,IAElBtM,SACF,cAIHD,eAACo2C,GAAS,CACRC,kBAAmBnwB,EACnBowB,MAAM,sBAG4B,IAArChf,EAAmB/qB,cAClBrM,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAC6J,GAAM,CACLvC,MAAM,iDACNwC,YAAY,oBACZC,YAAY,gJACZG,aAAcm0B,EACdl0B,gBAAgB,SAChBT,UAAQ,EACRc,SAAUA,CAACvF,EAAOqC,EAAOmE,KACvB,MAAMo2B,EACJp2B,EACIwrC,EACJ,IACK3f,GAGP2f,EAAwBzZ,UAAYv4B,EACpCgyC,EAAwBjf,UACtB6J,EAAcpC,UAEhBiX,EAAsBO,EAAwB,EAEhD7sC,oBAAkB,IAEpBpK,eAACo2C,GAAS,CACRC,kBAAmBnwB,EACnBowB,MAAM,kBAGVt2C,eAAA,KAAGO,UAAU,QAAON,SAAC,iCACrBC,gBAAA,OAAKK,UAAU,4BAA2BN,SAAA,CACxCD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACs1C,GAAK,CACJvzB,SAAU,EACVwzB,SAAU,GACVtwC,MAAOqyB,EAAmBa,mBAC1B9sB,SAAWpG,IACT,MAAMiyC,EAAW3vB,GAAgBvC,MAC9BmyB,GAAUA,EAAMlyC,QAAUA,IAE7B4xC,EACEK,GAAY3vB,GAAgB,IAE9B/c,EAAS,qBAAsBvF,EAAM,MAI3CjF,eAAA,QAAMO,UAAU,KAAIN,SAAC,OACrBD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAC6J,GAAM,CACLE,YAAa,6OACbG,aAAcqd,GACdpd,gBAAgB,MAChBT,UAAQ,EACRM,aAAc4sC,EACdpsC,SAAWvF,GACTuF,EAAS,qBAAsBvF,GAEjCmF,oBAAkB,MAGtBpK,eAACo2C,GAAS,CACRC,kBAAmBnwB,EACnBowB,MAAM,yBAuCVt2C,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,UACNyC,YAAY,yGACZS,SAAWvF,GAAUuF,EAAS,oBAAqBvF,GACnD7L,MAAO8sB,EAAiB8Y,eAK9B9+B,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,UAENkD,SAAWvF,GAAUuF,EAAS,oBAAqBvF,GACnD7L,MAAO8sB,EAAiB8Y,YAG5Bh/B,eAAA,KAAGO,UAAU,aAAYN,SAAC,0BAC1BC,gBAAA,KAAGK,UAAU,iBAAgBN,SAAA,CAAC,gEAG5BD,eAAA,SAAM,wCAEmB,QADvBm3B,EACHG,EAAmBqf,eAAO,IAAAxf,OAAA,EAA1BA,EAA4B11B,KAC3B,CAAAkM,EAEEc,KAAC,IAAA2oC,EAAAC,EAAA,IADD,cAAE3W,EAAa,OAAED,EAAM,WAAEE,EAAU,aAAEL,EAAY,aAAGE,GAAc7yB,EAAA,OAE9DzN,gBAAA,OAAaK,UAAU,eAAcN,SAAA,CACvCD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAAA,OAAKO,UAAU,eAAcN,SAAE,aA4CjCC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAACgX,GAAK,CACJtN,UAAQ,EACRjO,KAAK,SACL6L,MAAM,gBACNyC,YAAa,iZACbS,SAAWvF,IACT,MAAMk9B,EAAU,IAAI7K,GAChB6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAG+xB,cAAgBv7B,EACnCyxC,EAAsBvU,GACxB,EAEF/oC,MACkB,OAAhB8sB,QAAgB,IAAhBA,KAAkB1L,OACE,OAAhB0L,QAAgB,IAAhBA,OAAgB,EAAhBA,EAAkB1L,OAAO/L,GAAG+xB,aAC5B,KAENx2B,aAAcw2B,IAEhBxgC,eAACgX,GAAK,CACJtN,UAAQ,EACRpC,MAAM,gBACNyC,YAAa,6IACbS,SAAWvF,IACT,MAAMk9B,EAAU,IAAI7K,GAChB6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAG6xB,aAAer7B,EAClCyxC,EAAsBvU,GACxB,EAEFn4B,aAAc,GAAGs2B,IACjBlnC,MACkB,OAAhB8sB,QAAgB,IAAhBA,KAAkB1L,OACE,OAAhB0L,QAAgB,IAAhBA,OAAgB,EAAhBA,EAAkB1L,OAAO/L,GAAG6xB,aAC5B,KAEN7kC,KAAM,WAERuE,eAACgX,GAAK,CACJtN,UAAQ,EACRpC,MAAM,eAENkD,SAAWvF,IACT,MAAMk9B,EAAU,IAAI7K,GAChB6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAGgyB,OAASx7B,EAC5ByxC,EAAsBvU,GACxB,EAEFn4B,aAAcy2B,IAEhBzgC,eAACgX,GAAK,CACJtN,UAAQ,EACRpC,MAAM,iBACNyC,YAAa,+GACbS,SAAWvF,IACT,MAAMk9B,EAAU,IAAI7K,GAChB6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAGiyB,cAAgBz7B,EACnCyxC,EAAsBvU,GACxB,EAEFn4B,aAAc02B,EACdtnC,MACkB,OAAhB8sB,QAAgB,IAAhBA,KAAkB1L,OACE,OAAhB0L,QAAgB,IAAhBA,OAAgB,EAAhBA,EAAkB1L,OAAO/L,GAAGiyB,cAC5B,OAGR1gC,eAAC6J,GAAM,CACLK,aAAcq0B,EACdp0B,gBAAgB,SAChB7C,MAAM,qBACN0C,aAAcu0B,EAAmC,OAAlBjH,QAAkB,IAAlBA,GAA2B,QAAT8f,EAAlB9f,EAAoBqf,eAAO,IAAAS,GAA3BA,EAA8B3oC,GAAG8xB,cAAgBjJ,EAAmBqf,QAAQloC,GAAG8xB,cAAgB,EAAI,GAClI72B,UAAQ,EACRU,oBAAkB,EAClBI,SAAWvF,IACT,MAAMk9B,EAAU,IAAI7K,GAEhB6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAG8xB,eAAiBt7B,EACpCyxC,EAAsBvU,GACxB,IAGJjiC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAACiiC,GAAQ,CACP36B,MAAM,gBACNixB,UACE4F,EAAqB74B,SAASmJ,MAAQkyB,EAExCt1B,SAAWktB,IACT6F,GAAyBgE,IACvB,GAAI7J,EAAW,CACb,GAAI6J,EAAW98B,SAASmJ,GACtB,OAAO2zB,EAET,MAAMD,EAAU,IAAI7K,GAKpB,OAJI6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAGkyB,WAAa,GAChC+V,EAAsBvU,IAEjB,IAAIC,EAAY3zB,EACzB,CACA,MAAM0zB,EAAU,IAAI7K,GAKpB,OAJI6K,EAAQwU,UACVxU,EAAQwU,QAAQloC,GAAGkyB,WAAa,EAChC+V,EAAsBvU,IAEjBC,EAAW18B,QAAQqZ,GAAQA,IAAQtQ,GAAE,GAC5C,IAGL0vB,EAAqB74B,SAASmJ,IAC7BkyB,EAyBAzgC,gBAACw6B,GAAc,CAAAz6B,SAAA,CACbD,eAACgX,GAAK,CACJvb,KAAK,SACLqO,YAAY,oBACZJ,UAAQ,EACRM,aAAc22B,EACd52B,YAAY,kMACZS,SAAWvF,GAjdrBo9B,EAACp9B,EAAenD,KACpC,MAAMqgC,EAAU,IACX7K,GAGD6K,EAAQwU,UACVxU,EAAQwU,QAAQ70C,GAAO6+B,YAAc17B,EACrCyxC,EAAsBvU,GACxB,EAycmDE,CAAcp9B,EAAOwJ,KAEzB,OAAlB6oB,QAAkB,IAAlBA,GAA2B,QAAT+f,EAAlB/f,EAAoBqf,eAAO,IAAAU,GAA3BA,EAA8B5oC,GAAGkyB,WAAa3gC,eAAC26B,GAAa,CAAA16B,SAAC,SAAuB,QAGrF,aAtMIwO,EAyMR,OAKdzO,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,QAAQzsB,UAAU,yBAAwBN,SAAA,CACvDC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SAAOvE,KAAK,WAAW2D,GAAG,QAAQsK,UAAQ,IAC1C1J,eAAA,QAAMO,UAAU,qBAElBL,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAAC,aAEpBD,eAAA,QAAAC,SAAM,MACND,eAAA,KACEW,KAAK,kDACLE,IAAI,aACJD,OAAO,SACPL,UAAU,iBAAgBN,SAC3B,sBAGDD,eAAA,QAAAC,SAAM,MAAQ,MAEdD,eAAA,QAAAC,SAAM,MACND,eAAA,KACEW,KAAK,4CACLE,IAAI,aACJD,OAAO,SACPL,UAAU,iBAAgBN,SAC3B,2BAMPD,eAACo2C,GAAS,CAACC,kBAAmBnwB,EAAkBowB,MAAM,UACtDt2C,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,oBAMjDC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,KAAGO,UAAU,eAAcN,SAAC,8CAG5BD,eAACk3B,GAAI,CACHhO,cAAeA,EACfoO,mBAAoBA,EACpBC,WAAYA,EACZC,cAAeA,EACfC,YAAa,CACXgJ,OAAQnJ,EAAmBqf,QACvBrf,EAAmBqf,QAAQ,GAAGlW,OAC9B,IACJjmB,OAAQ8c,EAAmBqf,QACvBrf,EAAmBqf,QAAQ,GAAGnW,aAC9B,IACJzI,UAAWT,EAAmBqf,QAC1Brf,EAAmBqf,QAAQ,GAAGnW,aAC9B,eAKJ,ECltBd,MAAM7gC,GAAUC,UAAOC,GAAG;;;;;;WAMfH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECoJI43C,IC7JX,GAAO,GD6JIA,GAhJV54C,IAA4C,IAA3C,wBAAE46B,EAAuB,SAAE4X,GAAUxyC,EACzC,MAAOwnB,EAAkBC,GAAuBhlB,mBAAc,CAAC,IACxDq1C,EAAWC,GAAgB9yC,IAAMxC,UAAkB,IAEnDnG,EAAWmuC,GAAgBhoC,mBAShC,CACA,CACE/B,GAAI,EACJwf,QAAS,GACTnX,cAAe,GACf+hC,SAAU/P,IACVgQ,UAAWhQ,IACXrc,MAAO,MAGL1S,EAAWA,CAACjP,EAAcwJ,EAAY7F,KAC1C+mB,EAAoB,CAAC,GACrBgjB,GAAcoO,GACZA,EAAc91C,KAAKjI,GACjBA,EAAS4F,KAAOA,EACZ,IACK5F,EACH,CAACiC,GAAOwJ,GAEVzL,KAEP,GAGIg+C,EAAWC,GAAgBt2C,qBAElC0E,qBAAU,KACJyzB,IAA4Bke,GEnDPle,IAC3B5gC,EACGwB,IAAI,qBAAsB,CACzBmzB,OAAQ,CAAEhxB,MAAOi9B,KAElBn/B,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YF2C5Bw+C,CAAape,GAAyBn/B,MAAMjB,IAC1Cu+C,EAAav+C,EAASkL,KAAK1D,KAAK,GAEpC,IAkBF,OACEV,eAACL,GAAO,CAAAM,SACNC,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCD,eAAA,MAAIO,UAAU,iBAAgBN,SAAC,4BAC/BD,eAAA,KAAGO,UAAU,gBAAeN,SAAC,qEAG7BC,gBAAA,QACEunB,SAxBc/e,IACpBA,EAAMgf,iBACF4R,IACFmd,GAAa,GEhDgBkB,EACjCn+C,EACA8/B,KAEA,MAAM5yB,EAAkB,IAAIyiB,SAQ5B,OAPAziB,EAAgB0iB,OAAO,UAAW5vB,EAASolB,SAC3ClY,EAAgB0iB,OAAO,WAAY5vB,EAASgwC,UAC5C9iC,EAAgB0iB,OAAO,YAAa5vB,EAASiwC,WAC7C/iC,EAAgB0iB,OAAO,gBAAiB5vB,EAASiO,eACjDf,EAAgB0iB,OAAO,QAASkQ,GAChC5yB,EAAgB0iB,OAAO,eAAgB5vB,EAAS4jB,OAEzC1kB,EACJ0N,KAAK,2BAA4BM,GACjCvM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EF8BAy+C,CAAoB38C,EAAU,GAAIs+B,GAC/Bn/B,MAAK,KACJs8C,GAAa,GACbvF,EAAS,EAAE,IAEZ92C,OAAOhB,IACNq9C,GAAa,GACbtwB,EAAoB/sB,EAAMgL,KAAKiwC,OAAO,IAE5C,EAYM9zC,UAAW,8BACTi2C,EAAY,eAAiB,IAC5Bv2C,SAAA,CAEFjF,EAAUyG,KAAKjI,GACd0G,gBAAA,OAAuBK,UAAU,uBAAsBN,SAAA,CACrDC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCD,eAACuiC,GAAuB,CACtBj7B,MAAM,0BACNwC,YAAY,wBACZC,YAAY,8IACZL,UAAQ,EACRc,SAAWvF,GAAUyF,EAAS,UAAWzF,EAAOzL,EAAS4F,IACzDojC,OAASv9B,GAAUyF,EAAS,WAAYzF,EAAOzL,EAAS4F,IACxDqjC,OAASx9B,GAAUyF,EAAS,YAAazF,EAAOzL,EAAS4F,MAE1C,OAAhB8mB,QAAgB,IAAhBA,KAAkBtH,QACjB5e,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiBtH,UAElB,KACa,OAAhBsH,QAAgB,IAAhBA,KAAkBsjB,SACjBxpC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiBsjB,WAElB,KACa,OAAhBtjB,QAAgB,IAAhBA,KAAkBujB,UACjBzpC,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiBujB,YAElB,QAENzpC,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACgX,GAAK,CACJ1P,MAAM,gBACNyC,YAAY,iGACZC,aAAcxQ,EAASiO,cACvBqC,YAAa0tC,EACbhtC,SAAWvF,GACTyF,EAAS,gBAAiBzF,EAAOzL,EAAS4F,IAE5ChG,MAAO8sB,EAAiBze,kBAG5BvH,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,KAAGO,UAAU,oBAAmBN,SAAC,iBACjCD,eAACkoB,KAAU,CACTC,eAAe,cACf3B,QAAQ,KACR4B,WAAY,CACV1nB,KAAM,cACNgJ,UAAU,EACV6N,UAAW,GAEblM,SAAWpG,IACTyF,EAAS,QAASzF,EAAOzL,EAAS4F,GAAG,SAlDnC5F,EAAS4F,MAwDJ,OAAhB8mB,QAAgB,IAAhBA,KAAkB7pB,MACjB2D,eAAA,OAAKO,UAAU,qBAAoBN,SAAEimB,EAAiB7pB,QACpD,KACJ2D,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,oBAKvC,ECxJd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASu8C,GAAkBl5C,EAAMC,GAC/B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,kYACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,OACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBmH,IAClC,IEvCX,GAAO,GFuCI,IEtCf,SAAS,KAAa,OAAO,GAAW75C,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASw8C,GAAYn5C,EAAMC,GACzB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,8bACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,OACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBoH,IAClC,ICvCX,GAAO,GDuCI,ICtCf,SAAS,KAAa,OAAO,GAAW95C,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASy8C,GAAgBp5C,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,6eACHD,KAAM,gCACH,KAAU,GAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,iBAAkB,CACvHF,GAAI,uBACJgxC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,GAAI,QACJC,cAAe,kBACD,gBAAoB,OAAQ,CAC1CC,UAAW,YACI,gBAAoB,OAAQ,CAC3CC,OAAQ,EACRD,UAAW,eAEf,CACA,MAAM,GAA0B,aAAiBqH,IAClC,ICpCf,MAAMxvB,GAAkBC,WAAS;;;;;;;;;;EAY3B5oB,GAAUC,UAAOC,GAAG;;;;;;WAMfH;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA2BoBA;;;;;;;;;0BASLA;;;;;;;;;;;;;;;;;;;;;;;;;yBAyBD4oB;;;sBAGH5oB;;;;;qBAKDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmDTA;YACAA;;;;;;;;;;;;;;;;;;eAkBGA;;;;;;iBAMEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6GIA;gCACWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsCPA;;;;;;;;;yBASAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkCJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC3TNq4C,OA9BVr5C,IAAiB,IAAhB,OAAEuqB,GAAQvqB,EACd,MAAM,cAAEwqB,EAAa,aAAEP,EAAY,aAAEC,EAAY,cAAEC,GACjDC,aAAY,CACVC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,WAGJ,OACA/oB,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAAC,IAC5DD,eAAA,YAAW6oB,IAAiBnf,UAAQ,IAAE,IACpCxJ,gBAAA,OAAAD,SAAA,CACED,eAACypB,GAAU,IACVP,EAAc5tB,OACb0E,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAA,QAAMO,UAAU,YAAWN,SAAEipB,EAAc,GAAGxoB,SAGhDR,gBAAA,QAAMK,UAAU,OAAMN,SAAA,CACpBD,eAAA,QAAMO,UAAU,QAAON,SAAC,mCACxBD,eAAA,QAAMO,UAAU,cAAaN,SAAC,iDAMhC,ECqZK+3C,OA/ZVt5C,IAAkC,IAAjC,wBAAE46B,GAAyB56B,EAC/B,MAAOwnB,EAAkBC,GAAuBhlB,mBAAc,CAAC,IACxDq1C,EAAWC,GAAgB9yC,IAAMxC,UAAkB,IAEnD2mC,EAAamQ,GAAkB92C,mBAAc,CAClD8lC,OAAQ,CACN3/B,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAEN+mC,QAAS,CACP7/B,MAAO,UACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENgnC,UAAW,CACT9/B,MAAO,YACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENinC,SAAU,CACR//B,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENknC,OAAQ,CACNhgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENmnC,SAAU,CACRjgC,MAAO,WACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,IAENonC,OAAQ,CACNlgC,MAAO,SACP4/B,QAAQ,EACRV,QAAQ,EACRtO,KAAM,GACN93B,GAAI,OAID83C,EAAgBC,GAAqBh3C,mBAOzC,CAED67B,cAAe,GACf+O,iBAAkB,GAClBqM,uBAAuB,EACvBC,SAAU,KACVC,UAAW,OAGP9tC,EAAWA,CAAC/O,EAAcwJ,KAC9BkhB,EAAoB,CAAC,GACrBgyB,GAAmBI,IACV,IAAKA,EAAU,CAAC98C,GAAOwJ,KAC9B,GAGG4mC,EAAe2M,GAAoB70C,IAAMxC,SAO9C,CACA,CACE8D,MAAO,GACPqC,MAAO,OAIJmxC,EAAWC,GAAgB/0C,IAAMxC,YAEjCw3C,EAAeC,GAAoBz3C,mBAMvC,CACD03C,qBAAsB,GACtBC,eAAgB,GAChB9Z,QAAS,GACTkN,aAAc,GACdzwC,KAAM,IAGFgoC,EAAeA,KC5EMnK,IAC3B5gC,EACGwB,IAAI,oBAAqB,CACxBmzB,OAAQ,CACNhxB,MAAOi9B,KAGVn/B,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YDkE9B6/C,CAAazf,GAA0Bn/B,MAAKwT,IAAe,IAAd,KAAEvJ,GAAMuJ,EACnDirC,EAAiB,CACfC,qBAAsBz0C,EAAK6nC,KAC3B6M,eAAgB10C,EAAK40C,gBACrBha,QAAS56B,EAAK46B,QACdkN,aAAc9nC,EAAK8nC,aACnBzwC,KAAM2I,EAAK3I,MACX,GACF,EAgFJ,OALAoK,qBAAU,KAdqB,IAAzBgmC,EAAcvwC,QAChB6L,KAA+BhN,MAAMjB,IACnC,MAAM07B,EAAW,GACjB17B,EAASkL,KAAK0nC,kBAAkBrqC,KAAK1B,GACnC60B,EAAIlwB,KAAK,CACPO,MAAOlF,EAAKX,GACZkI,MAAOvH,EAAKW,SAGhB83C,EAAiB5jB,EAAI,IAOzB6O,GAAc,GACb,IAGDzjC,eAACL,GAAO,CAAAM,SACNC,gBAAA,QACEK,UAAU,yBACVknB,SACEywB,EAAeE,sBA7DW1vC,IAChCA,EAAMgf,iBACF4R,GAA2Bmf,IAC7BhC,GAAa,GC1KmBwC,EACpC70C,EACAk1B,EACA4f,EACAnR,KAEA,MAAMtG,EAAW,IAAItY,SAiBrB,OAhBAsY,EAASrY,OAAO,UAAWhlB,EAAK2nC,kBAChCtK,EAASrY,OAAO,OAAQhlB,EAAK44B,eAE7ByE,EAASrY,OAAO,YAAahlB,EAAKi0C,UAClC5W,EAASrY,OAAO,aAAchlB,EAAKk0C,WACnC7W,EAASrY,OAAO,aAAc8vB,EAAW,IACzCzX,EAASrY,OAAO,QAASkQ,GAEzBv7B,OAAO0P,KAAKs6B,GAAUvxB,SAAS0xB,IAC7BzG,EAASrY,OAAO,aAAa8e,aAAoBH,EAASG,GAAShB,QACnEzF,EAASrY,OAAO,aAAa8e,WAAkBH,EAASG,GAAShQ,MACjEuJ,EAASrY,OAAO,aAAa8e,SAAgBH,EAASG,GAAS9nC,IAC/DqhC,EAASrY,OAAO,aAAa8e,YAAmBH,EAASG,GAAS5gC,OAClEm6B,EAASrY,OAAO,aAAa8e,aAAoBH,EAASG,GAAS1B,OAAO,IAGrE9tC,EACJ0N,KAAK,qCAAsCq7B,GAC3CtnC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,ED6IA+/C,CACE,IAAKf,GACL5e,EACAmf,EACA3Q,GAEC3tC,MAAK,KACJs8C,GAAa,GACbl9C,OAAOC,SAASmH,KAAO,QAAQ,IAEhCvG,OAAOhB,IACNq9C,GAAa,GACbtwB,EAAoB/sB,EAAMgL,KAAKiwC,OAAO,IAE5C,EAIsC3rC,IACtCA,EAAMgf,iBACN+uB,GAAa,GC9JgC0C,EAC/C7f,EACA4f,EACAnR,KAEA,MAAMtG,EAAW,IAAItY,SAYrB,OAXAsY,EAASrY,OAAO,QAASkQ,GACzBmI,EAASrY,OAAO,aAAc8vB,EAAW,IAEzCn7C,OAAO0P,KAAKs6B,GAAUvxB,SAAS0xB,IAC7BzG,EAASrY,OAAO,aAAa8e,aAAoBH,EAASG,GAAShB,QACnEzF,EAASrY,OAAO,aAAa8e,WAAkBH,EAASG,GAAShQ,MACjEuJ,EAASrY,OAAO,aAAa8e,SAAgBH,EAASG,GAAS9nC,IAC/DqhC,EAASrY,OAAO,aAAa8e,YAAmBH,EAASG,GAAS5gC,OAClEm6B,EAASrY,OAAO,aAAa8e,aAAoBH,EAASG,GAAS1B,OAAO,IAGrE9tC,EACJ0N,KAAK,+BAAgCq7B,GACrCtnC,MAAMjB,GAAaA,IACnBkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EDyIFigD,CACyB,OAAvB7f,QAAuB,IAAvBA,IAA2B,GAC3Bmf,EACA3Q,GAEC3tC,MAAK,KACJZ,OAAOC,SAASmH,KAAO,QAAQ,IAEhC+iB,SAAQ,IAAM+yB,GAAa,IAAO,EA+BhCx2C,SAAA,CAEDD,eAAA,MAAIO,UAAU,kBAAiBN,SAAC,0BAChCD,eAAA,KAAGO,UAAU,iBAAgBN,SAAC,0SAO9BC,gBAAA,OAAKK,UAAW,sBAAqBi2C,EAAY,eAAiB,IAAKv2C,SAAA,CACrEC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,WAAUN,SACvBD,eAAC+3C,GAAQ,CAAC9uB,OAAQyvB,MAEH,OAAhBxyB,QAAgB,IAAhBA,KAAkBgzB,WACjBl5C,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiBgzB,aAElB,QAENl5C,eAACynC,GAAQ,CACPC,gBAAiBI,EACjB5hB,iBAAkBA,EAClByhB,mBAAoBsQ,IAEtBj4C,eAAA,KAAGO,UAAU,aAAYN,SAAC,4CAG1BC,gBAAA,OACEK,UAAW,mBACR23C,EAAeE,sBAEZ,GADA,wBAEHn4C,SAAA,CAEHD,eAAA,UACEvE,KAAK,SACL8E,UAAW,eACT23C,EAAeE,sBACX,oBACA,IAENx2C,QAASA,IAAM4I,EAAS,yBAAyB,GAAMvK,SACxD,gCAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAW,eACR23C,EAAeE,sBAEZ,GADA,qBAGNx2C,QAASA,IAAM4I,EAAS,yBAAyB,GAAOvK,SACzD,8BAIHD,eAAA,OACEO,UAAW,mBACT23C,EAAeE,sBACX,sBACA,IACHn4C,SAEHC,gBAAA,OAAKK,UAAU,6BAA4BN,SAAA,CAmBzCD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJ1P,MAAM,eACNyC,YAAY,2RACZS,SAAWvF,IACTuF,EAAS,mBAAoBvF,EAAM,EAErC+E,aAAckuC,EAAenM,iBAC7B3yC,MAAO8sB,EAAiB6lB,qBAqBX,OAAhB7lB,QAAgB,IAAhBA,KAAkB7pB,MACjB2D,eAAA,OAAKO,UAAU,qBAAoBN,SAChCimB,EAAiB7pB,QAElB,KACJ2D,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,wCAMjDD,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAU,YAAWN,SAAC,sCACzBC,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,OACEQ,IACEi4C,GAAaA,EAAUn9C,OACnBo8B,IAAIC,gBAAgB8gB,EAAU,IAC9BvvC,GAEN3I,UAAU,WACVE,IAAI,WAMRP,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAAA,OACEQ,IAAKm4C,EAAcE,qBACnBp4C,IAAI,eAGRP,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,KAAGO,UAAU,YAAWN,SAAE04C,EAAczM,eAIxChsC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAU,cAAaN,SAAC,6BAC3BD,eAAA,KAAGO,UAAU,kBAAiBN,SAC1B04C,EAAcl9C,KAAkB,SAAX,iBAI7ByE,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,KAAGO,UAAU,YAAWN,SAAC,WACzBD,eAAA,KAAGO,UAAU,eAAcN,SAAC,eAG/B04C,EAAc3Z,QACb9+B,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAU,cAAaN,SAAC,aAC3BD,eAAA,KAAGO,UAAU,kBAAiBN,SAAE04C,EAAc3Z,aAE9C,KACHkZ,EAAenM,iBACd7rC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAU,cAAaN,SAAC,kBAC3BD,eAAA,KAAGO,UAAU,kBAAiBN,SAC3Bi4C,EAAenM,sBAGlB,KACJ/rC,eAAA,KAAGO,UAAU,aACbL,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAACiJ,GAAQ,IACTjJ,eAACo5C,GAAkB,IACnBp5C,eAACq5C,GAAS,OAEZr5C,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,wBAAuBN,SAAC,4BASlEi4C,EAAeE,sBAIb,KAHFp4C,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,wBAKvC,EEjTCq5C,OAhHgBA,KAC7B,MAAM9/C,EAAgBwH,cAChBq4B,EAAoB,IAAIuW,gBAAgBp2C,EAAS+lB,QAAQrlB,IAC7DqtB,IAEI+R,EAA0B,IAAIsW,gBAAgBp2C,EAAS+lB,QAAQrlB,IACnEqtB,KAGKgyB,EAAkBC,GAAuB71C,IAAMxC,SACpDk4B,EAAoB,EAAgC,OAA5BC,EAAmC,EAAI,IAI1DmgB,EAA0BvH,GAC/BvuC,IAAMxC,SAAiBxJ,GAyBzB,OACEqI,eAACL,GAAO,CAAAM,SACND,eAACgwC,GAAW,CAAC54B,KAAMmiC,EAAiBt5C,SACZ,IAArBs5C,EACCv5C,eAACgxC,GAAmB,CAACE,SAAUA,IAAMsI,EAAoB,KAClC,IAArBD,EACFv5C,eAACiyC,GAAsB,CACrBf,SAAWjsC,GAAUu0C,EAAoBv0C,GACzCitC,4BAA8BjtC,GAC5BitC,EAA4BjtC,KAGT,IAArBs0C,EACFv5C,eAACwzC,GAA+B,CAC9BtC,SAAWjsC,GAAUu0C,EAAoBv0C,GACzCwtC,aAAcgH,IAEO,IAArBF,EACFv5C,eAACs0C,GAA6B,IACP,IAArBiF,EACFv5C,eAACu0C,GAA2B,CAC1BC,0BAA2Bnb,IAEN,IAArBkgB,EACFv5C,eAACu2C,GAAyB,CACxBjd,wBAAyBA,EACzB4X,SAAWjsC,GAAUu0C,EAAoBv0C,KAEpB,IAArBs0C,EACFv5C,eAACs3C,GAAqB,CACpBhe,wBAAyBA,EACzB4X,SAAWjsC,GAAUu0C,EAAoBv0C,KAEpB,IAArBs0C,EACFv5C,eAACg4C,GAA4B,CAC3B1e,wBAAyBA,IAEzB,QA+BE,EC/Hd,MAAM35B,GAAUC,UAAOC,GAAG;;;;;;sBAMJH;;;;;;;;;;wBAUEA;;;;;;;;;;;;aAYXA;;;;;;;;aAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;eA2BEA;;;;;;;;;;;ECSAg6C,OAjEYA,KACzB,MAAMlgD,EAAgBwH,eAEfxG,EAASm0C,GAAchrC,IAAMxC,UAAkB,IAC/C0tC,EAAiBC,GAAsBnrC,IAAMxC,SAAiB,KAC9DyjB,EAAeC,GAAoBlhB,IAAMxC,SAAiB,IAoBjE,OACEjB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACwuC,GAAQ,MAEXxuC,eAAA,OAAKO,UAAW,SAAQ/F,EAAU,eAAiB,IAAKyF,SACtDC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,QAAON,SAAC,oBACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAC,sEAG3BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAjCkB+3C,KAAO,IAADnK,EvNoCPuF,EuNnC3BpG,GAAW,IvNmCgBoG,EuNjCqC,QADlDvF,EACZ,IAAII,gBAAgBp2C,EAAS+lB,QAAQrlB,IAAI,6BAAqB,IAAAs1C,IAAI,GvNkCtE92C,EACG0N,KAAK,oCAAqC,CAAE2uC,uBAC5C56C,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auNtC3BiB,MAAMjB,IAAc,IAAD81C,EAAAC,EAClBH,EACyB,QADPE,EACR,OAAR91C,QAAQ,IAARA,GAAc,QAAN+1C,EAAR/1C,EAAUkL,YAAI,IAAA6qC,OAAN,EAARA,EAAgB1oC,eAAO,IAAAyoC,IACrB,sDAEJL,GAAW,EAAM,IAElBv0C,OAAOhB,IAAW,IAAD81C,EAAAvnB,EAChB9C,EAAqC,QAArBqqB,EAAM,OAAL91C,QAAK,IAALA,GAAW,QAANuuB,EAALvuB,EAAOgL,YAAI,IAAAujB,OAAN,EAALA,EAAaphB,eAAO,IAAA2oC,IAAI,gBACzCP,GAAW,EAAM,GACjB,EAkBqC1uC,SAChC,4BAGA2kB,GACC5kB,eAAA,OAAKO,UAAU,qBAAoBN,SAAE2kB,YAK5CiqB,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAMzgB,SAEzBD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAE4uC,UAItB,ECpEd,MAAMlvC,GAAUC,UAAOC,GAAG;;;;;;sBAMJH;;;;;;;;;;wBAUEA;;;;;;;;;;;;;;eAcTA;;;;;aAKFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAsDEA;;;;;;;;;;;ECiDAk6C,OA9HUA,KACvB,MAAMvsB,EAASC,eAER9yB,EAASm0C,GAAchrC,IAAMxC,UAAkB,IAC/C04C,EAAWC,GAAgBn2C,IAAMxC,SACtC,OAEK44C,EAAiBC,GAAsBr2C,IAAMxC,SAAiB,IAE/DsiC,EAAeA,KnFgIiBwW,SmF/HZ5sB,EAAO4sB,KnFgIjCvhD,EACG0N,KAAK,yBAA0B,CAAE6zC,SACjC9/C,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,amFrI3BiB,MAAMjB,IACL4gD,EAAa5gD,EAASkL,KAAKka,OAC3BqwB,GAAW,EAAM,IAElBv0C,OAAM,KACLu0C,GAAW,EAAM,GACjB,EAGAuL,EAAeA,KnFyIqBD,MmFxIxCtL,GAAW,InFwI6BsL,EmFvIZ5sB,EAAO4sB,KnFwIrCvhD,EACG0N,KAAK,6BAA8B,CAAE6zC,SACrC9/C,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,amF9IWiB,MAAMjB,IAC7C8gD,EAAmB9gD,EAASkL,KAAKmC,SACjCooC,GAAW,EAAM,GACjB,EAGEwL,EAAcA,KnFuHsBF,MmFtHxCtL,GAAW,InFsH6BsL,EmFrHZ5sB,EAAO4sB,KnFsHrCvhD,EACG0N,KAAK,6BAA8B,CAAE6zC,SACrC9/C,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,amF5HWiB,MAAMjB,IAC7C8gD,EAAmB9gD,EAASkL,KAAKmC,SACjCooC,GAAW,EAAM,GACjB,EAOJ,OAJA9oC,qBAAU,KACR49B,GAAc,GACb,IAGDvjC,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,OAAMN,SACnBD,eAACwuC,GAAQ,MAEXxuC,eAAA,OAAKO,UAAW,eAAc/F,EAAU,eAAiB,IAAKyF,SAC5DD,eAAA,OAAKO,UAAU,oBAAmBN,SAC/B45C,EACC35C,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SAAC,sBACvBC,gBAAA,OAAKK,UAAU,4BAA2BN,SAAA,CACxCC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,yBACtBD,eAAA,OAAKO,UAAU,cAAaN,SAAW,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAWn5C,UAE3CR,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,yBACtBD,eAAA,OAAKO,UAAU,cAAaN,SAAW,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAW7a,aAElB,WAAxB6a,EAAU58C,UACTiD,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,yBACtBD,eAAA,OAAKO,UAAU,cAAaN,SAChB,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAWttB,iBAGd,KACJrsB,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,cACtBD,eAAA,OAAKO,UAAU,cAAaN,SAAW,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAW9c,cAE3C78B,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,uBACtBD,eAAA,OAAKO,UAAU,cAAaN,SAAW,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAW58C,kBAG7C+C,eAAA,OAAKO,UAAU,QAAON,SAAC,cACvBD,eAAA,OAAKO,UAAU,gCAA+BN,SAClC,OAAT45C,QAAS,IAATA,OAAS,EAATA,EAAW7+C,UAAUyG,KAAK1B,GACzBC,eAAA,OAAKO,UAAU,OAAMN,SAClBF,EAAK6e,SADmB7e,EAAKX,QAKpCc,gBAAA,OAAKK,UAAU,sBAAqBN,SAAA,CAClCD,eAAA,UACEvE,KAAK,SACL8E,UAAU,sBACVqB,QAASA,IAAMs4C,IAAej6C,SAC/B,YAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,uBACVqB,QAASA,IAAMu4C,IAAcl6C,SAC9B,iBAMLD,eAAA,OAAKO,UAAU,eAAcN,SAAC,+FAQrC85C,GACC/5C,eAACugB,GAAK,CACJC,YAAau5B,EACbt5B,aAAcA,IAAMu5B,EAAmB,IACvCt5B,mBAAmB,EAAMzgB,SAEzBD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAE85C,UAItB,ECtIP,MAAMp6C,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAsCXH;;;;;sBAKAA;;;;;wBAKEA;;;;wBAIAA;;;;;;ECrDXiZ,GAAmB/Y,UAAOC,GAAG;;;;;;;EASdD,UAAOC,GAAG;;;EAKZD,UAAOgZ,KAAK;;;;;;;;;;;;;;ECyFvBwhC,OA9FsB17C,IAAgC,IAA/B,KAAE0F,EAAI,gBAAE0Z,GAAiBpf,EAC7D,MAAOsf,EAAUC,GAAe9c,mBAAS,IACnC+gB,EAAoB9iB,I9HqSI+hB,S8HpSZ,CAAE/hB,M9HqSpB1G,EACG0N,KAAK,qCAAsC+a,GAC3ChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a8H3SNiB,MAAMjB,IAC5B+kB,EAAY/kB,EAASkL,KAAKi2C,iBAAiB,GAC3C,EAOJ,SAASC,EAAuBl7C,G9HoSC+hB,S8HnSZ,CAAE/hB,M9HoSvB1G,EACG0N,KAAK,wCAAyC+a,GAC9ChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a8HzS3BiB,MAAMgK,IACL+d,EAAiB9d,EAAKhF,GAAG,IAE1BhF,OAAO4lB,IACNvB,QAAQC,IAAIsB,EAAI,GAEtB,CAZAna,qBAAU,KACRqc,EAAiB9d,EAAKhF,GAAG,GACxB,CAACgF,EAAKhF,KAYT,MAAMm7C,EAA2B,CAC/B,CACE75C,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0J,cAGrB,CACE1iB,KAAM,YACNiZ,SAAU,QACVsC,SAAU,QACVxC,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI2J,aAGrB,CACE3iB,KAAM,YACNiZ,SAAU,OACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI8gC,aAGrB,CACE95C,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIpc,SAGrB,CACEoD,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+gC,UAAY,GAAK/gC,EAAI0D,SAG1C,CACE1c,KAAM,GACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SAEnBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAM04C,EAAuB5gC,EAAIta,IAAIa,SAE9CD,eAACwlB,GAAU,UASzB,OACExlB,eAAC2Y,GAAgB,CAAA1Y,SACfD,eAACgb,KAAS,CAAC5W,KAAM4Z,EAAU/C,QAASs/B,EAA0Br/B,UAAQ,KACrD,EC2iBRmoB,OArnBMA,KACnB,MAAOqX,EAAWC,GAAgBx5C,mBAAc,IAC1Cy5C,EAAepyC,iBAAgC,MAC/CqyC,EAAcryC,iBAAgC,MAC9CsyC,EAAoBtyC,iBAAgC,MACpDuyC,EAAcvyC,iBAAgC,OAC9C,WAAEjO,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAElD4iB,EAAiB/F,GACtB7W,mBAAmC,CACjCgX,MAAO,GACPF,KAAM,EACNsH,OAAQ,KACR/lB,SAAU,GACVuwB,MAAO,GACPvK,UAAW,kBAERw7B,EAAeC,GAAoB95C,mBAAgC,CACxEiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAIdm+B,EAAWC,GAAgBt1C,oBAAS,IACpC+5C,EAAUC,GAAeh6C,oBAAS,IAClCi6C,EAAoBC,GAAyBl6C,oBAAS,IACtDm6C,EAAYC,GAAiBp6C,mBAAc,KAG3Cq6C,EAASC,GAAct6C,mBAAqB,CACjDiI,MAAO,GACPga,WAAY,GACZC,UAAW,GACXjG,MAAO,GACPo9B,UAAW,GACXkB,WAAYnhD,EAAWwB,KAAK4/C,iBAC5BC,gBAAiB,GACjBC,UAAW,GACXC,KAAK,KAGAz2B,EAAU02B,GAAe56C,mBAAqB,CACnDiI,MAAO,GACPga,WAAY,GACZC,UAAW,GACXjG,MAAO,GACPo9B,UAAW,GACXkB,WAAYnhD,EAAWwB,KAAK4/C,iBAC5BC,gBAAiB,GACjBC,UAAW,KAEPG,EAAYxzC,iBAAyB,MACrCyzC,EAAYzzC,iBAAyB,MAC3C,IAAI0zC,EAAWV,EAEf,MAAMjB,EAA2B,CAC/B,CACE75C,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,aACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,IACRi+C,EAAyB,aAAcj+C,EAAEk+C,cAAcp3C,MAAM,EAE/D2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,aACZ3K,IAAKy7C,EACLlxC,UAAQ,EACR0B,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI0J,cAMd,CACE1iB,KAAM,YACNiZ,SAAU,QACVsC,SAAU,QACVxC,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,YACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,YAAaj+C,EAAEk+C,cAAcp3C,OAExD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,YACZ3K,IAAK07C,EACLnxC,UAAQ,EACR0B,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI2J,aAMd,CACE3iB,KAAM,kBACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,kBACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EACE,kBACAj+C,EAAEk+C,cAAcp3C,OAGpB2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,kBACZ3K,IAAK27C,EACLpxC,UAAQ,EACR0B,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIkiC,mBAMd,CACEl7C,KAAM,YACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,YACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,YAAaj+C,EAAEk+C,cAAcp3C,OAExD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,YACZ3K,IAAK47C,EACLrxC,UAAQ,EACR0B,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI8gC,aAMd,CACE95C,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,gBACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,QAASj+C,EAAEk+C,cAAcp3C,MAAM+xC,QAE1DpoC,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAItQ,SAMd,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM1F,EAAWwB,KAAK4/C,oBAGjC,CACEj7C,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+gC,UAAY,GAAK/gC,EAAI0D,SAG1C,CACE1c,KAAM,GACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIoiC,KAAQpiC,EAAIyL,MAiBbzL,EAAIoiC,KAAOpiC,EAAIyL,KAClBnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAAEwW,QAAS,YAAajX,gBAAiB,eAChDvM,QAASA,IAmBvB,SAA0BxC,GAAU,IAADo9C,EAAAC,EAAAC,EAAAC,EACjClG,GAAa,GACb,IAAI16C,EAAO,CACTqD,GAAIA,EACJgK,MAAOic,EAASjc,MAChBga,WAAwB,OAAZw3B,QAAY,IAAZA,GAAqB,QAAT4B,EAAZ5B,EAAchyC,eAAO,IAAA4zC,OAAT,EAAZA,EAAuBv3C,MACnCoe,UAAsB,OAAXw3B,QAAW,IAAXA,GAAoB,QAAT4B,EAAX5B,EAAajyC,eAAO,IAAA6zC,OAAT,EAAXA,EAAsBx3C,MACjCmY,MAAOiI,EAASjI,MAChBo9B,UAAsB,OAAXO,QAAW,IAAXA,GAAoB,QAAT2B,EAAX3B,EAAanyC,eAAO,IAAA8zC,OAAT,EAAXA,EAAsBz3C,MACjCy2C,WAAYnhD,EAAWwB,KAAK4/C,iBAC5BC,gBAAkC,OAAjBd,QAAiB,IAAjBA,GAA0B,QAAT6B,EAAjB7B,EAAmBlyC,eAAO,IAAA+zC,OAAT,EAAjBA,EAA4B13C,MAC7C42C,UAAW,K/H1DqB16B,E+H6DZplB,E/H5DxBrD,EACG0N,KAAK,oBAAqB+a,GAC1BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+HuD3BiB,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,K/HlEMt1B,K+HmEpC,CAvC6B07B,CAAiBnjC,EAAIta,IAAIa,SACzC,SAIDD,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAAEwW,QAAS,YAAajX,gBAAiB,eAChDvM,QAASA,IAAMkkC,EAAqBpsB,EAAIta,IAAIa,SAC7C,QA7BDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,IA6EzB,SAAsCxC,EAASsa,GAC7CqiC,EAAYriC,GACZ+8B,GAAa,GAEbn1B,GAAmB,IAAKvD,EAAiB++B,QAAS19C,IAC/CjF,MAAMjB,IACLyhD,EAAazhD,EAASkL,KAAK24C,SAC3B9B,EAAiB,CACf7iC,YAAa2H,OAAO7mB,EAASkL,KAAK44C,eAClC7kC,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAK64C,uBAG1CxG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAC9B,CA/F+BvR,CAA6BxrB,EAAIta,GAAIsa,GAAKzZ,SAEzDD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IA8FzB,SAAgC8X,GAC9B+8B,GAAa,I/HxGuBt1B,E+HyGZ,CAAE/hB,GAAIsa,G/HxGhChhB,EACG0N,KAAK,qBAAsB+a,GAC3BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+HmG3BiB,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,K/H9GQt1B,K+H+GtC,CAtG+Bm5B,CAAuB5gC,EAAIta,IAAIa,SAE9CD,eAACwlB,GAAU,aAgD3B,SAAS42B,EAAyB90C,EAAerC,GAC/Ci3C,EAAW,IAAKA,EAAU,CAAC50C,GAAQrC,EACrC,CAEAY,qBAAU,KACRqH,YAAW,KAEP0tC,EAAahyC,SACbiyC,EAAYjyC,SACZkyC,EAAkBlyC,SAClBmyC,EAAYnyC,UAEZgyC,EAAahyC,QAAQ3D,MAAQogB,EAASjC,WACtCy3B,EAAYjyC,QAAQ3D,MAAQogB,EAAShC,UACrCy3B,EAAkBlyC,QAAQ3D,MAAQogB,EAASu2B,gBAC3Cb,EAAYnyC,QAAQ3D,MAAQogB,EAASm1B,UACvC,GACC,IAAI,GACN,CAACn1B,IAoCJ,MAAMu3B,EAAW54C,uBAAY,KAC3ByyC,GAAa,GAEbn1B,GAAmBvD,GAChB5jB,MAAMjB,IACLyhD,EAAazhD,EAASkL,KAAK24C,SAE3B9B,EAAiB,CACf7iC,YAAa2H,OAAO7mB,EAASkL,KAAK44C,eAClC7kC,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAK64C,uBAG1CxG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAAO,GACnC,CAAC14B,IAEHlY,qBAAU,KACR+2C,GAAU,GACT,CAACA,EAAU7+B,EAAgB9F,OAE9BpS,qBAAU,KACR,GAA+B,OAA3BkY,EAAgBwB,OAAiB,CACnC,MAAMW,EAAUhT,YAAW,KACzB0vC,GAAU,GACT,KAEH,MAAO,IAAMz8B,aAAaD,EAC5B,IACC,CAAC08B,EAAU7+B,EAAgBwB,SAE9B1Z,qBAAU,KAC6B,IAAjCka,OAAOhC,EAAgB9F,OAAuC,IAAxB+iC,EAAc7iC,OACtDykC,GACF,GACC,CAACA,EAAU7+B,EAAgB5F,MAAO4F,EAAgB9F,KAAM+iC,EAAc7iC,QAEzE,MAAM2tB,EAAwB1mC,I/H7KK+hB,M+H8KjCs1B,GAAa,GACbyF,EAAW,IAAKA,EAAUJ,KAAK,I/H/KE36B,E+HgLZ+6B,E/H/KvBxjD,EACG0N,KAAK,kBAAmB+a,GACxBhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+H0K3BiB,MAAMjB,IACL0jD,IACAnG,GAAa,GACbyF,EAAWV,CAAO,IAEnBphD,OAAM,IAAMq8C,GAAa,IAAO,EAG/ByG,EAAa/+C,IACjB,MAAMg/C,EAAOh/C,EAAEyC,OAAOw8C,MAAM,GAC5B,IAAIC,EAAS,IAAIC,WACjBD,EAAOE,cAAcJ,GACrBE,EAAOG,OAAS,WACdjC,EAAc8B,EAAOI,OACvB,EACAJ,EAAOK,QAAU,SAAUtkD,GACzBqlB,QAAQC,IAAI,UAAWtlB,EACzB,CAAC,EAGGukD,EAAuBx/C,I/H5QDgjB,M+H6Q1BhjB,EAAEupB,iBACF+uB,GAAa,GACb0E,GAAY,I/H/Qch6B,E+HiRZ,CACZg8B,KAAM7B,EAEN56C,KAAMu7C,EAAUrzC,QAAQw0C,MAAM,GAAG18C,M/HnRrChI,EACG0N,KAAK,qBAAsB+a,GAC3BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+H+Q3BwqB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EAGAqC,EAAoBz/C,I/HnRQgjB,M+HoRhChjB,EAAEupB,iBACF+uB,GAAa,GACb4E,GAAsB,I/HtRUl6B,E+HuRhB,CACdg8B,KAAM7B,EAEN56C,KAAMs7C,EAAUpzC,QAAQw0C,MAAM,GAAG18C,M/HzRrChI,EACG0N,KAAK,oCAAqC+a,GAC1ChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+HqR3BwqB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EAGN,OACEr7C,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,kBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACT+S,EAAmB,IAAK+F,EAAiBwB,OAAQta,QAIvDjF,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAAEivC,aAAc,OAAQ51B,YAAa,QAC5CrmB,QAASA,KAhIf65C,EAAWS,QACXvB,GAAcD,GAAgC,CAACc,KAAYd,MA+HpBz6C,SAClC,mBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAAEivC,aAAc,OAAQ51B,YAAa,QAC5CrmB,QAASA,IAAMu5C,GAAaD,GAAUj7C,SACvC,qBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAAEivC,aAAc,OAAQ51B,YAAa,QAC5CrmB,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,mBAIFi7C,GACCl7C,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAW06B,EAAUx6B,mBAAmB,EAAMD,aAAcA,IAAM06B,GAAaD,GAAUj7C,SAC1HC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GAAMw/C,EAAoBx/C,GAAG8B,SAAA,CAExCD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAAEivC,aAAc,OAAQE,UAAW,UAAW99C,SAAC,mFAGzDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAOG,UAAW,UAAWh/C,MAAO,QAASwB,IAAKhJ,EAAkB,0CAA2CiJ,IAAI,YAC9IT,eAAA,SACEvE,KAAK,OACL0D,IAAK88C,EACLv7C,KAAK,OACLkO,MAAO,CAAEivC,aAAc,QACvBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAE+E,UAAW,QAAS1T,SAAA,CAChCD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAAEivC,aAAc,OAAQ51B,YAAa,QAC5CrmB,QAASA,IAAMu5C,GAAaD,GAAUj7C,SACvC,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAAEivC,aAAc,OAAQ51B,YAAa,QAAShoB,SACtD,mBAORm7C,GACCp7C,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAW46B,EAAoB36B,aAAcA,IAAM46B,GAAuBD,GAAoBn7C,SAC/HC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GAAMy/C,EAAiBz/C,GAAG8B,SAAA,CAErCD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAACivC,aAAc,OAAQE,UAAW,UAAU99C,SAAC,+FAGvDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAOG,UAAW,UAAWh/C,MAAO,QAASwB,IAAKhJ,EAAkB,0CAC1FiJ,IAAI,YAETT,eAAA,SACEvE,KAAK,OACL0D,IAAK68C,EACLt7C,KAAK,OACLkO,MAAO,CAACivC,aAAc,QACtBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC9BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAAQhoB,SACpD,mBAQTD,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASs/B,EACTn2C,KAAMs2C,EACN99B,gBAAc,EACdI,wBACEhd,eAACo6C,GAAgB,CAACh2C,KAAMs2C,EAAW58B,gBAAiB8+B,MAGxD58C,eAAC+X,GAAU,IACLijC,EACJ1iC,aAAcyF,EAAgB5F,MAC9BH,mBAAoBA,WAIlB,ECzoBd,MAAMrY,GAAUC,UAAOC,GAAG;;;;;;;;;;;;0BAYAH;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuNIA;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECvQfC,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2BTH;;;;;;;;;;;;;;;;;;kBAkBCA;;;;;;;;;;;;;;;;0BAgBQA;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECzFjB,IAAI,GACJ,SAAS,KAAa,OAAO,GAAW3B,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAAS4iD,GAAcv/C,EAAMC,GAC3B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAO,GAAkB,gBAAoB,IAAK,KAAmB,gBAAoB,OAAQ,CACjHU,KAAM,OACNC,EAAG,oBACY,gBAAoB,OAAQ,CAC3CD,KAAM,UACNE,SAAU,UACVD,EAAG,0sBAEP,CACA,MAAM,GAA0B,aAAiB0+C,IAClC,ICKAC,OArBOx/C,IAAyE,IAAxE,MAACE,EAAK,YAAE2tB,EAAW,OAAE2Z,EAAM,WAAEiY,EAAU,SAAEl+C,GAAyBvB,EAEvF,OACEwB,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,MAAIO,UAAU,aAAYN,SAAErB,IAC5BoB,eAAA,KAAGO,UAAU,cAAaN,SAAEssB,OAE7B2Z,EAAShmC,gBAAA,UAAQK,UAAU,sBAAqBN,SAAA,CAC/CD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACo+C,GAAU,MAEbp+C,eAAA,QAAAC,SAAOk+C,OACG,QAEbl+C,IACO,EC1Bd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;wBAmBFH;;;;wBAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuIPA;;;;;;;;;;;iBAWAA;;;;;;;;;;;;;;;ECzJF2+C,ICnBX,GDmBWA,GAXW3/C,IAA+D,IAA9D,MAACE,EAAK,YAAE2tB,EAAW,eAAE+xB,GAAmC5/C,EAGjF,OACMwB,gBAAA,OAAKK,UAAU,SAASqO,MAAO0vC,EAAer+C,SAAA,CAC5CD,eAAA,MAAIO,UAAU,aAAYN,SAAErB,IAC5BoB,eAAA,KAAGO,UAAU,cAAaN,SAAEssB,MACxB,ECdd,SAAS,KAAa,OAAO,GAAWxuB,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASkjD,GAAc7/C,EAAMC,GAC3B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPE,OAAQ,MACRC,QAAS,cACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EU,KAAM,UACNE,SAAU,UACVD,EAAG,2OAEP,CACA,MAAM,GAA0B,aAAiBg/C,IAClC,IClBR,MAAMC,GAAwBA,IACnC9lD,EACGwB,IAAI,4BACJC,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrBulD,GACXp/B,GAEA3mB,EACG0N,KAAK,6BAA8BiZ,GACnCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAErBwlD,GACXr/B,GAEA3mB,EACG0N,KAAK,mCAAoCiZ,GACzCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAErBylD,GAA2BA,IACtCjmD,EACGwB,IAAI,kCACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrB0lD,GACXC,GAEAnmD,EACG0N,KAAK,8BAA8By4C,KACnC1kD,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAErB4lD,GACXD,GAEAnmD,EACG0N,KAAK,oCAAoCy4C,KACzC1kD,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrB6lD,GACX1/B,GAEA3mB,EACG0N,KAAK,2BAA4BiZ,GACjCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrB8lD,GACX3/B,GAEA3mB,EACG0N,KAAK,iCAAkCiZ,GACvCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAcrB+lD,GACX5/B,GAEA3mB,EACG0N,KAAK,iCAAkCiZ,GACvCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCjG5BgmD,GAA+CxgD,IAAoF,IAAnF,KAAE0F,EAAI,SAAE+6C,EAAQ,KAAEh6B,EAAI,QAAEi6B,EAAO,iBAAEC,EAAgB,yBAAEC,GAA0B5gD,EACjI,MAAO6gD,EAAYC,GAAiBr+C,mBAA4B,KACzD0tC,EAAiBC,GAAsB3tC,mBAAiB,KACzD,WAAE5G,GAAeoD,GAAkBvC,GAAUA,EAAMD,OAEnD6oB,EAA4B,CAChC,CACEtjB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnB8J,SAAWvF,GAAUlF,EAAKW,KAAOuE,EACjCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK0/C,cACnBj1C,SAAWvF,GAAUlF,EAAK0/C,cAAgBx6C,EAC1CoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK2/C,YACnBl1C,SAAWvF,GAAUlF,EAAK2/C,YAAcz6C,EACxCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,yBACZI,aAAco1C,EACdn1C,gBAAgB,SAChBE,UAAWtK,EAAKolB,KAChBzb,UAAQ,EACRM,aAAwC,UAA1BjK,EAAK4/C,gBAA+B,CAAE16C,MAAO,QAASqC,MAAO,SAAY,CAACrC,MAAO,MAAOqC,MAAO,YAC7GkD,SAAWvF,GACTlF,EAAK4/C,gBAAkB16C,EAEzBmF,oBAAkB,KAK1B,CACE1J,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK6/C,aACnBnkD,KAAK,SACL+O,SAAWvF,GAAkBlF,EAAK6/C,aAAe36C,EACjDoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJvb,KAAMsE,EAAKolB,KAAO,cAAW5pB,EAC7ByO,aAAcjK,EAAKolB,KAAO,GAAGrL,WAAW/Z,EAAK8/C,qBAAiC,GAAGtlD,EAAWwB,KAAK6X,iBAAmB,WAAMkG,WAAW/Z,EAAK8/C,qBAC1Ir1C,SAAWvF,GAAkBlF,EAAK8/C,kBAAoB56C,EACtDoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAc,KAAIjK,EAAK6/C,cAAgB7/C,EAAK8/C,kBAC5Cx1C,UAAU,KAKlB,CACE3J,KAAM,GACNiZ,SAAU,OACVF,KAAMA,CAAC1Z,EAAuB+B,IAG1B9B,eAAA,OAAKO,UAAU,UAASN,SACrBF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,0BAA0BqB,QAASA,IAAMk+C,EAAa//C,EAAKX,IAAIa,SAAA,CAC3ED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,0BAA0BqB,QAASA,IAAMm+C,EAASj+C,GAAO7B,SAAA,CACnFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACKC,gBAAAyB,YAAA,CAAA1B,SAAA,CACXD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,0BAA0BqB,QAASA,IAAMo+C,EAASl+C,GAAO7B,SACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,IAAMs+C,EAAWngD,EAAKX,IAAIa,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3Bt6C,qBAAU,KAER25C,EAAcp7C,EAAKnE,UACnBm/C,GAAQ,EAAM,GACb,IAEH,MAAMW,EAAY3gD,IAChB,MAAMghD,EAAWb,EACjBa,EAAShhD,GAAI+lB,MAAO,EACpBi7B,EAAShhD,GAAIihD,UAAY,KAAID,EAAShhD,GAAIwgD,cAAgBQ,EAAShhD,GAAIygD,kBAEvE,MAAMS,EAAsC,CAC1C5/C,KAAM0/C,EAAShhD,GAAIsB,KACnB++C,cAAeW,EAAShhD,GAAIqgD,cAC5BC,YAAaU,EAAShhD,GAAIsgD,YAC1BC,gBAAiB,GAAGS,EAAShhD,GAAIugD,kBACjCC,aAAcQ,EAAShhD,GAAIwgD,aAC3BC,kBAAmB,GAAGO,EAAShhD,GAAIygD,oBAEnCU,OAAQ,GAAGn8C,EAAKhF,MAElBq/C,GAAiB6B,GAAanmD,MAAMgK,IAClCk7C,IACAe,EAAShhD,GAAM,IAAK+E,EAAIC,KAAMnE,SAAU,IACxC6uC,EAAmB,qBACnBsQ,GAAQ,EAAM,IACbhlD,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAGE6hD,EAAY5gD,IACCmgD,EACRngD,GAAI+lB,MAAO,EACpBi6B,GAAQ,EAAK,EAETU,EAAgB1gD,IACpB,MAAMghD,EAAWb,EAAW75C,QAAO3F,GAAQA,EAAKX,KAAOA,IAAI,GAC3DghD,EAASj7B,MAAO,EAEhB,MAAMm7B,EAAsC,CAC1ClhD,GAAIghD,EAAShhD,GACbsB,KAAM0/C,EAAS1/C,KACf++C,cAAeW,EAASX,cACxBC,YAAaU,EAASV,YACtBC,gBAAiB,GAAGS,EAAST,kBAC7BC,aAAcQ,EAASR,aACvBC,kBAAmB,GAAGO,EAASP,oBAE/BU,OAAQ,GAAGn8C,EAAKhF,MAElB2/C,GAAkBuB,GAAanmD,MAAK,KAClCklD,IACAD,GAAQ,EAAM,GACd,EAEEc,EAAc9gD,IAClBw/C,GAAoB,GAAGx/C,KACpBjF,MAAMgK,IACLk7C,IACAG,GAAegB,GAAsBA,EAAM96C,QAAO,CAACq3B,EAAUj7B,IAAUi7B,EAAS39B,KAAOA,MACvF0vC,EAAmB,qBACnBsQ,GAAQ,EAAM,IACbhlD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,GACd,EAuBJ,OACE+B,gBAACyY,GAAgB,CAAA1Y,SAAA,CACds/C,EAAWjkD,OAAS,EACnB0E,eAAA2B,YAAA,CAAA1B,SACGklB,EAAOnlB,eAAA,OAAKO,UAAU,mBAAkBN,SAACD,eAACgb,KAAS,CAClD5W,KAAMm7C,EACNtkC,QAAS+I,EACT9I,UAAQ,EACRulC,aAAW,EACX7jC,gBAAc,EACdI,wBACEhd,eAACk/C,GAAqB,CAAC96C,KAAMm7C,EAAYp6B,KAAMA,EAAMi6B,QAASA,EAASC,iBAAkBA,EAAkBF,SAAUK,EAAeF,yBAA0BA,QAEvJt/C,eAAA,OAAKO,UAAU,QAAON,SAACD,eAACgb,KAAS,CAC1C5W,KAAMm7C,EACNtkC,QAAS+I,EACT9I,UAAQ,EACRulC,aAAW,EACX7jC,gBAAc,EACdI,wBACEhd,eAACk/C,GAAqB,CAAC96C,KAAMm7C,EAAYp6B,KAAMA,EAAMi6B,QAASA,EAASC,iBAAkBA,EAAkBF,SAAUK,EAAeF,yBAA0BA,UAIlKt/C,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAGnCC,gBAAA,UAAQmK,SAAU8a,EAAM5kB,UAAU,yBAAyBqB,QAASA,IA9CjD8+C,MACrB,MAAMC,EAA0B,CAC9Bx7B,MAAM,EACNzkB,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbC,gBAAiB,QACjBC,aAAc,GACdC,kBAAmB,EACnBhmC,SAAUtf,EAAWwB,KAAK6X,iBAAmB,SAC7CysC,UAAW,GACXpgD,SAAU,IAEZm/C,GAAQ,GAERI,GAAez1B,GAAoC,IAAIA,EAAO42B,IAAS,EA+BKD,GAAiBzgD,SAAA,CACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEjB5gD,eAAA,QAAAC,SAAM,iBAGP4uC,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAKzgB,SAExBC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAC,YACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAE4uC,WAIjB,EAKRqQ,UCGA2B,OAxRkBniD,IAAoF,IAAnF,MAAC8hD,EAAK,SAAErB,EAAQ,KAAEh6B,EAAI,QAAEi6B,EAAO,iBAAEC,GAA4C3gD,EAC7G,MAAM,WAACnE,GAAcoD,GAAkBvC,GAAUA,EAAMD,OACvD0K,qBAAU,KACRu5C,GAAQ,EAAM,GACb,IAEH,MAAM0B,EAAsB,CAC1B,GAAI,EAAG,EAAK,KAmERC,EAA8C,CAClD,CAAC97C,MAAO,QAASqC,MAAO,SACxB,CAACrC,MAAO,MAAOqC,MAAO,aAGlB05C,EAAe,CACnB,CACEtgD,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnB8J,SAAWvF,GAAUlF,EAAKW,KAAOuE,EACjCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK0/C,cACnB/1C,UAAQ,EACRc,SAAWvF,GAAUlF,EAAK0/C,cAAgBx6C,EAC1CoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK2/C,YACnBl1C,SAAWvF,GAAUlF,EAAK2/C,YAAcz6C,EACxCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,yBACZI,aAAc62C,EACd52C,gBAAgB,SAChBE,UAAWtK,EAAKolB,KAChBzb,UAAQ,EACRM,aAAuC,UAAzBjK,EAAK4/C,gBAA8B,CAAC16C,MAAO,QAASqC,MAAO,SAAW,CAClFrC,MAAO,MACPqC,MAAO,YAETkD,SAAWvF,GACTlF,EAAK4/C,gBAAkB16C,EAEzBmF,oBAAkB,KAK1B,CACE1J,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK6/C,aAAe7/C,EAAK6/C,aAAe,IACtDnkD,KAAK,SACL+O,SAAWvF,GAAkBlF,EAAK6/C,aAAe36C,GAAgB,IACjEoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJvb,KAAMsE,EAAKolB,KAAO,cAAW5pB,EAC7ByO,aAAcjK,EAAKolB,KAAO,GAAGrL,WAAW/Z,EAAK8/C,qBAAiC,GAAGtlD,EAAWwB,KAAK6X,iBAAmB,WAAMkG,WAAW/Z,EAAK8/C,qBAC1Ir1C,SAAWvF,GAAkBlF,EAAK8/C,kBAAoB56C,EACtDoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNiZ,SAAU,KACVF,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAc,KAAIjK,EAAK6/C,cAAgB7/C,EAAK8/C,kBAC5Cx1C,UAAU,KAKlB,CACE3J,KAAM,GACNiZ,SAAU,OACVF,KAAMA,CAAC1Z,EAAuB+B,IAG1B9B,eAAA,OAAKO,UAAU,UAASN,SACrBF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,0BAA0BqB,QAASA,IAtJ3CxC,KACpB,MAAMghD,EAAWI,EAAM96C,QAAO3F,GAAQA,EAAKX,KAAOA,IAAI,GAEtD,GADAghD,EAASj7B,MAAO,EACZ27B,EAAoBx7C,SAAS86C,EAAS1/C,OAASogD,EAAoBx7C,SAAS86C,EAASX,eACvF,OAGF,MAAMa,EAAsC,CAC1ClhD,GAAIghD,EAAShhD,GACbsB,KAAM0/C,EAAS1/C,KACf++C,cAAeW,EAASX,cACxBC,YAAaU,EAASV,YACtBC,gBAAiB,GAAGS,EAAST,kBAC7BC,aAAcQ,EAASR,aAAeQ,EAASR,aAAe,IAC9DC,kBAAmB,GAAGO,EAASP,oBAC/BU,OAAQ,IAEVnB,GAAQ,GACRL,GAAkBuB,GAAanmD,MAAK,KAClCklD,GAAkB,GAClB,EAkImES,CAAa//C,EAAKX,IAAIa,SAAA,CAC3ED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,0BAA0BqB,QAASA,IA5L7DxC,KAChB,MAAMghD,EAAWI,EAAMphD,GAEvB,GADAghD,EAASj7B,MAAO,EACZ27B,EAAoBx7C,SAAS86C,EAAS1/C,OAASogD,EAAoBx7C,SAAS86C,EAASX,eACvF,OAEFW,EAASC,UAAY,KAAID,EAASR,cAAgBQ,EAASP,kBAE3D,MAAMS,EAAsC,CAC1C5/C,KAAM0/C,EAAS1/C,KACf++C,cAAeW,EAASX,cACxBC,YAAaU,EAASV,YACtBC,gBAAiB,GAAGS,EAAST,kBAC7BC,aAAcQ,EAASR,aAAeQ,EAASR,aAAe,IAC9DC,kBAAmB,GAAGO,EAASP,oBAC/BU,OAAQ,IAGV9B,GAAiB6B,GAAanmD,MAAK,KACjCklD,IACAD,GAAQ,EAAM,IACbhlD,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAqKiF4hD,CAASj+C,GAAO7B,SAAA,CACnFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,0BAA0BqB,QAASA,IAxKjExC,KAChB,MAAMghD,EAAWI,EACjBJ,EAAShhD,GAAI+lB,MAAO,EACpBg6B,GAAUqB,GAA8B,IAAIJ,KAC5ChB,GAAQ,EAAK,EAoK0EY,CAASl+C,GAAO7B,SACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,KAAMs+C,OAhJvE9gD,EAgJkFW,EAAKX,GA/IzGw/C,GAAoB,GAAGx/C,KACpBjF,MAAMgK,IACLk7C,GAAkB,IACjBjlD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,SAEhBghD,GAAUqB,GAAsBA,EAAM96C,QAAO,CAACq3B,EAAUj7B,IAAUA,IAAU1C,MAP1DA,KAgJ2F,EAAAa,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3B,OACEjgD,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,OAAK4O,MAAO,CAAC5P,MAAO,QACpBgB,eAACq+C,GAAiB,CAACz/C,MAAO,mBAAoB2tB,YAAa,wCAC3DvsB,eAACq+C,GAAiB,CAACz/C,MAAO,gBAAiB2tB,YAAa,oDACxDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cAAe2tB,YAAa,sDACtDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,kBACP2tB,YAAa,0DAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,eACP2tB,YAAa,8DAA8DhyB,EAAWwB,KAAK6X,iBAAmB,wBACjI5T,eAACq+C,GAAiB,CAACz/C,MAAO,oBACP2tB,YAAa,+DAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,mBAAoB2tB,YAAa,KAC3DvsB,eAAA,OAAKO,UAAU,sBAEjBP,eAAA,OAAKO,UAAU,gBAAeN,SAEjB,OAAVugD,EACCA,EAAMllD,OAAS,EACb0E,eAAA2B,YAAA,CAAA1B,SACGklB,EAAOnlB,eAAA,OAAKO,UAAU,mBAAkBN,SACvCD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACT58C,KAAMo8C,EACN5jC,gBAAc,EACdI,wBACEhd,eAACk/C,GAAqB,CAAC96C,KAAMo8C,EAAOr7B,KAAMA,EAAMi6B,QAASA,EAClCC,iBAAkBA,EAAkBF,SAAUA,EAC9CG,yBAA0ByB,QAG9C/gD,eAAA,OAAKO,UAAU,QAAON,SAC7BD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACT58C,KAAMo8C,EACN5jC,gBAAc,EACdI,wBACEhd,eAACk/C,GAAqB,CAAC96C,KAAMo8C,EAAOr7B,KAAMA,EAAMi6B,QAASA,EAClCC,iBAAkBA,EAAkBF,SAAUA,EAC9CG,yBAA0ByB,UAOzD/gD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,SAEE,ECvRd,MAAMghD,GAAsCviD,IAAyG,IAAxG,KAAE0F,EAAI,SAAE+6C,EAAQ,KAAEh6B,EAAI,QAAEi6B,EAAO,oBAAE8B,EAAmB,iBAAE7B,EAAgB,yBAAEC,GAA0B5gD,EAC7I,MAAO6gD,EAAYC,GAAiBr+C,mBAAoC,KACjEggD,EAAUC,GAAejgD,mBAAciD,IACvCyqC,EAAiBC,GAAsB3tC,mBAAiB,IAUzD6/C,EAAe,CACnB,CACEtgD,KAAM,GACN1B,MAAO,MACPya,KAAO1Z,GAEDC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnB8J,SAAWvF,GAAUlF,EAAKW,KAAOuE,KAM3C,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK0/C,cACnBj1C,SAAWvF,GAAUlF,EAAK0/C,cAAgBx6C,KAMlD,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK2/C,YACnBl1C,SAAWvF,GAAUlF,EAAK2/C,YAAcz6C,KAMhD,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GACGC,eAAC6J,GAAM,CACXC,YAAY,oBACZI,aAAco1C,EACdn1C,gBAAgB,SAChBT,UAAQ,EACRM,aAAcs1C,EAAyB55C,QAAQyxC,GAAeA,EAAMlyC,QAAUlF,EAAKO,OAAM,IAAMg/C,EAAyB,GACxH90C,SAAWvF,GAAUlF,EAAKO,KAAO2E,EACjCmF,oBAAkB,KAM1B,CACE1J,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKa,OACnBnF,KAAK,SACL+O,SAAWvF,GAAkBlF,EAAKa,QAAUqE,KAMpD,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAMA,CAAC1Z,EAA+B+B,IAElC9B,eAACs4B,GAAQ,CACPC,UAAWx4B,EAAKshD,aAChB/5C,MAAO,kBACP+D,SAAWktB,GAvFQ+oB,EAACx/C,EAAew0C,EAAerxC,KAC1Du6C,GAAc+B,GACLA,EAAU9/C,KAAI,CAAC1B,EAAM0O,IAC1BA,IAAM3M,EAAQ,IAAK/B,EAAM,CAACu2C,GAAQrxC,GAAUlF,KAC3C,EAmF4BuhD,CAAqBx/C,EAAO,eAAgBy2B,MAK7E,CACE73B,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAASN,SACrBF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAAMk+C,EAAa//C,EAAKX,IAAIa,SAAA,CACpFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAAMm+C,EAASj+C,GAAO7B,SAAA,CAC5FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACKC,gBAAAyB,YAAA,CAAA1B,SAAA,CACXD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,0BAA0BqB,QAASA,IAAMo+C,EAASl+C,GAAO7B,SACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,IAAMs+C,EAAWngD,EAAKX,IAAIa,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3Bt6C,qBAAU,KACR25C,EAAc2B,EAASlhD,UACvBm/C,GAAQ,EAAM,GACb,IAEH,MAAMW,EAAY3gD,IAChB,MAAMghD,EAAWb,EACjBa,EAAShhD,GAAI+lB,MAAO,EAEpB,MAAMm7B,EAAuC,CAC3C5/C,KAAM0/C,EAAShhD,GAAIsB,KACnB++C,cAAeW,EAAShhD,GAAIqgD,cAC5BC,YAAaU,EAAShhD,GAAIsgD,YAC1Bp/C,KAAM,GAAG8/C,EAAShhD,GAAIkB,OACtBM,OAAQw/C,EAAShhD,GAAIwB,OACrB2/C,OAAQ,GAAGY,EAAS/hD,KACpBiiD,aAAcjB,EAAShhD,GAAIiiD,cAE7B3C,GAAyB4B,GAAanmD,MAAMgK,IAC1Ck7C,IACAe,EAAShhD,GAAM,IAAK+E,EAAIC,KAAMnE,SAAU,IACxC6uC,EAAmB,qBACnBsQ,GAAQ,EAAM,IACbhlD,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAGE6hD,EAAY5gD,IACCmgD,EACRngD,GAAI+lB,MAAO,EACpBi6B,GAAQ,EAAK,EAETU,EAAgB1gD,IACpB,MAAMghD,EAAWb,EAAWv6B,MAAKjlB,GAAQA,EAAKX,KAAOA,IACrDghD,EAAUj7B,MAAO,EACjB1G,QAAQC,IAAI0hC,GACZ,MAAME,EAAuC,CAC3ClhD,GAAIghD,EAAUhhD,GACdsB,KAAM0/C,EAAU1/C,KAChB++C,cAAeW,EAAUX,cACzBC,YAAaU,EAAUV,YACvBp/C,KAAM,GAAG8/C,EAAU9/C,OACnBM,OAAQw/C,EAAUx/C,OAClBygD,aAAcjB,EAAUiB,aACxBd,OAAQ,GAAGY,EAAS/hD,MAEtB4/C,GAAuBsB,GAAanmD,MAAK,KACvCklD,IACAD,GAAQ,EAAM,GACd,EAEEc,EAAc9gD,IAClB0/C,GAAyB,GAAG1/C,KACzBjF,MAAMgK,IACLk7C,IACAG,GAAegB,GAAsBA,EAAM96C,QAAO,CAACq3B,EAAUj7B,IAAUi7B,EAAS39B,KAAOA,MACvF0vC,EAAmB,qBACnBsQ,GAAQ,EAAM,IACbhlD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,GACd,EAoBJ,OACE+B,gBAACyY,GAAgB,CAAA1Y,SAAA,CACds/C,EAAWjkD,OAAS,EACjB0E,eAAA,OAAKO,UAAW4kB,EAAO,mBAAqB,QAAQllB,SAClDD,eAACgb,KAAS,CACV5W,KAAMm7C,EACNtkC,QAAS+lC,EACT9lC,UAAQ,EACRulC,aAAW,EACX9jC,aAAejD,GAAQwnC,EAAoBxnC,GAC3CkD,gBAAc,EACd4kC,sBAAuBA,IAAIr8B,EAC3BnI,wBACEhd,eAACihD,GAA0B,CAAC78C,KAAMm7C,EAAYp6B,KAAMA,EAAMi6B,QAASA,EAASC,iBAAkBA,EAAkBF,SAAUK,EAAeF,yBAA0BA,QAKvKt/C,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAGnCC,gBAAA,UAAQmK,SAAU8a,EAAM5kB,UAAU,yBAAyBqB,QAASA,IArCjD8+C,MACrB,MAAMC,EAAkC,CACtCjgD,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbp/C,KAAM,aACNM,OAAQ,EACRukB,MAAM,EACNk8B,cAAc,GAEhBjC,GAAQ,GAERI,GAAez1B,GAA4C,IAAIA,EAAO42B,IAAS,EAyBHD,GAAiBzgD,SAAA,CACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEjB5gD,eAAA,QAAAC,SAAM,iBAGP4uC,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAKzgB,SAExBC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAC,YACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAE4uC,WAIjB,EAKRoS,UCtRf,MAAMthD,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0JOH;;;;;;;;;;;;iCAYAA;;;;;;;;;;;;;;;ECiClB+hD,OA9LQA,KACrB,MAAMC,EAAwB,CAC5B,GAAI,EAAG,EAAI,MAENC,EAAgBC,GAAqBzgD,mBAAgB,IAEtD0gD,EAAoB79C,uBAAY,KL+EtCtL,EACGwB,IAAI,+BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YKpFLiB,MAAKgK,IAC5By9C,EAAkBz9C,EAAIC,KAAK09C,cAAc,GACzC,GACD,IAEHj8C,qBAAU,KACRg8C,GAAmB,GAClB,IAEH,MAyCME,EAA8B3iD,ILkDpCigB,SKjD4B,CAACjgB,MLmD7B1G,EACG0N,KAAK,iCAAkCiZ,GACvCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aKxD3BiB,MAAMgK,IACL09C,GAAmB,IAClBznD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,IAEhByjD,GAAmBpB,GAAsBA,EAAM96C,QAAQq3B,GAAaA,EAAS39B,KAAOA,KAAI,EAapF4iD,EAAqB,CACzB,CACEthD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnBgJ,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKW,KAAOuE,KAMzC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKkiD,IACnBz3C,SAAWvF,GAAUlF,EAAKkiD,IAAMh9C,KAMxC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAjG3CxC,KAC7B,MAAMghD,EAAWuB,EAAej8C,QAAO3F,GAAQA,EAAKX,KAAOA,IAAI,GAE/D,GADAghD,EAASj7B,MAAO,EACbu8B,EAAsBp8C,SAAS86C,EAAS1/C,OAASghD,EAAsBp8C,SAAS86C,EAAS6B,KAC1F,OAGF,MAAM3B,EAAmB,CACvBlhD,GAAIghD,EAAShhD,GACbsB,KAAM0/C,EAAS1/C,KACfuhD,IAAK7B,EAAS6B,KAEhBhD,GAA0BqB,GAAanmD,MAAK,KAC1C0nD,GAAmB,GACnB,EAmF4EK,CAAsBniD,EAAKX,IAAIa,SAAA,CAC7FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KACLjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAvF5CE,KAC9B,MAAMs+C,EAAWuB,EAAe7/C,GAEhC,GADAs+C,EAASj7B,MAAO,EACbu8B,EAAsBp8C,SAAS86C,EAAS1/C,OAASghD,EAAsBp8C,SAAS86C,EAAS6B,KAC1F,OAGF,MAAM3B,EAAmB,CACvB5/C,KAAM0/C,EAAS1/C,KACfuhD,IAAK7B,EAAS6B,KAEhBhD,GAA0BqB,GAAanmD,MAAK,KAC1C0nD,GAAmB,IAClBznD,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAwE8EgkD,CAAuBrgD,GAAO7B,SAAA,CAC9FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAEhBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQO,UAAU,0BAA0BqB,QAASA,IA3EnCxC,KAChC,MAAMghD,EAAWuB,EACjBvB,EAAShhD,GAAI+lB,MAAO,EACpBy8B,GAAmBzK,GAA8B,IAAIiJ,IAAU,EAwEUgC,CAAyBtgD,GAAO7B,SACvFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGXjgD,eAAA,UAAQO,UAAU,4BAA4BqB,QAASA,IAAMmgD,EAA2BhiD,EAAKX,IAAIa,SAC7FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3B,OACEngD,eAACL,GAAO,CAAAM,SACND,eAACk+C,GAAa,CAACt/C,MAAO,qBACP2tB,YAAa,GACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,+BAA8BN,SAC3CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,cAAe2tB,YAAa,8BACtDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,aACP2tB,YAAa,qDAChCvsB,eAAA,OAAKO,UAAU,sBAEjBP,eAAA,OAAKO,UAAU,oBAAmBN,SACZ,OAAnB0hD,EACCA,EAAermD,OAAS,EACtB0E,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+mC,EACT59C,KAAMu9C,MAIV3hD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQK,UAAU,8BAA8BqB,QAASA,KArGnEggD,EAAkB,IAAID,EALY,CAChCjhD,KAAM,GACNuhD,IAAK,GACL98B,MAAM,IAuGuF,EAAAllB,SAAA,CACvFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,4BAQR,ECySCoiD,OAldEA,KAAO,IAADtiB,EAAA6B,EAAAtG,EAAAC,EAAAU,EAAA+D,EAAA7D,EAAAC,EAAAC,EACrB,MAAM,WAAE9hC,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAClDo8B,EAAYC,GAAiBr2B,oBAAkB,IAC/Co5B,EAAcC,GAAmBr5B,mBAAiB,KAClDq/C,EAAOrB,GAAYh+C,mBAA4B,KAC/Ck9B,EAAeC,GAAoBn9B,mBAAgB,KACnDmhD,EAAWC,GAAgBphD,mBAAoC,CAAC,CACrET,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbp/C,KAAM,aACNM,OAAQ,EACRygD,cAAc,MAETmB,EAAuBC,GAA4BthD,mBAAkCmhD,EAAU,KAC/Fn9B,EAAMi6B,GAAWj+C,oBAAS,IAC1BuhD,EAAWC,GAAgBxhD,oBAAS,IACpC07B,EAAcC,GAAmBn5B,IAAMxC,SAC5C,CACET,KAAM,GACNq8B,SAAU,GACVC,cAAe,GACfC,kBAAmB,GACnBC,4BAA6B,GAC7BC,gBAAiB,EACjBhF,mBAAoB,EACpBiF,oBAAqB,KACrBC,eAAgB,KAChBC,aAAc,CACZC,aAAc,KACdn+B,GAAI,KACJsB,KAAM,MAER88B,UAAW,CACTD,aAAc,KACdn+B,GAAI,KACJsB,KAAM,KACN+8B,YAAa,MAEfjjB,OAAQ,GACRkjB,YAAa,GACbE,cAAe,GACfC,aAAc,GACdC,cAAe,GACfC,kBAAmB,EACnBC,iBAAkB,EAClBC,iBAAkB,GAClBC,sBAAuB,KAG3Br4B,qBAAU,KACR24C,KAAwBrkD,MAAMgK,IAC5Bg7C,EAASh7C,EAAI,IAEfy+C,IACAC,GAAqB,GAGrB,IAGF,MAAMA,EAAsBA,KAC1B1pB,KAAqBh/B,MAAMjB,IACzBolC,EACEplC,EAASkL,KAAKm7B,WAAW99B,KAAK+9B,IACrB,CACLv6B,MAAOu6B,EAAW9+B,KAClB4G,MAAOk4B,EAAWjC,aAClB9xB,WAAY,CACVg0B,UAAWD,EAAW9+B,KACtB+8B,YAAa+B,EAAW/B,iBAI/B,GACD,EAGJ53B,qBAAU,KACR49B,GAAc,GACb,CAAC+c,IAEJ,MAAM/c,EAAeA,KACnBxK,KAAoB9+B,MAAKuE,IAAe,IAADggC,EAAAC,EAAAC,EAAAC,EAAA,IAAb,KAAEz6B,GAAM1F,EAEhC87B,EAAgBp2B,EAAKka,MAAMzC,OAC3BihB,EAAgB,IACXD,EACHn8B,KAAM0D,EAAKka,MAAM5d,KACjBq8B,SAAU34B,EAAKka,MAAMye,SACrBC,cAAe54B,EAAKka,MAAM0gB,QAC1B9B,4BAA6B94B,EAAKka,MAAMiO,YACxC0Q,kBAAmB74B,EAAKka,MAAMrhB,UAC9BkgC,gBAAiB/4B,EAAKka,MAAM2gB,aAC5B9G,mBAAoB/zB,EAAKka,MAAM4gB,SAC/B9B,oBAAqBh5B,EAAKka,MAAM8e,oBAChCC,eAAgBj5B,EAAKka,MAAM6gB,gBAC3B7B,aAAc,CACZC,aAAcn5B,EAAKka,MAAM8gB,cAAc7B,aACvCn+B,GAAIgF,EAAKka,MAAM8gB,cAAchgC,GAC7BsB,KAAM0D,EAAKka,MAAM8gB,cAAc1+B,MAEjC88B,UAAW,CACTD,aAAmC,QAAvBmB,EAAEt6B,EAAKka,MAAM+gB,kBAAU,IAAAX,OAAA,EAArBA,EAAuBnB,aACrCn+B,GAAyB,QAAvBu/B,EAAEv6B,EAAKka,MAAM+gB,kBAAU,IAAAV,OAAA,EAArBA,EAAuBv/B,GAC3BsB,KAA2B,QAAvBk+B,EAAEx6B,EAAKka,MAAM+gB,kBAAU,IAAAT,OAAA,EAArBA,EAAuBl+B,KAC7B+8B,YAAkC,QAAvBoB,EAAEz6B,EAAKka,MAAM+gB,kBAAU,IAAAR,OAAA,EAArBA,EAAuBpB,aAEtCjjB,OAAQpW,EAAKka,MAAM9D,OACnBkjB,YAAat5B,EAAKka,MAAMof,YACxBE,cAAex5B,EAAKka,MAAMsf,cAC1BC,aAAcz5B,EAAKka,MAAMuf,aACzBC,cAAe15B,EAAKka,MAAMwf,eAC1B,GAGF,EAQE8kB,EAA6B18C,gBAE3By4C,KAA2BxkD,MAAMgK,GACjB,OAAbA,EAAIC,KAAgBm+C,EAAap+C,EAAIC,MAAQm+C,EAAa,CAAC,CAChE7hD,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbp/C,KAAM,aACNM,OAAQ,EACRygD,cAAc,MAEhB,EAGEK,EAAwB,CAC5B,GAAI,EAAG,EAAI,KAqGPR,EAAuBxnC,IAC3B+oC,EAAyB/oC,EAAI,EAGzBsnC,EAAe,CACnB,CACEtgD,KAAM,GACN1B,MAAO,MACPya,KAAO1Z,GAEDC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnBgJ,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKW,KAAOuE,KAM3C,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK0/C,cACnB/1C,SAA+B,KAArB3J,EAAK2/C,YACfl1C,SAAWvF,GAAUlF,EAAK0/C,cAAgBx6C,KAMlD,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK2/C,YACnBh2C,SAAiC,KAAvB3J,EAAK0/C,cACfj1C,SAAWvF,GAAUlF,EAAK2/C,YAAcz6C,KAMhD,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GACGC,eAAC6J,GAAM,CACXC,YAAY,oBACZI,aAAcm0B,EACdl0B,gBAAgB,SAChBT,UAAQ,EACRM,aAAcq0B,EAAc34B,QAAOyxC,GAASA,EAAMlyC,QAAUlF,EAAKO,OAAM,IAAM+9B,EAAc,GAC3F7zB,SAAWvF,GAAUlF,EAAKO,KAAO2E,EACjCmF,oBAAkB,EAClBC,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKa,OAASb,EAAKa,OAAS,IAC1CnF,KAAK,SACLiO,UAAQ,EACRc,SAAWvF,GAAkBlF,EAAKa,QAAUqE,KAMpD,CACEvE,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAvJ3CxC,KAC7B,MAAMghD,EAAWkC,EAAU58C,QAAO3F,GAAQA,EAAKX,KAAOA,IAAI,GAE1D,GADAghD,EAASj7B,MAAO,EACbu8B,EAAsBp8C,SAAS86C,EAAS1/C,OAASghD,EAAsBp8C,SAAS86C,EAASX,eAC1F,OAGF,MAAMa,EAAuC,CAC3ClhD,GAAIghD,EAAShhD,GACbsB,KAAM0/C,EAAS1/C,KACf++C,cAAeW,EAASX,cACxBC,YAAaU,EAASV,YACtBp/C,KAAM,GAAG8/C,EAAS9/C,OAClBM,OAAQw/C,EAASx/C,OACjBygD,aAAcjB,EAASiB,aACvBd,OAAQ,IAEVoC,GAAa,GACb3D,GAAuBsB,GAAanmD,MAAK,KACvCyoD,GAAuB,GACvB,EAmI4EV,CAAsBniD,EAAKX,IAAIa,SAAA,CAC7FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAtIxDE,KAC9B,MAAMs+C,EAAWkC,EAAUxgD,GAE3B,GADAs+C,EAASj7B,MAAO,EACbu8B,EAAsBp8C,SAAS86C,EAAS1/C,OAASghD,EAAsBp8C,SAAS86C,EAASX,eAC1F,OAGF,MAAMa,EAAuC,CAC3C5/C,KAAM0/C,EAAS1/C,KACf++C,cAAeW,EAASX,cACxBC,YAAaU,EAASV,YACtBp/C,KAAM,GAAG8/C,EAAS9/C,OAClBM,OAAQw/C,EAASx/C,OACjBygD,aAAcjB,EAASiB,aACvBd,OAAQ,IAEVoC,GAAa,GACbjE,GAAyB4B,GAAanmD,MAAK,KACzCyoD,GAAuB,IACtBxoD,OAAM+D,IACPsgB,QAAQC,IAAIvgB,EAAE,GACd,EAiH0FgkD,CAAuBrgD,GAAO7B,SAAA,CAC1GD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACKC,gBAAAyB,YAAA,CAAA1B,SAAA,CACXD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,0BAA0BqB,QAASA,IApHjDxC,KAChC,MAAMghD,EAAWkC,EACjBlC,EAAShhD,GAAI+lB,MAAO,EACpBo9B,GAAcpL,GAA8B,IAAIiJ,KAChDuC,GAAa,EAAK,EAgHqEP,CAAyBtgD,GAAO7B,SACrGD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,KAAMmgD,OAlHvD3iD,EAkHkFW,EAAKX,GAjHzH0/C,GAAyB,GAAG1/C,KACzBjF,MAAMgK,IACLy+C,GAAuB,IACtBxoD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,SAEhBokD,GAAc/B,GAAsBA,EAAM96C,QAAQq3B,GAAaA,EAAS39B,KAAOA,MAP7CA,KAkH2F,EAAAa,SAC3GD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAU3B,OACEjgD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAACk+C,GAAa,CAACt/C,MAAO,gDACP2tB,YAAa,+OACb2Z,QAAQ,EAAMiY,WAAY,uBAAuBl+C,SAC9DC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAC6gD,GAAwB,CAACL,MAAOA,EAAOrB,SAAUA,EAAUh6B,KAAMA,EAAMi6B,QAASA,EAASC,iBAnPpEn5C,gBACtBs4C,KAAwBrkD,MAAMgK,GAC3Bg7C,EAASh7C,IAChB,IAiPIjE,gBAAA,UAAQmK,SAAU8a,EAAM5kB,UAAU,yBAAyBqB,QAASA,IA9MrD8+C,MACrB,MAAMC,EAA0B,CAC5Bx7B,MAAM,EACNzkB,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbC,gBAAiB,QACjBC,aAAc,IACdC,kBAAmB,EACnBhmC,SAAUtf,EAAWwB,KAAK6X,iBAAmB,SAC7CysC,UAAW,GACXpgD,SAAU,IAGdk/C,GAASqB,GAAiB,IAAIA,EAAOG,KACrCvB,GAAQ,EAAK,EA+LmEsB,GAAiBzgD,SAAA,CACzFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEX5gD,eAAA,QAAAC,SAAM,yBAIb1F,EAAWwB,KAAK+mD,iBACf9iD,eAACyhD,GAAc,IACd,KAEHzhD,eAACk+C,GAAa,CAACt/C,MAAO,sBACP2tB,YAAa,gHACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACEC,gBAAA,OAAKK,UAAU,8BAA6BN,SAAA,CAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAK4O,MAAO,CAAC5P,MAAO,QACpBgB,eAACq+C,GAAiB,CAACz/C,MAAO,mBAAoB2tB,YAAa,wCAC3DvsB,eAACq+C,GAAiB,CAACz/C,MAAO,gBACP2tB,YAAa,oDAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,sDAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,aAAc2tB,YAAa,gDACrDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,eACP2tB,YAAa,oEAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEhB,OAAdqiD,EACCA,EAAUhnD,OAAS,EACjB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAWmiD,EAAY,mBAAqB,QAAQziD,SACvDD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACTrkC,aAAejD,GAAQwnC,EAAoBxnC,GAC3CtV,KAAMk+C,EACN1lC,gBAAc,EACdI,wBACEhd,eAACihD,GAA0B,CAACC,oBAAqBA,EAAqB98C,KAAMo8C,EAAOr7B,KAAMu9B,EAAWtD,QAASuD,EAActD,iBAAkBuD,EAAuBzD,SAAUoD,EAAcjD,yBAA0BjhB,UAM9Nr+B,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,SAAU8a,EAAM5kB,UAAU,8BAA8BqB,QAASA,KA3QnF2gD,EAAa,IAAID,EAVoC,CACnD5hD,KAAM,GACN++C,cAAe,GACfC,YAAa,GACbp/C,KAAM,aACNM,OAAQ,EACRukB,MAAM,EACNllB,SAAU,GACVohD,cAAc,UAGhBsB,GAAa,IA0QkG1iD,SAAA,CACvGD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,6BAGVD,eAACk3B,GAAI,CACHhO,cAAeqR,EACfjD,mBAAoB,CAClBM,YAAaiF,EAAan8B,KAC1B48B,aAA2C,QAA/ByC,EAA2B,QAA3B6B,EAAE/E,EAAaS,oBAAY,IAAAsE,OAAA,EAAzBA,EAA2BxiC,UAAE,IAAA2gC,IAAI,GAC/CvC,UAAqC,QAA5BlC,EAAwB,QAAxBC,EAAEsB,EAAaW,iBAAS,IAAAjC,OAAA,EAAtBA,EAAwBn8B,UAAE,IAAAk8B,IAAI,GACzCtD,UAAW,GAAGwqB,EAAsBliD,OACpCiM,cAAe,EACfurB,kBAAmB,QAAQ0qB,EAAsB9hD,OACjD4hC,WAAY,GACZnK,oBAAqBqqB,EAAsB5hD,OAC3Cy8B,eAA2C,QAA7BpB,EAAEY,EAAaQ,sBAAc,IAAApB,IAAI,GAC/C6B,cAA0C,QAA7BkC,GAAGnD,EAAaiB,qBAAa,IAAAkC,IAAI,KAEhDzI,WAAYA,EACZC,cAAeA,EACfC,YAAa,CACXM,UAAW8E,EAAariB,OACE,QADI2hB,EAC1BU,EAAariB,OAAO,UAAE,IAAA2hB,OAAA,EAAtBA,EAAwBqE,kBACxBjlC,EACJif,OAAQqiB,EAAariB,QACK,QAAtB4hB,EAAAS,EAAariB,OAAO,UAAE,IAAA4hB,OAAA,EAAtBA,EAAwBoE,cAAe,OACvCjlC,EACJklC,OAAQ5D,EAAariB,OACK,QADC6hB,EACvBQ,EAAariB,OAAO,UAAE,IAAA6hB,OAAA,EAAtBA,EAAwBoE,YACxBllC,cAUN,ECxed,MAAMoE,GAAUC,UAAOC,GAAG;;;;;;;;;;wBAUFH;;;;;;eAMTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4DKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+BPA;;;;;;;;;mBASAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAwCAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFOA;;;;;0BAKAA;;;;;4BAKEA;;;;4BAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAqDAA;;;;;;;;;;;;;;;;iBAgBXA;;;;;;;;;;;;;;;;;oBAiBGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuCLA;;;;;;;;;;;;;;;;;;;;;0BAqBWA;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAoOIA;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC5gBNqjD,OAjNgBA,KAC7B,MAAOC,EAAmBC,GAAwB9hD,mBAAS,KACpD+hD,EAAiBC,GAAsBhiD,mBAAS,KAChDiiD,EAAeC,GAAoBliD,oBAAS,GACnD0E,qBAAU,KACRy9C,GAAkB,GACjB,IAEH,MAAMA,EAAmBA,K5FjBzB5qD,EACG0N,KAAK,uBACLjM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y4FYdiB,MAAMgK,IACpB8+C,EAAqB9+C,EAAIC,KAAKm/C,mBAAmB,GACjD,GAaGC,EAAsBC,GAA2BtiD,mBAAc,MAEhEuiD,EAAeA,KACnBL,GAAiB,GACjBF,EAAmB,GAAG,EA2BlBQ,EAAuBA,K5F7CEtkC,S4F+CZ,CAACjgB,GAAIokD,EAAqBpkD,I5F9C7C1G,EACG0N,KAAK,yBAA0BiZ,GAC/BllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a4FyC3BiB,MAAMgK,IACLm/C,IACAG,EAAwB,KAAK,IAC5BrpD,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,GACd,EAGE6iD,EAAe,CACnB,CACEtgD,KAAM,GACN1B,MAAO,MACPya,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAK6jD,aACnBp5C,SAAWvF,GAAUlF,EAAK6jD,aAAe3+C,EACzCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,KAAGO,UAAWR,EAAK8jD,YAAc,oBAAsB,WAAYjjD,OAAQ,SAAUD,KAAMZ,EAAK+jD,WAAYjjD,IAAI,aAAYZ,SAAEF,EAAK8jD,YAAc,YAAc,aAIrK,CACEnjD,KAAM,GACNub,SAAU,MACVxC,KAAMA,CAAC1Z,EAAW+B,IAEd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAjE9CxC,KAC1B,MAAMghD,EAAgB4C,EAAkBt9C,QAAQ3F,GAAcA,EAAKX,KAAOA,IAAI,GAC9EghD,EAASj7B,MAAO,EAEhB,MAAM4+B,EAAgB,CACpB3kD,GAAIghD,EAAShhD,GACbwkD,aAAcxD,EAASwD,cAGzBzgB,GAAiB4gB,GAAe5pD,MAAKgK,IACnCm/C,GAAkB,GAClB,EAsD4EU,CAAmBjkD,EAAKX,IAAIa,SAAA,CAC1FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENC,gBAAAyB,YAAA,CAAA1B,SAAA,CACAD,eAAA,UAAQO,UAAU,0BAA0BqB,QAASA,IA3DvCxC,KAC1B,MAAMghD,EAAkB4C,EACxB5C,EAAShhD,GAAK+lB,MAAO,EAErB89B,GAAsB9L,GAAuB,IAAIiJ,IAAU,EAuDY6D,CAAmBniD,GAAO7B,SAC/ED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQO,UAAU,4BAA4BqB,QAASA,KAAMsiD,OAzD3C9kD,EAyDkEW,EAAKX,QAvDrGqkD,EAAwBT,EAAkBh+B,MAAKjlB,GAAQA,EAAKX,KAAOA,KAFrCA,KAyD2E,EAAAa,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SAClBD,eAACmgD,GAAM,eAU3B,OACEjgD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,MAAAC,SAAI,6BACJC,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACxBC,gBAAA,UAAQK,UAAU,8BAA8BqB,QAASA,KACvDyhD,GAAiB,EAAK,EACtBpjD,SAAA,CACED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEf5gD,eAAA,QAAAC,SAAM,2BAEPmjD,EACCpjD,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAAA,QACEynB,SAzHiB/e,IAC3BA,EAAMgf,iBACN,MAAMq8B,EAAgB,CACpBH,aAAcV,GAEhBQ,IACAvgB,GAAiB4gB,GAAe5pD,MAAKgK,IACnCm/C,GAAkB,GAClB,EAiHsCrjD,SAE9BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,0BACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAAS8hD,EAAazjD,SAEtBD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJtN,UAAQ,EACRI,YAAY,4BACZU,SAAWvF,GAAUk+C,EAAmBl+C,SAK9CjF,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,6BAOjD,QAEND,eAAA,OAAKO,UAAU,UAASN,SACtBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACT58C,KAAM4+C,MAGTQ,GACCxjD,eAACugB,GAAK,CACJC,YAAagjC,EACb/iC,aAAcA,IAAMgjC,EAAwB,MAC5C/iC,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,eAAeN,SAE1BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,sCAEpBujD,EAAqBW,YAExBnkD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP+hD,GAAsB,EACtB1jD,SACH,4BASD,ECtNd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;eAaXH;;;ECoBA0kD,OA3BWA,KACxB,MAAO79C,EAAS89C,GAAcljD,mBAAS,IAgBvC,OAfA0E,qBAAU,K9FoB+BwZ,S8FnBZ9lB,OAAOC,SAAS+lB,O9FoB7C7mB,EACGwB,IAAI,8BAA8BmlB,KAClCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a8F1BqBiB,MAAKgK,IACtDkgD,EAAWlgD,EAAIC,KAAKmC,S9F4BxB7N,EACGwB,IAAI,2CACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGhCR,EACGwB,IAAI,uCACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGhCR,EACGwB,IAAI,+BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAYhCR,EACGwB,IAAI,qCACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAfhCR,EACGwB,IAAI,uCACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,W8FxDU,IACrCkB,OAAM4lB,IACPvB,QAAQC,IAAIsB,GACZqkC,EAAWrkC,EAAI5b,KAAKmC,QAAQ,GAC5B,GACD,IAIDvG,eAACL,GAAO,CAAAM,SACND,eAAA,OAAKO,UAAU,WAAUN,SACtBsG,KAGK,EC7Bd,MAAM5G,GAAUC,UAAOC,GAAG;;;qBAGLH;;;;;;;;yBAQIA;;;;ECXnB4oB,GAAkBC,WAAS;;;;;;;;;;EAW3B5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;qBAWLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyFuBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAoCOA;;;;;;;;;6CASN4oB;;;4CAGD5oB;;;;;yCAKHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECkL1B4kD,OAxTW5lD,IAA0F,IAAzF,WAAC6lD,EAAU,YAAEC,EAAW,KAAE/oD,EAAI,OAAEgpD,GAAS,EAAK,eAAEC,GAAmChmD,EAC5G,MAAOimD,EAAcC,GAAmBzjD,mBAA+B,KAChEsnB,EAAcC,GAAmBvnB,oBAAkB,IACnD0jD,EAAYC,GAAiB3jD,mBAAiB,GAmBrD0E,qBAAU,KACR++C,EAAgBL,EAAW,GAC1B,CAACA,IAEJ,MAAMQ,EAA0BA,CAAC3lD,EAAYgQ,EAAe41C,EAAoB//C,KAI9Es/C,EAAWnlD,GAAM,IAAImlD,EAAWnlD,GAAK,CAAC4lD,GAAa//C,GACnDu/C,EAAY,IAAID,GAAY,GAExB,aAAC57B,EAAY,aAAEC,EAAY,cAAEC,GAAiBC,aAAY,CAC9DC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OA/BaA,CAACC,EAAoB+7B,EAAiCv8C,KACnE,GAAIwgB,EAAc,GAAI,CACpBR,GAAgB,GAChB,MAAMhiB,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,OAAQF,EAAc,IAC7C7T,GAAiB3O,GACdvM,MAAMgK,IAEL4gD,EAAwBF,GAAY,EAAO,OAAQ1gD,EAAIC,KAAK8gD,WAE5Dx8B,GAAgB,EAAM,IAEvBtuB,OAAM,KACLsuB,GAAgB,EAAM,GAE5B,MAmBKtS,EAAYC,GAAiBlV,mBAA4B,CAAC,CAAC8D,MAAO,GAAIqC,MAAO,MACpFzB,qBAAU,KACRsP,KAA+Bhb,MAAKwT,IAAa,IAAZ,KAACvJ,GAAKuJ,EACrC2I,EAAwB,GAC5BlS,EAAKmS,SAASC,SAASzW,IACrBuW,EAAe5R,KAAK,CAACO,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0W,eAAe,IAElEJ,EAAcC,EAAe,GAC7B,GACD,IAEH,MAIM6uC,EAAkB/gD,IACtB,GAAa,YAAT3I,EAAoB,C/KTa2I,IAChC1L,EACJ0N,KAAK,wBAAyBhC,GAC9BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y+KW5BksD,CARgDhhD,EAAKhF,GAAK,CACxDimD,YAAajhD,EAAK1D,KAClB4kD,SAAUlhD,EAAK6nC,KACf7sC,GAAIgF,EAAKhF,IACP,CACFimD,YAAajhD,EAAK1D,KAClB4kD,SAAUlhD,EAAK6nC,OAEqB9xC,MAAKgK,IACzCugD,GAAgB,GAEpB,KAAO,C/KA8BtgD,IACvC1L,EACG0N,KAAK,uBAAwBhC,GAC7BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y+Kc5BqsD,CApBwCnhD,EAAKhF,GAAK,CAChDimD,YAAajhD,EAAK1D,KAClB4kD,SAAUlhD,EAAK6nC,KACf7sC,GAAIgF,EAAKhF,GACT4/B,QAAS56B,EAAK46B,QACdlsB,UAAW1O,EAAK0O,UAAU,IAC1BnG,QAASvI,EAAKuI,QAAQ,IACtB64C,WAAYphD,EAAKohD,WACjBC,IAAKrhD,EAAKqhD,IACVC,UAAqB,YAATjqD,EAAsB,EAAI,GACpC,CACF4pD,YAAajhD,EAAK1D,KAClB4kD,SAAUlhD,EAAK6nC,KACfjN,QAAS56B,EAAK46B,QACdlsB,UAAW1O,EAAK0O,UAAU,IAC1BnG,QAASvI,EAAKuI,QAAQ,IACtB84C,IAAKrhD,EAAKqhD,IACVD,WAAYphD,EAAKohD,WACjBE,UAAqB,YAATjqD,EAAsB,EAAI,IAEFtB,MAAKgK,IACzCugD,GAAgB,GAEpB,GAaIxE,EAAc9gD,IAClBolD,EAAY,IAAIG,EAAaj/C,QAAQ3F,GAASA,EAAKX,MAAQA,MAC9C,YAAT3D,E/KjDiC2D,IACvC1G,EACG0N,KAAK,2BAA4B,CAAChH,OAClCjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y+K2C5BysD,EAA0BvmD,GAAIjF,MAAKgK,IACjCugD,GAAgB,I/K/BiBtlD,IACvC1G,EACG0N,KAAK,0BAA2B,CAAChH,OACjCjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,Y+K2B5B0sD,EAA0BxmD,GAAIjF,MAAKgK,IACjCugD,GAAgB,GAEpB,EAYImB,EAAgBA,KACpBrB,EAAY,IAAID,EAAY,CAC1BnlD,GAAI,GACJ+lB,MAAM,EACNzkB,KAAM0V,EAAW,GAAGnR,MACpB+5B,QAAS,GACTlsB,UAAWxD,KAAKw2C,MAChBn5C,QAAS2C,KAAKw2C,MACdL,IAAK,GACLxZ,KAAM,GACNuZ,YAAY,IACX,EAGCO,EAAkBA,CAAC3mD,EAAY4mD,K/KvBC5hD,S+KwBZ,CAAChF,KAAI4mD,Y/KvB/BttD,EACG0N,KAAK,kCAAmChC,GACxCjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a+KiBUiB,MAAKgK,IAC3CugD,GAAgB,GAChB,EAGJ,OACExkD,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,KAAGO,UAAW,gBAAgBN,SAAC,kBAC/BC,gBAAA,KAAGK,UAAW,gBAAiBqO,MAAO61C,EAAS,CAACzlD,MAAO,OAAQ,CAACA,MAAO,OAAOiB,SAAA,CAAC,QAAMwkD,EAAS,cAAgB,mBAC7GA,EAASvkD,gBAAAyB,YAAA,CAAA1B,SAAA,CACRD,eAAA,KAAGO,UAAW,gBAAgBN,SAAC,YAC/BD,eAAA,KAAGO,UAAW,gBAAgBN,SAAC,uBAC/BD,eAAA,KAAGO,UAAW,gBAAgBN,SAAC,QAC/BD,eAAA,KAAGO,UAAW,gBAAgBN,SAAE,gBAChCD,eAAA,KAAGO,UAAW,gBAAiBqO,MAAO,CAAC5P,MAAO,MAAMiB,SAAC,cACjDD,eAAA2B,YAAA,CAAA1B,SACJD,eAAA,KAAGO,UAAW,gBAAgBN,SAAC,eAEjCD,eAAA,KAAG4O,MAAO,CAAC5P,MAAO,WAEpBgB,eAAA,OAAKO,UAAU,aAAYN,SACxB0kD,EAAarpD,OAAS,EACrBqpD,EAAaljD,KAAI,CAAC1B,EAAW+B,IAAkB5B,gBAAA,OAAiBK,UAAW,gBAAgBN,SAAA,CACzFD,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAC6J,GAAM,CAACK,aAAckM,EAAYhM,oBAAkB,EAC5CD,gBAAiB,SACjBE,UAAWtK,EAAKolB,KAChBnb,aAAcoM,EAAW1Q,QAAOyxC,GAASA,EAAMlyC,QAAUlF,EAAKW,OAAM,IAAM0V,EAAW,GACrF5L,SAAWvF,GAAUlF,EAAKW,KAAOuE,MAI3CjF,eAAA,OAAKO,UAAW,WAAWkkD,EAAqB,GAAZ,WAAkB71C,MAAO61C,EAAS,CAACzlD,MAAO,OAAQ,CAACA,MAAO,OAAOiB,SACnGD,eAAA,OACEO,UAAW,yBAAwBkoB,EAAe,eAAiB,IAAKxoB,SACxED,eAAA,OACEO,UAAW,aACTR,EAAKksC,KAAO,aAAe,IAC1BhsC,SAEHC,gBAAA,UAAS0oB,IAAgBq9B,YAAaA,IAAKnB,EAAchjD,GAAQvB,UAAW,UAAUooB,IAAe1oB,SAAA,CACnGD,eAAA,YAAW6oB,IAAiBtoB,UAAW,GAAGuB,IAAS4H,UAAQ,IAC1D3J,EAAKksC,KACJjsC,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OAAKQ,IAAKT,EAAKksC,KAAMxrC,IAAI,OAEzB,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAAA,QAAMO,UAAU,QAAON,SACpBF,EAAKksC,KACF,mBACA,0CAQfwY,EAASvkD,gBAAAyB,YAAA,CAAA1B,SAAA,CACRD,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAC0lB,GAAQ,CAAC1b,aAAcjK,EAAKi/B,QACnB30B,UAAWtK,EAAKolB,KAChB3a,SAAWvF,GAAU8/C,EAAwBjjD,GAAO,EAAO,UAAWmD,OAElF/E,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgyB,GAAQ,CACPE,SAAUnyB,EAAK+S,UACfzH,SAAWlN,GAAMA,GAAK,IAAImR,KAASy1C,EAAwBjjD,GAAO,EAAM,YAAa3D,GAAK4mD,EAAwBjjD,GAAO,EAAM,YAAawN,KAAKw2C,OACjJ7zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,iBAGXtH,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgyB,GAAQ,CACPE,SAAUnyB,EAAK4M,QACftB,SAAWlN,GAAMA,EAAI4B,EAAK+S,UAAYiyC,EAAwBjjD,GAAO,EAAM,UAAW/B,EAAK+S,WAAa3U,GAAK,IAAImR,KAASy1C,EAAwBjjD,GAAO,EAAM,UAAWwN,KAAKw2C,OAASf,EAAwBjjD,GAAO,EAAM,UAAW3D,GACxO8zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,kBAIbtH,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAACgX,GAAK,CAAChN,aAAcjK,EAAK0lD,IACnBp7C,UAAWtK,EAAKolB,KAChB3a,SAAWvF,GAAU8/C,EAAwBjjD,GAAO,EAAO,MAAOmD,OAE3EjF,eAAA,OAAKO,UAAU,SAASqO,MAAO,CAACs3C,SAAU,QAAQjmD,SAC/CF,EAAKomD,YAERnmD,eAAA,OAAKO,UAAU,SAASqO,MAAO,CAAC5P,MAAO,MAAMiB,SAC3CD,eAACs4B,GAAQ,CACPC,UACEx4B,EAAKylD,WAEPhtB,YAAaz4B,EAAKolB,KAClB9Z,SAAWktB,IACTwsB,EAAwBjjD,GAAO,EAAO,aAAcy2B,EAAU,SAKhEv4B,eAAA2B,YAAA,CAAA1B,SACJC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCC,gBAAA,UAAQmK,SAAoB,IAAVvI,EAAavB,UAAU,qBAAqBqB,QAASA,IAAMmkD,EAAgBhmD,EAAKX,GAAI0C,GAAO7B,SAAA,CACzGD,eAAA,QAAMO,UAAU,mBAAkBN,SAChCD,eAACiU,EAAS,MAEdjU,eAAA,QAAAC,SAAM,eAERC,gBAAA,UAAQmK,SAAUvI,IAAU6iD,EAAarpD,OAAQ,EAAGiF,UAAU,qBAAqBqB,QAASA,IAAMmkD,EAAgBhmD,EAAKX,GAAI0C,EAAM,GAAG7B,SAAA,CAChID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACiU,EAAS,MAEdjU,eAAA,QAAAC,SAAM,sBAIZD,eAAA,OAAKO,UAAU,UAAUqO,MAAO,CAAC5P,MAAO,MAAO,WAAS,iBAAgBiB,SACrEF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAAMk+C,OAzN5D1gD,EAyNyEW,EAAKX,GAxNlGulD,EAAanuC,SAAQzW,GAAQA,EAAKX,KAAOA,EAAKW,EAAKolB,MAAO,EAAQ,YAClEggC,EAAeR,EAAa3/B,MAAKjlB,GAAQA,EAAKX,KAAOA,KAFjCA,KAyNkF,EAAAa,SAAA,CACtFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAEhBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KACLjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAAMwkD,OApLhEhnD,EAoL2EW,EAAKX,GAnLlGulD,EAAanuC,SAAS6vC,IACpB,GAAIA,EAAQjnD,KAAOA,EAGjB,OAFAinD,EAAQlhC,MAAO,EACfkhC,EAAQjnD,GAAK,GACNinD,CACT,SAEFlB,EAAeR,EAAa3/B,MAAKjlB,GAAQA,EAAKX,KAAOA,KARnCA,KAoLoF,EAAAa,SAAA,CACtFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAEdjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAUtK,EAAKolB,KAAM5kB,UAAU,0BAC/BqB,QAASA,KAAM0kD,OArKhBlnD,EAqKgCW,EAAKX,GApK5DulD,EAAanuC,SAAS6vC,IACpB,GAAIA,EAAQjnD,KAAOA,EAEjB,OADAinD,EAAQlhC,MAAO,EACRkhC,CACT,SAEF7B,EAAY,IAAIG,IAPOvlD,KAqKyC,EAAAa,SAC9CD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGTjgD,eAAA,UAAQqK,SAAUtK,EAAKolB,KAAM5kB,UAAU,4BAC/BqB,QAASA,IAAMs+C,EAAWngD,EAAKX,IAAIa,SACzCD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eA7HsCr+C,KAmI/C9B,eAAA,KAAGO,UAAU,gBAAeN,SAAC,yBAE1CwkD,EAASvkD,gBAAA,UAAQK,UAAU,wBAAwBqB,QAASikD,EAAc5lD,SAAA,CACrED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEjB5gD,eAAA,QAAAC,SAAM,iBACIC,gBAAA,UAAQK,UAAU,wBAAwBqB,QAASikD,EAAc5lD,SAAA,CACvED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEjB5gD,eAAA,QAAAC,SAAM,qBAEA,ECzRCsmD,OArDMA,KACnB,MAAOC,EAAUhC,GAAerjD,mBAA+B,KACxDslD,EAAcC,GAAmBvlD,oBAAS,GAE3CwlD,EAAqB3iD,uBAAY,KhLwHvCtL,EACGwB,IAAI,0BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YgL7HJiB,MAAKgK,IAC7BuiD,EAAgBviD,EAAIC,KAAKwiD,YAAY,GACrC,GACF,IAEIC,EAAqB7iD,uBAAayiD,IhL2HFriD,SgL1HZ,CAACwiD,YAAaH,GhL2HxC/tD,EACG0N,KAAK,yBAA0BhC,GAC/BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agLjIuBiB,MAAKgK,IACxDwiD,GAAoB,GACpB,GACF,CAACA,IAEGG,EAAoB9iD,uBAAY,KhLkGtCtL,EACGwB,IAAI,yBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YgLvGLiB,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EAC/BqoD,EAAoC,GACxC3iD,EAAK4iD,eAAexwC,SAAS6vC,IAC3BU,EAAYriD,KAAK,CAAChE,MAAO2lD,EAAQ9vC,SAASnX,GAAIA,GAAIinD,EAAQjnD,GAAI6sC,KAAMoa,EAAQf,UAAU,IAExFd,EAAY,IAAIuC,GAAa,GAC7B,GACD,IAOH,OALAlhD,qBAAU,KACRihD,IACAH,GAAoB,GACnB,IAGDzmD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,MAAAC,SAAI,4BAEND,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAACiiC,GAAQ,CAAC36B,MAAO,qBAAsBixB,UAAWkuB,EAAcp7C,SAAWyhB,IACzE+5B,EAAmB/5B,GACnB45B,EAAgB55B,EAAQ,MAG5B5sB,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,WAAUN,SACvBD,eAAA,MAAAC,SAAI,wBAEND,eAACskD,GAAiB,CAACE,YAAaA,EAAa/oD,KAAM,UAAW8oD,WAAYiC,EAAU/B,QAAQ,EACzEC,eAAgBoC,SAE7B,ECrDd,MAAMnnD,GAAUC,UAAOC,GAAG;;;qBAGLH;;;;;;;;yBAQIA;;;;ECmBVunD,OA3BaA,KAC1B,MAAOT,EAAUhC,GAAerjD,mBAA+B,IAC/D0E,qBAAU,KACRqhD,GAAsB,GACrB,IAEH,MAAMA,EAAuBA,KAC3B9xC,GAAqB,CAAC+xC,WAAY,IAAIhtD,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EAChD8lD,EAAYpgD,EAAKgjD,aAAa,GAC9B,EAGJ,OACElnD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,MAAAC,SAAI,4BAENC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,WAAUN,SACvBD,eAAA,MAAAC,SAAI,uBAEND,eAACskD,GAAiB,CAACE,YAAaA,EAAa/oD,KAAM,UAAW8oD,WAAYiC,EAAU/B,QAAQ,EAAMC,eAAgBwC,SAE5G,EC1Bd,MAAMvnD,GAAUC,UAAOC,GAAG;;;qBAGLH;;;;;;;;yBAQIA;;;;ECkBV2nD,OA1BYA,KACzB,MAAOb,EAAUhC,GAAerjD,mBAA+B,IAC/D0E,qBAAU,KACRyhD,GAAqB,GACpB,IACH,MAAMA,EAAsBA,KAC1BlyC,GAAqB,CAAC+xC,WAAY,IAAIhtD,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EAChD8lD,EAAYpgD,EAAKgjD,aAAa,GAC9B,EAEJ,OACElnD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,MAAAC,SAAI,4BAENC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,WAAUN,SACvBD,eAAA,MAAAC,SAAI,sBAEND,eAACskD,GAAiB,CAACE,YAAaA,EAAa/oD,KAAM,SAAU8oD,WAAYiC,EAAU/B,QAAQ,EAAMC,eAAgB4C,SAG3G,ECzBd,MAAM3nD,GAAUC,UAAOC,GAAG;;;;;;;;;;;;0BAYAH;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAyMIA;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECwCN6nD,ICpSX,GDoSWA,GAjROA,KACpB,MAAOC,EAAeC,GAAoBtmD,mBAAqB,KACxDumD,EAA2BC,GAAgCxmD,mBAA4B,KACvFymD,EAAyBC,GAA8B1mD,mBAA4B,KACnF2mD,EAAUC,GAAe5mD,oBAAkB,GAElD0E,qBAAU,KACRmiD,GAAkB,GACjB,IAEH,MAAM1I,EAA8C,CAClD,CAACr6C,MAAO,QAASqC,MAAO,SACxB,CAACrC,MAAO,MAAOqC,MAAO,aAGlB0gD,EAAmBA,KE/BzBtvD,EACGwB,IAAI,0CACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YF0BFiB,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EACtC+oD,EAAiBrjD,EAAK6jD,uBACtBN,EAA6BvjD,EAAK8jD,YAClCL,EAA2BzjD,EAAKgoC,UAAU,GAC1C,EAUE4U,EAAe,CACnB,CACEtgD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnB8J,SAAWvF,GAAUlF,EAAKW,KAAOuE,EACjCoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GACGC,eAAC6J,GAAM,CACXC,YAAY,0BACZI,aAAcw9C,EACdv9C,gBAAgB,SAChBT,UAAQ,EACRM,aAAc09C,EAA0BhiD,QAAOyxC,IAAUA,EAAMlyC,SAAWlF,EAAKooD,mBAAkB,IAAMT,EAA0B,GACjIl9C,SAAWvF,GAAUlF,EAAKooD,kBAAoBljD,EAC9CmF,oBAAkB,EAClBC,UAAWtK,EAAKolB,QAsBxB,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKqoD,kBACnB59C,SAAWvF,GAAkBlF,EAAKqoD,kBAAoBnjD,EACtDoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,yBACZI,aAAco1C,EACdn1C,gBAAgB,SAChBE,UAAU,EACVX,UAAQ,EACRM,aAAcs1C,EAAyB55C,QAAOyxC,GAASA,EAAMlyC,QAAUlF,EAAK4/C,kBAAiB,IAAML,EAAyB,GAC5H90C,SAAWvF,GACTlF,EAAK4/C,gBAAkB16C,EAEzBmF,oBAAkB,KAM1B,CACE1J,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK6/C,eACtBnkD,KAAK,SACL+O,SAAWvF,GAAkBlF,EAAK6/C,aAAe36C,EACjDoF,UAAWtK,EAAKolB,QAKxB,CACEzkB,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,MAAQplB,EAAKX,IAOfW,EAAKolB,KANPjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,IAAMymD,EAAiBtoD,GAAME,SAAA,CACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAOIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,0BAA0BqB,QAASA,KAAM0mD,OA3HrElpD,EA2HiFW,EAAKX,GA1HzG2oD,GAAY,QACZN,EAAiBD,EAAc/lD,KAAI8mD,GAAQA,EAAKnpD,KAAOA,EAAK,IAAImpD,EAAMpjC,MAAM,GAAQojC,KAFjEnpD,KA2H0F,EAAAa,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,4BAC3BqB,QAASA,IAAM4mD,EAAoBzoD,EAAKX,IAAIa,SAC9CD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAWrBkI,EAAoBI,IE7KarkD,IACvC1L,EACG0N,KAAK,yCAA0ChC,GAC/CjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YF+K9BwvD,CAR4B,QAAfD,EAAQrpD,GAAe,CAClCsB,KAAM+nD,EAAQ/nD,KACdynD,iBAAkBM,EAAQN,iBAC1BC,kBAAmBK,EAAQL,kBAC3Bhc,UAAWqc,EAAQrc,UACnBuT,gBAAiB8I,EAAQ9I,gBAAkB8I,EAAQ9I,gBAAkB,QACrEC,aAAc6I,EAAQ7I,aAAe6I,EAAQ7I,aAAe,GAC1D6I,GAC2BtuD,MAAKgK,IAClC6jD,GAAkB,IAEpBD,GAAY,EAAM,EAGdS,EAAuBppD,IEnLUA,IACvC1G,EACG0N,KAAK,4BAA6B,CAAChH,OACnCjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YF6K9ByvD,CAAyBvpD,GAAIjF,MAAKgK,IAChC6jD,GAAkB,GAClB,EAiBJ,OACE9nD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,MAAAC,SAAI,oBACJD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,YAAa2tB,YAAa,KACpDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,YACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,aACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,kBACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,eACP2tB,YAAa,KAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEZ,OAAlBunD,EACCA,EAAclsD,OAAS,EACrB0E,eAAA2B,YAAA,CAAA1B,SACG6nD,EAAW9nD,eAAA,OAAKO,UAAU,mBAAkBN,SAC3CD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EAET58C,KAAMojD,MAMDxnD,eAAA,OAAKO,UAAU,QAAON,SAC7BD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACT58C,KAAMojD,QAWZxnD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,UAAU,EAAO9J,UAAU,8BAA8BqB,QAxExDgnD,KACjBnB,EAAiB,IAAID,EAAe,CAClCpoD,GAAI,MACJsB,KAAM,GACNykB,MAAM,EACNgjC,iBAAkB,EAClB/b,UAAW,EACXgc,kBAAmB,GACnBzI,gBAAiB,QACjBC,aAAc,KAEhBmI,GAAY,EAAK,EA6D4E9nD,SAAA,CACrFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEX5gD,eAAA,QAAAC,SAAM,yBAON,EC/Rd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASwtD,GAAWnqD,EAAMC,GACxB,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDK,MAAO,6BACPC,MAAO,OACPC,OAAQ,OACRC,QAAS,oBACTC,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EU,KAAM,mBACNE,SAAU,UACVD,EAAG,6FAEP,CACA,MAAM,GAA0B,aAAiBspD,IAClC,IErBf,MAAMvgC,GAAkBC,WAAS;;;;;;;;;;EAYpB5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;qBAmBZH;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;yBAmBIA;;;;;;;;;;;;;;;;;;;;;;kCAsBSkK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsGblK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqFJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAiE2BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAyCOA;;;;;;;;;6CASN4oB;;;4CAGD5oB;;;;;yCAKHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwDRA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAgJXA;;;;;sBAKAA;;;;;wBAKEA;;;;wBAIAA;;;;;;EChmBXopD,GAAwBA,IACnCpwD,EACGwB,IAAI,kBACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAWrB6vD,GAAyB5nC,GAEpCzoB,EACGswD,IAAI,kBAAkB7nC,EAAc/hB,KAAM,CACzCsB,KAAMygB,EAAczgB,KACpBuoD,WAAY9nC,EAAc8nC,WAC1BC,SAAU/nC,EAAc+nC,SACxB1tD,OAAQ2lB,EAAc3lB,OACtB2tD,eAAgBhoC,EAAcgoC,eAC9BlpD,SAAUkhB,EAAclhB,WAGzB9F,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC+3BnBkwD,OAj4BOA,KACpB,MAAOC,EAAaC,GAAkBnoD,mBAAc,CAClDw6C,iBAAkB,OAClB4N,WAAY,UACZC,UAAW,GACXC,qBAAsB,KACtBC,mBAAmB,EACnBC,WAAY,MAGP9a,EAAiBC,GAAsB3tC,mBAAiB,KACzD,WAAE5G,GAAeoD,GAAkBvC,GAAUA,EAAMD,OACnDyuD,EAAoBA,CAACtiD,EAAerC,KACxCqkD,EAAe,IAAID,EAAa,CAAC/hD,GAAQrC,GAAO,GAI3Ci2C,EAAUC,GAAeh6C,oBAAS,IAClC0oD,EAAqBC,GAA0B3oD,oBAAS,IACxD4oD,EAAsBC,GAA2B7oD,oBAAS,IAE1D8oD,EAAuBC,GAA4B/oD,oBAAS,IAC5DgpD,EAAoBC,GAAyBjpD,oBAAS,IACtDkpD,EAAWC,GAAgBnpD,oBAAS,IACpCopD,EAAgBC,GAAqBrpD,mBAAiB,IACtDspD,EAAcC,GAAmBvpD,mBAAiB,IAClDwpD,EAAoBC,GAAyBzpD,mBAAiB,IAC9D0pD,EAAyBC,GAA8B3pD,oBAAkB,IACzE4pD,EAAuBC,GAA4B7pD,mBAAgB,KACnE8pD,EAAsBC,GAA2B/pD,mBAA4B,KAC7EgqD,EAAoBC,GAAyBjqD,mBAAgB,KAO7DyR,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO,IAAIzD,KAPFua,MACnB,MAAMxa,EAAM9U,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GACvDpa,EAAQnV,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GAE/D,MAAO,GADMvvB,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,MAC5Cpa,KAASL,GAAK,EAGNwa,KAAiB5W,OAAO,eAClDtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,kBAE9Bo4C,EAAwBC,GAA4BnqD,mBAA4B,CAAC,CAAC8D,MAAO,EAAGqC,MAAO,8BAEpGikD,EAA4B,CAChC,CACE7qD,KAAM,YACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,KAAOpiC,EAAIyL,KACdnlB,eAACgX,GAAK,CACJxM,SAAUvF,GAAOyU,EAAI8xC,SAAWvmD,EAChC+E,aAAc0P,EAAI8xC,SACpB1hD,YAAa,cAGb4P,EAAI8xC,YAKZ,CACA9qD,KAAM,eACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,KAAOpiC,EAAIyL,KACdnlB,eAACgX,GAAK,CACJxM,SAAUvF,GAAOyU,EAAI+xC,gBAAkBxmD,EACvC+E,aAAc0P,EAAI+xC,gBAClB3hD,YAAa,iBAGf4P,EAAI+xC,mBAKZ,CACA/qD,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,KAAOpiC,EAAIyL,KACdnlB,eAACgX,GAAK,CACJxM,SAAUvF,GAAOyU,EAAIgyC,YAAczmD,EACnC+E,aAAc0P,EAAIgyC,YACpB5hD,YAAa,kBAGb4P,EAAIgyC,eAKZ,CACAhrD,KAAM,cACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,KAAOpiC,EAAIyL,KACdnlB,eAACgX,GAAK,CACJxM,SAAUvF,GAAOyU,EAAIuoC,IAAMh9C,EAC3B+E,aAAc0P,EAAIuoC,IAClBn4C,YAAa,gBAGf4P,EAAIuoC,OAMZ,CACAvhD,KAAM,mBACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,KAAOpiC,EAAIyL,KACdnlB,eAACgX,GAAK,CACNvb,KAAM,SACNwb,IAAK,EACLC,IAAK,IACL1M,SAAUvF,GAAsByU,EAAIwvC,UAAjBjkD,EAAQ,EAAoB,GAAKA,EAAQ,IAAqB,KAAsBA,EACvG+E,aAAc0P,EAAIwvC,SAClBp/C,YAAa,qBAGb4P,EAAIwvC,SAAWxvC,EAAIwvC,SAAS,IAAM,QAM1C,CACAxoD,KAAM,kBACNiZ,SAAU,QACVF,KAAOC,IAA2B,IAADvR,EAAAC,EAC/B,OACEpI,eAAA,OAAAC,SAEGyZ,EAAIiyC,cAAgB,IAAa,OAAVpxD,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,OAAN,EAAVA,EAAkByL,kBAAmB,WAAM8F,EAAIiyC,gBAAmB,IAAa,OAAVpxD,QAAU,IAAVA,GAAgB,QAAN6N,EAAV7N,EAAYwB,YAAI,IAAAqM,OAAN,EAAVA,EAAkBwL,kBAAmB,aAC9H,GAIZ,CACElT,KAAM,GACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIoiC,KAAQpiC,EAAIyL,MAiBbzL,EAAIoiC,KAAOpiC,EAAIyL,KAClBnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMgqD,EAAiBlyC,EAAIta,GAAIsa,GAAKzZ,SAC9C,SAIDD,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMgqD,EAAiBlyC,EAAIta,GAAIsa,GAAKzZ,SAC9C,QA7BDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,IAAMiqD,EAAiBnyC,EAAIta,GAAIsa,GAAKzZ,SAE7CD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAMkqD,EAAmBpyC,EAAIta,IAAIa,SAE1CD,eAACwlB,GAAU,aAyBrBumC,EAAyB,CAC7B,CACErrD,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAK4O,MAAO8K,EAAIoiC,KAAO,CAACkQ,cAAe,QAAQ/rD,SAC7CD,eAAC6J,GAAM,CAACK,aAAc+gD,EACdnhD,YAAa,oBACbxC,MAAO,GACP+C,UAAWqP,EAAIoiC,IACf1xC,oBAAkB,EAClBI,SAAWvF,GAAUyU,EAAIta,GAAK6F,EAC9B+E,aAAcihD,EAAqB3vD,OAAS,EAAI2vD,EAAqBjmC,MAAKjlB,IAASA,EAAKkF,SAAWyU,EAAIta,KAAM6rD,EAAqB,GAClI9gD,gBAAiB,cAKjC,CACEzJ,KAAM,GACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAASqO,MAAO8K,EAAIoiC,KAAO,CAACkQ,cAAe,QAAQ/rD,SAC9DyZ,EAAIoiC,IAWJ97C,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMqqD,EAAcvyC,EAAIta,IAAIa,SACtC,QAdDD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAMsqD,EAAiBxyC,EAAIta,IAAIa,SAExCD,eAACwlB,GAAU,YAkBrB2mC,EAA0BnoD,uBAAY,KhKiKLihB,SgKhKZ,CAACnS,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAAetG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAO,ehKiK3Hva,EACG0N,KAAK,sCAAuC6e,GAC5C9qB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKvK2GiB,MAAKgK,IAC5I6mD,EAAyB7mD,EAAIC,KAAKgoD,qBAAqB,GACvD,GACF,CAACx5C,IAEGy5C,EAA2BA,KhKsKjC3zD,EACGwB,IAAI,gCACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YgK3KOiB,MAAMgK,IACzCinD,EAAsBjnD,EAAIC,KAAK,GAC/B,EASEkoD,EAAkB7wD,IACtByuD,GAAyB,GACzBE,GAAsB,GACtBjP,GAAY,GACZ2O,GAAuB,GACvBE,GAAwB,GACf,aAATvuD,EAAsB0/C,GAAY,GAAiB,oBAAT1/C,EAA6BquD,GAAuB,GAAiB,wBAATruD,EAAiCuuD,GAAwB,GAAiB,mBAATvuD,EAA4B2uD,GAAsB,GAAQF,GAAyB,EAAK,EAE3P2B,EAAmBA,CAACzsD,EAASsa,KACjCsxC,EAAyB,IAAID,EAAsBtpD,KAAI1B,GAAQA,EAAKX,KAAOA,EAAKW,EAAO,IAAIA,EAAMolB,MAAM,GAAQplB,KAAO,EAElH+rD,EAAqB9nD,uBAAa5E,IhK0HF+hB,SgKzHZ,CAAC/hB,MhK0H3B1G,EACG0N,KAAK,yCAA0C+a,GAC/ChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKhIAiB,MAAKgK,IACjCgoD,GAAyB,IAE3BnB,EAAyB,IAAID,EAAsBrlD,QAAO3F,GAAQA,EAAKX,KAAOA,KAAK,GACnF,CAAC+sD,EAAyBpB,IAEtBmB,EAAmBloD,uBAAa5E,IhKyJUuO,KAAA,IAAC,GAACvO,GAAiBuO,EAAA,OACnEjV,EACGy8C,OAAO,uCAAuC/1C,KAC9CjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EgKhKFqzD,CAAmC,CAACntD,OAAKjF,MAAKgK,IAC5CkoD,GAA0B,GAC1B,GAEF,IAEIT,EAAmB5nD,uBAAY,CAAC5E,EAASsa,KhKmGTyH,MgKlGD,KAA/BzH,EAAI+xC,gBAAgBzU,QAA4C,KAA3Bt9B,EAAIgyC,YAAY1U,QAAoC,KAAnBt9B,EAAIuoC,IAAIjL,UhKkG9C71B,EgKjGVzH,EhKkG5BhhB,EACG0N,KAAK,sCAAuC+a,GAC5ChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKxGCiB,MAAKgK,IAChCgoD,GAAyB,IAE3BnB,EAAyB,IAAID,EAAsBtpD,KAAI1B,GAAQA,EAAKX,KAAOA,EAAKW,EAAO,IAAIA,EAAMolB,MAAM,GAASplB,MAClH,GACA,CAACosD,EAAyBpB,IAEtBkB,EAAgBjoD,uBAAa5E,IhKgIaV,KAAA,IAAC,GAACU,GAAiBV,EAAA,OACnEhG,EACG0N,KAAK,oCAAoChH,KACzCjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EgKvIAszD,CAAmC,CAACptD,OAAKjF,MAAKgK,IAC5CkoD,GAA0B,GAC1B,GACJ,IAUF,MAAMI,EAAiCzoD,uBAAY,KACjD6d,KAA+B1nB,MAAKgK,IAClCymD,EAAsBzmD,EAAIC,KAAKumD,oBAAsB,GACrDD,GAAiBvmD,EAAIC,KAAKsoD,mBAAqB,GAC/C5B,EAA2B3mD,EAAIC,KAAKuoD,oBAAqB,EAAM,GAC/D,GACF,IAEF9mD,qBAAU,KACRsmD,GAAyB,GAExB,CAACA,IAEJtmD,qBAAU,KACR4mD,IACAH,EAAe,oBAAoB,GAClC,CAACG,IAEJ,MAAOhkC,EAAcC,GAAmBvnB,oBAAkB,IAmBpD,aAACwnB,EAAY,aAAEC,EAAY,cAAEC,IAAiBC,aAAY,CAC9DC,OAAQ,CAAC,aAAc,YAAa,aACpCC,UAAU,EACVC,OArBaA,CAACC,EAAoB+7B,EAAiCv8C,KACnE,GAAIwgB,EAAc,GAAI,CACpBR,GAAgB,GAChB,MAAMhiB,EAAuB,IAAIyiB,SACjCziB,EAAgB0iB,OAAO,OAAQF,EAAc,IAC7C7T,GAAiB3O,GACdvM,MAAMgK,IAELklD,EAAYK,kBAAoBE,EAAkB,aAAczlD,EAAIC,KAAK8gD,WAAa0E,EAAkB,YAAazlD,EAAIC,KAAK8gD,WAE9Hx8B,GAAgB,EAAM,IAEvBtuB,OAAM,KACLsuB,GAAgB,EAAM,GAE5B,KASIkkC,GAAsB5oD,uBAAY,KACtC2d,KAAmCxnB,MAAKgK,IACtCmlD,EAAenlD,EAAIC,KAAKyoD,cACxBP,EAAe,WAAW,GAC1B,GACF,IAEIQ,GAAyB9oD,uBAAa7F,IhKrBI8mB,MgKsB9C9mB,EAAEupB,kBhKtB4CzC,EgKuBZokC,EhKtBpC3wD,EACG0N,KAAK,sBAAuB6e,GAC5B9qB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKgBiBiB,MAAKgK,IAClDmmD,GAAa,GACb3oC,KAAmCxnB,MAAKgK,IACtCmlD,EAAenlD,EAAIC,KAAKyoD,cACxB3/C,YAAW,KACTo9C,GAAa,EAAM,GAClB,IAAK,GACR,GACF,GACF,CAACjB,IAEG0D,GAAwC/oD,uBAAa7F,IhKfRgjB,MgKgBjDhjB,EAAEupB,kBhKhB+CvG,EgKiBZ,CAAC+nC,SAAUqB,GhKhBlD7xD,EACG0N,KAAK,8BAA+B+a,GACpChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKUmCiB,MAAMgK,IAElEA,EAAIC,KAAK/K,QAASy1C,EAAmB,+DAA+D,IACtG10C,OAAO4lB,IACRvB,QAAQC,IAAIsB,EAAI,IACf0D,SAAQ,KACTxW,YAAW,KAAK4hC,EAAmB,GAAG,GAAG,IAAK,GAC9C,GACF,CAACyb,IAEGyC,GAAgChpD,uBAAa7F,IhKlBRgjB,MgKmBzChjB,EAAEupB,kBhKnBuCvG,EgKoBZ,CAACurC,kBAAmBjC,EAAcE,mBAAoBA,EAAoBgC,kBAAmB9B,GhKnB5HnyD,EACG0N,KAAK,8BAA+B+a,GACpChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,agKasHiB,MAAKgK,IACvJsoD,IACGtoD,EAAIC,KAAK/K,QAASy1C,EAAmB,8DAA8D,IAErGprB,SAAQ,KACTxW,YAAW,KAAK4hC,EAAmB,GAAG,GAAG,IAAK,GAC9C,GACF,CAAC2d,EAAgChC,EAAcE,EAAoBE,IAE/Dz3C,GAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGEI,GAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAG/C,OACE7S,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,oBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASgrD,GAAoB3sD,SAC9B,qBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAM0qD,EAAe,mBAAmBrsD,SAClD,yBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAM0qD,EAAe,uBAAuBrsD,SACtD,2BAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAM0qD,EAAe,qBAAqBrsD,SACpD,sBAgBHD,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAACuT,KAAe,CACdC,QAASJ,GACTK,gBAAiB,CAACX,UAAWC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAASrG,QAAS,IAAI2C,KAAQ+D,OAAQA,IAAQpT,SAG1GC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,GAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,2BAOnB26C,GAAal7C,eAAA,OAAKO,UAAU,kBAAiBN,SAExCC,gBAAA,QACEunB,SAAWtpB,GAAM2uD,GAAuB3uD,GACxCiN,aAAa,MAAKnL,SAAA,CAGlBD,eAAA,SAAO8D,KAAK,eAAesH,aAAa,OAAO1K,KAAK,SAASjF,KAAK,OAAOmT,MAAO,CAACJ,QAAS,UAC1FtO,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,mBACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPu5C,GAAY,EAAM,EAClBl7C,SAEFD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAK0O,MAAO,CAACJ,QAAS,OAAQ8M,WAAY,cAAcrb,SAAA,CACtDC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBC,gBAAA,OAAK0O,MAAO,CACVJ,QAAS,OACTy+C,cAAe,UACfhtD,SAAA,CACAD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpC,MAAO,YACP8D,aAAa,MACbpB,aAAcq/C,EAAY1N,iBAC1BnxC,SAAWvF,GACT2kD,EAAkB,mBAAoB3kD,OAI5C/E,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAC,UAClDD,eAAA,SAAOvE,KAAK,QAAQwJ,MAAOokD,EAAYE,WAChCl+C,SAAWlN,GAAMyrD,EAAkB,aAAczrD,EAAEyC,OAAOqE,OAC1D1E,UAAW,kBAEpBP,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACgX,GAAK,CACJlN,YAAY,iBACZJ,UAAQ,EACRpC,MAAO,iBACP0C,aAAcq/C,EAAYI,qBAC1Bj/C,SAAWvF,IACT2kD,EAAkB,uBAAwB3kD,EAAMxL,QAAQ,IAAK,IAAIA,QAAQ,KAAM,IAAI,MAiBzFuG,eAACs4B,GAAQ,CAAChxB,MAAO,yBAA0BixB,UAAW8wB,EAAYK,kBACxDr+C,SAAWpG,GAAU2kD,EAAkB,oBAAqB3kD,QAGvEokD,EAAYK,kBAAqBxpD,gBAAA,OAAKK,UAAW,iBAAiBN,SAAA,CACjED,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAC,uBAClDD,eAAA,OAAKO,UAAW,SAASN,SACvBD,eAAA,OACEO,UAAW,yBAAwBkoB,EAAe,eAAiB,IAAKxoB,SACxED,eAAA,OACEO,UAAW,aACT8oD,EAAYM,WAAa,aAAe,IACvC1pD,SAEHC,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAC1D,IAEDD,eAAA,YAAW6oB,OAAmB,IAE7BwgC,EAAYM,WACX3pD,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OAAKQ,IAAK6oD,EAAYM,WAAYlpD,IAAI,OAEtC,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAAA,QAAMO,UAAU,QAAON,SACpBopD,EAAYM,WACT,mBACA,6CAQPzpD,gBAAA,OAAKK,UAAW,iBAAiBN,SAAA,CAC1CD,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAC,sBAClDD,eAAA,OAAKO,UAAW,SAASN,SACvBD,eAAA,OACEO,UAAW,yBAAwBkoB,EAAe,eAAiB,IAAKxoB,SACxED,eAAA,OACEO,UAAW,aACT8oD,EAAYG,UAAY,aAAe,IACtCvpD,SAEHC,gBAAA,UAAS0oB,IAAgBroB,UAAW,UAAUooB,IAAe1oB,SAAA,CAC1D,IAEDD,eAAA,YAAW6oB,OAAoB,IAE9BwgC,EAAYG,UACXxpD,eAAA,OAAKO,UAAU,MAAKN,SAClBD,eAAA,OAAKQ,IAAK6oD,EAAYG,UAAW/oD,IAAI,OAErC,KACJP,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAACypB,GAAU,IACXzpB,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAAA,QAAMO,UAAU,QAAON,SACpBopD,EAAYG,UACT,mBACA,gDAUnBH,EAAYK,kBAAqB1pD,eAAA,OAAKO,UAAU,qBAAqBqO,MAAO,CAC3ET,gBAAiBk7C,EAAYE,WAC7B51C,UAAW,OACXu5C,gBAAiB,OAAO7D,EAAYM,iBAE3B3pD,eAAA,OAAKO,UAAU,WAAWqO,MAAO,CAACT,gBAAiBk7C,EAAYE,WAAY51C,UAAW,QAAS1T,SACxGD,eAAA,OAAKQ,IAAK6oD,EAAYG,UAAW/oD,IAAI,kBAKzCT,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,wBAAuBN,SACpDoqD,EAAYrqD,eAACif,GAAS,IAAK,8BASvC4qC,GAAwB7pD,eAAA,OAAKO,UAAU,kBAAiBN,SAEnDD,eAAA,QACEynB,SAAWtpB,GAAM4uD,GAAsC5uD,GAIvDiN,aAAa,MAAKnL,SAGlBC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,yCACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPkoD,GAAuB,EAAM,EAC7B7pD,SAEFD,eAAC+lC,GAAS,SAGd/lC,eAAA,OAAK4O,MAAO,CAACJ,QAAS,OAAQ8M,WAAY,UAAUrb,SAClDD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAK4O,MAAO,CACVJ,QAAS,OACTy+C,cAAe,UACfhtD,SACAD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAAA,SACE8J,YAAY,mBACZJ,UAAQ,EACRjO,KAAM,SACN2P,aAAa,MACb+hD,QAAS,WACTC,UAAW,UACXpjD,aAAcugD,EACdtzC,IAAK,EACLC,IAAK,IACLilC,QAAUh+C,IACPA,EAAEk+C,cAAcp3C,OAAS,IACxBulD,EAAkB,MAAQrsD,EAAEk+C,cAAcp3C,MAAQ,EAAIulD,EAAkB,GACtEA,GAAmBrsD,EAAEk+C,cAAcp3C,OAEzC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,+BACXv9C,MAAO,kBAOnBgB,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,wBAAuBN,SAAC,iCAUjE8pD,GAAyB/pD,eAAA,OAAKO,UAAU,kBAAiBN,SAEpDD,eAAA,QACEynB,SAAWtpB,GAAM6uD,GAA8B7uD,GAI/CiN,aAAa,MAAKnL,SAGlBC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,+CACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPooD,GAAwB,EAAM,EAC9B/pD,SAEFD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAK0O,MAAO,CAACJ,QAAS,OAAQ8M,WAAY,cAAcrb,SAAA,CACtDD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAK4O,MAAO,CACVJ,QAAS,OACTy+C,cAAe,UACfhtD,SACAC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,QAAM,WAAS,iBAAiBO,UAAU,QAAON,SAAC,iCAClDD,eAAA,SACE8J,YAAY,+BACZJ,UAAQ,EACRjO,KAAM,SACN2P,aAAa,MACbgiD,UAAW,UACXpjD,aAAcygD,EACdtO,QAAUh+C,GACRusD,GAAiBvsD,EAAEk+C,cAAcp3C,OAEnC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,+BACXv9C,MAAO,iBAMjBgB,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAAC6J,GAAM,CAACK,aAAcmhD,EACdvhD,YAAa,yBACbxC,MAAO,yBACP8C,oBAAkB,EAClBI,SAAWvF,GAAU2lD,GAAuB3lD,GAC5C+E,aAAcqhD,EAAuB/vD,OAAS,EAAI+vD,EAAuBrmC,MAAKjlB,IAASA,EAAKkF,SAAW0lD,IAAsBU,EAAuB,GACpJlhD,gBAAiB,kBAI/BnK,eAAA,OAAKO,UAAU,QAAQqO,MAAO,CAACivC,aAAc,QAAQ59C,SACnDD,eAACiiC,GAAQ,CACP36B,MAAM,6BACNixB,UACEsyB,EAEFx/C,SAAWktB,IACTuyB,EAA2BvyB,EAAU,MAI3Cv4B,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,wBAAuBN,SAAC,uCAUjEgqD,GAA0BjqD,eAAA,OAAKO,UAAU,kBAAiBN,SAErDD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAW,uBAAuBN,SAErCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,gDAEvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPsoD,GAAyB,EAAM,EAC/BjqD,SAEFD,eAAC+lC,GAAS,SAGd/lC,eAAA,OAAKO,UAAU,sBAAqBN,SAClCD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASswC,EACTnnD,KAAM2mD,MAGV/qD,eAAA,UAAQ4B,QA9gBxB,WACEopD,GAA0BqC,GAAsC,IAAKA,EAAc,CAAC3B,YAAa,GAAIF,SAAU,GAAIvJ,IAAK,GAAIiH,SAAU,EAAGuC,gBAAiB,GAAI3P,KAAK,KACrK,EA4gBqDv7C,UAAU,uBAAsBN,SAAC,mCAgBjFkqD,GAAuBnqD,eAAA,OAAKO,UAAU,kBAAiBN,SAElDD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAW,uBAAuBN,SAErCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,mCAEvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPwoD,GAAsB,EAAM,EAC5BnqD,SAEFD,eAAC+lC,GAAS,SAGd/lC,eAAA,OAAKO,UAAU,sBAAqBN,SAClCD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS8wC,EACT3nD,KAAM+mD,MAGVnrD,eAAA,UAAQ4B,QApjBxB,WACEwpD,GAAuBkC,GAA0C,IAAKA,EAAgB,CAAC5sD,KAAM,GAAItB,GAAI,EAAG08C,KAAK,KAC/G,EAkjBkDv7C,UAAU,uBAAsBN,SAAC,2BAS9E4uC,GACC7uC,eAACugB,GAAK,CACJC,YAAaquB,EACbpuB,aAAcA,IAAMquB,EAAmB,IACvCpuB,mBAAmB,EAAKzgB,SAExBC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,QAAON,SAAC,YACvBD,eAAA,OAAKO,UAAU,YAAWN,SAAE4uC,WAI1B,EC75Bd,MAAMlvC,GAAUC,UAAOC,GAAG;;;;;eAKXH;;;;;;;;;;;;;;;;;;sBAkBOA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;2BAOGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC2PZ6tD,OA9QgBA,KAC7B,MAAOxvC,EAAiB/F,GACtBrU,IAAMxC,SAAmC,CACvCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAELsW,EAAwBC,GAC7BnyB,IAAMxC,UAAkB,IACnB40B,EAAiBC,GACtBryB,IAAMxC,SAA+C,OAEhD80B,EAAqBC,GAC1BvyB,IAAMxC,SAAgC,CACpCg1B,gBAAiB,EACjBhe,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBke,sBAAuB,KAEpBC,EAAgBC,GAAqB3yB,IAAMxC,UAAkB,IAC7Do1B,EAAmBC,GAAwB7yB,IAAMxC,SAAc,MAEhEs1B,EAAkBC,IvIkDgBvV,MuIjDpB,SAAfuV,EAAIr9B,SvIiD+B8nB,EuIhDV,CAAE/hB,GAAIs3B,EAAIt3B,IvIiDtC1G,EACG0N,KAAK,6BAA8B+a,GACnChnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auInDhC,MAAMgnB,EAAUhT,YAAW,KACzBopB,GAAkB,GAClBE,EAAqB,MACrBG,GAAoB,GAEnB,KAEH,MAAO,IAAMxW,aAAaD,EAAQ,EAG9B0W,EAA8B,CAClC,CACEl2B,KAAM,oBACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIhZ,QAGrB,CACEA,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAImU,YAAc,mBAUnC,CACEntB,KAAM,SACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAKO,UAAW,iBAAiBmZ,EAAIrgB,SAAS4G,SAAEyZ,EAAIrgB,UAG/D,CACEqH,KAAM,GACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAAC,SAAOyZ,EAAImd,gBAEb72B,eAACG,IAAI,CAACC,GAAI,mCAAmCsZ,EAAIta,KAAMmB,UAAU,OAAMN,SACrED,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAAO40B,EAAqB9c,GAAM4c,GAAkB,EAAK,EAAEr2B,SAEpED,eAACwlB,GAAU,WAQjBjN,EAA8BA,CAClC7X,EACAuE,KAEA+S,GAAoBQ,IACX,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGE0xB,EAAqBA,KACzBb,GAA0B,GvI7G5B/X,IAEArlB,EACG0N,KAAK,2BAA4B2X,GACjC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YuIsG9Bs0D,CAAuBzvC,GAAiB5jB,MAAMjB,IAC5C88B,EAAmB98B,EAASkL,KAAK2yB,WACjCb,EAAuB,CACrBC,gBAAiBpW,OAAO7mB,EAASkL,KAAK+xB,iBACtChe,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCke,sBAAuBrW,OAAO7mB,EAASkL,KAAKgyB,yBAE9CN,GAA0B,EAAM,GAChC,EAwBJ,OArBAjwB,qBAAU,KACR8wB,GAAoB,GACnB,CAAC5Y,EAAgB9F,OAEpBpS,qBAAU,KAER,GAA+B,OAA3BkY,EAAgBwB,OAAiB,CACnC,MAAMW,EAAUhT,YAAW,KACzBypB,GAAoB,GACnB,KAEH,MAAO,IAAMxW,aAAaD,EAC5B,IACC,CAACnC,EAAgBwB,SAEpB1Z,qBAAU,KAC6B,IAAjCka,OAAOhC,EAAgB9F,OAA6C,IAA9Bge,EAAoB9d,OAC5Dwe,GACF,GACC,CAAC5Y,EAAgB5F,QAGlBjY,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,iBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAACG,IAAI,CAACC,GAAG,oCAAoCG,UAAU,iBAAgBN,SAAC,4BAGxED,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GAAUsT,EAA4B,SAAUtT,UAKjEjF,eAAA,OACEO,UAAW,eAAcs1B,EAAyB,eAAiB,IAAK51B,SAExED,eAAA,OAAKO,UAAU,oBAAmBN,SACX,OAApB81B,EACCA,EAAgBz6B,OAAS,EACvB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS2b,EACTxyB,KAAM2xB,MAGV71B,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SAAU4rB,EAAoBhe,MAAQ,EACtCrW,QAASA,IACP2W,EACE,OACA0d,EAAoBhe,KAAO,GAE9BhY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACE4rB,EAAoB/d,mBACpB+d,EAAoBhe,KAEtBrW,QAASA,IACP2W,EACE,OACA0d,EAAoBhe,KAAO,GAE9BhY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBg2B,EAAoBhe,KAAOge,EAAoB9d,MAC9C8d,EAAoB9d,MAAM,IAE3B8d,EAAoBhe,KAAOge,EAAoB9d,MAC9C8d,EAAoB9d,MACpB8d,EAAoBE,gBAAiB,IAAI,QACrCF,EAAoBG,4BAG9Bl2B,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAcyrB,GACd3rB,aAAc,CACZ/E,MAAO8Y,EAAgB5F,MACvB7Q,MAAOyW,EAAgB5F,OAEzBhO,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IACTsT,EAA4B,QAAStT,GACrCsT,EAA4B,OAAQ,IAAI,EAE1CnO,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,SAGPo2B,GACCr2B,eAACugB,GAAK,CACJC,UAAW6V,EACX5V,aAAcA,IAAM6V,GAAkB,GACtC5V,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,eAAeN,SAE1BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAEA,SAA7Bs2B,EAAkBl9B,OAAqB6G,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,qDAC9Ds2B,EAAkB71B,KAAK,QAAkBV,eAAA,OAAKO,UAAU,QAAON,SAAC,wCAInED,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP60B,EAAeF,EAAkB,EACjCt2B,SAE4B,SAA7Bs2B,EAAkBl9B,OAAoB,iBAAmB,qBAO5D,ECjSd,MAAMsG,GAAUC,UAAOC,GAAG;;wBAEFH;;;;;;;;;;;;;;;;;;;;;eAqBTA;;;UAGLA;UACAA;;;;;;;;;;;eAWKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4CEA;;;;;;;;4BAQWA;iBACXA;4BACWA;;;;wBAIJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECjFlB8yB,GAAqB,IAwSZi7B,OAtSeA,KAC5B,MAAMpgC,EAASC,cAMT/pB,EAAUC,eACTkvB,EAAcC,GAAmBhvB,IAAMxC,SAAiB,KACxDyxB,EAAkBC,GAAuBlvB,IAAMxC,UAAkB,IACjE2R,EAAW+W,GAAgBlmB,IAAMxC,SAAe,IAAImO,OACpD0jB,EAAmBC,GACxBtvB,IAAMxC,UAAkB,IACnB+xB,EAAkBC,GAAuBxvB,IAAMxC,UAAkB,IACjEqyB,EAAeC,GAAoB9vB,IAAMxC,UAAkB,IAC3DwyB,EAAiBC,GAAsBjwB,IAAMxC,SAAiB,KAC9D6kB,EAAaC,GAAkBtiB,IAAMxC,UAAkB,IACvD+kB,EAAkBC,GAAuBxiB,IAAMxC,SAAiB,IAEjE0yB,EAAyBA,KzIN/B9V,MyIOY,OAANsP,QAAM,IAANA,KAAQjuB,KACV6mB,GAAe,IzIRnBlI,EyISiC,CAAE3e,GAAIiuB,EAAOjuB,IzIP9C1G,EACG0N,KAAK,0BAA2B2X,GAChC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,ayICoBiB,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EAC1D,MAAMs1B,EAAa,IAAI1kB,KAAKlL,EAAK6vB,SAASC,aAAa9kB,MAEvDujB,EAAgBvuB,EAAK6vB,SAASvzB,MACA,IAA1B0D,EAAK6vB,SAASI,QAChBxB,GAAoB,IAEpBA,GAAoB,GACpBhJ,EACE,IAAIva,KACF0kB,EAAWM,UAA6C,IAAjCN,EAAWO,uBAIxCd,GAAiB,GACjBR,EAAqB7uB,EAAK6vB,SAASO,wBACnCrB,EAAoB/uB,EAAK6vB,SAASQ,sBAClCb,EAAmBxvB,EAAK6vB,SAAS1tB,SACjC0f,GAAe,EAAM,IAEzB,EAGFpgB,qBAAU,KACRguB,GAAwB,GACvB,IAEH,MAAMgB,EAAwB,CAC5Bn0B,KAAMgyB,EACNqC,SAAUnC,EACVoC,UAAW,IAAI1lB,KAAKwD,GAAWwhB,UAC/B/tB,QAASotB,EACTuB,oBAAqBlC,EACrBmC,kBAAmBjC,GAGfqC,EAAwB,CAC5Bn2B,GAAIiuB,EAAOjuB,GACXsB,KAAMgyB,EACNqC,SAAUnC,EACVoC,UAAW,IAAI1lB,KAAKwD,GAAWwhB,UAC/B/tB,QAASotB,EACTuB,oBAAqBlC,EACrBmC,kBAAmBjC,GAoCrB,OACEhzB,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,wBAC5BD,eAAA,OAAKO,UAAU,eAAcN,SAC3BD,eAAA,OAAKO,UAAU,0BAAyBN,SACtCD,eAAA,UAAQvE,KAAK,SAAQwE,SAAC,4BAG1BC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAAA,KAAAC,SAAG,qOAMHD,eAAA,KAAAC,SAAG,4JAMLC,gBAAA,QACEunB,SAxDkB/e,IAC5BA,EAAMgf,iBACNzB,GAAe,GACL,OAANoH,QAAM,IAANA,KAAQjuB,GACVmzB,GAA0BgD,GACvBp7B,MAAK,KACJoJ,EAAQmB,KAAK,oCAAoC,IAElDtK,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKmC,SAC/B0f,GAAe,EAAM,IAGzBsM,GAA0BsC,GACvB16B,MAAK,KACJoJ,EAAQmB,KAAK,oCAAoC,IAElDtK,OAAOhB,IACN+sB,EAAoB/sB,EAAMgL,KAAKmC,SAC/B0f,GAAe,EAAM,GAE3B,EAoCU1lB,UAAW,IAAGylB,EAAc,eAAiB,IAAK/lB,SAAA,CAElDD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,wBAC/BC,gBAAA,OAAKK,UAAU,0BAAyBN,SAAA,CAAC,oBAEvCD,eAACqoB,GAAW,CAACxC,SAAS,iLAExB7lB,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAACgX,GAAK,CACJlN,YAAY,OACZE,aAAc0oB,EACdloB,SAAWvF,GAAU0tB,EAAgB1tB,GACrCyE,UAAQ,MAGZ1J,eAAA,OAAKO,UAAU,0BAAyBN,SAAC,+CAGzCC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,sBAAqB/sB,SAAA,CAClCD,eAAA,SACEvE,KAAK,QACL2D,GAAG,sBACHsB,KAAK,mBACLuE,MAAM,MACNyE,UAAQ,EACRojB,SAA8B,IAArB8F,EACTvnB,SAAUA,IAAMwnB,GAAoB,KAEtC7yB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,aAGjCD,eAAA,OAAKO,UAAU,aAAYN,SACzBC,gBAAA,SAAO8sB,QAAQ,wBAAuB/sB,SAAA,CACpCD,eAAA,SACEvE,KAAK,QACL2D,GAAG,wBACHsB,KAAK,mBACLuE,MAAM,QACN6nB,SAA8B,IAArB8F,EACTvnB,SAAUA,IAAMwnB,GAAoB,KAEtC7yB,eAAA,QACAA,eAAA,QAAMO,UAAU,aAAYN,SAAC,mBAIb,IAArB2yB,EACC5yB,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,eACvBD,eAACgyB,GAAQ,CACPE,SAAUpf,EACVzH,SAAWlN,GAAI0rB,EAAa1rB,GAAK,IAAImR,KAASnR,EAAI,IAAImR,MACtD2iB,WAAW,8BAIf,KACJjyB,eAAA,OAAKO,UAAU,0BAAyBN,SAAC,uBACzCC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCC,gBAAA,SACE8sB,QAAQ,mBACRzsB,UAAU,0BAAyBN,SAAA,CAEnCC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SACEvE,KAAK,WACL2D,GAAG,mBACHiM,SAAUA,IAAM4nB,GAAsBD,GACtC3oB,UAAQ,EACRyiB,SAAO,IAET9sB,eAAA,QAAMO,UAAU,qBAElBP,eAAA,OAAKO,UAAU,OAAMN,SAAC,2BAExBC,gBAAA,SACE8sB,QAAQ,oBACRzsB,UAAU,0BAAyBN,SAAA,CAEnCC,gBAAA,QAAMK,UAAU,sBAAqBN,SAAA,CACnCD,eAAA,SACEvE,KAAK,WACL2D,GAAG,oBACH0tB,QAASoG,EACT7nB,SAAUA,IAAM8nB,GAAqBD,KAEvClzB,eAAA,QAAMO,UAAU,qBAElBP,eAAA,OAAKO,UAAU,OAAMN,SAAC,4BAG1BD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,MAC/BC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAAC,oBAE7BD,eAACqoB,GAAW,CAACxC,SAAS,+UAA4T,OAEpV7lB,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,KAAAC,SAAG,sEAKLD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAC0lB,GAAQ,CACP5b,YAAY,uEACZJ,UAAQ,EACRM,aAAc2pB,EACdnpB,SAAWvF,IACT2uB,EAAmB3uB,EAAM,MAI/B/E,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC1B0zB,EAAgBr4B,OAASk3B,GACxBxyB,eAAA,KAAGO,UAAU,cAAaN,SACvB,8CAED,KACJD,eAAA,KAAAC,SAAG,qCACHD,eAAA,KAAAC,SACG,WAAW0zB,EAAgBr4B,sFAG9B0E,eAAA,KAAAC,SAAG,2CACHD,eAAA,KAAAC,SAAI,qCACJD,eAAA,KAAAC,SAAG,uFAKJimB,GACClmB,eAAA,OAAKO,UAAU,qBAAoBN,SAAEimB,IAEvClmB,eAAA,OAAKO,UAAU,gBAAeN,SAAC,MAC/BC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,UACEvE,KAAK,SACLmG,QAAU8G,GA9KLA,KACnBA,EAAMgf,iBACNiL,EAAgB,IAChBiB,EAAmB,IACnBT,GAAoB,GACpBN,GAAoB,GACpBhJ,EAAa,IAAIva,KAAO,EAwKUomB,CAAYhtB,GAChCnI,UAAU,eAAcN,SACzB,UAGDC,gBAAA,OAAAD,SAAA,CACED,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAM2B,EAAQmB,KAAK,qCAC5BnE,UAAU,0BAAyBN,SACpC,WAGDD,eAAA,UACEqK,SAAUspB,EAAgBr4B,OAASk3B,GACnC/2B,KAAK,SACL8E,UAAU,WAAUN,SACrB,uBAOL,ECnTd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA4IOH;;;;;;;;;;;iCAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC/IpBguD,GAAqCzoC,GAChDvsB,EACG0N,KAAK,6BAA8B6e,GACnC9qB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC8SnBy0D,OAxSMA,KACnB,MAAOpvB,EAAkBC,GAAuBr9B,mBAC9C,KAEKgkB,EAAMi6B,GAAWj+C,oBAAS,IAC3B,WAAE5G,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAElDyyD,EAAkBC,GAAuB1sD,mBAA8B,CAAC,CAC7E2sD,YAAa,EACbC,aAAc,EACdC,YAAY,EACZ7oC,MAAM,EACN8oC,aAAc,CACZC,eAAgB,EAChBC,YAAa,QAIjBtoD,qBAAU,KACRuzB,KAAuBj/B,MAAMjB,IAC3BslC,EAAoBtlC,EAASkL,KAAKq6B,aAAa,IAEjD2vB,GAAwB,GAEvB,IACH,MAgBMA,EAAyBA,KD9D/B11D,EACGwB,IAAI,8BACJC,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCyDCiB,MAAKgK,IAClC0pD,EAAoB1pD,EAAIC,KAAKk7B,UAAU,GACvC,EA0CE+uB,EAAmBjvD,IDzFsB6lB,SC0FZ,CAAC7lB,MDzFpC1G,EACG0N,KAAK,gCAAiC6e,GACtC9qB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aCoF3BiB,MAAMgK,IACLiqD,GAAwB,IACvBh0D,OAAM+D,IACTsgB,QAAQC,IAAIvgB,EAAE,GACd,EASE6iD,EAAe,CACnB,CACEtgD,KAAM,GACN1B,MAAO,MACPya,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK+tD,cACtBtjD,SAAWvF,GAAUlF,EAAK+tD,aAAe7oD,EACzCoF,UAAWtK,EAAKolB,KAChB1pB,KAAM,SACNwb,IAAK,OAOf,CACEvW,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAKguD,eACtBrkD,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKguD,cAAgB9oD,EAC1CoF,UAAWtK,EAAKolB,KAChB1pB,KAAM,SACNwb,IAAK,OAOf,CACEvW,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcq0B,EACdp0B,gBAAiB,SACjBH,aAAcu0B,EAAiBvZ,MAAKspC,GAASA,EAAMrpD,QAAUlF,EAAKkuD,aAAaC,iBAC/ExkD,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,KAChB3a,SAAWvF,IACTlF,EAAKkuD,aAAaC,gBAAkBjpD,CAAK,OAQlD,CACDvE,KAAM,GACNub,SAAU,MACVxC,KAAMA,CAAC1Z,EAAyB0O,IAE5BvO,gBAAA,OAAKK,UAAU,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SAAA,CAC/ED,eAACiiC,GAAQ,CACP36B,MAAM,gBACNixB,UACEx4B,EAAKiuD,WAEPx1B,YAAaz4B,EAAKolB,KAClB9Z,SAAWktB,IACTs1B,EAAoB,IAAID,EAAiBnsD,KAAI8sD,GAASA,EAAMnvD,KAAOW,EAAKX,GAAKmvD,EAAQ,IAC9EA,EACHP,WAAYz1B,EAAW01B,aAAc,IAAIM,EAAMN,aAAcE,YAAa51B,EAAY,IAAM,IAC1Fg2B,KAAQ,IAGlBruD,gBAACw6B,GAAc,CAAAz6B,SAAA,CACbD,eAACgX,GAAK,CACJvb,KAAK,SACLqO,YAAY,oBACZJ,UAAQ,EACRW,UAAWtK,EAAKiuD,aAAejuD,EAAKolB,KACpCnb,aAAc,KAAIjK,EAAKkuD,aAAaE,YACpC3jD,SAAWvF,GAAUlF,EAAKkuD,aAAaE,aAAelpD,IAEvDlF,EAAKkuD,aAAaE,YAAcnuD,eAAC26B,GAAa,CAAA16B,SAAC,SAAuB,YAOjF,CACES,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAyB+B,IAG5B9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACjGF,EAAKolB,MAAoB,QAAZplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KA7JnDxC,KACrB,MAAMghD,EAA8BwN,EAAiBloD,QAAO3F,GAAQA,EAAKX,KAAOA,IAAI,GACpFghD,EAASj7B,MAAO,EAEhB,MAAMm7B,EAAiC,CACrClhD,GAAIghD,EAAShhD,GACb0uD,YAAa1N,EAAS0N,YACtBC,aAAc3N,EAAS2N,aACvBC,WAAY5N,EAAS4N,WACrBC,aAAc,CACZC,eAAgB9N,EAAS6N,aAAaC,eACtCC,YAAa/N,EAAS6N,aAAaE,cAGvCT,GAAkCpN,GAAanmD,MAAKgK,IAClDiqD,IACAhP,GAAQ,EAAM,GACd,EA6IUoP,CAAczuD,EAAKX,GAAG,EACtBa,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAjJ3DE,KAC3B,MAAMs+C,EAA8BwN,EAAiB9rD,GACrDs+C,EAASj7B,MAAO,EAEhB,MAAMm7B,EAAmB,CACvBwN,YAAa1N,EAAS0N,YACtBC,aAAc3N,EAAS2N,aACvBC,WAAY5N,EAAS4N,WACrBC,aAAc,CACZC,eAAgB9N,EAAS6N,aAAaC,eACtCC,YAAa/N,EAAS6N,aAAaE,cAGvCT,GAAkCpN,GAAanmD,MAAKgK,IAClDiqD,IACAhP,GAAQ,EAAM,GACd,EAkIUqP,CAAoB3sD,EAAM,EAC1B7B,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,0BAA0BqB,QAASA,KA9HrDxC,KAC5B,MAAMghD,EAAgCwN,EACtCxN,EAAShhD,GAAI+lB,MAAO,EACpB0oC,GAAqB1W,GAA8B,IAAIiJ,KACvDhB,GAAQ,EAAK,EA2HCsP,CAAqB5sD,EAAM,EAC3B7B,SACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,KACrEysD,EAAgBtuD,EAAKX,GAAG,EACxBa,SACID,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3B,OACEngD,eAACL,GAAO,CAAAM,SACND,eAACk+C,GAAa,CAACt/C,MAAO,yBACP2tB,YAAa,4JAA4JhyB,EAAWwB,KAAK6X,iBAAmB,6CAAwCrZ,EAAWwB,KAAK6X,iBAAmB,aACvRsyB,QAAQ,EAAMjmC,SAC3BD,eAAA,OAAKO,UAAW,UAAUN,SACxBC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,sBACP2tB,YAAa,yCAAyChyB,EAAWwB,KAAK6X,iBAAmB,eAC5G5T,eAACq+C,GAAiB,CAACz/C,MAAO,gBACP2tB,YAAa,6BAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,qBACP2tB,YAAa,wCAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,eACP2tB,YAAa,qCAChCvsB,eAAA,OAAKO,UAAU,sBAGjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAET,OAArB2tD,EACCA,EAAiBtyD,OAAS,EACxB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+lC,EACT58C,KAAMwpD,QAKZ5tD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,SAAU8a,EAAM5kB,UAAU,8BAA8BqB,QAASA,KA/P/D+sD,MAClB,MAAMhO,EAA6B,CACjCmN,YAAa,EACbC,aAAc,EACdC,YAAY,EACZ7oC,MAAM,EACN/lB,GAAI,MACJ6uD,aAAc,CACZC,eAAgB,EAChBC,YAAa,MAGjBN,GAAoBrN,GAAiB,IAAIA,EAAOG,KAChDvB,GAAQ,EAAK,EAmPHuP,EAAa,EACb1uD,SAAA,CACFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEX5gD,eAAA,QAAAC,SAAM,kCAMN,ECzTd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmGOH;;;;;;;;;;;iCAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC/G1B,IAAKkvD,GAAgB,SAAhBA,GAAgB,OAAhBA,IAAgB,qBAAhBA,IAAgB,uBAAhBA,CAAgB,MAMrB,MAAMC,GAA2B,eAAC5pC,EAAgB5pB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAAC,OAC5D3C,EACG0N,KAAK,0BAA2B6e,GAChC9qB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC3B,EACM41D,GAAgCA,IAC3Cp2D,EACGwB,IAAI,iCACJC,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAGrB61D,GACX1vC,GAEA3mB,EACG0N,KAAK,0BAA2BiZ,GAChCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YAErB81D,GACX3vC,GAEA3mB,EACG0N,KAAK,6BAA8BiZ,GACnCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC8anB+1D,OAxcMA,KACnB,MAAOC,EAAaC,GAAkBhuD,mBAAc,KAC7CiuD,EAAeC,GAAoBluD,mBAAc,KACjDmuD,EAAoBC,GAAyBpuD,mBAAgB,KAC7DquD,EAAmBC,GAAwBtuD,mBAAgB,IAC5DuuD,EAAoB,CACxB,CACEhvD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcslD,EACdrlD,gBAAiB,SACjBH,aAA+B,KAAjBjK,EAAK4vD,QAAiBH,EAAkBxqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK4vD,UAAWH,EAAkB,GACpH9lD,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,MAASplB,EAAKolB,MAAoB,QAAZplB,EAAKX,GAC3CoL,SAAWvF,IACTlF,EAAK4vD,QAAU1qD,CAAK,OAShC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK6vD,SACtBlmD,UAAQ,EACRc,SAAWvF,GAAUlF,EAAK6vD,OAAS3qD,EACnCoF,UAAWtK,EAAKolB,UAMvB,CACDzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAKwsB,cACtB7iB,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKwsB,YAActnB,EACxCoF,UAAWtK,EAAKolB,UAQ1B,CACEzkB,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACjGF,EAAKolB,MAAoB,QAAZplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC5Dk+C,EAAa8O,GAAiBiB,QAAS9vD,EAAKX,GAAG,EAC/Ca,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC1EkuD,EAAYlB,GAAiBiB,QAAS/tD,EAAM,EAC5C7B,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,0BAA0BqB,QAASA,KACpEmuD,EAAYnB,GAAiBiB,QAAS9vD,EAAKX,GAAG,EAC9Ca,SACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,4BAA4BqB,QAASA,KACtEs+C,EAAWngD,EAAKX,GAAG,EACnBa,SACID,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAUrB6P,EAAqB,CACzB,CACEtvD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcslD,EACdrlD,gBAAiB,SACjBH,aAA+B,KAAjBjK,EAAK4vD,QAAiBH,EAAkBxqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK4vD,UAAWH,EAAkB,GACpH9lD,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,MAASplB,EAAKolB,MAAoB,iBAAZplB,EAAKX,GAC3CoL,SAAWvF,IACTlF,EAAK4vD,QAAU1qD,CAAK,OAShC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK6vD,SACtBlmD,UAAQ,EACRc,SAAWvF,GAAUlF,EAAK6vD,OAAS3qD,EACnCoF,UAAWtK,EAAKolB,UAMvB,CACDzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAKwsB,cACtB7iB,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKwsB,YAActnB,EACxCoF,UAAWtK,EAAKolB,UAO1B,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcolD,EACdnlD,gBAAiB,SACjBH,aAAqC,KAAvBjK,EAAK0/C,cAAuB6P,EAAmB,GAAKA,EAAmBtqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK0/C,gBACtH/1C,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,KAChB3a,SAAWvF,IACTlF,EAAK0/C,cAAgBx6C,CAAK,OAStC,CACEvE,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACjGF,EAAKolB,MAAoB,iBAAZplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC5Dk+C,EAAa8O,GAAiBqB,SAAUlwD,EAAKX,GAAG,EAChDa,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC1EkuD,EAAYlB,GAAiBqB,SAAUnuD,EAAM,EAC7C7B,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,0BAA0BqB,QAASA,KACpEmuD,EAAYnB,GAAiBqB,SAAUlwD,EAAKX,GAAG,EAC/Ca,SACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,4BAA4BqB,QAASA,KACtEs+C,EAAWngD,EAAKX,GAAG,EACnBa,SACID,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3Bt6C,qBAAU,KACR84C,KAA2BxkD,MAAMgK,IAC/BorD,EAAsB,IAAIprD,EAAIC,KAAK3C,KAAK1B,IAAqB,CAACkF,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0/C,mBAAiB,IAE7GqP,KAAgC30D,MAAMgK,IACpCsrD,EAAqB,IAAItrD,EAAI+rD,MAAMzuD,KAAK1B,IAAqB,CAACkF,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAKqJ,WAAS,IAErG+mD,GAAsB,GACrB,IAEH,MAAMA,EAAuBA,KAC3BtB,GAAyB,CAACuB,QAASv2B,KAAsB1/B,MAAKgK,IAC5DgrD,EAAehrD,EAAIksD,cAAc5uD,KAAK1B,IAAqB,CACzDX,GAAIW,EAAKX,GACTuwD,QAAS5vD,EAAKuwD,KAAKlxD,GACnBwwD,OAAQ7vD,EAAK6vD,OACbrjC,YAAaxsB,EAAKwsB,YAClB9wB,KAAMsE,EAAKtE,UAEb4zD,EAAiBlrD,EAAIosD,eAAe9uD,KAAK1B,IAAqB,CAC5DX,GAAIW,EAAKX,GACTuwD,QAAS5vD,EAAKuwD,KAAKlxD,GACnBwwD,OAAQ7vD,EAAK6vD,OACbrjC,YAAaxsB,EAAKwsB,YAClB9wB,KAAMsE,EAAKtE,KACXgkD,cAAe1/C,EAAK0/C,cAAcrgD,OACjC,GAEH,EAGEoxD,EAAc/0D,IAClBA,IAASmzD,GAAiBiB,QACxBV,EAAe,IAAID,EAAa,CAC9B/pC,MAAM,EACN/lB,GAAI,MACJuwD,QAASH,EAAkB,GAAGvqD,OAAS,GACvC2qD,OAAQ,GACRrjC,YAAa,MAGf8iC,EAAiB,IAAID,EAAe,CAClCjqC,MAAM,EACN/lB,GAAI,eACJuwD,QAASH,EAAkB,GAAGvqD,OAAS,GACvC2qD,OAAQ,GACRrjC,YAAa,GACbkzB,cAAe6P,EAAmB,GAAGrqD,OAAS,KAEjD,EAGG6qD,EAAcA,CAACr0D,EAAcqG,KACjC,GAAIrG,IAASmzD,GAAiBiB,QAAS,CACrC,MAAM5qC,EAAc,IACfiqC,EAAYptD,GACfrG,KAAMA,EACN2D,GAAI,MACJgxD,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,KAAO,CACL,MAAMlrC,EAAc,IACfmqC,EAActtD,GACjBrG,KAAMA,EACN2D,GAAI,MACJgxD,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,GAKIrQ,EAAeA,CAACrkD,EAAc2D,KAClC,GAAI3D,IAASmzD,GAAiBiB,QAAS,CACrC,MAAM5qC,EAAc,IACfiqC,EAAYlqC,MAAMjlB,GAAcA,EAAKX,KAAOA,IAC/C3D,KAAMA,EACN20D,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,KAAO,CACL,MAAMlrC,EAAc,IACfmqC,EAAcpqC,MAAMjlB,GAAcA,EAAKX,KAAOA,IACjD3D,KAAMA,EACN20D,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,GAIIJ,EAAcA,CAACt0D,EAAc2D,KACjC3D,IAASmzD,GAAiBiB,QACxBV,EAAe,IAAID,EAAYztD,KAAK1B,GAAcA,EAAKX,KAAOA,EAAK,IAAIW,EAAMolB,MAAM,GAAQplB,MAE3FsvD,EAAiB,IAAID,EAAc3tD,KAAK1B,GAAcA,EAAKX,KAAOA,EAAK,IAAIW,EAAMolB,MAAM,GAAQplB,KAChG,EAGGmgD,EAAc9gD,IAClB4vD,GAAwB,CAAC5vD,OAAKjF,MAAKgK,IACjCgsD,GAAsB,GACtB,EAGJ,OACEjwD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,UAASN,SACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,4BAE9BD,eAACk+C,GAAa,CAACt/C,MAAO,+BACP2tB,YAAa,GACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,YAAa2tB,YAAa,KACpDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEd,OAAhBivD,EACCA,EAAY5zD,OAAS,EACnB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAASy0C,EACTtrD,KAAM8qD,QAKZlvD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,UAAU,EAAO9J,UAAU,8BAC3BqB,QAASA,IAAM4uD,EAAW5B,GAAiBiB,SAAS5vD,SAAA,CAC9DD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,qBAOhBD,eAACk+C,GAAa,CAACt/C,MAAO,6BACP2tB,YAAa,GACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,YAAa2tB,YAAa,KACpDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,gBACP2tB,YAAa,KAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEZ,OAAlBmvD,EACCA,EAAc9zD,OAAS,EACrB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+0C,EACT5rD,KAAMgrD,QAKZpvD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,UAAU,EAAO9J,UAAU,8BAC3BqB,QAASA,IAAM4uD,EAAW5B,GAAiBqB,UAAUhwD,SAAA,CAC/DD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,uBAOR,ECndd,MAAMN,GAAUC,UAAOC,GAAG;;;;;qBAKLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAkDeA;;;0CAGMA;6BACbA;;;;;;;;;;ECiFN+wD,OAnIQA,KAC7B,MAAOr6C,EAAYC,GAAiBlV,mBAA4B,CAAC,CAAC8D,MAAO,GAAIqC,MAAO,OAC7EopD,EAAkBC,GAAuBxvD,mBAAc,CAAC,IACxDyvD,EAAyBC,GAA8B1vD,mBAAmB,KAC1E2vD,EAAaC,GAAkB5vD,oBAAkB,IACjD6vD,EAAkBC,GAAuB9vD,oBAAkB,GAE5D+vD,EAAwBltD,uBAAa5E,IzODVV,KAAA,IAAC,GAACU,GAAiBV,EAAA,OACpDhG,EACGwB,IAAI,yBAAyBkF,KAC7BjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EyONFi4D,CAA2B,CAAC/xD,OAAKjF,MAAKgK,IACpC8sD,EAAyD,gBAArC9sD,EAAIC,KAAKY,kBAAkBC,MAAwB,GACvE,GACF,IAEImsD,EAAuBA,KAC3B,MAAMhtD,EAAO,CACX1D,KAAM,oBACNuE,MAAO+rD,EAAmB,cAAgB,YzOAbrjD,KAAA,IAAC,GAACvO,EAAE,KAAEgF,GAA8BuJ,EAAA,OACrEjV,EACG0N,KAAK,yBAAyBhH,IAAMgF,GACpCjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EyOLFm4D,CAA2B,CAACjyD,GAAIsxD,EAAiBtxD,GAAIgF,SAAOjK,MAAKgK,OAC/D,EAGJ0B,qBAAU,KACRsP,KAA+Bhb,MAAKuE,IAAa,IAAZ,KAAC0F,GAAK1F,EACrC4X,EAAwB,GAC5BlS,EAAKmS,SAASC,SAASzW,IACrBuW,EAAe5R,KAAK,CAACO,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0W,eAAe,IAElE66C,EAAeltD,EAAKmS,SAAS,GAAGnX,IAChCiX,EAAcC,EAAe,GAC7B,GACD,IAEH,MAAMg7C,EAAkBlyD,IvMWeigB,SuMVZ,CAACjgB,MvMW5B1G,EACG0N,KAAK,0BAA2BiZ,GAChCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auMjBCiB,MAAKwT,IAAY,IAAX,KAACvJ,GAAKuJ,EACzCojD,GAAe,GACfG,EAAsB9xD,GACtByxD,EAA2B9yD,OAAO0P,KAAKrJ,EAAKmS,UAAU7Q,QAAOqZ,GAAKA,EAAIzZ,SAAS,YAC/EqrD,EAAoBvsD,EAAKmS,SAAS,GAClC,EAyBEg7C,EAAmBtmD,GACL,cAAXA,EAAyB,YAAyB,gBAAXA,EAA2B,kBAA+B,oBAAXA,EAA+B,gBAAkBA,EAAOxR,QAAQ,SAAU,IAAIylB,WAAW,IAAK,KAG7L,OACEhf,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,MAAAC,SAAI,0BAENC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,KAAGO,UAAU,QAAON,SAAC,mCACrBD,eAAC6J,GAAM,CACLC,YAAY,iBACZI,aAAckM,EACd/L,WAAY+L,EAAW9a,OAAS,GAChC0O,aAAcoM,EAAW,GACzBjM,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUqsD,GAAgBrsD,GACrCmF,oBAAkB,OAGtBpK,eAAA,OAAKO,UAAW,mBAAmBN,SAChCywD,EAAiBj6C,eAChBvW,gBAAAyB,YAAA,CAAA1B,SAAA,CACEC,gBAAA,MAAIK,UAAU,gBAAeN,SAAA,CAAC,qBAAmBywD,EAAiBj6C,iBAClEvW,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC7B2wD,EAAwBnvD,KAAI,CAACwJ,EAAgBnJ,KAC1C4uD,EAAiBzsD,aAA0B,uBAAXgH,IAAsCylD,EAAiBzsD,aAA0B,oBAAXgH,EAAgC,KACtIjL,eAAA,OAAgCO,UAAU,QAAON,SAC/CD,eAACiiC,GAAQ,CACP36B,MAAO,SAASiqD,EAAgBtmD,KAChCstB,YACIm4B,EAAiBzlD,GAErBI,SAAWktB,IA1DHi5B,IAAC9wD,EAAcuE,EAAdvE,EA2DauK,EA3DChG,EA2DOszB,EA1DhDw4B,GAAe,GAEfJ,EADS,gBAATjwD,GAA2BuE,EACP,IAAIyrD,EAAkB,CAAChwD,GAAOuE,GADK,IAAIyrD,EAAkB,CAAChwD,GAAOuE,EAAO,oBAAsB,EAAO,iBAAmB,GAyDlF,KAPlC,GAAGgG,KAAUnJ,OAW3B9B,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACiiC,GAAQ,CACP36B,MAAO,4BACPixB,UACEy4B,EAEF3lD,SAAWktB,IACT04B,EAAoB14B,GACpBw4B,GAAe,EAAM,SAK3B/wD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAA,UAAQvE,KAAK,SAAS4O,SAAUymD,EAAalvD,QA/DpC6vD,KvMHmBpyC,MuMIxC+xC,KvMJwC/xC,EuMLjBqyC,MACvB,MAAMttD,EAAY,CAAChF,GAAIsxD,EAAiBtxD,IAIxC,OAHAwxD,EAAwBp6C,SAASuI,GACxB3a,EAAK2a,GAAO2xC,EAAiB3xC,KAE/B3a,CAAI,EAKiBstD,GvMJ9Bh5D,EACG0N,KAAK,6BAA8BiZ,GACnCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auMFkBiB,MAAKgK,IACnD4sD,GAAe,GACfO,EAAeZ,EAAiBtxD,GAAG,GACnC,EA0DgFmB,UAAU,WAAUN,SAAC,4BAOvF,EC1Ib,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA6BCH;;;;;kCAKAA;;;;;sCAKIA;;;;sCAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECoSvBiyD,OAjUSA,KACtB,MAAOx4C,EAAay4C,GAAkBzwD,mBAAgC,KAC/D0wD,EAAiBC,GAAsB3wD,mBAAgC,CAC5EiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAEd0F,EAAiB/F,GACtB7W,mBAAmC,CACjCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAELi3B,EAAWC,GAAgBt1C,oBAAS,GAErC4wD,EAA0BA,CAAC3yD,EAAY4lD,EAAoB//C,KAI/DkU,EAAY/Z,GAAM,IAAI+Z,EAAY/Z,GAAK,CAAC4lD,GAAa//C,GACrD2sD,EAAe,IAAIz4C,GAAa,EAG5B64C,EAA8B,CAClC,CACEtxD,KAAM,eACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,eACZJ,UAAQ,EACRM,aAAc0P,EAAIhZ,KAClB0K,aAAa,MACb+wC,QAASh+C,GAAGub,EAAIhZ,KAAOvC,EAAEk+C,cAAcp3C,MACvC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIhZ,QAMd,CACEA,KAAM,gBACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,gBACZJ,UAAQ,EACRM,aAAc0P,EAAIqQ,MAClB3e,aAAa,MACb+wC,QAASh+C,GAAGub,EAAIqQ,MAAQ5rB,EAAEk+C,cAAcp3C,MACxC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIqQ,SAMd,CACErpB,KAAM,MACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,MACZJ,UAAQ,EACRM,aAAc0P,EAAIuoC,IAClB72C,aAAa,MACb+wC,QAASh+C,GAAGub,EAAIuoC,IAAM9jD,EAAEk+C,cAAcp3C,MACtC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIuoC,OAMd,CACEvhD,KAAM,mBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,mBACZJ,UAAQ,EACRjO,KAAM,SACNwb,IAAK,EACLC,IAAK,IACLilC,QAASh+C,IAAKA,EAAEk+C,cAAcp3C,OAAS,EAAIyU,EAAIwvC,SAAW,GAAK/qD,EAAEk+C,cAAcp3C,OAAS,IAAMyU,EAAIwvC,SAAW,IAAMxvC,EAAIwvC,SAAW/qD,EAAEk+C,cAAcp3C,MAClJ+E,aAAc0P,EAAIwvC,SAClB99C,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIwvC,YAMd,CACExoD,KAAM,aACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAACgyB,GAAQ,CACPE,SAAU,IAAI5iB,KAAKoK,EAAIu4C,YACvB5mD,SAAWlN,GAAMA,GAAK,IAAImR,KAASyiD,EAAwBjwD,EAAO,aAAc3D,EAAEm2B,WAAay9B,EAAwBjwD,EAAO,aAAcwN,KAAKw2C,OACjJ7zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,KAGT,GAAGyL,KAAO2G,EAAIu4C,YAAYh/C,OAAO,oBAM3C,CACEvS,KAAM,WACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAACgyB,GAAQ,CACPE,SAAU,IAAI5iB,KAAKoK,EAAIub,UACvB5pB,SAAWlN,GAAMA,GAAK,IAAImR,KAASyiD,EAAwBjwD,EAAO,WAAY3D,EAAEm2B,WAAay9B,EAAwBjwD,EAAO,WAAYwN,KAAKw2C,OAC7I7zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,KAGT,GAAGyL,KAAO2G,EAAIub,UAAUhiB,OAAO,oBAMzC,CACEvS,KAAM,GACNiZ,SAAU,MACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIyL,KAkBJnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMswD,EAAsBx4C,GAAKzZ,SAC3C,SArBDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,IAAMmuD,EAAYr2C,EAAIta,IAAIa,SAEnCD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAMuwD,EAAsBz4C,EAAIta,IAAIa,SAE7CD,eAACwlB,GAAU,aA8B3B,MAAM4sC,EAAsBA,KCnPa/yC,MDoPvCo3B,GAAa,ICpP0Bp3B,EDqPZtB,ECpP7BrlB,EACG0N,KAAK,qCAAsCiZ,GAC3CllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aD8OciB,MAAKgK,IAC/CytD,EAAeztD,EAAIkuD,kBACnBP,EAAmB,CACjB15C,YAAa2H,OAAO5b,EAAImuD,yBACxBn6C,MAAO4H,OAAO5b,EAAIgU,OAClBF,KAAM8H,OAAO5b,EAAI8T,MACjBC,kBAAmB6H,OAAO5b,EAAI+T,mBAC9BG,kBAAmB0H,OAAO5b,EAAIouD,gCAC9B,IACD7uC,SAAQ,KACT+yB,GAAa,EAAM,GACnB,EAGEyb,EAAyB9tD,IAC7BqyC,GAAa,GACb,MAAMxxB,EAAc,IAAI7gB,EAAM6tD,WAAYl/C,KAAO3O,EAAK6tD,YAAYh/C,OAAO,uBAAwBgiB,SAAUliB,KAAO3O,EAAK6wB,UAAUhiB,OAAO,wBC5PjGoM,SD6PZ4F,EC5P7BvsB,EACG0N,KAAK,wCAAyCiZ,GAC9CllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aDsPUiB,MAAKgK,IAC3CiuD,GAAqB,IACpB1uC,SAAQ,KACT+yB,GAAa,EAAM,GACnB,EAGEsZ,EAAe3wD,IACnBwyD,EAAez4C,EAAY1X,KAAI1B,GAAMA,EAAKX,KAAOA,EAAKW,EAAO,IAAIA,EAAMolB,MAAM,GAAQplB,IAAM,EAGvFoyD,EAAyB/yD,IChOUigB,MDiOvCo3B,GAAa,ICjO0Bp3B,EDkOZ,CAACjgB,MCjO9B1G,EACG0N,KAAK,wCAAyCiZ,GAC9CllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aD2NGiB,MAAKgK,IACpCiuD,GAAqB,IACpB1uC,SAAQ,KACT+yB,GAAa,EAAM,GACnB,EAWJ,OARA5wC,qBAAU,KACR,MAAMqa,EAAUhT,YAAW,KACzBklD,GAAqB,GACpB,KAEH,MAAO,IAAMjyC,aAAaD,EAAQ,GACjC,CAACnC,IAGF7d,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,sBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACT+S,EAAmB,IAAI+F,EAAiBwB,OAAQta,QAItDjF,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IA7EjB,WACE,MAAM4wD,EAAsC,CAC1CrtC,MAAM,EACNzkB,KAAM,GACNqpB,MAAO,GACPk4B,IAAK,GACLiH,SAAU,GACV+I,WAAY3iD,KAAKw2C,MACjB7wB,SAAW3lB,KAAKw2C,OAElB8L,EAAe,IAAIz4C,EAAaq5C,GAClC,CAkEuBC,GAAkBxyD,SAClC,uBAKHD,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS+2C,EACT5tD,KAAM+U,IAMRnZ,eAAC+X,GAAU,IACL85C,EACJv5C,aAAcyF,EAAgB5F,MAC9BH,mBAAoBA,WAKlB,EE5Ud,MAAMrY,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;qBAyBLH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECRRgzD,GAAsB30C,GACjCrlB,EACG0N,KAAK,+BAAgC2X,GACrC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCkVnBy5D,IC7WX,GD6WWA,GAzVGA,KAChB,MAAO50C,EAAiB/F,GACtB7W,mBAAmC,CACjCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAELi3B,EAAWC,GAAgBt1C,oBAAS,IACpCyxD,EAAiBC,GAAsB1xD,oBAAS,IAChD2xD,EAAaC,GAAkB5xD,oBAAS,IACxC6xD,EAAWC,GAAgB9xD,mBAAgC,KAC3D+xD,EAAeC,GAAoBhyD,mBAAgC,CACxEiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAEd+6C,EAAWC,GAAgBlyD,mBAA4B,KACvDmyD,EAAUC,GAAepyD,mBAA6D,CAACqyD,YAAa,EAAGC,WAAY,KACnHC,EAAsBC,GAA2BxyD,mBAAc,MAEtE0E,qBAAU,KACR,MAAMqa,EAAUhT,YAAW,KACzB0mD,GAAkB,GACjB,KAEH,MAAO,IAAMzzC,aAAaD,EAAQ,GACjC,CAACnC,IAEJ,MAAM61C,EAAmB5vD,uBAAY,KDhDJqb,MCiD/Bo3B,GAAa,IDjDkBp3B,ECkDZtB,EDjDrBrlB,EACG0N,KAAK,+BAAgCiZ,GACrCllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aC2CMiB,MAAKgK,IACvC8uD,EAAa9uD,EAAI0vD,YACjBV,EAAiB,CACf/6C,YAAa2H,OAAO5b,EAAI2vD,kBACxB37C,MAAO4H,OAAO5b,EAAIgU,OAClBF,KAAM8H,OAAO5b,EAAI8T,MACjBC,kBAAmB6H,OAAO5b,EAAI+T,mBAC9BG,kBAAmB0H,OAAO5b,EAAI4vD,0BAC9B,IACDrwC,SAAQ,KACT+yB,GAAa,EAAM,IDlDvB/9C,EACGwB,IAAI,gCACJC,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YC8CCiB,MAAKgK,IAClCkvD,EAAalvD,EAAIqI,WACjB+mD,EAAY,IAAID,EAAUE,aAAcrvD,EAAIqI,UAAU,GAAGvH,OAAO,GAChE,GACF,CAACquD,EAAUv1C,IAwCPi0C,EAA8B,CAClC,CACEtxD,KAAM,qBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIL,SAASlQ,aAKtB,CACEzI,KAAM,iBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SAEIyZ,EAAIL,SAASjQ,SAMvB,CACE1I,KAAM,yBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SAEIyZ,EAAI+5C,cAMd,CACE/yD,KAAM,kBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SAEI6Z,WAAWgtB,OAAOptB,EAAI+5C,WAAa/5C,EAAIs6C,aAAah6C,QAAQ,MAMtE,CACEtZ,KAAM,aACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SAEIyZ,EAAIs6C,cAMd,CACEtzD,KAAM,YACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb5B,gBAAA,OAAKK,UAAW,eAAeN,SAAA,CAC1BD,eAAA,SACE8J,YAAY,yBACZJ,UAAQ,EACRM,aAAc,EACdoB,aAAa,MACb+wC,QAASh+C,GAAGub,EAAIu6C,UAAY91D,EAAEk+C,cAAcp3C,MAC5C2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGhBv8C,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IApGI7B,KACzB02C,GAAa,GACb,MAAMxxB,EAAc,CAClB7lB,GAAIW,EAAKX,GACTo0D,YAAazzD,EAAKsZ,SAASja,GAC3Bq0D,WAAY1zD,EAAKk0D,UACjBD,WAAYj0D,EAAKi0D,YAGnBtB,GAAmBztC,GAAa9qB,MAAKgK,IACnCyvD,GAAkB,GAClB,EAyFyBM,CAAkBx6C,GAAKzZ,SACvC,YAOX,CACES,KAAM,GACNub,SAAU,KACVtC,SAAU,KACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SAUjBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAAMuwD,OA7IA/yD,EA6IsBsa,EAAIta,QA5IvDu0D,EAAwBX,EAAUhuC,MAAKjlB,GAAMA,EAAKX,KAAOA,KAD5BA,KA6I8B,EAAAa,SAE7CD,eAACwlB,GAAU,UAkB3B,OACEtlB,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,eAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACT+S,EAAmB,IAAI+F,EAAiBwB,OAAQta,QAItDjF,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMmxD,GAAe,GAAM9yD,SACrC,qBAMF6yD,EAAc9yD,eAAA,OAAKO,UAAU,kBAAiBN,SAC7CD,eAAA,QACEynB,SAAWtpB,GArMQA,KACzBA,EAAEupB,iBACF+uB,GAAa,GACbic,GAAmBY,GAAUn5D,MAAKgK,IAChCyvD,IACAb,GAAe,EAAM,GACrB,EA+LmBoB,CAAkBh2D,GACjCoC,UAAW,IACTi2C,EAAY,eAAiB,IAE/BprC,aAAa,MAAKnL,SAGlBC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,qBACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,IAAMmxD,GAAe,GAAO9yD,SAErCD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BD,eAAC6J,GAAM,CACLC,YAAY,cACZI,aAAckpD,EACdjpD,gBAAgB,SAChBT,UAAQ,EACRM,aAAcopD,EAAU,GACxB5oD,SAAWvF,GAAUsuD,EAAY,IAAID,EAAUE,aAAcvuD,IAC7DmF,oBAAoB,MAGxBpK,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAACgX,GAAK,CACJlN,YAAY,cACZJ,UAAQ,EACR0B,aAAa,MACbZ,SAAWvF,GACTsuD,EAAY,IAAID,EAAUG,YAAaxuD,WAK/CjF,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,oBAKxC,KACTD,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS+2C,EACT5tD,KAAM4uD,IAMRhzD,eAAC+X,GAAU,IACLm7C,EACJ56C,aAAcyF,EAAgB5F,MAC9BH,mBAAoBA,SAKzB07C,GACC1zD,eAACugB,GAAK,CACJC,YAAakzC,EACbjzC,aAAcA,IAAMkzC,EAAwB,MAC5CjzC,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,iBACTqyD,EAAkB,eAAiB,IAClC3yD,SAEHC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAC,qCAEpByzD,EAAqBr6C,SAASlQ,UAAU,OAE3CnJ,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QA7Q2B6qC,KACnCinB,IACFb,GAAmB,GDxDa90C,IACpCrlB,EACG0N,KAAK,kCAAmC2X,GACxC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YCkD5Bk7D,CAAsB,CAACh1D,GAAIs0D,EAAqBt0D,KAAKjF,MAAKgK,IACxDyvD,IACAf,GAAmB,GACnBc,EAAwB,KAAK,IAEjC,EAqQsD1zD,SAC3C,4BAQD,ECxWd,SAAS,KAAa,OAAO,GAAWlC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAI9C,UAAUC,OAAQ6C,IAAK,CAAE,IAAIC,EAAI/C,UAAU8C,GAAI,IAAK,IAAIE,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOH,EAAEG,GAAKD,EAAEC,GAAK,CAAE,OAAOH,CAAG,EAAG,GAASM,MAAM,KAAMnD,UAAY,CAEnR,SAASg5D,GAAgB31D,EAAMC,GAC7B,IAAI,MACFC,EAAK,QACLC,KACGC,GACDJ,EACJ,OAAoB,gBAAoB,MAAO,GAAS,CACtDM,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTI,KAAM,OACNP,MAAO,6BACPI,IAAKR,EACL,kBAAmBE,GAClBC,GAAQF,EAAqB,gBAAoB,QAAS,CAC3DQ,GAAIP,GACHD,GAAS,KAAM,KAAU,GAAqB,gBAAoB,OAAQ,CAC3EY,SAAU,UACVoe,SAAU,UACVre,EAAG,muBACHD,KAAM,aAEV,CACA,MAAM,GAA0B,aAAiB+0D,IAClC,ICzBf,MAAM/rC,GAAkBC,WAAS;;;;;;;;;;EAYpB5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;qBAcZH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6HJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8D2BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAyCOA;;;;;;;;;6CASN4oB;;;4CAGD5oB;;;;;yCAKHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwDRA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuJXA;;;;;sBAKAA;;;;;wBAKEA;;;;wBAIAA;;;;;;EC5eXiZ,GAAmB/Y,UAAOC,GAAG;;;;;;;;;;;;;;;;EAkBdD,UAAOC,GAAG;;;EAKZD,UAAOgZ,KAAK;;;;;;;;;;;;;;EC0HvBwhC,OApIsB17C,IAAgC,IAA/B,KAAE0F,EAAI,gBAAE0Z,GAAiBpf,EAC7D,MAAOsf,EAAUC,GAAe9c,mBAAS,KACnC,OAAEoe,GAAWve,cACbuC,EAAUC,cACV8wD,EAAe,IAAI1kB,gBAAgBrwB,IAYlCrD,EAAuBC,GAA4Bhb,oBAAS,IAC5D+X,EAAqBkD,GAA0Bjb,mBAAc,CAAC,IAC9DkY,EAAUgD,GAAelb,mBAAc,CAAC,GAE/C0E,qBAAU,KAfgBzG,QAgBPgF,EAAKhF,GAftBwiB,GAAyB,CAAExiB,OAAMjF,MAAMjB,IACrC+kB,EAAY/kB,EAASkL,KAAKqf,YACtB6wC,EAAaC,IAAI,UACnBD,EAAanf,OAAO,QACpB5xC,EAAQ9J,QAAQ,CACd8lB,OAAQ+0C,EAAaloC,aAEzB,GAQuB,GACxB,CAAChoB,EAAKhF,KAET,MAAMo1D,EAAoBC,IACxB,IAAIC,EAAM,EAIV,OAHAD,EAAOj+C,SAAQzW,IACb20D,GAAO30D,EAAKga,cAAgBha,EAAKsa,KAAK,IAEjCq6C,EAAI16C,QAAQ,EAAE,EAIjBugC,EAA2B,CAC/B,CACE75C,KAAM,YACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIvQ,aAKb,CACEzI,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+C,OAAOjjB,UAAY,OAErC,CACDkH,KAAM,YACNub,SAAU,QACVxC,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+C,OAAOnC,SAAW,OAGvC,CACE5Z,KAAM,UACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIoK,QAAU,OAG/B,CACEpjB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIqK,aAAe,OAGpC,CACErjB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMu0D,EAAiB96C,EAAI+C,OAAOQ,eAAiB,OAG9D,CACEvc,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI0uB,KACDn1B,mBAAO,IAAI3D,KAAgB,IAAXoK,EAAI0uB,MAAc,wBAClC,OAKZ,CACE1nC,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACGyZ,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,EAC9C0E,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACrDD,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,sBAC7C,SAOtB,OACEP,eAAC2Y,GAAgB,CAAA1Y,SACfD,eAACgb,KAAS,CAAC5W,KAAM4Z,EAAU/C,QAASs/B,EAA0Br/B,UAAQ,EAACyB,aAAejD,IAChFA,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,GACjD6gB,GAAyB,GACzBzC,EAAI+C,QAAUL,EAAuB1C,EAAI+C,QACzCJ,EAAY3C,IAEZ0C,EAAuB,CAAC,EAC1B,EAGSQ,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzC0D,oBAAoB,EACpBU,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CsD,wBACEhd,eAACgZ,GAAsB,CAACM,WAAW,EAAML,KAAMiD,EACvBhD,oBAAqBA,EACrBC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,OAE7B,EC3GvB,MAAMgD,GAAwB,CAC5B,CAAEla,MAAO,gBAAiBqC,MAAO,YACjC,CAAErC,MAAO,iBAAkBqC,MAAO,YAClC,CAAErC,MAAO,SAAUqC,MAAO,6BAC1B,CAAErC,MAAO,UAAWqC,MAAO,6BAC3B,CAAErC,MAAO,kBAAmBqC,MAAO,uCACnC,CAAErC,MAAO,iBAAkBqC,MAAO,wCAgyBrB8hD,OA7xBOA,KACpB,MAAO1O,EAAWC,GAAgBx5C,mBAAc,IAC1CwzD,EAAgBnsD,iBAAgC,MAChDoyC,EAAepyC,iBAAgC,MAC/CqyC,EAAcryC,iBAAgC,MAC9CsyC,EAAoBtyC,iBAAgC,MACpDuyC,EAAcvyC,iBAAgC,OAC9C,WAACjO,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAEjD,OAAEokB,GAAWve,cAEbylB,EADe,IAAImpB,gBAAgBrwB,GACfrlB,IAAI,SAEvBmlB,EAAmBC,GACxBne,mBAAmC,CACjCgX,MAAO,GACPF,KAAM,EACNsH,OAAQkH,GAAc,KACtBjtB,SAAU,KAEVgmB,UAAW,mBAERw7B,EAAeC,GAAoB95C,mBAAgC,CACxEiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAEdoyC,EAAcC,GAAmBvpD,mBAAiB,IAClD0pD,EAAyBC,GAA8B3pD,oBAAkB,IACzEq1C,EAAWC,GAAgBt1C,oBAAS,IACpCyzD,EAAgBC,GAAqB1zD,oBAAS,IAC9C2zD,EAAoBC,GAAyB5zD,oBAAS,IACtDi6C,EAAoBC,GAAyBl6C,oBAAS,IACtDm6C,EAAYC,GAAiBp6C,mBAAc,KAC5C,UAAEnG,GAAc2C,GACnBvC,GAAUA,EAAMgC,mBAEZwV,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAWC,KAAO,IAAIzD,KAAK,KAAM,EAAG,IACpC3C,QAASoG,UAEJyoC,EAASC,GAAct6C,mBAAqB,CACjDiI,MAAO,GACPga,WAAY,GACZC,UAAW,GACX2xC,YAAa,GAEb9L,SAAU,GACVxN,WAAYnhD,EAAWwB,KAAK4/C,iBAC5BsZ,eAAgB,GAEhBnZ,KAAK,KAEAz2B,EAAU02B,GAAe56C,mBAAqB,CACnDiI,MAAO,GACPga,WAAY,GACZC,UAAW,GAEX6lC,SAAU,GACV8L,YAAa,GACbtZ,WAAYnhD,EAAWwB,KAAK4/C,iBAC5BsZ,eAAgB,GAChBpZ,UAAW,KAEPG,EAAYxzC,iBAAyB,MACrCyzC,EAAYzzC,iBAAyB,MAErC6K,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,UAGzC,mBAAEvL,GAAuBK,KAE/BhC,qBAAU,KACR2B,IACAilD,GAAgC,GAC/B,IAEH,IAAIvQ,EAAWV,EACf,MAAMjB,EAA2B,CAC/B,CACE75C,KAAM,OACNub,SAAU,OACVxC,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,OACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,IACRi+C,EAAyB,cAAej+C,EAAEk+C,cAAcp3C,MAAM,EAEhE2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,OACZ3K,IAAKw1D,EACLjrD,UAAQ,EACRM,aAAc0P,EAAIs7C,YAClB5pD,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIs7C,eAKZ,CACAt0D,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,aACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,IACRi+C,EAAyB,aAAcj+C,EAAEk+C,cAAcp3C,MAAM,EAE/D2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,aACZ3K,IAAKy7C,EACLlxC,UAAQ,EACRM,aAAc0P,EAAI0J,WAClBhY,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI0J,cAMd,CACE1iB,KAAM,YACNiZ,SAAU,QAEVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,YACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,YAAaj+C,EAAEk+C,cAAcp3C,OAExD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,YACZ3K,IAAK07C,EACLnxC,UAAQ,EACRM,aAAc0P,EAAI2J,UAClBjY,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI2J,aAMd,CACE3iB,KAAM,UACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIw7C,WAKb,CACEx0D,KAAM,mBACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,mBACZJ,UAAQ,EACRjO,KAAM,SACN2P,aAAa,MACb6L,IAAK,EACLC,IAAK,IACLilC,QAAUh+C,IACPA,EAAEk+C,cAAcp3C,OAAS,IACxBm3C,EAAyB,WAAY,QAAUj+C,EAAEk+C,cAAcp3C,MAAQ,EAAIm3C,EAAyB,WAAY,KAC9GA,EAAyB,WAAYj+C,EAAEk+C,cAAcp3C,OAE3D2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,mBACZ3K,IAAK47C,EACLrxC,UAAQ,EACRjO,KAAM,SACNwb,IAAK,EACLC,IAAK,IACLlN,aAAc,GAAG0P,EAAIwvC,WACrB99C,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIwvC,YAMd,CACExoD,KAAM,8BACNwZ,MAAO2wC,EACPlxC,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACKyZ,EAAIy7C,4BAA8Bz7C,EAAIy7C,4BAA4B,IAAK1K,EAAe,KAAMA,KAKvG,CACE/pD,KAAM,kBACNiZ,SAAU,QACVF,KAAOC,IAA2B,IAADvR,EAAAC,EAC/B,OACEpI,eAAA,OAAAC,SACGyZ,EAAI07C,eAAiB,IAAa,OAAV76D,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,OAAN,EAAVA,EAAkByL,kBAAmB,WAAM8F,EAAI07C,iBAAoB,IAAa,OAAV76D,QAAU,IAAVA,GAAgB,QAAN6N,EAAV7N,EAAYwB,YAAI,IAAAqM,OAAN,EAAVA,EAAkBwL,kBAAmB,aAChI,GAIZ,CACElT,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,gBACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,QAASj+C,EAAEk+C,cAAcp3C,MAAM+xC,QAE1DpoC,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAItQ,SAMd,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM1F,EAAWwB,KAAK4/C,oBAGjC,CACEj7C,KAAM,YACNub,SAAU,OACVxC,KAAOC,GACE1Z,eAAA,OAAAC,SACJyZ,EAAInX,OAASvC,eAAA,OAAKO,UAAU,SAAQN,SAACD,eAACizC,GAAW,MAAWjzC,eAAA,OAAKO,UAAU,aAAYN,SAACD,eAACq1D,GAAY,SAI5G,CACE30D,KAAM,GACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIoiC,KAAQpiC,EAAIyL,MAoBbzL,EAAIoiC,KAAOpiC,EAAIyL,KAClBnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IA4BvB,SAA0BxC,GAAU,IAADo9C,EAAA8Y,EAAA7Y,EAAAC,EACjCjG,GAAa,GACb,IAAI16C,EAAO,CACTqD,GAAIA,EACJgK,MAAOic,EAASjc,MAChBga,WAAwB,OAAZw3B,QAAY,IAAZA,GAAqB,QAAT4B,EAAZ5B,EAAchyC,eAAO,IAAA4zC,OAAT,EAAZA,EAAuBv3C,MACnC+vD,YAA0B,OAAbL,QAAa,IAAbA,GAAsB,QAATW,EAAbX,EAAe/rD,eAAO,IAAA0sD,OAAT,EAAbA,EAAwBrwD,MACrCoe,UAAsB,OAAXw3B,QAAW,IAAXA,GAAoB,QAAT4B,EAAX5B,EAAajyC,eAAO,IAAA6zC,OAAT,EAAXA,EAAsBx3C,MACjCikD,WAAsB,OAAXnO,QAAW,IAAXA,OAAW,EAAXA,EAAanyC,QAAS3D,QAAS,IAAM,QAAoB,OAAX81C,QAAW,IAAXA,OAAW,EAAXA,EAAanyC,QAAS3D,QAAS,EAAI,IAAiB,OAAX81C,QAAW,IAAXA,GAAoB,QAAT2B,EAAX3B,EAAanyC,eAAO,IAAA8zC,OAAT,EAAXA,EAAsBz3C,OAG1Hwc,GAA8B1lB,GAC3B5B,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAC9B,CA7C6BoG,CAAiBnjC,EAAIta,IAAIa,SACzC,SAIDD,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMkkC,EAAqBpsB,EAAIta,IAAIa,SAC7C,QAhCDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,KACPm6C,EAAYriC,GACZA,EAAIyL,MAAO,CAAI,EACfllB,SAEFD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IA0FzB,SAAgC8X,GAC9B+8B,GAAa,GACb/0B,GAA+B,CAACtiB,GAAIsa,IACjCvf,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAC9B,CAlG+B6D,CAAuB5gC,EAAIta,IAAIa,SAE9CD,eAACwlB,GAAU,aA0BrB+vC,EAAgCA,CACpC70D,EACAuE,KAEAqa,GAAsB9G,IACb,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAqBJ,MAAMwnD,EAAiCA,KACrC5qC,KAA+B1nB,MAAKgK,IAElCumD,GAAiBvmD,EAAIC,KAAKsoD,mBAAqB,GAC/C5B,EAA2B3mD,EAAIC,KAAKuoD,oBAAqB,EAAM,GAC/D,EAGJ,SAASvQ,EAAyB90C,EAAerC,GAC/Ci3C,EAAW,IAAIA,EAAU,CAAC50C,GAAQrC,EACpC,CAEAY,qBAAU,KACRqH,YAAW,KAEP0tC,EAAahyC,SACb+rD,EAAc/rD,SACdiyC,EAAYjyC,SACZkyC,EAAkBlyC,SAClBmyC,EAAYnyC,UAEZgyC,EAAahyC,QAAQ3D,MAAQogB,EAASjC,WACtCuxC,EAAc/rD,QAAQ3D,MAAQogB,EAAS2vC,YACvCna,EAAYjyC,QAAQ3D,MAAQogB,EAAShC,UACrCy3B,EAAkBlyC,QAAQ3D,MAAQogB,EAASu2B,gBAC3Cb,EAAYnyC,QAAQ3D,MAAQogB,EAASm1B,UACvC,GACC,IAAI,GACN,CAACn1B,IAiBJ,MAAMu3B,EAAW54C,uBAAY,KAC3ByyC,GAAa,GACb90B,KAAmCxnB,MAAKgK,IACtCA,EAAIC,KAAKyoD,aAAapD,qBAAuBsL,GAAsB,GAAQA,GAAsB,EAAM,IAEzGxzC,GAA2B,IACtBlC,EACHvM,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAC1CtG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAQ,gBAEtC9Y,MAAMjB,IACLyhD,EAAazhD,EAASkL,KAAK24C,SAE3B9B,EAAiB,CACf7iC,YAAa2H,OAAO7mB,EAASkL,KAAK44C,eAClC7kC,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAK64C,uBAI1C,MAAMuY,EAAU5iD,EAAME,UACnB5Z,EAASkL,KAAK0O,YAAc0iD,EAAQviD,OAAQ,eAC7CJ,EAAc,IAAID,EAAOE,UAAWC,KAAO,IAAIzD,KAAKpW,EAASkL,KAAK0O,cAEpE2jC,GAAa,EAAM,IAQpBr8C,OAAM,IAAMq8C,GAAa,IAAO,GACnC,CAAC7jC,EAAOyM,IAEVxZ,qBAAU,KACR+2C,GAAU,GACT,CAACv9B,EAAkBpH,KAAMoH,EAAkB7lB,SAAU6lB,EAAkBG,UAAW5M,IAErF/M,qBAAU,KACR,GAAiC,OAA7BwZ,EAAkBE,OAAiB,CACrC,MAAMW,EAAUhT,YAAW,KACzB0vC,GAAU,GACT,KAEH,MAAO,IAAMz8B,aAAaD,EAC5B,IACC,CAACb,EAAkBE,SAEtB1Z,qBAAU,KAC+B,IAAnCka,OAAOV,EAAkBpH,OAAuC,IAAxB+iC,EAAc7iC,OACxDykC,GACF,GACC,CAACv9B,EAAkBlH,QAEtB,MAAM2tB,EAAwB1mC,IAC5Bq3C,GAAa,GACbyF,EAAW,IAAIA,EAAUJ,KAAK,GAC9Bt6B,GAA6B06B,GAC1B/hD,MAAMjB,IACL0jD,IACAnG,GAAa,GACbyF,EAAWV,CAAO,IAEnBphD,OAAM,IAAMq8C,GAAa,IAAO,EAG/ByG,EAAa/+C,IACjB,MAAMg/C,EAAOh/C,EAAEyC,OAAOw8C,MAAM,GAC5B,IAAIC,EAAS,IAAIC,WACjBD,EAAOE,cAAcJ,GACrBE,EAAOG,OAAS,WACdjC,EAAc8B,EAAOI,OACvB,EACAJ,EAAOK,QAAU,SAAUtkD,GACzBqlB,QAAQC,IAAI,UAAWtlB,EACzB,CAAC,EAmBGga,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OACXpG,QAASoG,SACNpG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EACXnG,QAASoG,SACNF,EAAc,CACjBC,UAAWA,EACXnG,QAASA,GACT,EAoBJ,OACEzM,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,kBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZE,aAAcqV,EAAkBE,OAASF,EAAkBE,OAAS,GACpE7V,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACTqa,EAAqB,IAAID,EAAmBE,OAAQta,QAI1D/E,gBAAA,UACEzE,KAAK,SACL8E,UAAU,0BACV8J,UAAWyqD,EACXlmD,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,KAlKjB65C,EAAWS,QACXvB,GAAcD,GAAgC,CAACc,KAAYd,MAiKlBz6C,SAAA,CAClC,iBAEG60D,EACqF,KAArF90D,eAACqoB,GAAW,CAACxC,SAAU,8DAE3B7lB,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAMizD,GAAmBD,GAAgB30D,SACnD,qBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,mBAKHC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAa/BD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,wBACZI,aAAciV,GACdhV,gBAAgB,SAChBH,aAAcmV,GAAsB,GACpCzV,UAAQ,EACRc,SAAWvF,GACTswD,EAA8B,YAAatwD,GAE7CmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUswD,EAA8B,WAAYtwD,GAC/DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAACJ,OAAQA,GAASpT,SAEnCC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAUG,OAAO,eAAiB,IAAML,EAAMjG,QAAQsG,OAAO,eAC1E5H,SAAWlN,IACTiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,8BAQrBq0D,GACC50D,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAWo0C,EACvCn0C,aAAcA,IAAMo0C,GAAmBD,GAAgB30D,SAC5DC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GA5JqBA,KAAY,IAADs3D,EACnDt3D,EAAEupB,iBACF+uB,GAAa,GACboe,GAAkB,GAClBzzC,GAAgC,CAC9B+7B,KAAM7B,EAEN56C,KAAwB,QAApB+0D,EAAExZ,EAAWrzC,eAAO,IAAA6sD,OAAA,EAAlBA,EAAoBrY,MAAM,GAAG18C,OAElCgjB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EA+IqBma,CAAiCv3D,GAAG8B,SAAA,CAErDD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAACivC,aAAc,OAAQE,UAAW,UAAU99C,SAAC,mFAGvDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAQG,UAAW,UAAWh/C,MAAO,QAC3DwB,IAAKhJ,EAAoB,yCAA0CiJ,IAAI,YAC5ET,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,QAAQ59C,SAAC,iCAChDD,eAAA,SACEb,IAAK88C,EACLxgD,KAAK,OACLiF,KAAK,OACLkO,MAAO,CAACivC,aAAc,QACtBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC9BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMizD,GAAmBD,GAAgB30D,SACnD,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAAQhoB,SACpD,mBAORm7C,GACCp7C,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAW46B,EACvC36B,aAAcA,IAAM46B,GAAuBD,GAAoBn7C,SACpEC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GA7KKA,KAAY,IAADw3D,EACnCx3D,EAAEupB,iBACF+uB,GAAa,GACb4E,GAAsB,GAEtBh6B,GAA6B,CAC3B87B,KAAM7B,EAEN56C,KAAwB,QAApBi1D,EAAE3Z,EAAWpzC,eAAO,IAAA+sD,OAAA,EAAlBA,EAAoBvY,MAAM,GAAG18C,OAElCgjB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EA+JqBqC,CAAiBz/C,GAAG8B,SAAA,CAErCD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAACivC,aAAc,OAAQE,UAAW,UAAU99C,SAAC,+FAGvDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAQG,UAAW,UAAWh/C,MAAO,QAC3DwB,IAAKhJ,EAAoB,yCACzBiJ,IAAI,YACTT,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,QAAQ59C,SAAC,iCAChDD,eAAA,SACEvE,KAAK,OACLiF,KAAK,OACLvB,IAAK68C,EACLptC,MAAO,CAACivC,aAAc,QACtBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC9BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAAQhoB,SACpD,mBAOTD,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASs/B,EACTn2C,KAAMs2C,EACN99B,gBAAc,EACdI,wBACEhd,eAACo6C,GAAgB,CAACh2C,KAAMs2C,EAAW58B,gBAAiB8+B,MAGxD58C,eAAC+X,GAAU,IACLijC,EACJ1iC,aAAc+G,EAAkBlH,MAChCH,mBAAoBsH,WAIlB,EC/zBd,MAAM3f,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAoCAH;;;;;;;;;;iBAUTA;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0BAA;;;;;;;;;;;iBAWAA;;;;;;;;;;;;;;;;;;;;;;;;iCAwBgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAoGpBA;;;;;;;;;;;;;;;;;;;;sBAoBSkK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC1OTsC,GAAgB,CAC3B,CACEjH,MAAO,IACPqC,MAAO,eAET,CACErC,MAAO,IACPqC,MAAO,SAET,CACErC,MAAO,KACPqC,MAAO,gBAET,CACErC,MAAO,MACPqC,MAAO,kBCZL3H,GAAUC,UAAOC,GAAG;;;;kBAIRH;;;;;;;;;;;;;;;iBAeDA;;;;;;;iBAOAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAiCGA;;;;oBAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyCHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoCWA;;;;;;;;;;;;;;;;;;;;;8BAqBEA;;;;;8BAKAA;;;;;;;;;;;;;;;;;;;;;sBAqBRA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;ECsHT0M,OAtTQ1N,IAQX,IAADk3D,EAAAC,EAAA,IARa,cACtBtpD,EAAa,UACbC,EAAS,eACTC,EAAc,SACdy8C,EAAQ,WACRx8C,EAAU,QACVC,EAAO,oBACPC,GACIlO,EACJ,MAAM,WAAEnE,GAAeoD,GAAkBvC,GAAUA,EAAMD,OACnD0R,EAAWrE,iBAAuB,OACjCsE,EAAaC,GAAkB5L,mBAAuB,gBACtD20D,EAAkBC,GAAuB50D,mBAAS,IAClD60D,EAA0BC,GAA+B90D,mBAAS,IACnE+0D,EAAmBC,GAAwBh1D,mBAAgB,KAC3Di1D,EAA+BC,GAAoCl1D,mBAAgB,IAEzF0E,qBAAU,KACR,MAAM+uB,EAAa,GACnBpoB,EAAUgK,SAASzW,IACjB60B,EAAIlwB,KAAK3E,EAAKkF,MAAM,IAEtBkxD,EAAqBvhC,EAAI,GACxB,CAACpoB,IAEJ,MAAM8pD,EAA2B,CAC/B,CACE51D,KAAM,UACN+Y,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAI5B,CACA3iB,KAAM,MACN+Y,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI68C,mBAKb,CACE71D,KAAM,OACN+Y,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIxF,QAKb,CACExT,KAAM,WACN+Y,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIwvC,SAAWxvC,EAAIwvC,SAAW,KAKvC,CACExoD,KAAM,WACN+Y,KAAOC,IACL,MAAM+rC,EAAM,KAAI+Q,mBAAmB,QAAU,IAAMA,mBAAmB98C,EAAI68C,kBAC1E,OACEv2D,eAACG,IAAI,CAACC,GAAI,2BAA2BqlD,IAAOllD,UAAW,YAAYN,SAChEyZ,EAAIta,IAEA,IAMT4N,EAA2BC,IAC/BF,EAAeE,GAEfC,YAAW,KAAO,IAADC,EACC,QAAhBA,EAAAN,EAASjE,eAAO,IAAAuE,GAAhBA,EAAkBC,eAAe,CAC/BC,SAAU,SACVC,MAAO,MACPC,OAAQ,WACR,GACD,IAAI,EA8BT,OAhBA1H,qBAAU,KACR,GAAGiwD,EAAkB,CACnB,IAAI5M,EAAW,EACfmN,EAAiC7pD,EAAUspD,GAAkBp6C,cAC7DlP,EAAUspD,GAAkBp6C,aAAalF,SAASzW,IAChDmpD,IAAYnpD,EAAKmpD,QAAQ,IAE3B+M,EAA4B/M,EAC9B,MACEmN,EAAiC,IACjCJ,EAA4B,EAC9B,GAEC,CAACH,IAIF51D,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,OACEO,UAAW,gBACO,gBAAhBuM,EAAgC,cAAgB,IAC/C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,eAAe/M,SACvD,kBAIHD,eAAA,OACEO,UAAW,gBACO,oBAAhBuM,EAAoC,cAAgB,IACnD7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,mBAAmB/M,SAC3D,sBAIHD,eAAA,OACEO,UAAW,gBACO,cAAhBuM,EAA8B,cAAgB,IAC7C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,aAAa/M,SACrD,mBAKLD,eAAA,OAAKb,IAAK0N,EAAUtM,UAAU,gBAAeN,SAC3CC,gBAAA,OAAKK,UAAU,QAAQk2D,aAAe/tD,IApEvBguD,KACnB,GAA6B,UAA1BA,EAAK91D,OAAOL,UAAsB,CACnC,MAAMo2D,EAAgB7tD,SAAS8tD,eAAe,kBACxCC,EAAQ/tD,SAAS8tD,eAAe,SAClCD,GAAiBE,IACnBF,EAAc/nD,MAAMJ,QAAU,OAC9BqoD,EAAMjoD,MAAMJ,QAAU,OAE1B,GA6DMsoD,CAAYpuD,EAAM,EAClBzI,SAAA,CACAD,eAAA,OAAKZ,GAAG,QAAQwP,MAAO,CAACo3C,SAAU,WAAYx3C,QAAS,UACvDtO,gBAAA,OAAKd,GAAG,iBAAiBwP,MAAO,CAACo3C,SAAU,WAAYx3C,QAAS,QAAQvO,SAAA,CAEtEC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,KAAGO,UAAW,OAAON,SAAEuM,EAAUlR,OAAS,GAAKyX,KAAkC,QAA5B6iD,EAACppD,EAAUspD,UAAiB,IAAAF,OAAA,EAA3BA,EAA6BxmD,MAAM6D,OAAO,kBAChG/S,gBAAA,KAAGK,UAAW,OAAON,SAAA,CAAC,gBAAcuM,EAAUlR,OAAS,IAAgC,QAA/Bu6D,EAAIrpD,EAAUspD,UAAiB,IAAAD,OAAA,EAA3BA,EAA6B5wD,OAAM,eAClF1K,EAAWwB,KAAK6X,gBAAiBkG,WAAW,GAAGk8C,KAA4Bh8C,QAAQ,SAElGha,eAAA,OAAKO,UAAU,UAASN,SACtBD,eAACgb,KAAS,CAAC+7C,aAAW,EAACC,wBAAyB,QAAS97C,UAAQ,EAACud,MAAO,OAAQxd,QAASq7C,EAC/ElyD,KAAMgyD,SAGrBp2D,eAACmP,KACC,CACAlQ,OAAQ,GACRmF,KAAM,CACJ6J,OAAQzB,EACL/K,KAAI,CAAC2N,EAAWX,KACf,MAAMY,EAAM,IAAIC,KAAK3C,GACrB,GAAmB,MAAfD,EAAoB,CAMtB,MAAO,GALS,IAAI4C,KAClBD,EAAIE,cACJF,EAAIG,WAAaf,EACjB,GAEgBgB,eAAe,KAAM,CACrCC,MAAO,WAEX,CAEA,OADAL,EAAIM,QAAQN,EAAIO,UAAYnB,GACrB,GAAGY,EAAIO,aAAaP,EAAII,eAAe,KAAM,CAClDC,MAAO,WACL,IAELG,UACH3B,SAAU,CACR,CACE9J,KACkB,gBAAhB0I,EAAgCopD,EAAoC,oBAAhBppD,EAAoCo8C,EAAWz8C,EACrG2B,YACkB,gBAAhBtB,EAAgC,UAA4B,oBAAhBA,EAAoC,UAAY,UAC9FgD,YAAa,EACbzB,YAAa,EACb0B,iBAAkB,EAClBC,iBAAkB,OAElBC,qBACkB,gBAAhBnD,EAAgC,UAA4B,oBAAhBA,EAAoC,UAAY,aAIpGzI,QAAS,CACPiK,QAAS,CACPC,OAAQ,CACNC,SAAS,GAEX0B,QAAS,CACP+mD,QAAyB,gBAAhBnqD,EACTqD,eAAe,EACfC,WAAW,EACXC,UAAW,CACTzR,MAAM0R,GACJ,MAAMlB,EAAO,IAAIE,KAEjB,GAAmB,MAAf5C,EAAoB,CACtB,MAAM6D,EAAU,IAAIjB,KAClBF,EAAKG,cACLH,EAAKI,WAAac,EAAY,GAAGE,UAAY,EAC7C,GAEF,MAAO,GAAGD,EAAQd,eAAe,KAAM,CACrCC,MAAO,aACHa,EAAQhB,cAAgB,GAChC,CAQA,OAPAH,EAAKO,QACHP,EAAKQ,WACJU,EAAY,GAAGG,QAAQrM,KAAK9I,OAC3BgV,EAAY,GAAGE,UACf,IAGG,GAAGF,EAAY,GAAGhJ,UAAU8H,EAAKG,eAC1C,EACAjI,MAAMgJ,GACG,GACW,gBAAhBxD,EACI,cACgB,oBAAhBA,EACE,kBACA,gBACHwD,EAAYI,oBAKzBwmD,QAAQxuD,EAAmByuD,EAA2BC,GACpD,GAAID,EAAS77D,QAA0B,gBAAhBwR,EAA+B,CACpD,MACMhL,EADeq1D,EAAS,GACHr1D,MAE3Bi0D,EAAoBj0D,GACpB,MAAM60D,EAAgB7tD,SAAS8tD,eAAe,kBACxCC,EAAQ/tD,SAAS8tD,eAAe,SAEhCS,EAAavuD,SAASwuD,cAAc,UAAUC,YAE9CC,EAAc1uD,SAASwuD,cAAc,UAAUG,aAC/CrgD,EAAQ,IAAM5K,EAAUlR,OAC1Bq7D,GAAiBE,IACnBF,EAAc/nD,MAAMJ,QAAU,QAC9BqoD,EAAMjoD,MAAMJ,QAAU,QACtBmoD,EAAc/nD,MAAMunC,KAAOghB,EAAS,GAAG3vC,QAAQ3b,EAAIuL,GAAQ,EAAI,MAAW+/C,EAAS,GAAG3vC,QAAQ3b,EAAI,KAAOwrD,EAAaA,EAAa,IAAM,KAAOF,EAAS,GAAG3vC,QAAQ3b,EAAI,KACxK8qD,EAAc/nD,MAAM8oD,IAAMP,EAAS,GAAG3vC,QAAQ1b,EAAI,GAAK6qD,EAAcc,cAAgBD,EAAcL,EAAS,GAAG3vC,QAAQ1b,EAAI,GAAK6qD,EAAcc,aAAe,KAAON,EAAS,GAAG3vC,QAAQ1b,EAAI,GAAK,KACjM+qD,EAAMjoD,MAAMunC,KAAOghB,EAAS,GAAG3vC,QAAQ3b,EAAI,GAAK,KAChDgrD,EAAMjoD,MAAM8oD,IAAMP,EAAS,GAAG3vC,QAAQ1b,EAAI,GAAK6qD,EAAcc,cAAgBD,EAAcL,EAAS,GAAG3vC,QAAQ1b,EAAI,GAAK,KAAOqrD,EAAS,GAAG3vC,QAAQ1b,EAAG,GAAK,KAE/J,CACF,EACA6rD,YAAa,CACXvnD,WAAW,EACXwnD,KAAM,SAERjnD,UAAW,CACTC,SAAU,GAEZC,OAAQ,CACNhF,EAAG,CACDiF,aAAa,EACbC,MAAO,CACLC,UAAW,IAGflF,EAAG,CACDgF,aAAa,EACbC,MAAO,CACLC,UAAW,eAQjB,ECzBC6mD,OA9QoBA,KAAO,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACvC,MAAOjnD,EAAaC,GAAkBhQ,oBAAkB,IACjDiQ,EAAkBC,GAAuBlQ,mBAAiB,IAC1DuL,EAAY4E,GAAiBnQ,mBAGjC,CACD8D,MAAOiH,GAAc,GAAGjH,MACxBqC,MAAO4E,GAAc,GAAG5E,SAEnB8wD,EAAkBC,GAAuBl3D,mBAAiB,gBAC3D,WAAE5G,GAAeoD,GAAkBvC,GAAUA,EAAMD,QAClDoW,EAAcC,GAAmBrQ,oBAAkB,IACnDm3D,EAAWC,GAAgBp3D,mBAAgB,KAC3CsQ,EAAeC,GAAoBvQ,mBAAc,CACtDq3D,gBAAiB,EACjB5mD,iBAAkB,EAClBC,sBAAuB,EACvB4mD,SAAU,EACV1mD,sBAAuB,EACvBC,kBAAmB,EACnBC,0BAA2B,EAC3BC,yBAA0B,EAC1BC,yBAA0B,EAC1BC,2BAA4B,EAC5BC,WAAY,GACZC,eAAgB,GAChBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBimD,WAAY,EACZlsD,UAAW,CAAC,GACZ08C,SAAU,CAAC,GACXluD,UAAW,GACX29D,gBAAiB,EACjBpsD,cAAe,QACfE,eAAgB,CAAC,MAGb,UAAEzR,GAAc2C,GAAkBvC,GAAUA,EAAMgC,mBAClD,mBAAEoK,GAAuBK,MACxB+K,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAAQC,OAAO,eACxDtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,iBAGrCpN,qBAAU,KACiB,IAArB7K,EAAUM,QAAckM,GAAoB,GAC/C,IAEH,MAAMoxD,EAA0B50D,uBAAY,K7NvDHI,S6NwDZ,CACzBgL,MAAO1C,EAAWzH,MAClB6N,UAAWC,KAAOH,EAAME,WAAWmD,IAAI,EAAG,SAC1CtJ,QAASoG,KAAOH,EAAMjG,SAASuJ,MAAM,OACrChD,WAAY9B,G7NtDhB1Y,EACG0N,KAAK,uBAAwBhC,GAC7BjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a6NiD3BiB,MAAMgK,IACPuN,EAAiBvN,EAAIC,KAAKA,MAC1B+M,GAAe,GACfG,EAAc,CAACrM,MAAOd,EAAIC,KAAK+O,SAAU7L,MAAOnD,EAAIC,KAAK+O,UAAU,GACnE,GACD,CAACzG,EAAWzH,MAAO2N,EAAMjG,QAASiG,EAAME,UAAW1B,IAEtDvL,qBAAU,KACRsL,GAAe,GACfynD,GAAyB,GACxB,CAACA,IAEJ/yD,qBAAU,KACR,MAAM43C,EAAc,G7N3D+Br5C,S6N4DZ,CACrCy0D,SAAUT,EACVtlD,UAAWC,KAAOH,EAAME,WAAWmD,IAAI,EAAG,SAC1CtJ,QAASoG,KAAOH,EAAMjG,SAASuJ,MAAM,Q7N1DzCxd,EACG0N,KAAK,sCAAuChC,GAC5CjK,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,a6NqD3BiB,MAAKgK,IACN,IAAK,MAAM20D,KAAW30D,EAAIC,KAAKA,KAC7Bq5C,EAAO/4C,KAAKP,EAAIC,KAAKA,KAAK00D,GAAS/6D,OAAO0P,KAAKtJ,EAAIC,KAAKA,KAAK00D,IAAU,KAGzEP,EAAa,IAAI9a,GAAQ,GACzB,GACD,CAAC2a,EAAkBxlD,EAAME,UAAWF,EAAMjG,UAE7C,MAAMosD,EAAoBt9D,IACrB28D,EAAiB9yD,SAAS7J,IACxB28D,EAAiB9yD,SAAS,OAC3B+yD,EAAoB,GAAG58D,UAKzB48D,EAAoB,GAAG58D,QACzB,EAGI2X,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGEI,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAE/C,OACE7S,gBAACP,GAAO,CAACY,UAAW,IAAG2Q,EAAc,eAAiB,IAAKjR,SAAA,CACzDC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,6BAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBF,aAAW,EACX3J,KAAMN,eAACsT,GAAc,IACrB5J,UAAQ,EACRU,oBAAkB,EAClBI,SAAWvF,IACToM,GAAqBpM,EAAM,IAG/BjF,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAAEX,UAAWC,KAAO,IAAIzD,MAAQ0D,SAAS,EAAG,QAASrG,QAAS,IAAI2C,KAAQ+D,OAAQA,GAASpT,SAG5GC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,4BAOpBL,gBAAA,OAAKK,UAAU,kBAAiBN,SAAA,CAC9BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,gBACvBD,eAAA,OAAKO,UAAU,QAAON,SAA+B,QAA/B63D,EAAErmD,EAAc+mD,uBAAe,IAAAV,IAAI,IACzD93D,eAAA,OAAKO,UAAU,cAAaN,SAAC,eAE/BC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,gBACvBD,eAAA,OAAKO,UAAU,QAAON,SAA+B,QAA/B83D,EAAEtmD,EAAcknD,uBAAe,IAAAZ,IAAI,IACzD/3D,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,iBACvBD,eAAA,OAAKO,UAAU,QAAON,SAAgC,QAAhC+3D,EAAEvmD,EAAcG,wBAAgB,IAAAomD,IAAI,IAC1Dh4D,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,gBACvBC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACnB1F,EAAWwB,KAAK6X,iBAAmB,SAA6B,QAA1BqkD,EAAExmD,EAAcinD,kBAAU,IAAAT,IAAI,KAEvEj4D,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OACEO,UAAU,QAAON,SAAC,0BACpBD,eAAA,OAAKO,UAAU,UACfL,gBAAA,OACEK,UAAU,QAAON,SAAA,CAAE1F,EAAWwB,KAAK6X,iBAAmB,SAAmE,QAAhEskD,GAAGzmD,EAAcinD,WAAajnD,EAAcgnD,UAAUz+C,QAAQ,UAAE,IAAAk+C,IAAI,KAC/Hl4D,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAI5DzM,gBAAA,OAAKK,UAAU,kBAAkBqO,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC1DC,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OACEO,UAAU,QAAON,SAAC,6BAEpBD,eAAA,OAAKO,UAAU,UACfL,gBAAA,OACEK,UAAU,QAAON,SAAA,CAAE1F,EAAWwB,KAAK6X,iBAAmB,SAA2B,QAAxBukD,EAAE1mD,EAAcgnD,gBAAQ,IAAAN,IAAI,KACvFn4D,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,wBACvBC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CAAE1F,EAAWwB,KAAK6X,iBAAmB,SAAKnC,EAAcO,qBAC9EhS,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,aAE9DzM,gBAAA,OAAKK,UAAU,qBAAoBN,SAAA,CACjCD,eAAA,OAAKO,UAAU,QAAON,SAAC,yBACtBwR,EAAcY,WAAW5Q,KAAI,CAACoS,EAAc/R,IAC3CA,GAAS,GAAK5B,gBAAA,OAAmDK,UAAW,sBAAsBN,SAAA,CAACD,eAAA,KAC7FO,UAAW,YAAYN,SAAE4T,EAAQnT,OAAS,IAACV,eAAA,KAAAC,SAAI4T,EAAQC,aADrC,GAAGD,EAAQE,cAAcF,EAAQnT,UAE3DV,eAAA,OAAKO,UAAU,cAAaN,SAAE2S,EAAME,UAAY,IAAMF,EAAMjG,gBAGhEzM,gBAAA,UAAQK,UAAU,2BAA2BqB,QAASA,KACpD4P,GAAiBD,EAAa,EAC9BtR,SAAA,CACAD,eAAA,QAAAC,SAAM,qBACND,eAAA,QAAMO,UAAWgR,EAAe,mBAAqB,OAAOtR,SAC1DD,eAACiU,EAAS,SAGb1C,EAAgBvR,eAAA,OAAKO,UAAU,mBAAmBqO,MAAO,CAAC+E,UAAW,QAAQ1T,SAC5ED,eAAA,OAAKO,UAAU,OAAMN,SACnBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBC,gBAAA,OAAKK,UAAU,cAAcqO,MAAO,CAACoqD,aAAc,iBAAkBhN,cAAe,QAAQ/rD,SAAA,CAC1FD,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,KAAGO,UAAW,eAAeN,SAAC,eAEhCC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,KAAGO,UAAW,eAAeN,SAAC,cAC9BC,gBAAA,UAAQK,UAAW,WAAYqB,QAASA,IAAIm3D,EAAiB,WAAW94D,SAAA,CAACD,eAACi5D,GAAY,IAAEj5D,eAACi5D,GAAY,UACjG/4D,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CAC3BD,eAAA,KAAGO,UAAW,eAAeN,SAAE,gBAC/BC,gBAAA,UAAQK,UAAW,WAAYqB,QAASA,IAAIm3D,EAAiB,cAAc94D,SAAA,CAACD,eAACi5D,GAAY,IAAEj5D,eAACi5D,GAAY,UACpG/4D,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CAC3BD,eAAA,KAAGO,UAAW,eAAeN,SAAC,0BAC9BC,gBAAA,UAAQK,UAAW,WAAYqB,QAASA,IAAIm3D,EAAiB,iBAAiB94D,SAAA,CAACD,eAACi5D,GAAY,IAAEj5D,eAACi5D,GAAY,UACvG/4D,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CAC3BD,eAAA,KAAGO,UAAW,eAAeN,SAAC,cAC9BC,gBAAA,UAAQK,UAAW,WAAYqB,QAASA,IAAIm3D,EAAiB,YAAY94D,SAAA,CAACD,eAACi5D,GAAY,IAAEj5D,eAACi5D,GAAY,aAG1Gj5D,eAAA,OAAKO,UAAU,YAAWN,SACvBq4D,EAAUh9D,OAAS,EAAIg9D,EAAU72D,KAAI,CAAC6uD,EAAUxuD,IAAgB5B,gBAAA,OAAiB0O,MAAO,CAACwW,QAAS,UAAW7kB,UAAW,MAAMN,SAAA,CAC7HD,eAAA,OAAKO,UAAU,SAAQN,SACrBD,eAAA,OAAKO,UAAU,eAAcN,SAAEqwD,EAAK7oD,kBAChCzH,eAAA,OAAKO,UAAU,SAAQN,SAC3BD,eAAA,OAAKO,UAAU,eAAcN,SAAEqwD,EAAK4I,cAChCl5D,eAAA,OAAKO,UAAU,SAAQN,SAC3BD,eAAA,OAAKO,UAAU,eAAcN,SAAEqwD,EAAK6I,0BAChCn5D,eAAA,OAAKO,UAAU,SAAQN,SAC3BD,eAAA,OAAKO,UAAU,eAAcN,SAAGqwD,EAAK8I,SAAUp/C,QAAQ,OACnDha,eAAA,OAAKO,UAAU,SAAQN,SAC3BD,eAAA,OAAKO,UAAU,eAAcN,WAAIqwD,EAAK+I,eAAer/C,QAAQ,SAVUlY,KAYhE9B,eAAA,OAAKO,UAAU,gBAAeN,SAACD,eAAA,KAAAC,SAAG,mCAK3C,KACdD,eAACoM,GAAc,CACbG,cAAekF,EAAclF,cAC7BC,UAAWiF,EAAcjF,UACzB08C,SAAUz3C,EAAcy3C,SACxBz8C,eAAgBgF,EAAchF,eAC9BC,YAAaA,EAAWzH,MACxB2H,oBAAqB6E,EAAczW,UACnC2R,QAASiG,EAAMjG,YAET,EC5Rd,MAAMhN,GAAUC,UAAOC,GAAG;;;;;4BAKEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqCXA;;;;;;;;4BAQWA;iBACXA;;;;;;;;;;0BAUSA;;;;;;;;;EC2EX45D,OArICA,KAAO,IAADC,EACpB,MAAOC,EAAYC,GAAiBt4D,mBAAiB,IAC9C9E,EAAOq9D,GAAYv4D,mBAAiB,KACpC+zD,EAASyE,GAAcx4D,mBAAiB,IAC/C5H,OAAOikD,OAASt3C,iBAEd,MAAMgN,EAAa0mD,WAAWC,sBACxBC,MAAM,GAAG9hE,qBAA2C,CACxD+hE,OAAQ,OACRC,KAAMngE,KAAKC,UAAU,CACnBoZ,WAAYA,MAEb/Y,MAAKgK,GAAOA,EAAI81D,SAAQ9/D,MAAKgK,IAC9Bs1D,EAAct1D,EAAI+1D,aAClBR,EAASv1D,EAAI9H,MAAM,IAClBjC,OAAM4lB,IACPtmB,IAAQC,OAAO,IAAIC,MAAMC,KAAKC,UAAUkmB,IAAM,GAElD,EAGA,MAAMm6C,EAAgB,QAATZ,EAAGhgE,cAAM,IAAAggE,OAAA,EAANA,EAAQa,eAGxBR,WAAWS,WAFK,GAIhBF,EAAQG,qBAAqBC,SAAShhE,QAiFtC,OACE2G,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,YAAWN,SACxBD,eAAA,OAAKQ,IAAI,uCAAuCC,IAAI,kBAEtDP,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CACnBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,KAAGO,UAAU,QAAON,SAAC,uBACrBD,eAACgX,GAAK,CACJlN,YAAY,qBACZE,aAAckrD,EACdxrD,UAAQ,EACRyN,UAAW,GACX3M,SAAWvF,GAAU00D,EAAW10D,KAElCjF,eAAA,OAAKO,UAAU,aAAaqO,MAAO,CAACF,MAAM,MAAOs3C,SAAU,iBAI7DhmD,eAAA,UAAQO,UAAU,YAAYqB,QAlGrBsE,UACb,GAAGgvD,EAAQle,OAAO17C,OAAS,EAEzB,YADAwN,SAASwuD,cAAc,eAAgBkD,UAAY,gCAGrD,MAAMC,EAAmB,IAAIN,EAAQO,YAE/BxnD,EAAa0mD,WAAWC,gBAExBc,EAAUf,WAAWgB,aAErBC,EAAWjB,WAAWkB,cAEtBC,EAA+BnB,WAAWoB,yBAChD,IAAIC,EAAqB,GACrBC,EAAuB,GAC3BH,EAA6Bz/D,OAAS,GAAKy/D,EAA6BlgD,KAAK,IAAIvf,OAAS,SAAYw+D,MAAM,GAAG5hE,6BAAkD6iE,EAA6BlgD,KAAK,WAAY,CAC7MtiB,QAAS,CACP,cAAiB,SAAS8D,IAC1B,eAAgB,sBAEjBlC,MAAKgK,GACNA,EAAI81D,SACJ9/D,MAAKjB,IACLA,EAASoC,OAAS,GAAKpC,EAASsd,SAAS3C,KACrCqnD,EAAc51D,SAASuO,EAAQsnD,aAAetnD,EAAQsnD,YAAeD,EAAcx2D,KAAKmP,EAAQsnD,WAAW,IAE/GF,EAAc/hE,CAAQ,IACrBkB,OAAM4lB,IACPtmB,IAAQC,OAAO,IAAIC,MAAM,WAAWC,KAAKC,UAAUkmB,IAAM,IAG3D,IAAIo7C,EAAqB,GACzBF,EAAc5/D,OAAS,SAAYw+D,MAAM,GAAG5hE,8BAAmDgjE,EAAcrgD,KAAK,WAAY,CAC5HtiB,QAAS,CACP,cAAiB,SAAS8D,IAC1B,eAAgB,sBAEjBlC,MAAKgK,GACNA,EAAI81D,SACJ9/D,MAAKjB,IACLkiE,EAAcliE,CAAQ,IACrBkB,OAAM4lB,IACPtmB,IAAQC,OAAO,IAAIC,MAAM,WAAWC,KAAKC,UAAUkmB,IAAM,IAI3D,MAAM9mB,QAAiB4gE,MAAM,GAAG9hE,mBAAyC,CACvE+hE,OAAQ,OACRC,KAAMngE,KAAKC,UAAU,CACnBo7D,QAASA,EACTmG,SAAUJ,EACVl+B,SAAUq+B,EACVP,SAAUA,EACV3nD,WAAYA,EACZynD,QAASA,MAIPx2D,QAAYjL,EAAS+gE,OAC3B,IAAIqB,EAAa,EAEhBn3D,EAAIuW,UAAYvW,EAAIuW,SAASpf,OAAS,GAAM6I,EAAIuW,SAASlE,SAASmE,IACjE2gD,GAAc3gD,EAAQ2lB,YAAY,IAGhCg7B,EAAa,IACfb,EAAiBrB,SAAW,CAC1BmC,SAAU/B,EACVgC,OAAQF,IAIZb,EAAiBgB,mBAAmB/2D,KAAK,IAAIy1D,EAAQuB,kBAAkB,iBAAkBxG,IAGzFiF,EAAQG,qBAAqBqB,QAAQlB,GACrCN,EAAQyB,WAAWriE,OAAO,EAqBwB0G,SAAC,wBAGzC,ECpId,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;wBAaFH;;;;;;eAMTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4DKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+BPA;;;;;;;;;mBASAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAwCAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiFOA;;;;;0BAKAA;;;;;4BAKEA;;;;4BAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAqDAA;;;;;;;;;;;;;;;;iBAgBXA;;;;;;;;;;;;;;;;;oBAiBGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuCLA;;;;;;;;;;;;;;;;;;;;;0BAqBWA;;;;;;;;;;iBAUTA;;;;;;;iBAOAA;;;;;;;;iBAQAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA0LIA;;;;;;;;;;;qBAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC5iBNm8D,OA9IYA,KACzB,MAAOC,EAAgBC,GAAqB56D,mBAAS,KAC9C66D,EAAWC,GAAgB96D,mBAAS,KACpC+6D,EAAUC,GAAeh7D,mBAAS,KAClCi7D,EAAYC,GAAiBl7D,oBAAS,GAC7C0E,qBAAU,KACRy2D,GAAY,GACX,IAEH,MAAMA,EAAat4D,uBAAY,KCd/BtL,EACG0N,KAAK,gCACLjM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YDSNiB,MAAMgK,IAC5Bsa,QAAQC,IAAIva,GACZ43D,EAAkB53D,EAAIC,KAAK,GAC3B,GACF,KAaKm4D,EAAwBC,GAA6Br7D,oBAAkB,GAExEs7D,EAAgBA,KCdtB/jE,EACG0N,KAAK,mCACLjM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YDSHiB,MAAKgK,IAC9Bm4D,IACAE,GAA0B,EAAM,GAChC,EAGE9Y,EAAeA,KACnB2Y,GAAc,GACdJ,EAAa,IACbE,EAAY,IACZF,EAAa,GAAG,EAGlB,OACE/7D,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,MAAAC,SAAI,wBACuB,IAA1B67D,EAAexgE,OAAe4E,gBAAA,OAAKK,UAAU,YAAWN,SAAA,CACvDC,gBAAA,UAAQK,UAAU,8BAA8BqB,QAASA,KACvDy6D,GAAc,EAAK,EACnBp8D,SAAA,CACED,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAEf5gD,eAAA,QAAAC,SAAM,2BAEPm8D,EACCp8D,eAAA,OAAKO,UAAU,kBAAiBN,SAC9BD,eAAA,QACEynB,SA1CiB/e,IAC3BA,EAAMgf,iBACN,MAAMq8B,EAAgB,CACpB2Y,QAASV,EACTW,UAAWT,GChBwB78C,MDkBrCqkC,KClBqCrkC,EDmBZ0kC,EClB3BrrD,EACG0N,KAAK,2BAA4BiZ,GACjCllB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aDYUiB,MAAKgK,IAC3Cm4D,GAAY,GACZ,EAiCsCr8D,SAE9BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCC,gBAAA,OAAKK,UAAU,cAAaN,SAAA,CAC1BD,eAAA,OAAKO,UAAU,QAAON,SAAC,4BACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAAS8hD,EAAazjD,SAEtBD,eAAC+lC,GAAS,SAGd7lC,gBAAA,OAAKK,UAAU,uBAAsBN,SAAA,CACnCC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJtN,UAAQ,EACRjO,KAAM,WACNqO,YAAY,0BACZU,SAAWvF,GAAUg3D,EAAah3D,OAItCjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJtN,UAAQ,EACRI,YAAY,yBACZU,SAAWvF,GAAUk3D,EAAYl3D,UAQvCjF,eAAA,UAAQvE,KAAK,SAAS8E,UAAU,WAAUN,SAAC,kCAOjD,QACGC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CAC/BD,eAAA,MAAAC,SAAI,iCACJD,eAAA,UAAQO,UAAU,WAAWqB,QAASA,IAAI46D,GAA0B,GAAMv8D,SAAC,kCAM5Es8D,GACCv8D,eAACugB,GAAK,CACJC,YAAa+7C,EACb97C,aAAcA,IAAM+7C,GAA0B,GAC9C97C,mBAAiB,EAAAzgB,SAEjBD,eAAA,OACEO,UAAW,eAAeN,SAE1BC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,QAAON,SAAC,+CAGvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACVqB,QAASA,KACP66D,GAAe,EACfx8D,SACH,4BASD,EE9IP,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;qBAYZH;;;;;;;;;;;;;;;;;;;;;;qBAsBAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAoGaA;;;;;kCAKAA;;;;;sCAKIA;;;;sCAIAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECpJhCC,GAAUC,UAAOC,GAAG;;;;wBAIFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA8CLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyCKA;;;;;;;;;;iBAUPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAoCKA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC8iBTwrB,OApqBQxsB,IAIyB,IAJxB,uBACEk+D,EAAsB,uCACtBC,EAAsC,cACtCxxC,EAAa,iBAAEC,GACC5sB,EACxC,MAAO6uB,EAAiBC,GAAsB7pB,IAAMxC,UAAkB,IAC/DssB,EAAUC,GAAe/pB,IAAMxC,WAAoBkqB,IACnDyxC,EAA8BC,GAAmC57D,mBAA4B,KAC9F,WAAC5G,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAChDwyB,EAAeC,GACpBzsB,mBAAc,CACZ0sB,WAAY,GACZC,kBAAmB,GACnBkvC,4BAA6B,KAC7BC,eAAgB,KAGdruC,EAAyBA,CAACluB,EAAcuE,KAC5C2oB,GAAkBpV,IACT,IAAIA,EAAW,CAAC9X,GAAOuE,KAC9B,GAIG4pB,EAAuBC,GAC5BnrB,IAAMxC,UAAkB,IACnB4tB,EAA2BC,GAChCrrB,IAAMxC,UAAkB,IACnB+7D,EAAiBC,GAAsBh8D,mBAAiB,KACxD8tB,EAAoBC,GAAyBvrB,IAAMxC,SAExD,KACKguB,EAA2BC,GAChCzrB,IAAMxC,SAA8B,KAC/BkuB,EAAwBC,GAC7B3rB,IAAMxC,SAAgC,CACpCiX,YAAa,EACbD,MAAO,GACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAGhBkX,EAA8BC,GACnC7rB,IAAMxC,UAAkB,GA+BpBsvB,EAAwBzsB,uBAAYkC,UACxC8oB,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMoX,EAAuBpX,KAAKmU,WAClCtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,KACbiQ,OAAQ29C,SAEJr8C,GAAqB9C,GAAiB5jB,MAAMjB,IAChDg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAG1C2W,GAA6B,EAAM,GACnC,GACF,CAACK,EAAuBlX,MAAOkX,EAAuBpX,KAAMilD,IACxDztC,EAAkCxX,IACtC+W,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOkX,EAAuBlX,MAAMiU,WACpCnU,KAAMA,EAAKmU,WACXtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,KACbiQ,OAAQ29C,GAEVr8C,GAAqB9C,GAAiB5jB,MAAMjB,IAC1Cg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAI1C2W,GAA6B,EAAM,GACnC,EAgDEouC,EAA8BA,KpM9CsBn8C,MoM+CvC,OAAboK,QAAa,IAAbA,KAAejsB,IACjBsuB,GAAY,IpMhD0CzM,EoMiDVoK,EAAcjsB,GpMhD9D1G,EACG0N,KAAK,wBAAyB,CAAEhH,GAAI6hB,IACpC9mB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aoM0CkCiB,MAAMjB,IAClE00B,EAAiB,CACfC,WAAY30B,EAASkL,KAAKA,KAAK1D,KAC/BotB,kBAAmB50B,EAASkL,KAAKA,KAAKmoB,YACtCywC,4BAA6BziE,EAAWwB,KAAKshE,yBAA2BnkE,EAASkL,KAAKA,KAAK44D,4BAA8B,KACzHC,eAAgB/jE,EAASkL,KAAKA,KAAK8kD,WAErC95B,EAA6Bl2B,EAASkL,KAAKA,KAAK+Y,OAChD2R,GAAyB,GACzBtB,GAAmB,EAAM,KAG3BA,GAAmB,EACrB,EAIF3nB,qBAAU,KACRu3D,IACAxa,GAAuB,GACtB,IAEH/8C,qBAAU,KACR,MAAMqa,EAAUhT,YAAW,KACzBujB,GAAuB,GACtB,KAEH,MAAO,IAAMtQ,aAAaD,EAAQ,GACjC,CAACg9C,IAEJ,MAAMxsC,EAA6B,CACjC,CACEhwB,KACEV,eAAC6sB,GAAa,CACZC,QAASyC,EACTxC,cAAeA,KA3JjBwC,EACFN,EAAmBzY,SAASc,IACZ6X,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOkY,EAAalY,MAExB,GACXgwB,GAA8B5W,GAC5BA,EAAU9S,QAAQ3F,GAASA,EAAKX,KAAOkY,EAAalY,MAExD,IAGF6vB,EAAmBzY,SAASc,IACZ6X,EAA0BwB,WACrC5wB,GAASA,EAAKX,KAAOkY,EAAalY,KAEzB,GACVgwB,GAA8B5W,GAAc,IACvCA,EACHlB,IAEJ,SAGJkY,GAAiCD,MAsI/B5V,SAAU,OACVsC,SAAU,OACVxC,KAAOC,IACL,OACExZ,gBAAA,SAAO8sB,QAAS,QAAQtT,EAAIta,KAAMmB,UAAU,WAAUN,SAAA,CACpDD,eAAA,SACEvE,KAAK,WACL2D,GAAI,QAAQsa,EAAIta,KAChB0tB,SA3DoBvP,EA2DY7D,EAAIta,KA1DhC+vB,EAA0BwB,WACrC5wB,IACSA,EAAKX,MAAQme,IAGR,IAsDPlS,SAAUA,KAAMulB,OAzEK70B,EAyEmB2d,OAxEpCyV,EAA0BwB,WACrC5wB,IAAUA,EAAKX,MAAQrD,EAAKqD,KAEnB,EACVgwB,GAA8B5W,GAAc,IAAIA,EAAWzc,MAE3DqzB,GAA8B5W,GAC5BA,EAAU9S,QAAQ3F,IAAUA,EAAKX,MAAQrD,EAAKqD,OAEhDowB,GAAgC,KAVHzzB,KAyEwB,IAE/CiE,eAAA,QAAMO,UAAU,qBA9DMgd,KA+DhB,GAId,CACE7c,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAAD4Q,EAC7C,OAAOtqB,eAAA,OAAAC,SAAmB,QAAnBqqB,EAAM5Q,EAAI8Q,iBAAS,IAAAF,IAAI,KAAU,GAG5C,CACE5pB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADiR,EAC7C,OAAO3qB,eAAA,OAAAC,SAAqB,QAArB0qB,EAAMjR,EAAIkR,mBAAW,IAAAD,IAAI,KAAU,GAG9C,CACEjqB,KAAM,WACN+Y,KAAOC,IAAyC,IAADmR,EAC7C,OAAO7qB,eAAA,OAAAC,SAAwB,QAAxB4qB,EAAMnR,EAAIoR,sBAAc,IAAAD,IAAI,KAAU,GAGjD,CACEnqB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,aAKrD4c,EAAoC,CACxC,CACE3rB,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAADmX,EAC7C,OAAO7wB,eAAA,OAAAC,SAAmB,QAAnB4wB,EAAMnX,EAAI8Q,iBAAS,IAAAqG,IAAI,KAAU,GAG5C,CACEnwB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADoX,EAC7C,OAAO9wB,eAAA,OAAAC,SAAqB,QAArB6wB,EAAMpX,EAAIkR,mBAAW,IAAAkG,IAAI,KAAU,GAG9C,CACEpwB,KAAM,WACN+Y,KAAOC,IAAyC,IAADqX,EAC7C,OAAO/wB,eAAA,OAAAC,SAAwB,QAAxB8wB,EAAMrX,EAAIoR,sBAAc,IAAAiG,IAAI,KAAU,GAGjD,CACErwB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,YAEtD,CACD/O,KAAM,GACNiZ,SAAU,OACVsC,SAAU,OACVxC,KAAOC,GACE1Z,eAAA,OAAKO,UAAU,SAAQN,SAC5BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAM07D,EAAkB5jD,EAAIta,IAAIa,SAEzCD,eAACwlB,GAAU,UAOf83C,EAAqBl+D,IACzBgwB,EAA6B,IAAID,EAA0BzpB,QAAO3J,GAAQA,EAAKqD,KAAOA,KAAK,GAItF4xB,EAA0BC,GAC/BttB,IAAMxC,UAAkB,IACnB+vB,EAA+BC,GACpCxtB,IAAMxC,SAAiB,IAuCnByhD,EAA6B18C,gBAC3By4C,KAA2BxkD,MAAMgK,GACjB,OAAbA,EAAIC,KACP24D,EAAgC54D,EAAIC,KAAK3C,KAAK1B,IAAoB,CAACkF,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAKW,UAAWq8D,EAAgC,KAC9I,EAGJ,OACE78D,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACxBwtB,EAAW,OAAS,SAAS,kBAC5BA,EAWA,GAVAztB,eAACoxB,GAAc,CAAAnxB,SACbC,gBAAA,QAAMK,UAAU,eAAeqO,MAAO,CAAC+E,WAAY,IAAI1T,SAAA,CACrDD,eAACiJ,GAAQ,IACTjJ,eAAA,QAAMO,UAAU,qBAAoBN,SAAC,2HAU7CD,eAAA,OACEO,UAAW,YACTgtB,EAAkB,eAAiB,IAClCttB,SAEHD,eAAA,OAAKO,UAAU,oBAAmBN,SAChCD,eAAA,QACEynB,SAtEuB/e,IAC/BA,EAAMgf,iBACNuJ,GAA4B,GAC5B,MAAMI,EAAwB,CAC5BxD,WAAYF,EAAcE,WAC1BC,kBAAmBH,EAAcG,kBACjCkvC,4BAA6BziE,EAAWwB,KAAKshE,yBAA2B1vC,EAAcqvC,4BAA8B,KACpHC,eAAgBtvC,EAAcsvC,eAAiBtvC,EAAcsvC,eAAiB,GAE1E7J,EAAmB,GpMtU3Br1C,MoMuUEoR,EAA0B3Y,SAASc,IACjC87C,EAAU1uD,MAAM4S,EAAalY,GAAG,IAElCiyB,EAAiBlU,MAAQ8a,MAAMC,KAAK,IAAItyB,IAAIwtD,IACxC3lC,GACF4D,EAAiBjyB,GAAKisB,EAAcjsB,IpM5UxC2e,EoM6U+CsT,EpM3U/C34B,EACG0N,KAAK,2BAA4B2X,GACjC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aoMsUzBiB,MAAK,KACJyiE,GAAuB,GACvBC,GAAwC,IAEzCziE,OAAOhB,IACN63B,GAA4B,GAC5BE,EAAiC/3B,EAAMgL,KAAKmC,QAAQ,KpMxU5DwX,IAEArlB,EACG0N,KAAK,2BAA4B2X,GACjC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YoMmU5BqkE,CAA2ClsC,GACxCl3B,MAAK,KACJyiE,GAAuB,GACvBC,GAAwC,IAEzCziE,OAAOhB,IACN63B,GAA4B,GAC5BE,EAAiC/3B,EAAMgL,KAAKmC,QAAQ,GAE1D,EAoCQhG,UAAW,IACTywB,EACI,+BACA,mBACH/wB,SAEHC,gBAAA,OAAKK,UAAU,iBAAgBN,SAAA,CAC7BD,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACgX,GAAK,CACJlN,YAAY,oBACZxC,MAAM,sBAENoC,UAAQ,EACRM,aAAc2jB,EAAcE,WAC5BrjB,SAAWvF,GACT2pB,EAAuB,aAAc3pB,OAI3CjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAAC0lB,GAAQ,CACPpe,MAAM,cACNwC,YAAY,aACZE,aAAc2jB,EAAcG,kBAC5BtjB,SAAWvF,GACT2pB,EAAuB,oBAAqB3pB,OAIjD1K,EAAWwB,KAAKshE,yBAA4Bn9D,gBAAAyB,YAAA,CAAA1B,SAAA,CAAED,eAAA,OAAKO,UAAU,aAAYN,SACtED,eAACs4B,GAAQ,CAACC,WAAY5K,EAAcqvC,4BAA8B,EAAG11D,MAAO,4CAA6C+D,SAAWyhB,IAClI8B,EAAuB,8BAA+B9B,GAAUgwC,EAA6BxhE,OAAS,GAAKwhE,EAA6B,GAAG73D,MAAY,EAAE,OAE3J0oB,EAAcqvC,4BAA8B,GAAMh9D,eAAA,OAAKO,UAAU,aAAYN,SAC7ED,eAAC6J,GAAM,CACLK,aAAc4yD,EAA6BxhE,OAAQ,EAAIwhE,EAA+B,CAAC,CAAC73D,MAAO,EAAGqC,MAAO,oBACzG6C,gBAAiB,SACjB7C,MAAM,2BACN0C,aAAc8yD,EAA6BxhE,OAAQ,IAAMqyB,EAAcqvC,4BAA8B,EAAIF,EAA6B93C,MAAKjlB,GAAQA,EAAKkF,SAAW0oB,EAAcqvC,8BAA+B,CAAC/3D,MAAO,EAAGqC,MAAO,mBAClO8C,oBAAkB,EAClBI,SAAWvF,IACT2pB,EAAuB,8BAAgC3pB,EAAM,SAEpD,KAEjBjF,eAAA,OAAKO,UAAU,aAAYN,SACzBD,eAACs4B,GAAQ,CAACC,WAAY5K,EAAcsvC,eAAiB,EAAG31D,MAAO,wCAAyC+D,SAAWyhB,IACjH8B,EAAuB,iBAAkB9B,EAAU,GAAK,EAAE,OAE5Da,EAAcsvC,eAAiB,GAAMj9D,eAAA,OAAKO,UAAU,aAAYN,SAChED,eAACgX,GAAK,CACJlN,YAAY,WACZxC,MAAM,iBACN7L,KAAM,SACNyb,IAAK,IACLD,IAAK,EACLvN,UAAQ,EACRM,aAAc2jB,EAAcsvC,eAC5BzyD,SAAWvF,GACT2pB,EAAuB,kBAAmB3pB,EAAQ,EAAI,GAAKA,EAAQ,IAAM,IAAMA,OAKrF/E,gBAAA,OAAKK,UAAU,yBAAwBN,SAAA,CACrCC,gBAAA,OAAKK,UAAU,MAAKN,SAAA,CAClBD,eAAA,OAAKO,UAAU,QAAON,SAAC,cACvBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,kBACVqB,QAASA,IACPktB,GAA0BD,GAC3B5uB,SAEA4uB,EACG,yBACA,uBAELA,EAAwB7uB,eAAA,OAAKO,UAAU,cAAaN,SACnDD,eAACgX,GAAK,CACJlN,YAAY,YACZxJ,KAAMN,eAACogB,GAAU,IACjBpW,aAAckzD,EACd1yD,SAAWvF,GACTk4D,EAAmBl4D,OAGhB,QAGXjF,eAAA,OAAKO,UAAU,OAAMN,SAClB4uB,EACC7uB,eAAA,OACEO,UAAW,kBACTwuB,EAA4B,eAAiB,IAC5C9uB,SAEHD,eAAA,OAAKO,UAAU,iBAAgBN,SAC9BgvB,EAAmB3zB,OAAS,EACzB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASyV,EACTtsB,KAAM6qB,MAGV/uB,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BC,gBAAA,OAAKK,UAAU,WAAUN,SAAA,CACvBD,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SAAUglB,EAAuBpX,MAAQ,EACzCrW,QAASA,IACP6tB,EACEJ,EAAuBpX,KAAO,GAEjChY,SAEDD,eAACyY,GAAa,MAEhBzY,eAAA,UACEO,UAAU,YACV9E,KAAK,SACL4O,SACEglB,EAAuBnX,mBACvBmX,EAAuBpX,KAEzBrW,QAASA,IACP6tB,EACEJ,EAAuBpX,KAAO,GAEjChY,SAEDD,eAAC0Y,GAAgB,MAEnBxY,gBAAA,OAAKK,UAAU,OAAMN,SAAA,CAClBovB,EAAuBpX,KACtBoX,EAAuBlX,MACvBkX,EAAuBlX,MAAM,IAE9BkX,EAAuBpX,KACtBoX,EAAuBlX,MACvBkX,EAAuBlX,MACvBkX,EAAuBjX,YAAa,IAAI,OACrC,IACJiX,EAAuBhX,wBAG5BnY,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,OAAMN,SAAC,kBACtBD,eAAC6J,GAAM,CACLK,aAAc0N,GACd5N,aAAc,CACZ/E,MACEoqB,EAAuBlX,MAAMiU,WAC/B9kB,MACE+nB,EAAuBlX,MAAMiU,YAEjCjiB,gBAAgB,MAChBT,UAAQ,EACRc,SAAWvF,IA9eNysB,KACnC1C,GAA6B,GAC7B,MAAMjR,EAAkB,CACtB5F,MAAOuZ,EACPzZ,KAAMoX,EAAuBpX,KAAKmU,WAClCtZ,UAAW,IAAIxD,KAAK,KAAM,EAAG,GAC7B3C,QAAS,IAAI2C,KACbiQ,OAAQ29C,GAEVr8C,GAAqB9C,GAAiB5jB,MAAMjB,IAC1Cg2B,EAAsBh2B,EAASkL,KAAK+Y,OACpCmS,EAA0B,CACxBlX,YAAa2H,OAAO7mB,EAASkL,KAAKgU,aAClCD,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAKiU,qBAI1C2W,GAA6B,EAAM,GACnC,EA0d8B2C,CACE1sB,EAAMmnB,WACP,EAEHhiB,oBAAkB,aAM1BpK,eAAA,OAAKO,UAAU,gBAAeN,SAAC,6BAOrCD,eAAA,OAAAC,SACGkvB,EAA0B7zB,OAAS,EAClC0E,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASoR,EACTjoB,KAAM+qB,MAIVnvB,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yCASxCixB,EACClxB,eAAA,OAAKO,UAAU,qBAAoBN,SAChCixB,IAED,KACJhxB,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,YACVqB,QAASA,KAAOg7D,GAAuB,GAAQtxC,EAAiB,KAAK,EAAErrB,SACxE,WAGDC,gBAAA,UAAQzE,KAAK,SAAS8E,UAAU,WAAUN,SAAA,CACvCwtB,EAAW,SAAW,SAAS,mCAOpC,EChsBP,MAAM1U,GAAqBnZ,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAqF1BH;;;;;;;EC6YH89D,OAvciB9+D,IASQ,IATP,KACEua,EAAI,YACJE,EAAW,aACXwG,EAAY,uCACZk9C,EAAsC,gBACtCY,EAAe,eACf7L,EAAc,oBACdQ,EAAmB,aACnB3b,GACD/3C,EAChC,MAAMmO,EAAWrE,iBAAuB,OACjCsE,EAAaC,GAAkB5L,mBAAc,cAC7Cu8D,EAAgCC,GAAqCx8D,oBAAkB,IACvFqjB,EAAqBC,GAA0BtjB,oBAAkB,IACjEujB,EAAcC,GAAmBxjB,mBAAmC,OACpEy8D,EAAyBC,GAA8B18D,mBAAc,MACtE6L,EAA2BC,IAC/BF,EAAeE,EAAU,EAIrB8kD,EAA0BA,CAAC3yD,EAAY4lD,EAAoB//C,KAI/DkU,EAAY/Z,GAAM,IAAI+Z,EAAY/Z,GAAK,CAAC4lD,GAAa//C,GACrD2sD,EAAe,IAAIz4C,GAAa,EAG5B+4C,EAAyB9tD,IAC7BqyC,GAAa,GACb,MAAMxxB,EAAc,IACf7gB,EACH6c,SAAUw8C,EACVxL,WAAYl/C,KAAO3O,EAAK6tD,YAAYh/C,OAAO,uBAC3CgiB,SAAU7wB,EAAK6wB,SAAWliB,KAAO3O,EAAK6wB,UAAUhiB,OAAO,uBAAyB,MvB5C3BoM,SuB8CZ4F,EvB7C7CvsB,EACG0N,KAAK,wCAAyCiZ,GAC9CllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auBuC0BiB,MAAKgK,IAC3DiuD,EAAoBqL,EAAgB,IACnC/5C,SAAQ,KACT+yB,GAAa,EAAM,GACnB,EAOEqnB,EAAkC1+D,IvB/CiBigB,MuBgDvDo3B,GAAa,IvBhD0Cp3B,EuBiDZ,CAACjgB,MvBhD9C1G,EACG0N,KAAK,2CAA4CiZ,GACjDllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auB0CmBiB,MAAKgK,IACpDiuD,EAAoBqL,EAAgB,IACnC/5C,SAAQ,KACT+yB,GAAa,GACbknB,GAAkC,EAAM,GACxC,EAGEI,EAA2B3+D,IvB/CiBigB,MuBgDhDo3B,GAAa,IvBhDmCp3B,EuBiDZ,CAACjgB,KAAI6hB,SAAUw8C,GvBhDrD/kE,EACG0N,KAAK,oCAAqCiZ,GAC1CllB,MAAMjB,GACEA,EAASkL,OAEjBhK,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auB0CuCiB,MAAKgK,IACxEiuD,EAAoBqL,GACpBZ,GAAwC,IACvCn5C,SAAQ,KACT+yB,GAAa,GACbhyB,GAAuB,EAAM,GAC7B,EAYE4H,EAAoC,CACxC,CACE3rB,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAI7c,MACHmD,eAAA,OAAKQ,IAAKkZ,EAAI7c,MAAO4D,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEHxZ,gBAAA,OAAAD,SAAA,CACGyZ,EAAI0J,WAAW,IAAE1J,EAAI2J,cAK9B,CACE3iB,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAItQ,SAGrB,CACE1I,KAAM,QACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI0D,SAGrB,CACE1c,KAAM,SACN+Y,KAAOC,IAAyC,IAAD4Q,EAC7C,OAAOtqB,eAAA,OAAAC,SAAmB,QAAnBqqB,EAAM5Q,EAAI8Q,iBAAS,IAAAF,IAAI,KAAU,GAG5C,CACE5pB,KAAM,kBACN+Y,KAAOC,IAAyC,IAADiR,EAC7C,OAAO3qB,eAAA,OAAAC,SAAqB,QAArB0qB,EAAMjR,EAAIkR,mBAAW,IAAAD,IAAI,KAAU,GAG9C,CACEjqB,KAAM,WACN+Y,KAAOC,IAAyC,IAADmR,EAC7C,OAAO7qB,eAAA,OAAAC,SAAwB,QAAxB4qB,EAAMnR,EAAIoR,sBAAc,IAAAD,IAAI,KAAU,GAGjD,CACEnqB,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GACE1Z,eAAA,OAAAC,SAAM,IAAIqP,KAAKoK,EAAIsR,YAAYvb,eAAe,YAEtD,CACD/O,KAAM,GACNiZ,SAAU,OACVsC,SAAU,OACVxC,KAAOC,GACE1Z,eAAA,OAAKO,UAAU,SAAQN,SAC5BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAlFjB+iB,EAkF8CjL,QAjF9C+K,GAAuB,IAiF4BxkB,SAE3CD,eAACwlB,GAAU,UAOfwsC,EAA8B,CAClC,CACEtxD,KAAM,eACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,eACZJ,UAAQ,EACRM,aAAc0P,EAAIskD,aAClB5yD,aAAa,MACb+wC,QAASh+C,GAAKub,EAAIskD,aAAe7/D,EAAEk+C,cAAcp3C,MACjD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIskD,gBAMd,CACEt9D,KAAM,gBACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,gBACZJ,UAAQ,EACRM,aAAc0P,EAAI+lC,cAClBr0C,aAAa,MACb+wC,QAASh+C,GAAKub,EAAI+lC,cAAgBthD,EAAEk+C,cAAcp3C,MAClD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI+lC,iBAMd,CACE/+C,KAAM,MACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,MACZJ,UAAQ,EACRM,aAAc0P,EAAIuoC,IAClB72C,aAAa,MACb+wC,QAASh+C,GAAKub,EAAIuoC,IAAM9jD,EAAEk+C,cAAcp3C,MACxC2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIuoC,OAMd,CACEvhD,KAAM,mBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAAA,SACE8J,YAAY,mBACZJ,UAAQ,EACRjO,KAAM,SACNwb,IAAK,EACLC,IAAK,IACLilC,QAASh+C,IAAMA,EAAEk+C,cAAcp3C,OAAS,EAAIyU,EAAIwvC,SAAW,GAAK/qD,EAAEk+C,cAAcp3C,OAAS,IAAMyU,EAAIwvC,SAAW,IAAMxvC,EAAIwvC,SAAW/qD,EAAEk+C,cAAcp3C,MACnJ+E,aAAc0P,EAAIwvC,SAClB99C,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIwvC,YAMd,CACExoD,KAAM,aACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHnlB,eAACgyB,GAAQ,CACPE,SAAU,IAAI5iB,KAAKoK,EAAIu4C,YACvB5mD,SAAWlN,GAAMA,GAAK,IAAImR,KAASyiD,EAAwBjwD,EAAO,aAAc3D,EAAEm2B,WAAay9B,EAAwBjwD,EAAO,aAAcwN,KAAKw2C,OACjJ7zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,KAGT,GAAGyL,KAAO2G,EAAIu4C,YAAYh/C,OAAO,oBAM3C,CACEvS,KAAM,WACNiZ,SAAU,MACVF,KAAMA,CAACC,EAA0B5X,IAE7B9B,eAAA,OAAAC,SACGyZ,EAAIyL,KACHjlB,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAACs4B,GAAQ,CAAChxB,MAAO,eAAgBixB,YAAa7e,EAAIub,SAAU5pB,SAAWyhB,GAA0EilC,EAAwBjwD,EAAO,WAA5FgrB,EAAwGxd,KAAKw2C,MAAxD,UACtIpsC,EAAIub,UAAaj1B,eAACgyB,GAAQ,CAC3BE,SAAU,IAAI5iB,KAAKoK,EAAIub,UACvB5pB,SAAWlN,GAAMA,GAAK,IAAImR,KAASyiD,EAAwBjwD,EAAO,WAAY3D,EAAEm2B,WAAay9B,EAAwBjwD,EAAO,WAAYwN,KAAKw2C,OAC7I7zB,WAAW,eACXE,YAAY,EACZ7qB,MAAO,QAMX,GAAGoS,EAAIub,SAAWliB,KAAO2G,EAAIub,UAAUhiB,OAAO,eAAiB,iBAMzE,CACEvS,KAAM,GACNiZ,SAAU,MACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIyL,KAkBJnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMswD,EAAsBx4C,GAAKzZ,SAC3C,SArBDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,KAAMmuD,OA7RV3wD,EA6RsBsa,EAAIta,QA5R7CwyD,EAAez4C,EAAY1X,KAAK1B,GAAcA,EAAKX,KAAOA,EAAKW,EAAO,IAAIA,EAAMolB,MAAM,GAAQplB,KAD3EX,KA6R8B,EAAAa,SAEnCD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,KAtQvBi8D,EAsQ2DnkD,QArQ3DikD,GAAkC,IAqQ8B19D,SAElDD,eAACwlB,GAAU,aA8B3B,OACExlB,eAAA2B,YAAA,CAAA1B,SACGgZ,EAAO/Y,gBAAC6Y,GAAkB,CAAA9Y,SAAA,CACzBD,eAAA,OAAKO,UAAU,qBAAoBN,SACjCD,eAAA,OAAKO,UAAU,mBAAkBN,SAC/BC,gBAACP,GAAO,CAAAM,SAAA,CACNC,gBAAA,OAAKK,UAAU,eAAcN,SAAA,CAC3BD,eAAA,OACEO,UAAW,gBACO,cAAhBuM,EAA8B,cAAgB,IAC7C7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,aAAa/M,SACrD,gBAIHD,eAAA,OACEO,UAAW,gBACO,sBAAhBuM,EAAsC,cAAgB,IACrD7M,SAEHD,eAAA,UACEvE,KAAK,SACLmG,QAASA,IAAMoL,EAAwB,qBAAqB/M,SAC7D,2BAKLD,eAAA,OAAKb,IAAK0N,EAAUtM,UAAU,gBAAeN,SAC3CD,eAAA,OAAKO,UAAU,QAAON,SACH,cAAhB6M,EACC9M,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAACgb,KAAS,CAACE,UAAQ,EAACD,QAASoR,EAAmCjoB,KAAMub,UAM5E3f,eAAA2B,YAAA,CAAA1B,SACEC,gBAAA,OAAKK,UAAU,gBAAeN,SAAA,CAC5BD,eAAA,OAAKO,UAAU,uBAAsBN,SACnCD,eAAA,UACEvE,KAAK,SACL8E,UAAW,YACXqB,QAASA,IA9Dbq8D,MACpB,MAAMzL,EAAsB,CAC1BrtC,MAAM,EACN64C,aAAc,GACdve,cAAe,GACfwC,IAAK,GACLiH,SAAU,GACV+I,WAAY3iD,KAAKw2C,MACjB7wB,SAAU3lB,KAAKw2C,OAEjB8L,EAAe,IAAIz4C,EAAaq5C,GAAgB,EAoDTyL,GAAgBh+D,SAChC,+BAIHD,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACgb,KAAS,CAACE,UAAQ,EAACD,QAAS+2C,EAA6B5tD,KAAM+U,sBAUlFnZ,eAACkkB,GAAW,CAACC,UAAWK,EAAqBJ,aAAcK,EAAwBH,aAAcA,KAC/FK,EAAgB,MAChBF,GAAuB,EAAM,EAC5BJ,cAAeA,KAChB05C,EAAwBr5C,EAActlB,GAAG,EACxCR,MAAO,6CAAyD,OAAZ8lB,QAAY,IAAZA,OAAY,EAAZA,EAActb,iCAErEpJ,eAACkkB,GAAW,CAACC,UAAWu5C,EAAgCt5C,aAAcu5C,EACzD/+D,MAAO,yDAAgF,OAAvBg/D,QAAuB,IAAvBA,OAAuB,EAAvBA,EAAyBI,sCACzF15C,aAAcA,KACZu5C,EAA2B,MAC3BF,GAAkC,EAAM,EACvCt5C,cAAeA,IAAMy5C,EAA+BF,EAAyBx+D,SAEvE,MAEvB,EClNQ8+D,OA1PsBA,KACnC,MAAOC,EAAqBvB,GAA0Bz7D,oBAAS,IACxDi9D,EAAqBC,GAA0Bl9D,oBAAS,IACxDkqB,EAAeC,GAAoBnqB,mBAAc,OACjDgY,EAAay4C,GAAkBzwD,mBAAgC,KAC/Dm9D,EAAe1+C,GAAmBze,mBAAgB,KAClDs8D,EAAiBc,GAAsBp9D,mBAAwB,OAC/Dq9D,EAAqBC,GAA0Bt9D,mBAAgB,KAC/D0wD,EAAiBC,GAAsB3wD,mBAAgC,CAC5EiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAEd0F,EAAiB/F,GACtB7W,mBAAmC,CACjCgX,MAAO,KACPF,KAAM,IACNsH,OAAQ,QAELi3B,EAAWC,GAAgBt1C,oBAAS,IACpCmb,EAASC,GAAcpb,mBAAc,CAAC,GAEvCu9D,EAA8B,CAClC,CACEh+D,KAAM,aACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIhZ,QAKb,CACEA,KAAM,oBACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAI6S,eAKb,CACE7rB,KAAM,iBACNiZ,SAAU,MAEVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIwvC,YAKb,CACExoD,KAAM,kBACNiZ,SAAU,MACVF,KAAMA,CAACC,EAAU5X,IAEb9B,eAAA,OAAAC,SACGyZ,EAAIlE,kBAMb,CACE9U,KAAM,GACNiZ,SAAU,MACVF,KAAOC,GAEHxZ,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBD,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,IAAM+8D,EAAqBjlD,GAAKzZ,SAEzCD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAAMg9D,EAAoBllD,GAAKzZ,SAExCD,eAACwlB,GAAU,WAQjBo5C,EAAuB70C,IAC3Bs0C,GAAuB,GACvB/yC,EAAiBvB,EAAM,EAGnB40C,EAAwB50C,IAC5B6yC,GAAuB,GACvBtxC,EAAiB,MACjBpe,YAAW,KACToe,EAAiBvB,GACjB6yC,GAAuB,EAAK,GAC3B,IAAI,EAGHiC,EAAuBz/D,IvMR7B2e,IAEArlB,EACG0N,KAAK,2BAA4B2X,GACjC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YuMC9B4lE,CAA2C,CAAC1/D,OAAKjF,MAAKgK,IACpDk6D,GAAuB,GACvB/yC,EAAiB,MACjBuxC,GAAwC,GACxC,EAGEA,EAAyC74D,uBAAY,KvMmCFmd,SuMlCZpD,EvMmC7CrlB,EACG0N,KAAK,yBAA0B+a,GAC/BhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,auMzC8BiB,MAAKgK,IAC/Ds6D,EAAuBt6D,EAAIC,KAAKA,KAAOD,EAAIC,KAAKA,KAAO,IACvDqa,QAAQC,IAAIva,EAAIC,MAChB0tD,EAAmB,CACjB15C,YAAa2H,OAAO5b,EAAIC,KAAK+T,OAC7BA,MAAO4H,OAAO5b,EAAIC,KAAK+T,OACvBF,KAAM8H,OAAO5b,EAAIC,KAAK6T,MACtBC,kBAAmB6H,OAAO5b,EAAIC,KAAK8T,mBACnCG,kBAAmB0H,OAAO5b,EAAIC,KAAK26D,8BACnC,GACF,GACD,CAAChhD,IAEEihD,EAA4Bh7D,uBAAa5E,IvMWiBA,IAChE1G,EACG0N,KAAK,yBAA0B,CAAChH,OAChCjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YuMjB9B+lE,CAAkD7/D,GAAIjF,MAAKgK,IACzDytD,EAAeztD,EAAIC,KAAK86D,iBAAmB/6D,EAAIC,KAAK86D,iBAAmB,IACvEt/C,EAAgBzb,EAAIC,KAAK+Y,MAAQhZ,EAAIC,KAAK+Y,MAAQ,GAAG,GACrD,GACD,IAWH,OATAtX,qBAAU,KACR,MAAMqa,EAAUhT,YAAW,KACzB2vD,GAAwC,GACvC,KAEH,MAAO,IAAM18C,aAAaD,EAAQ,GAEjC,CAACnC,IAGF7d,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,sBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZJ,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACT+S,EAAmB,IAAI+F,EAAiBwB,OAAQta,QAItDjF,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,KACPg7D,GAAuB,GACvBtxC,EAAiB,MACjBpe,YAAW,IAAI0vD,GAAuB,IAAO,EAAE,EAC/C38D,SACH,+BAKFk+D,GAAwBn+D,eAAA,OAAKO,UAAU,kBAAiBN,SACnDC,gBAAA,OAAKK,UAAU,0CAAyCN,SAAA,CACtDD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,QACVqB,QAASA,KACPg7D,GAAuB,GACvBtxC,EAAiB,KAAK,EACtBrrB,SAEFD,eAAC+lC,GAAS,QAGd/lC,eAAA,OAAK4O,MAAO,CAACJ,QAAS,OAAQ8M,WAAY,UAAUrb,SAClDD,eAAA,OAAKO,UAAU,aAAaqO,MAAO,CAAC5P,MAAO,QAAQiB,SACjDD,eAAA,OAAK4O,MAAO,CACVJ,QAAS,OACTy+C,cAAe,SACfjuD,MAAO,QACPiB,SACAD,eAACm/D,GAAwB,CAACvC,uBAAwBA,EACxBC,uCAAwCA,EACxCxxC,cAAeA,EAAeC,iBAAkBA,eAOxFtrB,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASyjD,EACTt6D,KAAMo6D,EACN5hD,gBAAc,EACdE,sBAAwBpD,GAASA,IAAQ4C,EACzCmB,mBAAoBA,CAACC,EAAMhE,KACzB6C,EAAW7C,GACXkG,EAAgB,IAChBgyC,EAAe,IACfoN,GAA2BtlD,EAAIta,IAC/Bm/D,GAAoB7kD,EAAIta,GAAG,EAE7B4d,wBACEhd,eAACw9D,GAAW,CAACrkD,YAAaA,EAAaskD,gBAAiBA,EAAiBxkD,MAAM,EAClE0G,aAAc2+C,EAAe1M,eAAgBA,EAC7CiL,uCAAwCA,EACxCzK,oBAAqB4M,EAA2BvoB,aAAcA,MAG/Ez2C,eAAC+X,GAAU,IACL85C,EACJv5C,aAAcyF,EAAgB5F,MAC9BH,mBAAoBA,SAK1BhY,eAACkkB,GAAW,CAACC,UAAWi6C,EAAqBh6C,aAAci6C,EAAwBz/D,MAAO,yEACjE,OAAbysB,QAAa,IAAbA,OAAa,EAAbA,EAAe3qB,SAAU4jB,aAAcA,KACjDgH,EAAiB,MACjB+yC,GAAuB,EAAM,EAC5Bh6C,cAAeA,KAChBw6C,EAAoBxzC,EAAejsB,GAAG,MAGhC,ECvQd,MAAMO,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmEFH;;;;;;;;;;;;;;;;;;;iBAmBPA;;;;;;;;;;;;;;4BAcWA;;;;;;;;;;;;;;;;;;;kCAmBMA;;;;;;;;;;mBAUfA;;;;;;;;;;;;sBAYGA;;;;sBAIAA;;;;;wBAKEA;;;wBAGAA;;;;;;;wBAOAA;;;;;;;;;;;;;;;;;;0BAkBEA;;;;;;;4BAOEA;;;;;;;;;eASbA;;;;;;;;;;;;eAYAA;;;;;;;;;;iBAUEA;;;;;;;;;;;;;;;;;;;aAmBJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC4BE0/D,OAtPUA,KACvB,MAAM,WAAC7kE,GAAcoD,GAAkBvC,GAAUA,EAAMD,OACjD0uB,EAAeA,KACnB,MAAMxa,EAAM9U,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GACvDpa,EAAQnV,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,GAE/D,MAAO,GADMvvB,EAAWwB,KAAK2tB,QAAQI,MAAM,KAAK,GAAGA,MAAM,KAAK,MAC5Cpa,KAASL,GAAK,GAE3BuD,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAUC,KAAO8W,KAAgB5W,OAAO,eACxCtG,QAASoG,KAAO,IAAIzD,MAAQ2D,OAAO,kBAE9BoM,EAAmBC,GACxBne,mBAIK,CACHgX,MAAO,GACPF,KAAM,EACN/E,WAAY,GACZ6I,UAAW,MAERsjD,EAAkBC,GACvBn+D,oBAAkB,IACbu5C,EAAWC,GAChBx5C,mBAA0C,OACrCo+D,EAAsBC,GAA2Br+D,mBAA4B,KAE7E65C,EAAeC,GACpB95C,mBAAgC,CAC9BiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAGjB,UAAErd,GAAc2C,GACnBvC,GAAUA,EAAMgC,mBAGb,mBAAEoK,GAAuBK,KAE/BhC,qBAAU,KACR2B,GAAoB,GACnB,IAEH,MAAMi4D,EAAmBz7D,uBAAY,KCjErC+Z,SDkEwB,CAAC7K,WAAYmM,EAAkBnM,YChEvDxa,EACG0N,KAAK,mCAAoC2X,GACzC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aD0DoCiB,MAAKgK,IACrE,MAAMu7D,EAA+B,GACrCv7D,EAAIC,KAAKu7D,SAASnpD,SAASopD,IACzBF,EAAUh7D,KAAK,CAACO,MAAO26D,EAAQ7jD,UAAWzU,MAAOs4D,EAAQ7jD,WAAW,IAEtEyjD,EAAwBE,GACxBnnD,EAA4B,YAAa,GAAG,GAC5C,GACD,CAAC8G,EAAkBnM,aAEtBrN,qBAAU,KACR45D,GAAkB,GACjB,CAACA,IAEJ,MAAMI,EAAe77D,uBAAY,KCpEjC+Z,MDqEEuhD,GAAoB,ICrEtBvhD,EDsEoB,IAAIsB,EAAmBvM,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAAetG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAO,eC/D1Iva,EACG0N,KAAK,iCAAkC2X,GACvC5jB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,aDyD0HiB,MAAKgK,IAC3Jw2C,EAAax2C,EAAIC,KAAKu7D,UACtB1kB,EAAiB,CACf7iC,YAAajU,EAAIC,KAAK07D,WACpB3nD,OAAQhU,EAAIC,KAAK+T,MACnBF,MAAO9T,EAAIC,KAAK6T,KAChBC,kBAAmB/T,EAAIC,KAAK27D,gBAC5B1nD,kBAAmBlU,EAAIC,KAAK47D,iBAE5B,IACDt8C,SAAQ,IAAM47C,GAAoB,IAAO,GAC3C,CAACjgD,EAAmBzM,IAEvB/M,qBAAU,KACRg6D,GAAc,GACb,CAACA,IAEJ,MAAMtnD,EAA8BA,CAClC7X,EACAuE,KAEAqa,GAAsB9G,IACb,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAGEg7D,EAA+B,CACnC,CACEv/D,KAAM,GACN1B,MAAO,OACPya,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,QAAON,SACnByZ,EAAImC,MACH7b,eAAA,OAAKQ,IAAKkZ,EAAImC,MAAOpb,IAAI,KAEzBT,eAAA,OAAKQ,IAAK0I,GAAgBzI,IAAI,QAMxC,CACEC,KAAM,uBACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAW,kBAAkBN,SAChCD,eAAA,KAAAC,SAAIyZ,EAAIqC,eAKhB,CACErb,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIwyB,cAAgB,OAGrC,CACExrC,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI/G,cAAgB,OAGrC,CACEjS,KAAM,gBACN+Y,KAAOC,IAA2B,IAADwmD,EAC/B,OAAOlgE,eAAA,OAAAC,SAAgB,QAAhBigE,EAAMxmD,EAAIc,cAAM,IAAA0lD,IAAI,KAAU,GAGzC,CACEx/D,KAAM,gBACNiZ,SAAU,QACVF,KAAOC,IAA2B,IAADymD,EAC/B,OAAOngE,eAAA,OAAAC,SAAgB,QAAhBkgE,EAAMzmD,EAAI2I,cAAM,IAAA89C,IAAI,KAAU,IAKrC/sD,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OAASE,OAAO,eAC3BtG,QAASoG,OAASE,OAAO,iBACtBtG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASoG,OAASE,OAAO,iBACtBJ,EAAc,CACjBC,UAAWA,EAAUG,OAAO,eAC5BtG,QAASA,EAAQsG,OAAO,gBACxB,EAGEI,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,SAG/C,OACE7S,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,sBAC5BC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,YACZI,aAAcq1D,EACdv1D,aAAcqV,EAAkBtD,UAAUzgB,OAAS,EAAIikE,EAAqBv6C,MAAKo7C,GAAOA,EAAIn7D,QAAUoa,EAAkBtD,YAAa,CACnI9W,MAAO,GACPqC,MAAO,IAET+C,WAAYk1D,EAAqBjkE,OAAS,GAC1C6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUsT,EAA4B,YAAatT,GAC9DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUsT,EAA4B,aAActT,GAC/DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,cAAcqO,MAAO,CAAC+K,SAAU,QAAS3a,MAAO,QAAQiB,SACrED,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAACX,UAAWC,KAAO8W,KAAiBld,QAAS,IAAI2C,KAAQ+D,OAAQA,GAAQpT,SAG1FC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAY,IAAMF,EAAMjG,QACrCtB,SAAWlN,IAETiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,2BAOpBP,eAAA,OACEO,UAAW,eAAc8+D,EAAmB,eAAiB,IAAKp/D,SAElED,eAAA,OAAKO,UAAU,oBAAmBN,SACjB,OAAdy6C,EACCA,EAAUp/C,OAAS,EACjB4E,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASglD,EACT77D,KAAMs2C,MAGV16C,eAAC+X,GAAU,IAAKijC,EAAe1iC,aAAc,GAAG+G,EAAkBlH,QACtDH,mBAAoBsH,OAGlCtf,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,WAGA,EEpQd,MAAMqoB,GAAkBC,WAAS;;;;;;;;;;EAYpB5oB,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;qBAcZH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6HJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8D2BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAyCOA;;;;;;;;;6CASN4oB;;;4CAGD5oB;;;;;yCAKHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwDRA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuJXA;;;;;sBAKAA;;;;;wBAKEA;;;;wBAIAA;;;;;;EC5eXiZ,GAAmB/Y,UAAOC,GAAG;;;;;;;;;;;;;;;;EAkBdD,UAAOC,GAAG;;;EAKZD,UAAOgZ,KAAK;;;;;;;;;;;;;;EC0HvBwhC,OApIsB17C,IAAgC,IAA/B,KAAE0F,EAAI,gBAAE0Z,GAAiBpf,EAC7D,MAAOsf,EAAUC,GAAe9c,mBAAS,KACnC,OAAEoe,GAAWve,cACbuC,EAAUC,cACV8wD,EAAe,IAAI1kB,gBAAgBrwB,IAYlCrD,EAAuBC,GAA4Bhb,oBAAS,IAC5D+X,EAAqBkD,GAA0Bjb,mBAAc,CAAC,IAC9DkY,EAAUgD,GAAelb,mBAAc,CAAC,GAE/C0E,qBAAU,KAfgBzG,QAgBPgF,EAAKhF,GAftBwiB,GAAyB,CAAExiB,OAAMjF,MAAMjB,IACrC+kB,EAAY/kB,EAASkL,KAAKqf,YACtB6wC,EAAaC,IAAI,UACnBD,EAAanf,OAAO,QACpB5xC,EAAQ9J,QAAQ,CACd8lB,OAAQ+0C,EAAaloC,aAEzB,GAQuB,GACxB,CAAChoB,EAAKhF,KAET,MAAMo1D,EAAoBC,IACxB,IAAIC,EAAM,EAIV,OAHAD,EAAOj+C,SAAQzW,IACb20D,GAAO30D,EAAKga,cAAgBha,EAAKsa,KAAK,IAEjCq6C,EAAI16C,QAAQ,EAAE,EAIjBugC,EAA2B,CAC/B,CACE75C,KAAM,YACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIvQ,aAKb,CACEzI,KAAM,QACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+C,OAAOjjB,UAAY,OAErC,CACDkH,KAAM,YACNub,SAAU,QACVxC,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAI+C,OAAOnC,SAAW,OAGvC,CACE5Z,KAAM,UACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIoK,QAAU,OAG/B,CACEpjB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMyZ,EAAIqK,aAAe,OAGpC,CACErjB,KAAM,gBACN+Y,KAAOC,GACE1Z,eAAA,OAAAC,SAAMu0D,EAAiB96C,EAAI+C,OAAOQ,eAAiB,OAG9D,CACEvc,KAAM,OACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAI0uB,KACDn1B,mBAAO,IAAI3D,KAAgB,IAAXoK,EAAI0uB,MAAc,wBAClC,OAKZ,CACE1nC,KAAM,SACNub,SAAU,OACV7B,OAAO,EACPX,KAAMA,CAACC,EAAUjL,IAEbzO,eAAA2B,YAAA,CAAA1B,SACGyZ,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,EAC9C0E,eAAA,OAAKO,UAAW,aAAc,WAAS,iBAAgBN,SACrDD,eAACyX,GAAc,CAAC,WAAS,iBAAiBlX,UAAW,sBAC7C,SAOtB,OACEP,eAAC2Y,GAAgB,CAAA1Y,SACfD,eAACgb,KAAS,CAAC5W,KAAM4Z,EAAU/C,QAASs/B,EAA0Br/B,UAAQ,EAACyB,aAAejD,IAChFA,EAAI+C,QAAU/C,EAAI+C,OAAOQ,aAAa3hB,OAAS,GACjD6gB,GAAyB,GACzBzC,EAAI+C,QAAUL,EAAuB1C,EAAI+C,QACzCJ,EAAY3C,IAEZ0C,EAAuB,CAAC,EAC1B,EAGSQ,gBAAc,EACdC,4BAA4B,EAC5BC,sBAAwBpD,GAASA,IAAQL,EACzC0D,oBAAoB,EACpBU,mBAAoBA,CAACC,EAAMhE,IAAQ2C,EAAY3C,GAC/CsD,wBACEhd,eAACgZ,GAAsB,CAACM,WAAW,EAAML,KAAMiD,EACvBhD,oBAAqBA,EACrBC,YAAaD,EAAoB+D,aAAc5D,SAAUA,EACzDD,QAAS+C,OAE7B,EC5GvB,MAAMgD,GAAwB,CAC5B,CAAEla,MAAO,gBAAiBqC,MAAO,YACjC,CAAErC,MAAO,iBAAkBqC,MAAO,YAClC,CAAErC,MAAO,SAAUqC,MAAO,6BAC1B,CAAErC,MAAO,UAAWqC,MAAO,6BAC3B,CAAErC,MAAO,kBAAmBqC,MAAO,uCACnC,CAAErC,MAAO,iBAAkBqC,MAAO,wCA0tBrB+4D,OAvtBsBA,KACnC,MAAO3lB,EAAWC,GAAgBx5C,mBAAc,IAC1Cy5C,EAAepyC,iBAAgC,MAC/C83D,EAAa93D,iBAAgC,MAC7CqyC,EAAcryC,iBAAgC,MAC9CsyC,EAAoBtyC,iBAAgC,MACpDuyC,EAAcvyC,iBAAgC,OAC9C,WAACjO,GAAcoD,GAAkBvC,GAAUA,EAAMD,QAEjD,OAAEokB,GAAWve,cAEbylB,EADe,IAAImpB,gBAAgBrwB,GACfrlB,IAAI,SAEvBmlB,EAAmBC,GACxBne,mBAAmC,CACjCgX,MAAO,GACPF,KAAM,EACNsH,OAAQkH,GAAc,KACtBjtB,SAAU,KAEVgmB,UAAW,mBAERw7B,EAAeC,GAAoB95C,mBAAgC,CACxEiX,YAAa,EACbD,MAAO,EACPF,KAAM,EACNC,kBAAmB,EACnBG,kBAAmB,KAEdoyC,EAAcC,GAAmBvpD,mBAAiB,IAClD0pD,EAAyBC,GAA8B3pD,oBAAkB,IACzEq1C,EAAWC,GAAgBt1C,oBAAS,IACpCyzD,EAAgBC,GAAqB1zD,oBAAS,IAC9C2zD,EAAoBC,GAAyB5zD,oBAAS,IACtDi6C,EAAoBC,GAAyBl6C,oBAAS,IACtDo/D,EAAeC,GAAoBr/D,mBAAS,KAC5Cm6C,EAAYC,GAAiBp6C,mBAAc,KAC5C,UAAEnG,GAAc2C,GACnBvC,GAAUA,EAAMgC,mBAEZwV,EAAOC,GAAiB1R,mBAAS,CACtC2R,UAAWC,KAAO,IAAIzD,KAAK,KAAM,EAAG,IACpC3C,QAASoG,UAEJyoC,EAASC,GAAct6C,mBAAqB,CAEjDiiB,WAAY,GACZC,UAAW,GAEX6lC,SAAU,GAEVgM,QAAS,GAETpZ,KAAK,KAEAz2B,EAAU02B,GAAe56C,mBAAqB,CAEnDiiB,WAAY,GACZC,UAAW,GAEX6lC,SAAU,GAEVgM,QAAS,GACTrZ,UAAW,KAEPG,EAAYxzC,iBAAyB,MACrCyzC,EAAYzzC,iBAAyB,MAErC6K,EAAS,CACb,MAAS,CAACN,OAAUA,QACpB,cAAe,CAACA,OAASC,SAAS,EAAG,SAAUD,QAC/C,eAAgB,CAACA,OAASC,SAAS,EAAG,UAAWD,QACjD,YAAa,CAACA,OAASC,SAAS,EAAG,SAAUD,UAGzC,mBAAEvL,GAAuBK,KAE/BhC,qBAAU,KACR2B,IACAilD,GAAgC,GAC/B,IAEH,IAAIvQ,EAAWV,EACf,MAAMjB,EAA2B,CAC/B,CACE75C,KAAM,aACNiZ,SAAU,QACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,aACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,IACRi+C,EAAyB,aAAcj+C,EAAEk+C,cAAcp3C,MAAM,EAE/D2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,aACZ3K,IAAKy7C,EACLlxC,UAAQ,EACRM,aAAc0P,EAAI0J,WAClBhY,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI0J,cAMd,CACE1iB,KAAM,YACNiZ,SAAU,QAEVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,YACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,YAAaj+C,EAAEk+C,cAAcp3C,OAExD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,YACZ3K,IAAK07C,EACLnxC,UAAQ,EACRM,aAAc0P,EAAI2J,UAClBjY,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAI2J,aAMd,CACE3iB,KAAM,UACNiZ,SAAU,OACVF,KAAOC,GAKH1Z,cAHA,CAGA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,UACZJ,UAAQ,EACR0B,aAAa,MACb+wC,QAAUh+C,GACRi+C,EAAyB,UAAWj+C,EAAEk+C,cAAcp3C,OAEtD2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,UACZ3K,IAAKmhE,EACL52D,UAAQ,EACRM,aAAc0P,EAAIw7C,QAClB9pD,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIw7C,WAMd,CACEx0D,KAAM,mBACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACGyZ,EAAIoiC,IACH97C,eAAA,SACE8J,YAAY,mBACZJ,UAAQ,EACRjO,KAAM,SACN2P,aAAa,MACb6L,IAAK,EACLC,IAAK,IACLilC,QAAUh+C,IACPA,EAAEk+C,cAAcp3C,OAAS,IACxBm3C,EAAyB,WAAY,QAAUj+C,EAAEk+C,cAAcp3C,MAAQ,EAAIm3C,EAAyB,WAAY,KAC9GA,EAAyB,WAAYj+C,EAAEk+C,cAAcp3C,OAE3D2J,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAGb7iC,EAAIyL,KACNnlB,eAAA,SACE8J,YAAY,mBACZ3K,IAAK47C,EACLrxC,UAAQ,EACRjO,KAAM,SACNwb,IAAK,EACLC,IAAK,IACLlN,aAAc,GAAG0P,EAAIwvC,WACrB99C,aAAa,MACbwD,MAAO,CACL0tC,aAAc,MACdl3B,QAAS,YACTm3B,UAAW,kCAIf7iC,EAAIwvC,YAMd,CACExoD,KAAM,8BACNwZ,MAAO2wC,EACPlxC,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAAC,SACKyZ,EAAIy7C,4BAA8Bz7C,EAAIy7C,4BAA4B,IAAK1K,EAAe,KAAMA,KAKvG,CACE/pD,KAAM,kBACNiZ,SAAU,QACVF,KAAOC,IAA2B,IAADvR,EAAAC,EAC/B,OACEpI,eAAA,OAAAC,SACGyZ,EAAI07C,eAAiB,IAAa,OAAV76D,QAAU,IAAVA,GAAgB,QAAN4N,EAAV5N,EAAYwB,YAAI,IAAAoM,OAAN,EAAVA,EAAkByL,kBAAmB,WAAM8F,EAAI07C,iBAAoB,IAAa,OAAV76D,QAAU,IAAVA,GAAgB,QAAN6N,EAAV7N,EAAYwB,YAAI,IAAAqM,OAAN,EAAVA,EAAkBwL,kBAAmB,aAChI,GAIZ,CACElT,KAAM,GACNiZ,SAAU,OACVF,KAAOC,GAEH1Z,eAAA,OAAKO,UAAU,SAAQN,SACnByZ,EAAIoiC,KAAQpiC,EAAIyL,MAoBbzL,EAAIoiC,KAAOpiC,EAAIyL,KAClBnlB,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IA4BvB,SAA0BxC,GAAU,IAADqhE,EAAAC,EAAAC,EAAAnkB,EAAAC,EAAAC,EACjCjG,GAAa,GACb,IAAI16C,EAAO,CACTqD,GAAIA,EACJwhE,YAAuB,OAAVN,QAAU,IAAVA,GAAmB,QAATG,EAAVH,EAAY13D,eAAO,IAAA63D,GAAnBA,EAAqBx7D,MAAMK,SAAS,GAAGi7D,KAA6B,OAAVD,QAAU,IAAVA,GAAmB,QAATI,EAAVJ,EAAY13D,eAAO,IAAA83D,OAAT,EAAVA,EAAqBz7D,MAAMxL,QAAQ,GAAG8mE,IAAiB,IAAgB,OAAVD,QAAU,IAAVA,GAAmB,QAATK,EAAVL,EAAY13D,eAAO,IAAA+3D,OAAT,EAAVA,EAAqB17D,MACzJme,WAAwB,OAAZw3B,QAAY,IAAZA,GAAqB,QAAT4B,EAAZ5B,EAAchyC,eAAO,IAAA4zC,OAAT,EAAZA,EAAuBv3C,MACnCoe,UAAsB,OAAXw3B,QAAW,IAAXA,GAAoB,QAAT4B,EAAX5B,EAAajyC,eAAO,IAAA6zC,OAAT,EAAXA,EAAsBx3C,MACjCikD,WAAsB,OAAXnO,QAAW,IAAXA,OAAW,EAAXA,EAAanyC,QAAS3D,QAAS,IAAM,QAAoB,OAAX81C,QAAW,IAAXA,OAAW,EAAXA,EAAanyC,QAAS3D,QAAS,EAAI,IAAiB,OAAX81C,QAAW,IAAXA,GAAoB,QAAT2B,EAAX3B,EAAanyC,eAAO,IAAA8zC,OAAT,EAAXA,EAAsBz3C,OAG1Hwc,GAA8B1lB,GAC3B5B,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAC9B,CA5C6BoG,CAAiBnjC,EAAIta,IAAIa,SACzC,SAIDD,eAAA,UACEO,UAAU,mBACVqO,MAAO,CAACwW,QAAS,YAAajX,gBAAiB,eAC/CvM,QAASA,IAAMkkC,EAAqBpsB,EAAIta,IAAIa,SAC7C,QAhCDC,gBAAAyB,YAAA,CAAA1B,SAAA,CACED,eAAA,UACEvE,KAAK,SACL8E,UAAU,OACVqB,QAASA,KACPm6C,EAAYriC,GACZA,EAAIyL,MAAO,CAAI,EACfllB,SAEFD,eAAC4iB,GAAQ,MAEX5iB,eAAA,UACEvE,KAAK,SACL8E,UAAU,SACVqB,QAASA,IAwFzB,SAAgC8X,GAC9B+8B,GAAa,GACb/0B,GAA+B,CAACtiB,GAAIsa,IACjCvf,MAAMjB,IACL0jD,IACAnG,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAC9B,CAhG+B6D,CAAuB5gC,EAAIta,IAAIa,SAE9CD,eAACwlB,GAAU,aA0BrB+vC,EAAgCA,CACpC70D,EACAuE,KAEAqa,GAAsB9G,IACb,IAAKA,EAAW,CAAC9X,GAAOuE,KAC/B,EAoBJ,MAAMwnD,EAAiCA,KACrC5qC,KAA+B1nB,MAAKgK,IAClCumD,GAAiBvmD,EAAIC,KAAKsoD,mBAAqB,GAC/C5B,EAA2B3mD,EAAIC,KAAKuoD,oBAAqB,EAAM,GAC/D,EAGJ,SAASvQ,EAAyB90C,EAAerC,GAC/Ci3C,EAAW,IAAIA,EAAU,CAAC50C,GAAQrC,EACpC,CAEAY,qBAAU,KACRqH,YAAW,KAEP0tC,EAAahyC,SACbiyC,EAAYjyC,SACZ03D,EAAW13D,SACXkyC,EAAkBlyC,SAClBmyC,EAAYnyC,UAEZgyC,EAAahyC,QAAQ3D,MAAQogB,EAASjC,WACtCy3B,EAAYjyC,QAAQ3D,MAAQogB,EAAShC,UACrCi9C,EAAW13D,QAAQ3D,MAAQogB,EAAS6vC,QACpCpa,EAAkBlyC,QAAQ3D,MAAQogB,EAASu2B,gBAC3Cb,EAAYnyC,QAAQ3D,MAAQogB,EAASm1B,UACvC,GACC,IAAI,GACN,CAACn1B,IAiBJ,MAAMu3B,EAAW54C,uBAAY,KAC3ByyC,GAAa,GACb90B,KAAmCxnB,MAAKgK,IACtCA,EAAIC,KAAKyoD,aAAapD,sBAAwB+W,EAAiBr8D,EAAIC,KAAKyoD,aAAapD,sBACrFtlD,EAAIC,KAAKyoD,aAAapD,qBAAuBsL,GAAsB,GAAQA,GAAsB,EAAM,IAEzGxzC,GAA2B,IACtBlC,EACHvM,UAAWC,KAAOH,EAAME,WAAWG,OAAO,cAC1CtG,QAASoG,KAAOH,EAAMjG,SAASsG,OAAQ,gBAEtC9Y,MAAMjB,IACLyhD,EAAazhD,EAASkL,KAAK24C,SAE3B9B,EAAiB,CACf7iC,YAAa2H,OAAO7mB,EAASkL,KAAK44C,eAClC7kC,MAAO4H,OAAO7mB,EAASkL,KAAK+T,OAC5BF,KAAM8H,OAAO7mB,EAASkL,KAAK6T,MAC3BC,kBAAmB6H,OAAO7mB,EAASkL,KAAK8T,mBACxCG,kBAAmB0H,OAAO7mB,EAASkL,KAAK64C,uBAI1C,MAAMuY,EAAU5iD,EAAME,UACnB5Z,EAASkL,KAAK0O,YAAc0iD,EAAQviD,OAAQ,eAC7CJ,EAAc,IAAID,EAAOE,UAAWC,KAAO,IAAIzD,KAAKpW,EAASkL,KAAK0O,cAEpE2jC,GAAa,EAAM,IAEpBr8C,OAAM,IAAMq8C,GAAa,IAAO,GACnC,CAAC7jC,EAAOyM,IAEVxZ,qBAAU,KACR+2C,GAAU,GACT,CAACv9B,EAAkBpH,KAAMoH,EAAkB7lB,SAAU6lB,EAAkBG,UAAW5M,IAErF/M,qBAAU,KACR,GAAiC,OAA7BwZ,EAAkBE,OAAiB,CACrC,MAAMW,EAAUhT,YAAW,KACzB0vC,GAAU,GACT,KAEH,MAAO,IAAMz8B,aAAaD,EAC5B,IACC,CAACb,EAAkBE,SAEtB1Z,qBAAU,KAC+B,IAAnCka,OAAOV,EAAkBpH,OAAuC,IAAxB+iC,EAAc7iC,OACxDykC,GACF,GACC,CAACv9B,EAAkBlH,QAEtB,MAAM2tB,EAAwB1mC,IAC5Bq3C,GAAa,GACbyF,EAAW,IAAIA,EAAU0kB,YAAa1kB,EAASgZ,QAAQ5vD,SAAS,GAAGi7D,KAAmBrkB,EAASgZ,QAAQz7D,QAAQ,GAAG8mE,IAAiB,IAAMrkB,EAASgZ,QAASpZ,KAAK,GAChKt6B,GAA6B06B,GAC1B/hD,MAAMjB,IACL0jD,IACAnG,GAAa,GACbyF,EAAWV,CAAO,IAEnBphD,OAAM,IAAMq8C,GAAa,IAAO,EAG/ByG,EAAa/+C,IACjB,MAAMg/C,EAAOh/C,EAAEyC,OAAOw8C,MAAM,GAC5B,IAAIC,EAAS,IAAIC,WACjBD,EAAOE,cAAcJ,GACrBE,EAAOG,OAAS,WACdjC,EAAc8B,EAAOI,OACvB,EACAJ,EAAOK,QAAU,SAAUtkD,GACzBqlB,QAAQC,IAAI,UAAWtlB,EACzB,CAAC,EAmBGga,EAAWA,CAACjV,EAAMO,KAAmC,IAAjC,UAAEoU,EAAS,QAAEnG,GAAcjO,EACnDiO,GAAWoG,QAAYD,GAAaC,OAAWF,EAAc,CAC3DC,UAAWC,OACXpG,QAASoG,SACNpG,GAAWoG,QAAaD,GAAaC,OAAWF,EAAc,CACjEC,UAAWA,EACXnG,QAASoG,SACNF,EAAc,CACjBC,UAAWA,EACXnG,QAASA,GACT,EAoBJ,OACEzM,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,aAAYN,SAAC,kBAC5BC,gBAAA,OAAKK,UAAU,wBAAuBN,SAAA,CACpCC,gBAAA,OAAKK,UAAU,oBAAmBN,SAAA,CAChCD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAACgX,GAAK,CACJlN,YAAY,YACZE,aAAcqV,EAAkBE,OAASF,EAAkBE,OAAS,GACpE7V,UAAQ,EACRpJ,KAAMN,eAACogB,GAAU,IACjB5V,SAAWvF,GACTqa,EAAqB,IAAID,EAAmBE,OAAQta,QAI1D/E,gBAAA,UACEzE,KAAK,SACL8E,UAAU,0BACV8J,UAAWyqD,EACXlmD,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,KA7JjB65C,EAAWS,QACXvB,GAAcD,GAAgC,CAACc,KAAYd,MA4JlBz6C,SAAA,CAClC,iBAEG60D,EACqF,KAArF90D,eAACqoB,GAAW,CAACxC,SAAU,8DAE3B7lB,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAMizD,GAAmBD,GAAgB30D,SACnD,qBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,mBAKHC,gBAAA,OAAKK,UAAU,mBAAkBN,SAAA,CAC/BD,eAAA,OAAKO,UAAU,cAAaN,SAC1BD,eAAC6J,GAAM,CACLC,YAAY,wBACZI,aAAciV,GACdhV,gBAAgB,SAChBH,aAAcmV,GAAsB,GACpCzV,UAAQ,EACRc,SAAWvF,GACTswD,EAA8B,YAAatwD,GAE7CmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,iBAAgBN,SAC7BD,eAAC6J,GAAM,CACLC,YAAY,gBACZI,aAAclP,EACdqP,WAAYrP,EAAUM,OAAS,GAC/B6O,gBAAgB,SAChBT,UAAQ,EACRO,aAAW,EACXO,SAAWvF,GAAUswD,EAA8B,WAAYtwD,GAC/DmF,oBAAkB,MAGtBpK,eAAA,OAAKO,UAAU,gBAAeN,SAC5BD,eAACuT,KAAe,CACdC,QAASJ,EACTK,gBAAiB,CAACJ,OAAQA,GAASpT,SAEnCC,gBAAA,OAAKK,UAAW,kBAAkBN,SAAA,CAChCD,eAAC0T,GAAY,IACb1T,eAAA,SACEvE,KAAK,OACLwJ,MAAO2N,EAAME,UAAUG,OAAO,eAAiB,IAAML,EAAMjG,QAAQsG,OAAO,eAC1E5H,SAAWlN,IACTiV,EAASjV,EAAGyU,EAAM,EAEpBrS,UAAU,8BAQrBq0D,GACC50D,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAWo0C,EACvCn0C,aAAcA,IAAMo0C,GAAmBD,GAAgB30D,SAC5DC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GAhJqBA,KAAY,IAADs3D,EACnDt3D,EAAEupB,iBACF+uB,GAAa,GACboe,GAAkB,GAClBzzC,GAAgC,CAC9B+7B,KAAM7B,EAEN56C,KAAwB,QAApB+0D,EAAExZ,EAAWrzC,eAAO,IAAA6sD,OAAA,EAAlBA,EAAoBrY,MAAM,GAAG18C,OAElCgjB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EAmIqBma,CAAiCv3D,GAAG8B,SAAA,CAErDD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAACivC,aAAc,OAAQE,UAAW,UAAU99C,SAAC,mFAGvDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAQG,UAAW,UAAWh/C,MAAO,QAC3DwB,IAAKhJ,EAAoB,6CAA8CiJ,IAAI,YAChFT,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,QAAQ59C,SAAC,iCAChDD,eAAA,SACEb,IAAK88C,EACLxgD,KAAK,OACLiF,KAAK,OACLkO,MAAO,CAACivC,aAAc,QACtBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC9BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMizD,GAAmBD,GAAgB30D,SACnD,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAAQhoB,SACpD,mBAORm7C,GACCp7C,eAACugB,GAAK,CAAC3R,MAAO,CAACqN,SAAU,SAAUuE,UAAW46B,EACvC36B,aAAcA,IAAM46B,GAAuBD,GAAoBn7C,SACpEC,gBAAA,QACE49C,QAAQ,sBACRv9C,UAAW,YACXknB,SAAWtpB,GAjKKA,KAAY,IAADw3D,EACnCx3D,EAAEupB,iBACF+uB,GAAa,GACb4E,GAAsB,GAEtBh6B,GAA6B,CAC3B87B,KAAM7B,EAEN56C,KAAwB,QAApBi1D,EAAE3Z,EAAWpzC,eAAO,IAAA+sD,OAAA,EAAlBA,EAAoBvY,MAAM,GAAG18C,OAElCgjB,SAAQ,KACP+yB,GAAa,GACbmG,IACArB,EAAc,KAAK,GACnB,EAmJqBqC,CAAiBz/C,GAAG8B,SAAA,CAErCD,eAAA,MAAAC,SAAI,qBACJD,eAAA,KAAG4O,MAAO,CAACivC,aAAc,OAAQE,UAAW,UAAU99C,SAAC,+FAGvDD,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,OAAO59C,SAAC,YAC/CD,eAAA,OAAK4O,MAAO,CAACivC,aAAc,OAAQG,UAAW,UAAWh/C,MAAO,QAC3DwB,IAAKhJ,EAAoB,6CACzBiJ,IAAI,YACTT,eAAA,KAAG4O,MAAO,CAACF,MAAO,MAAOmvC,aAAc,QAAQ59C,SAAC,iCAChDD,eAAA,SACEvE,KAAK,OACLiF,KAAK,OACLvB,IAAK68C,EACLptC,MAAO,CAACivC,aAAc,QACtBz+C,GAAG,OACH2pB,OAAO,QACP1d,SAAWlN,GAAW++C,EAAU/+C,KAElC+B,gBAAA,OAAK0O,MAAO,CAAC+E,UAAW,QAAQ1T,SAAA,CAC9BD,eAAA,UACEvE,KAAK,SACL8E,UAAU,wBACVqO,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAC3CrmB,QAASA,IAAMy5C,GAAuBD,GAAoBn7C,SAC3D,WAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,0BACV8J,UAAWixC,EACX1sC,MAAO,CAACivC,aAAc,OAAQ51B,YAAa,QAAQhoB,SACpD,mBAOTD,eAAA,OAAKO,UAAW,eAAci2C,EAAY,eAAiB,IAAKv2C,SAC9DC,gBAAA,OAAKK,UAAU,QAAON,SAAA,CACpBD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAASs/B,EACTn2C,KAAMs2C,EACN99B,gBAAc,EACdI,wBACEhd,eAACo6C,GAAgB,CAACh2C,KAAMs2C,EAAW58B,gBAAiB8+B,MAGxD58C,eAAC+X,GAAU,IACLijC,EACJ1iC,aAAc+G,EAAkBlH,MAChCH,mBAAoBsH,WAIlB,EC5vBd,MAAM3f,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECApBF,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECuBpBghE,GAAsBniE,IAW6B,IAADoiE,EAAA,IAX3B,eACEC,EAAc,cACdC,EAAa,WACb/X,EAAU,aACVgY,EAAY,gBACZC,EAAe,cACfC,EAAa,iBACbC,EAAgB,MAChBC,EAAK,WACLC,EAAU,iBACVC,GACoB7iE,EACjD,MAAO8iE,EAAcC,GAAmBtgE,mBAAmC,OACpEugE,EAAmBC,GAAwBxgE,mBAAc4/D,IACzD57C,EAAMi6B,GAAWj+C,oBAAkB,IACnCygE,EAAkBC,GAAsB1gE,mBAA4B8nD,GAErE6Y,EAAkBA,KACtB1iB,GAAQ,GAORuiB,EAAqB,IAAID,EAAmBzY,WAAY,IAAIyY,EAAkBzY,WAN7C,CAC/B3S,MAAO,WACPyrB,SAAU,IACV98D,MAAO,GACPkgB,MAAM,KAEiG,EAErG68C,EAAiBA,KACrB5iB,GAAQ,GAORuiB,EAAqB,IAAID,EAAmBzhE,SAAU,IAAIyhE,EAAkBzhE,SANrC,CACrCgpD,WAAY,GACZhpD,SAAU,GACVkpD,eAAgB,MAChBhkC,MAAM,KAE4F,EAGhG88C,EAAoBj+D,uBAAY,SAAC0yB,EAAUwrC,GAAuD,IAArCC,EAAY9mE,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAG+mE,EAAa/mE,UAAAC,OAAA,EAAAD,UAAA,QAAAE,EAChG,OAAI4mE,IAAiBD,EACZE,EAAS1rC,GAEduB,MAAM4P,QAAQnR,EAAIz2B,UACb,IACFy2B,EACHz2B,SAAU,IAAIy2B,EAAIz2B,SAASwB,KAAI,CAAC4gE,EAAY5zD,IAC1CA,IAAMwyD,EAAakB,EAAe,GAAKF,EAAkBI,EAAOH,EAAaC,EAAe,EAAGC,GAAYC,MAK1G3rC,CACT,GAAG,CAACuqC,IAEEqB,EAAgBt+D,uBAAY,KAChC+kD,GAAsBkZ,EAAkBhZ,EAAYoY,EAAO,GAAIkB,IAAS,IAAUb,OAAsBvnE,MAAKgK,IAC3Go9D,IACAM,EAAmB19D,EAAIC,KAAK,IAC3Bsf,SAAQ,KACT07B,GAAQ,EAAM,GACd,GACD,CAAC6J,EAAYsY,EAAkBF,EAAOK,EAAmBO,IAE5Dp8D,qBAAU,KACRg8D,EAAmB5Y,GACnB0Y,EAAqBZ,EAAe,GACnC,CAAC9X,EAAY8X,IAEhB,MAAMyB,EAAoBx+D,uBAAalC,IACrC6/D,EAAqB,IAChBD,EACHzY,WAAY,IAAIyY,EAAkBzY,WAAWxnD,KAAI,CAACghE,EAAuBh0D,IAAcA,IAAM3M,EAAQ,IAChG2gE,EACHt9C,MAAM,GACJs9C,OAENH,GAAe,GAEd,CAACZ,EAAmBY,IAEjBI,EAAmB1+D,uBAAalC,IACpC6/D,EAAqB,IAChBD,EACHzhE,SAAU,IAAIyhE,EAAkBzhE,SAASwB,KAAI,CAACxB,EAA6BwO,IAAcA,IAAM3M,EAAQ,IAClG7B,EACHklB,MAAM,GACJllB,OAENqiE,GAAe,GACd,CAACZ,EAAmBY,IAGjBK,EAAgB3+D,uBAAalC,IACjCs9C,GAAQ,GACRuiB,EAAqB,IAChBD,EACHzY,WAAY,IAAIyY,EAAkBzY,WAAWxnD,KAAI,CAACghE,EAAuBh0D,IAAcA,IAAM3M,EAAQ,IAChG2gE,EACHt9C,MAAM,GACJs9C,MACJ,GACD,CAACf,IAEEkB,EAAkB5+D,uBAAalC,IACnC6/D,EAAqB,IAChBD,EACHzY,WAAY,IAAIyY,EAAkBzY,WAAWvjD,QAAO,CAAC3F,EAAW0O,IAAcA,IAAM3M,OAEtFinD,GAAsBkZ,EAAkBhZ,EAAYoY,EAAO,GAAIkB,IAAS,IACnEb,EACHzY,WAAY,IAAIyY,EAAkBzY,WAAWvjD,QAAO,CAAC3F,EAAW0O,IAAcA,IAAM3M,UACjF3H,MAAKgK,IACRo9D,IACAM,EAAmB19D,EAAIC,KAAK,IAC3Bsf,SAAQ,KACT07B,GAAQ,EAAM,GACd,GACD,CAAC6J,EAAYsY,EAAkBF,EAAOK,EAAmBO,IAEtDY,EAAe7+D,uBAAalC,IAChCs9C,GAAQ,GACRuiB,EAAqB,IAChBD,EACHzhE,SAAU,IAAIyhE,EAAkBzhE,SAASwB,KAAI,CAACxB,EAA6BwO,IAAcA,IAAM3M,EAAQ,IAClG7B,EACHklB,MAAM,GACJllB,MACJ,GACD,CAACyhE,IAEEoB,EAAiB9+D,uBAAalC,IAClC6/D,EAAqB,IAChBD,EACHzhE,SAAU,IAAIyhE,EAAkBzhE,SAASyF,QAAO,CAAC3F,EAAW0O,IAAcA,IAAM3M,OAElFinD,GAAsBkZ,EAAkBhZ,EAAYoY,EAAO,GAAIkB,IAAS,IACnEb,EACHzhE,SAAU,IAAIyhE,EAAkBzhE,SAASyF,QAAO,CAAC3F,EAAW0O,IAAcA,IAAM3M,UAC7E3H,MAAKgK,IACRo9D,IACAM,EAAmB19D,EAAIC,KAAK,IAC3Bsf,SAAQ,KACT07B,GAAQ,EAAM,GACd,GACD,CAAC6J,EAAYsY,EAAkBF,EAAOK,EAAmBO,IAEtDc,EAAoB,CACxB,CACEriE,KAAM,kBACN1B,MAAO,MACPya,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKkF,MACnByE,UAAQ,EACRW,UAAWtK,EAAKolB,KAChB3a,SAAWvF,GAAelF,EAAKkF,MAAQA,KAK/C,CACEvE,KAAM,qBACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,oBACZI,aAAc4vB,GACd3vB,gBAAgB,SAChBT,UAAQ,EACRW,UAAWtK,EAAKolB,KAChBnb,aAAc8vB,GAAuBp0B,QAAQyxC,GAAeA,EAAMlyC,QAAUlF,EAAKgiE,WAAU,IAAMjoC,GAAuB,GACxHtvB,SAAWvF,GAAelF,EAAKgiE,SAAW,GAAG98D,IAC7CmF,oBAAkB,KAK1B,CACE1J,KAAM,qBACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,oBACZI,aAAc+vB,GACd9vB,gBAAgB,SAChBT,UAAQ,EACRW,UAAWtK,EAAKolB,KAChBnb,aAAciwB,GAAqBv0B,QAAQyxC,GAAeA,EAAMlyC,QAAUlF,EAAKu2C,QAAO,IAAMrc,GAAqB,GACjHzvB,SAAWvF,GAAelF,EAAKu2C,MAAQ,GAAGrxC,IAC1CmF,oBAAkB,KAK1B,CACE1J,KAAM,GACNub,SAAU,QACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,KACJjlB,gBAAA,UAAQK,UAAU,oCAAoCqB,QAASA,IAAM4gE,EAAkB1gE,GAAO7B,SAAA,CACxFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,2BAA2BqB,QAASA,IAAM+gE,EAAc7gE,GAAO7B,SAC3FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,IAAMghE,EAAgB9gE,GAAO7B,SAC9FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAUrB6iB,EAAkB,CACtB,CACEtiE,KAAM,qBACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,oBACZI,aAAc6vB,GACd5vB,gBAAgB,SAChBT,UAAQ,EACRW,UAAWtK,EAAKolB,KAChBnb,aAAc+vB,GAA4Br0B,QAAQyxC,GAAeA,EAAMlyC,QAAUlF,EAAKopD,iBAAgB,IAAMpvB,GAA4B,GACxIvvB,SAAWvF,GAAelF,EAAKopD,eAAiB,GAAGlkD,IACnDmF,oBAAkB,KAK1B,CACE1J,KAAM,GACNub,SAAU,QACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,KACJjlB,gBAAA,UAAQK,UAAU,sCAAsCqB,QAASA,IAAM8gE,EAAiB5gE,GAAO7B,SAAA,CACzFD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,2BAA2BqB,QAASA,IAAMihE,EAAa/gE,GAAO7B,SAC1FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAA4BqB,QAASA,IAAMkhE,EAAehhE,GAAO7B,SAC7FD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAgB3B,OACEjgD,gBAACP,GAAO,CAAAM,SAAA,CACoC,KAAxB,OAAjByhE,QAAiB,IAAjBA,OAAiB,EAAjBA,EAAmBzY,WAAW3tD,SAAuD,KAAtB,OAAjBomE,QAAiB,IAAjBA,OAAiB,EAAjBA,EAAmBzhE,SAAS3E,QACzE4E,gBAAA,OAAKK,UAAW,oBAAoBN,SAAA,CAClCD,eAAA,UACEvE,KAAK,SACL4O,SAAU8a,EACV5kB,UAAU,WACVqO,MAAO,CAACivC,aAAc,QACtBj8C,QAASogE,EAAe/hE,SACzB,qBAGDD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACV8J,SAAU8a,EACVvW,MAAO,CAACivC,aAAc,QACtBj8C,QAASkgE,EAAgB7hE,SAC1B,0BAGqC,QAA7B6gE,EAAAY,EAAmBzY,kBAAU,IAAA6X,OAAA,EAA7BA,EAA+BxlE,QAAS,EAAM0E,eAAA,OAAKO,UAAW,oBAAoBN,SAC7FD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACV8J,SAAU8a,EACVvW,MAAO,CAACivC,aAAc,QACtBj8C,QAASkgE,EAAgB7hE,SAC1B,wBAGQD,eAAA,OAAKO,UAAW,oBAAoBN,SAC7CD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACV8J,SAAU8a,EACVvW,MAAO,CAACivC,aAAc,QACtBj8C,QAASogE,EAAe/hE,SACzB,uBAIHD,eAAA,OAAKO,UAAU,eAAcN,SAC1ByhE,EAAmBzY,WAAW3tD,OAAS,EACtC0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAW4kB,EAAO,mBAAqB,QAAQllB,SAClDD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS8nD,EACT3+D,KAAMs9D,EAAmBzY,iBAI7ByY,EAAkBzhE,SAAS3E,OAAS,EAAK0E,eAAA2B,YAAA,CAAA1B,SAC3CD,eAAA,OAAKO,UAAW4kB,EAAO,mBAAqB,QAAQllB,SAClDD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS+nD,EACT5+D,KAAMs9D,EAAkBzhE,SACxB2c,gBAAc,EACdE,sBAAwBpD,GAASA,IAAQ8nD,EACzC/jD,mBAAoBA,CAACC,EAAMhE,KACzB+nD,EAAgB/nD,GAChB0nD,EAAiBM,EAAkBzhE,SAAS0wB,WAAW5wB,GAAcA,IAAS2Z,KAC9EgE,GAvEKulD,EAAC5iE,EAAc6iE,KAChCjC,EAAa3lE,OAAS4nE,EACtB,MAAMC,EAAUlC,EAAa3lE,SAAW4nE,EAAY,IAAIjC,EAAc5gE,GAAQ,IAAI4gE,EAAax/D,KAAI,CAAC1B,EAAc0O,IAAcA,IAAMy0D,EAAY7iE,EAAON,KACzJmhE,EAAgBiC,EAAQ,EAoEJF,CAAWvB,EAAkBzhE,SAAS0wB,WAAW5wB,GAAcA,IAAS2Z,IAAM2nD,EAAQ,EAAE,EAElGrkD,wBACEhd,eAAC6gE,GAAmB,CAACE,eAAgBS,EAAcR,cAAeA,EAAeK,MAAOA,EAAQ,EAC3ED,iBAAkBA,EAClBD,cAAeA,EAAeF,aAAcA,EAC5CC,gBAAiBA,EACjBjY,WAAY2Y,EAAkBN,WAAYA,EAC1CC,iBAAkBA,UAM7CvhE,eAAA,OAAKO,UAAU,gBAAeN,SAAC,6BAG3B,EAIC4gE,UCnJAuC,OAvOIA,KAAO,IAADC,EACvB,MAAOnyD,EAAaC,GAAkBhQ,oBAAkB,IACjDmb,EAASC,GAAcpb,mBAAmC,OAC1D8nD,EAAY+X,GAAiB7/D,mBAA8B,KAC3DgkB,EAAMi6B,GAAWj+C,oBAAkB,IACnCggE,EAAeC,GAAoBjgE,mBAAiB,IACpD8/D,EAAcC,GAAmB//D,mBAAgB,IAElDogE,EAAmBv9D,uBAAY,KACnCmN,GAAe,GACf23C,KAAwB3uD,MAAMiK,IAC5B48D,EAAc58D,EAAKA,KAAK9I,OAAS,EAAI8I,EAAKA,KAAO,GAAG,IACnDsf,SAAQ,KACTvS,GAAe,EAAM,GACrB,GACD,IAEHtL,qBAAU,KACR07D,GAAkB,GACjB,CAACA,IAEJ,MAeM+B,EAAyBt/D,uBAAajE,IAC1CoR,GAAe,GACf43C,GAAsBhpD,GAAM5F,MAAMiK,IAChCm9D,GAAkB,IACjBnnE,OAAM4lB,IACPvB,QAAQC,IAAIsB,EAAI,IACf0D,SAAQ,KACTvS,GAAe,GACfiuC,GAAQ,EAAM,GACd,GAED,CAACmiB,IAEEgC,EAA0Bv/D,uBAAalC,InDvDTqf,MmDwDlChQ,GAAe,InDxDmBgQ,EmDyDZ,IAAI8nC,EAAWnnD,InDxDvCpJ,EACG0N,KAAK,iBAAkB+a,GACvBhnB,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,amDkDgBiB,MAAMgK,IAClDo9D,GAAkB,IACjB79C,SAAQ,KACTvS,GAAe,GACfiuC,GAAQ,EAAM,GACd,GAED,CAAC6J,EAAYsY,IAEViC,EAAqBx/D,uBAAa5E,IACtCggD,GAAQ,GACR4hB,EAAc,IAAI/X,EAAWxnD,KAAI1B,GAAQA,EAAKX,KAAOA,EAAK,IAAIW,EAAMolB,MAAM,GAAQplB,KAAO,GACxF,CAACkpD,IAEEwa,EAAuBz/D,uBAAa5E,InD3CPV,KAAA,IAAC,GAACU,GAAiBV,EAAA,OACtDhG,EACGy8C,OAAO,kBAAkB/1C,KACzBjF,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,WAC5B,EmDoCFwqE,CAAsB,CAACtkE,OAAKjF,MAAKgK,IAC/Bo9D,GAAkB,IACjBnnE,OAAM4lB,IACPvB,QAAQC,IAAIsB,EAAI,GAChB,GACD,CAACuhD,IAGEwB,EAAoB,CACxB,CACEriE,KAAM,iBACN1B,MAAO,MACPya,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKW,KACnB2J,UAAWtK,EAAKolB,KAChBzb,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKW,KAAOuE,KAKzC,CACEvE,KAAM,2BACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAC6J,GAAM,CACLC,YAAY,oBACZI,aAAc6vB,GACd5vB,gBAAgB,SAChBE,UAAWtK,EAAKolB,KAChBzb,UAAQ,EACRM,aAAc+vB,GAA4Br0B,QAAOyxC,GAASA,EAAMlyC,QAAUlF,EAAKopD,iBAAgB,IAAMpvB,GAA4B,GACjIvvB,SAAWvF,GAAUlF,EAAKopD,eAAiB,GAAGlkD,IAC9CmF,oBAAkB,KAK1B,CACE1J,KAAM,qBACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAACgX,GAAK,CACJhN,aAAcjK,EAAKmpD,SACnB7+C,UAAWtK,EAAKolB,KAChBzb,SAA4B,IAAlB3J,EAAKmpD,SACfztD,KAAM,SACN+O,SAAWvF,GAAUlF,EAAKmpD,UAAYjkD,KAK9C,CACEvE,KAAM,mBACNub,SAAU,MACVxC,KAAO1Z,GACGC,eAAC6J,GAAM,CACXC,YAAY,oBACZO,UAAWtK,EAAKolB,KAChBjb,aAAc8vB,GACd7vB,gBAAgB,SAChBT,UAAQ,EACRM,aAAcgwB,GAAqBt0B,QAAOyxC,GAASA,EAAMlyC,QAAUlF,EAAKvE,SAAQ,IAAMw+B,GAAqB,GAC3GxvB,SAAWvF,GAAUlF,EAAKvE,OAAS,GAAGyJ,IACtCmF,oBAAkB,KAK1B,CACE1J,KAAM,GACNub,SAAU,QACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAgBN,SAC/CF,EAAKolB,MAAQplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,oCAAoCqB,QAASA,IAAM0hE,EAAuBvjE,GAAME,SAAA,CAC5FD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KACLjlB,gBAAA,UAAQK,UAAU,oCAAoCqB,QAASA,IAAM2hE,EAAwBzhE,GAAO7B,SAAA,CAChGD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAEhBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,2BAC1BqB,QAASA,IAAM4hE,EAAmBzjE,EAAKX,IAAIa,SAC/CD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGXjgD,eAAA,UAAQqK,SAAU8a,EAAM5kB,UAAU,4BAC1BqB,QAASA,IAAM6hE,EAAqB1jE,EAAKX,IAAIa,SACjDD,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3B,OACEjgD,gBAACP,GAAO,CAACY,UAAW,IAAG2Q,EAAc,eAAiB,IAAKjR,SAAA,CACzDC,gBAAA,OAAKK,UAAU,UAASN,SAAA,CACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,wBAC5BD,eAAA,OAAKO,UAAU,wBAAuBN,SACpCD,eAAA,UACEvE,KAAK,SACL8E,UAAU,WACV8J,SAAU8a,EACVvW,MAAO,CAACivC,aAAc,QACtBj8C,QAzKkB+hE,KAW1BvkB,GAAQ,GACR4hB,EAAc,IAAI/X,EAXF,CACdvoD,KAAM,GACNtB,GAAI,EACJ+lB,MAAM,EACNgkC,eAAgB,MAChBF,WAAY,GACZhpD,SAAU,GACVzE,OAAQ,UACR0tD,SAAU,IAG2B,EA6JFjpD,SAC9B,iCAMLD,eAAA,OAAKO,UAAU,eAAcN,SAC1BgpD,EAAW3tD,OAAS,EACnB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAW4kB,EAAO,mBAAqB,QAAQllB,SAClDD,eAACgb,KAAS,CACRE,UAAQ,EACRD,QAAS8nD,EACT3+D,KAAM6kD,EACNrsC,gBAAc,EACdE,sBAAwBpD,GAASA,EAAIta,MAAc,OAAPkd,QAAO,IAAPA,OAAO,EAAPA,EAASld,IACrDqe,mBAAoBA,CAACC,EAAMhE,KACzB6C,EAAW7C,GACX0nD,EAAiBnY,EAAWt4B,WAAU5wB,GAAQA,IAAS2Z,KACvDwnD,EAAgB,CAACD,EAAa,GAAKhY,EAAWt4B,WAAU5wB,GAAQA,IAAS2Z,KAAM,EAEjFsD,wBACEhd,eAAC6gE,GAAmB,CAACE,eAAgBzkD,EAAS8kD,iBAAkBA,EAC3CH,aAAcA,EACdC,gBAAiBA,EACjBC,cAAeA,EAAeI,iBAAkBA,EAAkBF,MAAO,EACzEpY,WAAY3sC,EAASglD,WAAuB,QAAb+B,EAAS,OAAP/mD,QAAO,IAAPA,OAAO,EAAPA,EAASld,UAAE,IAAAikE,IAAI,EAChDrC,cAAeA,UAM5ChhE,eAAA,OAAKO,UAAU,gBAAeN,SAAC,6BAG3B,EClPd,MAAMN,GAAUC,UAAOC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmGOH;;;;;;;;;;;iCAWAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC4WlBkkE,I,GAAAA,GAxcQA,KACrB,MAAO1U,EAAaC,GAAkBhuD,mBAAc,KAC7CiuD,EAAeC,GAAoBluD,mBAAc,KACjDmuD,EAAoBC,GAAyBpuD,mBAAgB,KAC7DquD,EAAmBC,GAAwBtuD,mBAAgB,IAC5DuuD,EAAoB,CACxB,CACEhvD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcslD,EACdrlD,gBAAiB,SACjBH,aAA+B,KAAjBjK,EAAK4vD,QAAiBH,EAAkBxqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK4vD,UAAWH,EAAkB,GACpH9lD,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,MAASplB,EAAKolB,MAAoB,QAAZplB,EAAKX,GAC3CoL,SAAWvF,IACTlF,EAAK4vD,QAAU1qD,CAAK,OAShC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK6vD,SACtBlmD,UAAQ,EACRc,SAAWvF,GAAUlF,EAAK6vD,OAAS3qD,EACnCoF,UAAWtK,EAAKolB,UAMvB,CACDzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAKwsB,cACtB7iB,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKwsB,YAActnB,EACxCoF,UAAWtK,EAAKolB,UAQ1B,CACEzkB,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACjGF,EAAKolB,MAAoB,QAAZplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC5Dk+C,EAAa8O,GAAiBiB,QAAS9vD,EAAKX,GAAG,EAC/Ca,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC1EkuD,EAAYlB,GAAiBiB,QAAS/tD,EAAM,EAC5C7B,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,0BAA0BqB,QAASA,KACpEmuD,EAAYnB,GAAiBiB,QAAS9vD,EAAKX,GAAG,EAC9Ca,SACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,4BAA4BqB,QAASA,KACtEs+C,EAAWngD,EAAKX,GAAG,EACnBa,SACID,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAUrB6P,EAAqB,CACzB,CACEtvD,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcslD,EACdrlD,gBAAiB,SACjBH,aAA+B,KAAjBjK,EAAK4vD,QAAiBH,EAAkBxqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK4vD,UAAWH,EAAkB,GACpH9lD,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,MAASplB,EAAKolB,MAAoB,iBAAZplB,EAAKX,GAC3CoL,SAAWvF,IACTlF,EAAK4vD,QAAU1qD,CAAK,OAShC,CACEvE,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAK6vD,SACtBlmD,UAAQ,EACRc,SAAWvF,GAAUlF,EAAK6vD,OAAS3qD,EACnCoF,UAAWtK,EAAKolB,UAMvB,CACDzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAACgX,GAAK,CACJhN,aAAc,GAAGjK,EAAKwsB,cACtB7iB,UAAQ,EACRc,SAAWvF,GAAUlF,EAAKwsB,YAActnB,EACxCoF,UAAWtK,EAAKolB,UAO1B,CACEzkB,KAAM,GACNub,SAAU,MACVxC,KAAO1Z,GAEHC,eAAA,OAAK4O,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACpDD,eAAC6J,GAAM,CACLK,aAAcolD,EACdnlD,gBAAiB,SACjBH,aAAqC,KAAvBjK,EAAK0/C,cAAuB6P,EAAmB,GAAKA,EAAmBtqC,MAAKujC,GAAQA,EAAKtjD,QAAUlF,EAAK0/C,gBACtH/1C,UAAQ,EACRU,oBAAkB,EAClBC,UAAWtK,EAAKolB,KAChB3a,SAAWvF,IACTlF,EAAK0/C,cAAgBx6C,CAAK,OAStC,CACEvE,KAAM,GACNub,SAAU,OACVxC,KAAMA,CAAC1Z,EAAW+B,IAGd9B,eAAA,OAAKO,UAAU,UAAU,WAAS,iBAAiBqO,MAAO7O,EAAKolB,KAAO,CAAC6mC,cAAe,SAAW,CAAC,EAAE/rD,SACjGF,EAAKolB,MAAoB,iBAAZplB,EAAKX,GACjBc,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC5Dk+C,EAAa8O,GAAiBqB,SAAUlwD,EAAKX,GAAG,EAChDa,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YAENF,EAAKolB,KAAOjlB,gBAAA,UAAQK,UAAU,mCAAmCqB,QAASA,KAC1EkuD,EAAYlB,GAAiBqB,SAAUnuD,EAAM,EAC7C7B,SAAA,CACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACizC,GAAW,MAElBjzC,eAAA,QAAAC,SAAM,YACIC,gBAAAyB,YAAA,CAAA1B,SAAA,CACVD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,0BAA0BqB,QAASA,KACpEmuD,EAAYnB,GAAiBqB,SAAUlwD,EAAKX,GAAG,EAC/Ca,SACID,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAACigD,GAAI,QAGbjgD,eAAA,UAAQqK,UAAU,EAAO9J,UAAU,4BAA4BqB,QAASA,KACtEs+C,EAAWngD,EAAKX,GAAG,EACnBa,SACID,eAAA,QAAMO,UAAU,OAAMN,SACtBD,eAACmgD,GAAM,eAW3Bt6C,qBAAU,KACR84C,KAA2BxkD,MAAMgK,IAC/BorD,EAAsB,IAAIprD,EAAIC,KAAK3C,KAAK1B,IAAqB,CAACkF,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAK0/C,mBAAiB,IAE7GqP,KAAgC30D,MAAMgK,IACpCsrD,EAAqB,IAAItrD,EAAI+rD,MAAMzuD,KAAK1B,IAAqB,CAACkF,MAAOlF,EAAKX,GAAIkI,MAAOvH,EAAKqJ,WAAS,IAErG+mD,GAAsB,GACrB,IAEH,MAAMA,EAAuBA,KAC3BtB,GAAyB,CAACuB,QAASv2B,KAAkB1/B,MAAKgK,IACxDgrD,EAAehrD,EAAIksD,cAAc5uD,KAAK1B,IAAqB,CACzDX,GAAIW,EAAKX,GACTuwD,QAAS5vD,EAAKuwD,KAAKlxD,GACnBwwD,OAAQ7vD,EAAK6vD,OACbrjC,YAAaxsB,EAAKwsB,YAClB9wB,KAAMsE,EAAKtE,UAEb4zD,EAAiBlrD,EAAIosD,eAAe9uD,KAAK1B,IAAqB,CAC5DX,GAAIW,EAAKX,GACTuwD,QAAS5vD,EAAKuwD,KAAKlxD,GACnBwwD,OAAQ7vD,EAAK6vD,OACbrjC,YAAaxsB,EAAKwsB,YAClB9wB,KAAMsE,EAAKtE,KACXgkD,cAAe1/C,EAAK0/C,cAAcrgD,OACjC,GAEH,EAGEoxD,EAAc/0D,IAClBA,IAASmzD,GAAiBiB,QACxBV,EAAe,IAAID,EAAa,CAC9B/pC,MAAM,EACN/lB,GAAI,MACJuwD,QAASH,EAAkB,GAAGvqD,OAAS,GACvC2qD,OAAQ,GACRrjC,YAAa,MAGf8iC,EAAiB,IAAID,EAAe,CAClCjqC,MAAM,EACN/lB,GAAI,eACJuwD,QAASH,EAAkB,GAAGvqD,OAAS,GACvC2qD,OAAQ,GACRrjC,YAAa,GACbkzB,cAAe6P,EAAmB,GAAGrqD,OAAS,KAEjD,EAGG6qD,EAAcA,CAACr0D,EAAcqG,KACjC,GAAIrG,IAASmzD,GAAiBiB,QAAS,CACrC,MAAM5qC,EAAc,IACfiqC,EAAYptD,GACfrG,KAAMA,EACN2D,GAAI,MACJgxD,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,KAAO,CACL,MAAMlrC,EAAc,IACfmqC,EAActtD,GACjBrG,KAAMA,EACN2D,GAAI,MACJgxD,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,GAKIrQ,EAAeA,CAACrkD,EAAc2D,KAClC,GAAI3D,IAASmzD,GAAiBiB,QAAS,CACrC,MAAM5qC,EAAc,IACfiqC,EAAYlqC,MAAMjlB,GAAcA,EAAKX,KAAOA,IAC/C3D,KAAMA,EACN20D,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,KAAO,CACL,MAAMlrC,EAAc,IACfmqC,EAAcpqC,MAAMjlB,GAAcA,EAAKX,KAAOA,IACjD3D,KAAMA,EACN20D,QAASv2B,IAEXk1B,GAAwB9pC,GAAa9qB,MAAKgK,IACxCgsD,GAAsB,GAE1B,GAIIJ,EAAcA,CAACt0D,EAAc2D,KACjC3D,IAASmzD,GAAiBiB,QACxBV,EAAe,IAAID,EAAYztD,KAAK1B,GAAcA,EAAKX,KAAOA,EAAK,IAAIW,EAAMolB,MAAM,GAAQplB,MAE3FsvD,EAAiB,IAAID,EAAc3tD,KAAK1B,GAAcA,EAAKX,KAAOA,EAAK,IAAIW,EAAMolB,MAAM,GAAQplB,KAChG,EAGGmgD,EAAc9gD,IAClB4vD,GAAwB,CAAC5vD,OAAKjF,MAAKgK,IACjCgsD,GAAsB,GACtB,EAGJ,OACEjwD,gBAACP,GAAO,CAAAM,SAAA,CACND,eAAA,OAAKO,UAAU,UAASN,SACtBD,eAAA,OAAKO,UAAU,aAAYN,SAAC,uBAE9BD,eAACk+C,GAAa,CAACt/C,MAAO,+BACP2tB,YAAa,GACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,YAAa2tB,YAAa,KACpDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEd,OAAhBivD,EACCA,EAAY5zD,OAAS,EACnB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAASy0C,EACTtrD,KAAM8qD,QAKZlvD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,UAAU,EAAO9J,UAAU,8BAC3BqB,QAASA,IAAM4uD,EAAW5B,GAAiBiB,SAAS5vD,SAAA,CAC9DD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,qBAOhBD,eAACk+C,GAAa,CAACt/C,MAAO,6BACP2tB,YAAa,GACb2Z,QAAQ,EAAMjmC,SAC3BD,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,8BAA6BN,SAC1CC,gBAAA,OAAKK,UAAU,SAAQN,SAAA,CACrBC,gBAAA,OAAKK,UAAU,aAAYN,SAAA,CACzBD,eAACq+C,GAAiB,CAACz/C,MAAO,YAAa2tB,YAAa,KACpDvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,cACP2tB,YAAa,KAChCvsB,eAACq+C,GAAiB,CAACz/C,MAAO,gBACP2tB,YAAa,KAChCvsB,eAAA,OAAKO,UAAU,sBAKjBP,eAAA,OAAKO,UAAU,mBAAkBN,SAEZ,OAAlBmvD,EACCA,EAAc9zD,OAAS,EACrB0E,eAAA2B,YAAA,CAAA1B,SACED,eAAA,OAAKO,UAAU,QAAON,SACpBD,eAACgb,KAAS,CACRylC,aAAW,EACXvlC,UAAQ,EACRD,QAAS+0C,EACT5rD,KAAMgrD,QAKZpvD,eAAA,OAAKO,UAAU,gBAAeN,SAAC,yBAE/B,OAENC,gBAAA,UAAQmK,UAAU,EAAO9J,UAAU,8BAC3BqB,QAASA,IAAM4uD,EAAW5B,GAAiBqB,UAAUhwD,SAAA,CAC/DD,eAAA,QAAMO,UAAU,OAAMN,SACpBD,eAAC4gD,GAAU,MAET5gD,eAAA,QAAAC,SAAM,uBAOR,ECrad,MAAM6D,GAAgD,QAA5CR,GAAGzJ,KAAKyC,MAAMvD,aAAaC,QAAQ,gBAAS,IAAAsK,QAAA,EAAzCA,GAA2CQ,KAiMzC+/D,OA/LWA,IAEtB7jE,eAAC8jE,IAAa,CAAA7jE,SACXlH,aAAaC,QAAQ,gBACpBgH,eAACqJ,GAAY,CAAApJ,SACXC,gBAACmpB,IAAM,CAAAppB,SAAA,CACLD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,IAAImpB,UAAoB,IAAT1lB,GAAamN,GAAYqE,KAC1DtV,eAAC+jE,IAAQ,CACPx6C,OAAK,EACL2O,KAAK,sBACL93B,GAAG,8CAELJ,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,+BACLmpB,UAAWhB,KAEbxoB,eAAC+jE,IAAQ,CACPx6C,OAAK,EACL2O,KAAK,aACL93B,GAAG,gCAELJ,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,8BACLmpB,UAAWoM,KAEb51B,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,6BACLmpB,UAAWiJ,KAEbzyB,eAAC+jE,IAAQ,CACPx6C,OAAK,EACL2O,KAAK,gBACL93B,GAAG,sCAELJ,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,oCACLmpB,UAAW+jC,KAEbvtD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,oCACLmpB,UAAWikC,KAEbztD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,sCACLmpB,UAAWikC,KAEbztD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,oBACLmpB,UAAWw6C,KAEbhkE,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,uBACLmpB,UAAWinC,KAEbzwD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,cACLmpB,UAAW45C,KAEbpjE,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,iBACLmpB,UAAWmkC,KACX3tD,eAACspB,IAAK,CACNC,OAAK,EACLlpB,KAAK,qBACLmpB,UAAW41C,KAEbp/D,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,eACLmpB,UAAWjF,KACXvkB,eAACspB,IAAK,CACNC,OAAK,EACLlpB,KAAK,4BACLmpB,UAAW62C,KAEbrgE,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,+BACLmpB,UAAWiJ,KAObzyB,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,wBAAwBmpB,UAAW6R,KACrDr7B,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,qBACLmpB,UAAW6e,KAEbroC,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,uCACLmpB,UAAWkkB,KAEb1tC,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,iBACLmpB,UAAW+8B,KAEbvmD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,gCACLmpB,UAAWy9B,KAEbjnD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,+BACLmpB,UAAW69B,KAEbrnD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,yCACLmpB,UAAWkkB,KAEb1tC,eAAC+jE,IAAQ,CAACx6C,OAAK,EAAC2O,KAAK,aAAa93B,GAAG,6BACrCJ,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,2BACLmpB,UAAWy6C,KAEbjkE,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,6BACLmpB,UAAW0B,KAEblrB,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,mCACLmpB,UAAW21C,KAEbn/D,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,cACLmpB,UAAW+9B,KAEbvnD,eAACspB,IAAK,CACJC,OAAK,EACLlpB,KAAK,qCACLmpB,UAAW21C,KAGbn/D,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,iBAAiBmpB,UAAW6Z,KAC9CrjC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,kBAAkBmpB,UAAW4/B,KAC/CppD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,0BAA0BmpB,UAAW06C,KACvDlkE,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,4BAA4BmpB,UAAWquC,KACzD73D,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,oBAAoBmpB,UAAWmoC,KACjD3xD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,2BAA2BmpB,UAAW00C,KACxDl+D,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,YAAYmpB,UAAWkkB,KACzC1tC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,WAAWmpB,UAAWkkB,KACxC1tC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,aAAampB,UAAW64B,KAC1CriD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,kBAAkBmpB,UAAWylC,KAC/CjvD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,oBAAoBmpB,UAAWo6C,KACjD5jE,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,cAAcmpB,UAAWmpC,KAC3C3yD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,4BAA4BmpB,UAAWu5B,KACzD/iD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,uBAAuBmpB,UAAWqyC,KACpD77D,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,oCAAoCmpB,UAAW46B,KACjEpkD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,iBAAiBmpB,UAAWkkB,KAC9C1tC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,eAAempB,UAAWkkB,KAC5C1tC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,UAAUmpB,UAAW26C,KACvCnkE,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,WAAWmpB,UAAWkkB,KACxC1tC,eAAC+jE,IAAQ,CAAC3jE,GAAG,WAIjBF,gBAACmpB,IAAM,CAAAppB,SAAA,CACLD,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,SAASmpB,UAAW8kB,KACtCtuC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,mBAAmBmpB,UAAWklB,KAChD1uC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,kBAAkBmpB,UAAW4lB,KAC/CpvC,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,gBAAgBmpB,UAAW8vB,KAC7Ct5C,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,mBAAmBmpB,UAAWkwB,KAChD15C,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,iBAAiBmpB,UAAWowB,KAC9C55C,eAACspB,IAAK,CAACC,OAAK,EAAClpB,KAAK,WAAWmpB,UAAW8vC,KACxCt5D,eAAC+jE,IAAQ,CAAC3jE,GAAG,gBC1OvB,MAAMgkE,GAAgBxkE,UAAOC,GAAG,GAUjBwkE,OAROA,IAElBrkE,eAACokE,GAAa,CAAAnkE,SACZD,eAAC6jE,GAAO,M,6BCIdnqE,IAAQ4qE,MAAM,CACZ3hC,OAAQ,mCACRr0B,QAAS,CAAC,IAAIi2D,QAEhBC,KAAmBF,MAAM,CAAE3hC,OAAQ,qCAEnCrlC,EAAM6I,SAAS,CACb1K,KAAMpB,EAAoB6B,cAG5B,MAAMuoE,GAAgB/qE,IAAQgrE,UAAU,SACrCC,oBAAoBhhE,KCnBOihE,MAC1B,MACMvoE,EADS,IAAIuzC,gBAAgBr2C,OAAOC,SAAS+lB,QAC9BrlB,IAAI,sBAErBmC,IACAtD,aAAa6C,QAAQ,eAAgBS,GACrC3D,IAAME,SAASL,QAAQM,OAAOC,cAAgB,UAAUuD,IACxD9C,OAAOC,SAASC,QAAQ,MAGxBV,aAAaC,QAAQ,iBtTS3BN,EACG0N,KAAK,sBACLjM,MAAMjB,GACEA,IAERkB,OAAOhB,GACCW,QAAQC,OAAOZ,EAAMF,YsTbrBiB,MAAMjB,IACHoE,EAAM6I,SAAS,CACX1K,KAAMpB,EAAoBkC,kBAC1BV,QAAS3C,EAASkL,MACpB,IAELhK,OAAOhB,IACJkE,EAAM6I,SAAS,CACX1K,KAAMpB,EAAoB4B,YAC1BJ,QAASzC,EAAMgL,KAAKmC,SACtB,GAEd,EDHJq+D,GACAC,IAASC,OACP9kE,eAAC2D,IAAMohE,WAAU,CAAA9kE,SACfD,eAACykE,GAAa,CAAAxkE,SACdD,eAACglE,IAAQ,CAAC1nE,MAAOA,EAAM2C,SACnBD,eAACqkE,GAAG,UAIVv7D,SAAS8tD,eAAe,Q","file":"static/js/main.af5ab9a8.chunk.js","sourcesContent":["export const REACT_APP_API_URL =\n  process.env.REACT_APP_API_URL ?? \"https://api.dev.lynked.ie/\";\n  // process.env.REACT_APP_API_URL ?? \"https://new.tomandjerry.pp.ua/\";\n  // process.env.REACT_APP_API_URL ?? \"https://api.tomandjerry.pp.ua/\";\n  // process.env.REACT_APP_API_URL ?? \"https://api.lynked.dotcode.pp.ua/\";\n// process.env.REACT_APP_API_URL ?? \"https://lynked-api-dev.herokuapp.com/\";\n// process.env.REACT_APP_API_URL ?? \"https://lynked-api-qa.herokuapp.com/\";\n// process.env.REACT_APP_API_URL ?? \"https://lynked-api.herokuapp.com/\";\n// process.env.REACT_APP_API_URL ?? \"https://api.lynked.ie/\";\n// process.env.REACT_APP_API_URL ?? \"https://15d0-92-253-212-17.ngrok-free.app/\"; // api Max\n// gimel27478@sfpixel.com\n// zudxuf-nopvar-2muBwu\n\nexport const REACT_APP_STRIPE_PKEY =\n  process.env.REACT_APP_STRIPE_PKEY ??\n  // \"pk_test_51K6XmmK0QBqmkHwLqE4EJfaxfB31Pu2VyXDChGzLAzlP1ZOm6OMj1vgfX1wNc7MmO15whN8r54K4EcGN9fpJREY400WkIOnyUA\";\n  \"pk_test_51K6XZrFNYafCv0OY0g1vawJBAwaa49iToMnlKpCpscqmIWPQvFGpnnwJmPaU4t6BehALlN0xg1ppExiOGZAufbMd00zQBLurCg\";\n\nexport const REACT_APP_STRIPE_PRODUCT_ID =\n  process.env.REACT_APP_STRIPE_PRODUCT_ID ??\n  // \"pk_test_51K6XmmK0QBqmkHwLqE4EJfaxfB31Pu2VyXDChGzLAzlP1ZOm6OMj1vgfX1wNc7MmO15whN8r54K4EcGN9fpJREY400WkIOnyUA\";\n  \"price_1KinvGFNYafCv0OYoHtiqLQE\";\n\nexport const GOOGLE_API_KEY =\n  process.env.GOOGLE_API_KEY ?? \"AIzaSyC0t7qdndpMIaxXTBROUVw9TWOyWBf4EZs\";\n\nexport const REACT_APP_EPOS_NOW_API =\n  process.env.REACT_APP_EPOS_NOW_API ?? \"https://api.lynked.ie\";\n\nexport const REACT_APP_EPOS_NOW_DASHBOARD =\n  process.env.REACT_APP_EPOS_NOW_DASHBOARD ?? \"https://app.lynked.ie\";\n\nexport const REACT_APP_EPOS_NOW_STG =\n  process.env.REACT_APP_EPOS_NOW_STG ?? \"https://api.eposnowhq.com\";\n","import axios from \"axios\";\nimport { REACT_APP_API_URL } from \"src/types/env\";\nimport Bugsnag from \"@bugsnag/js\";\n\nconst defaultOptions = {\n  baseURL: REACT_APP_API_URL,\n  headers: {\n    Accept: \"application/json\",\n  },\n};\n\nconst axiosInstance = axios.create(defaultOptions);\naxiosInstance.defaults.headers.common.Authorization = `Bearer ${localStorage.getItem(\n  \"bearer_token\"\n)}`;\n\naxiosInstance.interceptors.response.use(\n  (response) => {\n    return response;\n  },\n  (error) => {\n    if (error.response.status === 401) {\n      localStorage.clear();\n      axios.defaults.headers.common.Authorization = `Bearer null`;\n      window.location.replace(\"/login\");\n    }\n    Bugsnag.notify(new Error(JSON.stringify(error)))\n    return Promise.reject(error);\n  }\n);\n\nexport default axiosInstance;\n","import {\n  LoginUser,\n  ResetPasswordRequest,\n  PersonalDetailsInterface,\n} from \"src/types/auth\";\n// import {\n//   RegisterPersonalInfoInterface,\n//   RegisterCreatePasswordInfoInterface,\n//   AccountInformationInterface,\n// } from \"src/types/registration\";\n\nimport axios from \"./api\";\n\nexport const signIn = (user: LoginUser): Promise<any> =>\n  axios\n    .post(\"/public/sign-in\", user)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const checkSignIn = (): Promise<any> =>\n  axios\n    .post(\"/api/check-sign-in\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const logOut = (): Promise<any> =>\n  axios\n    .post(\"/api/logout\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const forgotPassword = (email: string): Promise<any> =>\n  axios\n    .post(\"public/forgot_password\", { email })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const declineAccount = (verification_token: string): Promise<any> =>\n  axios\n    .post(\"public/decline-email-verification\", { verification_token })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const resetPassword = (\n  resetPasswordRequest: ResetPasswordRequest\n): Promise<any> =>\n  axios\n    .post(\"public/reset_password\", resetPasswordRequest)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const registerAccountAdditionalInfo = (\n  requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/public/create-new-place\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const checkRewardCode = (\n  requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/public/check-reward-code\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateProfilePhotoAxios = (\n      requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/api/user/updatePhoto\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateProfilePersonalDetailsAxios = (\n  personalDetails: PersonalDetailsInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/update-user-profile\", personalDetails)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCurrencyAxios = (): Promise<any> =>\n  axios\n    .get(\"/public/currencies\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const saveWelcomePromotion = (\n  accountInformationToken: string\n): Promise<any> =>\n  axios\n    .post(\"/api/save-first-welcome-promotion\", {\n      token: accountInformationToken,\n    })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","export interface LoginUser {\n  email: string;\n  password: string;\n}\n\nexport interface AuthUserState {\n  loggedUser: any;\n  loading: boolean;\n  error: null | string;\n}\n\nexport enum AuthUserActionTypes {\n  LOGIN = \"LOGIN\",\n  LOGIN_SUCCESS = \"LOGIN_SUCCESS\",\n  LOGIN_ERROR = \"LOGIN_ERROR\",\n  LOGIN_CHECK = \"LOGIN_CHECK\",\n  LOGIN_CHECK_FETCH = \"LOGIN_CHECK_FETCH\",\n\n  LOGOUT = \"LOGOUT\",\n  LOGOUT_SUCCESS = \"LOGOUT_SUCCESS\",\n  LOGOUT_ERROR = \"LOGOUT_ERROR\",\n\n  UPDATE_PHOTO_SUCCESS = \"UPDATE_PHOTO_SUCCESS\",\n  UPDATE_PERSONAL_DETAILS_SUCCESS = \"UPDATE_PERSONAL_DETAILS_SUCCESS\",\n  UPDATE_SUBSCRIPTION_SUCCESS = \"UPDATE_SUBSCRIPTION_SUCCESS\",\n}\n\ninterface LoginAction {\n  type: AuthUserActionTypes.LOGIN;\n}\ninterface LoginSuccessAction {\n  type: AuthUserActionTypes.LOGIN_SUCCESS;\n  payload: any;\n}\ninterface LoginErrorAction {\n  type: AuthUserActionTypes.LOGIN_ERROR;\n  payload: string;\n}\ninterface LoginCheck {\n  type: AuthUserActionTypes.LOGIN_CHECK;\n}\ninterface LoginCheckFetch {\n  type: AuthUserActionTypes.LOGIN_CHECK_FETCH;\n  payload: any;\n}\n\ninterface LogoutAction {\n  type: AuthUserActionTypes.LOGOUT;\n}\ninterface LogoutSuccessAction {\n  type: AuthUserActionTypes.LOGOUT_SUCCESS;\n}\ninterface LogoutErrorAction {\n  type: AuthUserActionTypes.LOGOUT_ERROR;\n  payload: string;\n}\n\ninterface UpdatePhotoSuccessAction {\n  type: AuthUserActionTypes.UPDATE_PHOTO_SUCCESS;\n  payload: string;\n}\ninterface UpdatePersonalDetailsSuccessAction {\n  type: AuthUserActionTypes.UPDATE_PERSONAL_DETAILS_SUCCESS;\n  payload: any;\n}\ninterface UpdateSubscriptionSuccessAction {\n  type: AuthUserActionTypes.UPDATE_SUBSCRIPTION_SUCCESS;\n  payload: string;\n}\n\nexport type AuthUserAction =\n  | LoginAction\n  | LoginSuccessAction\n  | LoginErrorAction\n  | LoginCheck\n  | LoginCheckFetch\n  | LogoutAction\n  | LogoutSuccessAction\n  | LogoutErrorAction\n  | UpdatePhotoSuccessAction\n  | UpdatePersonalDetailsSuccessAction\n  | UpdateSubscriptionSuccessAction;\n\nexport interface ResetPasswordRequest {\n  password: string;\n  password_confirm: string;\n  token: string;\n}\n\nexport interface PersonalDetailsInterface {\n  email: string;\n  first_name: string;\n  last_name: string;\n  phone: string;\n  address: string;\n  city: string;\n  country: string;\n  code: string;\n  about_me: string;\n  vat_number: string;\n  business_name: string;\n  business_size: string;\n  currency: number;\n}\n","import axios from \"src/api/api\";\nimport {\n  AuthUserAction,\n  AuthUserActionTypes,\n  AuthUserState,\n} from \"src/types/auth\";\n\nconst initialState: AuthUserState = {\n  loggedUser: null,\n  loading: false,\n  error: null,\n};\n\nexport const authReducer = (\n  state = initialState,\n  action: AuthUserAction\n): AuthUserState => {\n  switch (action.type) {\n    case AuthUserActionTypes.LOGIN: {\n      return { loggedUser: null, loading: true, error: null };\n    }\n    case AuthUserActionTypes.LOGIN_SUCCESS: {\n      localStorage.setItem(\"bearer_token\", action.payload.bearer_token);\n      localStorage.setItem(\"user\", JSON.stringify(action.payload.user));\n      localStorage.setItem(\"place_confirmed\", action.payload.place_confirmed);\n      axios.defaults.headers.common.Authorization = `Bearer ${action.payload.bearer_token}`;\n      window.location.replace(\"/\");\n      return { loggedUser: action.payload, loading: false, error: null };\n    }\n    case AuthUserActionTypes.LOGIN_ERROR:\n      return { loggedUser: null, loading: false, error: action.payload };\n    case AuthUserActionTypes.LOGIN_CHECK: {\n      let logedUser = null;\n      if (\n        localStorage.getItem(\"bearer_token\") &&\n        localStorage.getItem(\"user\") &&\n        localStorage.getItem(\"place_confirmed\")\n      ) {\n        logedUser = {\n          token: localStorage.getItem(\"bearer_token\"),\n          user: JSON.parse(localStorage.getItem(\"user\") ?? \"\"),\n          place_confirmed: localStorage.getItem(\"place_confirmed\"),\n        };\n      }\n      return { loggedUser: logedUser, loading: false, error: null };\n    }\n    case AuthUserActionTypes.LOGIN_CHECK_FETCH: {\n      let logedUser = null;\n      localStorage.setItem(\"user\", JSON.stringify(action.payload.user));\n      localStorage.setItem(\"place_confirmed\", action.payload.place_confirmed);\n      logedUser = {\n        token: localStorage.getItem(\"bearer_token\"),\n        user: action.payload.user,\n        place_confirmed: action.payload.place_confirmed,\n      };\n      return { loggedUser: logedUser, loading: false, error: null };\n    }\n\n    case AuthUserActionTypes.LOGOUT: {\n      return {\n        ...state,\n        loading: true,\n        error: null,\n      };\n    }\n    case AuthUserActionTypes.LOGOUT_SUCCESS: {\n      localStorage.clear();\n      axios.defaults.headers.common.Authorization = `Bearer null`;\n      window.location.replace(\"/login\");\n      return {\n        ...state,\n        loading: false,\n        error: null,\n      };\n    }\n    case AuthUserActionTypes.LOGOUT_ERROR:\n      return {\n        ...state,\n        loading: false,\n        error: action.payload,\n      };\n\n    case AuthUserActionTypes.UPDATE_PHOTO_SUCCESS: {\n      const newLogedUser = state.loggedUser;\n      newLogedUser.user.photo = action.payload;\n\n      localStorage.setItem(\"user\", JSON.stringify(newLogedUser.user));\n      return {\n        ...state,\n        loggedUser: newLogedUser,\n      };\n    }\n    case AuthUserActionTypes.UPDATE_PERSONAL_DETAILS_SUCCESS: {\n      const newLogedUser = state.loggedUser;\n      newLogedUser.user = action.payload;\n\n      localStorage.setItem(\"user\", JSON.stringify(newLogedUser.user));\n      return {\n        ...state,\n        loggedUser: newLogedUser,\n      };\n    }\n    case AuthUserActionTypes.UPDATE_SUBSCRIPTION_SUCCESS: {\n      const newLogedUser = state.loggedUser;\n      newLogedUser.user.subscription = action.payload;\n\n      localStorage.setItem(\"user\", JSON.stringify(newLogedUser.user));\n      return {\n        ...state,\n        loggedUser: newLogedUser,\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n","interface PromotionTypes {\n  value: number | string;\n  label: string;\n}\ninterface PromotionCategories {\n  value: number | string;\n  label: string;\n}\n\nexport interface PromotionState {\n  promotionTypes: PromotionTypes[];\n  promotionCategories: PromotionCategories[];\n  promotionTypesEnable: boolean;\n  promotionCategoriesEnable: boolean;\n}\n\nexport enum PromotionActionTypes {\n  GET_PROMOTION = \"GET_PROMOTION\",\n}\n\ninterface GetPromotionAction {\n  type: PromotionActionTypes.GET_PROMOTION;\n  payload: {\n    promotionTypes: PromotionTypes[];\n    promotionCategories: PromotionCategories[];\n  };\n}\n\nexport type PromotionAction = GetPromotionAction;\n","import {\n  PromotionAction,\n  PromotionActionTypes,\n  PromotionState,\n} from \"../../types/promotion\";\n\nconst initialState: PromotionState = {\n  promotionTypes: [],\n  promotionCategories: [],\n  promotionTypesEnable: false,\n  promotionCategoriesEnable: false,\n};\n\nexport const promotionReducer = (\n  state = initialState,\n  acion: PromotionAction\n): PromotionState => {\n  switch (acion.type) {\n    case PromotionActionTypes.GET_PROMOTION:\n      return {\n        ...state,\n        promotionTypes: acion.payload.promotionTypes,\n        promotionCategories: acion.payload.promotionCategories,\n        promotionTypesEnable: true,\n        promotionCategoriesEnable: true,\n      };\n    default:\n      return state;\n  }\n};\n","interface GroupsTypes {\n  value: number | string;\n  label: string;\n}\ninterface LocationsCategories {\n  value: number | string;\n  label: string;\n}\n\nexport interface GroupsLocationsState {\n  groups: GroupsTypes[];\n  locations: LocationsCategories[];\n}\n\nexport enum GroupsLocationsActionTypes {\n  GET_GROUPS_LOCATIONS = \"GET_GROUPS_LOCATIONS\",\n}\n\ninterface GetGroupsLocationsAction {\n  type: GroupsLocationsActionTypes.GET_GROUPS_LOCATIONS;\n  payload: {\n    groups: GroupsTypes[];\n    locations: LocationsCategories[];\n  };\n}\n\nexport type GroupsLocationsAction = GetGroupsLocationsAction;\n","import {\n  GroupsLocationsAction,\n  GroupsLocationsActionTypes,\n  GroupsLocationsState,\n} from \"../../types/groupsLocations\";\n\nconst initialState: GroupsLocationsState = {\n  groups: [],\n  locations: [],\n};\n\nexport const groupsLocationsReducer = (\n  state = initialState,\n  acion: GroupsLocationsAction\n): GroupsLocationsState => {\n  switch (acion.type) {\n    case GroupsLocationsActionTypes.GET_GROUPS_LOCATIONS:\n      return {\n        ...state,\n        groups: acion.payload.groups,\n        locations: acion.payload.locations,\n      };\n    default:\n      return state;\n  }\n};\n","import { combineReducers } from \"redux\";\nimport { authReducer } from \"./authReducer\";\nimport { promotionReducer } from \"./promotionReducer\";\nimport { groupsLocationsReducer } from \"./groupsLocationsReducer\";\n\nexport const rootReducer = combineReducers({\n  auth: authReducer,\n  promotion: promotionReducer,\n  groupsLocations: groupsLocationsReducer,\n});\n\nexport type RootState = ReturnType<typeof rootReducer>;\n","import { applyMiddleware, createStore } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport { composeWithDevTools } from \"redux-devtools-extension\";\nimport { rootReducer } from \"./reducers\";\n\nexport const store = createStore(\n  rootReducer,\n  composeWithDevTools(applyMiddleware(thunk))\n);\n","import { TypedUseSelectorHook, useSelector } from \"react-redux\";\nimport { RootState } from \"../store/reducers\";\n\nexport const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;\n","export default \"data:image/png;base64,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\"","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgArrowDown(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    opacity: 0.6\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    opacity: 0.87\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M24 24H0V0h24v24z\"\n  })), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowDown);\nexport default __webpack_public_path__ + \"static/media/arrowDown.89612985.svg\";\nexport { ForwardRef as ReactComponent };","const Color = {\n  white: \"#ffffff\",\n  blueDark: \"#101c52\",\n  blueLight: \"#dcdef8\",\n  blueLightMedium: \"#3FB1FF\",\n  blueDarkBlour: \"#1a2559\",\n  RebrandAppBackgroundColor: \"#2E4B4E\",\n  YellowButtonBg: \"#EDF403\",\n  blue: \"#515CDD\",\n  blueHover: \"#2934b5\",\n  blueText: \"#737ce4\",\n  blueDarkText: \"#000D46\",\n  blueLightBackground: \"#f7f8fc\",\n  blueBackground: \"#dcdef8\",\n  grey: \"#2F3640\",\n  greyMedium: \"#BCBCBC\",\n  greyLight: \"#d8d8d8\",\n  orange: \"#ec9345\",\n  green: \"#2ECC71\",\n  gradientFreeCardFrom: \"#515CDD\",\n  gradientFreeCardTo: \"#3FB1FF\",\n  iconInactive: \"#2F3640\",\n  redMedium: \"red\",\n};\n\nexport { Color };\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  a {\n    display: flex;\n    align-items: center;\n    padding: 16px 18px;\n    opacity: 0.6;\n    color: ${Color.blueDarkText};\n    font-size: 17px;\n    font-weight: 300;\n    letter-spacing: 0;\n    line-height: 23px;\n    .icon {\n      margin-right: 20px;\n      line-height: 0;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport {Props} from \"./types\";\nimport { Wrapper } from \"./styled\";\n\nconst MunuItem = ({ item }:Props) => {\n  return (\n    <Wrapper>\n      {item.type === \"item\" ||\n      item.type === \"item-parent\" ||\n      item.type === \"item-children\" ? (\n        <Link to={item.path}>\n          {item.icon ? <span className=\"icon\">\n            <img src={item.icon} alt={item.name}/>\n          </span> : null}\n          <span className=\"name\">{item.name}</span>\n        </Link>\n      ) : item.type === \"external\" ? (\n        <a href={item.path} target=\"_blank\" rel=\"noreferrer\">\n          <span className=\"icon\">\n            <img src={item.icon} alt={item.name} />\n          </span>\n          <span className=\"name\">{item.name}</span>\n        </a>\n      ) : null}\n    </Wrapper>\n  );\n};\n\nexport default MunuItem;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .nav-item {\n    line-height: 0;\n    position: relative;\n    &.active-parent-page,\n    &.active-page {\n      & > div > a {\n        opacity: 1;\n        border-radius: 4px;\n        background-color: rgb(0 13 70 / 10%);\n      }\n    }\n    &.active-parent-page {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      .arrow-drop-down {\n        transform: rotate(180deg);\n      }\n      .nav-children-items {\n        display: block;\n        .active-page {\n          & > div > a {\n            opacity: 1;\n            border-radius: 4px;\n            background-color: rgb(0 13 70 / 10%);\n          }\n        }\n      }\n    }\n    &.show-sub-page {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      .arrow-drop-down {\n        transform: rotate(180deg);\n      }\n      .nav-children-items {\n        display: block;\n      }\n    }\n    &:hover {\n      & > div > a {\n        opacity: 1;\n        border-radius: 4px;\n        background-color: rgb(0 13 70 / 10%);\n      }\n    }\n    a {\n      &:hover {\n        opacity: 1;\n      }\n    }\n    &_not_active {\n      &.active-parent-page,\n      &.active-page {\n        & > div > a {\n          opacity: 1;\n          border-radius: 4px;\n          background-color: ${Color.blueLightBackground};\n        }\n      }\n    }\n  }\n\n  .active-page,\n  .active-parent-page {\n    & > div > a {\n      opacity: 1;\n    }\n  }\n\n  .nav-children-items {\n    display: none;\n  }\n\n  .item-parent {\n    .arrow-drop-down {\n      background: none;\n      padding: 0;\n      cursor: pointer;\n      line-height: 0;\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      right: 20px;\n      top: 18px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useState} from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { ReactComponent as ArrowDownIcon } from \"src/assets/img/arrowDown.svg\";\nimport MunuItem from \"../MunuItem\";\nimport { MenuList } from \"../types\";\nimport {Props} from \"./types\";\nimport { Wrapper } from \"./styled\";\n\nconst Menu = ({ menuList }:Props) => {\n  const location = useLocation();\n  const [openSubMenuList, setOpenSubMenuList] = useState<string[]>([]);\n\n  const activeParentPage = (item: MenuList) => {\n    if (item.children) {\n      return item.children.some((e) => e.path === location.pathname);\n    }\n    return false;\n  };\n\n  const checkActiveSubPath = (activeSubPath?: string[]) => {\n    if (activeSubPath) {\n      return activeSubPath.some((e) => e === location.pathname);\n    }\n    return false;\n  };\n\n  const openChildrenNav = (itemPath: string) => {\n    const openSubMenuListTemp = [...openSubMenuList];\n    const index = openSubMenuListTemp.indexOf(itemPath);\n    if (index > -1) {\n      openSubMenuListTemp.splice(index, 1);\n      setOpenSubMenuList(openSubMenuListTemp);\n    } else {\n      setOpenSubMenuList((oldOpenSubMenuList) => [\n        ...oldOpenSubMenuList,\n        itemPath,\n      ]);\n    }\n  };\n\n  const showSubPage = (itemPath: string) => {\n    return openSubMenuList.some((e) => e === itemPath);\n  };\n\n  return (\n    <Wrapper>\n      {menuList.map((item) => (\n        <div\n          className={`nav-item ${item.type} ${\n            item.path === location.pathname ||\n            checkActiveSubPath(item.activeSubPath)\n              ? \"active-page\"\n              : \"\"\n          } ${\n            activeParentPage(item) || checkActiveSubPath(item.activeSubPath)\n              ? \"active-parent-page\"\n              : \"\"\n          }  ${showSubPage(item.path) ? \"show-sub-page\" : \"\"} ${\n            item.type === \"item-parent\" ? \"nav-item_not_active\" : \"\"\n          }`}\n          key={item.name}\n        >\n          {item.type === \"item\" || item.type === \"external\" ? (\n            <MunuItem item={item} />\n          ) : item.type === \"item-parent\" ? (\n            <>\n              <MunuItem item={item} />\n              <button\n                type=\"button\"\n                className=\"arrow-drop-down\"\n                onClick={() => openChildrenNav(item.path)}\n              >\n                <ArrowDownIcon />\n              </button>\n              <div className=\"nav-children-items\">\n                {item.children\n                  ? item.children.map((itemChildren) => (\n                      <div\n                        className={`nav-children-item ${itemChildren.type} ${\n                          itemChildren.path === location.pathname\n                            ? \"active-page\"\n                            : \"\"\n                        }`}\n                        key={itemChildren.name}\n                      >\n                        <MunuItem item={itemChildren} />\n                      </div>\n                    ))\n                  : null}\n              </div>\n            </>\n          ) : null}\n        </div>\n      ))}\n    </Wrapper>\n  );\n};\n\nexport default Menu;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  width: 280px;\n  z-index: 1;\n  background-color: ${Color.white};\n  .logo-wrap {\n    background-color: ${Color.RebrandAppBackgroundColor};\n    line-height: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 80px;\n    padding: 25px;\n    box-sizing: border-box;\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n    }\n    .logo-container {\n      position: relative;\n      width: 100%;\n      max-width: 195px;\n      img {\n        -o-object-fit: cover;\n        object-fit: cover;\n        width: 100%;\n        height: 100%;\n        font-family: \"object-fit: cover\";\n      }\n    }\n    #burger-icon {\n      width: 26px;\n      height: 23px;\n      position: relative;\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      -o-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transition: 0.5s ease-in-out;\n      -moz-transition: 0.5s ease-in-out;\n      -o-transition: 0.5s ease-in-out;\n      transition: 0.5s ease-in-out;\n      cursor: pointer;\n      background: transparent;\n\n      span {\n        display: block;\n        position: absolute;\n        height: 3px;\n        width: 100%;\n        background: #fff;\n        border-radius: 9px;\n        opacity: 1;\n        left: 0;\n        -webkit-transform: rotate(0deg);\n        -moz-transform: rotate(0deg);\n        -o-transform: rotate(0deg);\n        transform: rotate(0deg);\n        -webkit-transition: 0.25s ease-in-out;\n        -moz-transition: 0.25s ease-in-out;\n        -o-transition: 0.25s ease-in-out;\n        transition: 0.25s ease-in-out;\n\n        &:nth-child(1) {\n          top: 0px;\n          -webkit-transform-origin: left center;\n          -moz-transform-origin: left center;\n          -o-transform-origin: left center;\n          transform-origin: left center;\n        }\n        &:nth-child(2) {\n          top: 10px;\n          -webkit-transform-origin: left center;\n          -moz-transform-origin: left center;\n          -o-transform-origin: left center;\n          transform-origin: left center;\n        }\n        &:nth-child(3) {\n          top: 20px;\n          -webkit-transform-origin: left center;\n          -moz-transform-origin: left center;\n          -o-transform-origin: left center;\n          transform-origin: left center;\n        }\n      }\n      &.open span:nth-child(1) {\n        -webkit-transform: rotate(45deg);\n        -moz-transform: rotate(45deg);\n        -o-transform: rotate(45deg);\n        transform: rotate(45deg);\n        top: 1px;\n        left: 1px;\n        width: 30px;\n      }\n      &.open span:nth-child(2) {\n        width: 0%;\n        opacity: 0;\n      }\n      &.open span:nth-child(3) {\n        -webkit-transform: rotate(-45deg);\n        -moz-transform: rotate(-45deg);\n        -o-transform: rotate(-45deg);\n        transform: rotate(-45deg);\n        top: 22px;\n        left: 1px;\n        width: 30px;\n      }\n    }\n  }\n  .content {\n    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);\n    box-sizing: border-box;\n    padding: 30px 10px 10px;\n    overflow: auto;\n    height: calc(100vh - 80px);\n\n    &::-webkit-scrollbar {\n      width: 5px;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: ${Color.white};\n      border-radius: 10px;\n    }\n    &::-webkit-scrollbar-thumb:hover {\n      background: ${Color.blueText};\n    }\n\n    &:hover {\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.blueLight};\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n    }\n  }\n  .main-btn {\n    a {\n      width: auto;\n      margin: 0 30px 30px 30px;\n      border-radius: 4px;\n      background-color: ${Color.YellowButtonBg};\n      color: ${Color.RebrandAppBackgroundColor};\n      font-size: 18px;\n      font-weight: 500;\n      line-height: 23px;\n      text-align: center;\n      display: block;\n      padding: 13px;\n      &:hover {\n        // background-color: ${Color.RebrandAppBackgroundColor};\n          opacity: 0.8;\n      }\n    }\n  }\n\n  .nav-items {\n    &.nav-bottom-items {\n      margin-top: 60px;\n    }\n  }\n\n  @media (max-width: 991px) {\n    width: unset;\n    .logo-wrap {\n      width: 100%;\n      justify-content: space-between;\n      padding: 17px;\n      height: 57px;\n      .logo-container {\n        max-width: 160px;\n      }\n    }\n    .content {\n      transition: left 1s;\n      width: 280px;\n      position: absolute;\n      left: -280px;\n      background: ${Color.white};\n      &.show-mobile-menu {\n        transition: all 1s;\n        left: 0;\n        z-index: 5;\n      }\n    }\n    .disable-blur-content {\n      display: none;\n    }\n    .enable-blur-content {\n      position: absolute;\n      left: 0;\n      top: 57px;\n      bottom: 0;\n      width: 100%;\n      z-index: 1;\n      background-color: transparent;\n      backdrop-filter: blur(3px);\n    }\n  }\n  @media (min-width: 992px) {\n    #burger-icon {\n      display: none;\n    }\n  }\n`;\n\nexport { Wrapper };\n","export default __webpack_public_path__ + \"static/media/dashboard.b4ccca49.svg\";","export default __webpack_public_path__ + \"static/media/campaigns.1bdfaa8d.svg\";","export default __webpack_public_path__ + \"static/media/campaigns-quick.31954c1d.svg\";","export default __webpack_public_path__ + \"static/media/campaigns-manage.f403b6d3.svg\";","export default __webpack_public_path__ + \"static/media/user-profile.bcfaeb8d.svg\";","export default __webpack_public_path__ + \"static/media/promotions.16f38e51.svg\";","export default __webpack_public_path__ + \"static/media/promotion-manage.dea92aef.svg\";","export default __webpack_public_path__ + \"static/media/pos-rules.586d6889.svg\";","export default __webpack_public_path__ + \"static/media/settings.510ef817.svg\";","export default __webpack_public_path__ + \"static/media/customers.d7085618.svg\";","export default __webpack_public_path__ + \"static/media/customer-groups.d7085618.svg\";","export default __webpack_public_path__ + \"static/media/vouchers.f2445f7f.svg\";","export default __webpack_public_path__ + \"static/media/help.4c83f1f2.svg\";","import DashboardIcon from \"src/assets/img/menu-item/dashboard.svg\";\nimport CampaignsIcon from \"src/assets/img/menu-item/campaigns.svg\";\nimport CampaignsQuickIcon from \"src/assets/img/menu-item/campaigns-quick.svg\";\nimport CampaignsManageIcon from \"src/assets/img/menu-item/campaigns-manage.svg\";\nimport UserProfileIcon from \"src/assets/img/menu-item/user-profile.svg\";\nimport PromotionsIcon from \"src/assets/img/menu-item/promotions.svg\";\nimport PromotionsManageIcon from \"src/assets/img/menu-item/promotion-manage.svg\";\nimport PosRulesIcon from \"src/assets/img/menu-item/pos-rules.svg\";\nimport Settingscon from \"src/assets/img/menu-item/settings.svg\";\nimport CustomersIcon from \"src/assets/img/menu-item/customers.svg\";\nimport CustomerGroupsIcon from \"src/assets/img/menu-item/customer-groups.svg\";\nimport VouchersIcon from \"src/assets/img/menu-item/vouchers.svg\";\nimport HelpIcon from \"src/assets/img/menu-item/help.svg\";\n\nimport {MenuList} from \"./types\";\n\nexport const allMenuList: Array<MenuList> = [\n  {\n    icon: DashboardIcon,\n    name: \"Dashboard\",\n    type: \"item\",\n    path: \"/\",\n    active: ['all', 'shopify', 'lightSpeed', 'pos', 'admin']\n  },\n  {\n    icon: UserProfileIcon,\n    name: \"Account Management\",\n    type: \"item\",\n    path: \"/account-management\",\n    activeSubPath: [\n      \"/account-management/edit-personal-details\",\n      \"/account-management/update-plan\",\n    ],\n    active: ['all','shopify','lightSpeed', 'pos'],\n  },\n  {\n    icon: PromotionsManageIcon,\n    name: \"Outlets and Users\",\n    type: \"item\",\n    path: \"/outlets-and-users\",\n    active: ['all','shopify','lightSpeed', 'pos'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Staff Performance\",\n    type: \"item\",\n    path: \"/staff-performance\",\n    active: ['all','shopify','lightSpeed', 'pos'],\n  },\n  // {\n  //   icon: Settingscon,\n  //   name: \"Discount Conditions\",\n  //   type: \"item\",\n  //   path: \"/conditions\",\n  //   active: ['all','shopify','lightSpeed', 'pos'],\n  // },\n  {\n    icon: PromotionsIcon,\n    name: \"Your Loyalty Program\",\n    type: \"item\",\n    path: \"/your-loyalty-program\",\n    active: ['all','shopify','lightSpeed', 'pos'],\n  },\n  {\n    icon: PromotionsIcon,\n    name: \"Minimum Spend\",\n    type: \"item\",\n    path: \"/minimum-spend\",\n    active: ['minSpend'],\n  },\n  {\n    icon: CampaignsIcon,\n    name: \"Campaigns\",\n    type: \"item-parent\",\n    path: \"/campaigns/manage-campaigns\",\n    children: [\n      {\n        icon: CampaignsManageIcon,\n        name: \"Manage Campaigns\",\n        type: \"item-children\",\n        path: \"/campaigns/manage-campaigns\",\n      },\n      {\n        icon: CampaignsQuickIcon,\n        name: \"Create Campaign\",\n        type: \"item-children\",\n        path: \"/campaigns/create-campaign\",\n      },\n      {\n        icon: CustomerGroupsIcon,\n        name: \"Customer Groups\",\n        type: \"item-children\",\n        path: \"/customers/customer-groups\",\n        activeSubPath: [\"/customers/create-customer-group\"],\n      },\n    ],\n    active: ['all','shopify', 'lightSpeed', 'pos', 'campaigns'],\n  },\n  {\n    icon: CampaignsIcon,\n    name: \"Notification\",\n    type: \"item-parent\",\n    path: \"/notification/manage-notification\",\n    children: [\n      {\n        icon: CampaignsManageIcon,\n        name: \"Manage Notification\",\n        type: \"item-children\",\n        path: \"/notification/manage-notification\",\n      },\n      {\n        icon: CampaignsQuickIcon,\n        name: \"Create Notification\",\n        type: \"item-children\",\n        path: \"/notification/create-notification\",\n      },\n      // {\n      //   icon: CustomerGroupsIcon,\n      //   name: \"Customer Groups\",\n      //   type: \"item-children\",\n      //   path: \"/customers/customer-groups\",\n      //   activeSubPath: [\"/customers/create-customer-group\"],\n      // },\n    ],\n    active: ['admin'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Your Customers\",\n    type: \"item\",\n    path: \"/customers/customer-list\",\n    active: ['all','shopify', 'lightSpeed', 'pos'],\n    \n  },\n  {\n    icon: PosRulesIcon,\n    name: \"POS Rules\",\n    type: \"item\",\n    path: \"/pos-rules\",\n    active: ['shopify', 'lightSpeed', 'pos'],\n  },\n  {\n    icon: PosRulesIcon,\n    name: \"Pixel POS Rules\",\n    type: \"item\",\n    path: \"/site-pos-rules\",\n    active: ['sitePos'],\n  },\n  {\n    icon: PosRulesIcon,\n    name: \"Innova POS Rules\",\n    type: \"item\",\n    path: \"/innova-pos-rules\",\n    active: ['innovaPos'],\n  },\n  {\n    icon: PosRulesIcon,\n    name: \"External Pos Integration\",\n    type: \"item\",\n    path: \"/external-pos-integration\",\n    active: ['lightSpeed'],\n  },\n  {\n    icon: PosRulesIcon,\n    name: \"Klaviyo Integration\",\n    type: \"item\",\n    path: \"/klaviyo-integration\",\n    active: ['klaviyo'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"E-Commerce Rule\",\n    type: \"item\",\n    path: \"/e-commerce\",\n    active: ['shopify'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Staff members\",\n    type: \"item\",\n    path: \"/staff-members\",\n    active: ['staff'],\n    \n  },\n  {\n    icon: DashboardIcon,\n    name: \"Staff Discount Dashboard\",\n    type: \"item\",\n    path: \"/staff-discount-dashboard\",\n    active: ['staff-discount', 'staff-members-with-badge']\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Staff discounts\",\n    type: \"item\",\n    path: \"/staff-discount\",\n    active: ['staff-discount', 'staff-members-with-badge'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Staff members\",\n    type: \"item\",\n    path: \"/staff-discount-members\",\n    active: ['staff-discount'],\n    \n  },{\n    icon: CustomersIcon,\n    name: \"Staff members\",\n    type: \"item\",\n    path: \"/staff-members-with-badge\",\n    active: ['staff-members-with-badge'],\n    \n  },\n  {\n    icon: VouchersIcon,\n    name: \"Spend Card\",\n    type: \"item\",\n    path: \"/spend-card\",\n    active: ['spend-card'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Product discount\",\n    type: \"item-parent\",\n    path: \"/product-discount\",\n    children: [\n      {\n        icon: CampaignsManageIcon,\n        name: \"Product Discount For All Customers\",\n        type: \"item-children\",\n        path: \"/product-discount\",\n      },\n      {\n        icon: CampaignsQuickIcon,\n        name: \"Product Discount For Customers Groups\",\n        type: \"item-children\",\n        path: \"/product-discount/groups\",\n      },\n    ],\n    active: ['productDiscount'],\n  },\n  {\n    icon: PromotionsManageIcon,\n    name: \"Businesses\",\n    type: \"item\",\n    path: \"/admin-businesses\",\n    active: [ 'admin'],\n    // activeSubPath: [\n    //   \"/account-management/edit-personal-details\",\n    //   \"/account-management/update-plan\",\n    // ],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Users\",\n    type: \"item\",\n    path: \"/admin-users\",\n    active: ['admin'],\n  },\n  {\n    icon: Settingscon,\n    name: \"Businesses Settings\",\n    type: \"item\",\n    path: \"/businesses-settings\",\n    active: ['admin'],\n  },\n  {\n    icon: CustomersIcon,\n    name: \"Adverts\",\n    type: \"item-parent\",\n    path: \"/admin-adverts\",\n    active: ['admin'],\n    children: [\n      {\n        icon: '',\n        name: \"Featured Partners\",\n        type: \"item-children\",\n        path: \"/admin-adverts\",\n      },\n      {\n        icon: '',\n        name: \"Offers (Outlets)\",\n        type: \"item-children\",\n        path: \"/admin-adverts/offers-outlets\",\n      },\n      {\n        icon: '',\n        name: \"Offers (Brands)\",\n        type: \"item-children\",\n        path: \"/admin-adverts/offers-brands\",\n      },\n    ],\n  }\n]\n\nexport const menuBottomList: MenuList[] = [\n  {\n    icon: HelpIcon,\n    name: \"Help\",\n    type: \"external\",\n    path: \"https://lynkedloyalty.com/contact-us/\",\n  },\n  // {\n  //   icon: FeedbackIcon,\n  //   name: \"Feedback\",\n  //   type: \"item\",\n  //   path: \"/feedback\",\n  // },\n];\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport LogoSidebar from \"src/assets/img/logo_sidebar.png\";\nimport Menu from \"./Menu\";\nimport {Wrapper} from \"./styled\";\nimport {\n  menuBottomList, allMenuList\n} from \"./menuList\";\nimport {useTypedSelector} from \"src/hooks/useTypedSelector\";\nimport {MenuList} from \"./types\";\nimport {getBusinessOptionsAxios} from \"../../api/businessPlan\";\n\nconst Sidebar: React.FC = () => {\n  const history = useHistory();\n  const [visibleMenu, setVisibleMenu] = React.useState<boolean>(true);\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  const [showMenuList, setShowMenuList] = useState<MenuList[]>([])\n  const role = JSON.parse(localStorage.getItem(\"user\")!)?.role\n  \n  const getAllBusinessOptions = useCallback(()=>{\n    !loggedUser.user.allow_staff ?\n    getBusinessOptionsAxios().then(res=>{\n      createMenuList(res.data)\n    }) : createMenuList({})\n  },[])\n  \n  const createMenuList = (options: any)=>{\n    let activeMenuTab = []\n    loggedUser.user.allow_shopify && activeMenuTab.push('shopify')\n    loggedUser.user.allow_lightspeed && loggedUser.user.allow_pos && (\n      activeMenuTab.push('lightSpeed')\n    )\n    loggedUser.user.allow_pos && (\n      activeMenuTab.push('pos')\n    )\n    loggedUser.user.allow_cbePP && (\n      activeMenuTab.push('sitePos')\n    )\n    loggedUser.user.allow_cbe_innova && (\n      activeMenuTab.push('innovaPos')\n    )\n    loggedUser.user.allow_klaviyo && (\n      activeMenuTab.push('klaviyo')\n    )\n    options?.staff_member_type?.value  === 'westmorland' && loggedUser.user.role === 2 && (\n      activeMenuTab.push('staff-members-with-badge')\n    )\n    loggedUser.user.allow_min_spend && (\n      activeMenuTab.push('minSpend')\n    )\n    loggedUser.user.allow_campaigns && (\n      activeMenuTab.push('campaigns')\n    )\n    loggedUser.user.allow_product_discount && (\n      activeMenuTab.push('productDiscount')\n    )\n    loggedUser.user.role === 3 && (\n      activeMenuTab.push('admin')\n    )\n    loggedUser.user.allow_staff && (\n      activeMenuTab.push('staff')\n    )\n    options?.staff_member_type?.value === 'standard' && loggedUser.user.role === 2 && (\n      activeMenuTab.push('staff-discount')\n    )\n    loggedUser.user.allow_spend_card && (\n      activeMenuTab.push('spend-card')\n    )\n    // eslint-disable-next-line no-mixed-operators\n    if ((activeMenuTab.length === 0 || !activeMenuTab.includes('staff')) && loggedUser.user.role !== 3) {\n      \n      activeMenuTab.unshift('all')\n    }\n    let resultMenuArr: any[] = []\n    activeMenuTab.map(tab => {\n      resultMenuArr.push(...allMenuList.filter(item => item.active?.includes(tab)))\n    })\n    // @ts-ignore\n    setShowMenuList([...new Set(resultMenuArr)])\n  }\n  \n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    loggedUser.user.allow_staff ? history.push('/staff-members') : null;\n  }, [loggedUser.user.allow_staff])\n  \n  useEffect(() => {\n    getAllBusinessOptions()\n  }, [getAllBusinessOptions]);\n  const showMenu = () => {\n    setVisibleMenu(!visibleMenu);\n  };\n  useEffect(() => {\n    return history.listen(() => {\n      setVisibleMenu(false);\n    });\n  }, [history]);\n  \n  return (\n    <Wrapper>\n      <div className=\"logo-wrap\">\n        <div className=\"logo-container\">\n          <img src={LogoSidebar} alt=\"LogoSidebar\"/>\n        </div>\n        <button\n          type=\"button\"\n          id=\"burger-icon\"\n          onClick={showMenu}\n          className={visibleMenu ? \"open\" : \"\"}\n        >\n          <span> </span>\n          <span> </span>\n          <span> </span>\n        </button>\n      </div>\n      <div className={visibleMenu ? \"show-mobile-menu content\" : \"content\"}>\n        <div className=\"main-btn\">\n          {loggedUser.user.allow_staff || role === 3 ? null : <Link className=\"btn-blue\" to=\"/campaigns/create-campaign\">\n            Create Campaign\n          </Link>}\n        \n        </div>\n        <div className=\"nav-items\">\n            <Menu menuList={showMenuList}/>\n        </div>\n        <div className=\"nav-items nav-bottom-items\">\n          <Menu menuList={menuBottomList}/>\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        onClick={showMenu}\n        className={visibleMenu ? \"enable-blur-content\" : \"disable-blur-content\"}\n      >\n        {}\n      </button>\n    </Wrapper>\n  );\n};\n\nexport default Sidebar;\n","import axios from \"./api\";\n\nconst getBusinessPlansAxios = (): Promise<any> =>\n  axios\n    .get(\"/public/getPlansInfo\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nconst getBusinessOptionsAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/business/options\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nconst getOneBusinessOptionsAxios = ({id}: {id: number}): Promise<any> =>\n  axios\n    .get(`/api/business/options/${id}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nconst updateBusinessOptionsAxios = ({id, data}: {id: number, data: any}): Promise<any> =>\n  axios\n    .post(`/api/business/options/${id}`, data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport { getBusinessPlansAxios, getBusinessOptionsAxios, updateBusinessOptionsAxios, getOneBusinessOptionsAxios };\n","import axios from \"./api\";\n\nexport const getManageBillingUrlAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/generateBillingUrl\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateBusinessPlanAxios = (price_id: string): Promise<any> =>\n  axios\n    .post(\"/api/user/updateSubscription\", { price_id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getSubscriptionData = (): Promise<any> =>\n  axios\n    .post(\"/api/user/getSubscriptionData\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import { Dispatch } from \"redux\";\n\nimport {\n  LoginUser,\n  AuthUserAction,\n  AuthUserActionTypes,\n  PersonalDetailsInterface,\n} from \"src/types/auth\";\nimport {\n  signIn,\n  logOut,\n  updateProfilePhotoAxios,\n  updateProfilePersonalDetailsAxios,\n} from \"src/api/auth\";\nimport { updateBusinessPlanAxios } from \"src/api/userProfile\";\n\nexport const loginUser = (loginUserData: LoginUser): any => {\n  return async (dispatch: Dispatch<AuthUserAction>) => {\n    dispatch({ type: AuthUserActionTypes.LOGIN });\n    signIn(loginUserData)\n      .then((response) => {\n        if (response.data.token) {\n          window.location.replace(\n            `/registration?account_information_token=${\n              response.data.token ?? response.data.decline_token\n            }`\n          );\n        } else {\n          dispatch({\n            type: AuthUserActionTypes.LOGIN_SUCCESS,\n            payload: response.data,\n          });\n        }\n      })\n      .catch((error) => {\n        dispatch({\n          type: AuthUserActionTypes.LOGIN_ERROR,\n          payload: error.data.message,\n        });\n      });\n  };\n};\n\nexport const logoutUser = (): any => {\n  return async (dispatch: Dispatch<AuthUserAction>) => {\n    dispatch({ type: AuthUserActionTypes.LOGOUT });\n    logOut()\n      .then((response) => {\n        dispatch({\n          type: AuthUserActionTypes.LOGOUT_SUCCESS,\n          payload: response.data,\n        });\n      })\n      .catch((error) => {\n        dispatch({\n          type: AuthUserActionTypes.LOGOUT_ERROR,\n          payload: error.data.message,\n        });\n      });\n  };\n};\n\nexport const updateProfilePhoto = (\n  requestFormData: any  //eslint-disable-line\n): any => {\n  return async (dispatch: Dispatch<AuthUserAction>) =>\n    new Promise((resolve, reject) => {\n      updateProfilePhotoAxios(requestFormData)\n        .then((response) => {\n          dispatch({\n            type: AuthUserActionTypes.UPDATE_PHOTO_SUCCESS,\n            payload: response.data.photo,\n          });\n          return resolve(response);\n        })\n        .catch((error) => {\n          return reject(error);\n        });\n    });\n};\n\nexport const updateProfilePersonalDetails = (\n  personalDetails: PersonalDetailsInterface\n): any => {\n  return async (dispatch: Dispatch<AuthUserAction>) =>\n    new Promise((resolve, reject) => {\n      updateProfilePersonalDetailsAxios(personalDetails)\n        .then((response) => {\n          dispatch({\n            type: AuthUserActionTypes.UPDATE_PERSONAL_DETAILS_SUCCESS,\n            payload: response.data.user,\n          });\n          return resolve(response);\n        })\n        .catch((error) => {\n          return reject(error);\n        });\n    });\n};\n\nexport const updateBusinessPlan = (price_id: string): any => {\n  return async (dispatch: Dispatch<AuthUserAction>) =>\n    new Promise((resolve, reject) => {\n      updateBusinessPlanAxios(price_id)\n        .then((response) => {\n          dispatch({\n            type: AuthUserActionTypes.UPDATE_SUBSCRIPTION_SUCCESS,\n            payload: price_id,\n          });\n          return resolve(response);\n        })\n        .catch((error) => {\n          return reject(error);\n        });\n    });\n};\n","import axios from \"./api\";\n\nexport const getPromotionsCategoriesAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/get-promotions\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import { Dispatch } from \"redux\";\nimport { PromotionAction, PromotionActionTypes } from \"../../types/promotion\";\nimport { getPromotionsCategoriesAxios } from \"../../api/promotion\";\n\nexport const getPromotionsCategories = (): any => {\n  return async (dispatch: Dispatch<PromotionAction>) => {\n    getPromotionsCategoriesAxios().then((response) => {\n      const promotionTypes = response.data.promotions.map(\n        (item: { id: number; name: string }) => {\n          return {\n            value: item.id,\n            label: item.name,\n          };\n        }\n      );\n      const promotionCategories = response.data.categories.map(\n        (item: { id: number; name: string }) => {\n          return {\n            value: item.id,\n            label: item.name,\n          };\n        }\n      );\n      dispatch({\n        type: PromotionActionTypes.GET_PROMOTION,\n        payload: {\n          promotionTypes,\n          promotionCategories,\n        },\n      });\n    });\n  };\n};\n","import { Dispatch } from \"redux\";\nimport {\n  GroupsLocationsAction,\n  GroupsLocationsActionTypes,\n} from \"../../types/groupsLocations\";\nimport { getGroupsLocationstAxios } from \"../../api/groupsLocations\";\n\nexport const getGroupsLocations = (): any => {\n  return async (dispatch: Dispatch<GroupsLocationsAction>) => {\n    getGroupsLocationstAxios().then((response) => {\n      const groups = response.data.groups.map(\n        (item: { id: number; name: string }) => {\n          return {\n            value: item.id,\n            label: item.name,\n          };\n        }\n      );\n      const locations = response.data.locations.map(\n        (item: { id: number; location_name: string }) => {\n          return {\n            value: item.id,\n            label: item.location_name,\n          };\n        }\n      );\n      dispatch({\n        type: GroupsLocationsActionTypes.GET_GROUPS_LOCATIONS,\n        payload: {\n          groups,\n          locations,\n        },\n      });\n    });\n  };\n};\n","import axios from \"./api\";\n\nexport const getGroupsLocationstAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/getPlaceInfo\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import * as AuthActionCreators from \"./auth\";\nimport * as PromotionActionCreators from \"./promotion\";\nimport * as GroupsLocationsActionCreators from \"./groupsLocations\";\n\nexport default {\n  ...AuthActionCreators,\n  ...PromotionActionCreators,\n  ...GroupsLocationsActionCreators,\n};\n","import { useDispatch } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport ActionCreators from \"../store/action-creaters\";\n\nexport const useActions = (): any => {\n  const dispatch = useDispatch();\n  return bindActionCreators(ActionCreators, dispatch);\n};\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInfo(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(255,255,255)\",\n    className: \"circle\",\n    fillRule: \"evenodd\",\n    d: \"M12 2C6.47998047 2 2 6.48001099 2 12s4.47998047 10 10 10 10-4.48001099 10-10S17.52001953 2 12 2zm-1 5v2h2V7h-2zm1 10c-.5499878 0-1-.4500122-1-1v-4c0-.5499878.4500122-1 1-1s1 .4500122 1 1v4c0 .5499878-.4500122 1-1 1z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInfo);\nexport default __webpack_public_path__ + \"static/media/info.3741e58e.svg\";\nexport { ForwardRef as ReactComponent };","export default \"data:image/jpeg;base64,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HQ3KxFqJZ8YMUMBxI8IApKDJiWDs4gzVGFHlQgMcQQSW3ClC4Mi3JQpkNxJB2cQTVTXFh5p7AiUmLImIQSDIZEAUlBmJeO7iCVQYUsqsRag4QIIEQA94lApkIkgvKkG1LpxaVEsg9BSMQa9tRHPgKmDs+nbV4i1ACgUiACADyPYWEvoEHJFOTcFxI5KhiTJNS/JdT9/83M4CIFCIxoJB+BEgFJXX9Hr/AP/aAAwDAQACAAMAAAAQ8888888888888888888888888888888888888888888888888888888888888888888888w08888888888888888888888888EcsMMMI88888888888888888884cc8888888wc08888888888888888k888888888888888888888888888888888888888888888888888888884888888888888888888888888888888888888888888w88888888888888s8888888888888Q8888888888888848888888888888k8888888888888840888888888888c8888888888888840888888888888c888888888888888888888888888sU8888888888888888888888888888088888888888888808888888888888888888888888888808888888888g88888888888888888U8888888888c88888888888888888Y8888888880888888888888888888s888888888c8888888888888888888088888884c8888888888888888888U8888888s8888888888888888888808888888488888888888888888884888888888c8888888888888888k888888888888MUw88888888888ks8888888888888888cU8888888oc88888888888888888888sU08888c88888888888888888888888o08888888888888888888888888888c8//EABQRAQAAAAAAAAAAAAAAAAAAAJD/2gAIAQMBAT8QUn//xAAUEQEAAAAAAAAAAAAAAAAAAACQ/9oACAECAQE/EFJ//8QAKxABAAECBAUEAgMBAQAAAAAAAREAITFAQVFQYXGBkaGxwdHh8CAw8RCA/9oACAEBAAE/EP8AxoE16ZQV/kvuv8t91gz9lF8L1DxAEVAMVwqXSXNPOFThviPUbelINz0WHgpvdu86g2PFQbHioNisEHRSnJ6YqWLxsFIgO3SvWaRE10I9cKGQS5wpPu2sfupZT6J4qTaKNh2/tCImulu2zUPQybnJ4OsCtg1aVAYThOm/tTFy1U5C8NIdUZ9qh2aQYodXghwDSiwU4OBjB5nlyyV1Q5opxi9VUu69aMzljRNRgmSwdzny4EiXBiat+m2XbGQJzrD0ZjZ1PPAHGAKKY6vnDzmZo6vL+R7cAg9kvbW/PfMoDKE2SsNwEbOp5z0SWUjq2PVqIzU+t5zo/kc9/lQJfjNyQ2W3MR+89FufQH3m5vueQ56WRg0dz6zekce8U2c6rOz92b5OI+tTJJg3zv7HNm3BrmuPQzo7/wAmbblSKZm72zt73fuzn7jbOuaJH1M2sDUnYnsmdYQ0no/kM2hAuoKEHQeBGdx7RLbZopocHMzVoZ7CL1jngLQXuiz6RmnJ38Ji+fbPAUUypCWBbWnAnFvIiaZkAki4gvI50II0AwDPO8zeeLfGa1pBbIrdlaO3znlGkXs3LlSnyZ6Q6D0fxm5Nv5LPxnoFLIuoye7m5RF27Cx856fhKA6GPouaBQBK2CgL0V1i/rngbtKOTWO0F2cyCZITHIJ+OAQ4IG9yz8ZloWys9UOAODpZG6z8UEwuOhdpGBCyJCZUvUww2edJwWQS8MPLwF1W3UBqEb4nMHK3/rXKi0LiK+eBuAeoj8PplX0KC6F/iseBwkYOww+u9JCiQm+mUZAseXV9uCyMa15aj575M+oYObWnIJ3dXgsbE+dMTxOTgvI99j6e/B4EI8yuZIixA9x/EcHgKYinqfORibGLagAwDwODzUMZ7nzkeRI9SnF4Ow5o5FE4n7OEXEuNugv1xmNeezs5r9GR59L1pxeD2ayRHY+5yLRguHPXB9eDKIQbG7QpjZcnm5JRKEthsdHgoSd0u7ai69Jvs88oMYbAv9pQt71XvtwBQKsBitSKB6Pd+qJZH1Xq41i9ccsRH9VE0cCP6Bh7VFiHnPWts2zMWKQFTsa1WPy1eRo2B2zcTUNHNTPg00CO/D4ahSZ/zGm2WBEAuqgKk/Gp+6lZIyGw6HAY4Uv1NKjFD9DEoeh6smSYiC6mAqQiHQe+tTZdCwO3BSI/q4robFD3Ne1b5KjE6mn9wMgF1WAp5EfQ9N6sAGGAdDhIUAwSGoYlcj3PqiK3qp/ruUM/QYc6XjhbYPfd4aLG9Vj13pGRbFu59VfBkJI/0bI2uP2vKnT3CkvELHCvcdQqKWKVX6m5/JFEmBa8vtxNL7JxA0AMFQN9zk/wUgtYxqcVVzpHz/7/AP/Z\"","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  height: 80px;\n  background-color: ${Color.white};\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);\n  display: flex;\n  justify-content: space-between;\n  padding: 20px 30px;\n  box-sizing: border-box;\n  position: relative;\n  z-index: 9;\n\n  .account-under-review-wrap {\n    border-radius: 4px;\n    background-color: ${Color.blueLightBackground};\n    padding: 7px 17px;\n    svg {\n      margin-bottom: -5px;\n      path.circle {\n        fill: ${Color.blue};\n      }\n    }\n    .blue-text {\n      color: ${Color.blue};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n      margin-left: 15px;\n      margin-right: 15px;\n      position: relative;\n      top: -2px;\n    }\n    .main-text {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n      position: relative;\n      top: -2px;\n    }\n  }\n\n  .nav-user {\n    display: flex;\n    align-items: center;\n    padding: 0;\n    background: none;\n    cursor: pointer;\n    position: relative;\n    .img {\n      width: 40px;\n      height: 40px;\n      margin-right: 16px;\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        border-radius: 100%;\n      }\n    }\n    .name-email {\n      margin-right: 12px;\n      text-align: left;\n    }\n    .name {\n      color: ${Color.blueDarkText};\n      font-size: 18px;\n      font-weight: 300;\n      line-height: 23px;\n    }\n    .email {\n      opacity: 0.3;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .more {\n      line-height: 0;\n      cursor: pointer;\n    }\n    .dropdown-menu {\n      transform: scaleY(0);\n      position: absolute;\n      top: calc(100% + 10px);\n      right: -10px;\n      background-color: ${Color.white};\n      padding: 7px;\n      border: 1px solid rgba(0, 0, 0, 0.05);\n      border-radius: 5px;\n      box-shadow: 0 5px 25px rgb(0 0 0 / 10%);\n      max-width: 100%;\n      min-width: 150px;\n      text-align: left;\n      z-index: 99;\n      &:before {\n        content: \"\";\n        position: absolute;\n        top: -1px;\n        right: 10px;\n        width: 0.75rem;\n        height: 0.75rem;\n        display: block;\n        z-index: 10;\n        box-sizing: border-box;\n        background: ${Color.white};\n        border-top: 1px solid rgba(0, 0, 0, 0.1);\n        transform: rotate(45deg) translate(-7px);\n        border-left: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      .logout {\n        background: none;\n        padding: 0;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        letter-spacing: 0;\n        line-height: 23px;\n        text-align: center;\n        display: block;\n        width: 100%;\n      }\n    }\n\n    &.open {\n      .more {\n        transform: rotateX(180deg);\n      }\n      .dropdown-menu {\n        transform: scaleY(1);\n      }\n    }\n  }\n  @media (max-width: 991px) {\n    height: 60px;\n    /* z-index: 0; */\n    padding: 10px;\n    .nav-left {\n      display: none;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useRef, useState} from \"react\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\n\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { ReactComponent as ArrowDownIcon } from \"src/assets/img/arrowDown.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst Header = () => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const { logoutUser } = useActions();\n\n  const [isOpenDropdownMenu, setIsOpenDropdownMenu] = useState<boolean>(false);\n  const ref = useRef<HTMLDivElement>(null);\n  const handleClickOutside = (event: any) => {\n    if (!ref?.current?.contains(event.target) && isOpenDropdownMenu) {\n      setIsOpenDropdownMenu(false);\n    }\n  };\n  useEffect(() => {\n    if (isOpenDropdownMenu) {\n      document.addEventListener(\"click\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"click\", handleClickOutside);\n      };\n    }\n    return undefined;\n  });\n\n  return (\n    <Wrapper>\n      <div className=\"nav-left\">\n        {!loggedUser?.place_confirmed ? (\n          <div className=\"account-under-review-wrap\">\n            <InfoIcon />\n            <span className=\"blue-text\">Account under review</span>\n            <span className=\"main-text\">\n              Please wait while a member of the Lynked team is reviewing your\n              account.\n            </span>\n          </div>\n        ) : null}\n      </div>\n      <div className=\"nav-notification\" />\n      <div className={`nav-user ${isOpenDropdownMenu ? \"open\" : \"\"}`} ref={ref} onClick={() => setIsOpenDropdownMenu(!isOpenDropdownMenu)} > {/*eslint-disable-line*/}\n        <div className=\"img\">\n          {loggedUser?.user?.photo ? (\n            <img src={loggedUser.user.photo} alt=\"\" />\n          ) : (\n            <img src={userDefaultImg} alt=\"\" />\n          )}\n        </div>\n        <div className=\"name-email\">\n          <div className=\"name\">{loggedUser?.user?.full_name}</div>\n          <div className=\"email\">{loggedUser?.user?.email}</div>\n        </div>\n        <div className=\"more\">\n          <ArrowDownIcon />\n        </div>\n        <div className=\"dropdown-menu\">\n          <button className=\"logout\" type=\"button\" onClick={logoutUser}>\n            Log Out\n          </button>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Header;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  max-height: 100vh;\n  overflow: hidden;\n  .main-panel {\n    width: calc(100% - 280px);\n    background-color: ${Color.blueLightBackground};\n  }\n\n  .page-content {\n    padding: 35px 30px;\n    box-sizing: border-box;\n    overflow: auto;\n    height: calc(100vh - 80px);\n\n    &::-webkit-scrollbar {\n      width: 5px;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: ${Color.white};\n      border-radius: 10px;\n    }\n    &::-webkit-scrollbar-thumb:hover {\n      background: ${Color.blueDarkText};\n    }\n\n    &:hover {\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.blue};\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueDarkText};\n      }\n    }\n      \n      &>div{\n          overflow: visible;\n      }\n  }\n  @media (max-width: 991px) {\n    &.main-wrapper {\n      flex-direction: column;\n\n      .main-panel {\n        width: 100%;\n      }\n    }\n  }\n  @media (max-width: 640px) {\n    .page-content {\n      padding: 20px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\n\nimport Sidebar from \"src/components/Sidebar\";\nimport Header from \"src/components/Header\";\n\nimport * as Types from \"./types\";\nimport { Wrapper } from \"./styled\";\n\nconst AdminWrapper: React.FC<Types.Props> = ({ children }) => {\n  const { loading } = useTypedSelector((state) => state.auth);\n\n  return (\n    <Wrapper\n      className={`${loading ? \"loading-blue main-wrapper\" : \"main-wrapper\"}`}\n    >\n      <Sidebar />\n      <div className=\"main-panel\">\n        <Header />\n        <div className=\"page-content\">{children}</div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default AdminWrapper;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgClear(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    height: 20,\n    width: 20,\n    viewBox: \"0 0 20 20\",\n    \"aria-hidden\": \"true\",\n    focusable: \"false\",\n    className: \"css-19bqh2r\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgClear);\nexport default __webpack_public_path__ + \"static/media/clear.997bc4ab.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLock(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 20 20\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    opacity: 0.6\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h20v20H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M15 6.66668701h-.83337402V5c0-2.2999878-1.86663819-4.1666565-4.16662598-4.1666565C7.69995117.8333435 5.83331299 2.7000122 5.83331299 5v1.66668701H5c-.91668701 0-1.66668701.75-1.66668701 1.6666565v8.3333435c0 .9166565.75 1.6666565 1.66668701 1.6666565h10c.91662598 0 1.66662598-.75 1.66662598-1.6666565v-8.3333435c0-.9166565-.75-1.6666565-1.66662598-1.6666565zM7.41668701 5v1.6666565h5.16668701V5c0-1.42501831-1.1583252-2.5833435-2.58337402-2.5833435-1.4249878 0-2.58331299 1.15832519-2.58331299 2.5833435zM10 14.16668701c-.91668701 0-1.66668701-.75-1.66668701-1.66668701 0-.9166565.75-1.6666565 1.66668701-1.6666565.91662598 0 1.66662598.75 1.66662598 1.6666565 0 .91668701-.75 1.66668701-1.66662598 1.66668701z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLock);\nexport default __webpack_public_path__ + \"static/media/lock.7626cdda.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/arrowDropDownBlack.150fddb3.svg\";","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\n\nconst Wrapper = styled.div<{\n  required?: boolean;\n  isSelect?: boolean;\n  isLabel?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: 24px;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n    /* &:after {\n      content: ${(props) => (props.required ? `\" *\"` : \"none\")};\n      color: #eb4d4b;\n    } */\n  }\n\n  & > svg {\n    position: absolute;\n    left: 8px;\n    top: 8px;\n  }\n\n  & > input {\n    border-radius: 2px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px;\n    font-size: 16px;\n    line-height: 20px;\n    cursor: ${(props) => (props.isSelect ? \"pointer\" : \"initial\")};\n    background: ${(props) =>\n      props.isSelect\n        ? `url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center`\n        : \"#ffffff\"};\n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled:not(\".lock\") {\n      background: rgba(0, 0, 0, 0.07);\n      box-shadow: none;\n    }\n  }\n  &.lock {\n    input {\n      background: none;\n      cursor: initial;\n    }\n  }\n\n  & > ul {\n    position: absolute;\n    width: 100%;\n    background: #fff;\n    z-index: 5;\n    box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n    border-radius: 2px;\n    padding: 5px 0;\n    max-height: 230px;\n    overflow: auto;\n    &.top {\n      bottom: calc(100% + 7px);\n    }\n    &.bottom {\n      top: calc(100% + 7px);\n    }\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 144, 202, 0.4);\n    }\n\n    & > input {\n      width: 90%;\n      margin: 10px auto;\n      display: block;\n      padding: 7px 10px;\n      background: unset;\n      height: auto;\n      border: 2px solid #ebebeb;\n      border-radius: 6px;\n      box-sizing: border-box;\n\n      &::placeholder {\n        color: #ced2d4;\n      }\n    }\n\n    & > button {\n      font-size: 14px;\n      padding: 10px 16px;\n      cursor: pointer;\n      background: #fff;\n      transition: background-color 0.225s;\n      display: flex;\n      width: 100%;\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.04);\n      }\n    }\n\n    & > li {\n      padding: 10px 16px;\n    }\n  }\n\n  .info-tooltip {\n    position: absolute;\n    right: 40px;\n    bottom: 11px;\n    width: 24px;\n    height: 24px;\n    margin: auto;\n    cursor: pointer;\n    transition: 0.3s all ease;\n    .tooltip {\n      transition: 0.3s all ease;\n      visibility: hidden;\n      opacity: 0;\n      position: absolute;\n      bottom: 40px;\n      right: -10px;\n      width: 200px;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      color: ${Color.white};\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 15px;\n      padding: 10px;\n      border-radius: 6px;\n      z-index: 5;\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        right: 17px;\n        margin-left: -5px;\n        border-width: 5px;\n        border-style: solid;\n        border-color: ${Color.blue} transparent transparent transparent;\n      }\n    }\n    svg path.circle {\n      fill: #000d46;\n      opacity: 0.6;\n    }\n    &:hover {\n      svg path.circle {\n        fill: ${Color.blue};\n        opacity: 1;\n      }\n      .tooltip {\n        visibility: visible;\n        opacity: 1;\n      }\n    }\n  }\n\n  .clearable-btn {\n    position: absolute;\n    background: none;\n    right: 26px;\n    bottom: 4px;\n    opacity: 0;\n    svg {\n      fill: ${Color.blueDarkText};\n    }\n  }\n  &:hover {\n    .clearable-btn {\n      opacity: 0.4;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .lock-icon-wrap {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useRef, useState} from \"react\";\n\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { ReactComponent as ClearIcon } from \"src/assets/img/clear.svg\";\nimport { ReactComponent as LockIcon } from \"src/assets/img/lock.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport {Props, SelectorListObj} from \"./types\";\n\nconst Select = ({\n  label,\n  placeholder,\n  infoTooltip,\n  defaultValue,\n  required,\n  isClearable,\n  icon,\n  selectorList,\n  positionForShow,\n  hideSelectorFilter,\n  disabled,\n  isHideWhenSelect = true,\n  lock,\n  getValue,\n  onFocus,\n}: Props) => {\n  const [value, setValue] = useState<string>(defaultValue?.label || \"\");\n  const [list, setList] = useState<SelectorListObj[]>(selectorList)\n  \n  useEffect(() => {\n    if (defaultValue && defaultValue.label !== value) {\n      setValue(defaultValue.label);\n    }\n    setList(selectorList)\n  }, [defaultValue]); //eslint-disable-line\n\n  const [isShowSelectList, setIsShowSelectList] =\n    React.useState<boolean>(false);\n  const [selectorFilter, setSelectorFilter] = useState<string>(\"\");\n\n  const ref = useRef<HTMLUListElement>(null);\n\n  const handleClickOutside = (event: any) => {\n    if (!ref?.current?.contains(event.target) && isShowSelectList) {\n      setIsShowSelectList(false);\n    }\n  };\n\n  const handleChange = (currentItem: SelectorListObj) => {\n    if (isShowSelectList && isHideWhenSelect) setIsShowSelectList(false);\n\n    setValue(currentItem.label);\n    if (getValue) {\n      getValue(currentItem.value, currentItem.label, currentItem.additional);\n    }\n  };\n\n  useEffect(() => {\n    if (isShowSelectList) {\n      document.addEventListener(\"click\", handleClickOutside);\n\n      return () => {\n        document.removeEventListener(\"click\", handleClickOutside);\n      };\n    }\n\n    return undefined;\n  });\n\n  useEffect(() => {\n    setList(selectorList.filter((option) =>\n      option.label.toLowerCase().includes(selectorFilter.toLowerCase())\n    ))\n  }, [selectorFilter, selectorList]);\n  \n  return (\n    <Wrapper data-tag=\"allowRowEvents\"\n      required={required}\n      isSelect={!!selectorList}\n      isLabel={!!label}\n      className={`select ${selectorList ? \"isSelect\" : \"\"} ${\n        lock ? \"lock\" : \"\"\n      }`}\n    >\n      <span data-tag=\"allowRowEvents\" className=\"label\">{label}</span>\n      {icon}\n      <input data-tag=\"allowRowEvents\"\n        type=\"text\"\n        value={value}\n        placeholder={placeholder}\n        required={required}\n        disabled={disabled || lock}\n        autoComplete={selectorList ? \"nope\" : \"\"}\n        onChange={() => {\n          return null;\n        }}\n        onFocus={(event) => {\n          if (selectorList) {\n            event.target.blur();\n          }\n\n          if (onFocus) onFocus();\n        }}\n        onClick={() =>\n          selectorList && !isShowSelectList && setIsShowSelectList(true)\n        }\n      />\n      {selectorList?.length && isShowSelectList ? (\n        <ul\n          ref={ref}\n          className={`${positionForShow === \"top\" ? \"top\" : \"bottom\"}`}\n        >\n          {!hideSelectorFilter && (\n            <input\n              type=\"text\"\n              placeholder=\"Search\"\n              value={selectorFilter}\n              onChange={(event) => setSelectorFilter(event?.target.value)}\n            />\n          )}\n          {list.map((item, index) => (\n            <button\n              type=\"button\"\n              key={item.value + `${index}`}\n              onClick={() => handleChange(item)}\n            >\n              {item.label}\n            </button>\n          ))}\n          {list.length === 0 && <li>Not found</li>}\n        </ul>\n      ) : null}\n      {lock && (\n        <span className=\"lock-icon-wrap\">\n          <LockIcon />\n        </span>\n      )}\n      {infoTooltip ? (\n        <span className=\"info-tooltip\">\n          <InfoIcon />\n          <span className=\"tooltip\">{infoTooltip}</span>\n        </span>\n      ) : null}\n      {isClearable && value ? (\n        <button\n          className=\"clearable-btn\"\n          type=\"button\"\n          onClick={() => {\n            setValue(\"\");\n            if (getValue) getValue(\"\", \"\", {});\n          }}\n        >\n          <ClearIcon />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n};\n\nexport default Select;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPlacePoint(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 24,\n    height: 24,\n    x: 0,\n    y: 0,\n    fill: \"none\",\n    rx: 0,\n    ry: 0\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(255,255,255)\",\n    fillRule: \"evenodd\",\n    d: \"M4 10.2000122C4 5.2199707 7.80000305 2 12 2s8 3.2199707 8 8.2000122c0 3.17999268-2.44999695 6.91998292-7.33000183 11.22998048-.38000488.33001709-.94999695.33001709-1.33000183 0C6.44999694 17.11999512 4 13.38000488 4 10.2000122zM10 10c0 1.09997559.8999939 2 2 2 1.1000061 0 2-.90002441 2-2 0-1.09997559-.8999939-2-2-2-1.1000061 0-2 .90002441-2 2z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlacePoint);\nexport default __webpack_public_path__ + \"static/media/place-point.98048290.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCalendar(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M16 2v1H8V2c0-.55000305-.44995117-1-1-1-.55004883 0-1 .44999695-1 1v1H5c-1.10998535 0-1.98999023.90000153-1.98999023 2L3 19c0 1.1000061.89001465 2 2 2h14c1.09997559 0 2-.8999939 2-2V5c0-1.09999847-.90002441-2-2-2h-1V2c0-.55000305-.44995117-1-1-1-.55004883 0-1 .44999695-1 1zM5 18c0 .55000305.44995117 1 1 1h12c.55004883 0 1-.44999695 1-1V8H5v10zm11-6h-3c-.55004883 0-1 .44999695-1 1v3c0 .55000305.44995117 1 1 1h3c.55004883 0 1-.44999695 1-1v-3c0-.55000305-.44995117-1-1-1z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCalendar);\nexport default __webpack_public_path__ + \"static/media/calendar.a30f11a5.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n// import \"bootstrap/dist/css/bootstrap.css\";\n// you will also need the css that comes with bootstrap-daterangepicker\nimport \"bootstrap-daterangepicker/daterangepicker.css\";\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n      align-items: flex-end;\n    .filters {\n      display: flex;\n      align-items: flex-end;\n        padding-right: 5px;\n        gap: 20px;\n        &>div{\n            margin-bottom: 24px;\n        }\n      .select {\n        input {\n          padding: 10px 16px 10px 40px;\n        }\n        svg path:not([fill=\"none\"]) {\n          fill: #666e90;\n        }\n      }\n    }\n  }\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n        .products {\n        color: #000000;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n        \n        .sales_item{\n            color: #000000;\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 15px;\n            display: flex;\n            .sale_name{\n                width: 70%;\n            }\n        }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n          .detail{\n              font-size: 40px;\n          }\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n    \n    .sales_channels{\n        margin-top: 20px;\n        position: relative;\n        padding-right: 40px;\n        .icon {\n            top: 10px;\n            position: absolute;\n            right: 10px;\n        }\n        .icon_rotate{\n            transform: rotate(180deg);\n            top: 5px;\n        }\n    }\n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n  @media (min-width: 992px) and (max-width: 1040px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 760px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .heading {\n      flex-direction: column;\n\n      .page-title {\n        text-align: center;\n      }\n    }\n  }\n    .select{\n        display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: 24px;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n  }\n\n  & > svg {\n    position: absolute;\n    left: 8px;\n    top: 8px;\n  }\n\n  & > input {\n    border-radius: 2px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px;\n    font-size: 16px;\n    line-height: 20px;\n    cursor: pointer;\n    background: url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center;\n \n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled:not(\".lock\") {\n      background: rgba(0, 0, 0, 0.07);\n      box-shadow: none;\n    }\n  }\n  &.lock {\n    input {\n      background: none;\n      cursor: initial;\n    }\n  }\n\n  & > ul {\n    position: absolute;\n    width: 100%;\n    background: #fff;\n    z-index: 5;\n    box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n    border-radius: 2px;\n    padding: 5px 0;\n    max-height: 230px;\n    overflow: auto;\n    &.top {\n      bottom: calc(100% + 7px);\n    }\n    &.bottom {\n      top: calc(100% + 7px);\n    }\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 144, 202, 0.4);\n    }\n\n    & > input {\n      width: 90%;\n      margin: 10px auto;\n      display: block;\n      padding: 7px 10px;\n      background: unset;\n      height: auto;\n      border: 2px solid #ebebeb;\n      border-radius: 6px;\n      box-sizing: border-box;\n\n      &::placeholder {\n        color: #ced2d4;\n      }\n    }\n\n    & > button {\n      font-size: 14px;\n      padding: 10px 16px;\n      cursor: pointer;\n      background: #fff;\n      transition: background-color 0.225s;\n      display: flex;\n      width: 100%;\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.04);\n      }\n    }\n\n    & > li {\n      padding: 10px 16px;\n    }\n  }\n  &:hover {\n    .clearable-btn {\n      opacity: 0.4;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .lock-icon-wrap {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n  }\n    }\n`;\n\nexport { Wrapper };\n","export const filterPerDate = [\n  {\n    value: \"7\",\n    label: \"Last 7 days\",\n  },\n  {\n    value: \"1\",\n    label: \"Today\",\n  },\n  {\n    value: \"30\",\n    label: \"Last 30 days\",\n  },\n  {\n    value: \"365\",\n    label: \"Last 365 days\",\n  },\n];\n","export const AGE_AXIS_COLORS = [\n  \"#FF4260\",\n  \"#FFCD34\",\n  \"#5699D5\",\n  \"#FF6247\",\n  // \"#00C5A6\",\n  // \"#FB81BB\",\n  // \"#E6EAEF\",\n];\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  margin-top: 30px;\n\n  .chart {\n    background: ${Color.white};\n    padding: 30px;\n  }\n  .doughnut_items_wrapper {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    & > * {\n      margin: 0px 15px;\n    }\n    &::-webkit-scrollbar {\n      height: 12px;\n      cursor: pointer;\n    }\n    &::-webkit-scrollbar-track {\n      background: ${Color.blueBackground};\n      border-radius: 3px;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: ${Color.blue};\n      border-radius: 3px;\n    }\n    .not_found {\n      font-size: 20px;\n      min-height: 200px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  .doughnut_item_wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 200px;\n    min-height: 200px;\n    margin-bottom: 25px;\n    .doughnut_location {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 23px;\n      margin: 12px 0px;\n    }\n    .center_wrapper {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, 50%);\n      width: 100px;\n      height: 100px;\n      padding: 5px;\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n      .center_wrapper_title {\n        font-size: 12px;\n        font-weight: 300;\n        line-height: 18px;\n        color: ${Color.grey};\n      }\n      .center_count {\n        font-size: 28px;\n        font-weight: 500;\n        line-height: 38px;\n      }\n    }\n  }\n  .doughnut_legend {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-bottom: 30px;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 20px;\n    .legend_item {\n      margin-right: 10px;\n      &:last-child {\n        margin-right: 0px;\n      }\n    }\n    .legend_wrapper {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      margin-right: 25px;\n      &:last-child {\n        margin-right: 0px;\n      }\n      .legend_color {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        border-radius: 2px;\n        background-color: ${Color.blueLightMedium};\n      }\n    }\n  }\n  .doughnut_legend_bottom {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    .legend_item_color {\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 20px;\n      .legend_color {\n        width: 15px;\n        height: 12px;\n        margin-right: 6px;\n      }\n      &:first-child {\n        .legend_color {\n          background-color: ${Color.blueLightMedium};\n        }\n      }\n      &:last-child {\n        .legend_color {\n          background-color: ${Color.blueDark};\n        }\n      }\n    }\n  }\n  @media (max-width: 1200px) {\n    .chart {\n      padding: 15px;\n    }\n  }\n  @media (max-width: 800px) {\n    .chart-wrapper {\n      overflow-x: scroll;\n\n      .chart {\n        width: 700px;\n      }\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useState, useRef } from \"react\";\nimport { Doughnut, Line } from \"react-chartjs-2\";\n\nimport { Color } from \"src/types/color\";\nimport { AGE_AXIS_COLORS } from \"./const\";\nimport { Wrapper } from \"./styled\";\nimport { Props, IActiveChart } from \"./types\";\n\nconst DashboardChart: FC<Props> = ({\n  promotionType,\n  customers,\n  salesStatistic,\n  dateFilter,\n  endDate,\n  statisticByLocation,\n}) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const [activeChart, setActiveChart] = useState<IActiveChart>(\"Customers\");\n\n  const handleChangeActiveChart = (chartName: IActiveChart) => {\n    setActiveChart(chartName);\n    // todo\n    setTimeout(() => {\n      chartRef.current?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n        inline: \"nearest\",\n      });\n    }, 200);\n  };\n\n  const AGE_LABEL = Object.keys(statisticByLocation[0]?.age_groups[0] ?? {});\n\n  return (\n    <Wrapper>\n      <div className=\"nav-subpages\">\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Customers\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Customers\")}\n          >\n            Customers\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Sales\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Sales\")}\n          >\n            {promotionType === \"Stamp\" ? \"Stamps\" : \"Points\"}\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Gender\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Gender\")}\n          >\n            Gender\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Age\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button type=\"button\" onClick={() => handleChangeActiveChart(\"Age\")}>\n            Age\n          </button>\n        </div>\n      </div>\n      <div ref={chartRef} className=\"chart-wrapper\">\n        <div className=\"chart\">\n          {activeChart === \"Gender\" ? (\n            <>\n              <div className=\"doughnut_legend\">\n                <span className=\"legend_item\">Males</span>\n                <span className=\"legend_item\">Females</span>\n              </div>\n              <div className=\"doughnut_items_wrapper\">\n                {statisticByLocation.length ? (\n                  statisticByLocation.map(\n                    ({ location_id, location_name, gender_count }) => (\n                      <div key={location_id} className=\"doughnut_item_wrapper\">\n                        <Doughnut\n                          // type=\"doughnut\"\n                          data={{\n                            labels: [\"Female\", \"Male\"],\n                            datasets: [\n                              {\n                                data: gender_count,\n                                backgroundColor: [\n                                  Color.blueLightMedium,\n                                  Color.blueDark,\n                                ],\n                                borderColor: [\"white\", \"white\"],\n                                borderWidth: 2,\n                              },\n                            ],\n                          }}\n                          options={{\n                            plugins: {\n                              legend: {\n                                display: false,\n                              },\n                            },\n                          }}\n                        />\n                        <span className=\"doughnut_location\">\n                          {location_name}\n                        </span>\n                        <div className=\"doughnut_legend_bottom\">\n                          <div className=\"legend_item_color\">\n                            <span className=\"legend_color\" />\n                            {`Female ${gender_count[0] ?? \"0\"}`}\n                          </div>\n                          <div className=\"legend_item_color\">\n                            <span className=\"legend_color\" />\n                            {`Male ${gender_count[1] ?? \"0\"}`}\n                          </div>\n                        </div>\n                      </div>\n                    )\n                  )\n                ) : (\n                  <div className=\"not_found\">\n                    <p>Sorry, nothing found</p>\n                  </div>\n                )}\n              </div>\n            </>\n          ) : activeChart === \"Age\" ? (\n            <>\n              <div className=\"doughnut_legend\">\n                {AGE_LABEL.map((label, i) => ({\n                  label,\n                  color: AGE_AXIS_COLORS[i],\n                })).map(({ label, color }) => (\n                  <div key={label} className=\"legend_wrapper\">\n                    <span\n                      className=\"legend_color\"\n                      style={{ backgroundColor: color }}\n                    />\n                    {label}\n                  </div>\n                ))}\n              </div>\n              <div className=\"doughnut_items_wrapper\">\n                {statisticByLocation.length ? (\n                  statisticByLocation.map(\n                    ({ location_id, location_name, age_groups }) => (\n                      <div key={location_id} className=\"doughnut_item_wrapper\">\n                        <Doughnut\n                          // type=\"doughnut\"\n                          data={{\n                            labels: AGE_LABEL,\n                            datasets: [\n                              {\n                                data: age_groups\n                                  .map((location) => Object.values(location))\n                                  .flat(),\n                                backgroundColor: AGE_AXIS_COLORS,\n                                borderColor: [\"white\"],\n                                borderWidth: 2,\n                              },\n                            ],\n                          }}\n                          options={{\n                            plugins: {\n                              legend: {\n                                display: false,\n                              },\n                            },\n                          }}\n                        />\n                        <span className=\"doughnut_location\">\n                          {location_name}\n                        </span>\n                        <div className=\"center_wrapper\">\n                          <span className=\"center_wrapper_title\">\n                            Total\n                            <br /> Customers:\n                          </span>\n                          <span className=\"center_count\">\n                            {age_groups\n                              .map((location) => Object.values(location))\n                              .flat()\n                              .reduce(\n                                (acc, count_of_cust) => acc + +count_of_cust,\n                                0\n                              )}\n                          </span>\n                        </div>\n                      </div>\n                    )\n                  )\n                ) : (\n                  <div className=\"not_found\">\n                    <p>Sorry, nothing found</p>\n                  </div>\n                )}\n              </div>\n            </>\n          ) : (\n            <Line\n              // type=\"line\"\n              height={80}\n              data={{\n                labels: customers\n                  .map((date, i) => {\n                    const day = new Date(endDate);\n                    if (dateFilter === 365) {\n                      const newDate = new Date(\n                        day.getFullYear(),\n                        day.getMonth() - i,\n                        1\n                      );\n                      return `${newDate.toLocaleString(\"en\", {\n                        month: \"short\",\n                      })}`;\n                    }\n                    day.setDate(day.getDate() - i);\n                    return `${day.getDate()} ${day.toLocaleString(\"en\", {\n                      month: \"short\",\n                    })}`;\n                  })\n                  .reverse(),\n                datasets: [\n                  {\n                    data:\n                      activeChart === \"Customers\" ? customers : salesStatistic,\n                    borderColor:\n                      activeChart === \"Customers\" ? \"#00A8FF\" : \"#2ECC71\",\n                    pointRadius: 6,\n                    borderWidth: 2,\n                    pointBorderWidth: 2,\n                    pointBorderColor: \"#fff\",\n                    // hoverRadius: 8,\n                    pointBackgroundColor:\n                      activeChart === \"Customers\" ? \"#00A8FF\" : \"#2ECC71\",\n                  },\n                ],\n              }}\n              options={{\n                plugins: {\n                  legend: {\n                    display: false,\n                  },\n                  tooltip: {\n                    displayColors: false,\n                    intersect: false,\n                    callbacks: {\n                      title(tooltipItem: any[]) {\n                        const date = new Date();\n\n                        if (dateFilter === 365) {\n                          const newDate = new Date(\n                            date.getFullYear(),\n                            date.getMonth() + tooltipItem[0].dataIndex + 1,\n                            1\n                          );\n                          return `${newDate.toLocaleString(\"en\", {\n                            month: \"short\",\n                          })} ${newDate.getFullYear() - 1}`;\n                        }\n                        date.setDate(\n                          date.getDate() -\n                            (tooltipItem[0].dataset.data.length -\n                              tooltipItem[0].dataIndex -\n                              1)\n                        );\n\n                        return `${tooltipItem[0].label}, ${date.getFullYear()}`;\n                      },\n                      label(tooltipItem: any) {\n                        return `${\n                          activeChart === \"Customers\"\n                            ? \"Customers\"\n                            : promotionType === \"Stamp\"\n                            ? \"Stamps\"\n                            : \"Points\"\n                        }: ${tooltipItem.formattedValue}`;\n                      },\n                    },\n                  },\n                },\n                animation: {\n                  duration: 0,\n                },\n                scales: {\n                  x: {\n                    beginAtZero: true,\n                    ticks: {\n                      precision: 0,\n                    },\n                  },\n                  y: {\n                    beginAtZero: true,\n                    ticks: {\n                      precision: 0,\n                    },\n                  },\n                },\n              }}\n            />\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default DashboardChart;\n","import React, { FC, useState, useEffect } from \"react\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as PlacePointIcon } from \"src/assets/img/place-point.svg\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport {ReactComponent as ArrowDown} from \"../../assets/img/arrowDown.svg\";\nimport { DashboardInfoInterface } from \"src/types/dashboard\";\nimport { getDashboardInfoAxios } from \"src/api/dashboard\";\nimport { Wrapper } from \"./styled\";\nimport { filterPerDate } from \"./consts\";\nimport DashboardChart from \"./DashboardChart\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\n\nconst Dashboard: FC = () => {\n  const [pageLoading, setPageLoading] = useState<boolean>(false);\n  const [locationIdFilter, setLocationIdFilter] = useState<number>(0);\n  const [dateFilter, setDateFilter] = useState<{\n    value: string;\n    label: string;\n  }>({\n    value: filterPerDate[0].value,\n    label: filterPerDate[0].label\n  });\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const [openChannels, setOpenChannels] = useState<boolean>(false)\n  const [dashboardInfo, setDashboardInfo] = useState<DashboardInfoInterface>({\n    allCustomers: 0,\n    countAllCheckIns: 0,\n    countOfActivatedCards: 0,\n    countOfActivatedVouchers: 0,\n    countOfRedeemCampaign: 0,\n    averagePriceSales: 0,\n    avTimeBetweenRepeatVisits: 0,\n    avTimeBetweenVoucherUsed: 0,\n    vouchers_used_sum_reward: 0,\n    vouchers_earned_sum_reward: 0,\n    topProduct: [],\n    loyalty_visits: [],\n    total_loyalty_volume: [],\n    av_loyalty_visits: [],\n    av_voucher_used_value: [],\n    point: 0,\n    customers: [0],\n    locations: [],\n    newCustomers: 0,\n    promotionType: \"Stamp\",\n    salesStatistic: [0]\n  });\n\n  const { locations } = useTypedSelector((state) => state.groupsLocations);\n  const { getGroupsLocations } = useActions();\n  const [dates, setDatesState] = useState({\n    startDate:moment(new Date()).subtract(7, \"days\").format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n\n  useEffect(() => {\n    if (locations.length === 0) getGroupsLocations();\n    }, []); //eslint-disable-line\n\n  useEffect(() => {\n    setPageLoading(true);\n\n    getDashboardInfoAxios({\n      date: +dateFilter.value,\n      startDate: moment(dates.startDate).format(\"yyyy-MM-DD\"),\n      endDate: moment(dates.endDate).format(\"yyyy-MM-DD\"),\n      locationId: locationIdFilter\n    }).then((res) => {\n      setDashboardInfo(res.data.data);\n      setPageLoading(false);\n      setDateFilter({value: res.data.daysDiff, label: res.data.daysDiff})\n    });\n  }, [dateFilter.value, locationIdFilter, dates.startDate, dates.endDate]);\n  \n  \n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  return (\n    <Wrapper className={`${pageLoading ? \"loading-blue\" : \"\"}`}>\n      <div className=\"heading\">\n        <div className=\"page-title\">Dashboard</div>\n        <div className=\"filters\">\n          <Select\n            placeholder=\"All locations\"\n            selectorList={locations}\n            disabled={!(locations.length > 0)}\n            positionForShow=\"bottom\"\n            isClearable\n            icon={<PlacePointIcon/>}\n            required\n            hideSelectorFilter\n            getValue={(value) => {\n              setLocationIdFilter(+value);\n            }}\n          />\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{ startDate: moment(new Date()).subtract(7, \"days\"), endDate: new Date(), ranges: ranges }}\n            \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n            \n          </DateRangePicker>\n        </div>\n      </div>\n      <div className=\"main-blocks-row\">\n        <div className=\"item all-customers\">\n          <div className=\"title\">All Customers</div>\n          <div className=\"count\">{dashboardInfo.allCustomers}</div>\n          <div className=\"description\">overall</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">New Customers</div>\n          <div className=\"count\">{dashboardInfo.newCustomers}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">Check-Ins</div>\n          <div className=\"count\">{dashboardInfo.countAllCheckIns}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n        <div className=\"title\">\n            {dashboardInfo.promotionType === \"Stamp\"\n              ? \"Count of activated cards\"\n              : \"Total points\"}\n          </div>\n          <div className=\"count\">\n            {dashboardInfo.promotionType === \"Stamp\"\n              ? dashboardInfo.countOfActivatedCards\n              : dashboardInfo.point}\n          </div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div\n            className=\"title\">{dashboardInfo.promotionType === \"Stamp\" ? \"Redeemed Campaigns\" : \"Count of activated vouchers\"}</div>\n          <div className=\"title\"></div>\n          <div\n            className=\"count\">{dashboardInfo.promotionType === \"Stamp\" ? dashboardInfo.countOfRedeemCampaign : dashboardInfo.countOfActivatedVouchers}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        \n      </div>\n      {loggedUser.user.allow_pos ? (\n        <>\n          <div className=\"main-blocks-row\" style={{marginTop: '30px'}}>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Average Order Value</div>\n              <div className=\"count\">{loggedUser.user.currency_symbol || '€'}{dashboardInfo.averagePriceSales}</div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Top Selling Products</div>\n              {dashboardInfo.topProduct.map((product: any, index: number) => (\n                index <=2 && <div key={`${product.product_id}_${product.name}`} className={'sales_item products'}><p\n                  className={'sale_name'}>{product.name}</p> <p>{product.quantity}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Av Time Between Repeat Visits</div>\n              <div className=\"count\">{dashboardInfo.avTimeBetweenRepeatVisits} <span className={'detail'}>Days</span></div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Vouchers Information</div>\n              <div className={'sales_item products'}><p\n                className={'sale_name'} style={{paddingRight: '10px'}}>Vouchers Used:</p> <p>{loggedUser.user.currency_symbol || '€'}{dashboardInfo.vouchers_used_sum_reward ? dashboardInfo.vouchers_used_sum_reward : '0'}</p></div>\n              <div className={'sales_item products'}><p\n                className={'sale_name'} style={{paddingRight: '10px'}}>Vouchers In Circulation:</p> <p>{loggedUser.user.currency_symbol || '€'}{dashboardInfo.vouchers_earned_sum_reward ? dashboardInfo.vouchers_earned_sum_reward : '0'}</p></div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Av Time between Vouchers earned vs Used</div>\n              <div className=\"count\">{+dashboardInfo.avTimeBetweenVoucherUsed} <span className={'detail'}>Days</span></div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n          </div>\n          {dashboardInfo.promotionType === 'Points' ?\n          <button className=\"btn-white sales_channels\" onClick={() => {\n            setOpenChannels(!openChannels)\n          }}>\n            <span>Sales Channels: </span>\n            <span className={openChannels ? \"icon icon_rotate\" : \"icon\"}>\n              <ArrowDown/>\n            </span>\n          </button> : null\n          }\n          {openChannels ? (<div className=\"main-blocks-row\" style={{marginTop: '30px'}}>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Total Loyalty Volume</div>\n              {dashboardInfo.total_loyalty_volume && dashboardInfo.total_loyalty_volume.length> 0 && dashboardInfo.total_loyalty_volume.map(sale => (\n                <div key={`loyalty_volume_${sale.sum_sale}_${sale.location_name}`} className={'sales_item'}><p\n                  className={'sale_name'}>{sale.location_name}</p> <p>{loggedUser.user.currency_symbol || '€'}{sale.sum_sale}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Loyalty Visits</div>\n              {dashboardInfo.loyalty_visits && dashboardInfo.loyalty_visits.length > 0 && dashboardInfo.loyalty_visits.map(sale => (\n                <div key={`loyalty_visits_${sale.visits}_${sale.location_name}`} className={'sales_item'}><p\n                  className={'sale_name'}>{sale.location_name}</p> <p>{sale.visits}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Av Number of Visits</div>\n              {dashboardInfo.av_loyalty_visits.map(sale => (\n                <div key={`visits_${sale.av_visits}_${sale.location_name}`} className={'sales_item'}><p\n                  className={'sale_name'}>{sale.location_name}</p> <p>{sale.av_visits}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Av Value of Vouchers Used</div>\n              {dashboardInfo.av_voucher_used_value.map(sale => (\n                <div key={`voucher_used${sale.av_value_voucher_used}_${sale.location_name}`} className={'sales_item'}><p\n                  className={'sale_name'}>{sale.location_name}</p> <p>{loggedUser.user.currency_symbol || '€'}{sale.av_value_voucher_used}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n          </div>) : null}\n        </>\n      \n      ) : null}\n      <DashboardChart\n        promotionType={dashboardInfo.promotionType}\n        customers={dashboardInfo.customers}\n        salesStatistic={dashboardInfo.salesStatistic}\n        dateFilter={+dateFilter.value}\n        statisticByLocation={dashboardInfo.locations}\n        endDate={dates.endDate}\n      />\n    </Wrapper>\n  );\n};\n\nexport default Dashboard;\n","import axios from \"./api\";\n\nexport const getDashboardInfoAxios = (data: {\n  date: any;\n  startDate?: any;\n  endDate?: any;\n  locationId: number;\n}): Promise<any> =>\n  axios\n    .post(\"/api/dashboard\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getStaffDashboardInfoAxios = (data: {\n  date: any;\n  startDate?: any;\n  endDate?: any;\n  locationId: number;\n}): Promise<any> =>\n  axios\n    .post(\"/api/dashboard/staff\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getStaffDiscountSalesChannelsInfoAxios = (data: {\n  sortType: any;\n  startDate?: any;\n  endDate?: any;\n}): Promise<any> =>\n  axios\n    .post(\"/api/dashboard/staff/sales/channels\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAdminDashboardInfoAxios = (data: {\n  startDate?: any;\n  endDate?: any;\n  businessId: number;\n}): Promise<any> =>\n  axios\n    .post(\"/api/admin/dashboard\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n    .filters {\n      display: flex;\n      align-items: center;\n      .select {\n        margin-left: 20px;\n        input {\n          padding: 10px 16px 10px 40px;\n        }\n        svg path:not([fill=\"none\"]) {\n          fill: #666e90;\n        }\n      }\n    }\n  }\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n  @media (min-width: 992px) and (max-width: 1040px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 760px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .heading {\n      flex-direction: column;\n\n      .page-title {\n        text-align: center;\n      }\n    }\n  }\n\n    .select{\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        margin-bottom: 24px;\n\n        & > .label:not(:empty) {\n            color: ${Color.blueDarkText};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 10px;\n        }\n\n        & > svg {\n            position: absolute;\n            left: 8px;\n            top: 8px;\n        }\n\n        & > input {\n            border-radius: 2px;\n            box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n            padding: 13px 16px;\n            font-size: 16px;\n            line-height: 20px;\n            cursor: pointer;\n            background: url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center;\n\n\n            &::placeholder {\n                color: #95989d;\n            }\n\n            &:disabled:not(\".lock\") {\n                background: rgba(0, 0, 0, 0.07);\n                box-shadow: none;\n            }\n        }\n        &.lock {\n            input {\n                background: none;\n                cursor: initial;\n            }\n        }\n\n        & > ul {\n            position: absolute;\n            width: 100%;\n            background: #fff;\n            z-index: 5;\n            box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n            border-radius: 2px;\n            padding: 5px 0;\n            max-height: 230px;\n            overflow: auto;\n            &.top {\n                bottom: calc(100% + 7px);\n            }\n            &.bottom {\n                top: calc(100% + 7px);\n            }\n\n            &::-webkit-scrollbar {\n                width: 4px;\n                height: 4px;\n            }\n\n            &::-webkit-scrollbar-track {\n                box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n            }\n\n            &::-webkit-scrollbar-thumb {\n                background-color: rgba(0, 144, 202, 0.4);\n            }\n\n            & > input {\n                width: 90%;\n                margin: 10px auto;\n                display: block;\n                padding: 7px 10px;\n                background: unset;\n                height: auto;\n                border: 2px solid #ebebeb;\n                border-radius: 6px;\n                box-sizing: border-box;\n\n                &::placeholder {\n                    color: #ced2d4;\n                }\n            }\n\n            & > button {\n                font-size: 14px;\n                padding: 10px 16px;\n                cursor: pointer;\n                background: #fff;\n                transition: background-color 0.225s;\n                display: flex;\n                width: 100%;\n\n                &:hover {\n                    background-color: rgba(0, 0, 0, 0.04);\n                }\n            }\n\n            & > li {\n                padding: 10px 16px;\n            }\n        }\n        &:hover {\n            .clearable-btn {\n                opacity: 0.4;\n                &:hover {\n                    opacity: 1;\n                }\n            }\n        }\n`;\n\nexport { Wrapper };\n","export const filterPerDate = [\n  {\n    value: \"7\",\n    label: \"Last 7 days\",\n  },\n  {\n    value: \"30\",\n    label: \"Last 30 days\",\n  },\n  {\n    value: \"365\",\n    label: \"Last 365 days\",\n  },\n];\n","export const AGE_AXIS_COLORS = [\n  \"#FF4260\",\n  \"#FFCD34\",\n  \"#5699D5\",\n  \"#FF6247\",\n  // \"#00C5A6\",\n  // \"#FB81BB\",\n  // \"#E6EAEF\",\n];\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  margin-top: 30px;\n\n  .chart {\n    background: ${Color.white};\n    padding: 30px;\n  }\n  .doughnut_items_wrapper {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    & > * {\n      margin: 0px 15px;\n    }\n    &::-webkit-scrollbar {\n      height: 12px;\n      cursor: pointer;\n    }\n    &::-webkit-scrollbar-track {\n      background: ${Color.blueBackground};\n      border-radius: 3px;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: ${Color.blue};\n      border-radius: 3px;\n    }\n    .not_found {\n      font-size: 20px;\n      min-height: 200px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  .doughnut_item_wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 200px;\n    min-height: 200px;\n    margin-bottom: 25px;\n    .doughnut_location {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 23px;\n      margin: 12px 0px;\n    }\n    .center_wrapper {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, 50%);\n      width: 100px;\n      height: 100px;\n      padding: 5px;\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n      .center_wrapper_title {\n        font-size: 12px;\n        font-weight: 300;\n        line-height: 18px;\n        color: ${Color.grey};\n      }\n      .center_count {\n        font-size: 28px;\n        font-weight: 500;\n        line-height: 38px;\n      }\n    }\n  }\n  .doughnut_legend {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-bottom: 30px;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 20px;\n    .legend_item {\n      margin-right: 10px;\n      &:last-child {\n        margin-right: 0px;\n      }\n    }\n    .legend_wrapper {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      margin-right: 25px;\n      &:last-child {\n        margin-right: 0px;\n      }\n      .legend_color {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        border-radius: 2px;\n        background-color: ${Color.blueLightMedium};\n      }\n    }\n  }\n  .doughnut_legend_bottom {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    .legend_item_color {\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 20px;\n      .legend_color {\n        width: 15px;\n        height: 12px;\n        margin-right: 6px;\n      }\n      &:first-child {\n        .legend_color {\n          background-color: ${Color.blueLightMedium};\n        }\n      }\n      &:nth-child(2) {\n        .legend_color {\n          background-color: ${Color.blueDark};\n        }\n      }\n        &:last-child {\n        .legend_color {\n          background-color: ${Color.blueHover};\n        }\n      }\n    }\n  }\n  @media (max-width: 1200px) {\n    .chart {\n      padding: 15px;\n    }\n  }\n  @media (max-width: 800px) {\n    .chart-wrapper {\n      overflow-x: scroll;\n\n      .chart {\n        width: 700px;\n      }\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {FC, useState, useRef, useEffect} from \"react\";\nimport { Doughnut, Line } from \"react-chartjs-2\";\n\nimport { Color } from \"src/types/color\";\nimport { AGE_AXIS_COLORS } from \"./const\";\nimport { Wrapper } from \"./styled\";\nimport { Props, IActiveChart } from \"./types\";\n\nconst DashboardChart: FC<Props> = ({\n  promotionType,\n  customers,\n  salesStatistic,\n  salesStatisticPoint,\n  salesStatisticStamp,\n  gender,\n  age,\n  dateFilter,\n  statisticByLocation,\n}) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const [activeChart, setActiveChart] = useState<IActiveChart>(\"Customers\");\n\n  const handleChangeActiveChart = (chartName: IActiveChart) => {\n    setActiveChart(chartName);\n    // todo\n    setTimeout(() => {\n      chartRef.current?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n        inline: \"nearest\",\n      });\n    }, 200);\n  };\n  const [ages, setAges] = useState<any>([])\n  useEffect(() => {\n    setAges([age])\n  }, [age]);\n  const AGE_LABEL = Object.keys(statisticByLocation[0]?.age_groups[0] ?? {});\n  \n    const adminAge = Object.keys(ages[0] ?? {});\n\n  return (\n    <Wrapper>\n      <div className=\"nav-subpages\">\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Customers\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Customers\")}\n          >\n            Customers\n          </button>\n        </div>\n        {promotionType === 'admin' ? (<>\n          <div\n            className={`nav-subpage ${\n              activeChart === \"Stamps\" ? \"active-page\" : \"\"\n            }`}\n          >\n            <button\n              type=\"button\"\n              onClick={() => handleChangeActiveChart(\"Stamps\")}\n            >\n              Stamps\n            </button>\n          </div>\n          <div\n            className={`nav-subpage ${ activeChart === \"Points\" ? \"active-page\" : \"\"\n            }`}\n          >\n            <button\n              type=\"button\"\n              onClick={() => handleChangeActiveChart(\"Points\")}\n            >\n              Points\n            </button>\n          </div>\n        </>) : (<div\n          className={`nav-subpage ${\n            activeChart === \"Sales\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Sales\")}\n          >\n            {promotionType === \"Stamp\" ? \"Stamps\" : \"Points\"}\n          </button>\n        </div>)}\n        \n        <div\n          className={`nav-subpage ${\n            activeChart === \"Gender\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Gender\")}\n          >\n            Gender\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Age\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button type=\"button\" onClick={() => handleChangeActiveChart(\"Age\")}>\n            Age\n          </button>\n        </div>\n      </div>\n      <div ref={chartRef} className=\"chart-wrapper\">\n        <div className=\"chart\">\n          {activeChart === \"Gender\" ? (\n            <>\n              <div className=\"doughnut_legend\">\n                <span className=\"legend_item\">Males</span>\n                <span className=\"legend_item\">Females</span>\n                <span className=\"legend_item\">Other</span>\n              </div>\n              <div className=\"doughnut_items_wrapper\">\n                {promotionType === 'admin' ? (<>\n                  {gender && gender.length ? (\n                        <div className=\"doughnut_item_wrapper\">\n                          <Doughnut\n                            // type=\"doughnut\"\n                            data={{\n                              labels: [\"Female\", \"Male\", 'Other'],\n                              datasets: [\n                                {\n                                  data: gender,\n                                  backgroundColor: [\n                                    Color.blueLightMedium,\n                                    Color.blueDark,\n                                    Color.blueHover\n                                  ],\n                                  borderColor: [\"white\", \"white\", \"white\"],\n                                  borderWidth: 2,\n                                },\n                              ],\n                            }}\n                            options={{\n                              plugins: {\n                                legend: {\n                                  display: false,\n                                },\n                              },\n                            }}\n                          />\n                        {/*  <span className=\"doughnut_location\">*/}\n                        {/*  {location_name}*/}\n                        {/*</span>*/}\n                          <div className=\"doughnut_legend_bottom\">\n                            <div className=\"legend_item_color\">\n                              <span className=\"legend_color\" />\n                              {`Female ${gender[0] ?? \"0\"}`}\n                            </div>\n                            <div className=\"legend_item_color\">\n                              <span className=\"legend_color\" />\n                              {`Male ${gender[1] ?? \"0\"}`}\n                            </div>\n                            <div className=\"legend_item_color\">\n                              <span className=\"legend_color\" />\n                              {`Other ${gender[2] ?? \"0\"}`}\n                            </div>\n                          </div>\n                        </div>\n                  ) : (\n                    <div className=\"not_found\">\n                      <p>Sorry, nothing found</p>\n                    </div>\n                  )}\n                </>) : (<>{statisticByLocation.length ? (\n                    statisticByLocation.map(\n                      ({ location_id, location_name, gender_count }) => (\n                        <div key={location_id} className=\"doughnut_item_wrapper\">\n                          <Doughnut\n                            // type=\"doughnut\"\n                            data={{\n                              labels: [\"Female\", \"Male\"],\n                              datasets: [\n                                {\n                                  data: gender_count,\n                                  backgroundColor: [\n                                    Color.blueLightMedium,\n                                    Color.blueDark,\n                                  ],\n                                  borderColor: [\"white\", \"white\"],\n                                  borderWidth: 2,\n                                },\n                              ],\n                            }}\n                            options={{\n                              plugins: {\n                                legend: {\n                                  display: false,\n                                },\n                              },\n                            }}\n                          />\n                          <span className=\"doughnut_location\">\n                          {location_name}\n                        </span>\n                          <div className=\"doughnut_legend_bottom\">\n                            <div className=\"legend_item_color\">\n                              <span className=\"legend_color\" />\n                              {`Female ${gender_count[0] ?? \"0\"}`}\n                            </div>\n                            <div className=\"legend_item_color\">\n                              <span className=\"legend_color\" />\n                              {`Male ${gender_count[1] ?? \"0\"}`}\n                            </div>\n                          </div>\n                        </div>\n                      )\n                    )\n                  ) : (\n                    <div className=\"not_found\">\n                      <p>Sorry, nothing found</p>\n                    </div>\n                  )}</>)}\n                \n              </div>\n            </>\n          ) : activeChart === \"Age\" ? (\n            <>\n              <div className=\"doughnut_legend\">\n                {promotionType === 'admin' ? (<>{adminAge.map((label, i) => ({\n                  label,\n                  color: AGE_AXIS_COLORS[i],\n                })).map(({ label, color }) => (\n                  <div key={label} className=\"legend_wrapper\">\n                    <span\n                      className=\"legend_color\"\n                      style={{ backgroundColor: color }}\n                    />\n                    {label}\n                  </div>\n                ))}\n                </>) : (<>{AGE_LABEL.map((label, i) => ({\n                  label,\n                  color: AGE_AXIS_COLORS[i],\n                })).map(({ label, color }) => (\n                  <div key={label} className=\"legend_wrapper\">\n                    <span\n                      className=\"legend_color\"\n                      style={{ backgroundColor: color }}\n                    />\n                    {label}\n                  </div>\n                ))}\n                </>)}\n                \n              </div>\n              {promotionType === 'admin' ? (<>\n                <div className=\"doughnut_items_wrapper\">\n                  {ages && ages.length ? (\n                    \n                        <div className=\"doughnut_item_wrapper\">\n                          <Doughnut\n                            // type=\"doughnut\"\n                            data={{\n                              labels: adminAge,\n                              datasets: [\n                                {\n                                  data: ages\n                                    .map((location: any) => Object.values(location))\n                                    .flat(),\n                                  backgroundColor: AGE_AXIS_COLORS,\n                                  borderColor: [\"white\"],\n                                  borderWidth: 2,\n                                },\n                              ],\n                            }}\n                            options={{\n                              plugins: {\n                                legend: {\n                                  display: false,\n                                },\n                              },\n                            }}\n                          />\n                        {/*  <span className=\"doughnut_location\">*/}\n                        {/*  {location_name}*/}\n                        {/*</span>*/}\n                          <div className=\"center_wrapper\">\n                          <span className=\"center_wrapper_title\">\n                            Total\n                            <br/> Customers:\n                          </span>\n                            <span className=\"center_count\">\n                            {ages.map((location: any) => Object.values(location))\n                              .flat()\n                              .reduce(\n                                (acc:any, count_of_cust:any) => acc + +count_of_cust,\n                                0\n                              )}\n                          </span>\n                          </div>\n                        </div>\n                  ) : (\n                    <div className=\"not_found\">\n                      <p>Sorry, nothing found</p>\n                    </div>\n                  )}\n                </div>\n              </>) : (<>\n                <div className=\"doughnut_items_wrapper\">\n                  {statisticByLocation.length ? (\n                    statisticByLocation.map(\n                      ({location_id, location_name, age_groups}) => (\n                        <div key={location_id} className=\"doughnut_item_wrapper\">\n                          <Doughnut\n                            // type=\"doughnut\"\n                            data={{\n                              labels: AGE_LABEL,\n                              datasets: [\n                                {\n                                  data: age_groups\n                                    .map((location) => Object.values(location))\n                                    .flat(),\n                                  backgroundColor: AGE_AXIS_COLORS,\n                                  borderColor: [\"white\"],\n                                  borderWidth: 2,\n                                },\n                              ],\n                            }}\n                            options={{\n                              plugins: {\n                                legend: {\n                                  display: false,\n                                },\n                              },\n                            }}\n                          />\n                          <span className=\"doughnut_location\">\n                          {location_name}\n                        </span>\n                          <div className=\"center_wrapper\">\n                          <span className=\"center_wrapper_title\">\n                            Total\n                            <br/> Customers:\n                          </span>\n                            <span className=\"center_count\">\n                            {age_groups\n                              .map((location) => Object.values(location))\n                              .flat()\n                              .reduce(\n                                (acc, count_of_cust) => acc + +count_of_cust,\n                                0\n                              )}\n                          </span>\n                          </div>\n                        </div>\n                      )\n                    )\n                  ) : (\n                    <div className=\"not_found\">\n                    <p>Sorry, nothing found</p>\n                    </div>\n                  )}\n                </div>\n              </>)}\n            \n            </>\n          ) : (\n            <Line\n              // type=\"line\"\n              height={80}\n              data={{\n                labels: customers\n                  .map((date, i) => {\n                    const day = new Date();\n                    if (dateFilter === 365) {\n                      const newDate = new Date(\n                        day.getFullYear(),\n                        day.getMonth() - i,\n                        1\n                      );\n                      return `${newDate.toLocaleString(\"en\", {\n                        month: \"short\",\n                      })}`;\n                    }\n                    day.setDate(day.getDate() - i);\n                    return `${day.getDate()} ${day.toLocaleString(\"en\", {\n                      month: \"short\",\n                    })}`;\n                  })\n                  .reverse(),\n                datasets: [\n                  {\n                    data:\n                      activeChart === \"Customers\" ? customers : activeChart === 'Points' ? salesStatisticPoint : activeChart === 'Stamps' ? salesStatisticStamp : salesStatistic,\n                    borderColor:\n                      activeChart === \"Customers\" ? \"#00A8FF\" : \"#2ECC71\",\n                    pointRadius: 6,\n                    borderWidth: 2,\n                    pointBorderWidth: 2,\n                    pointBorderColor: \"#fff\",\n                    // hoverRadius: 8,\n                    pointBackgroundColor:\n                      activeChart === \"Customers\" ? \"#00A8FF\" : \"#2ECC71\",\n                  },\n                ],\n              }}\n              options={{\n                plugins: {\n                  legend: {\n                    display: false,\n                  },\n                  tooltip: {\n                    displayColors: false,\n                    intersect: false,\n                    callbacks: {\n                      title(tooltipItem: any[]) {\n                        const date = new Date();\n                        \n                        if (dateFilter === 365) {\n                          const newDate = new Date(\n                            date.getFullYear(),\n                            date.getMonth() + tooltipItem[0].dataIndex + 1,\n                            1\n                          );\n                          return `${newDate.toLocaleString(\"en\", {\n                            month: \"short\",\n                          })} ${newDate.getFullYear() - 1}`;\n                        }\n                        date.setDate(\n                          date.getDate() -\n                            (tooltipItem[0].dataset.data.length -\n                              tooltipItem[0].dataIndex -\n                              1)\n                        );\n\n                        return `${tooltipItem[0].label}, ${date.getFullYear()}`;\n                      },\n                      label(tooltipItem: any) {\n                        return `${\n                          activeChart === \"Customers\"\n                            ? \"Customers\"\n                            : promotionType === \"Stamp\"\n                            ? \"Stamps\" : promotionType === 'admin' ? activeChart\n                            : \"Points\"\n                        }: ${tooltipItem.formattedValue}`;\n                      },\n                    },\n                  },\n                },\n                animation: {\n                  duration: 0,\n                },\n                scales: {\n                  x: {\n                    beginAtZero: true,\n                    ticks: {\n                      precision: 0,\n                    },\n                  },\n                  y: {\n                    beginAtZero: true,\n                    ticks: {\n                      precision: 0,\n                    },\n                  },\n                },\n              }}\n            />\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default DashboardChart;\n","import axios from \"./api\";\nimport {AdvertsOffersType, AdvertsPartnerRequestType} from \"../types/adminTypes\";\n\nexport const getAdminDashboardInfoAxios = (data: {\n  date: number;\n  locationId: number;\n}): Promise<any> =>\n  axios\n    .post(\"/api/dashboard\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAdminUsersAxios = (data:any): Promise<any> =>\n  axios\n    .post(\"/api/getCustomersList\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const updateAdminUserAxios = (data:any): Promise<any> =>\n  axios\n    .post(\"/api/admin/customer/update\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeAdminUserAxios = (data:any): Promise<any> =>\n  axios\n    .post(\"/api/admin/customer/remove\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAdminBusinessesAxios = (data: any): Promise<any> =>\n  axios\n    .post(\"/api/getBusinessList\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAdminBusinessesNamesAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/getBusinessListAll\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAdminOneBusinessAxios = (requestParameters: {id: number}): Promise<any> =>\n  axios\n    .post(\"/api/getBusinessListOne\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const updateAdminOneBusinessAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/admin/business/update\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createAdvertPartnerAxios = (data: AdvertsPartnerRequestType): Promise<any> => {\n  return axios\n    .post(\"/api/addAdvertPartner\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n\nexport const removeAdvertPartnerAxios = (id:number): Promise<any> =>\n  axios\n    .post('/api/deleteAdvertPartner', {id})\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createAdvertOutletsAxios = (data: AdvertsOffersType): Promise<any> =>\n  axios\n    .post(\"/api/addAdvertOffers\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeAdvertOutletsAxios = (id:number): Promise<any> =>\n  axios\n    .post(`/api/AdvertOffer/remove`, {id})\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAdvertPartnersAxios = (): Promise<any> =>\n  axios\n    .get(`/api/getAdvertPartner`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getShowAdvertInAppAxios = (): Promise<any> =>\n  axios\n    .get(`/api/advert/option/get`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const setShowAdvertInAppAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/advert/option/set`, data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const moveAdvertPartnersAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/AdvertPartner/set/position`, data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAdvertOffersAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/getAdvertOffers`, data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const uploadPhotoAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/updatePhoto`, data, {headers: {\n        'Content-Type': 'multipart/form-data'\n      }\n    } )\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllUserForBusinessPlaceAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/admin/location/customers`, data )\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllUserTransactionForBusinessPlaceAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/admin/location/customer/transactions`, data )\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllUserTransactionBasketForBusinessPlaceAxios = (data: any): Promise<any> =>\n  axios\n    .post(`/api/admin/location/customer/transaction/basket`, data )\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerInfoAdminAxios = (user_id: string, search: string, searchType: string, location: string, startDate: any, endDate: any): Promise<any> =>\n  axios\n    .post(\"/api/admin/customers/get\", { user: user_id, search: search, searchType: searchType, location: location, startDate: startDate, endDate: endDate })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n","import React, { FC, useState, useEffect } from \"react\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\n\nimport {AdminDashboardInfoInterface} from \"src/types/dashboard\";\nimport {getAdminDashboardInfoAxios} from \"src/api/dashboard\";\n\nimport { Wrapper } from \"./styled\";\nimport { filterPerDate } from \"./consts\";\nimport DashboardChart from \"./DashboardChart\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport {SelectorListObj} from \"../../../components/Select/types\";\nimport {getAdminBusinessesNamesAxios} from \"../../../api/adminPanel\";\n\nconst AdminDashboard: FC = () => {\n  const [pageLoading, setPageLoading] = useState<boolean>(false);\n  const [locationIdFilter, setLocationIdFilter] = useState<number>(0);\n  const [dateFilter, setDateFilter] = useState<{\n    value: string;\n    label: string;\n  }>({\n    value: filterPerDate[0].value,\n    label: filterPerDate[0].label\n  });\n  const [dashboardInfo, setDashboardInfo] = useState<AdminDashboardInfoInterface>({\n    businessCount: 0,\n    customersCount: 0,\n    newCustomerCount: 0,\n    activatedCards: 0,\n    totalPoints: 0,\n    redeemedCampaigns: 0,\n    countOfActivatedVouchers: 0,\n    newCustomersForPeriod: [0],\n    locations: [],\n    salesStatistic: [0],\n    saleStatisticPoints: [0],\n    saleStatisticStamp: [0],\n    genders: [0],\n    ages: [0]\n  });\n\n  const { locations } = useTypedSelector((state) => state.groupsLocations);\n  const { getGroupsLocations } = useActions();\n  const [dates, setDatesState] = useState({\n    startDate:moment(new Date()).subtract(7, \"days\").format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n\n  useEffect(() => {\n    if (locations.length === 0) getGroupsLocations();\n  }, []); //eslint-disable-line\n\n  useEffect(() => {\n    setPageLoading(true);\n    \n    getAdminDashboardInfoAxios({\n      startDate: moment(dates.startDate).add(1, 'hours'),\n      endDate: moment(dates.endDate).endOf('day'),\n      businessId: locationIdFilter,\n    }).then((res) => {\n      setDashboardInfo(res.data);\n      setPageLoading(false);\n    });\n  }, [dateFilter.value, locationIdFilter, dates.startDate, dates.endDate]);\n  \n  \n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  const [businesses, setBusinesses] = useState<SelectorListObj[]>([{value: '', label: ''}])\n  useEffect(() => {\n    getAdminBusinessesNamesAxios().then(({data}) => {\n      let selectBusiness: any[] = []\n      data.business.forEach((item: any) => {\n        selectBusiness.push({value: item.id, label: item.business_name})\n      })\n      setBusinesses(selectBusiness)\n    });\n  }, []);\n\n  return (\n    <Wrapper className={`${pageLoading ? \"loading-blue\" : \"\"}`}>\n      <div className=\"heading\">\n        <div className=\"page-title\">Admin Dashboard</div>\n        <div className=\"filters\">\n          <Select\n            placeholder=\"All Businesses\"\n            selectorList={businesses}\n            disabled={!(businesses.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => setLocationIdFilter(+value)}\n            hideSelectorFilter\n          />\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{ startDate: moment(new Date()).subtract(7, \"days\"), endDate: new Date(), ranges: ranges }}\n          \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>\n      </div>\n      <div className=\"main-blocks-row\">\n        <div className=\"item all-customers\">\n          <div className=\"title\">All Businesses</div>\n          <div className=\"count\">{dashboardInfo.businessCount}</div>\n          <div className=\"description\">overall</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">All Customers</div>\n          <div className=\"count\">{dashboardInfo.customersCount}</div>\n          <div className=\"description\">overall</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">New Customers</div>\n          <div className=\"count\">{dashboardInfo.newCustomerCount}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">\n            Count of activated cards</div>\n          <div className=\"count\">\n            {dashboardInfo.activatedCards}\n          </div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        \n      </div>\n      <div className=\"main-blocks-row\" style={{marginTop: '30px'}}>\n        <div className=\"item all-customers\">\n          <div className=\"title\">\n            Total points\n          </div>\n          <div className=\"count\">\n            {dashboardInfo.totalPoints ? dashboardInfo.totalPoints : 0}\n          </div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div\n            className=\"title\">Redeemed Campaigns\n          </div>\n          <div className=\"title\"></div>\n          <div\n             className=\"count\">{dashboardInfo.redeemedCampaigns}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div\n            className=\"title\">Count of activated vouchers\n          </div>\n          <div className=\"title\"></div>\n          <div\n             className=\"count\">{dashboardInfo.countOfActivatedVouchers}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n      </div>\n      <DashboardChart\n        promotionType={'admin'}\n        customers={dashboardInfo.newCustomersForPeriod || []}\n        salesStatistic={dashboardInfo.salesStatistic || []}\n        salesStatisticPoint={dashboardInfo.saleStatisticPoints || []}\n        salesStatisticStamp={dashboardInfo.saleStatisticStamp || []}\n        dateFilter={+dateFilter.value}\n        gender={dashboardInfo.genders}\n        age={dashboardInfo.ages}\n        statisticByLocation={dashboardInfo.locations || {}}\n      />\n    </Wrapper>\n  );\n};\n\nexport default AdminDashboard;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgVisibility(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    x: \"0px\",\n    y: \"0px\",\n    viewBox: \"0 0 469.333 469.333\",\n    style: {\n      enableBackground: \"new 0 0 469.333 469.333\"\n    },\n    xmlSpace: \"preserve\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    \"data-tag\": \"allowRowEvents\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-tag\": \"allowRowEvents\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    \"data-tag\": \"allowRowEvents\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-tag\": \"allowRowEvents\",\n    d: \"M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    \"data-tag\": \"allowRowEvents\",\n    d: \"M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160     c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333     c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667     S293.547,341.333,234.667,341.333z\"\n  }))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgVisibility);\nexport default __webpack_public_path__ + \"static/media/visibility.2b30b95a.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInvisible(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    x: \"0px\",\n    y: \"0px\",\n    viewBox: \"0 0 469.44 469.44\",\n    style: {\n      enableBackground: \"new 0 0 469.44 469.44\"\n    },\n    xmlSpace: \"preserve\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M231.147,160.373l67.2,67.2l0.32-3.52c0-35.307-28.693-64-64-64L231.147,160.373z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M234.667,117.387c58.88,0,106.667,47.787,106.667,106.667c0,13.76-2.773,26.88-7.573,38.933l62.4,62.4     c32.213-26.88,57.6-61.653,73.28-101.333c-37.013-93.653-128-160-234.773-160c-29.867,0-58.453,5.333-85.013,14.933l46.08,45.973     C207.787,120.267,220.907,117.387,234.667,117.387z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M21.333,59.253l48.64,48.64l9.707,9.707C44.48,145.12,16.64,181.707,0,224.053c36.907,93.653,128,160,234.667,160     c33.067,0,64.64-6.4,93.547-18.027l9.067,9.067l62.187,62.293l27.2-27.093L48.533,32.053L21.333,59.253z M139.307,177.12     l32.96,32.96c-0.96,4.587-1.6,9.173-1.6,13.973c0,35.307,28.693,64,64,64c4.8,0,9.387-0.64,13.867-1.6l32.96,32.96     c-14.187,7.04-29.973,11.307-46.827,11.307C175.787,330.72,128,282.933,128,224.053C128,207.2,132.267,191.413,139.307,177.12z\"\n  }))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInvisible);\nexport default __webpack_public_path__ + \"static/media/invisible.7e83a024.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div<{\n  required?: boolean;\n  isLabel?: boolean;\n  isPasswordVisible: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  padding-bottom: 12px;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n    text-align: left;\n    /* &:after {\n      content: ${(props) => (props.required ? `\" *\"` : \"none\")};\n      color: #eb4d4b;\n    } */\n  }\n\n  & > svg {\n    position: absolute;\n    left: 16px;\n    top: 40%;\n    transform: translateY(-50%);\n  }\n\n  & > button {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    right: 16px;\n    top: ${(props) => (props.isLabel ? \"calc(40% + 13px)\" : \"40%\")};\n    bottom: 13px;\n    transform: translateY(-50%);\n    fill: #c0c2c4;\n    padding: 0;\n    background: none;\n\n    & > svg:nth-child(${(props) => (props.isPasswordVisible ? 1 : 2)}) {\n      display: none;\n    }\n  }\n\n  & > input {\n    border-radius: 4px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px;\n    margin: 0px 2px 2px;\n    font-size: 18px;\n    line-height: 20px;\n    background: #ffffff;\n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled {\n      padding: 13px 40px 13px 16px;\n      /* background: rgba(0, 0, 0, 0.07);\n      box-shadow: none; */\n    }\n    &.password {\n      padding-right: 45px;\n    }\n    &[type=\"number\"]::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n\n  .input_error {\n    position: absolute;\n    height: 30px;\n    bottom: -20px;\n    color: ${Color.redMedium};\n    font-size: 12px;\n    padding: 0px 2px;\n    overflow: hidden;\n    width: 100%;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n\n  .info-tooltip {\n    position: absolute;\n    right: 10px;\n    bottom: 24px;\n    width: 24px;\n    height: 24px;\n    margin: auto;\n    cursor: pointer;\n    transition: 0.3s all ease;\n    .tooltip {\n      transition: 0.3s all ease;\n      visibility: hidden;\n      opacity: 0;\n      position: absolute;\n      bottom: 40px;\n      right: -10px;\n      width: 200px;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      color: ${Color.white};\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 15px;\n      padding: 10px;\n      border-radius: 6px;\n      z-index: 1;\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        right: 17px;\n        margin-left: -5px;\n        border-width: 5px;\n        border-style: solid;\n        border-color: ${Color.blue} transparent transparent transparent;\n      }\n    }\n    & svg path.circle {\n      fill: #000d46;\n      opacity: 0.6;\n    }\n    &:hover {\n      svg path.circle {\n        fill: ${Color.blue};\n        opacity: 1;\n      }\n      .tooltip {\n        visibility: visible;\n        opacity: 1;\n        z-index: 300;\n      }\n    }\n    & + input {\n      padding-right: 35px;\n    }\n  }\n\n  .lock-icon-wrap {\n    position: absolute;\n    bottom: 19px;\n    right: 10px;\n  }\n`;\n\nexport { Wrapper };\n","import React, { useEffect } from \"react\";\n\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\nimport { ReactComponent as InvisibleIcon } from \"src/assets/img/invisible.svg\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { ReactComponent as LockIcon } from \"src/assets/img/lock.svg\";\n\nimport { Wrapper } from \"./styled\";\n\ninterface IInputProps {\n  type?: \"number\" | \"email\" | \"password\";\n  label?: string;\n  placeholder?: string;\n  infoTooltip?: string;\n  defaultValue?: string | number;\n  icon?: React.SVGProps<SVGElement>;\n  min?: number;\n  max?: number;\n  maxLength?: number;\n  step?: number;\n  required?: boolean;\n  error?: string;\n  disabled?: boolean;\n  autoComplete?: \"on\" | \"off\" | any;\n  getValue?: (value: any) => void;\n  onFocus?: () => void;\n}\n\nconst Input = ({\n  label,\n  type,\n  placeholder,\n  infoTooltip,\n  defaultValue,\n  icon,\n  min,\n  max,\n  maxLength,\n  step,\n  required,\n  error,\n  disabled,\n  autoComplete = \"on\",\n  getValue,\n  onFocus,\n}: IInputProps) => {\n  const [value, setValue] = React.useState<string | number>(defaultValue || \"\");\n\n  useEffect(() => {\n    if (defaultValue && defaultValue !== value) {\n      setValue(defaultValue);\n    }\n    if (!defaultValue && type !== 'number') {\n      setValue(\"\");\n    }\n  }, [defaultValue]); //eslint-disable-line\n\n  const [isPasswordVisible, setIsPasswordVisible] =\n    React.useState<boolean>(false);\n\n  const handleChange = (currentValue: string) => {\n    setValue(currentValue);\n    if (getValue) getValue(currentValue);\n  };\n\n  return (\n    <Wrapper\n      data-tag=\"allowRowEvents\"\n      required={required}\n      isLabel={!!label}\n      isPasswordVisible={isPasswordVisible}\n    >\n      <span data-tag=\"allowRowEvents\" className=\"label\">{label}</span>\n      {icon}\n      {infoTooltip && (\n        <span data-tag=\"allowRowEvents\" className=\"info-tooltip\">\n          <InfoIcon />\n          <span data-tag=\"allowRowEvents\" className=\"tooltip\">{infoTooltip}</span>\n        </span>\n      )}\n      <input data-tag=\"allowRowEvents\"\n        type={\n          type === \"password\" && isPasswordVisible ? \"text\" : type || \"text\"\n        }\n        className={type === \"password\" ? \" password \" : \"\"}\n        value={value}\n        placeholder={placeholder}\n        required={required}\n        disabled={disabled}\n        onChange={(event) => {\n          return handleChange(event.target.value);\n        }}\n        onFocus={() => {\n          if (onFocus) onFocus();\n        }}\n        autoComplete={autoComplete}\n        maxLength={maxLength || undefined}\n        minLength={type === \"password\" ? 8 : undefined}\n        min={type === \"number\" && min ? min : undefined}\n        max={type === \"number\" && max ? max : undefined}\n        step={type === \"number\" && step ? step : undefined}\n        onWheel={(e: any) => e.target.blur()}\n      />\n      {type === \"password\" && (\n        <button data-tag=\"allowRowEvents\"\n          type=\"button\"\n          onClick={() => setIsPasswordVisible(!isPasswordVisible)}\n        >\n          <VisibilityIcon />\n          <InvisibleIcon />\n        </button>\n      )}\n      {error ? <p data-tag=\"allowRowEvents\" className=\"input_error\">{error}</p> : null}\n      {disabled && (\n        <span data-tag=\"allowRowEvents\" className=\"lock-icon-wrap\">\n          <LockIcon />\n        </span>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default Input;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgSearch(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 20 20\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    opacity: 0.3\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h20v20H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M12.25842285 11.66667175h.6583252l3.5333252 3.55000305c.3416748.34165955.3416748.8999939 0 1.2416687-.34167481.34165955-.90002442.34165955-1.24169923 0l-3.54162597-3.54167175v-.65834045l-.22509766-.23332214c-1.16662598 1-2.75830078 1.5166626-4.44995117 1.23332214-2.3166504-.3916626-4.16662598-2.32499695-4.44995117-4.6583252-.43334961-3.52500915 2.5333252-6.4916687 6.05822754-6.05833435 2.33337402.2833252 4.26672363 2.1333313 4.65844726 4.44999695.2833252 1.69166565-.23339844 3.28334046-1.23339844 4.44999695l.23339844.2250061zm-8.09179687-3.75c0 2.07499695 1.67504882 3.75 3.75 3.75 2.07495117 0 3.75-1.67500305 3.75-3.75s-1.67504883-3.75-3.75-3.75c-2.07495118 0-3.75 1.67500305-3.75 3.75z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgSearch);\nexport default __webpack_public_path__ + \"static/media/search.6e3c43e6.svg\";\nexport { ForwardRef as ReactComponent };","export interface CustomerInterface {\n  id: number;\n  edit?:boolean;\n  photo: string;\n  first_name: string;\n  last_name: string;\n  email: string;\n  phone: string;\n  end_value: string;\n  stamp_end_value: string;\n  total_spend: string;\n  check_in_count: string;\n  spend_balance?: string;\n  used_spend_balance?: string;\n  last_visit: string;\n}\n\nexport interface CustomerInfoInterface {\n  count_users: number;\n  limit: number;\n  page: number;\n  total_pages_count: number;\n  total_users_count: number;\n  // searchType: number;\n  startDate?: any;\n  endDate?: any;\n}\n\nexport interface CustomerUserInterface {\n  first_name: string;\n  last_name: string;\n  points: string;\n  date: string;\n  promotion_name: string;\n  photo: string;\n  activity_id: string;\n  seller: string;\n  can_edit: boolean;\n  min_points: number;\n  used_points: number;\n  pos_id?: string;\n  pos_user_id?: string;\n  store?: string;\n  receipt?: string;\n  used_vouchers: any[];\n  vouchers: any[];\n  stamp_activity?: {\n    earned: number,\n    stamps: number,\n    used: number,\n  }[];\n}\n\nexport interface PointCountsInterface {\n  points: string;\n  activity_id: string;\n}\n\nexport interface CustomerRequestInterface {\n  limit: string | number;\n  page: number | string;\n  search?: string | null;\n  location?: string | null | number;\n  searchType?: string;\n  group?: string;\n  business?: string | null;\n  filters?: CustomerGroupChoosedFilterInterface[];\n  sort_type?: string;\n  startDate?: any;\n  offline?: boolean;\n  endDate?: any;\n}\n\nexport const customerPerPage = [\n  {\n    value: \"10\",\n    label: \"10\",\n  },\n  {\n    value: \"25\",\n    label: \"25\",\n  },\n  {\n    value: \"50\",\n    label: \"50\",\n  },\n  {\n    value: \"100\",\n    label: \"100\",\n  },\n];\n\nexport interface CustomerGroupsRequestInterface {\n  limit: string;\n  page: string;\n  search: string | null;\n}\n\nexport interface CustomerGroupsInterface {\n  id: number;\n  name: string;\n  description: string;\n  group_type: string;\n  group_type_id: string;\n  group_type_title: string;\n  total_groups_count: string;\n}\n\nexport interface CustomerGroupsInfoInterface {\n  count_groups: number;\n  limit: number;\n  page: number;\n  total_pages_count: number;\n  total_groups_count: number;\n}\n\nexport interface GroupTypeInterface {\n  value: string;\n  label: string;\n}\n\nexport interface GroupFilterInterface {\n  value: string;\n  label: string;\n}\n\nexport interface CustomerGroupInterface {\n  group_name: string;\n  group_description: string;\n  group_type: string | null;\n}\n\nexport interface CustomerGroupCreateRequestInterface {\n  id?: string;\n  group_name: string;\n  group_description: string;\n  group_type: string | null;\n  users?: Array<number>;\n  filters?: Array<CustomerGroupChoosedFilterInterface>;\n}\n\nexport interface CustomerGroupChoosedFilterInterface {\n  virtualId: number;\n  filter_type_id: string;\n  value: string;\n}\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgArrowBack(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 16,\n    height: 16,\n    viewBox: \"0 0 16 16\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h16v16H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M12.66666667 7.33333333H5.22L8.47333333 4.08c.26-.26.26-.68666667 0-.94666667s-.68-.26-.94 0L3.14 7.52666667c-.26.26-.26.68 0 .94L7.53333333 12.86c.26.26.68.26.94 0 .26-.26.26-.68 0-.94L5.22 8.66666667h7.44666667c.36666666 0 .66666666-.3.66666666-.66666667 0-.36666667-.3-.66666667-.66666666-.66666667z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowBack);\nexport default __webpack_public_path__ + \"static/media/arrowBack.5255e74b.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgArrowForward(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 16,\n    height: 16,\n    viewBox: \"0 0 16 16\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h16v16H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M3.33333333 8.66666667H10.78L7.52666667 11.92c-.26.26-.26.68666667 0 .94666667s.68.26.94 0L12.86 8.47333333c.26-.26.26-.68 0-.94l-4.38666667-4.4c-.26-.26-.68-.26-.94 0-.26.26-.26.68 0 .94l3.24666667 3.26H3.33333333c-.36666666 0-.66666666.3-.66666666.66666667 0 .36666667.3.66666667.66666666.66666667z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowForward);\nexport default __webpack_public_path__ + \"static/media/arrowForward.3652c74a.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport {customerPerPage} from 'src/types/customer';\nimport {ReactComponent as ArrowBackIcon} from \"../../assets/img/arrowBack.svg\";\nimport {ReactComponent as ArrowForwardIcon} from \"../../assets/img/arrowForward.svg\";\nimport Select from \"../Select\";\n\ninterface IProps {\n    page: number;\n    total_pages_count: number;\n    limit: number | string;\n    count_users: number;\n    total_users_count: number;\n    requestLimit: string | number;\n    setRequestParamtrs: (arg: any) => void;\n}\n\nconst Pagination = ({setRequestParamtrs, page, total_pages_count, limit, count_users, total_users_count, requestLimit}: IProps) => {\n\n    const handleChangeRequestParamtrs = (\n        name: string,\n        value: string | number\n    ) => {\n        setRequestParamtrs((prevState: any) => {\n            return {...prevState, [name]: value};\n        });\n    };\n\n    return (\n        <div className=\"paginate-prepage\">\n            <div className=\"paginate\">\n                <button\n                    className=\"prev-page\"\n                    type=\"button\"\n                    disabled={page <= 1}\n                    onClick={() => handleChangeRequestParamtrs(\"page\", +page - 1)}\n                >\n                    <ArrowBackIcon/>\n                </button>\n                <button\n                    className=\"next-page\"\n                    type=\"button\"\n                    disabled={total_pages_count <= page}\n                    onClick={() => handleChangeRequestParamtrs(\"page\", +page + 1)}\n                >\n                    <ArrowForwardIcon/>\n                </button>\n                <div className=\"text\">{(+page * +limit - +limit) + 1} - {+page * +limit}{\" \"}\n                    from {total_users_count}\n                </div>\n            </div>\n            <div className=\"perpage\">\n                <div className=\"text\">Show on page:</div>\n                <Select\n                    selectorList={customerPerPage}\n                    defaultValue={{\n                        value: requestLimit,\n                        label: `${requestLimit}`,\n                    }}\n                    positionForShow=\"top\"\n                    required\n                    getValue={(value) => {\n                        handleChangeRequestParamtrs(\"limit\", +value);\n                        handleChangeRequestParamtrs(\"page\", 1);\n                    }}\n                    hideSelectorFilter\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default Pagination;\n","import styled from \"styled-components\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n  .visibility-icon{\n    width: 20px;\n    height: 20px;\n  }\n  .show-order{\n    cursor: pointer;\n    padding: 10px 0 10px 10px;\n  }\n\n    .allow_functions {\n    margin-bottom: 15px;\n    }\n    .allow_title {\n        font-weight: 300;\n        font-size: 25px;\n    }\n    .functionality_list {\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    .allow_item {\n    display: flex;\n        align-items: center;\n        padding: 10px;\n        font-size: 20px;\n        font-weight: 400;\n        gap: 5px;\n    }\n  \n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n  .visibility-icon{\n    width: 20px;\n    height: 20px;\n  }\n  .show-order{\n    cursor: pointer;\n    padding: 10px 0 10px 10px;\n  }\n  \n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import styled from 'styled-components';\nimport { Color } from \"../../../../types/color\";\n\nexport const WrapperTransaction = styled.div`\n  \n  .transactionWrapper{\n    //position: absolute;\n    z-index: 100;\n    //top: 0;\n    //left: 0;\n    width: 100%;\n    padding: 20px 0;\n  }\n  \n  //.transaction-header{\n  //  background-color: #F7F8FC;\n  //  padding: 25px 30px;\n  //}\n  //\n  //.topBar{\n  //  width: 20%;\n  //  display: flex;\n  //  align-items: center;\n  //  cursor: pointer;\n  //\n  //  & svg{\n  //    width: 25px;\n  //    height: 25px;\n  //    margin-right: 15px;\n  //  }\n  //}\n  .transaction-body{\n    background-color: #fff;\n    padding: 0 30px;\n  }\n  .transaction-title{\n    font-size: 32px;\n    color: #000d46;\n    font-weight: 450;\n    margin: 0 0 15px;\n  }\n  .transaction-description{\n    font-size: 14px;\n    font-weight: 450;\n    color: #000d46;\n    opacity: 0.6;\n    margin-bottom: 30px;\n  }\n\n  .purchase-wrapper{\n    padding: 20px 0 20px;\n  }\n  .main-info{\n    display: flex;\n    justify-content: space-around;\n    align-items: inherit;\n    margin-bottom: 30px;\n  }\n  .main-info-item{\n    max-width: 300px;\n  }\n  .item-label{\n    font-size: 14px;\n    font-weight: 450;\n    color: #000d46;\n    margin-bottom: 15px;\n  }\n  .item-value{\n    font-size: 16px;\n    font-weight: 450;\n    color: #000d46;\n  }\n    .total_wrap{\n        display: flex;\n        align-items: center;\n    }\n  .total-prise{\n    margin-top: 20px;\n    margin-right: 16px;\n    display: flex;\n    justify-content: end;\n    align-items: center;\n    & p{\n      font-size: 16px;\n      font-weight: 500;\n      margin-left: 40px;\n    }\n  }\n  .chart {\n    background: ${Color.white};\n    padding: 0 30px;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n    border-radius: 0px 8px 8px 8px;\n\n  }\n  \n`;\n","import React, { FC, useRef, useState } from \"react\";\nimport { WrapperTransaction } from \"./styled\";\nimport { Wrapper } from \"../../../Dashboard/DashboardChart/styled\";\nimport DataTable from \"react-data-table-component\";\nimport { format } from \"date-fns\";\nimport {isNumber} from \"chart.js/helpers\";\n\n\ninterface IProps {\n  show: boolean\n  customerInformation: any,\n  productList: any,\n  setShow: any\n  customer: any;\n  staffPage?: boolean\n}\n\nconst TransactionInformation: FC<IProps> = ({ show, customerInformation, productList, setShow, customer, staffPage = false  }) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const [activeChart, setActiveChart] = useState<any>(\"Items Purchased\");\n  const handleChangeActiveChart = (chartName: any) => {\n    setActiveChart(chartName);\n    // todo\n    // setTimeout(() => {\n    //   chartRef.current?.scrollIntoView({\n    //     behavior: \"smooth\",\n    //     block: \"end\",\n    //     inline: \"nearest\",\n    //   });\n    // }, 200);\n  };\n\n  // const hideTransactionDetail = () => setShow(false);\n\n  const productsListColumns = [\n    {\n      name: \"Product\",\n      width: \"350px\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.title}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"SKU\",\n      minWidth: \"150px\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.squ}\n          </div>\n        );\n      }\n    },\n\n    {\n      name: \"Quantity\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return <div>{row.quantity}</div>;\n      }\n    },\n    {\n      name: \"Price\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return <div>{`${customerInformation.currency}${parseFloat(`${+row.initial_price / +row.quantity}`).toFixed(2)}`}</div>;\n      }\n    },\n    {\n      name: \"Member Price\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return <div>{`${customerInformation.currency}${parseFloat(`${+row.price / +row.quantity}`).toFixed(2)}`}</div>;\n      }\n    },\n    {\n      name: \"Discount\",\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return <div>{`${customerInformation.currency}${parseFloat(`${+row.initial_price - +row.price}`).toFixed(2)}`}</div>;\n      }\n    },\n    {\n      name: \"Points Earned\",\n      omit: staffPage,\n      compact: true,\n      cell: (row: any): JSX.Element => {\n        return <div>{row.points_earned ? `${parseFloat(`${+row.points_earned}`)}` : '0'}</div>;\n      }\n    },\n    {\n      name: \"Total\",\n      minWidth: \"120px\",\n      compact: true,\n      right: true,\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {`${customerInformation.currency}${parseFloat(row.total).toFixed(2)}`}\n          </div>\n        );\n      }\n    }\n  ];\n\n  function vouchersName(vouchers: any[]) {\n    return vouchers.reduce((acc: any, voucher: any) => {\n      const { reward_name } = voucher;\n      acc.push( reward_name);\n      return acc;\n    }, []).join(\", \") || \"-\";\n  }\n  return (\n    <>\n      {show ? <WrapperTransaction>\n        <div className=\"transactionWrapper\">\n          {/*<div className=\"transaction-header\">*/}\n          {/*  <div className=\"topBar\" data-tag=\"allowRowEvents\" onClick={hideTransactionDetail}>*/}\n          {/*    <BackIcon /> Back to list*/}\n          {/*  </div>*/}\n          {/*</div>*/}\n          <div className=\"transaction-body\">\n            <h2 className={\"transaction-title\"}>Transactions</h2>\n            {/*<p className={\"transaction-description\"}></p>*/}\n            <Wrapper>\n              <div className=\"nav-subpages\">\n                <div\n                  className={`nav-subpage ${\n                    activeChart === \"Items Purchased\" ? \"active-page\" : \"\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangeActiveChart(\"Items Purchased\")}\n                  >\n                    Items Purchased\n                  </button>\n                </div>\n                {/*<div*/}\n                {/*  className={`nav-subpage ${*/}\n                {/*    activeChart === \"Points Activity\" ? \"active-page\" : \"\"*/}\n                {/*  }`}*/}\n                {/*>*/}\n                {/*  <button*/}\n                {/*    type=\"button\"*/}\n                {/*    disabled={true}*/}\n                {/*    onClick={() => handleChangeActiveChart(\"Points Activity\")}*/}\n                {/*  >*/}\n                {/*    Points Activity*/}\n                {/*  </button>*/}\n                {/*</div>*/}\n              </div>\n              <div ref={chartRef} className=\"chart-wrapper\">\n                <div className=\"chart\">\n                  {activeChart === \"Items Purchased\" ? (\n                    <>\n                      <div className=\"purchase-wrapper\">\n                        <div className=\"main-info\">\n                          <div className=\"main-info-item\">\n                            <p className={\"item-label\"}>Order</p>\n                            <p className={\"item-value\"}>{customerInformation.orderId}</p>\n                          </div>\n                          <div className=\"main-info-item\">\n                            <p className={\"item-label\"}>Date</p>\n                            <p className={\"item-value\"}>{customerInformation.date\n                              ? format(new Date(isNumber(customerInformation.date) ? customerInformation.date*1000 : customerInformation.date), \"dd MMM yyyy\")\n                              : \"-\"}</p>\n                          </div>\n                          {!staffPage && <div className=\"main-info-item\">\n                              <p className={\"item-label\"}>Points Earned</p>\n                              <p className={\"item-value\"}>{`${customer.points}`}</p>\n                          </div>}\n                          {!staffPage &&\n                          <div className=\"main-info-item\">\n                            <p className={\"item-label\"}>Used Vouchers</p>\n                            <p className={\"item-value\"}>{customer.used_vouchers ? vouchersName(customer.used_vouchers) : ''}</p>\n                            </div>}\n                          <div className=\"main-info-item\">\n                            <p className={\"item-label\"}>Customer</p>\n                            <p className={\"item-value\"}>{customerInformation.customerName}</p>\n                          </div>\n                          <div className=\"main-info-item\">\n                            <p className={\"item-label\"}>Location</p>\n                            <p className={\"item-value\"}>{customerInformation.location}</p>\n                          </div>\n\n                        </div>\n                        <DataTable columns={productsListColumns} data={productList} noHeader />\n                        <div className=\"total_wrap\" style={!!customer.welcome_points_gift ? {justifyContent: \"space-between\"} : {justifyContent: 'flex-end'}}>\n                          {!!customer.welcome_points_gift ? <div className=\"total-prise\">\n                            <p style={{marginLeft: 0}}>Welcome Gift Points: </p>\n                            <p>{`${customer.welcome_points_gift}`}</p>\n                          </div> : null}\n                          <div style={{display: \"flex\", alignItems: 'center'}}>\n                            {parseFloat(customerInformation.shippingPrice) > 0 && <div className=\"total-prise\">\n                                <p>Shipping: </p>\n                                <p>{`${customerInformation.currency}${parseFloat(customerInformation.shippingPrice).toFixed(2)}`}</p>\n                            </div>}\n                            \n                            <div className=\"total-prise\">\n                              <p>Total: </p>\n                              <p>{`${customerInformation.currency}${parseFloat(customerInformation.totalPrice).toFixed(2)}`}</p>\n                            </div>\n                          </div>\n                        \n                        </div>\n                      </div>\n                    </>\n                  ) : (\n                    <>\n                      <h2>Points Activity</h2>\n                    </>\n                  )}\n                </div>\n              </div>\n            </Wrapper>\n          </div>\n        </div>\n\n      </WrapperTransaction> : null}\n\n    </>\n\n  );\n};\n\nexport default TransactionInformation;\n","import React, {useState} from 'react';\nimport DataTable from \"react-data-table-component\";\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\nimport TransactionInformation from \"../../../Customers/CustomerList/TransactionInformation/TransactionInformation\";\nimport {WrapperTableList} from \"../../../Customers/CustomerList/EditableTable/styled\";\nimport userDefaultImg from \"../../../../assets/img/default-user.jpg\";\nimport {getAllUserTransactionBasketForBusinessPlaceAxios} from \"../../../../api/adminPanel\";\nimport {format} from \"date-fns\";\nimport {CustomerUserInterface} from \"../../../../types/customer\";\n\ninterface IUserTransactionList{\n  transactions: any[],\n  promotion: any,\n  store: string\n}\n\nconst UserTransactionList = ({transactions, promotion, store}:IUserTransactionList) => {\n  // const type = promotion === \"Stamp\" ? \"Stamps\" : \"Points\";\n  const customerTableColumns = [\n    {\n      name: \"Icon\",\n      width: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row?.user?.photo ? (\n              <img src={row.user.image} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.user.full_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Store\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{store || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS.I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.posId || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS User .I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.posUserId || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Receipt No.\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.receipt || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return (\n          <div>\n            {row.date\n              ? format(new Date(row.date), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            <div className={\"show-order\"} data-tag=\"allowRowEvents\">\n              <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"} />\n            </div>\n\n          </>\n        );\n      }\n    }\n  ];\n  const [showTransactionDetail, setShowTransactionDetail] = useState(false);\n  const [customerInformation, setCustomerInformation] = useState<any>({});\n  const [customer, setCustomer] = useState<any>({});\n  const [listRow, setListRow] = useState<any>({});\n  \n  const getBasket = (id:number) =>{\n    getAllUserTransactionBasketForBusinessPlaceAxios({id}).then(res => {\n      setCustomerInformation(res.data.basket)\n      setCustomer({used_points: res.data.used_points, used_vouchers: res.data.used_vouchers, points: res.data.points})\n    })\n  }\n  return (\n    <WrapperTableList>\n      {!!transactions &&\n          <>\n              <DataTable\n                  data={transactions}\n                  columns={customerTableColumns}\n                  noHeader\n                  onRowClicked={(row: any) => {\n                    setShowTransactionDetail(true);\n                    getBasket(row.id)\n                    setListRow(row)\n                  }}\n                  expandableRows\n                  expandableRowsHideExpander={true}\n                  expandableRowExpanded={(row) => (row === listRow)}\n                  expandOnRowClicked={true}\n                  expandableRowsComponent={\n                    <TransactionInformation show={showTransactionDetail} customerInformation={customerInformation}\n                                            productList={customerInformation.productsList} customer={customer}\n                                            setShow={setShowTransactionDetail} />\n                  }\n              />\n      \n          </>\n      }\n    </WrapperTableList>\n  );\n};\n\nexport default UserTransactionList;\n","import React, {useState} from 'react';\nimport DataTable from \"react-data-table-component\";\n// import TransactionInformation from \"../TransactionInformation/TransactionInformation\";\nimport {WrapperTableList} from \"../../../Customers/CustomerList/EditableTable/styled\";\nimport userDefaultImg from \"../../../../assets/img/default-user.jpg\";\nimport UserTransactionList from \"./UserTransactionList\";\nimport {getAllUserTransactionForBusinessPlaceAxios} from \"../../../../api/adminPanel\";\n\ninterface IPlaceUsersList {\n  users: any[],\n  locationId: number,\n  promotion: any,\n  store: string\n}\n\nconst PlaceUsersList = ({users, locationId, promotion, store}: IPlaceUsersList) => {\n  \n  const customerTableColumns = [\n    {\n      name: \"Icon\",\n      width: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row?.user?.photo ? (\n              <img src={row.user.image} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.user.full_name}\n          </div>\n        );\n      }\n    },\n    // {\n    //   name: type,\n    //   center: true,\n    //   cell: ({ min_points, can_edit, points, activity_id, stamp_activity }: CustomerUserInterface): JSX.Element => {\n    //     return <EditablePoint minValue={min_points} canEdit={can_edit} points={points}\n    //                           pointId={activity_id} getCustomerList={getCustomerList} stamp_activity={stamp_activity}\n    //                           getUserPointInfo={getUserPointInfo} userId={data.id} />;\n    //   }\n    // },\n    // {\n    //   name: \"loyalty Program\",\n    //   cell: (row: any): JSX.Element => {\n    //     return <div>{data.place.promotion}</div>;\n    //   }\n    // },\n    {\n      name: \"Email\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.user.email}</div>;\n      }\n    },\n    {\n      name: \"Phone\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.user.phone}</div>;\n      }\n    },\n    // {\n    //   name: \"Address\",\n    //   cell: (row: any): JSX.Element => {\n    //     return <div>{row.address || \"-\"}</div>;\n    //   }\n    // },\n    // {\n    //   name: \"POS.I.D\",\n    //   cell: (row: CustomerUserInterface): JSX.Element => {\n    //     return <div>{row.pos_id || \"-\"}</div>;\n    //   }\n    // },\n    // {\n    //   name: \"POS User .I.D\",\n    //   cell: (row: CustomerUserInterface): JSX.Element => {\n    //     return <div>{row.pos_user_id || \"-\"}</div>;\n    //   }\n    // },\n    // {\n    //   name: \"Receipt No.\",\n    //   cell: (row: CustomerUserInterface): JSX.Element => {\n    //     return <div>{row.receipt || \"-\"}</div>;\n    //   }\n    // },\n    // {\n    //   name: \"Time\",\n    //   minWidth: \"120px\",\n    //   cell: (row: CustomerUserInterface): JSX.Element => {\n    //     return (\n    //       <div>\n    //         {row.date\n    //           ? format(new Date(row.date), \"dd/MM/yyyy, HH:mm:ss\")\n    //           : \"-\"}\n    //       </div>\n    //     );\n    //   }\n    // },\n    // {\n    //   name: \"Basket\",\n    //   maxWidth: \"75px\",\n    //   right: true,\n    //   cell: (row: any, i: number): JSX.Element => {\n    //     return (\n    //       <>\n    //         {row.basket ? (<div className={\"show-order\"} data-tag=\"allowRowEvents\">\n    //           <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"} />\n    //         </div>) : null}\n    //\n    //       </>\n    //     );\n    //   }\n    // }\n  ];\n  \n  const [transactions, setTransactions] = useState([]);\n  const [customer, setCustomer] = useState<any>({});\n  \n  const getUserTransactions = (userId: any) => {\n    getAllUserTransactionForBusinessPlaceAxios({location_id: locationId, user_id: userId}).then(res => {\n      setTransactions(res.data.transactions)\n    })\n  }\n  \n  return (\n    <WrapperTableList>\n      {users &&\n          <>\n              <DataTable\n                  data={users}\n                  columns={ customerTableColumns}\n                  noHeader\n                  onRowClicked={(row: any) => {\n                    getUserTransactions(row.user.id)\n                  }}\n                  expandableRows\n                  expandableRowsHideExpander={true}\n                  expandableRowExpanded={(row) => (row === customer)}\n                  onRowExpandToggled={(bool, row) => setCustomer(row)}\n                  expandOnRowClicked={true}\n                  expandableRowsComponent={\n                    <UserTransactionList transactions={transactions} promotion={promotion} store={store}/>\n                  }\n              />\n      \n          </>\n      }\n    </WrapperTableList>\n  );\n};\n\nexport default PlaceUsersList;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCheckCircle(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 20 20\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M1.66675 10C1.66675 5.40002 5.40008 1.66669 10.0001 1.66669C14.6001 1.66669 18.3334 5.40002 18.3334 10C18.3334 14.6 14.6001 18.3334 10.0001 18.3334C5.40008 18.3334 1.66675 14.6 1.66675 10ZM4.75008 10.5834L7.74175 13.575C8.06675 13.9 8.60008 13.9 8.91675 13.575L15.2417 7.25002C15.5667 6.92502 15.5667 6.40002 15.2417 6.07502C14.9167 5.75002 14.3917 5.75002 14.0667 6.07502L8.33342 11.8084L5.92508 9.40835C5.60008 9.08335 5.07508 9.08335 4.75008 9.40835C4.42508 9.73335 4.42508 10.2584 4.75008 10.5834Z\",\n    fill: \"#515CDD\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckCircle);\nexport default __webpack_public_path__ + \"static/media/checkCircle.469cb899.svg\";\nexport { ForwardRef as ReactComponent };","import React, { FC, useEffect, useState } from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { CustomerUserInterface } from \"src/types/customer\";\nimport { WrapperTableList } from \"./styled\";\nimport PlaceUsersList from \"./PlaceUsersList\";\nimport {getAllUserForBusinessPlaceAxios} from \"../../../../api/adminPanel\";\nimport { ReactComponent as CheckIcon } from \"src/assets/img/checkCircle.svg\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n  requestParamtrs: any;\n}\n\nconst ExpandableTableList: FC<IProps> = ({ data, getCustomerList, requestParamtrs }) => {\n  const [userInfo, setUserInfo] = useState<Array<CustomerUserInterface> | null>(null);\nconst [locationId, setLocationId] = useState<number>(0)\nconst [store, setStore] = useState<string>('')\nconst [placeUsers, setPlaseUsers] = useState<any[]>([])\n  useEffect(() => {\n    // getUserPointInfo(data.id);\n    setUserInfo(data.place.locations)\n  }, [data.id, requestParamtrs]);\n \nconst getAllUsersForPlace = (id: any) => {\n  getAllUserForBusinessPlaceAxios({id}).then(res => {\n    setPlaseUsers(res.data.customers)\n  }).catch(e=>{\n    console.log(e)\n  })\n}\n\n  const customerTableColumns = [\n    {\n      name: \"Icon\",\n      width: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row?.image ? (\n              <img src={row.image} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.location_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"loyalty Program\",\n      cell: (row: any): JSX.Element => {\n        return <div>{data.place.promotion}</div>;\n      }\n    },\n    {\n      name: \"Phone\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.phone_number}</div>;\n      }\n    },\n    {\n      name: \"Address\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.address || \"-\"}</div>;\n      }\n    },\n    \n  ];\n  const [listRow, setListRow] = useState<any>({});\n  const [allowFunctionality, setAllowFunctionality] = useState<any>([]);\n  useEffect(() => {\n    setAllowFunctionality(Object.keys(data).filter(key=>key.includes('allow')).filter(item=> data[item] === true))\n  }, []);\n  \n  return (\n    <WrapperTableList>\n      {!!userInfo &&\n          <>\n              <div className=\"allow_functions\">\n                  <h2 className={'allow_title'}>Allowed functionality</h2>\n                  <div className=\"functionality_list\">\n                    \n                    {allowFunctionality.length > 0 ? allowFunctionality.map((item: any) => <div className={'allow_item'}\n                                                                                                key={'item.' + item}\n                                                                                                style={{textTransform: 'capitalize'}}>\n                        <CheckIcon/>{item === 'allow_pos' ? 'allow pos rules' : item.replaceAll('_', ' ')}</div>) :\n                      <div>Not allowed function</div>}\n                  </div>\n              </div>\n              <DataTable\n                  data={userInfo}\n                  columns={customerTableColumns}\n                  noHeader\n                  onRowClicked={(row: any) => {\n                    getAllUsersForPlace(row.id)\n                    setLocationId(row.id)\n                    setStore(row.location_name)\n                  }}\n                  expandableRows\n                  expandableRowsHideExpander={true}\n                  expandableRowExpanded={(row) => (row === listRow)}\n                  onRowExpandToggled={(bool, row) => setListRow(row)}\n                  expandOnRowClicked={true}\n                  expandableRowsComponent={\n                    <PlaceUsersList users={placeUsers} locationId={locationId} promotion={data.place.promotion}\n                                    store={store}/>\n                  }\n              />\n\n          </>\n      }\n    </WrapperTableList>\n  \n  );\n};\n\nexport default ExpandableTableList;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n    .filters {\n      display: flex;\n      align-items: center;\n      .select {\n        margin-left: 20px;\n        input {\n          padding: 10px 16px 10px 40px;\n        }\n        svg path:not([fill=\"none\"]) {\n          fill: #666e90;\n        }\n      }\n    }\n  }\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n  @media (min-width: 992px) and (max-width: 1040px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 760px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .heading {\n      flex-direction: column;\n\n      .page-title {\n        text-align: center;\n      }\n    }\n  }\n    \n    .top-bar {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    margin-bottom: 20px;\n    &>div{\n      margin-bottom: 10px;\n    }\n    .select {\n      margin-bottom: 0px;\n    }\n    input {\n      padding: 10px 32px 10px 14px;\n    }\n  }\n  .search-wrap {\n    width: 320px;\n    max-width: 100%;\n    margin-left: 20px;\n    &>div{\n      padding-bottom: 0;\n    }\n  }\n  .groups-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n    ul {\n      button {\n        text-align: left;\n      }\n    }\n    .calendar-wrapper .react-datepicker-wrapper .react-datepicker__input-container{\n      input{\n        width: 100%;\n        height: auto;\n        box-sizing: border-box;\n        padding-right: 10px;\n      }\n    }\n    \n  }\n  .locations-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n\n  .table-wrap {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    &.loading-blue {\n      min-height: 300px;\n    }\n  }\n  .table {\n    button[data-testid] {\n      &:hover:not(:disabled),\n      &:focus {\n        background: none;\n      }\n    }\n    .rdt_Table {\n    }\n    .rdt_TableHead {\n      border: none;\n      .rdt_TableCol {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n      .rdt_TableHeadRow{\n        min-height: 35px;\n      }\n    }\n    .rdt_TableRow {\n      border: none;\n      padding:2px 0;\n      min-height: 30px;\n      &:nth-child(2n + 1) {\n        background-color: ${Color.blueLightBackground};\n      }\n      .photo {\n        line-height: 0;\n        img {\n          height: 30px;\n          width: 30px;\n          border-radius: 2px;\n          object-fit: cover;\n        }\n      }\n      .rdt_TableCell {\n        &:nth-child(n + 2) {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n        }\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n\n  .paginate-prepage {\n    background-color: ${Color.white};\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 25px 30px;\n  }\n  .paginate {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .prev-page,\n    .next-page {\n      height: 32px;\n      width: 32px;\n      border: 1px solid rgba(47, 54, 64, 0.2);\n      border-radius: 3px;\n      background-color: ${Color.white};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      &:hover:not([disabled]) {\n        box-shadow: rgba(47, 54, 64, 0.25) 0px 0px 10px 0px;\n        border: 1px solid ${Color.grey};\n      }\n      &:disabled {\n        opacity: 0.5;\n        background: rgba(0, 0, 0, 0.1);\n        cursor: initial;\n      }\n    }\n    .text {\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n  }\n  .perpage {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .text {\n      margin-right: 12px;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .select {\n      margin-bottom: 0;\n      width: 90px;\n      & > input,\n      & > ul {\n        color: ${Color.blueDarkText};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n      }\n      & > input {\n        padding: 8px 30px 7px 10px;\n      }\n      & > ul {\n        & > button {\n          padding: 6px 10px;\n        }\n      }\n    }\n  }\n\n  .nothing-found {\n    padding: 50px 15px;\n    text-align: center;\n    color: ${Color.blueDarkText};\n    font-size: 21px;\n    font-weight: 300;\n    line-height: 20px;\n  }\n  @media (max-width: 1140px) {\n    .top-bar {\n      flex-direction: column-reverse;\n      align-items: start;\n      margin-bottom: 10px;\n\n      .locations-wrap,\n      .groups-wrap {\n        margin: 0 0 10px;\n      }\n      .search-wrap {\n        margin-left: 0;\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {FC, useEffect, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport {useActions} from \"src/hooks/useActions\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport {ReactComponent as SearchIcon} from \"src/assets/img/search.svg\";\nimport Pagination from \"src/components/Pagination\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport ExpandableTableList from \"./EditableTable/ExpandableTableList\";\n\nimport {\n  CustomerRequestInterface,\n  CustomerInterface,\n  CustomerInfoInterface\n} from \"src/types/customer\";\n\nimport {Wrapper} from \"./styled\";\nimport {getAdminBusinessesAxios, getAdminBusinessesNamesAxios} from \"../../../api/adminPanel\";\nimport {SelectorListObj} from \"../../../components/Select/types\";\n\nconst arrangeCustomerSelect = [\n  {value: \"business_name:asc\", label: \"Sort A-Z\"},\n  {value: \"business_name:desc\", label: \"Sort Z-A\"},\n  {value: \"id:asc\", label: \"Sort Oldest → Newest\"},\n  {value: \"id:desc\", label: \"Sort Newest → Oldest\"},\n  // {value: \"last_visit:desc\", label: \"Check-ins Most Recent → Oldest\"},\n  // {value: \"last_visit:asc\", label: \"Check-ins Oldest → Most Recent\"},\n  // {value: \"check_in_count:desc\", label: \"Sort Check-ins High → Low\"},\n  // {value: \"check_in_count:asc\", label: \"Sort Check-ins Low → High\"},\n  // {value: \"total_spend:desc\", label: \"Sort Points High → Low\"},\n  // {value: \"total_spend:asc\", label: \"Sort Points Low → High\"}\n];\n// const searchType = [{ value: \"0\", label: \"User\" }, { value: \"1\", label: \"Order\" }];\n\n\nconst AdminBisinesses: FC = () => {\n  const [requestParameters, setRequestParameters] =\n    React.useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n      location: \"\",\n      business: null,\n      sort_type: \"business_name:asc\",\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date()\n    });\n  const [customerListLoading, setCustomerListLoading] =\n    React.useState<boolean>(true);\n  const [customerList, setCustomerList] =\n    React.useState<Array<CustomerInterface> | null>(null);\n  \n  const [customerListInfo, setCustomerListInfo] =\n    useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_users_count: 0,\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date(),\n    });\n  \n  // const {locations} = useTypedSelector(\n  //   (state) => state.groupsLocations\n  // );\n  const {getGroupsLocations} = useActions();\n  useEffect(() => {\n    getGroupsLocations();\n  }, []); //eslint-disable-line\n  \n  const getCustomerList = () => {\n    setCustomerListLoading(true);\n    getAdminBusinessesAxios({\n      ...requestParameters\n    }).then((response) => {\n      setCustomerList(response.data.business);\n      setCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        startDate: new Date(response.data.startDate),\n        endDate: new Date(response.data.endDate)\n      });\n      setCustomerListLoading(false);\n    }).catch((err) => {\n      console.log(err);\n      \n    });\n  };\n  \n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  useEffect(() => {\n    getCustomerList();\n  }, [\n    requestParameters.business,\n    requestParameters.location,\n    requestParameters.page,\n    requestParameters.sort_type,\n    requestParameters.searchType,\n    requestParameters.startDate,\n    requestParameters.endDate,\n  ]);\n  \n  useEffect(() => {\n    if (requestParameters.search !== null) {\n      const timeout = setTimeout(() => {\n        getCustomerList();\n      }, 500);\n      \n      return () => clearTimeout(timeout);\n    }\n  }, [requestParameters.search]);\n  \n  useEffect(() => {\n    if (Number(requestParameters.page) === 1 && customerListInfo.limit !== 0) {\n      getCustomerList();\n    }\n  }, [requestParameters.limit]);\n  \n  const customerTableColumns = [\n    \n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.business_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Icon\",\n      width: \"100px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\"/>\n            ) : (\n              <img src={userDefaultImg} alt=\"\"/>\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Loyalty Program\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.place && row.place.promotion ? row.place.promotion :  \"-\"}</div>;\n      }\n    },\n  ];\n  const [listRow, setListRow] = useState<any>({});\n  \n  const [businesses, setBusinesses] = useState<SelectorListObj[]>([{value: '', label: ''}])\n  useEffect(() => {\n    getAdminBusinessesNamesAxios().then(({data}) => {\n      let selectBusiness: any[] = []\n      data.business.forEach((item: any) => {\n        selectBusiness.push({value: item.id, label: item.business_name})\n      })\n      setBusinesses(selectBusiness)\n    });\n  }, []);\n  \n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Admin Businesses</div>\n      <div className=\"top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) => setRequestParameters({...requestParameters, search: value})}\n          />\n        </div>\n        {/*<div className=\"groups-wrap\">*/}\n        {/*  <Select*/}\n        {/*    placeholder=\"What you search\"*/}\n        {/*    selectorList={searchType}*/}\n        {/*    positionForShow=\"bottom\"*/}\n        {/*    defaultValue={searchType[0]}*/}\n        {/*    required*/}\n        {/*    getValue={(value) =>*/}\n        {/*      handleChangeRequestParamtrs(\"searchType\", value)*/}\n        {/*    }*/}\n        {/*    hideSelectorFilter*/}\n        {/*  />*/}\n        {/*</div>*/}\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"All Businesses\"\n            selectorList={businesses}\n            disabled={!(businesses.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => handleChangeRequestParamtrs(\"business\", value)}\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"Arrange Customer List\"\n            selectorList={arrangeCustomerSelect}\n            positionForShow=\"bottom\"\n            defaultValue={arrangeCustomerSelect[0]}\n            required\n            getValue={(value) =>\n              handleChangeRequestParamtrs(\"sort_type\", value)\n            }\n            hideSelectorFilter\n          />\n        </div>\n        {/*<div className=\"locations-wrap\">*/}\n        {/*  <Select*/}\n        {/*    placeholder=\"All Locations\"*/}\n        {/*    selectorList={locations}*/}\n        {/*    disabled={!(locations.length > 0)}*/}\n        {/*    positionForShow=\"bottom\"*/}\n        {/*    required*/}\n        {/*    isClearable*/}\n        {/*    getValue={(value) => handleChangeRequestParamtrs(\"location\", value)}*/}\n        {/*    hideSelectorFilter*/}\n        {/*  />*/}\n        {/*</div>*/}\n        {/*<div className=\"groups-wrap\">*/}\n        {/*  <Calendar*/}\n        {/*    selected={requestParameters.startDate}*/}\n        {/*    onChange={(e) => e <= new Date() ? handleChangeRequestParamtrs(\"startDate\", e) : handleChangeRequestParamtrs(\"startDate\", new Date())}*/}\n        {/*    dateFormat=\"MMMM d, yyyy\"*/}\n        {/*    timeSelect={false}*/}\n        {/*    label={\"Start Date\"}*/}\n        {/*  />*/}\n        {/*</div>*/}\n        {/*<div className=\"groups-wrap\">*/}\n        {/*  <Calendar*/}\n        {/*    selected={requestParameters.endDate}*/}\n        {/*    onChange={(e) => e < requestParameters.startDate ? handleChangeRequestParamtrs(\"endDate\", requestParameters.startDate) : e >= new Date() ? handleChangeRequestParamtrs(\"endDate\", new Date()) : handleChangeRequestParamtrs(\"endDate\", e)}*/}\n        {/*    dateFormat=\"MMMM d, yyyy\"*/}\n        {/*    timeSelect={false}*/}\n        {/*    label={\"End Date\"}*/}\n        {/*  />*/}\n        {/*</div>*/}\n      </div>\n      <div\n        className={`table-wrap ${customerListLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {customerList !== null ? (\n            customerList.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={customerTableColumns}\n                    data={customerList}\n                    expandableRows\n                    expandableRowExpanded={(row) => (row === listRow)}\n                    onRowExpandToggled={(bool, row) => setListRow(row)}\n                    expandableRowsComponent={\n                      <ExpandableTableList data={customerList} getCustomerList={getCustomerList}\n                                           requestParamtrs={requestParameters}/>\n                    }\n                  />\n                </div>\n                <Pagination {...customerListInfo} requestLimit={requestParameters.limit}\n                            setRequestParamtrs={setRequestParameters}/>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default AdminBisinesses;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgEdit(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M20.70996094 5.63000488c.39001465.39001465.39001465 1.02001953 0 1.40997315l-1.82995606 1.83001709-3.75-3.75 1.82995606-1.8300171c.39001465-.3899536 1.02001953-.3899536 1.41003418 0l2.33996582 2.34002686zM3 20.5v-3.03997803c0-.14001465.05004883-.26000976.15002441-.36004638L14.0600586 6.19000244l3.75 3.75L6.89001465 20.8499756C6.80004883 20.9500122 6.67004395 21 6.54003906 21H3.5c-.2800293 0-.5-.2199707-.5-.5z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgEdit);\nexport default __webpack_public_path__ + \"static/media/edit.f5485a95.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgDelete(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(0,13,70)\",\n    fillRule: \"evenodd\",\n    d: \"M15.5 4H18c.55004883 0 1 .4500122 1 1s-.44995117 1-1 1H6c-.55004883 0-1-.4500122-1-1s.44995117-1 1-1h2.5l.70996094-.71002197C9.39001464 3.10998535 9.6500244 3 9.91003418 3h4.17993164c.26000977 0 .52001953.10998535.70007324.28997803L15.5 4zM8 21c-1.09997559 0-2-.90002441-2-2V9c0-1.09997559.90002441-2 2-2h8c1.09997559 0 2 .90002441 2 2v10c0 1.09997559-.90002441 2-2 2H8z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDelete);\nexport default __webpack_public_path__ + \"static/media/delete.3095c158.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  \n    .top-bar {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    margin-bottom: 20px;\n    &>div{\n      margin-bottom: 10px;\n    }\n    .select {\n      margin-bottom: 0px;\n    }\n    input {\n      padding: 10px 32px 10px 14px;\n    }\n  }\n    .delete-modal {\n        text-align: center;\n        padding: 60px 50px;\n        .title {\n            color: ${Color.blueDarkText};\n            font-size: 21px;\n            font-weight: 500;\n            line-height: 28px;\n            text-align: center;\n        }\n        .btn_wrap{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            button {\n                margin-top: 20px;\n                width: auto;\n                padding: 10px 20px;\n            }\n        }\n        \n    }\n  .search-wrap {\n    width: 320px;\n    max-width: 100%;\n    margin-left: 20px;\n    &>div{\n      padding-bottom: 0;\n    }\n  }\n  .groups-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n    ul {\n      button {\n        text-align: left;\n      }\n    }\n    .calendar-wrapper .react-datepicker-wrapper .react-datepicker__input-container{\n      input{\n        width: 100%;\n        height: auto;\n        box-sizing: border-box;\n        padding-right: 10px;\n      }\n    }\n  }\n    .edit_input_wrap{\n        display: flex;\n        align-items: center;\n        padding-top: 11px;\n    }\n    .modal-content{\n        text-align: center;\n        padding: 60px 50px;\n        @media (max-width: 600px) {\n            padding: 30px 15px;\n        }\n        .title {\n            color: ${Color.redMedium};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n                font-size: 23px;\n                line-height: 28px;\n            }\n        }\n        .sub-title{\n            color: ${Color.orange};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n                font-size: 23px;\n                line-height: 28px;\n            }\n        }\n    }\n    .action {\n        display: flex;\n        align-items: center;\n        .edit {\n            display: block;\n            line-height: 0;\n            height: 24px;\n            width: 24px;\n            opacity: 0.6;\n            margin-right: 25px;\n            background: none;\n            &:hover {\n                opacity: 1;\n            }\n        }\n        .delete {\n            display: block;\n            line-height: 0;\n            height: 24px;\n            width: 24px;\n            opacity: 0.6;\n            background: none;\n            padding: 0;\n            &:hover {\n                opacity: 1;\n            }\n        }\n        .info {\n            display: block;\n            line-height: 0;\n            height: 24px;\n            width: 24px;\n            margin-right: 25px;\n            background: none;\n            cursor: pointer;\n            position: relative;\n            & > span {\n                z-index: -1;\n                opacity: 0;\n                background-color: $blueDarkText;\n                position: absolute;\n                font-size: 14px;\n                width: 96px;\n                color: $white;\n                padding-left: 10px;\n                padding-right: 10px;\n                text-align: center;\n                border-radius: 4px;\n                padding-top: 5px;\n                padding-bottom: 5px;\n                transition: all 0.3s ease;\n                line-height: 20px;\n                top: -55px;\n                left: -35px;\n                box-sizing: border-box;\n            }\n            svg {\n                opacity: 0.6;\n                &:hover {\n                    opacity: 1;\n\n                    & + span {\n                        z-index: 2;\n                        opacity: 1;\n                    }\n                }\n                path:not([fill=\"none\"]) {\n                    fill: rgb(0, 13, 70);\n                }\n            }\n        }\n    }\n  .locations-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n\n  .table-wrap {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    &.loading-blue {\n      min-height: 300px;\n    }\n  }\n  .table {\n    button[data-testid] {\n      &:hover:not(:disabled),\n      &:focus {\n        background: none;\n      }\n    }\n    .rdt_Table {\n    }\n    .rdt_TableHead {\n      border: none;\n      .rdt_TableCol {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n      .rdt_TableHeadRow{\n        min-height: 35px;\n      }\n    }\n    .rdt_TableRow {\n      border: none;\n      padding:2px 0;\n      min-height: 30px;\n      &:nth-child(2n + 1) {\n        background-color: ${Color.blueLightBackground};\n      }\n      .photo {\n        line-height: 0;\n        img {\n          height: 30px;\n          width: 30px;\n          border-radius: 2px;\n          object-fit: cover;\n        }\n      }\n      .rdt_TableCell {\n        &:nth-child(n + 2) {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n        }\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n\n  .paginate-prepage {\n    background-color: ${Color.white};\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 25px 30px;\n  }\n  .paginate {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .prev-page,\n    .next-page {\n      height: 32px;\n      width: 32px;\n      border: 1px solid rgba(47, 54, 64, 0.2);\n      border-radius: 3px;\n      background-color: ${Color.white};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      &:hover:not([disabled]) {\n        box-shadow: rgba(47, 54, 64, 0.25) 0px 0px 10px 0px;\n        border: 1px solid ${Color.grey};\n      }\n      &:disabled {\n        opacity: 0.5;\n        background: rgba(0, 0, 0, 0.1);\n        cursor: initial;\n      }\n    }\n    .text {\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n  }\n  .perpage {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .text {\n      margin-right: 12px;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .select {\n      margin-bottom: 0;\n      width: 90px;\n      & > input,\n      & > ul {\n        color: ${Color.blueDarkText};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n      }\n      & > input {\n        padding: 8px 30px 7px 10px;\n      }\n      & > ul {\n        & > button {\n          padding: 6px 10px;\n        }\n      }\n    }\n  }\n\n  .nothing-found {\n    padding: 50px 15px;\n    text-align: center;\n    color: ${Color.blueDarkText};\n    font-size: 21px;\n    font-weight: 300;\n    line-height: 20px;\n  }\n  @media (max-width: 1140px) {\n    .top-bar {\n      flex-direction: column-reverse;\n      align-items: start;\n      margin-bottom: 10px;\n\n      .locations-wrap,\n      .groups-wrap {\n        margin: 0 0 10px;\n      }\n      .search-wrap {\n        margin-left: 0;\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import styled from \"styled-components\";\n\nconst Wrapper = styled.div`\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.6);\n  z-index: 100;\n  & > div {\n    position: absolute;\n    left: calc(50% - 8px);\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 6px;\n    background-color: #fcfcfd;\n    width: 90%;\n    max-width: 500px;\n    box-sizing: border-box;\n    max-height: 90%;\n    overflow: auto;\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: #737ce4;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useRef} from \"react\";\nimport { Wrapper } from \"./styled\";\nimport {Props} from \"./types\";\n\nconst Modal = ({\n  openModal,\n  setOpenModal,\n  closeOutsideClick = true,\n  children,\n  style={}\n}: Props) => {\n  const modalRef = useRef() as React.MutableRefObject<HTMLInputElement>;\n\n  const handleClickOutside = (event: any) => {\n    if (!modalRef?.current?.contains(event.target) && openModal) {\n      setOpenModal(false);\n    }\n  };\n\n  useEffect(() => {\n    if (closeOutsideClick) {\n      document.addEventListener(\"click\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"click\", handleClickOutside);\n      };\n    }\n\n    return undefined;\n  });\n\n  return (\n    <Wrapper>\n      <div style={style} ref={modalRef}>{children}</div>\n    </Wrapper>\n  );\n};\n\nexport default Modal;\n","import styled from \"styled-components\";\nimport {Color} from \"../../../../types/color\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n  .visibility-icon{\n    width: 20px;\n    height: 20px;\n  }\n  .show-order{\n    cursor: pointer;\n    padding: 10px 0 10px 10px;\n  }\n    .chart {\n        background: ${Color.white};\n        padding: 0 30px;\n        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n        border-radius: 0px 8px 8px 8px;\n\n    }\n  \n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import {\n  CustomerRequestInterface,\n  CustomerGroupsRequestInterface,\n  CustomerGroupCreateRequestInterface, PointCountsInterface\n} from \"src/types/customer\";\nimport axios from \"./api\";\n\nexport const getCustomerListAxios = (\n  requestParamtrs: CustomerRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/group/getAllUsersForPlace\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getOfflineCustomerListAxios = (\n  requestParamtrs: { search: string }\n): Promise<any> =>\n  axios\n    .post(\"/api/offlineUser/list\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerListWithFilterGroupsAxios = (\n  requestParamtrs: CustomerRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/group/getAllUsersForPlaceWithFilters\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerGroupsAxios = (\n  requestParamtrs: CustomerGroupsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/group/getAllGroups\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getCustomerGroupUsersAxios = (\n  requestParamtrs: {id: number}\n): Promise<any> =>\n  axios\n    .post(\"\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getFiltersInfoAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/group/getFilters\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createCustomerGroupAxios = (\n  requestParamtrs: CustomerGroupCreateRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/group/create\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateCustomerGroupAxios = (\n  requestParamtrs: CustomerGroupCreateRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/group/update\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateCustomerGroupForProductDiscountAxios = (\n  requestParamtrs: CustomerGroupCreateRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/update\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createCustomerGroupForProductDiscountAxios = (\n  requestParamtrs: CustomerGroupCreateRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/create\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeCustomerGroupForProductDiscountAxios = (\n  requestParamtrs: any\n): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/remove\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const deleteCustomerGroupAxios = (group_id: string): Promise<any> =>\n  axios\n    .post(\"/api/group/delete\", { id: group_id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerGroupInfoAxios = (group_id: string): Promise<any> =>\n  axios\n    .post(\"/api/getGroup\", { id: group_id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerGroupInfoForProductDiscountAxios = (group_id: string): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/get\", { id: group_id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllCustomersAndProductsForProductDiscountAxios = (id: number): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/info\", {id})\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllCustomerGroupForProductDiscountAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/list\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getCustomerInfoAxios = (user_id: string, search: string, searchType: string, location: string, startDate: any, endDate: any): Promise<any> =>\n  axios\n    .post(\"/api/group/getUserForPlaceActivities\", { user: user_id, search: search, searchType: searchType, location: location, startDate: startDate, endDate: endDate })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updatePointsCountAxios = (requestParams: PointCountsInterface): Promise<any> =>\n  axios\n    .post(\"/api/user/setUserActivityPoint\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const importWorkers = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/import\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n    export const removeBulkStaff = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/dashboard/bulk-remove\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const importStaffDiscountWorkersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/import\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const importStaffMembersWithBadgeBarcodeAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/import\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeBulkStaffDiscountAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/bulk-remove\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeBulkStaffMembersWithBadgeBarcodeAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/bulk-remove\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n\nexport const getAllStaffMembers = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/all\", requestParams)\n    .then((response) => {\n      \n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const addStaffMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/add\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const editStaffMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"api/worker/update\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeStaffMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/delete\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getSataffFamily = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/dashboard/get-relation\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeSataffFamily = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/worker/dashboard/remove-relation\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n\nexport const getAllStaffDiscountMembers = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/all\", requestParams)\n    .then((response) => {\n      \n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const addStaffDiscountMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/create\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const editStaffDiscountMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"api/staff/update\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeStaffDiscountMemberAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/delete\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getStaffDiscountLoyaltyCardAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/staff/card/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const saveStaffDiscountLoyaltyCardAxios = (requestData: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/card/add\", requestData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getStaffDiscountActivity = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/transaction\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setDiscountPercentForAllMembersAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/all-set-discount\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setMaximumSpendDiscountAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/maximumSpend/set\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getMaximumSpendDiscountAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/staff/maximumSpend/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const setNewDiscountRuleAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/restriction-category/add\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeDiscountRuleAxios = (requestParams: any): Promise<any> =>\n  axios\n    .post(\"/api/staff/restriction-category/remove\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllDiscountRulesAxios = (requestData: {startDate: any, endDate: any}): Promise<any> =>\n  axios\n    .post(\"/api/staff/restriction-category/get\", requestData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getAllConditionsStaffDiscountAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/condition/staffDiscount\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const addNewConditionsStaffDiscountAxios = ({id}: {id: number}): Promise<any> =>\n  axios\n    .post(`/api/condition/staffDiscount/add/${id}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeConditionsStaffDiscountAxios = ({id}: {id: number}): Promise<any> =>\n  axios\n    .delete(`/api/condition/staffDiscount/remove/${id}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, { FC, useRef, useState } from \"react\";\n\nimport { ReactComponent as EditIcon } from \"../../../../assets/img/edit.svg\";\nimport { PointInput, PointWrapper } from \"./styled\";\nimport { updatePointsCountAxios } from \"../../../../api/customers\";\n\ninterface IProp {\n  points: string;\n  pointId: string;\n  userId: string;\n  getCustomerList: any;\n  getUserPointInfo: any;\n  canEdit: boolean;\n  minValue: number;\n  stamp_activity?: any;\n}\n\nconst EditablePoint: FC<IProp> = ({\n                                    points,\n                                    minValue,\n                                    pointId,\n                                    canEdit,\n                                    userId,\n                                    getCustomerList,\n                                    getUserPointInfo,\n                                    stamp_activity\n                                  }) => {\n  const ref = useRef<HTMLInputElement | null>(null);\n  const [point, setPoint] = useState(points ?? \"-\");\n\n  const editPoint = () => {\n    if (ref.current) {\n      ref.current.focus();\n      ref.current.readOnly = false;\n    }\n  };\n\n  const changePoints = (e: any) => {\n    let value = e.target.value;\n\n    if (minValue > e.target.value) {\n      value = minValue;\n    }\n\n    if (+point !== +value) {\n      setPoint(value);\n    }\n  };\n\n  const handleBlur = () => {\n    if (ref.current) {\n      ref.current.readOnly = true;\n      if (+points !== +point) {\n        updatePointsCountAxios({ activity_id: pointId, points: point }).then(r => {\n          getCustomerList();\n          getUserPointInfo(userId);\n        });\n      }\n    }\n  };\n\n  return (\n    <PointWrapper>\n      <PointInput type=\"number\" value={Object.keys(stamp_activity).length ? stamp_activity.stamps : point} readOnly ref={ref} onChange={changePoints} onBlur={handleBlur}\n                  min={minValue} />\n      {\n        canEdit && <button type=\"button\" onClick={editPoint}>\n          <EditIcon />\n        </button>\n      }\n    </PointWrapper>\n  );\n};\n\nexport default EditablePoint;","import React, { FC, useEffect, useState } from \"react\";\nimport { format } from \"date-fns\";\nimport DataTable from \"react-data-table-component\";\n\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { CustomerUserInterface } from \"src/types/customer\";\nimport EditablePoint from \"./EditablePoinr\";\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\n\nimport { WrapperTableList } from \"./styled\";\nimport TransactionInformation from \"../../../Customers/CustomerList/TransactionInformation/TransactionInformation\";\nimport {getCustomerInfoAdminAxios} from \"../../../../api/adminPanel\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n  requestParamtrs: any;\n  setcustomerListLoading: any;\n}\n\nfunction vouchersName(vouchers: any[]) {\n  return vouchers.reduce((acc: any, voucher: any) => {\n    const { reward_name } = voucher;\n    acc.push(reward_name);\n    return acc;\n  }, []).join(\", \") || \"-\";\n}\n\nfunction getRewards(info: CustomerUserInterface, key: string) {\n  const { vouchers, stamp_activity, used_vouchers } = info;\n\n  if (key === \"earned\") {\n    // @ts-ignore\n    return vouchers.length ? vouchersName(vouchers) : stamp_activity ? stamp_activity[key] : \"-\";\n  } else {\n    // @ts-ignore\n    return used_vouchers.length ? vouchersName(used_vouchers) : stamp_activity ? stamp_activity[key] : \"-\";\n  }\n\n}\n\nconst ExpandableTableList: FC<IProps> = ({ data, getCustomerList, requestParamtrs, setcustomerListLoading }) => {\n  const [userInfoPoints, setUserInfoPoints] = useState<Array<CustomerUserInterface>>([]);\n  const [userInfoStamps, setUserInfoStamps] = useState<Array<CustomerUserInterface>>([]);\n  const { photo, first_name, last_name } = data;\n  const [showTransactionDetail, setShowTransactionDetail] = useState(false);\n  const [customerInformation, setCustomerInformation] = useState<any>({});\n  const [customer, setCustomer] = useState<any>({});\n  const [activeType, setActiveType] = useState<string>('Points')\n  \n  \n  const handleChangeActiveChart = (chartName: any) => {\n    setActiveType(chartName);\n    setCustomerInformation({})\n    setCustomer({})\n    setShowTransactionDetail(false);\n    // todo\n    // setTimeout(() => {\n    //   chartRef.current?.scrollIntoView({\n    //     behavior: \"smooth\",\n    //     block: \"end\",\n    //     inline: \"nearest\",\n    //   });\n    // }, 200);\n  };\n\n  const getUserPointInfo = (id: string) => {\n    setcustomerListLoading(true)\n    getCustomerInfoAdminAxios(`${id}`, requestParamtrs.search, requestParamtrs.searchType, requestParamtrs.location, format(requestParamtrs.startDate, \"dd-MM-yyyy\"), format(requestParamtrs.endDate, \"dd-MM-yyyy\")).then((response) => {\n      setUserInfoPoints(response.data.activities.points || []);\n      setUserInfoStamps(response.data.activities.stamps || []);\n      \n    }).finally(()=>{\n      setcustomerListLoading(false)\n    });\n  };\n\n  useEffect(() => {\n    getUserPointInfo(data.id);\n  }, [data.id, requestParamtrs]);\n\n  const customerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {data.photo ? (\n              <img src={photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"150px\",\n      cell: (): JSX.Element => {\n        return (\n          <div>\n            {first_name} {last_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: 'Points',\n      center: true,\n      cell: ({ min_points, can_edit, points, activity_id, stamp_activity }: CustomerUserInterface): JSX.Element => {\n        return <EditablePoint minValue={min_points} canEdit={can_edit} points={points}\n                              pointId={activity_id} getCustomerList={getCustomerList} stamp_activity={stamp_activity}\n                              getUserPointInfo={getUserPointInfo} userId={data.id} />;\n      }\n    },\n    {\n      name: `Reward Earned`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"earned\")}</div>;\n      }\n    },\n    {\n      name: `Reward Used`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"used\")}</div>;\n      }\n    },\n    {\n      name: \"Store\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.store || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS.I.D\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.pos_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS User .I.D\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.pos_user_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Receipt No.\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.receipt || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return (\n          <div>\n            {row.date\n              ? format(new Date(row.date), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            {row.basket ? (<div className={\"show-order\"} data-tag=\"allowRowEvents\">\n              <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"} />\n            </div>) : null}\n\n          </>\n        );\n      }\n    }\n  ];\n  const customerTableColumnsStamp = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {data.photo ? (\n              <img src={photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"150px\",\n      cell: (): JSX.Element => {\n        return (\n          <div>\n            {first_name} {last_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: 'Stamps',\n      center: true,\n      cell: ({ min_points, can_edit, points, activity_id, stamp_activity }: CustomerUserInterface): JSX.Element => {\n        return <EditablePoint minValue={min_points} canEdit={can_edit} points={points}\n                              pointId={activity_id} getCustomerList={getCustomerList} stamp_activity={stamp_activity}\n                              getUserPointInfo={getUserPointInfo} userId={data.id} />;\n      }\n    },\n    {\n      name: `Stamps Earned`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"earned\")}</div>;\n      }\n    },\n    {\n      name: `Stamps Used`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"used\")}</div>;\n      }\n    },\n    {\n      name: \"Staff i.d.\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.seller || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return (\n          <div>\n            {row.date\n              ? format(new Date(row.date), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            {row.basket ? (<div className={\"show-order\"} data-tag=\"allowRowEvents\">\n              <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"} />\n            </div>) : null}\n          \n          </>\n        );\n      }\n    }\n\n  ];\n\n  return (\n    <WrapperTableList>\n      {(!!userInfoPoints || !!userInfoStamps ) &&\n          <>\n              <div className=\"nav-subpages\">\n                  <div\n                      className={`nav-subpage ${\n                        activeType === \"Points\" ? \"active-page\" : \"\"\n                      }`}\n                  >\n                      <button\n                          type=\"button\"\n                          onClick={() => handleChangeActiveChart(\"Points\")}\n                      >\n                          Points\n                      </button>\n                  </div>\n                  <div\n                      className={`nav-subpage ${\n                        activeType === \"Stamps\" ? \"active-page\" : \"\"\n                      }`}\n                  >\n                      <button\n                          type=\"button\"\n                          onClick={() => handleChangeActiveChart(\"Stamps\")}\n                      >\n                          Stamps\n                      </button>\n                  </div>\n              </div>\n              <div className=\"chart-wrapper\">\n                  <div className=\"chart\">\n                    {activeType === 'Points' ? <DataTable\n                      data={userInfoPoints}\n                      columns={customerTableColumns}\n                      noHeader\n                      onRowClicked={(row: any) => {\n                        if(row.basket && row.basket.productsList.length > 0) {\n                          setShowTransactionDetail(true);\n                          setCustomerInformation(row.basket)\n                          // setCustomer(row);\n                        } else {\n                          setShowTransactionDetail(false)\n                          setCustomerInformation({})\n                        }\n                      }}\n                      expandableRows\n                      expandableRowsHideExpander={true}\n                      expandableRowExpanded={(row) => (row === customer)}\n                      onRowExpandToggled={(bool, row) => setCustomer(row)}\n                      expandOnRowClicked={true}\n                      expandableRowsComponent={\n                        <TransactionInformation show={showTransactionDetail} customerInformation={customerInformation}\n                                                productList={customerInformation.productsList} customer={customer}\n                                                setShow={setShowTransactionDetail}/>\n                      }\n                    /> : <DataTable\n                      data={userInfoStamps}\n                      columns={customerTableColumnsStamp}\n                      noHeader\n                      onRowClicked={(row: any) => {\n                        if(row.basket && row.basket.productsList.length > 0) {\n                          setShowTransactionDetail(true);\n                          setCustomerInformation(row.basket)\n                          // setCustomer(row);\n                          } else {\n                          setShowTransactionDetail(false)\n                          setCustomerInformation({})\n                        }\n                        \n                      }}\n                      expandableRows\n                      expandableRowsHideExpander={true}\n                      expandableRowExpanded={(row) => (row === customer)}\n                      onRowExpandToggled={(bool, row) => setCustomer(row)}\n                      expandOnRowClicked={true}\n                      expandableRowsComponent={\n                        <TransactionInformation show={showTransactionDetail} customerInformation={customerInformation}\n                                                productList={customerInformation.productsList} customer={customer}\n                                                setShow={setShowTransactionDetail}/>\n                      }\n                    />}\n                  </div>\n              </div>\n            \n          </>\n      }\n    </WrapperTableList>\n  \n  );\n};\n\nexport default ExpandableTableList;\n","import styled from \"styled-components\";\nimport { Color } from \"../../types/color\";\n\nconst Wrapper = styled.div`\n    .delete-modal {\n        text-align: center;\n        padding: 60px 50px;\n        .title {\n            color: ${Color.blueDarkText};\n            font-size: 21px;\n            font-weight: 500;\n            line-height: 28px;\n            text-align: center;\n        }\n\n        .btn_wrap{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            button {\n                margin-top: 20px;\n                width: auto;\n                padding: 10px 20px;\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import React from 'react';\nimport {Wrapper} from \"./styled\";\nimport Modal from \"../Modal\";\n\ninterface IRemoveModalProps {\n  showModal: boolean;\n  setShowModal: any;\n  title: string;\n  handleCancel: () => void;\n  handleConfirm: () => void;\n}\n\nconst RemoveModal = ({showModal, setShowModal, handleConfirm, handleCancel, title}: IRemoveModalProps) => {\n  return (\n    <Wrapper>\n      {showModal && (<Modal\n        openModal={showModal}\n        setOpenModal={() => setShowModal(false)}\n        closeOutsideClick\n      >\n        <div\n          className={`delete-modal`}\n        >\n          <div className=\"loading-innerwrap\">\n            <div className=\"title\">{title}</div>\n            <div className=\"btn_wrap\">\n              <button\n                type=\"button\"\n                className=\"btn-red\"\n                onClick={handleCancel}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={handleConfirm}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </div>\n      </Modal>)}\n      \n    </Wrapper>\n  );\n};\n\nexport default RemoveModal;\n","import React, {FC, useCallback, useEffect, useState} from \"react\";\n\nimport DataTable from \"react-data-table-component\";\n\nimport {useActions} from \"src/hooks/useActions\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport {ReactComponent as SearchIcon} from \"src/assets/img/search.svg\";\nimport {ReactComponent as EditIcon} from \"src/assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"src/assets/img/delete.svg\";\nimport Pagination from \"src/components/Pagination\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport {\n  CustomerRequestInterface,\n  CustomerInterface,\n  CustomerInfoInterface,\n} from \"src/types/customer\";\n\nimport {Wrapper} from \"./styled\";\nimport {getAdminUsersAxios, removeAdminUserAxios, updateAdminUserAxios} from \"../../../api/adminPanel\";\nimport Modal from \"../../../components/Modal\";\nimport ExpandableTableList from \"./EditableTable/ExpandableTableList\";\nimport RemoveModal from \"../../../components/RemoveModal/RemoveModal\";\n\nconst arrangeCustomerSelect = [\n  {value: \"last_name:asc\", label: \"Sort A-Z\"},\n  {value: \"last_name:desc\", label: \"Sort Z-A\"},\n  {value: \"id:asc\", label: \"Sort Oldest → Newest\"},\n  {value: \"id:desc\", label: \"Sort Newest → Oldest\"},\n  // {value: \"last_visit:desc\", label: \"Check-ins Most Recent → Oldest\"},\n  // {value: \"last_visit:asc\", label: \"Check-ins Oldest → Most Recent\"},\n  // {value: \"check_in_count:desc\", label: \"Sort Check-ins High → Low\"},\n  // {value: \"check_in_count:asc\", label: \"Sort Check-ins Low → High\"},\n  // {value: \"total_spend:desc\", label: \"Sort Points High → Low\"},\n  // {value: \"total_spend:asc\", label: \"Sort Points Low → High\"}\n];\n\n\nconst AdminUsers: FC = () => {\n  const [requestParameters, setRequestParameters] =\n    React.useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n      sort_type: \"last_name:asc\",\n      startDate: new Date(2021, 0, 1),\n      endDate: new Date(),\n      location: \"\",\n    });\n  const [customerListLoading, setCustomerListLoading] =\n    React.useState<boolean>(true);\n  const [showDeleteUserModal, setShowDeleteUserModal] = useState<boolean>(false);\n  const [selectedUser, setSelectedUser] = useState<CustomerInterface | null>(null);\n  const [customerList, setCustomerList] =\n    React.useState<Array<CustomerInterface> | null>(null);\n  const [errorResponse, setErrorResponse] = useState<string>('')\n  const [customerListInfo, setCustomerListInfo] =\n    React.useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_users_count: 0,\n    });\n  \n  const {getGroupsLocations} = useActions();\n  useEffect(() => {\n    getGroupsLocations();\n  }, []); //eslint-disable-line\n  \n  const getCustomerList = useCallback(() => {\n    setCustomerListLoading(true);\n    getAdminUsersAxios({\n      ...requestParameters\n    }).then((response) => {\n      setCustomerList(response.data.customers);\n      setCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n      });\n      setCustomerListLoading(false);\n    }).catch((err) => {\n      console.log(err);\n    });\n  },[requestParameters]);\n  \n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  useEffect(() => {\n    getCustomerList();\n  }, [\n    requestParameters.page,\n    requestParameters.sort_type,\n    requestParameters.searchType,\n  ]);\n  \n  useEffect(() => {\n    if (requestParameters.search !== null) {\n      const timeout = setTimeout(() => {\n        getCustomerList();\n      }, 500);\n      \n      return () => clearTimeout(timeout);\n    }\n  }, [requestParameters.search]);\n  \n  useEffect(() => {\n    if (Number(requestParameters.page) === 1 && customerListInfo.limit !== 0) {\n      getCustomerList();\n    }\n  }, [requestParameters.limit]);\n  \n  const editUser = (id: number, row: CustomerInterface) => {\n    const editRow = {...row, edit: true}\n    // @ts-ignore\n    setCustomerList([...customerList.map(item => item.id === id ? item = editRow : item)])\n  }\n  \n  const saveEditUser = (id: number) => {\n    const editedUser = customerList?.find((item) => item.id === id)\n    const requestData = {\n      id: id,\n      first_name: editedUser?.first_name,\n      last_name: editedUser?.last_name,\n      email: editedUser?.email,\n      phone: editedUser?.phone\n    }\n    updateAdminUserAxios(requestData).then(res=>{\n      getCustomerList()\n    })\n  }\n  \n  const removeUser = (id: number) => {\n    removeAdminUserAxios({id}).then(res=>{\n      getCustomerList()\n      setShowDeleteUserModal(false)\n    }).catch(err=>{\n      console.log(err)\n      setShowDeleteUserModal(false)\n      setErrorResponse(err.data.error)\n    })\n  }\n  \n  const checkDeleteUser = (user: CustomerInterface) =>{\n    setShowDeleteUserModal(true)\n    setSelectedUser(user)\n  }\n  \n  const customerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\"/>\n            ) : (\n              <img src={userDefaultImg} alt=\"\"/>\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (!row.edit ? (<div>\n            {row.first_name} {row.last_name}\n          </div>) : (<div className={'edit_input_wrap'}>\n            <Input placeholder={'First Name'} defaultValue={row.first_name} getValue={(value) => {\n              row.first_name = value\n            }}/>\n            <Input placeholder={'Last Name'} defaultValue={row.last_name} getValue={(value) => {\n              row.last_name = value\n            }}/>\n          </div>)\n        \n        );\n      }\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (!row.edit ? (<div>{row.email}</div>) : (\n          <div className={'edit_input_wrap'}><Input placeholder={'Email'} defaultValue={row.email}\n                                                    getValue={(value) => {\n                                                      row.email = value\n                                                    }}/></div>));\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      maxWidth: '300px',\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (!row.edit ? (<div>{row.phone}</div>) : (\n          <div className={'edit_input_wrap'}><Input placeholder={'Phone'} defaultValue={row.phone}\n                                                    getValue={(value) => {\n                                                      row.phone = value\n                                                    }}/></div>));\n      },\n    },\n    {\n      name: \"\",\n      maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => editUser(row.id, row)}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => checkDeleteUser(row)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : (\n              <button\n                className=\"btn-blue-outline save\"\n                style={{padding: \"10px 20px\"}}\n                onClick={() => saveEditUser(row.id)}\n              >\n                Save\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Admin Users</div>\n      <div className=\"top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) => setRequestParameters({...requestParameters, search: value})}\n          />\n        </div>\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"Arrange Customer List\"\n            selectorList={arrangeCustomerSelect}\n            positionForShow=\"bottom\"\n            defaultValue={arrangeCustomerSelect[0]}\n            required\n            getValue={(value) =>\n              handleChangeRequestParamtrs(\"sort_type\", value)\n            }\n            hideSelectorFilter\n          />\n        </div>\n      </div>\n      <div\n        className={`table-wrap ${customerListLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {customerList !== null ? (\n            customerList.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={customerTableColumns}\n                    data={customerList}\n                    expandableRows\n                    expandableRowsComponent={\n                      <ExpandableTableList data={customerList} setcustomerListLoading={setCustomerListLoading} getCustomerList={getCustomerList}\n                                           requestParamtrs={requestParameters} />\n                    }\n                  />\n                </div>\n                <Pagination {...customerListInfo} requestLimit={requestParameters.limit}\n                            setRequestParamtrs={setRequestParameters}/>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n      {errorResponse && (\n        <Modal\n          openModal={!!errorResponse}\n          setOpenModal={() => setErrorResponse(\"\")}\n          closeOutsideClick={true}\n          style={{maxWidth: '900px'}}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">Error</div>\n            <div className=\"sub-title\">{errorResponse}</div>\n          </div>\n        </Modal>\n      )}\n      <RemoveModal showModal={showDeleteUserModal} setShowModal={setShowDeleteUserModal} title={`Are you sure you want to delete the User \"\n                ${selectedUser?.email}\"?`} handleCancel={() => {\n        setSelectedUser(null)\n        setShowDeleteUserModal(false)\n      }} handleConfirm={() => {\n        removeUser(selectedUser!.id)\n      }}/>\n    </Wrapper>\n  );\n};\n\nexport default AdminUsers;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgUpload(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 50,\n    height: 50,\n    viewBox: \"0 0 50 50\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h50v50H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(255,255,255)\",\n    fillRule: \"evenodd\",\n    d: \"M25 8.3333435c7.5833435 0 13.8958435 5.39584351 15.3125 12.58334351C45.7291565 21.29168701 50 25.75 50 31.25c0 5.75-4.6666565 10.41668701-10.4166565 10.41668701H12.5c-6.8958435 0-12.5-5.60418701-12.5-12.5 0-6.4375 4.875-11.75 11.1458435-12.41668701C13.75 11.75 18.9791565 8.3333435 25 8.3333435zm4.16668701 27.08334351v-8.3333435h6.25L25.75 17.3958435c-.4166565-.4166565-1.0625-.4166565-1.4791565 0l-9.6875 9.6875h6.25v8.3333435h8.33334351z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgUpload);\nexport default __webpack_public_path__ + \"static/media/upload.df406e51.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div<{\n  required?: boolean;\n  isLabel?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n    /* &:after {\n      content: ${(props) => (props.required ? `\" *\"` : \"none\")};\n      color: #eb4d4b;\n    } */\n  }\n\n  & > textarea {\n    border-radius: 4px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px;\n    font-family: \"Circular Std\";\n    font-size: 18px;\n    font-weight: 300;\n    line-height: 20px;\n    background: #ffffff;\n    min-width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n    min-height: 100px;\n    height: 120px;\n    max-height: 200px;\n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled {\n      padding: 13px 40px 13px 16px;\n      /* background: rgba(0, 0, 0, 0.07);\n      box-shadow: none; */\n    }\n    &.password {\n      padding-right: 45px;\n    }\n    &[type=\"number\"]::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from \"react\";\n\nimport { PropsInterface } from \"./types\";\nimport { Wrapper } from \"./styled\";\n\nconst Textarea = ({\n  label,\n  placeholder,\n  defaultValue,\n  required,\n  disabled,\n  getValue,\n}:PropsInterface) => {\n  const [value, setValue] = useState<string>(defaultValue || \"\");\n\n  useEffect(() => {\n    if (defaultValue && defaultValue !== value) {\n      setValue(defaultValue);\n    }\n  }, [defaultValue]); //eslint-disable-line\n\n  const handleChange = (currentValue: string) => {\n    setValue(currentValue);\n    if (getValue) getValue(currentValue);\n  };\n\n  return (\n    <Wrapper required={required} isLabel={!!label}>\n      <span className=\"label\">{label}</span>\n      <textarea\n        value={value}\n        placeholder={placeholder}\n        required={required}\n        disabled={disabled}\n        onChange={(event) => {\n          return handleChange(event.target.value);\n        }}\n      />\n    </Wrapper>\n  );\n};\n\nexport default Textarea;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.span`\n  width: 26px;\n  position: relative;\n  display: inline-block;\n  height: 26px;\n  margin-bottom: -10px;\n  margin-left: 10px;\n\n  .info-tooltip {\n    position: absolute;\n    top: -2px;\n    width: 24px;\n    height: 24px;\n    margin: auto;\n    cursor: pointer;\n    transition: 0.3s all ease;\n    .tooltip {\n      transition: 0.3s all ease;\n      visibility: hidden;\n      opacity: 0;\n      position: absolute;\n      bottom: 40px;\n      left: -10px;\n      width: 250px;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      color: ${Color.white};\n      -webkit-text-fill-color: ${Color.white};\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 15px;\n      padding: 10px;\n      border-radius: 6px;\n      z-index: 1;\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        left: 20px;\n        margin-left: -5px;\n        border-width: 5px;\n        border-style: solid;\n        border-color: ${Color.blue} transparent transparent transparent;\n      }\n    }\n    & svg path.circle {\n      fill: #000d46;\n      opacity: 0.6;\n    }\n    &:hover {\n      svg path.circle {\n        fill: ${Color.blue};\n        opacity: 1;\n      }\n      .tooltip {\n        visibility: visible;\n        opacity: 1;\n        z-index: 300;\n      }\n    }\n\n    .tooltip {\n      &.hiddeArrow {\n        bottom: -25px;\n        left: 40px;\n        transition: none;\n\n        &:after {\n          display: none;\n        }\n      }\n    }\n\n    & + input {\n      padding-right: 35px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { Wrapper } from \"./styled\";\n\ninterface IProps {\n  infoText: string;\n}\n\nconst Info = ({ infoText }: IProps) => {\n  return (\n    <Wrapper>\n      <span className=\"info-tooltip\">\n        <InfoIcon />\n        <span className=\"tooltip\">{infoText}</span>\n      </span>\n    </Wrapper>\n  );\n};\n\nexport default Info;\n","import styled from \"styled-components\";\n// import { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  margin-bottom: 20px;\n  form {\n    position: relative;\n    padding: 30px;\n\n    @media (max-width: 500px) {\n      padding: 30px 20px 40px;\n    }\n  }\n  .form-group {\n    margin-bottom: 30px;\n    .label_block {\n      display: inline-flex;\n      color: #000d46;\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 20px;\n      margin-bottom: 10px;\n      text-align: left;\n    }\n  }\n  .first-last-name,\n  .form-row {\n    display: flex;\n    .first-name {\n      flex: 1;\n      margin-right: 15px;\n    }\n    .last-name {\n      flex: 1;\n    }\n    .form-input {\n      flex: 1;\n      margin-right: 15px;\n      margin-left: 15px;\n      @media (max-width: 500px) {\n        margin-left: 0px;\n      }\n    }\n    .form-input:first-child {\n      margin-left: unset;\n    }\n    .form-input:last-child {\n      margin-right: unset;\n    }\n  }\n  .phone-wrap {\n    width: calc(50% - 15px);\n    @media (max-width: 600px) {\n      width: 100%;\n    }\n  }\n  .сity-сountry-postal {\n    display: flex;\n    @media (max-width: 1444px) {\n      flex-direction: column;\n      .form-group {\n        width: 100%;\n        &.сountry,\n        &.postal {\n          margin-left: 0;\n        }\n      }\n    }\n    .сity {\n      flex: 1;\n      margin-right: 15px;\n    }\n    .сountry {\n      flex: 1;\n      margin-right: 15px;\n      margin-left: 15px;\n    }\n    .postal {\n      flex: 1;\n      margin-left: 15px;\n    }\n  }\n\n  .form-error-message {\n    color: red;\n    font-size: 14px;\n    font-weight: 300;\n    text-align: center;\n    margin-bottom: 15px;\n  }\n\n  .button-wrap {\n    text-align: right;\n    button {\n      width: auto;\n      padding: 10px 30px;\n\n      @media (max-width: 600px) {\n        width: 100%;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","export const businessSizeArray = [\n  {\n    value: \"2-10\",\n    label: \"2-10 employees\",\n  },\n  {\n    value: \"11-50\",\n    label: \"11-50 employees\",\n  },\n  {\n    value: \"51-200\",\n    label: \"51-200 employees\",\n  },\n  {\n    value: \"201-500\",\n    label: \"201-500 employees\",\n  },\n  {\n    value: \"501-1000\",\n    label: \"501-1000 employees\",\n  },\n  {\n    value: \"1001+\",\n    label: \"1001+ employees\",\n  },\n];\n","import React, {useEffect, useState} from \"react\";\n\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\n\nimport { useActions } from \"src/hooks/useActions\";\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { PersonalDetailsInterface } from \"src/types/auth\";\n\nimport Input from \"src/components/Input\";\nimport Textarea from \"src/components/Textarea\";\nimport InfoTooltip from \"src/components/infoTooltip\";\n\n// import { ReactComponent as LockIcon } from \"src/assets/img/lock.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport Select from \"../../../components/Select\";\nimport * as Const from \"../../Registration/Step/RegistrationPersonalInformation/consts\";\nimport { SelectorListObj } from \"../../../components/Select/types\";\nimport {getCurrencyAxios} from \"../../../api/auth\";\n\nconst EditPersonalDetails: React.FC = () => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const { updateProfilePersonalDetails } = useActions();\n\n  const [formLoading, setFormLoading] = React.useState<boolean>(false);\n  const [formErrorMessage, setFormErrorMessage] = React.useState<string>(\"\");\n  const [currencyList, setCurrencyList] = useState<SelectorListObj[]>([])\n  const [personalDetails, setPersonalDetails] =\n    React.useState<PersonalDetailsInterface>({\n      email: \"\",\n      first_name: \"\",\n      last_name: \"\",\n      phone: \"\",\n      address: \"\",\n      city: \"\",\n      country: \"\",\n      code: \"\",\n      about_me: \"\",\n      vat_number: \"\",\n      business_name: \"\",\n      business_size: \"\",\n      currency: 2,\n    });\n\n  const [selectedBusinessSize, setSelectedBusinessSize] =\n    React.useState<SelectorListObj>();\n\n  useEffect(() => {\n    getCurrencyAxios().then(res=>{\n      res.data.length > 0 ? setCurrencyList(res.data) :\n      setCurrencyList([{value: 2, label: '€'}])\n    })\n    if (!personalDetails.email && loggedUser.user) {\n      setPersonalDetails({\n        email: loggedUser.user.email,\n        first_name: loggedUser.user.first_name,\n        last_name: loggedUser.user.last_name,\n        phone: loggedUser.user.phone,\n        address: loggedUser.user.user_profile?.address,\n        city: loggedUser.user.user_profile?.city,\n        country: loggedUser.user.user_profile?.country,\n        code: loggedUser.user.user_profile?.postalCode,\n        about_me: loggedUser.user.user_profile?.about,\n        vat_number: loggedUser.user.vat_number,\n        business_size: loggedUser.user.business_size,\n        business_name: loggedUser.user.business_name,\n        currency: loggedUser.user.currency,\n      });\n\n      setSelectedBusinessSize(() =>\n        Const.businessSizeArray.find(\n          (element) => loggedUser.user.business_size === element.value\n        )\n      );\n    }\n  }, []); //eslint-disable-line\n\n  const getValue = (type: string, value: number | string) => {\n    if (formErrorMessage) {\n      setFormErrorMessage(\"\");\n    }\n    setPersonalDetails({ ...personalDetails, [type]: value });\n  };\n\n  const handleUpdateProfile = (event: React.FormEvent) => {\n    event.preventDefault();\n    setFormLoading(true);\n\n    updateProfilePersonalDetails(personalDetails)\n      .then(() => {\n        setFormLoading(false);\n      })\n      .catch((error: any) => {\n        setFormErrorMessage(\n          error?.data?.message\n            ? error?.data?.message\n            : error?.data?.detail\n            ? error?.data?.detail\n            : \"Internal Server Error\"\n        );\n        setFormLoading(false);\n      });\n\n    // registerPersonalInfo({\n    //   email: personalInformation.email,\n    //   first_name: personalInformation.firstName,\n    //   last_name: personalInformation.lastName,\n    //   phone: personalInformation.phoneNumber,\n    //   business_name: personalInformation.businessName,\n    //   business_size: personalInformation.businessSize,\n    //   subscription: personalInformation.businessPlan,\n    // })\n    //   .then(() => {\n    //     setOpenModalCheckEmail(true);\n    //     setFormLoading(false);\n    //   })\n    //   .catch((error) => {\n    //     setFormErrorMessage(\n    //       error?.data?.message\n    //         ? error?.data?.message\n    //         : error?.data?.detail\n    //         ? error?.data?.detail\n    //         : \"Internal Server Error\"\n    //     );\n    //     setFormLoading(false);\n    //   });\n  };\n\n  return (\n    <Wrapper>\n      <form\n        onSubmit={handleUpdateProfile}\n        className={`${formLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"form-innerwrap\">\n          <div className=\"form-group\">\n            <Input\n              type=\"email\"\n              placeholder=\"Account Email\"\n              label=\"Account Email\"\n              required\n              disabled\n              defaultValue={personalDetails.email}\n              getValue={(value) => getValue(\"email\", value)}\n            />\n          </div>\n          <div className=\"first-last-name\">\n            <div className=\"form-group first-name\">\n              <Input\n                placeholder=\"First Name\"\n                label=\"First Name\"\n                required\n                defaultValue={personalDetails.first_name}\n                getValue={(value) => getValue(\"first_name\", value)}\n              />\n            </div>\n            <div className=\"form-group last-name\">\n              <Input\n                placeholder=\"Last Name\"\n                label=\"Last Name\"\n                required\n                defaultValue={personalDetails.last_name}\n                getValue={(value) => getValue(\"last_name\", value)}\n              />\n            </div>\n          </div>\n          <div style={{display: 'flex'}}>\n            <div className=\"form-group phone-wrap phone-wrap-white\" style={{flex: 1, marginRight: '15px'}}>\n              <span className=\"label\">Phone Number</span>\n              <PhoneInput\n                value={personalDetails.phone}\n                containerClass=\"input-phone\"\n                country=\"us\"\n                inputProps={{\n                  name: \"phoneNumber\",\n                  // required: true,\n                  minLength: 6,\n                }}\n                onChange={(value, data, event) => {\n                  // if (event.target.classList.contains(\"form-control\")) {\n                  //     if (event.target.value.length > 6) {\n                  //       event.target.setCustomValidity(\"\");\n                  //     } else {\n                  //       event.target.setCustomValidity(\n                  //         \"Min length is 6 characters\"\n                  //       );\n                  //     }\n                  //   }\n                  getValue(\"phone\", value);\n                }}\n              />\n              {/* <span className=\"lock-icon-wrap\">\n              <LockIcon />\n            </span> */}\n            </div>\n            <div className=\"form-group\" style={{flex: 1}}>\n              <Select\n                label=\"Currency\"\n                selectorList={currencyList}\n                positionForShow=\"bottom\"\n                required\n                getValue={(value) => getValue(\"currency\", value)}\n                defaultValue={currencyList.find(currency=> currency.value === personalDetails.currency)}\n                hideSelectorFilter\n              />\n            </div>\n          </div>\n          <div className=\"form-group\">\n            <Input\n              placeholder=\"Your Business Billing Address\"\n              label=\"Business Billing Address\"\n              required\n              defaultValue={personalDetails.address}\n              getValue={(value) => getValue(\"address\", value)}\n            />\n          </div>\n          <div className=\"сity-сountry-postal\">\n            <div className=\"form-group сity\">\n              <Input\n                label=\"City\"\n                placeholder=\"Your city\"\n                required\n                defaultValue={personalDetails.city}\n                getValue={(value) => getValue(\"city\", value)}\n              />\n            </div>\n            <div className=\"form-group сountry\">\n              <Input\n                label=\"Country\"\n                placeholder=\"Your country\"\n                required\n                defaultValue={personalDetails.country}\n                getValue={(value) => getValue(\"country\", value)}\n              />\n            </div>\n            <div className=\"form-group postal\">\n              <Input\n                label=\"Postal Code\"\n                placeholder=\"Your postal code\"\n                required\n                defaultValue={personalDetails.code}\n                getValue={(value) => getValue(\"code\", value)}\n              />\n            </div>\n          </div>\n          <div className=\"first-last-name\">\n            <div className=\"form-group form-input\">\n              <Input\n                label=\"VAT Number\"\n                placeholder=\"VAT Number\"\n                required\n                defaultValue={personalDetails.vat_number}\n                getValue={(value) => getValue(\"vat_number\", value)}\n              />\n            </div>\n            <div className=\"form-group form-input\">\n              <Input\n                label=\"Business Name\"\n                placeholder=\"Business Name\"\n                required\n                defaultValue={personalDetails.business_name}\n                getValue={(value) => getValue(\"business_name\", value)}\n              />\n            </div>\n          </div>\n          <div className=\"form-group form-input\">\n            <Select\n              label=\"Business Size\"\n              selectorList={Const.businessSizeArray}\n              positionForShow=\"top\"\n              required\n              getValue={(value) => getValue(\"business_size\", value)}\n              defaultValue={selectedBusinessSize}\n              hideSelectorFilter\n            />\n          </div>\n          <div className=\"form-group\">\n            <div className=\"label_block\">\n              About Your Company\n              <InfoTooltip\n                infoText=\"“In this section enter information about your business, it will be displayed in the mobile app to users who may want to know more about your business.e.g. “We are an artisan bakery that started in 2015. We use traditional methods to create delicious, handmade breads, pastries and cakes”\"/>\n            </div>\n            <Textarea\n              placeholder=\"Please include a short bio about your company here. Your customers may see this.\"\n              required\n              defaultValue={personalDetails.about_me}\n              getValue={(value) => getValue(\"about_me\", value)}\n            />\n          </div>\n          {formErrorMessage && (\n            <div className=\"form-error-message\">{formErrorMessage}</div>\n          )}\n          <div className=\"button-wrap\">\n            <button type=\"submit\" className=\"btn-blue\">\n              Update Profile\n            </button>\n          </div>\n        </div>\n      </form>\n    </Wrapper>\n  );\n};\n\nexport default EditPersonalDetails;\n","import styled, { keyframes } from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  .row {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .pages-wrap {\n    margin-right: 30px;\n    width: calc(75% - 30px);\n  }\n\n  .short-user-info-wrap {\n    width: 25%;\n    margin-top: 60px;\n  }\n  .short-user-info {\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px;\n    box-sizing: border-box;\n    position: relative;\n    .dropZone {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      &.with-photo {\n        & > div {\n          .dropZone-content-text {\n            opacity: 0;\n            transition: 0.5s all ease;\n          }\n        }\n        &:hover {\n          & > div {\n            .dropZone-content-text {\n              opacity: 1;\n            }\n          }\n        }\n      }\n\n      & > div {\n        position: relative;\n        height: 100%;\n        outline: none;\n        cursor: pointer;\n\n        &.active_true {\n          border-color: ${Color.blueDark};\n          box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n        }\n\n        &.active_false {\n          min-height: 200px;\n        }\n\n        input {\n          max-width: 100%;\n          display: block !important;\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          left: 0;\n          margin: auto;\n          opacity: 0;\n          z-index: -1;\n        }\n\n        .img {\n          line-height: 0;\n        }\n\n        .dropZone-content-text {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n          background-color: rgba(255, 255, 255, 0.85);\n\n          border: 1.5px dashed ${Color.blueDark};\n          border-radius: 4px;\n          outline: none;\n          padding: 30px;\n          cursor: pointer;\n          transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n          & > svg {\n            margin-bottom: 5px;\n            animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1)\n              infinite;\n            path[fill-rule=\"evenodd\"] {\n              fill: ${Color.blueDark};\n            }\n          }\n\n          .text {\n            color: ${Color.blueDark};\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            span {\n              margin-bottom: 5px;\n            }\n            .title {\n              font-size: 18px;\n              font-weight: 300;\n              line-height: 23px;\n            }\n            .description {\n              opacity: 0.6;\n              font-size: 12px;\n              font-weight: 300;\n              line-height: 15px;\n            }\n            .file-name {\n              font-size: 21px;\n              font-weight: 300;\n              line-height: 23px;\n            }\n          }\n        }\n      }\n    }\n    .img {\n      img {\n        max-width: 100%;\n        width: 100%;\n      }\n    }\n    .name {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      text-align: center;\n      margin-top: 20px;\n      margin-bottom: 3px;\n    }\n    .joined {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 22px;\n      text-align: center;\n    }\n  }\n  @media (max-width: 1444px) {\n    .row {\n      flex-direction: column-reverse;\n      .short-user-info-wrap {\n        width: 325px;\n        margin: 0 auto 40px;\n        .short-user-info {\n          margin-right: 30px;\n        }\n      }\n      .pages-wrap {\n        width: 100%;\n      }\n    }\n  }\n  @media (max-width: 640px) {\n    .first-last-name {\n      flex-direction: column;\n      .form-group {\n        width: 100%;\n      }\n      .last-name {\n        margin-left: 0;\n      }\n    }\n    .phone-wrap {\n      width: 100%;\n    }\n    .pages-wrap {\n      .nav-subpages {\n        flex-direction: column;\n        .nav-subpage {\n          width: 100%;\n          background: ${Color.white};\n          display: flex;\n          justify-content: center;\n          border-bottom: 1px solid #f7f8fc;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC } from \"react\";\nimport { Route, Switch, Link, useLocation } from \"react-router-dom\";\n\nimport { useDropzone } from \"react-dropzone\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\n// import { getManageBillingUrlAxios } from \"src/api/userProfile\";\nimport { ReactComponent as UploadIcon } from \"src/assets/img/upload.svg\";\n\nimport EditPersonalDetails from \"./EditPersonalDetails\";\n// import UpdatePlan from \"./UpdatePlan\";\n\nimport { Wrapper } from \"./styled\";\n\nconst UserProfile: FC = () => {\n  const location = useLocation();\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const { updateProfilePhoto } = useActions();\n\n  const [loadingPhoto, setLoadingPhoto] = React.useState<boolean>(false);\n  // const [loadingRedirectManageBilling, setLoadingRedirectManageBilling] =\n  //   React.useState<boolean>(false);\n\n  const onDrop = (acceptedFiles: any) => {\n    if (acceptedFiles[0]) {\n      setLoadingPhoto(true);\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"file\", acceptedFiles[0]);\n      updateProfilePhoto(requestFormData)\n        .then(() => {\n          setLoadingPhoto(false);\n        })\n        .catch(() => {\n          setLoadingPhoto(false);\n        });\n    }\n  };\n\n  const { isDragActive, getRootProps, getInputProps } = useDropzone({\n    accept: ['image/jpeg', 'image/jpg', 'image/png'],\n    multiple: false,\n    onDrop,\n  });\n\n  // const redirectManageBilling = () => {\n  //   setLoadingRedirectManageBilling(true);\n  //   getManageBillingUrlAxios()\n  //     .then((response) => {\n  //       setLoadingRedirectManageBilling(false);\n  //       window.open(response.data.url, \"_blank\");\n  //     })\n  //     .catch(() => {\n  //       setLoadingRedirectManageBilling(false);\n  //     });\n  // };\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">User Profile</div>\n      <div className=\"row\">\n        <div className=\"pages-wrap\">\n          <div className=\"nav-subpages\">\n            <div\n              className={`nav-subpage ${\n                location.pathname ===\n                \"/account-management/edit-personal-details\"\n                  ? \"active-page\"\n                  : \"\"\n              }`}\n            >\n              <Link to=\"/account-management/edit-personal-details\">\n                Edit Personal Details\n              </Link>\n            </div>\n            {/*<div*/}\n            {/*  className={`nav-subpage with-loading ${*/}\n            {/*    loadingRedirectManageBilling ? \"loading-blue\" : \"\"*/}\n            {/*  }`}*/}\n            {/*>*/}\n            {/*  <button type=\"button\" onClick={() => redirectManageBilling()}>*/}\n            {/*    Manage Billing*/}\n            {/*  </button>*/}\n            {/*</div>*/}\n            {/* <div\n              className={`nav-subpage ${\n                location.pathname === \"/account-management/update-plan\"\n                  ? \"active-page\"\n                  : \"\"\n              }`}\n            >\n              <Link to=\"/account-management/update-plan\">Update Plan</Link>\n            </div> */}\n          </div>\n          <div className=\"content-page\">\n            <Switch>\n              <Route\n                exact\n                path=\"/account-management/edit-personal-details\"\n                component={EditPersonalDetails}\n              />\n              {/* <Route\n                exact\n                path=\"/account-management/update-plan\"\n                component={UpdatePlan}\n              /> */}\n            </Switch>\n          </div>\n        </div>\n        <div className=\"short-user-info-wrap\">\n          <div className=\"short-user-info\">\n            <div className={`photo-wrap ${loadingPhoto ? \"loading-blue\" : \"\"}`}>\n              <div\n                className={`dropZone ${\n                  loggedUser.user.photo ? \"with-photo\" : \"\"\n                }`}\n              >\n                <div {...getRootProps()} className={`active_${isDragActive}`}>\n                  {\" \"}\n                  {/*eslint-disable-line*/}\n                  <input {...getInputProps()} required />{\" \"}\n                  {/*eslint-disable-line*/}\n                  {loggedUser.user.photo ? (\n                    <div className=\"img\">\n                      <img src={loggedUser.user.photo} alt=\"\" />\n                    </div>\n                  ) : null}\n                  <div className=\"dropZone-content-text\">\n                    <UploadIcon />\n                    <span className=\"text\">\n                      <span className=\"title\">\n                        {loggedUser.user.photo\n                          ? \"Update your photo\"\n                          : \"Please upload your photo\"}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div className=\"name\">{loggedUser.user.full_name}</div>\n            <div className=\"joined\">\n              joined in{\" \"}\n              {new Date(loggedUser.user.created).toLocaleString(\"en\", {\n                month: \"long\",\n              })}{\" \"}\n              {new Date(loggedUser.user.created).getFullYear()}\n            </div>\n          </div>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default UserProfile;\n","import React, { FC, useRef, useState } from \"react\";\n\nimport { ReactComponent as EditIcon } from \"../../../../assets/img/edit.svg\";\nimport { PointInput, PointWrapper } from \"./styled\";\nimport { updatePointsCountAxios } from \"../../../../api/customers\";\n\ninterface IProp {\n  points: string;\n  pointId: string;\n  userId: string;\n  getCustomerList: any;\n  getUserPointInfo: any;\n  canEdit: boolean;\n  minValue: number;\n  stamp_activity?: any;\n}\n\nconst EditablePoint: FC<IProp> = ({\n                                    points,\n                                    minValue,\n                                    pointId,\n                                    canEdit,\n                                    userId,\n                                    getCustomerList,\n                                    getUserPointInfo,\n                                    stamp_activity\n                                  }) => {\n  const ref = useRef<HTMLInputElement | null>(null);\n  const [point, setPoint] = useState(points ?? \"-\");\n\n  const editPoint = () => {\n    if (ref.current) {\n      ref.current.focus();\n      ref.current.readOnly = false;\n    }\n  };\n\n  const changePoints = (e: any) => {\n    let value = e.target.value;\n\n    if (minValue > e.target.value) {\n      value = minValue;\n    }\n\n    if (+point !== +value) {\n      setPoint(value);\n    }\n  };\n\n  const handleBlur = () => {\n    if (ref.current) {\n      ref.current.readOnly = true;\n      if (+points !== +point) {\n        updatePointsCountAxios({ activity_id: pointId, points: `${+point}` }).then(r => {\n          getCustomerList();\n          getUserPointInfo(userId);\n        });\n      }\n    }\n  };\n\n  return (\n    <PointWrapper>\n      <PointInput type=\"number\" value={Object.keys(stamp_activity).length ? stamp_activity.stamps : point} readOnly ref={ref} onChange={changePoints} onBlur={handleBlur}\n                  min={minValue} />\n      {\n        canEdit && <button type=\"button\" onClick={editPoint}>\n          <EditIcon />\n        </button>\n      }\n    </PointWrapper>\n  );\n};\n\nexport default EditablePoint;\n","import React, { FC, useEffect, useState } from \"react\";\nimport { format } from \"date-fns\";\nimport DataTable from \"react-data-table-component\";\n\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { CustomerUserInterface } from \"src/types/customer\";\nimport EditablePoint from \"./EditablePoinr\";\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\nimport { getCustomerInfoAxios } from \"../../../../api/customers\";\n\nimport { WrapperTableList } from \"./styled\";\nimport TransactionInformation from \"../TransactionInformation/TransactionInformation\";\nimport moment from \"moment\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n  requestParamtrs: any;\n}\n\nfunction vouchersName(vouchers: any[]) {\n  return vouchers.reduce((acc: any, voucher: any) => {\n    const { reward_name } = voucher;\n    acc.push(reward_name);\n    return acc;\n  }, []).join(\", \") || \"-\";\n}\n\nfunction getRewards(info: CustomerUserInterface, key: string) {\n  const { vouchers, stamp_activity, used_vouchers } = info;\n\n  if (key === \"earned\") {\n    // @ts-ignore\n    return vouchers.length ? vouchersName(vouchers) : stamp_activity ? stamp_activity[key] : \"-\";\n  } else {\n    // @ts-ignore\n    return used_vouchers.length ? vouchersName(used_vouchers) : stamp_activity ? stamp_activity[key] : \"-\";\n  }\n\n}\n\nconst ExpandableTableList: FC<IProps> = ({ data, getCustomerList, requestParamtrs }) => {\n  const [userInfo, setUserInfo] = useState<Array<CustomerUserInterface> | null>(null);\n  const { photo, first_name, last_name, promotion_type } = data;\n  const type = promotion_type === \"Stamp\" ? \"Stamps\" : \"Points\";\n  const [showTransactionDetail, setShowTransactionDetail] = useState(false);\n  const [customerInformation, setCustomerInformation] = useState<any>({});\n  const [customer, setCustomer] = useState<any>({});\n\n  const getUserPointInfo = (id: string) => {\n    console.log(id, requestParamtrs.search, requestParamtrs.searchType, requestParamtrs.location, moment(requestParamtrs.startDate).format(\"DD-MM-yyyy\"), moment(requestParamtrs.endDate).format(\"DD-MM-yyyy\"))\n    getCustomerInfoAxios(id, requestParamtrs.search, requestParamtrs.searchType, requestParamtrs.location, moment(requestParamtrs.startDate).format(\"DD-MM-yyyy\"), moment(requestParamtrs.endDate).format(\"DD-MM-yyyy\")).then((response) => {\n      setUserInfo(response.data.activities);\n    });\n  };\n\n  useEffect(() => {\n    getUserPointInfo(data.id);\n  }, [data.id, requestParamtrs]);\n\n  const customerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {data.photo ? (\n              <img src={photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"150px\",\n      cell: (): JSX.Element => {\n        return (\n          <div>\n            {first_name} {last_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: type,\n      center: true,\n      cell: ({ min_points, can_edit, points, activity_id, stamp_activity }: CustomerUserInterface): JSX.Element => {\n        return <EditablePoint minValue={min_points} canEdit={can_edit} points={points}\n                              pointId={activity_id} getCustomerList={getCustomerList} stamp_activity={stamp_activity}\n                              getUserPointInfo={getUserPointInfo} userId={data.id} />;\n      }\n    },\n    {\n      name: `${(type === \"Points\") ? \"Reward\" : type} Earned`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"earned\")}</div>;\n      }\n    },\n    {\n      name: `${(type === \"Points\") ? \"Reward\" : type} Used`,\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{getRewards(row, \"used\")}</div>;\n      }\n    },\n    {\n      name: \"Staff i.d.\",\n      omit: type !== \"Stamps\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.seller || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Store\",\n      omit: type === \"Stamps\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.store || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS.I.D\",\n      omit: type === \"Stamps\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.pos_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS User .I.D\",\n      omit: type === \"Stamps\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.pos_user_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Receipt No.\",\n      omit: type === \"Stamps\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return <div>{row.receipt || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: CustomerUserInterface): JSX.Element => {\n        return (\n          <div>\n            {row.date\n              ? format(new Date(row.date), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            {row.basket ? (<div className={\"show-order\"} data-tag=\"allowRowEvents\">\n              <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"} />\n            </div>) : null}\n\n          </>\n        );\n      }\n    }\n  ];\n\n  return (\n    <WrapperTableList>\n      {!!userInfo &&\n        <>\n          <DataTable\n            data={userInfo}\n            columns={customerTableColumns}\n            noHeader\n            onRowClicked={(row: any) => {\n              if(row.basket && row.basket.productsList.length > 0){\n                setShowTransactionDetail(true);\n                row.basket && setCustomerInformation(row.basket);\n                setCustomer(row);\n              } else {\n                setShowTransactionDetail(false);\n              }\n            }}\n            expandableRows\n            expandableRowsHideExpander={true}\n            expandableRowExpanded={(row) => (row === customer)}\n            onRowExpandToggled={(bool, row) => setCustomer(row)}\n            expandOnRowClicked={true}\n            expandableRowsComponent={\n              <TransactionInformation show={showTransactionDetail} customerInformation={customerInformation}\n                                      productList={customerInformation.productsList} customer={customer}\n                                      setShow={setShowTransactionDetail} />\n            }\n          />\n\n        </>\n      }\n    </WrapperTableList>\n\n  );\n};\n\nexport default ExpandableTableList;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .top-bar {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    margin-bottom: 20px;\n    &>div{\n      margin-bottom: 10px;\n    }\n    .select {\n      margin-bottom: 2px;\n    }\n    input {\n      padding: 10px 32px 10px 14px;\n    }\n      .isSelect {\n          position: relative;\n          input {\n              padding: 10px 16px 10px 40px;\n          }\n          svg{\n              position: absolute;\n              top: 8px;\n              left: 8px;\n          }\n          svg path:not([fill=\"none\"]) {\n              fill: #666e90;\n          }\n      }\n  }\n  .search-wrap {\n    width: 320px;\n    max-width: 100%;\n    margin-left: 20px;\n    &>div{\n      padding-bottom: 0;\n    }\n  }\n  .groups-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n    ul {\n      button {\n        text-align: left;\n      }\n    }\n    .calendar-wrapper .react-datepicker-wrapper .react-datepicker__input-container{\n      input{\n        width: 100%;\n        height: auto;\n        box-sizing: border-box;\n        padding-right: 10px;\n      }\n    }\n  }\n  .locations-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n\n  .table-wrap {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    &.loading-blue {\n      min-height: 300px;\n    }\n  }\n  .table {\n    \n    button[data-testid] {\n      &:hover:not(:disabled),\n      &:focus {\n        background: none;\n      }\n    }\n    .rdt_Table {\n    }\n    .rdt_TableHead {\n      border: none;\n      .rdt_TableCol {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n      .rdt_TableHeadRow{\n        min-height: 35px;\n      }\n    }\n    .rdt_TableRow {\n      border: none;\n      padding:2px 0;\n      min-height: 30px;\n      &:nth-child(2n + 1) {\n        background-color: ${Color.blueLightBackground};\n      }\n      .photo {\n        line-height: 0;\n        img {\n          height: 30px;\n          width: 30px;\n          border-radius: 2px;\n          object-fit: cover;\n        }\n      }\n      .full-name-wrapp{\n          width: 100%;\n          &:hover{\n              .userDatails{display: block}\n          }\n          .userDatails{\n              display: none;\n              border-radius: 5px;\n              background-color: ${Color.white};\n              box-shadow: 0 0 10px 0 #000000;\n              padding: 5px;\n              z-index: 999999;\n              opacity: 1;\n          }\n      }\n      .rdt_TableCell {\n        &:nth-child(n + 2) {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n        }\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n\n  .paginate-prepage {\n    background-color: ${Color.white};\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 25px 30px;\n  }\n  .paginate {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .prev-page,\n    .next-page {\n      height: 32px;\n      width: 32px;\n      border: 1px solid rgba(47, 54, 64, 0.2);\n      border-radius: 3px;\n      background-color: ${Color.white};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      &:hover:not([disabled]) {\n        box-shadow: rgba(47, 54, 64, 0.25) 0px 0px 10px 0px;\n        border: 1px solid ${Color.grey};\n      }\n      &:disabled {\n        opacity: 0.5;\n        background: rgba(0, 0, 0, 0.1);\n        cursor: initial;\n      }\n    }\n    .text {\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n  }\n  .perpage {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .text {\n      margin-right: 12px;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .select {\n      margin-bottom: 0;\n      width: 90px;\n      & > input,\n      & > ul {\n        color: ${Color.blueDarkText};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n      }\n      & > input {\n        padding: 8px 30px 7px 10px;\n      }\n      & > ul {\n        & > button {\n          padding: 6px 10px;\n        }\n      }\n    }\n  }\n\n  .nothing-found {\n    padding: 50px 15px;\n    text-align: center;\n    color: ${Color.blueDarkText};\n    font-size: 21px;\n    font-weight: 300;\n    line-height: 20px;\n  }\n  @media (max-width: 1140px) {\n    .top-bar {\n      flex-direction: column-reverse;\n      align-items: start;\n      margin-bottom: 10px;\n\n      .locations-wrap,\n      .groups-wrap {\n        margin: 0 0 10px;\n      }\n      .search-wrap {\n        margin-left: 0;\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {FC, useEffect, useState} from \"react\";\nimport { format } from \"date-fns\";\n\nimport DataTable from \"react-data-table-component\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as SearchIcon } from \"src/assets/img/search.svg\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport Pagination from \"../../../components/Pagination\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport ExpandableTableList from \"./EditableTable/ExpandableTableList\";\n\nimport {getCustomerListAxios} from \"src/api/customers\";\nimport {\n  CustomerRequestInterface,\n  CustomerInterface,\n  CustomerInfoInterface\n} from \"src/types/customer\";\n\nimport { Wrapper } from \"./styled\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\nconst arrangeCustomerSelect = [\n  { value: \"last_name:asc\", label: \"Sort A-Z\" },\n  { value: \"last_name:desc\", label: \"Sort Z-A\" },\n  { value: \"id:asc\", label: \"Sort Oldest → Newest\" },\n  { value: \"id:desc\", label: \"Sort Newest → Oldest\" },\n  { value: \"last_visit:desc\", label: \"Check-ins Most Recent → Oldest\" },\n  { value: \"last_visit:asc\", label: \"Check-ins Oldest → Most Recent\" },\n  { value: \"check_in_count:desc\", label: \"Sort Check-ins High → Low\" },\n  { value: \"check_in_count:asc\", label: \"Sort Check-ins Low → High\" },\n  { value: \"total_spend:desc\", label: \"Sort Points High → Low\" },\n  { value: \"total_spend:asc\", label: \"Sort Points Low → High\" }\n];\n\nconst UserProfile: FC = () => {\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  const [activeChart, setActiveChart] = useState<any>(\"All\");\n  const setStartDate = () =>{\n    const day = loggedUser.user.created.split(' ')[0].split('-')[1]\n    const month = loggedUser.user.created.split(' ')[0].split('-')[0]\n    const year = loggedUser.user.created.split(' ')[0].split('-')[2]\n    return `${year}-${month}-${day}`\n  }\n  const [dates, setDatesState] = useState({\n    startDate:moment(setStartDate()).format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n  const [requestParameters, setRequestParameters] =\n    React.useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n      location: \"\",\n      // searchType: \"0\",\n      group: \"\",\n      sort_type: \"last_name:asc\",\n    });\n  const [customerListLoading, setCustomerListLoading] =\n    React.useState<boolean>(true);\n  const [customerList, setCustomerList] =\n    React.useState<Array<CustomerInterface> | null>(null);\n\n  const [customerType, setCustomerType] = React.useState<string | number>(\"\");\n\n  const [customerListInfo, setCustomerListInfo] =\n    React.useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_users_count: 0,\n    });\n\n  const { groups, locations } = useTypedSelector(\n    (state) => state.groupsLocations\n  );\n\n  const { getGroupsLocations } = useActions();\n  \n  useEffect(() => {\n    getGroupsLocations();\n  }, []);\n\n  const getCustomerList = () => {\n    setCustomerListLoading(true);\n    getCustomerListAxios({\n      ...requestParameters,\n      startDate: moment(dates.startDate).format(\"DD-MM-yyyy\"),\n      endDate: moment(dates.endDate).format( \"DD-MM-yyyy\"),\n      offline: activeChart !== 'All'\n    }).then((response) => {\n      setCustomerList(response.data.users);\n      setCustomerType(\n        response.data.users[0]?.promotion_type === \"Stamp\" ? 1 : 0\n      );\n      setCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n      });\n\n      setCustomerListLoading(false);\n    }).catch((err) => {\n      console.log(err);\n\n    });\n  };\n\n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  useEffect(() => {\n      getCustomerList();\n  }, [requestParameters.group, requestParameters.location, requestParameters.page, requestParameters.sort_type, requestParameters.searchType, activeChart, dates]);\n\n  useEffect(() => {\n    if (requestParameters.search !== null) {\n      const timeout = setTimeout(() => {\n        getCustomerList();\n      }, 500);\n\n      return () => clearTimeout(timeout);\n    }\n  }, [requestParameters.search]);\n\n  useEffect(() => {\n    if (Number(requestParameters.page) === 1 && customerListInfo.limit !== 0) {\n      getCustomerList();\n    }\n  }, [requestParameters.limit]);\n  \n  const handleChangeActiveChart = (chartName: any) => {\n    setActiveChart(chartName);\n  };\n\n  const customerSpendTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className={'full-name-wrapp'} >\n            <p>{row.first_name} {row.last_name}</p>\n            <div className={'userDatails'}><p>Email: {row.email}</p><p>Number: {row.phone}</p></div>\n          </div>\n        );\n      }\n    },\n    {\n      name: customerType ? \"Live Stamps\" : \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{customerType ? row.stamp_end_value ?? \"-\"  : row.end_value ?? \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Spend Balance\",\n      omit: !loggedUser.user.allow_spend_card,\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.spend_balance || \"0\"}</div>;\n      }\n    },\n    {\n      name: \"Used Spend Balance \",\n      omit: !loggedUser.user.allow_spend_card,\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.used_spend_balance || \"0\"}</div>;\n      }\n    },\n    {\n      name: customerType ? \"Lifetime stamps\" : \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        let neeFormat = row.last_visit.replace(\" \", \"T\");\n        return (\n          <div>\n            {row.last_visit\n              ? format(new Date(neeFormat), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    }\n  ];\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Customers</div>\n      <div className=\"top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) => setRequestParameters({...requestParameters, search: value})}\n          />\n        </div>\n        {/*<div className=\"groups-wrap\">*/}\n        {/*  <Select*/}\n        {/*    placeholder=\"What you search\"*/}\n        {/*    selectorList={searchType}*/}\n        {/*    positionForShow=\"bottom\"*/}\n        {/*    defaultValue={searchType[0]}*/}\n        {/*    required*/}\n        {/*    getValue={(value) =>*/}\n        {/*      handleChangeRequestParamtrs(\"searchType\", value)*/}\n        {/*    }*/}\n        {/*    hideSelectorFilter*/}\n        {/*  />*/}\n        {/*</div>*/}\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"All Groups\"\n            selectorList={groups}\n            disabled={!(groups.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => handleChangeRequestParamtrs(\"group\", value)}\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"Arrange Customer List\"\n            selectorList={arrangeCustomerSelect}\n            positionForShow=\"bottom\"\n            defaultValue={arrangeCustomerSelect[0]}\n            required\n            getValue={(value) =>\n              handleChangeRequestParamtrs(\"sort_type\", value)\n            }\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"locations-wrap\">\n          <Select\n            placeholder=\"All Locations\"\n            selectorList={locations}\n            disabled={!(locations.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => handleChangeRequestParamtrs(\"location\", value)}\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"groups-wrap\" style={{minWidth: '200px', width: \"auto\"}}>\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{ startDate: moment(setStartDate()), endDate: new Date(), ranges: ranges }}\n          \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>\n      </div>\n      {loggedUser.user.allow_offline_customers ? <div className=\"nav-subpages\">\n        <div\n          className={`nav-subpage ${\n            activeChart === \"All\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"All\")}\n          >\n            Your Customers\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Offline\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Offline\")}\n          >\n            Offline Customers\n          </button>\n        </div>\n      </div>  : null}\n      \n      <div\n        className={`table-wrap ${customerListLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {customerList !== null ? (\n            customerList.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={customerSpendTableColumns}\n                    data={customerList}\n                    expandableRows\n                    expandableRowsComponent={\n                      <ExpandableTableList data={customerList} getCustomerList={getCustomerList}\n                                           requestParamtrs={{...requestParameters, ...dates}}/>\n                    }\n                  />\n                </div>\n                <Pagination {...customerListInfo} requestLimit={requestParameters.limit}\n                            setRequestParamtrs={setRequestParameters}/>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default UserProfile;\n","import styled from \"styled-components\";\n\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .delete-modal {\n    text-align: center;\n    padding: 60px 50px;\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n  .table {\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n  @media (max-width: 670px) {\n    .top-bar {\n      margin-bottom: 10px;\n      flex-direction: column;\n      align-items: start;\n\n      .search-wrap {\n        margin: 10px 0 0;\n      }\n    }\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {FC, useEffect, useState} from \"react\";\nimport { Link } from \"react-router-dom\";\nimport DataTable from \"react-data-table-component\";\n\nimport Modal from \"src/components/Modal\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as SearchIcon } from \"src/assets/img/search.svg\";\nimport { ReactComponent as EditIcon } from \"src/assets/img/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"src/assets/img/delete.svg\";\nimport { ReactComponent as ArrowBackIcon } from \"src/assets/img/arrowBack.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"src/assets/img/arrowForward.svg\";\n\nimport {\n  getCustomerGroupsAxios,\n  deleteCustomerGroupAxios, getCustomerListWithFilterGroupsAxios, getCustomerGroupInfoAxios,\n} from \"src/api/customers\";\nimport {\n  CustomerGroupsRequestInterface,\n  CustomerGroupsInterface,\n  CustomerGroupsInfoInterface,\n  customerPerPage, CustomerInterface,\n} from \"src/types/customer\";\n\nimport { Wrapper } from \"./styled\";\nimport userDefaultImg from \"../../../assets/img/default-user.jpg\";\n\nconst CustomerGroups: FC = () => {\n  const [requestParamtrs, setRequestParamtrs] =\n    React.useState<CustomerGroupsRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [customerGroupsLoading, setCustomerGroupsLoading] =\n    React.useState<boolean>(true);\n  const [selectedGroup, setSelectedGroup] = useState<any>({})\n  const [selectedGroupUsers, setSelectedGroupUsers] = useState<any[]>([])\n  const [customerGroups, setCustomerGroups] =\n    React.useState<Array<CustomerGroupsInterface> | null>(null);\n  const [customerGroupsInfo, setCustomerGroupsInfo] =\n    React.useState<CustomerGroupsInfoInterface>({\n      count_groups: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_groups_count: 0,\n    });\n\n  /*   deleteGroupAsk   */\n  const [deleteCustomerGroupLoading, setDeleteCustomerGroupLoading] =\n    React.useState<boolean>(false);\n  const [deleteCustomerGroup, setDeleteCustomerGroup] =\n    React.useState<CustomerGroupsInterface | null>(null);\n  const deleteGroupAsk = (obj: CustomerGroupsInterface) => {\n    setDeleteCustomerGroup(obj);\n  };\n  const hendeldeleteGroupConfirm = () => {\n    if (deleteCustomerGroup) {\n      setDeleteCustomerGroupLoading(true);\n      deleteCustomerGroupAxios(deleteCustomerGroup.id.toString())\n        .then(() => {\n          setCustomerGroupsLoading(true);\n          getCustomerGroupsAxios({ limit: \"10\", page: \"1\", search: null }).then(\n            (response) => {\n              setCustomerGroups(response.data.groups);\n              setCustomerGroupsInfo({\n                count_groups: Number(response.data.count_groups),\n                limit: Number(response.data.limit),\n                page: Number(response.data.page),\n                total_pages_count: Number(response.data.total_pages_count),\n                total_groups_count: Number(response.data.total_groups_count),\n              });\n              setCustomerGroupsLoading(false);\n            }\n          );\n          setDeleteCustomerGroupLoading(false);\n          setDeleteCustomerGroup(null);\n        })\n        .catch(() => {});\n    }\n  };\n  \n  const getCustomerGroupUsers = (id: number) =>{\n    getCustomerGroupInfoAxios(`${id}`).then(res=>{\n      if(res.data.filters){\n        const requestParams = {limit: \"0\",\n          page: \"1\",\n          search: null, filters: res.data.filters}\n        getCustomerListWithFilterGroupsAxios(requestParams).then(res=>{setSelectedGroupUsers(res.data.users ?? [])})\n        \n      } else {setSelectedGroupUsers(res.data.users ?? [])}\n    })\n    \n  }\n  \n  const manualChoosedCustomerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    },\n  ];\n\n  const customerGroupsTableColumns = [\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerGroupsInterface): JSX.Element => {\n        return <div>{row.name}</div>;\n      },\n    },\n    {\n      name: \"Description\",\n      minWidth: \"350px\",\n      cell: (row: CustomerGroupsInterface): JSX.Element => {\n        return <div>{row.description}</div>;\n      },\n    },\n    {\n      name: \"Type\",\n      minWidth: \"200px\",\n      cell: (row: CustomerGroupsInterface): JSX.Element => {\n        return <div>{row.group_type_title}</div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"200px\",\n      cell: (row: CustomerGroupsInterface): JSX.Element => {\n        return (\n          <div className=\"action\">\n            <Link\n              to={`/customers/edit-customer-group/${row.id}`}\n              className=\"edit\"\n            >\n              <EditIcon />\n            </Link>\n            <button\n              type=\"button\"\n              className=\"delete\"\n              onClick={() => deleteGroupAsk(row)}\n            >\n              <DeleteIcon />\n            </button>\n          </div>\n        );\n      },\n    },\n  ];\n\n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number\n  ) => {\n    setRequestParamtrs((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  const getCustomerGroups = () => {\n    setCustomerGroupsLoading(true);\n    getCustomerGroupsAxios(requestParamtrs).then((response) => {\n      setCustomerGroups(response.data.groups);\n      setCustomerGroupsInfo({\n        count_groups: Number(response.data.count_groups),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_groups_count: Number(response.data.total_groups_count),\n      });\n      setCustomerGroupsLoading(false);\n    });\n  };\n\n  useEffect(() => {\n    getCustomerGroups();\n  }, [requestParamtrs.page]); // eslint-disable-line\n\n  useEffect(() => { // eslint-disable-line\n    if (requestParamtrs.search !== null) {\n      const timeout = setTimeout(() => {\n        getCustomerGroups();\n      }, 500);\n\n      return () => clearTimeout(timeout);\n    }\n  }, [requestParamtrs.search]); // eslint-disable-line\n\n  useEffect(() => {\n    if (Number(requestParamtrs.page) === 1 && customerGroupsInfo.limit !== 0) {\n      getCustomerGroups();\n    }\n  }, [requestParamtrs.limit]); // eslint-disable-line\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Customer Groups</div>\n      <div className=\"top-bar\">\n        <Link to=\"/customers/create-customer-group\" className=\"white-btn-link\">\n          Create new customer groups\n        </Link>\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon />}\n            getValue={(value) => handleChangeRequestParamtrs(\"search\", value)}\n          />\n        </div>\n      </div>\n\n      <div\n        className={`table-wrap ${customerGroupsLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {customerGroups !== null ? (\n            customerGroups.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={customerGroupsTableColumns}\n                    data={customerGroups}\n                    onRowClicked={(row: any) => {\n                      if(row.id !== selectedGroup.id){\n                        setSelectedGroup(row)\n                        getCustomerGroupUsers(+row.id)\n                      } else {\n                        setSelectedGroup(row)\n                      }\n                      \n                    }}\n                    expandableRows\n                    expandableRowsHideExpander={true}\n                    expandableRowExpanded={(row) => (row === selectedGroup)}\n                    expandOnRowClicked={true}\n                    expandableRowsComponent={\n                      <>\n                      <DataTable noHeader columns={manualChoosedCustomerTableColumns} data={selectedGroupUsers}/>\n                      </>\n                    }\n                  />\n                </div>\n                <div className=\"paginate-prepage\">\n                  <div className=\"paginate\">\n                    <button\n                      className=\"prev-page\"\n                      type=\"button\"\n                      disabled={customerGroupsInfo.page <= 1}\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          customerGroupsInfo.page - 1\n                        )\n                      }\n                    >\n                      <ArrowBackIcon />\n                    </button>\n                    <button\n                      className=\"next-page\"\n                      type=\"button\"\n                      disabled={\n                        customerGroupsInfo.total_pages_count <=\n                        customerGroupsInfo.page\n                      }\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          customerGroupsInfo.page + 1\n                        )\n                      }\n                    >\n                      <ArrowForwardIcon />\n                    </button>\n                    <div className=\"text\">\n                      {customerGroupsInfo.page * customerGroupsInfo.limit -\n                        customerGroupsInfo.limit}\n                      -\n                      {customerGroupsInfo.page * customerGroupsInfo.limit -\n                        customerGroupsInfo.limit +\n                        customerGroupsInfo.count_groups}{\" \"}\n                      from {customerGroupsInfo.total_groups_count}\n                    </div>\n                  </div>\n                  <div className=\"perpage\">\n                    <div className=\"text\">Show on page:</div>\n                    <Select\n                      selectorList={customerPerPage}\n                      defaultValue={{\n                        value: requestParamtrs.limit,\n                        label: requestParamtrs.limit,\n                      }}\n                      positionForShow=\"top\"\n                      required\n                      getValue={(value) => {\n                        handleChangeRequestParamtrs(\"limit\", value);\n                        handleChangeRequestParamtrs(\"page\", \"1\");\n                      }}\n                      hideSelectorFilter\n                    />\n                  </div>\n                </div>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n\n      {deleteCustomerGroup && (\n        <Modal\n          openModal={!!deleteCustomerGroup}\n          setOpenModal={() => setDeleteCustomerGroup(null)}\n          closeOutsideClick\n        >\n          <div\n            className={`delete-modal ${\n              deleteCustomerGroupLoading ? \"loading-blue\" : \"\"\n            }`}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete customer group &quot;\n                {deleteCustomerGroup.name}&quot;\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  hendeldeleteGroupConfirm();\n                }}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default CustomerGroups;\n","import React from \"react\";\n\ninterface Props {\n  checked: boolean;\n  toggleChecked: () => void;\n}\n\nconst СheckboxTable = ({ checked, toggleChecked }:Props) => {\n  return (\n    <label htmlFor=\"user_all\" className=\"checkbox\">\n      <input\n        type=\"checkbox\"\n        id=\"user_all\"\n        checked={checked}\n        onChange={() => toggleChecked()}\n      />\n      <span className=\"checkbox-view\" />\n    </label>\n  );\n};\n\nexport default СheckboxTable;\n","import styled from \"styled-components\";\n\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .content {\n    position: relative;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px;\n    box-sizing: border-box;\n    form {\n      max-width: 700px;\n      .form-group {\n        margin-bottom: 30px;\n      }\n      .buttons-wrap {\n        border-top: 1px solid rgba(0, 13, 70, 0.1);\n        padding-top: 30px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: flex-end;\n        button {\n          width: auto;\n          margin-right: 20px;\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n      &.full-width-form {\n        max-width: unset;\n      }\n    }\n\n    .manually-choosing-wrap {\n      .top {\n        display: flex;\n        align-items: center;\n        margin-bottom: 15px;\n        .title {\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          margin-right: 30px;\n        }\n      }\n    }\n    .all-customers {\n      position: relative;\n    }\n\n    .using-filters-wrap {\n      .filter-limit {\n        border-radius: 4px;\n        background-color: rgba(81, 92, 221, 0.2);\n        color: rgba(0, 13, 70, 0.6);\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 20px;\n        padding: 15px 20px;\n        margin-bottom: 30px;\n      }\n      .curent-filters-wrap {\n        .form-group-filter,\n        .col-filter {\n          width: calc(100% - 210px);\n        }\n        .form-group-days,\n        .col-days {\n          width: 110px;\n          margin-right: 30px;\n          margin-left: 30px;\n        }\n        .btn-delete,\n        .col-delete {\n          width: 40px;\n          background: none;\n          &:hover {\n            svg {\n              path[fill-rule=\"evenodd\"] {\n                fill: ${Color.blue};\n              }\n            }\n          }\n        }\n      }\n      .curent-filter-titles {\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n      }\n      .curent-filter {\n        display: flex;\n        align-items: center;\n        margin-bottom: 20px;\n        .form-group-filter {\n          .select {\n            margin-bottom: 0;\n          }\n        }\n      }\n\n      .butns-wrap {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .btn-blue-dashed {\n          margin-bottom: 30px;\n        }\n      }\n\n      .users-by-filters {\n        position: relative;\n      }\n    }\n  }\n  .table {\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .content {\n      padding: 20px;\n      .form-innerwrap {\n        .buttons-wrap {\n          flex-direction: column;\n          button:first-child {\n            margin: 0 0 20px 0;\n          }\n        }\n      }\n    }\n    .paginate-prepage {\n      flex-direction: column;\n      align-items: start;\n\n      .paginate {\n        margin-bottom: 10px;\n      }\n    }\n  }\n  @media (max-width: 720px) {\n    .using-filters-wrap {\n      .curent-filters-wrap {\n        .curent-filter-titles {\n          justify-content: space-between;\n\n          .col-filter,\n          .col-days {\n            width: fit-content;\n            margin: 0;\n          }\n          .col-delete {\n            display: none;\n          }\n        }\n        .curent-filter {\n          flex-direction: column;\n          align-items: start;\n          .form-group-days {\n            margin: 10px 0;\n          }\n          .form-group-filter {\n            width: 100%;\n          }\n          &:after {\n            content: \"\";\n            width: 100%;\n            border: 1px solid #f7f8fc;\n            margin-top: 10px;\n          }\n        }\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .content {\n      .loading-innerwrap {\n        .full-width-form {\n          .form-innerwrap {\n            .using-filters-wrap {\n              .curent-filters-wrap {\n                .curent-filter {\n                  .form-group-filter {\n                    input {\n                      text-overflow: ellipsis;\n                      padding-right: 40px;\n                    }\n                    .bottom {\n                      button {\n                        text-align: inherit;\n                      }\n                    }\n                  }\n                }\n                .butns-wrap {\n                  flex-direction: column;\n\n                  button {\n                    width: 100%;\n                    margin-bottom: 10px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport DataTable from \"react-data-table-component\";\n\nimport СheckboxTable from \"src/components/СheckboxTable\";\nimport Input from \"src/components/Input\";\nimport Textarea from \"src/components/Textarea\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { Wrapper as WrapperTooltip } from \"src/components/infoTooltip/styled\";\nimport Select from \"src/components/Select\";\nimport {\n  getFiltersInfoAxios,\n  getCustomerListAxios,\n  getCustomerListWithFilterGroupsAxios,\n  createCustomerGroupAxios,\n  updateCustomerGroupAxios,\n  getCustomerGroupInfoAxios,\n} from \"src/api/customers\";\nimport {\n  GroupTypeInterface,\n  GroupFilterInterface,\n  CustomerGroupInterface,\n  CustomerInterface,\n  CustomerInfoInterface,\n  customerPerPage,\n  CustomerGroupCreateRequestInterface,\n  CustomerGroupChoosedFilterInterface,\n} from \"src/types/customer\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { ReactComponent as ArrowBackIcon } from \"src/assets/img/arrowBack.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"src/assets/img/arrowForward.svg\";\nimport { ReactComponent as DeleteIcon } from \"src/assets/img/delete.svg\";\n\nimport { Wrapper } from \"./styled\";\n\ninterface RouteParams {\n  id?: string;\n}\n\nconst CustomerGroups: FC = () => {\n  const history = useHistory();\n  const params = useParams<RouteParams>();\n  const [pageLoading, setPageLoading] = React.useState<boolean>(true);\n  const [pageEditLoading, setPageEditLoading] = React.useState<boolean>(true);\n  const [pageEdit, setPageEdit] = React.useState<boolean>(false);\n  const [customerGroup, setCustomerGroup] =\n    React.useState<CustomerGroupInterface>({\n      group_name: \"\",\n      group_description: \"\",\n      group_type: null,\n    });\n  const [groupType, setGroupType] = React.useState<Array<GroupTypeInterface>>(\n    []\n  );\n  const [groupFilter, setGroupFilter] = React.useState<\n    Array<GroupFilterInterface>\n  >([]);\n  const [groupMaxFilter, setGroupMaxFilter] = React.useState<number>(0);\n\n  const getFiltersInfo = () => {\n    getFiltersInfoAxios()\n      .then((response) => {\n        const groupTypeTemp = response.data.group_types.map(\n          (item: { id: number; title: string }) => {\n            return {\n              value: item.id,\n              label: item.title,\n            };\n          }\n        );\n        const groupFilterTemp = response.data.group_filters.map(\n          (item: { id: number; description: string }) => {\n            return {\n              value: item.id,\n              label: item.description,\n            };\n          }\n        );\n        setGroupType(groupTypeTemp);\n        setGroupFilter(groupFilterTemp);\n        setGroupMaxFilter(response.data.filter_max_count);\n        setPageLoading(false);\n      })\n      .catch(() => {});\n  };\n  const handlesetCustomerGroup = (name: string, value: string) => {\n    setCustomerGroup((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  /*   manual customer list   */\n  const [manualShowAllCustomer, setManualShowAllCustomer] =\n    React.useState<boolean>(true);\n  const [manualCustomerListLoading, setManualCustomerListLoading] =\n    React.useState<boolean>(false);\n  const [manualCustomerList, setManualCustomerList] = React.useState<\n    CustomerInterface[]\n  >([]);\n  const [manualCustomerChoosedList, setManualCustomerChoosedList] =\n    React.useState<CustomerInterface[]>([]);\n  const [manualCustomerListInfo, setManualCustomerListInfo] =\n    React.useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 10,\n      page: 1,\n      total_pages_count: 0,\n      total_users_count: 0,\n      // searchType: 0,\n    });\n  const [manualCustomerAllPageChecked, setManualCustomerAllPageChecked] =\n    React.useState<boolean>(false);\n  const checkCheckedManualAllUser = () => {\n    return false;\n  };\n  const toggleManualCheckedAllUser = () => {\n    if (manualCustomerAllPageChecked) {\n      manualCustomerList.forEach((currentValue) => {\n        const index = manualCustomerChoosedList.findIndex(\n          (item) => item.id === currentValue.id\n        );\n        if (index >= 0) {\n          setManualCustomerChoosedList((prevState) =>\n            prevState.filter((item) => item.id !== currentValue.id)\n          );\n        }\n      });\n    } else {\n      manualCustomerList.forEach((currentValue) => {\n        const index = manualCustomerChoosedList.findIndex(\n          (item) => item.id === currentValue.id\n        );\n        if (index < 0) {\n          setManualCustomerChoosedList((prevState) => [\n            ...prevState,\n            currentValue,\n          ]);\n        }\n      });\n    }\n    setManualCustomerAllPageChecked(!manualCustomerAllPageChecked);\n  };\n  const getManualCustomerList = () => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: manualCustomerListInfo.page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date()\n    };\n    getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      setManualCustomerListLoading(false);\n    });\n  };\n  const handleManualCustomerPagination = (page: number) => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date()\n    };\n    getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      checkCheckedManualAllUser();\n      setManualCustomerListLoading(false);\n    });\n  };\n  const handleManualCustomerPerPage = (perPage: string) => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: perPage,\n      page: manualCustomerListInfo.page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date()\n    };\n    getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      checkCheckedManualAllUser();\n      setManualCustomerListLoading(false);\n    });\n  };\n  const toggleManualCheckedUser = (user: CustomerInterface) => {\n    const index = manualCustomerChoosedList.findIndex(\n      (item) => item.id === user.id\n    );\n    if (index < 0) {\n      setManualCustomerChoosedList((prevState) => [...prevState, user]);\n    } else {\n      setManualCustomerChoosedList((prevState) =>\n        prevState.filter((item) => item.id !== user.id)\n      );\n      setManualCustomerAllPageChecked(false);\n    }\n  };\n  const checkCheckedManualUser = (userId: number) => {\n    const index = manualCustomerChoosedList.findIndex(\n      (item) => item.id === userId\n    );\n    return !(index < 0);\n  };\n  const getGroupTypeLabel = (group_type: string) => {\n    const curentGroupType = groupType.find((item) => {\n      return item.value.toString() === group_type;\n    });\n    return curentGroupType?.label ? curentGroupType.label : group_type;\n  };\n\n  /*   manual customer list   */\n  const [choosedFilterList, setChoosedFilterList] = React.useState<\n    CustomerGroupChoosedFilterInterface[]\n  >([\n    {\n      virtualId: 0,\n      filter_type_id: \"\",\n      value: \"\",\n    },\n  ]);\n  const [choosedFiltercustomerLoading, setChoosedFiltercustomerLoading] =\n    React.useState<boolean>(false);\n  const [choosedFilterCustomerList, setChoosedFilterCustomerList] =\n    React.useState<CustomerInterface[]>([]);\n  const [choosedFilterCustomerListInfo, setChoosedFilterCustomerListInfo] =\n    React.useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 10,\n      page: 1,\n      total_pages_count: 0,\n      total_users_count: 0,\n      // searchType: 0,\n    });\n  const getGroupFilterLabel = (filter_type_id: string | number) => {\n    const curentGroupFilter = groupFilter.find((item) => {\n      return item.value.toString() === filter_type_id;\n    });\n    return curentGroupFilter?.label\n      ? curentGroupFilter.label\n      : filter_type_id.toString();\n  };\n  const addFilterThisGroup = () => {\n    setChoosedFilterList((prevState) => [\n      ...prevState,\n      {\n        virtualId:\n          choosedFilterList[choosedFilterList.length - 1].virtualId + 1,\n        filter_type_id: \"\",\n        value: \"\",\n      },\n    ]);\n  };\n  const deleteFilterThisGroup = (virtualId: number) => {\n    setChoosedFilterList((prevState) =>\n      prevState.filter((item) => item.virtualId !== virtualId)\n    );\n  };\n  const hendleSetFilterIdChoosedFilterList = (\n    value: string,\n    virtualId: number\n  ) => {\n    setChoosedFilterList((prevState) =>\n      prevState.map((item) =>\n        item.virtualId === virtualId ? { ...item, filter_type_id: value } : item\n      )\n    );\n  };\n  const hendleSetDaysChoosedFilterList = (value: string, virtualId: number) => {\n    setChoosedFilterList((prevState) =>\n      prevState.map((item) =>\n        item.virtualId === virtualId ? { ...item, value } : item\n      )\n    );\n  };\n  const showCustomersByFilters = (filters = null) => {\n    setChoosedFiltercustomerLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: manualCustomerListInfo.page.toString(),\n      filters: filters ?? choosedFilterList,\n    };\n    getCustomerListWithFilterGroupsAxios(requestParamtrs).then((response) => {\n      setChoosedFilterCustomerList(response.data.users);\n      setChoosedFilterCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      setChoosedFiltercustomerLoading(false);\n    });\n  };\n  const handleChoosedFilterCustomerPagination = (page: number) => {\n    setChoosedFiltercustomerLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: page.toString(),\n      filters: choosedFilterList,\n    };\n    getCustomerListWithFilterGroupsAxios(requestParamtrs).then((response) => {\n      setChoosedFilterCustomerList(response.data.users);\n      setChoosedFilterCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      setChoosedFiltercustomerLoading(false);\n    });\n  };\n  const handleChoosedFilterCustomerPerPage = (perPage: string) => {\n    setChoosedFiltercustomerLoading(true);\n    const requestParamtrs = {\n      limit: perPage,\n      page: manualCustomerListInfo.page.toString(),\n      filters: choosedFilterList,\n    };\n    getCustomerListWithFilterGroupsAxios(requestParamtrs).then((response) => {\n      setChoosedFilterCustomerList(response.data.users);\n      setChoosedFilterCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      setChoosedFiltercustomerLoading(false);\n    });\n  };\n\n  /*   Get Data For Edit   */\n  const getDataForEditCustomerGroup = () => {\n    if (params?.id) {\n      setPageEdit(true);\n      getCustomerGroupInfoAxios(params.id).then((response) => {\n        setCustomerGroup({\n          group_name: response.data.name,\n          group_description: response.data.description,\n          group_type: response.data.type_id.toString(),\n        });\n        if (response.data.type_id.toString() === \"1\") {\n          setManualCustomerChoosedList(response.data.users);\n          setManualShowAllCustomer(false);\n        } else if (response.data.type_id.toString() === \"2\") {\n          setChoosedFilterList(response.data.filters);\n          showCustomersByFilters(response.data.filters);\n        }\n        setPageEditLoading(false);\n      });\n    } else {\n      setPageEditLoading(false);\n    }\n  };\n\n  /* get Data */\n  useEffect(() => {\n    getDataForEditCustomerGroup();\n    getFiltersInfo();\n    getManualCustomerList();\n  }, []); // eslint-disable-line\n\n  const manualCustomerTableColumns = [\n    {\n      name: (\n        <СheckboxTable\n          checked={manualCustomerAllPageChecked}\n          toggleChecked={() => toggleManualCheckedAllUser()}\n        />\n      ),\n      minWidth: \"50px\",\n      maxWidth: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <label htmlFor={`user_${row.id}`} className=\"checkbox\">\n            <input\n              type=\"checkbox\"\n              id={`user_${row.id}`}\n              checked={checkCheckedManualUser(row.id)}\n              onChange={() => toggleManualCheckedUser(row)}\n            />\n            <span className=\"checkbox-view\" />\n          </label>\n        );\n      },\n    },\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    },\n  ];\n\n  const manualChoosedCustomerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    },\n  ];\n\n  /*   Form   */\n  const [customerGroupFormLoading, setCustomerGroupFormLoading] =\n    React.useState<boolean>(false);\n  const [customerGroupFormErrorMessage, setCustomerGroupFormErrorMessage] =\n    React.useState<string>(\"\");\n  const handleCustomerGroupForm = (event: React.FormEvent) => {\n    event.preventDefault();\n    setCustomerGroupFormLoading(true);\n    const requestParamtrst: CustomerGroupCreateRequestInterface = {\n      group_name: customerGroup.group_name,\n      group_description: customerGroup.group_description,\n      group_type: customerGroup.group_type,\n    };\n    if (customerGroup.group_type === \"1\") {\n      requestParamtrst.users = [];\n      manualCustomerChoosedList.forEach((currentValue) => {\n        requestParamtrst.users?.push(currentValue.id);\n      });\n    } else if (customerGroup.group_type === \"2\") {\n      requestParamtrst.filters = choosedFilterList;\n    }\n    if (pageEdit) {\n      requestParamtrst.id = params.id;\n      updateCustomerGroupAxios(requestParamtrst)\n        .then(() => {\n          history.push(\"/customers/customer-groups\");\n        })\n        .catch((error) => {\n          setCustomerGroupFormLoading(false);\n          setCustomerGroupFormErrorMessage(error.data.message);\n        });\n    } else {\n      createCustomerGroupAxios(requestParamtrst)\n        .then(() => {\n          history.push(\"/customers/customer-groups\");\n        })\n        .catch((error) => {\n          setCustomerGroupFormLoading(false);\n          setCustomerGroupFormErrorMessage(error.data.message);\n        });\n    }\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">\n        {pageEdit ? \"Edit\" : \"Create\"} Customer Group\n        {!pageEdit ? (\n          <WrapperTooltip>\n            <span className=\"info-tooltip\" style={{ marginTop: -10 }}>\n              <InfoIcon />\n              <span className=\"tooltip hiddeArrow\">\n                You can create a customer group within your customer base with\n                certain criteria to create targeted promotions.\n              </span>\n            </span>\n          </WrapperTooltip>\n        ) : (\n          \"\"\n        )}\n      </div>\n      <div\n        className={`content ${\n          pageLoading || pageEditLoading ? \"loading-blue\" : \"\"\n        }`}\n      >\n        <div className=\"loading-innerwrap\">\n          <form\n            onSubmit={handleCustomerGroupForm}\n            className={`${\n              customerGroupFormLoading\n                ? \"loading-blue full-width-form\"\n                : \"full-width-form\"\n            }`}\n          >\n            <div className=\"form-innerwrap\">\n              <div className=\"form-group\">\n                <Input\n                  placeholder=\"Our Top customers\"\n                  label=\"Customer Group Name\"\n                  infoTooltip=\"This name will appear in the Quick Campaign section where you can target specific customers\"\n                  required\n                  defaultValue={customerGroup.group_name}\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_name\", value)\n                  }\n                />\n              </div>\n              <div className=\"form-group\">\n                <Textarea\n                  label=\"Description\"\n                  placeholder=\"Sales team\"\n                  required\n                  defaultValue={customerGroup.group_description}\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_description\", value)\n                  }\n                />\n              </div>\n              <div className=\"form-group\">\n                <Select\n                  label=\"How will customers be grouped?\"\n                  placeholder=\"Using Customers Filters\"\n                  selectorList={groupType}\n                  disabled={!(groupType.length > 0)}\n                  positionForShow=\"bottom\"\n                  required\n                  defaultValue={\n                    customerGroup?.group_type\n                      ? {\n                          value: customerGroup?.group_type?.toString() ?? \" \",\n                          label: getGroupTypeLabel(\n                            customerGroup?.group_type?.toString() ?? \" \"\n                          ),\n                        }\n                      : undefined\n                  }\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_type\", value.toString())\n                  }\n                  hideSelectorFilter\n                />\n              </div>\n              {customerGroup.group_type === \"1\" ? (\n                <div className=\"manually-choosing-wrap\">\n                  <div className=\"top\">\n                    <div className=\"title\">Customers</div>\n                    <button\n                      type=\"button\"\n                      className=\"btn-blue-dashed\"\n                      onClick={() =>\n                        setManualShowAllCustomer(!manualShowAllCustomer)\n                      }\n                    >\n                      {manualShowAllCustomer\n                        ? \"Show choosen customers\"\n                        : \"Show all customers\"}\n                    </button>\n                  </div>\n                  <div className=\"main\">\n                    {manualShowAllCustomer ? (\n                      <div\n                        className={`all-customers ${\n                          manualCustomerListLoading ? \"loading-blue\" : \"\"\n                        }`}\n                      >\n                        <div className=\"form-innerwrap\">\n                          {manualCustomerList.length > 0 ? (\n                            <>\n                              <div className=\"table\">\n                                <DataTable\n                                  noHeader\n                                  columns={manualCustomerTableColumns}\n                                  data={manualCustomerList}\n                                />\n                              </div>\n                              <div className=\"paginate-prepage\">\n                                <div className=\"paginate\">\n                                  <button\n                                    className=\"prev-page\"\n                                    type=\"button\"\n                                    disabled={manualCustomerListInfo.page <= 1}\n                                    onClick={() =>\n                                      handleManualCustomerPagination(\n                                        manualCustomerListInfo.page - 1\n                                      )\n                                    }\n                                  >\n                                    <ArrowBackIcon />\n                                  </button>\n                                  <button\n                                    className=\"next-page\"\n                                    type=\"button\"\n                                    disabled={\n                                      manualCustomerListInfo.total_pages_count <=\n                                      manualCustomerListInfo.page\n                                    }\n                                    onClick={() =>\n                                      handleManualCustomerPagination(\n                                        manualCustomerListInfo.page + 1\n                                      )\n                                    }\n                                  >\n                                    <ArrowForwardIcon />\n                                  </button>\n                                  <div className=\"text\">\n                                    {manualCustomerListInfo.page *\n                                      manualCustomerListInfo.limit -\n                                      manualCustomerListInfo.limit}\n                                    -\n                                    {manualCustomerListInfo.page *\n                                      manualCustomerListInfo.limit -\n                                      manualCustomerListInfo.limit +\n                                      manualCustomerListInfo.count_users}{\" \"}\n                                    from{\" \"}\n                                    {manualCustomerListInfo.total_users_count}\n                                  </div>\n                                </div>\n                                <div className=\"perpage\">\n                                  <div className=\"text\">Show on page:</div>\n                                  <Select\n                                    selectorList={customerPerPage}\n                                    defaultValue={{\n                                      value:\n                                        manualCustomerListInfo.limit.toString(),\n                                      label:\n                                        manualCustomerListInfo.limit.toString(),\n                                    }}\n                                    positionForShow=\"top\"\n                                    required\n                                    getValue={(value) => {\n                                      handleManualCustomerPerPage(\n                                        value.toString()\n                                      );\n                                    }}\n                                    hideSelectorFilter\n                                  />\n                                </div>\n                              </div>\n                            </>\n                          ) : (\n                            <div className=\"nothing-found\">\n                              Sorry, nothing found\n                            </div>\n                          )}\n                        </div>\n                      </div>\n                    ) : (\n                      <div>\n                        {manualCustomerChoosedList.length > 0 ? (\n                          <div className=\"table\">\n                            <DataTable\n                              noHeader\n                              columns={manualChoosedCustomerTableColumns}\n                              data={manualCustomerChoosedList}\n                            />\n                          </div>\n                        ) : (\n                          <div className=\"nothing-found\">\n                            Sorry, you need add customers\n                          </div>\n                        )}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              ) : customerGroup.group_type === \"2\" ? (\n                <div className=\"using-filters-wrap\">\n                  <div className=\"filter-limit\">\n                    Filter for this group (Limit of {groupMaxFilter}):\n                  </div>\n                  <div className=\"curent-filters-wrap\">\n                    <div className=\"curent-filter-titles\">\n                      <div className=\"col-filter\">Customers that:</div>\n                      <div className=\"col-days\">N:</div>\n                      <div className=\"col-delete\" />\n                    </div>\n                    {choosedFilterList.map((item) => (\n                      <div className=\"curent-filter\" key={`${item.virtualId}`}>\n                        <div className=\"form-group-filter\">\n                          <Select\n                            placeholder=\"Have not checked in for at least ’N’ Days\"\n                            selectorList={groupFilter}\n                            disabled={!(groupFilter.length > 0)}\n                            positionForShow=\"bottom\"\n                            required\n                            defaultValue={{\n                              value: item.filter_type_id.toString(),\n                              label: getGroupFilterLabel(item.filter_type_id),\n                            }}\n                            getValue={(value) =>\n                              hendleSetFilterIdChoosedFilterList(\n                                value.toString(),\n                                item.virtualId\n                              )\n                            }\n                            hideSelectorFilter\n                          />\n                        </div>\n                        <div className=\"form-group-days\">\n                          <Input\n                            placeholder=\"90\"\n                            type=\"number\"\n                            required\n                            defaultValue={item.value}\n                            getValue={(value) =>\n                              hendleSetDaysChoosedFilterList(\n                                value,\n                                item.virtualId\n                              )\n                            }\n                          />\n                        </div>\n                        <button\n                          type=\"button\"\n                          className=\"btn-delete\"\n                          onClick={() => deleteFilterThisGroup(item.virtualId)}\n                        >\n                          <DeleteIcon />\n                        </button>\n                      </div>\n                    ))}\n                    <div className=\"butns-wrap\">\n                      <button\n                        type=\"button\"\n                        className=\"btn-blue-dashed btn-add-filter\"\n                        disabled={choosedFilterList.length >= groupMaxFilter}\n                        onClick={() => addFilterThisGroup()}\n                      >\n                        + Add a Filter\n                      </button>\n                      <button\n                        type=\"button\"\n                        className=\"btn-blue-dashed\"\n                        onClick={() => showCustomersByFilters()}\n                      >\n                        Show customers by filters\n                      </button>\n                    </div>\n                  </div>\n                  <div\n                    className={`users-by-filters ${\n                      choosedFiltercustomerLoading ? \"loading-blue\" : \"\"\n                    }`}\n                  >\n                    <div className=\"form-innerwrap\">\n                      {choosedFilterCustomerList.length > 0 ? (\n                        <>\n                          <div className=\"table\">\n                            <DataTable\n                              noHeader\n                              columns={manualChoosedCustomerTableColumns}\n                              data={choosedFilterCustomerList}\n                            />\n                          </div>\n                          <div className=\"paginate-prepage\">\n                            <div className=\"paginate\">\n                              <button\n                                className=\"prev-page\"\n                                type=\"button\"\n                                disabled={\n                                  choosedFilterCustomerListInfo.page <= 1\n                                }\n                                onClick={() =>\n                                  handleChoosedFilterCustomerPagination(\n                                    choosedFilterCustomerListInfo.page - 1\n                                  )\n                                }\n                              >\n                                <ArrowBackIcon />\n                              </button>\n                              <button\n                                className=\"next-page\"\n                                type=\"button\"\n                                disabled={\n                                  choosedFilterCustomerListInfo.total_pages_count <=\n                                  choosedFilterCustomerListInfo.page\n                                }\n                                onClick={() =>\n                                  handleChoosedFilterCustomerPagination(\n                                    choosedFilterCustomerListInfo.page + 1\n                                  )\n                                }\n                              >\n                                <ArrowForwardIcon />\n                              </button>\n                              <div className=\"text\">\n                                {choosedFilterCustomerListInfo.page *\n                                  choosedFilterCustomerListInfo.limit -\n                                  choosedFilterCustomerListInfo.limit}\n                                -\n                                {choosedFilterCustomerListInfo.page *\n                                  choosedFilterCustomerListInfo.limit -\n                                  choosedFilterCustomerListInfo.limit +\n                                  choosedFilterCustomerListInfo.count_users}{\" \"}\n                                from{\" \"}\n                                {\n                                  choosedFilterCustomerListInfo.total_users_count\n                                }\n                              </div>\n                            </div>\n                            <div className=\"perpage\">\n                              <div className=\"text\">Show on page:</div>\n                              <Select\n                                selectorList={customerPerPage}\n                                defaultValue={{\n                                  value:\n                                    choosedFilterCustomerListInfo.limit.toString(),\n                                  label:\n                                    choosedFilterCustomerListInfo.limit.toString(),\n                                }}\n                                positionForShow=\"top\"\n                                required\n                                getValue={(value) => {\n                                  handleChoosedFilterCustomerPerPage(\n                                    value.toString()\n                                  );\n                                }}\n                                hideSelectorFilter\n                              />\n                            </div>\n                          </div>\n                        </>\n                      ) : (\n                        <div className=\"nothing-found\">\n                          Sorry, nothing found\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ) : null}\n              {customerGroupFormErrorMessage ? (\n                <div className=\"form-error-message\">\n                  {customerGroupFormErrorMessage}\n                </div>\n              ) : null}\n              <div className=\"buttons-wrap\">\n                <button\n                  type=\"button\"\n                  className=\"btn-white\"\n                  onClick={() => history.push(\"/customers/customer-groups\")}\n                >\n                  Cancel\n                </button>\n                <button type=\"submit\" className=\"btn-blue\">\n                  {pageEdit ? \"Update\" : \"Create\"} Customer Group\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default CustomerGroups;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .calendar-wrapper {\n    position: relative;\n    & > .label:not(:empty) {\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 20px;\n      margin-bottom: 10px;\n      text-align: left;\n    }\n    .icon-calendar {\n      position: absolute;\n      left: 13px;\n      bottom: 8px;\n    }\n    .react-datepicker-wrapper {\n      .react-datepicker__input-container {\n        z-index: 1;\n        input {\n          width: 326px;\n          height: 40px;\n          border: 1px solid #e4e4e4;\n          border-radius: 4px;\n          background-color: ${Color.white};\n          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n          cursor: pointer;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n          opacity: 0.6;\n          padding-left: 50px;\n          caret-color: transparent;\n        }\n      }\n    }\n    .react-datepicker__tab-loop {\n      .react-datepicker {\n        border-radius: 4px;\n        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n        border: 1px solid #e4e4e4;\n        font-family: \"Circular Std\";\n\n        .react-datepicker__header {\n          background-color: #f7f8fc;\n\n          .react-datepicker__current-month,\n          .react-datepicker-time__header {\n            color: ${Color.blueDarkText};\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport { Wrapper } from \"./styled\";\n\ninterface Props {\n  dateFormat?: string;\n  selected?: Date;\n  onChange?: (value: Date) => void;\n  placeholder?: string;\n  label?: string;\n  timeSelect?: boolean;\n}\n\nconst Calendar: React.FC<Props> = ({\n  dateFormat,\n  selected,\n  placeholder,\n  label,\n  onChange,\n  timeSelect = true,\n}) => {\n  return (\n    <Wrapper>\n      <div className=\"calendar-wrapper\">\n        {label ? <p className=\"label\">{label}</p> : null}\n        <DatePicker\n          selected={selected}\n          onChange={(date: Date) => {\n            if (onChange) onChange(date);\n          }}\n          showTimeSelect={timeSelect}\n          dateFormat={dateFormat}\n          placeholderText={placeholder}\n        />\n        <CalendarIcon className=\"icon-calendar\" />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Calendar;\n","import { CustomerGroupsRequestInterface } from \"src/types/customer\"; // TODO: Make general\nimport {\n  CampaignsCreateRequestInterface,\n  SingleCampaignsRequestInterface,\n  UpdateCampaignsRequestInterface,\n  DeleteCampaignInterface,\n} from \"src/types/campaign\";\nimport axios from \"./api\";\n\nexport const getCampaignsAxios = (\n  requestParamtrs: CustomerGroupsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/getCampaignsList\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAdminCampaignsAxios = (\n  requestParamtrs: CustomerGroupsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/admin/campaign/list\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getSingleAdminCampaignsAxios = (\n  requestParamtrs: SingleCampaignsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/admin/campaign/get\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getSingleCampaignsAxios = (\n  requestParamtrs: SingleCampaignsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/getCampaign\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createCampaignsAxios = (\n  requestParamtrs: CampaignsCreateRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/createCampaign\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const createAdminCampaignsAxios = (\n  requestParamtrs: any\n): Promise<any> =>\n  axios\n    .post(\"/api/admin/campaign/create\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateCampaignsAxios = (\n  requestParamtrs: UpdateCampaignsRequestInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/updateCampaign\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n    export const deleteCampaignsAxios = (requestParams: DeleteCampaignInterface): Promise<any> =>\n    axios\n      .post(\"/api/removeCampaign\", requestParams)\n      .then((response) => {\n        return response;\n      })\n      .catch((error) => {\n        return Promise.reject(error.response);\n      });\nexport const deleteAdminCampaignsAxios = (requestParams: DeleteCampaignInterface): Promise<any> =>\n    axios\n      .post(\"/api/admin/campaign/remove\", requestParams)\n      .then((response) => {\n        return response;\n      })\n      .catch((error) => {\n        return Promise.reject(error.response);\n      });\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .create-campaign-wrap {\n    background-color: ${Color.white};\n    padding: 30px;\n\n    .alert {\n      border-radius: 4px;\n      padding: 20px;\n      color: rgba(0, 13, 70, 0.6);\n      font-size: 14px;\n      line-height: 20px;\n      background-color: rgba(81, 92, 221, 0.2);\n\n      & > p:not(:first-child) {\n        margin-top: 20px;\n      }\n      .upgrade-btn {\n        color: #000d46;\n        font-weight: bold;\n      }\n    }\n\n    .section-title {\n      color: ${Color.blue};\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin: 30px 0 24px;\n    }\n\n    .section-sub-title {\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 20px;\n    }\n    .mb-12 {\n      margin-bottom: 12px;\n    }\n    .mb-20 {\n      margin-bottom: 20px;\n    }\n    .mb-24 {\n      margin-bottom: 24px;\n    }\n    .input-block {\n      max-width: 380px;\n    }\n    .separate-line {\n      width: 100%;\n      border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n      padding-top: 10px;\n      margin-bottom: 29px;\n    }\n    .message-block {\n      max-width: 560px;\n      margin-bottom: 8px;\n\n      Textarea {\n        opacity: 0.6;\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n    .select-customers-block {\n      max-width: 380px;\n    }\n    .hint-message {\n      color: rgba(0, 13, 70, 0.6);\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 20px;\n      margin-bottom: 30px;\n      .limit_error {\n        color: ${Color.redMedium};\n      }\n    }\n    .button-container {\n      display: flex;\n      justify-content: space-between;\n\n      .button-white {\n        background-color: ${Color.white};\n        color: ${Color.blue};\n        border: 2px solid ${Color.blue};\n        border-radius: 4px;\n        transition: 0.15s all ease;\n        &:hover {\n          box-shadow: ${Color.blue} 0px 0px 10px 0px;\n        }\n      }\n      button {\n        width: 120px;\n      }\n      .cancel-btn {\n        height: 43px;\n        margin-right: 20px;\n      }\n    }\n    .choose-campaing-data__block {\n      display: flex;\n      align-items: flex-end;\n      margin: 0 20px 30px 0;\n\n      .label {\n        opacity: 0.6;\n        color: #000d46;\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n        margin-bottom: 8px;\n      }\n    }\n    .checkbox-container {\n      margin-bottom: 30px;\n\n      .checkbox.white-checkbox {\n        margin-bottom: 20px;\n        margin-right: 25px;\n        .checkbox-input-wrap {\n          input {\n            & + .checkbox-view {\n              background-color: #000e46;\n            }\n          }\n        }\n      }\n    }\n    .image-container {\n      display: flex;\n      justify-content: center;\n      padding-top: 30px;\n\n      img {\n        width: 300px;\n      }\n    }\n    @media (max-width: 525px) {\n      padding: 20px;\n      .button-container {\n        flex-direction: column;\n        .button-white {\n          height: 43px;\n        }\n        div {\n          display: flex;\n          flex-direction: column;\n        }\n        button {\n          margin-bottom: 10px;\n          width: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { useHistory, useParams, Link } from \"react-router-dom\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport Textarea from \"src/components/Textarea\";\nimport Calendar from \"src/components/Calendar\";\nimport InfoTooltip from \"src/components/infoTooltip\";\nimport { getCustomerGroupsAxios } from \"src/api/customers\";\nimport {\n  createCampaignsAxios,\n  updateCampaignsAxios,\n  getSingleCampaignsAxios,\n} from \"src/api/campaigns\";\n\nimport checkEmailImg from \"src/assets/img/check-your-email.svg\";\nimport { Wrapper } from \"./styled\";\n\ninterface RouteParams {\n  id?: string;\n}\n\nconst PUSH_MESSAGE_LIMIT = 130;\n\nconst QuickCampaign: FC = () => {\n  const params = useParams<RouteParams>();\n  const requestParamtrs = {\n    limit: \"10\",\n    page: \"1\",\n    search: null,\n  };\n  const history = useHistory();\n  const [campaignName, setCampaignName] = React.useState<string>(\"\");\n  const [campaignSentTime, setCampaignSentTime] = React.useState<boolean>(true);\n  const [startDate, setStartDate] = React.useState<Date>(new Date());\n  const [customerGroupsArray, setCustomerGroupsArray] = React.useState<\n    [\n      {\n        value: string | number;\n        label: string;\n      }\n    ]\n  >([\n    {\n      value: \"\",\n      label: \"All Customer\",\n    },\n  ]);\n  const [customerGroup, setCustomerGroup] = React.useState<{\n    value: string | number;\n    label: string;\n  }>({\n    value: customerGroupsArray[0].value,\n    label: customerGroupsArray[0].label,\n  });\n  const [inAppNotification, setInAppNotification] =\n    React.useState<boolean>(true);\n  const [pushNotification, setPushNotification] = React.useState<boolean>(true);\n  const [emailNotification, setEmailNotification] =\n    React.useState<boolean>(false);\n  const [smsNotification, setSmsNotification] = React.useState<boolean>(false);\n  const [typePromotion, setTypePromotion] = React.useState<boolean>(true);\n  const [endDate, setEndDate] = React.useState<Date>(new Date());\n  const [campaignMessage, setCampaignMessage] = React.useState<string>(\"\");\n  const [formLoading, setFormLoading] = React.useState<boolean>(false);\n  const [formErrorMessage, setFormErrorMessage] = React.useState<string>(\"\");\n\n  const getDataForEditCampaign = () => {\n    if (params?.id) {\n      setFormLoading(true);\n      getSingleCampaignsAxios({ id: params.id }).then(({ data }) => {\n        const timeToSend = new Date(data.campaign.time_to_send);\n        const timeToEnd = new Date(data?.campaign?.promotion_ends);\n\n        setCampaignName(data.campaign.name);\n        if (data.campaign.sendNow === 1) {\n          setCampaignSentTime(true);\n        } else {\n          setCampaignSentTime(false);\n          setStartDate(\n            new Date(\n              timeToSend.getTime() - timeToSend.getTimezoneOffset() * 60000\n            )\n          );\n        }\n        if (data.campaign.promotion === 1) {\n          setTypePromotion(true);\n          setEndDate(\n            new Date(\n              timeToEnd.getTime() - timeToEnd.getTimezoneOffset() * 60000\n            )\n          );\n        } else {\n          setTypePromotion(false);\n        }\n        setInAppNotification(data.campaign.is_in_app_notification);\n        setPushNotification(data.campaign.is_push_notification);\n        setEmailNotification(data.campaign.is_email_notification);\n        setSmsNotification(data.campaign.is_sms_notification);\n        setCampaignMessage(data.campaign.message);\n        setFormLoading(false);\n      });\n    }\n  };\n\n  const getCustomerGroups = () => {\n    getCustomerGroupsAxios(requestParamtrs).then((response) => {\n      const arr: any = [\n        {\n          value: \"\",\n          label: \"All Customer\",\n        },\n      ];\n      response.data.groups.map((item: any) =>\n        arr.push({\n          value: item.id,\n          label: item.name,\n        })\n      );\n      setCustomerGroupsArray(arr);\n    });\n  };\n\n  useEffect(() => {\n    getDataForEditCampaign();\n    getCustomerGroups();\n  }, []); //eslint-disable-line\n\n  const createRequestParamtrs = {\n    name: campaignName,\n    customer_group: customerGroup.value,\n    send_now: campaignSentTime,\n    send_date: new Date(startDate).getTime() / 1000,\n    end_date: new Date(endDate).getTime() / 1000,\n    message: campaignMessage,\n    in_app_notification: inAppNotification,\n    push_notification: pushNotification,\n    email_notification: emailNotification,\n    sms_notification: smsNotification,\n    is_promotion: typePromotion,\n  };\n\n  const updateRequestParamtrs = {\n    id: params.id,\n    name: campaignName,\n    customer_group: customerGroup.value,\n    send_now: campaignSentTime,\n    send_date: new Date(startDate).getTime() / 1000,\n    end_date: new Date(endDate).getTime() / 1000,\n    message: campaignMessage,\n    in_app_notification: inAppNotification,\n    push_notification: pushNotification,\n    email_notification: emailNotification,\n    sms_notification: smsNotification,\n    is_promotion: typePromotion,\n  };\n\n  const handleCreateCampaign = (event: React.FormEvent) => {\n    event.preventDefault();\n    setFormLoading(true);\n    if (params?.id) {\n      updateCampaignsAxios(updateRequestParamtrs)\n        .then(() => {\n          history.push(\"/campaigns/manage-campaigns\");\n        })\n        .catch((error) => {\n          setFormErrorMessage(error.data.message);\n          setFormLoading(false);\n        });\n    } else {\n      createCampaignsAxios(createRequestParamtrs)\n        .then(() => {\n          history.push(\"/campaigns/manage-campaigns\");\n        })\n        .catch((error) => {\n          setFormErrorMessage(error.data.message);\n          setFormLoading(false);\n        });\n    }\n  };\n\n  const clearFields = (event: React.FormEvent) => {\n    event.preventDefault();\n    setCampaignName(\"\");\n    setCampaignMessage(\"\");\n    setPushNotification(false);\n    setEmailNotification(false);\n    setSmsNotification(false);\n    setTypePromotion(false);\n    setCampaignSentTime(true);\n    setCustomerGroup({\n      value: \"\",\n      label: \"All Customer\",\n    });\n    setStartDate(new Date());\n    setEndDate(new Date());\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Create Campaign</div>\n      <div className=\"nav-subpages\">\n        <div className=\"nav-subpage active-page\">\n          <button type=\"button\">Create Campaign</button>\n        </div>\n      </div>\n      <div className=\"create-campaign-wrap\">\n            <div className=\"alert\">\n              <p>\n                Send a quick message to your customers. You can reach them using\n                the Lynked APP, TEXT/SMS or EMAIL. The message can be sent right\n                away or scheduled for future dates. You will be able to preview\n                the message before sending it.\n              </p>\n              <p>\n                Please note, it may take several minutes for messages to reach\n                all your recipients. For more advanced features, please use our\n                Campaign Manager.\n              </p>\n            </div>\n            <form\n              onSubmit={handleCreateCampaign}\n              className={`${formLoading ? \"loading-blue\" : \"\"}`}\n            >\n              <div className=\"section-title\">General Information</div>\n              <div className=\"section-sub-title mb-20\">\n                Campaign name\n                <InfoTooltip infoText=\"Create a campaign name to get the attention of your customers. E.g. “Free Pastry” This is the title your customers will see at the top of the notification.\" />\n              </div>\n              <div className=\"input-block mb-20\">\n                <Input\n                  placeholder=\"Name\"\n                  defaultValue={campaignName}\n                  getValue={(value) => setCampaignName(value)}\n                  required\n                />\n              </div>\n              <div className=\"section-sub-title mb-20\">\n                When would you like the campaing sent?\n              </div>\n              <div className=\"type-radio-wrap mb-12\">\n                <div className=\"radio-item\">\n                  <label htmlFor=\"campaignSentTimeNow\">\n                    <input\n                      type=\"radio\"\n                      id=\"campaignSentTimeNow\"\n                      name=\"campaignSentTime\"\n                      value=\"now\"\n                      required\n                      checked={campaignSentTime === true}\n                      onChange={() => setCampaignSentTime(true)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">Now</span>\n                  </label>\n                </div>\n                <div className=\"radio-item\">\n                  <label htmlFor=\"campaignSentTimeLater\">\n                    <input\n                      type=\"radio\"\n                      id=\"campaignSentTimeLater\"\n                      name=\"campaignSentTime\"\n                      value=\"later\"\n                      checked={campaignSentTime === false}\n                      onChange={() => setCampaignSentTime(false)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">Later</span>\n                  </label>\n                </div>\n              </div>\n              {campaignSentTime === false ? (\n                <div className=\"choose-campaing-data__block\">\n                  <div className=\"choose-data__block\">\n                    <div className=\"label\">Start date</div>\n                    <Calendar\n                      selected={startDate}\n                      onChange={(e)=>setStartDate(e >= new Date() ? e : new Date() )}\n                      dateFormat=\"MMMM d, yyyy h:mm aa\"\n                    />\n                  </div>\n                </div>\n              ) : null}\n              <div className=\"section-sub-title mb-12\">\n                Who\n                <InfoTooltip infoText=\"Notify all customers or target the offer to a specific customer group. To target a specific customer group, go to Customer Groups Tab and create a group, which will then be available for selection\" />\n              </div>\n              <div className=\"select-customers-block\">\n                <Select\n                  selectorList={customerGroupsArray}\n                  positionForShow=\"bottom\"\n                  defaultValue={customerGroup}\n                  getValue={(value, label) => {\n                    setCustomerGroup({\n                      value: `${value}`,\n                      label: `${label}`,\n                    });\n                  }}\n                  required\n                  hideSelectorFilter\n                />\n              </div>\n              <div className=\"section-sub-title mb-20\">User Notification:</div>\n              <div className=\"checkbox-container\">\n                <label\n                  htmlFor=\"appNootification\"\n                  className=\"checkbox white-checkbox\"\n                >\n                  <span className=\"checkbox-input-wrap\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"appNootification\"\n                      onChange={() => setInAppNotification(!inAppNotification)}\n                      disabled\n                      checked\n                    />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">In app notification</div>\n                </label>\n                <label\n                  htmlFor=\"pushNootification\"\n                  className=\"checkbox white-checkbox\"\n                >\n                  <span className=\"checkbox-input-wrap\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"pushNootification\"\n                      checked={pushNotification}\n                      onChange={() => setPushNotification(!pushNotification)}\n                    />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">Push notification</div>\n                </label>\n                {/*<label*/}\n                {/*  htmlFor=\"emailNootification\"*/}\n                {/*  className=\"checkbox white-checkbox\"*/}\n                {/*>*/}\n                {/*  <span className=\"checkbox-input-wrap\">*/}\n                {/*    <input*/}\n                {/*      type=\"checkbox\"*/}\n                {/*      id=\"emailNootification\"*/}\n                {/*      checked={emailNotification}*/}\n                {/*      onChange={() => setEmailNotification(!emailNotification)}*/}\n                {/*    />*/}\n                {/*    <span className=\"checkbox-view\" />*/}\n                {/*  </span>*/}\n                {/*  <div className=\"text\">Email notification</div>*/}\n                {/*</label>*/}\n                {/* <label\n                  htmlFor=\"smsNootification\"\n                  className=\"checkbox white-checkbox\"\n                >\n                  <span className=\"checkbox-input-wrap\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"smsNootification\"\n                      checked={smsNotification}\n                      onChange={() => setSmsNotification(!smsNotification)}\n                    />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">SMS notification</div>\n                </label> */}\n              </div>\n              <div className=\"section-sub-title mb-20\">\n                Is it a promotion?\n                <InfoTooltip infoText=\"If you would like the campaign to end at a specific time select yes and input end time\" />\n              </div>\n              <div className=\"type-radio-wrap\">\n                <div className=\"radio-item\">\n                  <label htmlFor=\"isNotPromotion\">\n                    <input\n                      type=\"radio\"\n                      name=\"typePromotion\"\n                      id=\"isNotPromotion\"\n                      required\n                      checked={!typePromotion}\n                      onChange={() => setTypePromotion(false)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">No</span>\n                  </label>\n                </div>\n                <div className=\"radio-item\">\n                  <label htmlFor=\"isPromotion\">\n                    <input\n                      type=\"radio\"\n                      name=\"typePromotion\"\n                      id=\"isPromotion\"\n                      checked={typePromotion}\n                      onChange={() => setTypePromotion(true)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">Yes</span>\n                  </label>\n                </div>\n              </div>\n              {typePromotion ? (\n                <div className=\"choose-campaing-data__block\">\n                  <div className=\"choose-data__block\">\n                    <div className=\"label\">End date</div>\n                    <Calendar\n                      selected={endDate}\n                      onChange={(e)=>setEndDate(e<startDate?startDate : e)}\n                      dateFormat=\"MMMM d, yyyy h:mm aa\"\n                    />\n                  </div>\n                </div>\n              ) : null}\n              <div className=\"separate-line\"> </div>\n              <div className=\"section-title\">\n                Push notification\n                <InfoTooltip infoText=\"Enter the detail of your campaign here, the title will be taken from the “Campaign Name” field. Lynked will automatically differentiate between users when “ {firstName} {lastName}”, is entered in the text field, you do not need to include the specific names of individuals, Lynked will do that for you.\" />{\" \"}\n              </div>\n              <div className=\"alert mb-24\">\n                <p>\n                  The message will be sent via push notification in the user\n                  app.\n                </p>\n              </div>\n              <div className=\"message-block\">\n                <Textarea\n                  placeholder=\"This will be the message that goes out as a text and the email body.\"\n                  required\n                  defaultValue={campaignMessage}\n                  getValue={(value) => {\n                    setCampaignMessage(value);\n                  }}\n                />\n              </div>\n              <div className=\"hint-message\">\n                {campaignMessage.length > PUSH_MESSAGE_LIMIT ? (\n                  <p className=\"limit_error\">\n                    {`You have reached the ${PUSH_MESSAGE_LIMIT} character limit.`}\n                  </p>\n                ) : null}\n                <p>Character Limit (130 characters)</p>\n                <p>\n                  {`Length: ${campaignMessage.length} of ${PUSH_MESSAGE_LIMIT} (space = 1 character, line break = 2\n                  characters)`}\n                </p>\n                <p>An example of Quick Campaign text:</p>\n                <p>{\"“Hi {firstName} {lastName},\"}</p>\n                <p>\n                  Heres 10% off your next order! Just show your QR code in store\n                  to redeem!”\n                </p>\n              </div>\n              {formErrorMessage && (\n                <div className=\"form-error-message\">{formErrorMessage}</div>\n              )}\n              <div className=\"separate-line\"> </div>\n              <div className=\"button-container\">\n                <button\n                  type=\"button\"\n                  onClick={(event) => clearFields(event)}\n                  className=\"button-white\"\n                >\n                  Reset\n                </button>\n                <div>\n                  <button\n                    type=\"button\"\n                    onClick={() => history.push(\"/campaigns/manage-campaigns\")}\n                    className=\"button-white cancel-btn\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    disabled={campaignMessage.length > PUSH_MESSAGE_LIMIT}\n                    type=\"submit\"\n                    className=\"btn-blue\"\n                  >\n                    Next\n                  </button>\n                </div>\n              </div>\n            </form>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default QuickCampaign;\n","export interface CampaignRequestInterface {\n  limit: string;\n  page: string;\n  search: string | null;\n}\n\nexport interface CampaignInfoInterface {\n  count_campaigns: number;\n  limit: number;\n  page: number;\n  total_pages_count: number;\n  total_campaigns_count: number;\n}\n\nexport interface DeleteCampaignInterface {\n  id: number;\n}\n\nexport interface CampaignInterface {\n  id: number;\n  name: string;\n  group_name: string;\n  status: string;\n  promotion: number;\n  created_at: string;\n}export interface AdminCampaignInterface {\n  id: number;\n  name: string;\n  group_name: string;\n  status: string;\n  created_at: string;\n  complete: boolean;\n}\n\nexport interface CampaignsCreateRequestInterface {\n  name: string;\n  customer_group: number | string;\n  send_now: boolean;\n  send_date: number;\n  end_date: number;\n  message: string;\n  in_app_notification: boolean;\n  push_notification: boolean;\n  email_notification: boolean;\n  sms_notification: boolean;\n  is_promotion: boolean;\n}\n\nexport interface UpdateCampaignsRequestInterface {\n  id: string | undefined;\n  name: string;\n  customer_group: number | string;\n  send_now: boolean;\n  send_date: number;\n  end_date: number;\n  message: string;\n  in_app_notification: boolean;\n  push_notification: boolean;\n  email_notification: boolean;\n  sms_notification: boolean;\n  is_promotion: boolean;\n}\n\nexport interface SingleCampaignsRequestInterface {\n  id: string;\n}\n\nexport const campaignsPerPage = [\n  {\n    value: \"10\",\n    label: \"10\",\n  },\n  {\n    value: \"25\",\n    label: \"25\",\n  },\n  {\n    value: \"50\",\n    label: \"50\",\n  },\n  {\n    value: \"100\",\n    label: \"100\",\n  },\n];\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .delete-modal {\n    text-align: center;\n    padding: 60px 50px;\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n  .table {\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n  @media (max-width: 600px) {\n    .top-bar {\n      flex-direction: column;\n      align-items: start;\n\n      .search-wrap {\n        margin: 20px 0 0;\n      }\n    }\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport DataTable from \"react-data-table-component\";\n\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as SearchIcon } from \"src/assets/img/search.svg\";\nimport { ReactComponent as EditIcon } from \"src/assets/img/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"src/assets/img/delete.svg\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { ReactComponent as ArrowBackIcon } from \"src/assets/img/arrowBack.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"src/assets/img/arrowForward.svg\";\n\nimport { getCampaignsAxios, deleteCampaignsAxios } from \"src/api/campaigns\";\nimport {\n  CampaignRequestInterface,\n  CampaignInfoInterface,\n  CampaignInterface,\n  campaignsPerPage,\n} from \"src/types/campaign\";\n\nimport { Wrapper } from \"./styled\";\nimport Modal from \"src/components/Modal\";\n\nconst ManageCampaigns: FC = () => {\n  const [requestParamtrs, setRequestParamtrs] =\n    React.useState<CampaignRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [ManageCampaignsLoading, setManageCampaignsLoading] =\n    React.useState<boolean>(true);\n  const [manageCampaigns, setManageCampaigns] =\n    React.useState<Array<CampaignInterface> | null>(null);\n  // const [\n  //   customerGroupDelete,\n  //   setCustomerGroupDelete,\n  // ] = React.useState<DeleteCampaignInterface>({id: 0});\n  const [manageCampaignsInfo, setManageCampaignsInfo] =\n    React.useState<CampaignInfoInterface>({\n      count_campaigns: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_campaigns_count: 0,\n    });\n  const [deleteCampaign, setDeleteCampaign] = React.useState<boolean>(false);\n  const [deleteCampaignObj, setDeleteCampaignObj] = React.useState<any>(null);\n\n  const deleteGroupAsk = (obj: CampaignInterface) => {\n    if(obj.status !== 'Sent'){\n      deleteCampaignsAxios({ id: obj.id });\n    }\n    \n\n    const timeout = setTimeout(() => {\n      setDeleteCampaign(false);\n      setDeleteCampaignObj(null);\n      getManageCampaigns();\n      \n    }, 500);\n\n    return () => clearTimeout(timeout);\n  };\n\n  const manageCampaignsTableColumns = [\n    {\n      name: \"Campaign name\",\n      minWidth: \"300px\",\n      cell: (row: CampaignInterface): JSX.Element => {\n        return <div>{row.name}</div>;\n      },\n    },\n    {\n      name: \"Applies to\",\n      minWidth: \"150px\",\n      cell: (row: CampaignInterface): JSX.Element => {\n        return <div>{row.group_name || \"All customers\"}</div>;\n      },\n    },\n    {\n      name: \"Promotion\",\n      minWidth: \"90px\",\n      cell: (row: CampaignInterface): JSX.Element => {\n        return <div>{row.promotion < 1 ? \"No\" : \"Yes\"}</div>;\n      },\n    },\n    {\n      name: \"Status\",\n      minWidth: \"200px\",\n      cell: (row: CampaignInterface): JSX.Element => {\n        return <div className={`status_${row.status}`}>{row.status}</div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"200px\",\n      cell: (row: CampaignInterface): JSX.Element => {\n        return (\n          <div className=\"action\">\n            <div className=\"info\">\n              <InfoIcon />\n              <span>{row.created_at}</span>\n            </div>\n            <Link to={`/campaigns/edit-campaign/${row.id}`} className=\"edit\">\n              <EditIcon />\n            </Link>\n            <button\n              type=\"button\"\n              className=\"delete\"\n              onClick={() => {setDeleteCampaignObj(row); setDeleteCampaign(true)}}\n            >\n              <DeleteIcon />\n            </button>\n          </div>\n        );\n      },\n    },\n  ];\n\n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number\n  ) => {\n    setRequestParamtrs((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  const getManageCampaigns = () => {\n    setManageCampaignsLoading(true);\n    getCampaignsAxios(requestParamtrs).then((response) => {\n      setManageCampaigns(response.data.campaigns);\n      setManageCampaignsInfo({\n        count_campaigns: Number(response.data.count_campaigns),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_campaigns_count: Number(response.data.total_campaigns_count),\n      });\n      setManageCampaignsLoading(false);\n    });\n  };\n\n  useEffect(() => {\n    getManageCampaigns();\n  }, [requestParamtrs.page]); // eslint-disable-line\n\n  useEffect(() => {\n    // eslint-disable-line\n    if (requestParamtrs.search !== null) {\n      const timeout = setTimeout(() => {\n        getManageCampaigns();\n      }, 500);\n\n      return () => clearTimeout(timeout);\n    }\n  }, [requestParamtrs.search]); // eslint-disable-line\n\n  useEffect(() => {\n    if (Number(requestParamtrs.page) === 1 && manageCampaignsInfo.limit !== 0) {\n      getManageCampaigns();\n    }\n  }, [requestParamtrs.limit]); // eslint-disable-line\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Campaigns</div>\n      <div className=\"top-bar\">\n        <Link to=\"/campaigns/create-campaign\" className=\"white-btn-link\">\n          Create new campaign\n        </Link>\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon />}\n            getValue={(value) => handleChangeRequestParamtrs(\"search\", value)}\n          />\n        </div>\n      </div>\n\n      <div\n        className={`table-wrap ${ManageCampaignsLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {manageCampaigns !== null ? (\n            manageCampaigns.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={manageCampaignsTableColumns}\n                    data={manageCampaigns}\n                  />\n                </div>\n                <div className=\"paginate-prepage\">\n                  <div className=\"paginate\">\n                    <button\n                      className=\"prev-page\"\n                      type=\"button\"\n                      disabled={manageCampaignsInfo.page <= 1}\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          manageCampaignsInfo.page - 1\n                        )\n                      }\n                    >\n                      <ArrowBackIcon />\n                    </button>\n                    <button\n                      className=\"next-page\"\n                      type=\"button\"\n                      disabled={\n                        manageCampaignsInfo.total_pages_count <=\n                        manageCampaignsInfo.page\n                      }\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          manageCampaignsInfo.page + 1\n                        )\n                      }\n                    >\n                      <ArrowForwardIcon />\n                    </button>\n                    <div className=\"text\">\n                      {manageCampaignsInfo.page * manageCampaignsInfo.limit -\n                        manageCampaignsInfo.limit}\n                      -\n                      {manageCampaignsInfo.page * manageCampaignsInfo.limit -\n                        manageCampaignsInfo.limit +\n                        manageCampaignsInfo.count_campaigns}{\" \"}\n                      from {manageCampaignsInfo.total_campaigns_count}\n                    </div>\n                  </div>\n                  <div className=\"perpage\">\n                    <div className=\"text\">Show on page:</div>\n                    <Select\n                      selectorList={campaignsPerPage}\n                      defaultValue={{\n                        value: requestParamtrs.limit,\n                        label: requestParamtrs.limit,\n                      }}\n                      positionForShow=\"top\"\n                      required\n                      getValue={(value) => {\n                        handleChangeRequestParamtrs(\"limit\", value);\n                        handleChangeRequestParamtrs(\"page\", \"1\");\n                      }}\n                      hideSelectorFilter\n                    />\n                  </div>\n                </div>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n      {deleteCampaign && (\n        <Modal\n          openModal={deleteCampaign}\n          setOpenModal={() => setDeleteCampaign(false)}\n          closeOutsideClick\n        >\n          <div\n            className={`delete-modal`}\n          >\n            <div className=\"loading-innerwrap\">\n              {/* <div className=\"title\"> */}\n                {deleteCampaignObj.status !== 'Sent' ? (<div className=\"title\">Are you sure you want to delete the campaign &quot;\n                {deleteCampaignObj.name}&quot;?</div>) : (<div className=\"title\">You can not delete the campaing</div>\n)}\n              \n              {/* </div> */}\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  deleteGroupAsk(deleteCampaignObj);\n                }}\n              >\n                {deleteCampaignObj.status !== 'Sent' ? 'Confirm delete' : 'Confirm'}\n                \n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default ManageCampaigns;\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNotification(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 18.334,\n    height: 20,\n    viewBox: \"0 0 18.334 20\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(188,188,188)\",\n    fillRule: \"evenodd\",\n    d: \"M8.33380137 20c1.50924684 0 2.77175902-1.07589723 3.06167602-2.5H5.27212536c.29006957 1.42410277 1.5525818 2.5 3.06167601 2.5z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(188,188,188)\",\n    fillRule: \"evenodd\",\n    d: \"M14.17715465 9.99923707c-.00335695 0-.00671386.00076293-.01007082.00076293-3.2157898 0-5.83328246-2.61672973-5.83328246-5.83328246 0-.88424684.20339965-1.72012332.55755617-2.47177125-.18341066-.01739504-.36926273-.02822875-.55755617-.02822875-3.22158812 0-5.83328246 2.61154176-5.83328246 5.83328246v2.3233032c0 1.64916992-.72250367 3.2058716-1.99005129 4.27749637-.42251586.36087035-.61004637.93582152-.45837402 1.49673461.1766968.65246582.82168582 1.06918336 1.49841308 1.06918336h13.5624695c.70999144 0 1.37924195-.4600525 1.52328492-1.15585328.11169433-.53833008-.07995606-1.07589723-.49743653-1.42669676-1.21170046-1.01577762-1.91253664-2.50839234-1.96166992-4.08493043z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(81,92,221)\",\n    fillRule: \"evenodd\",\n    d: \"M18.33380137 4.16671754c0 2.30117797-1.86538695 4.16656492-4.16671754 4.16656492-2.30117797 0-4.16656492-1.86538695-4.16656492-4.16656492C10.00051891 1.86553954 11.86590586 0 14.16708383 0c2.30133059 0 4.16671754 1.86553953 4.16671754 4.16671754z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNotification);\nexport default __webpack_public_path__ + \"static/media/notification.d3dbcf69.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCardArrow(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 16,\n    height: 17,\n    viewBox: \"0 0 16 17\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M10.5867 10.6933L8 8.10664L5.41334 10.6933C5.15334 10.9533 4.73334 10.9533 4.47334 10.6933C4.21334 10.4333 4.21334 10.0133 4.47334 9.75331L7.53334 6.69331C7.79334 6.43331 8.21334 6.43331 8.47334 6.69331L11.5333 9.75331C11.7933 10.0133 11.7933 10.4333 11.5333 10.6933C11.2733 10.9466 10.8467 10.9533 10.5867 10.6933V10.6933Z\",\n    fill: \"white\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCardArrow);\nexport default __webpack_public_path__ + \"static/media/cardArrow.f57ad912.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  overflow: hidden;\n  max-width: 335px;\n  border-radius: 15px;\n  background-color: ${Color.white};\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);\n  padding: 25px;\n  padding-bottom: 0;\n  box-sizing: border-box;\n  .top {\n    display: flex;\n    align-items: flex-start;\n    margin-bottom: 15px;\n    .logo {\n      line-height: 0;\n      margin-right: 15px;\n      img {\n        object-fit: cover;\n        height: 60px;\n        width: 60px;\n        border-radius: 100%;\n      }\n    }\n    .right {\n      width: calc(100% - 75px);\n    }\n    .name-notificationCount {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 4px;\n      .name {\n        font-family: \"Averta Std ExtraBold\";\n        font-size: 16px;\n        line-height: 19px;\n        color: #2f3640;\n      }\n      .notification-count {\n        display: flex;\n        align-items: center;\n        .reward_level {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          border: 1px solid ${Color.blue};\n          border-radius: 50%;\n          width: 18px;\n          height: 18px;\n          background-color: ${Color.white};\n          padding-top: 1px;\n          box-sizing: border-box;\n          color: ${Color.blue};\n          font-size: 12px;\n          font-weight: 300;\n        }\n        @media (max-width: 400px) {\n          flex-wrap: wrap;\n          .notification {\n            flex-basis: 100%;\n          }\n          .count {\n            flex-basis: 100%;\n          }\n        }\n      }\n    }\n    .info {\n      font-family: \"Averta Std Semibold\";\n      .title {\n        color: #bcbcbc;\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 14px;\n        margin-right: 3px;\n      }\n      .content {\n        color: ${Color.grey};\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 14px;\n      }\n    }\n  }\n  .promotion-count {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    .promotion-item {\n      width: 49px;\n      height: 40px;\n      img {\n        width: 100%;\n        height: 100%;\n      }\n      .promotion-item-icon {\n        margin: auto;\n        width: max-content;\n      }\n      .promotion-item-icon-number {\n        font-family: \"Averta Std ExtraBold\";\n        color: #ffffff;\n        position: absolute;\n        top: -1px;\n        left: -3px;\n        font-size: 9px;\n        width: -webkit-fill-available;\n        height: -webkit-fill-available;\n        text-align: center;\n        line-height: 49px;\n      }\n    }\n    .promotion_done {\n      width: 49px;\n      height: 40px;\n      img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n    .points-progress-line {\n      width: 100%;\n      display: flex;\n      .progress-line {\n        width: calc(100% - 85px);\n        margin-right: 10px;\n        border-radius: 4px;\n        color: ${Color.white};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n        padding: 8px 15px;\n        /* &.full { */\n        background: #5771e1;\n        /* } */\n        /* &.empty {\n                background-color: #dcdef7;\n                color: ${Color.blueDarkText};\n              } */\n      }\n      .progress-done {\n        position: relative;\n        line-height: 0;\n        width: 75px;\n        .text {\n          position: absolute;\n          top: 7px;\n          left: 5px;\n          color: ${Color.white};\n          font-size: 10px;\n          font-weight: 300;\n          line-height: 11px;\n          width: 45px;\n          word-wrap: break-word;\n        }\n        .dark-text {\n          color: ${Color.blueDarkText};\n        }\n      }\n    }\n  }\n  &.full {\n    .promotion-count {\n      .promotion-item {\n        svg {\n          g {\n            opacity: 1;\n          }\n          path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n    }\n  }\n  .progress_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding-top: 8px;\n  }\n  .progress_line_wrapper {\n    flex-grow: 1;\n  }\n  .progress_reward {\n    display: flex;\n    width: 70px;\n    height: 32px;\n    margin-left: 20px;\n    text-transform: uppercase;\n    color: ${Color.white};\n    border-radius: 4px;\n    overflow: hidden;\n    .progress_reward_off {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      background-color: ${Color.orange};\n      width: 16px;\n      font-size: 6px;\n      writing-mode: vertical-rl;\n    }\n    .progress_reward_one {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      font-size: 9px;\n      font-weight: 500;\n      padding: 4px;\n    }\n  }\n  .progress_count {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    margin-bottom: 10px;\n    color: ${Color.greyMedium};\n  }\n  .progress_indicator {\n    width: 100%;\n    appearance: none;\n    border-radius: 4px;\n    &::-webkit-progress-value {\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      border-radius: 4px;\n      height: 12px;\n    }\n    &::-webkit-progress-bar {\n      background-color: rgba(81, 92, 221, 0.2);\n      border-radius: 4px;\n      height: 12px;\n    }\n  }\n  //\n  .card-bottom-control-button {\n    position: absolute;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: linear-gradient(\n            0deg,\n              ${Color.gradientFreeCardFrom} -16.46%,\n            ${Color.gradientFreeCardTo} 98.11%\n    );\n    border: 3px solid white;\n    top: 0px;\n    left: calc(50% - 13px);\n    padding: 0;\n  }\n  .bottom-top {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    height: 15px;\n    border-radius: 0px 0px 15px 15px;\n    background-color: white;\n  }\n  .card-closed {\n    margin-bottom: 0;\n    max-height: 1px;\n    overflow: hidden;\n    transition: max-height 0.5s ease-in, margin-bottom 0.3s ease-out;\n  }\n  .card-opened {\n    margin-bottom: 24px;\n    max-height: 150px;\n    transition: max-height 0.5s ease-in, margin-bottom 0.2s ease-out;\n  }\n  .card-bottom-control-button:hover {\n    transition: transform 0.8s ease-in-out;\n    background: #ec9345;\n  }\n  .card-button-closed {\n    .card-bottom-control-button {\n      transition: transform 0.8s ease-in-out;\n      transform: rotate(180deg);\n    }\n  }\n  .card-button-opened {\n    .card-bottom-control-button {\n      transform: rotate(360deg);\n    }\n  }\n  //\n  .card-bottom {\n    height: 45px;\n    background: linear-gradient(\n      0deg,\n      ${Color.gradientFreeCardFrom} -16.46%,\n      ${Color.gradientFreeCardTo} 98.11%\n    );\n    margin-left: -25px;\n    margin-right: -25px;\n    position: relative;\n    .card-bottom-control-button {\n      position: absolute;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      border: 3px solid white;\n      top: 0px;\n      left: calc(50% - 13px);\n      padding: 0;\n    }\n    .bottom-top {\n      position: absolute;\n      top: 0;\n      width: 100%;\n      height: 15px;\n      border-radius: 0px 0px 15px 15px;\n      background-color: white;\n    }\n    .card-closed {\n      margin-bottom: 0;\n      max-height: 1px;\n      overflow: hidden;\n      transition: max-height 0.5s ease-in, margin-bottom 0.3s ease-out;\n    }\n    .card-opened {\n      margin-bottom: 24px;\n      max-height: 150px;\n      transition: max-height 0.5s ease-in, margin-bottom 0.2s ease-out;\n    }\n    .card-bottom-control-button:hover {\n      transition: transform 0.8s ease-in-out;\n      background: #ec9345;\n    }\n    .card-button-closed {\n      .card-bottom-control-button {\n        transition: transform 0.8s ease-in-out;\n        transform: rotate(180deg);\n      }\n    }\n    .card-button-opened {\n      .card-bottom-control-button {\n        transform: rotate(360deg);\n      }\n    }\n    // &::after {\n    //   position: absolute;\n    //   display: block;\n    //   content: \"\";\n    //   border-radius: 50%;\n    //   width: 35px;\n    //   height: 35px;\n    //   top: -35px;\n    //   left: 0;\n    //   box-shadow: -15px 15px 0 blue;\n    // }\n    // &::before {\n    //   position: absolute;\n    //   display: block;\n    //   content: \"\";\n    //   border-radius: 50%;\n    //   width: 35px;\n    //   height: 35px;\n    //   top: -35px;\n    //   right: 0;\n    //   box-shadow: 15px 15px 0 blue;\n    // }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { ReactComponent as NotificationIcon } from \"../../assets/img/notification.svg\";\nimport { ReactComponent as Arrow } from \"../../assets/img/cardArrow.svg\";\n\nimport { AccountInformationInterface } from \"../../types/registration\";\n\nimport { Wrapper } from \"./styled\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\n\ninterface ICard {\n  acceptedFiles: File[] | string;\n  accountInformation: AccountInformationInterface;\n  cardClosed: boolean;\n  setCardClosed: (cardClosed: boolean) => any;\n  points_info?: {\n    points?: string | number;\n    maxPoints?: string | number;\n    reward?: string;\n  }\n}\n\nconst Card = ({\n  acceptedFiles,\n  accountInformation,\n  cardClosed,\n  setCardClosed,\n  points_info,\n}: ICard) => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  return (\n    <Wrapper>\n      <div className=\"top\">\n        <div className=\"logo\">\n          {acceptedFiles.length ? (\n            <img\n              src={\n                typeof acceptedFiles === \"string\"\n                  ? acceptedFiles\n                  : URL.createObjectURL(acceptedFiles[0])\n              }\n              alt=\"\"\n            />\n          ) : (\n            <img src={userDefaultImg} alt=\"\" />\n          )}\n        </div>\n        <div className=\"right\">\n          <div className=\"name-notificationCount\">\n            <div className=\"name\">\n              {accountInformation.companyName\n                ? accountInformation.companyName\n                : \"Company Name\"}\n            </div>\n            <div className=\"notification-count\">\n              {accountInformation.promotionType === 1 ? (\n                <div className=\"notification\">\n                  <NotificationIcon />\n                </div>\n              ) : (\n                <div className=\"reward_level\">1</div>\n              )}\n            </div>\n          </div>\n          <div className=\"info\">\n            <span className=\"title\">\n              Digital Loyalty Program\n            </span>\n            <span className=\"content\">\n              {accountInformation.promotionType === 1\n                ? \"Stamps\"\n                : \"Points\"}\n            </span>\n          </div>\n          <div className=\"info\">\n            <span className=\"title\">Details:</span>\n            <span className=\"content\">\n              {accountInformation.rewardInformation ?? \"\"}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div className={`card-closed ${cardClosed ? \"card-opened\" : \"\"}`}>\n        {accountInformation.promotionType === 2 ? (\n          <div className=\"progress_wrapper\">\n            <div className=\"progress_line_wrapper\">\n              <p className=\"progress_count\">\n                {`${points_info?.points ?? \"\"} points out of ${\n                  points_info?.maxPoints ?? \"\"\n                }`}\n              </p>\n              <progress\n                className=\"progress_indicator\"\n                max={points_info?.maxPoints}\n                value={points_info?.points}\n              />\n            </div>\n            <div className=\"progress_reward\">\n              <p className=\"progress_reward_off\">{loggedUser?.user?.currency_symbol || '€'}10 OFF</p>\n              <p className=\"progress_reward_one\">Reward One</p>\n            </div>\n          </div>\n        ) : accountInformation.stampName ? (\n          <div className=\"promotion-count\">\n            {accountInformation.promotionType === 1 ? (\n              <>\n                {Array.from(\n                  { length: accountInformation.maxNumberPromotion },\n                  (_, i) => (\n                    <div key={i} className=\"promotion-item\">\n                      <img\n                        src={`/card-icons/${i + 1}_${\n                          accountInformation.stampName\n                        }_${i > 2 ? \"grey\" : \"gradient\"}.svg`}\n                        alt={accountInformation.stampName}\n                      />\n                    </div>\n                  )\n                )}\n                <div className=\"promotion_done\">\n                  <img\n                    src={`/card-icons/${accountInformation.stampName}_free.svg`}\n                    alt={accountInformation.stampName}\n                  />\n                </div>\n              </>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      <div\n        className={`card-button-closed ${\n          cardClosed ? \"card-button-opened\" : \"\"\n        }`}\n      >\n        <div className=\"card-bottom\">\n          <div className=\"bottom-top\" />\n          <button\n            onClick={() => {\n              setCardClosed(!cardClosed);\n            }}\n            type=\"button\"\n            className=\"card-bottom-control-button\"\n          >\n            <Arrow />\n          </button>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Card;\n","import { Color } from \"src/types/color\";\nimport styled from \"styled-components\";\n\nconst Wrapper = styled.label`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-height: 18px;\n  text-align: left;\n  font-size: 16px;\n  color: ${Color.blueDarkText};\n  cursor: pointer;\n  padding-left: 20px;\n  margin: 5px 0px;\n  user-select: none;\n\n  .check_input {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 0;\n    height: 0;\n    opacity: 0;\n  }\n  .check_box {\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    /* top: 4px; */\n    border-radius: 4px;\n    margin-left: -20px;\n    background-position: center;\n    background-size: 120%;\n    background-repeat: no-repeat;\n    transition: background-color 0.2s ease-out;\n  }\n  .label_checkbox {\n    margin-left: 8px;\n  }\n  .check_box_darkBlue {\n    border: 2px solid ${Color.blueDarkText};\n  }\n\n  @media (max-width: 768px) {\n    font-size: 14px;\n    .check_box {\n      top: 1px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\nimport { Wrapper } from \"./style\";\n\ninterface ICheckbox {\n  id?: string;\n  label?: string | React.ReactNode;\n  isChecked?: boolean;\n  isDisabled?: boolean;\n  onChange?: (isChecked: boolean) => void;\n  theme?: \"darkBlue\";\n}\n\nconst Checkbox: React.FC<ICheckbox> = ({\n  id,\n  label = \"\",\n  isChecked,\n  isDisabled = false,\n  theme = \"darkBlue\",\n  onChange,\n}) => {\n  const themeCN = {\n    darkBlue: \"check_box_darkBlue\",\n  }[theme];\n\n  const handleCheck = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  return (\n    <Wrapper>\n      <input\n        id={id}\n        className=\"check_input\"\n        type=\"checkbox\"\n        checked={isChecked}\n        disabled={isDisabled}\n        onChange={handleCheck}\n      />\n      <span className={`check_box ${themeCN}`} />\n      <p className=\"label_checkbox\">{label}</p>\n    </Wrapper>\n  );\n};\n\nexport default Checkbox;\n","export class RequestFormData extends FormData {\n  appendArray = (key: string, data: any) => {\n    if (this.isIterable(data)) {\n      Object.keys(data).forEach((index: string) => {\n        this.appendArray(`${key}[${index}]`, data[index]);\n      });\n    } else {\n      this.append(key, data);\n    }\n  };\n\n  isIterable = (obj: any) => {\n    if (obj == null) {\n      return false;\n    }\n    return typeof obj === \"object\";\n  };\n}\n","import {\n  RequestParamtrsInterface,\n  SearchLocationUserInterface,\n  NewUserToLocationInterface,\n  EditLocationStaffInterface,\n} from \"src/types/place\";\nimport axios from \"./api\";\nimport { RequestFormData } from \"../utils/requestFormData\";\n\nexport const getPlaceInfoAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/getPlace\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updatePlacePhotoAxios = (\n  requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/api/updatePlacePhoto\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateBusinessInfoAxios = (\n  requestParameters: RequestParamtrsInterface\n): Promise<any> => {\n  const formData = new RequestFormData();\n\n  formData.append(\"business_category\", requestParameters.business_category);\n  formData.append(\"business_name\", requestParameters.business_name);\n  formData.append(\"businessType\", requestParameters.businessType);\n  formData.append(\"description\", requestParameters.description);\n  formData.append(\"max_count\", requestParameters.max_count.toString());\n  formData.append(\"promotion_label\", requestParameters.promotion_label ?? \"\");\n  formData.append(\"promotion_name\", requestParameters.promotion_name ?? \"\");\n  formData.append(\"bonusRewardTarget\", requestParameters.bonusRewardTarget ? requestParameters.bonusRewardTarget.toString() : '');\n  formData.append(\"bonusRewardValue\", requestParameters.bonusRewardTarget ? requestParameters.bonusRewardValue.toString() : '');\n  formData.append(\"bonusRewardLabel\", requestParameters.bonusRewardTarget ? requestParameters.bonusRewardLabel : \"\");\n  formData.append(\"bonusRewardExpireDays\", requestParameters.bonusRewardExpireDays ? requestParameters.bonusRewardExpireDays : \"\");\n  formData.append(\n    \"promotion_type\",\n    requestParameters.promotion_type.toString()\n  );\n  formData.append(\"website_url\", requestParameters.website_url ?? \"\");\n  formData.append(\"defaultVoucherName\", requestParameters.defaultVoucherName ?? \"\");\n  formData.append(\"instagram_url\", requestParameters.instagram_url ?? \"\");\n  formData.append(\"facebook_url\", requestParameters.facebook_url ?? \"\");\n  formData.appendArray(\"points\", requestParameters.points);\n  formData.append(\"first_checkIn\", requestParameters.first_checkIn ?? \"\");\n  formData.append(\"promotionPointsSelectedTypeValue\", requestParameters.promotionPointsSelectedTypeValue ?? \"\");\n  formData.append(\"promotionPointsEndDate\", requestParameters.promotionPointsEndDate ?? \"\");\n  formData.append(\"promotionPointsStartDate\", requestParameters.promotionPointsStartDate ?? \"\");\n  formData.append(\"promotionPointsType\", requestParameters.promotionPointsType ?? \"\");\n  formData.append(\"promotionPointsValue\", requestParameters.promotionPointsValue ?? \"\");\n  return axios\n    .post(\"/api/updatePlace\", formData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n\nexport const addLocationAxios = (\n  requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/api/addNewLocationToPlace\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateLocationAxios = (\n  requestFormData: any //eslint-disable-line\n): Promise<any> =>\n  axios\n    .post(\"/api/updateLocation\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeLocationAxios = (id: number): Promise<any> =>\n  axios\n    .post(\"/api/removeLocation\", { location_id: id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const searchUserLocationAxios = (\n  requestParamtrs: SearchLocationUserInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/sellerListSearch\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const addUserToLocationAxios = (\n  requestParamtrs: NewUserToLocationInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/addUserToLocation\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const updateLocationStaffAxios = (\n  requestParamtrs: EditLocationStaffInterface\n): Promise<any> =>\n  axios\n    .post(\"/api/updateSellerInfo\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeLocationStaffAxios = (id: number): Promise<any> =>\n  axios\n    .post(\"/api/removeStaff\", { id })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getPlaceInfoByHashAxios = (hash: string): Promise<any> =>\n  axios\n    .post(\"/public/getPlaceByHash\", { hash })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const confirmPlaceInfoByHashAxios = (hash: string): Promise<any> =>\n  axios\n    .post(\"/public/confirmPlaceByHash\", { hash })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const declinePlaceInfoByHashAxios = (hash: string): Promise<any> =>\n  axios\n    .post(\"/public/declinePlaceByHash\", { hash })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import { AccountInformationInterface } from \"../../../../types/registration\";\nimport axios from \"../../../../api/api\";\nimport { RequestFormData } from \"../../../../utils/requestFormData\";\n\nexport const registerYourCompany = (\n  data: AccountInformationInterface,\n  accountInformationToken: string,\n  acceptedFiles: File[]\n): Promise<any> => {\n  const formData = new RequestFormData();\n\n  formData.append(\"details\", data.rewardInformation);\n  formData.append(\"name\", data.companyName);\n  formData.append(\"first_checkIn\", data.first_checkIn.toString() ?? '0');\n  formData.append(\"number_promotions\", data.maxNumberPromotion.toString());\n  formData.append(\"business_type\", data.businessType.toString());\n  formData.append(\"promotion_type\", data.promotionType.toString());\n  formData.append(\"stamp_icon\", data.stampIcon.toString());\n  formData.append(\"promotion_label\", data.promotionLabel);\n  formData.append(\"image\", acceptedFiles[0]);\n  formData.append(\"token\", accountInformationToken);\n\n  formData.appendArray(\"points\", data.rewards);\n\n  return axios\n    .post(\"/public/register-company\", formData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n\nexport const getBusinessTypesAxios = (): Promise<any> =>\n  axios\n    .get(\"/public/business-type\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getStampIconsAxios = (): Promise<any> =>\n  axios\n    .get(\"/public/stamp-icon\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getActivateDaysAxios = (): Promise<any> =>\n  axios\n    .get(\"/public/activate-days\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","const verificationToken = \"verification_token\";\nconst accountInformationToken = \"account_information_token\";\nconst stampList = [\n  {\n    value: 5,\n    label: \"5\",\n  },\n  {\n    value: 6,\n    label: \"6\",\n  },\n  {\n    value: 7,\n    label: \"7\",\n  },\n  {\n    value: 8,\n    label: \"8\",\n  },\n  {\n    value: 9,\n    label: \"9\",\n  },\n  {\n    value: 10,\n    label: \"10\",\n  },\n];\n\nconst EXPIRE_REWARD_LIST = [\n  {\n    value: 30,\n    label: \"30\",\n  },\n  {\n    value: 60,\n    label: \"60\",\n  },\n  {\n    value: 100,\n    label: \"100\",\n  },\n  {\n    value: 365,\n    label: \"365\",\n  },\n];\n\nexport {\n  verificationToken,\n  accountInformationToken,\n  stampList,\n  EXPIRE_REWARD_LIST,\n};\n","import {SelectorListObj} from \"../components/Select/types\";\n\nexport const pointObjValuesToString = (\n  obj: { [key: string]: number | string } | null\n): string | typeof NaN => {\n  if (!obj) return NaN;\n  const resultStr = Object.entries(obj).reduce((str, [key, value]) => {\n    if (key !== \"id\") {\n      return str + value;\n    }\n    return str;\n  }, \"\");\n  return resultStr !== \"00\" ? resultStr : NaN;\n};\n\nexport const CBETypes = {\n  futaTill: 0,\n  pixelPoint: 1,\n  innova: 2\n}\n\nexport const ConditionsOperatorList: SelectorListObj[] = [\n  {\n    value: '=',\n    label: \"EQUAL\",\n  },{\n    value: '!=',\n    label: \"NOT EQUAL\",\n  },{\n    value: '>',\n    label: \"GREATER THAN\",\n  },{\n    value: '>=',\n    label: \"GREATER THAN OR EQUAL\",\n  },{\n    value: '<',\n    label: \"LESS THAN\",\n  },{\n    value: '<=',\n    label: \"LESS THAN OR EQUAL\",\n  },{\n    value: 'STARTS_WITH',\n    label: \"STARTS WITH\",\n  },{\n    value: 'DOES_NOT_START_WITH',\n    label: \"DOES NOT START WITH\",\n  },{\n    value: 'CONTAINS',\n    label: \"CONTAINS\",\n  },{\n    value: 'DOES_NOT_CONTAIN',\n    label: \"DOES NOT CONTAIN\",\n  },\n]\n\nexport const ConditionsLogicOperatorList: SelectorListObj[] = [\n  {\n    value: 'OR',\n    label: \"OR\",\n  },\n  {\n    value: 'AND',\n    label: \"AND\",\n  }\n]\n\nexport const ConditionsActionList: SelectorListObj[] = [\n  {\n    value: 'percent',\n    label: \"Percent\",\n  },\n  {\n    value: 'disallow',\n    label: \"Disallow\",\n  }\n]\nexport const ConditionsFieldsList: SelectorListObj[] = [\n  {\n    value: 'location',\n    label: \"Location\",\n  },\n  {\n    value: 'date',\n    label: \"Date\",\n  },{\n    value: 'datetime',\n    label: \"Datetime\",\n  },{\n    value: 'time',\n    label: \"Time\",\n  },\n]\n","import React, { FC, useEffect } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport { updatePlacePhotoAxios } from \"src/api/place\";\nimport { ReactComponent as UploadIcon } from \"src/assets/img/upload.svg\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\n\nimport * as Types from \"./types\";\n\nconst BusinessLogo: FC<Types.Props> = ({\n  businessLogoProps,\n  setBusinessLogoProps,\n}) => {\n  const [loadingBusinessLogo, setLoadingBusinessLogo] =\n    React.useState<boolean>(false);\n  const [businessLogo, setBusinessLogo] =\n    React.useState<string>(businessLogoProps);\n\n  useEffect(() => {\n    setBusinessLogo(businessLogoProps);\n  }, [businessLogoProps]);\n\n  const onDrop = (acceptedFiles: any) => {\n    if (acceptedFiles[0]) {\n      setLoadingBusinessLogo(true);\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"file\", acceptedFiles[0]);\n      updatePlacePhotoAxios(requestFormData)\n        .then((response) => {\n          setBusinessLogo(response.data.place.image);\n          setBusinessLogoProps(response.data.place.image);\n          setLoadingBusinessLogo(false);\n        })\n        .catch(() => {\n          setLoadingBusinessLogo(false);\n        });\n    }\n  };\n\n  const { isDragActive, getRootProps, getInputProps } = useDropzone({\n    accept: ['image/jpeg', 'image/jpg', 'image/png'],\n    multiple: false,\n    onDrop,\n  });\n\n  return (\n    <div className={`logo-wrap ${loadingBusinessLogo ? \"loading-blue\" : \"\"}`}>\n      <div className={`${loadingBusinessLogo ? \"loading-innerwrap\" : \"\"}`}>\n        <div className={`dropZone ${businessLogo ? \"with-photo\" : \"\"}`}>\n          <div {...getRootProps()} className={`active_${isDragActive}`}>\n            {\" \"}\n            {/*eslint-disable-line*/}\n            <input {...getInputProps()} required /> {/*eslint-disable-line*/}\n            {businessLogo ? (\n              <div className=\"img\">\n                <img src={businessLogo} alt=\"\" />\n              </div>\n            ) : null}\n            <div className=\"dropZone-content-text\">\n              <UploadIcon />\n              <span className=\"text\">\n                <span className=\"title\">\n                  {businessLogo\n                    ? \"Update your logo\"\n                    : \"Please click here and add your logo\"}\n                </span>\n              </span>\n            </div>\n          </div>\n        </div>\n        <div className=\"info-sixe\">\n          <InfoIcon />\n          <span className=\"text\">Perfect size - 1080x1080px</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default BusinessLogo;\n","import { Color } from \"src/types/color\";\nimport styled, { keyframes } from \"styled-components\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  .card-preview {\n    overflow: hidden;\n    width: 335px;\n    border-radius: 15px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);\n    padding: 25px;\n    padding-bottom: 0;\n    box-sizing: border-box;\n\n    .top {\n      display: flex;\n      align-items: flex-start;\n      margin-bottom: 25px;\n\n      .logo {\n        line-height: 0;\n        margin-right: 15px;\n\n        img {\n          object-fit: cover;\n          height: 60px;\n          width: 60px;\n          border-radius: 100%;\n        }\n      }\n\n      .right {\n        width: calc(100% - 75px);\n      }\n\n      .name-notificationCount {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 4px;\n\n        .name {\n          font-family: \"Averta Std ExtraBold\";\n          font-size: 16px;\n          line-height: 19px;\n          color: #2f3640;\n        }\n\n        .notification-count {\n          display: flex;\n          align-items: center;\n\n          .notification {\n            margin-right: 15px;\n          }\n\n          .count {\n            border: 1px solid ${Color.blue};\n            border-radius: 4px;\n            background-color: ${Color.white};\n            padding: 0 5px;\n            box-sizing: border-box;\n            color: ${Color.blue};\n            font-size: 12px;\n            font-weight: 300;\n            line-height: 21px;\n          }\n\n          @media (max-width: 400px) {\n            flex-wrap: wrap;\n            .notification {\n              flex-basis: 100%;\n              margin-right: 0px;\n            }\n\n            .count {\n              flex-basis: 100%;\n            }\n          }\n        }\n      }\n\n      .info {\n        font-family: \"Averta Std Semibold\";\n\n        .title {\n          color: #bcbcbc;\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 14px;\n          margin-right: 3px;\n        }\n\n        .content {\n          color: ${Color.grey};\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 14px;\n        }\n      }\n    }\n\n    .promotion-count {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n\n      .promotion-item {\n        width: 49px;\n        height: 40px;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n\n        .promotion-item-icon {\n          margin: auto;\n          width: max-content;\n        }\n\n        .promotion-item-icon-number {\n          font-family: \"Averta Std ExtraBold\";\n          color: #ffffff;\n          position: absolute;\n          top: -1px;\n          left: -3px;\n          font-size: 9px;\n          width: -webkit-fill-available;\n          height: -webkit-fill-available;\n          text-align: center;\n          line-height: 49px;\n        }\n      }\n\n      .promotion_done {\n        width: 49px;\n        height: 40px;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .points-progress-line {\n        width: 100%;\n        display: flex;\n\n        .progress-line {\n          width: calc(100% - 85px);\n          margin-right: 10px;\n          border-radius: 4px;\n          color: ${Color.white};\n          font-size: 14px;\n          font-weight: 300;\n          line-height: 18px;\n          padding: 8px 15px;\n          /* &.full { */\n          background: #5771e1;\n          /* } */\n            /* &.empty {\n            background-color: #dcdef7;\n            color: ${Color.blueDarkText};\n          } */\n        }\n\n        .progress-done {\n          position: relative;\n          line-height: 0;\n          width: 75px;\n\n          .text {\n            position: absolute;\n            top: 7px;\n            left: 5px;\n            color: ${Color.white};\n            font-size: 10px;\n            font-weight: 300;\n            line-height: 11px;\n            width: 45px;\n            word-wrap: break-word;\n          }\n\n          .dark-text {\n            color: ${Color.blueDarkText};\n          }\n        }\n      }\n    }\n\n    &.full {\n      .promotion-count {\n        .promotion-item {\n          svg {\n            g {\n              opacity: 1;\n            }\n\n            path {\n              fill: ${Color.blue};\n            }\n          }\n        }\n      }\n    }\n\n    @media (max-width: 400px) {\n      padding: 20px 10px;\n    }\n  }\n  .card-bottom {\n    height: 45px;\n    background: linear-gradient(\n      0deg,\n      ${Color.gradientFreeCardFrom} -16.46%,\n      ${Color.gradientFreeCardTo} 98.11%\n    );\n    margin-left: -25px;\n    margin-right: -25px;\n    position: relative;\n    .card-bottom-control-button {\n      position: absolute;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      border: 3px solid white;\n      top: 0px;\n      left: calc(50% - 13px);\n      padding: 0;\n    }\n    .bottom-top {\n      position: absolute;\n      top: 0;\n      width: 100%;\n      height: 15px;\n      border-radius: 0px 0px 15px 15px;\n      background-color: white;\n    }\n  }\n\n  .card-closed {\n    margin-bottom: 0;\n    max-height: 1px;\n    overflow: hidden;\n    transition: max-height 0.5s ease-in, margin-bottom 0.3s ease-out;\n  }\n\n  .card-opened {\n    margin-bottom: 14px;\n    max-height: 150px;\n    transition: max-height 0.5s ease-in, margin-bottom 0.2s ease-out;\n  }\n\n  .card-bottom-control-button:hover {\n    transition: transform 0.8s ease-in-out;\n    background: #ec9345;\n  }\n\n  .card-button-closed {\n    .card-bottom-control-button {\n      transition: transform 0.8s ease-in-out;\n      transform: rotate(180deg);\n    }\n  }\n\n  .card-button-opened {\n    .card-bottom-control-button {\n      transform: rotate(360deg);\n    }\n  }\n\n  .page-title {\n    margin-bottom: 12px;\n  }\n\n  .page-subtitle {\n    max-width: 515px;\n    margin-bottom: 30px;\n  }\n\n  .main-content {\n    position: relative;\n    min-height: 350px;\n\n    &.loading-blue::before {\n      display: none;\n    }\n  }\n\n  .business-info-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    margin-bottom: 30px;\n  }\n\n  .form_wrapper {\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px;\n    box-sizing: border-box;\n    @media (max-width: 500px) {\n      padding: 20px;\n    }\n  }\n\n  .business-info-left {\n    position: relative;\n    width: calc(65% - 15px);\n      /* border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px; */\n    margin-right: 15px;\n    box-sizing: border-box;\n\n    .form-group {\n      margin-bottom: 30px;\n\n      .select {\n        margin-bottom: 0;\n      }\n\n      &_three_items {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        & > * {\n          width: 32% ;\n        }\n        @media (max-width: 700px) {\n          & > * {\n          flex-basis: 100%;\n        }\n        }\n      }\n    }\n\n    .category-promotionName {\n      display: flex;\n      flex-wrap: wrap;\n    }\n\n    .category-group {\n      width: calc(50% - 15px);\n      margin-right: 15px;\n    }\n\n    .promotionName-group {\n      width: calc(50% - 15px);\n      margin-left: 15px;\n    }\n\n    .promotionType-promotionCount {\n      display: flex;\n      flex-wrap: wrap;\n\n      &.Points {\n        flex-wrap: nowrap;\n\n        & > div {\n          width: calc(100% / 3);\n\n          &.promotionVaucherInformation-group {\n            margin-right: 15px;\n            margin-left: 15px;\n          }\n        }\n      }\n    }\n\n    .promotionType-group {\n      width: calc(50% - 15px);\n      margin-right: 15px;\n    }\n\n    .promotionCount-group {\n      width: calc(50% - 15px);\n      margin-left: 15px;\n    }\n\n    .line {\n      height: 1px;\n      background-color: rgba(0, 13, 70, 0.1);\n      margin-bottom: 10.5px;\n    }\n\n    .form-error-message {\n      color: red;\n      font-size: 14px;\n      font-weight: 300;\n      text-align: center;\n      margin-bottom: 15px;\n    }\n\n    .button-row {\n      margin-top: 20px;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n      align-items: center;\n\n      .verification-status {\n        margin-right: 20px;\n        padding: 10px 20px;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        text-align: center;\n        color: rgb(0, 13, 70);\n        border: 1.5px solid rgb(0, 13, 70);\n        border-radius: 4px;\n        background-color: ${Color.white};\n\n        &.approved {\n          border: 1.5px solid ${Color.blue};\n          color: ${Color.blue};\n        }\n      }\n\n      .btn-blue {\n        width: auto;\n        padding: 10px 30px;\n      }\n    }\n  }\n\n  .business-info-right_wrapper {\n    width: 35%;\n    @media (max-width: 1300px) {\n      width: 100%;\n    }\n  }\n\n  .business-info-right {\n    max-width: 395px;\n    margin: 0 auto;\n    background-color: ${Color.white};\n    border-radius: 4px;\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px;\n    box-sizing: border-box;\n    min-height: 100%;\n    position: relative;\n  }\n\n  .dropZone {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n\n    &.with-photo {\n      & > div {\n        .dropZone-content-text {\n          opacity: 0;\n          transition: 0.5s all ease;\n        }\n      }\n\n      &:hover {\n        & > div {\n          .dropZone-content-text {\n            opacity: 0.9;\n          }\n        }\n      }\n    }\n\n    & > div {\n      position: relative;\n      height: 100%;\n      outline: none;\n      cursor: pointer;\n\n      &.active_true {\n        border-color: ${Color.blueDark};\n        box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n      }\n\n      &.active_false {\n        min-height: 320px;\n      }\n\n      input {\n        max-width: 100%;\n        display: block !important;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        margin: auto;\n        opacity: 0;\n        z-index: -1;\n      }\n\n      .img {\n        line-height: 0;\n\n        img {\n          height: 320px;\n          width: 100%;\n          object-fit: cover;\n        }\n      }\n\n      .dropZone-content-text {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: ${Color.blueLightBackground};\n        border: 1px dashed ${Color.blue};\n        border-radius: 4px;\n        outline: none;\n        padding: 30px;\n        cursor: pointer;\n        transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n        & > svg {\n          margin-bottom: 5px;\n          animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n          path[fill-rule=\"evenodd\"] {\n            fill: ${Color.blue};\n          }\n        }\n\n        .text {\n          color: ${Color.blue};\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          text-align: center;\n\n          span {\n            margin-bottom: 5px;\n          }\n\n          .title {\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n          }\n\n          .description {\n            opacity: 0.6;\n            font-size: 12px;\n            font-weight: 300;\n            line-height: 15px;\n          }\n\n          .file-name {\n            font-size: 21px;\n            font-weight: 300;\n            line-height: 23px;\n          }\n        }\n      }\n    }\n  }\n\n  .logo-wrap {\n    .info-sixe {\n      margin-top: 15px;\n      border-radius: 4px;\n      background-color: rgba(81, 92, 221, 0.1);\n      padding: 10px 15px;\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 12px;\n\n        path.circle {\n          fill: ${Color.blue};\n        }\n      }\n\n      .text {\n        color: ${Color.blue};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n\n  .locations-card-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n\n  .locations {\n    position: relative;\n    /* margin-right: 30px; */\n    /* width: calc(70% - 30px); */\n    margin-top: 30px;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 25px 30px;\n    box-sizing: border-box;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin-bottom: 25px;\n    }\n\n    .create-filter {\n      margin-bottom: 15px;\n    }\n\n    .create-location {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        position: relative;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .select-deal-container {\n        .select {\n          margin-bottom: 15px;\n        }\n      }\n\n      .input-wrap {\n        margin-bottom: 15px;\n\n        .location-group {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .add-location-wrapper {\n        display: flex;\n        flex-direction: column;\n\n        .left-block {\n          width: 100%;\n          margin-right: 15px;\n        }\n\n        .right-block {\n          width: 100%;\n\n          .upload-image {\n            height: 150px;\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n\n    .create-new-user {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        overflow: hidden;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .input-wrap {\n        display: flex;\n        margin-bottom: 15px;\n\n        & > div {\n          flex: 1;\n          width: calc(100% / 3);\n          margin-right: 20px;\n\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n\n    .location-item {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      margin-bottom: 25px;\n      padding: 20px 30px;\n      box-sizing: border-box;\n\n      .main {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        margin-bottom: 15px;\n\n        .logo-nameAddress {\n          display: flex;\n          align-items: flex-start;\n        }\n\n        .logo {\n          line-height: 0;\n          margin-right: 15px;\n\n          img {\n            height: 40px;\n            width: 40px;\n            border-radius: 100%;\n            object-fit: cover;\n          }\n        }\n\n        .name-address {\n          width: calc(100% - 55px);\n        }\n\n        .name {\n          color: ${Color.blueDarkText};\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 23px;\n          margin-bottom: 5px;\n        }\n\n        .address {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 22px;\n          margin-bottom: 20px;\n        }\n\n        .edit-remove {\n          display: flex;\n          align-items: center;\n\n          button {\n            background: none;\n            padding: 0;\n            opacity: 0.6;\n\n            &:hover {\n              opacity: 1;\n            }\n          }\n\n          .edit {\n            margin-right: 10px;\n          }\n        }\n      }\n\n      .two_btn_wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        @media (max-width: 600px) {\n          * {\n              flex-basis: 100%;\n              margin-bottom: 10px;\n            }\n          }\n        button {\n          background: none;\n          color: ${Color.blue};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          text-align: center;\n        }\n      }\n\n      &.hide-staff {\n        .show-hide-staff {\n          button {\n            .hide {\n              display: none;\n            }\n          }\n        }\n\n        .staff-list-wrap {\n          height: 0px;\n          overflow: hidden;\n        }\n      }\n\n      &.show-staff {\n        .show-hide-staff {\n          button {\n            .show {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .show-hide-staff {\n        text-align: center;\n      }\n\n      .staff-list-wrap {\n        transition: 0.5s all ease;\n      }\n\n      .create-filter {\n        display: flex;\n\n        .search-wrap {\n          margin-left: 20px;\n          flex: 1;\n          width: 100%;\n        }\n\n        button {\n          margin-bottom: 15px;\n        }\n      }\n\n      .staff-list {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        padding-bottom: 20px;\n        box-sizing: border-box;\n        margin-bottom: 15px;\n\n        &.table {\n          & > div {\n            overflow: unset;\n          }\n        }\n\n        &-table-wrap {\n          position: relative;\n        }\n\n        div.rdt_TableRow {\n          padding: 13px 0;\n        }\n\n        div:first-child {\n          &::-webkit-scrollbar {\n            height: 5px;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            background: ${Color.white};\n            border-radius: 3px;\n          }\n\n          &::-webkit-scrollbar-thumb:hover {\n            background: ${Color.blueText};\n          }\n\n          &:hover {\n            &::-webkit-scrollbar-thumb {\n              background: ${Color.blueLight};\n            }\n\n            &::-webkit-scrollbar-thumb:hover {\n              background: ${Color.blueText};\n            }\n          }\n        }\n      }\n\n      @media (max-width: 500px) {\n        padding: 15px 20px;\n      }\n    }\n\n    .edit_location {\n      margin-bottom: 25px;\n\n      .close-wrap {\n        display: flex;\n        justify-content: flex-end;\n        margin: 5px 0px 15px;\n\n        .close {\n          background: none;\n        }\n      }\n\n      .edit_location_form {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n\n        & > *:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        & > *:nth-child(2) {\n          flex-basis: 45%;\n        }\n\n        & > *:nth-child(3) {\n          flex-basis: 100%;\n        }\n\n        .btn_wrapper {\n          width: 100%;\n        }\n      }\n\n      .location-group-logo {\n        flex-basis: 100%;\n        margin: 15px 0px;\n      }\n\n      .welcome_gift_wrapper {\n        background-color: ${Color.white};\n        padding: 16px;\n        flex-basis: 100%;\n        margin-bottom: 20px;\n      }\n\n      .welcome_gift_form {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n\n        & > *:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        & > *:nth-child(2) {\n          flex-basis: 45%;\n        }\n\n        & > *:nth-child(3) {\n          flex-basis: 100%;\n        }\n      }\n\n      .title_block {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 400;\n        margin: 0px 0px 16px;\n      }\n    }\n\n    .sidebar-edit-location {\n      .location-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      .location-group-google-autocomplete {\n        .place-point-icon {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .location-group-logo {\n        .dropZone > div .img img {\n          position: absolute;\n        }\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n\n    .sidebar-edit-staff {\n      .staff-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n\n    @media (max-width: 500px) {\n      padding: 15px 0px;\n    }\n  }\n\n  .card {\n    width: fit-content;\n    background-color: ${Color.white};\n    border-radius: 4px;\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 25px 30px;\n    margin: 0px auto 20px;\n    box-sizing: border-box;\n    position: relative;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin-bottom: 7px;\n    }\n\n    .description {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 22px;\n      margin-bottom: 20px;\n    }\n  }\n\n  .remove-modal {\n    text-align: center;\n    padding: 60px 50px;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n\n  .reward_block {\n    margin: 30px 0px 35px;\n  }\n\n  .reward_label_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n    @media (max-width: 450px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .reward_label {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 23px;\n    margin-right: 10px;\n  }\n\n  \n  .reward_inputs, .bonus_reward_inputs {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n\n    .isSelect {\n      //padding-bottom: 12px;\n\n      input {\n        margin: 0 2px 2px;\n      }\n\n      ul.bottom, ul.top {\n        margin: 0 2px 2px;\n        width: calc(100% - 4px);\n      }\n        ul.bottom {\n            overflow-y: visible;\n        }\n        \n\n      @media (max-width: 1300px) {\n      ul.top {\n          flex-direction: column;\n        }\n      }\n    }\n\n    & > * {\n        margin: 15px 0px;\n        width: 47%;\n      }\n      & > *:last-child {\n        flex-basis: 100%;\n        max-width: 100%;\n      }\n      @media (max-width: 550px) {\n        & > * {\n          max-width: 100%;\n          flex-basis: 100%;\n        }\n      }\n    }\n    .reward_expired {\n      padding: 0px 5px;\n      label {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n .promotionReward_close {\n   max-height: 0px;\n   overflow: hidden;\n   transition: max-height 1s ease-in;\n  }\n  .promotionReward_open {\n    max-height: 3150px;\n    transition: max-height 1s ease-in;\n  }\n  .promotionReward_control {\n    display: flex;\n    align-items: center;\n    background-color: ${Color.white};\n    font-size: 18px;\n    margin-bottom: 6px;\n    & > span {\n      width: 24px;\n      height: 24px;\n      margin-left: 4px;\n      transition: transform 0.5s ease;\n    }\n    .promotionReward_control_rotate {\n      transform: rotate(180deg);\n    }\n  }\n  \n  /* @media (min-width: 1300px) and (max-width: 1550px) {\n    .main-content {\n      .business-info-row,\n      .locations-card-row {\n        .business-info-left,\n        .locations {\n          width: calc(70% - 30px);\n        }\n\n        .business-info-right,\n        .card {\n          width: 30%;\n        }\n      }\n    }\n  } */\n  @media (max-width: 1300px) {\n    .main-content {\n      .business-info-row,\n      .locations-card-row {\n        flex-direction: column-reverse;\n        align-items: center;\n\n        .business-info-left,\n        .locations {\n          width: 100%;\n          margin-right: 0;\n        }\n\n        .business-info-right,\n        .card {\n          width: 100%;\n          max-width: 380px;\n          margin: 0px auto 30px;\n        }\n      }\n    }\n    .top {\n      display: flex;\n      align-items: flex-start;\n      margin-bottom: 25px;\n\n      .logo {\n        line-height: 0;\n        margin-right: 15px;\n\n        img {\n          object-fit: cover;\n          height: 60px;\n          width: 60px;\n          border-radius: 100%;\n        }\n      }\n\n      .right {\n        width: calc(100% - 75px);\n      }\n\n      .name-notificationCount {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 4px;\n\n        .name {\n          font-family: \"Averta Std ExtraBold\";\n          font-size: 16px;\n          line-height: 19px;\n          color: #2f3640;\n        }\n\n        .notification-count {\n          display: flex;\n          align-items: center;\n\n          .notification {\n            margin-right: 15px;\n          }\n\n          .count {\n            border: 1px solid ${Color.blue};\n            border-radius: 4px;\n            background-color: ${Color.white};\n            padding: 0 5px;\n            box-sizing: border-box;\n            color: ${Color.blue};\n            font-size: 12px;\n            font-weight: 300;\n            line-height: 21px;\n          }\n\n          @media (max-width: 400px) {\n            flex-wrap: wrap;\n            .notification {\n              flex-basis: 100%;\n              margin-right: 0px;\n            }\n\n            .count {\n              flex-basis: 100%;\n            }\n          }\n        }\n      }\n\n      .info {\n        font-family: \"Averta Std Semibold\";\n\n        .title {\n          color: #bcbcbc;\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 14px;\n          margin-right: 3px;\n        }\n\n        .content {\n          color: ${Color.grey};\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 14px;\n        }\n      }\n    }\n\n    .promotion-count {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n\n      .promotion-item {\n        width: 49px;\n        height: 40px;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n\n        .promotion-item-icon {\n          margin: auto;\n          width: max-content;\n        }\n\n        .promotion-item-icon-number {\n          font-family: \"Averta Std ExtraBold\";\n          color: #ffffff;\n          position: absolute;\n          top: -1px;\n          left: -3px;\n          font-size: 9px;\n          width: -webkit-fill-available;\n          height: -webkit-fill-available;\n          text-align: center;\n          line-height: 49px;\n        }\n      }\n\n      .promotion_done {\n        width: 49px;\n        height: 40px;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .points-progress-line {\n        width: 100%;\n        display: flex;\n\n        .progress-line {\n          width: calc(100% - 85px);\n          margin-right: 10px;\n          border-radius: 4px;\n          color: ${Color.white};\n          font-size: 14px;\n          font-weight: 300;\n          line-height: 18px;\n          padding: 8px 15px;\n          /* &.full { */\n          background: #5771e1; /* } */\n\n          * &.empty {\n            background-color: #dcdef7;\n            color: ${Color.blueDarkText};\n          }\n        }\n\n        .progress-done {\n          position: relative;\n          line-height: 0;\n          width: 75px;\n\n          .text {\n            position: absolute;\n            top: 7px;\n            left: 5px;\n            color: ${Color.white};\n            font-size: 10px;\n            font-weight: 300;\n            line-height: 11px;\n            width: 45px;\n            word-wrap: break-word;\n          }\n\n          .dark-text {\n            color: ${Color.blueDarkText};\n          }\n        }\n      }\n    }\n\n    &.full {\n      .promotion-count {\n        .promotion-item {\n          svg {\n            g {\n              opacity: 1;\n            }\n\n            path {\n              fill: ${Color.blue};\n            }\n          }\n        }\n      }\n    }\n\n    @media (max-width: 400px) {\n      padding: 20px 10px;\n    }\n  }\n  @media (max-width: 500px) {\n    padding: 25px 0px;\n  }\n\n\n@media (max-width: 680px) {\n  .main-content {\n    .business-info-left {\n      padding: 0px;\n\n      .category-promotionName,\n      .promotionType-promotionCount {\n        flex-direction: column;\n\n        .form-group {\n          width: 100%;\n        }\n\n        .promotionName-group,\n        .promotionCount-group {\n          margin-left: 0;\n        }\n      }\n    }\n\n    .business-info-right {\n      padding: 20px;\n    }\n\n    .locations-card-row {\n      .locations {\n        padding: 20px;\n\n        .location-list {\n          .location-item {\n            padding: 20px;\n\n            .staff-list-wrap {\n              .create-filter {\n                flex-direction: column;\n\n                .search-wrap {\n                  margin-left: 0;\n                }\n\n                button {\n                  margin-bottom: 25px;\n                }\n              }\n\n              .create-new-user {\n                .input-wrap {\n                  flex-direction: column;\n\n                  div {\n                    width: 100%;\n                  }\n\n                  .first_name-group,\n                  .last_name-group {\n                    margin-bottom: 15px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      .card {\n        padding: 20px 15px;\n      }\n    }\n  }\n}\n\n@media (max-width: 500px) {\n  .main-content {\n    .business-info-left {\n      .button-row {\n        margin-top: 30px;\n        flex-direction: column;\n\n        div,\n        button {\n          width: 100%;\n          margin-right: 0;\n          margin-left: 0;\n        }\n\n        div {\n          margin-bottom: 20px;\n          padding: 10px 0;\n        }\n      }\n    }\n  }\n}\n`;\n\nexport const DaysWrapperDiv = styled.div`\n  position: relative;\n`;\n\nexport const SpanInputText = styled.span`\n  position: absolute;\n  top: 13px;\n  left: 55px;\n  font-size: 18px;\n`\n\nexport { Wrapper };\n","import styled from \"styled-components\";\nimport {Color} from \"../../types/color\";\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\n\nconst Wrapper = styled.div`\n    .title {\n        display: flex;\n        align-items: center;\n        background-color: ${Color.white};\n        font-size: 18px;\n        margin-bottom: 6px;\n        \n    }\n    .reward_block {\n        margin: 30px 0 0;\n    }\n\n    .reward_label_wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 10px;\n        @media (max-width: 450px) {\n            flex-wrap: wrap;\n        }\n    }\n\n    .reward_label {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 23px;\n        margin-right: 10px;\n    }\n    .filters {\n        display: flex;\n        align-items: flex-end;\n        padding-right: 5px;\n        gap: 20px;\n        &>div{\n            margin-bottom: 24px;\n        }\n        .select{\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            margin-bottom: 34px;\n\n            & > .label:not(:empty) {\n                color: ${Color.blueDarkText};\n                font-size: 16px;\n                font-weight: 500;\n                line-height: 20px;\n                margin-bottom: 10px;\n            }\n\n            & > svg {\n                position: absolute;\n                left: 8px;\n                top: 8px;\n            }\n            svg path:not([fill=\"none\"]) {\n                fill: #666e90;\n            }\n\n            & > input {\n                border-radius: 2px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                padding: 13px 16px;\n                font-size: 16px;\n                line-height: 20px;\n                cursor: pointer;\n                background: url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center;\n\n\n                &::placeholder {\n                    color: #95989d;\n                }\n\n                &:disabled:not(\".lock\") {\n                    background: rgba(0, 0, 0, 0.07);\n                    box-shadow: none;\n                }\n            }\n            &.lock {\n                input {\n                    background: none;\n                    cursor: initial;\n                }\n            }\n\n            & > ul {\n                position: absolute;\n                width: 100%;\n                background: #fff;\n                z-index: 5;\n                box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n                border-radius: 2px;\n                padding: 5px 0;\n                max-height: 230px;\n                overflow: auto;\n                &.top {\n                    bottom: calc(100% + 7px);\n                }\n                &.bottom {\n                    top: calc(100% + 7px);\n                }\n\n                &::-webkit-scrollbar {\n                    width: 4px;\n                    height: 4px;\n                }\n\n                &::-webkit-scrollbar-track {\n                    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    background-color: rgba(0, 144, 202, 0.4);\n                }\n\n                & > input {\n                    width: 90%;\n                    margin: 10px auto;\n                    display: block;\n                    padding: 7px 10px;\n                    background: unset;\n                    height: auto;\n                    border: 2px solid #ebebeb;\n                    border-radius: 6px;\n                    box-sizing: border-box;\n\n                    &::placeholder {\n                        color: #ced2d4;\n                    }\n                }\n\n                & > button {\n                    font-size: 14px;\n                    padding: 10px 16px;\n                    cursor: pointer;\n                    background: #fff;\n                    transition: background-color 0.225s;\n                    display: flex;\n                    width: 100%;\n\n                    &:hover {\n                        background-color: rgba(0, 0, 0, 0.04);\n                    }\n                }\n\n                & > li {\n                    padding: 10px 16px;\n                }\n            }\n            &:hover {\n                .clearable-btn {\n                    opacity: 0.4;\n                    &:hover {\n                        opacity: 1;\n                    }\n                }\n            }\n\n            .lock-icon-wrap {\n                position: absolute;\n                bottom: 10px;\n                right: 10px;\n            }\n        }\n        .calendarSelect {\n            &>input {\n                padding: 10px 16px 10px 40px;\n            }\n        }\n    }\n\n    .reward_inputs, .bonus_reward_inputs {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: space-between;\n\n        .isSelect {\n            //padding-bottom: 12px;\n\n            input {\n                margin: 0 2px 2px;\n            }\n\n            ul.bottom, ul.top {\n                margin: 0 2px 2px;\n                width: calc(100% - 4px);\n            }\n            ul.bottom {\n                overflow-y: visible;\n            }\n\n\n            @media (max-width: 1300px) {\n                ul.top {\n                    flex-direction: column;\n                }\n            }\n        }\n\n        & > * {\n            margin: 15px 0px;\n            width: 47%;\n        }\n        & > *:last-child {\n            flex-basis: 47%;\n            max-width: 47%;\n        }\n        @media (max-width: 550px) {\n            & > * {\n                max-width: 100%;\n                flex-basis: 100%;\n            }\n        }\n    }\n    .reward_expired {\n        padding: 0px 5px;\n        label {\n            margin-bottom: 15px;\n        }\n    }\n    \n}\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\nimport Input from \"../Input\";\nimport moment from \"moment/moment\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport Select from \"../Select\";\nimport {SelectorListObj} from \"../Select/types\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\ninterface IPointsCollectionSettings {\n  pointsCollectionSettingsObj: { promotionPointsValue: number,\n    promotionPointsType: string,\n    promotionPointsStartDate: Date | string,\n    promotionPointsEndDate: Date | string,\n    promotionPointsSelectedTypeValue: string};\n  setPointsCollectionSettingsObj: (settings: any) => void;\n}\n\nconst PointsCollectionSettings = ({setPointsCollectionSettingsObj, pointsCollectionSettingsObj}:IPointsCollectionSettings) => {\n  const selectorTypeList : SelectorListObj[] = [\n    {value: 1, label: 'Date Period'},\n    {value: 2, label: 'Quantity Customers'},\n    {value: 3, label: 'Transactions'},\n  ]\n  const [dates, setDatesState] = useState({\n    startDate:moment(pointsCollectionSettingsObj.promotionPointsStartDate).format(\"MMM D, YYYY\"),\n    endDate: moment(pointsCollectionSettingsObj.promotionPointsEndDate).format(\"MMM D, YYYY\")\n  });\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    });\n  };\n  \n  useEffect(() => {\n    setPointsCollectionSettingsObj({...pointsCollectionSettingsObj, promotionPointsStartDate: moment(dates.startDate).format('YYYY-MM-DD'), promotionPointsEndDate: moment(dates.endDate).format('YYYY-MM-DD')});\n  }, [dates, setPointsCollectionSettingsObj]);\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"settingsPoint_header\">\n        <p className=\"title\">\n          Setting up the collection of points for 1{loggedUser?.user?.currency_symbol || '€'}\n        </p>\n        <div className=\"line\"/>\n      </div>\n      <div className=\"settingsPoint_content\">\n        <div className=\"reward_block\">\n          <div className=\"reward_inputs\">\n            <Input\n              required\n              type=\"number\"\n              label={`Number of points for 1${loggedUser?.user?.currency_symbol || '€'}`}\n              infoTooltip=\"Enter the value\"\n              getValue={(value) => {\n                setPointsCollectionSettingsObj({...pointsCollectionSettingsObj, promotionPointsValue: value})\n              }}\n              defaultValue={pointsCollectionSettingsObj.promotionPointsValue}\n            />\n            <div className=\"form-group category-group\">\n            <Select\n              selectorList={selectorTypeList}\n              positionForShow={\"bottom\"}\n              label=\"Apply settings for\"\n              defaultValue={selectorTypeList.find(item=>+item.value === +pointsCollectionSettingsObj.promotionPointsType)}\n              required\n              hideSelectorFilter\n              getValue={(value) => {\n                setPointsCollectionSettingsObj({...pointsCollectionSettingsObj, promotionPointsType: value})\n              }}/>\n            </div>\n          </div>\n        </div>\n        {+pointsCollectionSettingsObj.promotionPointsType === 1 ? (<div className={'filters'}>\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{ startDate: new Date(), endDate: moment(new Date()).add(7, \"days\"), ranges: ranges }}\n          \n          >\n            <div className={'isSelect select calendarSelect'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>) : (<>\n          <Input\n            required\n            type=\"number\"\n            label={`${+pointsCollectionSettingsObj.promotionPointsType === 2 ? 'Enter the number of customers' : 'Enter the number of transactions'}`}\n            getValue={(value) => {\n              setPointsCollectionSettingsObj({...pointsCollectionSettingsObj, promotionPointsSelectedTypeValue: value})\n            }}\n            defaultValue={pointsCollectionSettingsObj.promotionPointsSelectedTypeValue}\n          />\n        </>)}\n      </div>\n    \n    </Wrapper>\n  );\n};\n\nexport default PointsCollectionSettings;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport React, { FC, useEffect, useState } from \"react\";\n\nimport Input from \"src/components/Input\";\nimport Card from \"src/components/Card\";\nimport Select from \"src/components/Select\";\nimport CheckBox from \"src/components/CheckBox\";\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport { BusinessInfoInterface } from \"src/types/place\";\nimport { getPlaceInfoAxios, updateBusinessInfoAxios } from \"src/api/place\";\nimport {\n  getActivateDaysAxios,\n  getBusinessTypesAxios,\n  getStampIconsAxios\n} from \"src/views/Registration/Step/RegistrationBuildYourCard/api\";\nimport { SelectorListObj } from \"src/components/Select/types\";\n// import { getPromotionsCategoriesAxios } from \"src/api/promotion\";\nimport { stampList } from \"src/views/Registration/consts\";\nimport { pointObjValuesToString } from \"src/utils/helper\";\n\nimport BusinessLogo from \"src/views/Promotions/BusinessLogo\";\nimport { stampIcon } from \"src/types/stampIcon\";\nimport { StampIconAdditionalData } from \"./types\";\nimport { DaysWrapperDiv, SpanInputText, Wrapper } from \"./styled\";\nimport {businessType} from \"../../../types/businessType\";\nimport PointsCollectionSettings from \"../../../components/PointsCollectionSettings/PointsCollectionSettings\";\nimport moment from \"moment\";\n\nconst Promotion: FC = () => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const [getInfoLoading, setGetInfoLoadingLoading] =\n    React.useState<boolean>(true);\n\n  const [cardClosed, setCardClosed] = useState<boolean>(true);\n  // const [cardImage, setCardImage] = useState<File[]>();\n\n  const [isOpenRewards] = useState(true);\n\n  const [formBusinessInfoLoading, setFormBusinessInfoLoading] =\n    React.useState<boolean>(false);\n\n  const [formBusinessInfoErrorMessage, setFormBusinessInfoErrorMessage] =\n    React.useState<string>(\"\");\n  \n  const [ pointsCollectionSettingsObj, setPointsCollectionSettingsObj ] = useState({\n    promotionPointsValue: 1,\n    promotionPointsType: '1',\n    promotionPointsStartDate: moment(new Date()).format('YYYY-MM-DD'),\n    promotionPointsEndDate: moment(new Date()).add(7,'days').format('YYYY-MM-DD'),\n    promotionPointsSelectedTypeValue: ''\n  })\n\n  const [businessInfo, setBusinessInfo] = React.useState<BusinessInfoInterface>(\n    {\n      name: \"\",\n      category: \"\",\n      promotionName: \"\",\n      promotionTypeName: \"\",\n      promotionVaucherInformation: \"\",\n      promotionTypeID: 0,\n      maxNumberPromotion: 0,\n      verification_status: null,\n      promotionLabel: null,\n      businessType: {\n        display_name: null,\n        id: null,\n        name: null,\n      },\n      stampIcon: {\n        display_name: null,\n        id: null,\n        name: null,\n        single_item: null,\n      },\n      points: [],\n      website_url: \"\",\n      defaultVoucherName: \"\",\n      instagram_url: \"\",\n      facebook_url: \"\",\n      first_checkIn: '',\n      bonusRewardTarget: 0,\n      bonusRewardValue: 0,\n      bonusRewardLabel: '',\n      bonusRewardExpireDays: '30'\n    }\n  );\n\n  const [openExpireDateReward, setOpenExpireDateReward] = useState<number[]>(\n    []\n  );\n\n  const [businessLogo, setBusinessLogo] = React.useState<string>(\"\");\n\n  const [stampIconList, setStampIconList] = useState<SelectorListObj[]>([]);\n\n  const [activateDaysList, setActivateDaysList] = useState<Array<SelectorListObj>>(\n    []\n  );\n\n  // const [locations, setLocations] = React.useState<\n  //   Array<LocationInfoInterface>\n  // >([]);\n  // const [locationMaxCount, setLocationMaxCount] = React.useState<number>(0);\n\n  const { promotionTypes, promotionTypesEnable } = useTypedSelector(\n    (state) => state.promotion\n  );\n  const { getPromotionsCategories } = useActions();\n  // const [newLocationImage, setNewLocationImage] = React.useState<string>(\"\");\n  // const [\n  //   newLocationPromotionDealId,\n  //   setNewLocationPromotionDealId,\n  // ] = React.useState<string | number>(\"\");\n  // const [\n  //   newLocationPromotionName,\n  //   setNewLocationPromotionName,\n  // ] = React.useState<string>(\"\");\n  // const [\n  //   newLocationPromotionDetails,\n  //   setNewLocationPromotionDetails,\n  // ] = React.useState<string>(\"\");\n  // const [promotionDeal, setPromotionDeal] = React.useState<\n  //   [\n  //     {\n  //       value: string | number;\n  //       label: string;\n  //     }\n  //   ]\n  // >([\n  //   {\n  //     value: \"\",\n  //     label: \"\",\n  //   },\n  // ]);\n\n  useEffect(() => {\n    if (promotionTypes.length === 0) {\n      getPromotionsCategories();\n    }\n  }, []); //eslint-disable-line\n\n  const getPlaceInfo = () => {\n    getPlaceInfoAxios().then(({ data }) => {\n      setGetInfoLoadingLoading(false);\n      setBusinessLogo(data.place.image);\n      setPointsCollectionSettingsObj({\n        ...pointsCollectionSettingsObj,\n        promotionPointsSelectedTypeValue: data.placeOption.promotionPointsSelectedTypeValue ? data.placeOption.promotionPointsSelectedTypeValue : '0',\n        promotionPointsEndDate: data.placeOption.promotionPointsEndDate ? data.placeOption.promotionPointsEndDate : moment(new Date()).add(7, 'days').format('YYYY-MM-DD'),\n        promotionPointsStartDate: data.placeOption.promotionPointsStartDate ? data.placeOption.promotionPointsStartDate : new Date(),\n        promotionPointsType: data.placeOption.promotionPointsType ? data.placeOption.promotionPointsType : 1,\n        promotionPointsValue: data.placeOption.promotionPointsValue ? data.placeOption.promotionPointsValue : 1,\n      })\n      setBusinessInfo({\n        ...businessInfo,\n        name: data.place.name,\n        category: data.place.category,\n        promotionName: data.place.details,\n        promotionVaucherInformation: data.place.description,\n        promotionTypeName: data.place.promotion,\n        promotionTypeID: data.place.promotion_id,\n        maxNumberPromotion: data.place.maxStamp,\n        verification_status: data.place.verification_status,\n        promotionLabel: data.place.promotion_label,\n        businessType: {\n          display_name: data.place.business_type.display_name,\n          id: data.place.business_type.id,\n          name: data.place.business_type.name,\n        },\n        stampIcon: {\n          display_name: data.place.stamp_icon?.display_name,\n          id: data.place.stamp_icon?.id,\n          name: data.place.stamp_icon?.name,\n          single_item: data.place.stamp_icon?.single_item,\n        },\n        points: data.place.points.filter((item: any)=>item.min_spend === 0),\n        website_url: data.place.website_url,\n        defaultVoucherName: data.place.defaultVoucherName,\n        instagram_url: data.place.instagram_url,\n        facebook_url: data.place.facebook_url,\n        bonusRewardTarget: data.placeOption.bonusRewardTarget,\n        bonusRewardValue: data.placeOption.bonusRewardValue,\n        bonusRewardLabel: data.placeOption.bonusRewardLabel,\n        bonusRewardExpireDays: data.placeOption.bonusRewardExpireDays,\n        first_checkIn: data.place.first_checkIn ?? 0,\n      });\n      // setLocations(data.locations);\n      // setLocationMaxCount(data.location_max_count);\n    });\n  };\n  // const getPromotionDealList = () => {\n  //   getPromotionsCategoriesAxios().then((response) => {\n  //     const arr: any = [];\n  //     response.data.promotion_details.map((item: any) =>\n  //       arr.push({\n  //         value: item.id,\n  //         label: item.name,\n  //       })\n  //     );\n  //     // setPromotionDeal(arr);\n  //   });\n  // };\n\n  useEffect(() => {\n    getActivateDaysAxios().then((response) => {\n      setActivateDaysList(response.data.activateDays);\n    });\n\n  }, []);\n\n\n  const handleGetStampIcons = () => {\n    getStampIconsAxios().then((response) => {\n      setStampIconList(\n        response.data.stampIcons.map((_stampIcon: stampIcon) => {\n          return {\n            value: _stampIcon.id,\n            label: _stampIcon.display_name,\n            additional: {\n              icon_name: _stampIcon.name,\n              single_item: _stampIcon.single_item,\n            },\n          };\n        })\n      );\n    });\n  };\n\n  useEffect(() => {\n    getPlaceInfo();\n    // getPromotionDealList();\n    handleGetStampIcons();\n  }, []); //eslint-disable-line\n\n  const setBusinessInfoValue = (type: string, value: number | string | {id: number}) => {\n    if (formBusinessInfoErrorMessage) {\n      setFormBusinessInfoErrorMessage(\"\");\n    }\n    setBusinessInfo((prevState: any) => {\n      return { ...prevState, [type]: value };\n    });\n  };\n\n  const handleUpdateBusinessInfo = (event: React.FormEvent) => {\n    event.preventDefault();\n    setFormBusinessInfoLoading(true);\n    const requestParamtrs= {\n      business_name: businessInfo.name,\n      business_category: businessInfo.category,\n      promotion_name: businessInfo.promotionName,\n      businessType: businessInfo?.businessType?.id,\n      description: businessInfo.promotionVaucherInformation,\n      promotion_type: businessInfo.promotionTypeID,\n      max_count: businessInfo.maxNumberPromotion,\n      promotion_label: businessInfo.promotionLabel,\n      points: [\n        ...businessInfo.points!.map((pointItem) => ({\n          id: pointItem.id,\n          rewardNumber: businessInfo!.points![0].rewardNumber,\n          activateAfter: businessInfo!.points![0].activateAfter,\n          pointsAmount:businessInfo!.points![0].pointsAmount,\n          reward: businessInfo!.points![0].reward,\n          rewardDetails: businessInfo!.points![0].rewardDetails,\n          dateExpire: businessInfo!.points![0].dateExpire ?? 0,\n        })),\n      ],\n      bonusRewardTarget: loggedUser.user.allow_bonus_reward ? businessInfo.bonusRewardTarget : null,\n      bonusRewardValue: loggedUser.user.allow_bonus_reward ? businessInfo.bonusRewardValue : null,\n      bonusRewardLabel: loggedUser.user.allow_bonus_reward ? businessInfo.bonusRewardLabel : null,\n      bonusRewardExpireDays: loggedUser.user.allow_bonus_reward ? businessInfo.bonusRewardExpireDays : null,\n      stamp_icon: businessInfo.stampIcon!,\n      website_url: businessInfo.website_url,\n      defaultVoucherName: businessInfo.defaultVoucherName,\n      instagram_url: businessInfo.instagram_url,\n      facebook_url: businessInfo.facebook_url,\n      first_checkIn: businessInfo.first_checkIn ?? 0,\n    };\n    // todo\n    // @ts-ignore\n    updateBusinessInfoAxios(loggedUser.user.allow_promotion_points ? {...requestParamtrs, ...pointsCollectionSettingsObj} : requestParamtrs)\n      .then(() => {\n        setFormBusinessInfoLoading(false);\n      })\n      .catch((error: any) => {\n        setFormBusinessInfoErrorMessage(\n          error?.data?.message\n            ? error?.data?.message\n            : error?.data?.detail\n            ? error?.data?.detail\n            : \"Please, enter valid data.\"\n        );\n        setFormBusinessInfoLoading(false);\n      });\n  };\n\n  const setInputValue = (value: string, index: number) => {\n    const newInfo = {\n      ...businessInfo\n    };\n\n    if (newInfo.points) {\n      newInfo.points[index].dateExpire = +value;\n      setBusinessInfo(newInfo);\n    }\n  }\n  \n  const [businessTypeList, setBusinessTypeList] = useState<Array<SelectorListObj>>([]);\n  \n  useEffect(() => {\n    getBusinessTypesAxios().then((response) => {\n      setBusinessTypeList(\n        response.data.businessTypes.map((_businessType: businessType) => {\n          return {\n            value: _businessType.id,\n            label: _businessType.display_name,\n          };\n        })\n      );\n    });\n  }, []);\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Update Primary Promotion</div>\n      <div className=\"page-subtitle\">\n        Your digital loyalty card is displayed below, this is what your\n        customers will see on the Lynked App.\n      </div>\n      <div className={`main-content ${getInfoLoading ? \"loading-blue\" : \"\"}`}>\n        {!getInfoLoading ? (\n          <>\n            <div className=\"business-info-row\">\n              <div className=\"business-info-left\">\n                <form\n                  onSubmit={handleUpdateBusinessInfo}\n                  className={`${\n                    formBusinessInfoLoading ? \"loading-blue\" : \"\"\n                  } form_wrapper`}\n                >\n                  <div className=\"form-innerwrap\">\n                    <div className=\"form-group\">\n                      <Input\n                        placeholder=\"Company Name\"\n                        label=\"Company Name\"\n                        required\n                        defaultValue={businessInfo.name}\n                        getValue={(value) =>\n                          setBusinessInfoValue(\"name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"category-promotionName\">\n                      <div className=\"form-group category-group\">\n                        <Select\n                          label=\"Business Type\"\n                          placeholder=\"Select Business Type\"\n                          selectorList={businessTypeList}\n                          positionForShow=\"bottom\"\n                          required\n                          defaultValue={businessTypeList.find(item=>item.value === businessInfo?.businessType?.id)}\n                          getValue={(value) => setBusinessInfoValue('businessType', {id: +value})}\n                          hideSelectorFilter\n                        />\n                      </div>\n                      <div className=\"form-group promotionName-group\">\n                        <Input\n                          placeholder=\"Details\"\n                          label=\"Details\"\n                          required\n                          maxLength={28}\n                          defaultValue={businessInfo.promotionName}\n                          getValue={(value) =>\n                            setBusinessInfoValue(\"promotionName\", value)\n                          }\n                        />\n                      </div>\n                    </div>\n                    <div\n                      className={`promotionType-promotionCount ${businessInfo.promotionTypeName}`}\n                    >\n                      <div className=\"form-group promotionType-group\">\n                        <Select\n                          label=\"Type of Promotion\"\n                          placeholder=\"Type of Promotion\"\n                          selectorList={promotionTypes}\n                          disabled={!promotionTypesEnable}\n                          lock\n                          positionForShow=\"bottom\"\n                          defaultValue={{\n                            value: businessInfo.promotionTypeID,\n                            label: businessInfo.promotionTypeName,\n                          }}\n                          required\n                          getValue={(value) =>\n                            setBusinessInfoValue(\"promotionTypeID\", value)\n                          }\n                          hideSelectorFilter\n                        />\n                      </div>\n                      {businessInfo.promotionTypeID === 2 ?\n                      <div className=\"form-group promotionName-group\">\n                        <Input\n                          placeholder=\"First Check-In Present\"\n                          label=\"First Time Check-In Points\"\n                          required\n                          maxLength={28}\n                          type={'number'}\n                          defaultValue={businessInfo.first_checkIn ? businessInfo.first_checkIn : '0' }\n                          getValue={(value) =>\n                            setBusinessInfoValue(\"first_checkIn\", value)\n                          }\n                        />\n                      </div> : null}\n                      {businessInfo.promotionTypeID === 1 ? (\n                          <>\n                            <div className=\"form-group promotionName-group\">\n                              <Input\n                                placeholder=\"Stamp Voucher Name\"\n                                label=\"Stamp Voucher Name\"\n                                required\n                                maxLength={28}\n                                defaultValue={businessInfo.defaultVoucherName}\n                                getValue={(value) =>\n                                  setBusinessInfoValue(\"defaultVoucherName\", value)\n                                }\n                              />\n                            </div>\n                            <div className=\"form-group category-group\">\n                              <Select\n                                label=\"Select Stamp Icon Most Suited to Your Business\"\n                                placeholder=\"Select Stamp Icon\"\n                                selectorList={stampIconList}\n                                positionForShow=\"bottom\"\n                                required\n                                defaultValue={{\n                                  value: \"\",\n                                  label:\n                                    businessInfo.stampIcon?.display_name ?? \"\",\n                                }}\n                                getValue={(value, label, additional) => {\n                                  const stampIconData: StampIconAdditionalData =\n                                    additional as StampIconAdditionalData;\n                                  const newBusinessInfo = {...businessInfo};\n                                  newBusinessInfo.stampIcon = {\n                                    display_name: label,\n                                    id: +value,\n                                    name: stampIconData.icon_name,\n                                    single_item: stampIconData.single_item,\n                                  };\n                                  setBusinessInfo(newBusinessInfo);\n                                }}\n                                hideSelectorFilter\n                              />\n                            </div>\n                            <div className=\"form-group promotionCount-group\">\n                              <Select\n                                label=\"Select Loyalty Rewards Level\"\n                                placeholder=\"Select Loyalty Rewards Level\"\n                                selectorList={stampList}\n                                positionForShow=\"bottom\"\n                                defaultValue={{\n                                  value: businessInfo.maxNumberPromotion,\n                                  label:\n                                    businessInfo.maxNumberPromotion.toString(),\n                                }}\n                                required\n                                getValue={(value) =>\n                                  setBusinessInfoValue(\n                                    \"maxNumberPromotion\",\n                                    value\n                                  )\n                                }\n                                hideSelectorFilter\n                              />\n                            </div>\n                          </>\n                        ) :\n                        null}\n                    </div>\n                    <div className=\"form-group form-group_three_items\">\n                      <Input\n                        placeholder=\"Website\"\n                        label=\"Website\"\n                        defaultValue={\n                          businessInfo && businessInfo.website_url\n                            ? businessInfo.website_url\n                            : \"\"\n                        }\n                        getValue={(value) =>\n                          setBusinessInfoValue(\"website_url\", value)\n                        }\n                        maxLength={255}\n                      />\n                      <Input\n                        placeholder=\"Instagram\"\n                        label=\"Instagram\"\n                        defaultValue={\n                          businessInfo && businessInfo.instagram_url\n                            ? businessInfo.instagram_url\n                            : \"\"\n                        }\n                        getValue={(value) =>\n                          setBusinessInfoValue(\"instagram_url\", value)\n                        }\n                        maxLength={255}\n                      />\n                      <Input\n                        placeholder=\"Facebook\"\n                        label=\"Facebook\"\n                        defaultValue={\n                          businessInfo && businessInfo.facebook_url\n                            ? businessInfo.facebook_url\n                            : \"\"\n                        }\n                        getValue={(value) =>\n                          setBusinessInfoValue(\"facebook_url\", value)\n                        }\n                        maxLength={255}\n                      />\n                    </div>\n                    {businessInfo.promotionTypeID === 2 ? (\n                      <>\n                        {!!loggedUser.user.allow_promotion_points ? <PointsCollectionSettings pointsCollectionSettingsObj={pointsCollectionSettingsObj} setPointsCollectionSettingsObj={setPointsCollectionSettingsObj} /> : null}\n                        <div\n                          className={`promotionReward_close ${\n                            isOpenRewards ? \"promotionReward_open\" : \"\"\n                          }`}\n                        >\n                          <p className=\"promotionReward_control\">\n                            Your Loyalty Program Details\n                          </p>\n                          <div className=\"line\"/>\n                          <div className=\"promotionReward\">\n                            {businessInfo.points?.map(\n                              (\n                                {\n                                  pointsAmount,\n                                  reward,\n                                  rewardNumber,\n                                  rewardDetails,\n                                  dateExpire,\n                                  min_spend,\n                                },\n                                i\n                              ) => (\n                                (min_spend === 0 && i < 1) &&\n                                // eslint-disable-next-line react/no-array-index-key\n                                <div key={i} className=\"reward_block\">\n                                    <div className=\"reward_label_wrapper\">\n                                        <div className=\"reward_label\">{`Reward`}</div>\n                                      {i ? (\n                                        <CheckBox\n                                          label=\"Use previous reward criteria\"\n                                          isChecked={\n                                            businessInfo.points\n                                              ? pointObjValuesToString(\n                                                businessInfo.points[i - 1]\n                                              ) ===\n                                              pointObjValuesToString(\n                                                businessInfo.points[i]\n                                              )\n                                              : false\n                                          }\n                                          onChange={(isChecked) => {\n                                            const newBusinessInfo = {\n                                              ...businessInfo,\n                                            };\n                                            if (isChecked) {\n                                              if (newBusinessInfo.points) {\n                                                \n                                                newBusinessInfo.points[i] = structuredClone(newBusinessInfo.points[i - 1]);\n                                                \n                                                setBusinessInfo(newBusinessInfo);\n                                              }\n                                            } else {\n                                              if (newBusinessInfo.points) {\n                                                newBusinessInfo.points[i] = {\n                                                  ...newBusinessInfo.points[i],\n                                                  pointsAmount: 0,\n                                                  reward: \"\",\n                                                  rewardNumber: 0,\n                                                  rewardDetails: \"\",\n                                                  dateExpire: 0,\n                                                  activateAfter: 0\n                                                };\n                                              }\n                                              setBusinessInfo(newBusinessInfo);\n                                            }\n                                          }}\n                                        />\n                                      ) : null}\n                                    </div>\n                                    <div className=\"reward_inputs\">\n                                        <Input\n                                            required\n                                            type=\"number\"\n                                            label=\"Points amount\"\n                                            infoTooltip=\"Enter the value\"\n                                            getValue={(value) => {\n                                              const newBusinessInfo = {\n                                                ...businessInfo,\n                                              };\n                                              if (newBusinessInfo.points) {\n                                                newBusinessInfo.points[\n                                                  i\n                                                  ].pointsAmount = +value;\n                                                setBusinessInfo(newBusinessInfo);\n                                              }\n                                            }}\n                                            defaultValue={pointsAmount}\n                                        />\n                                        <Input\n                                            required\n                                            label=\"Reward Number\"\n                                            infoTooltip={`Enter a number value only if you are integrating your e-commerce store, e.g. “5“ this represents a “${loggedUser.user.currency_symbol || '€'}5 discount“.`}\n                                            getValue={(value) => {\n                                              const newBusinessInfo = {\n                                                ...businessInfo,\n                                              };\n                                              if (newBusinessInfo.points) {\n                                                newBusinessInfo.points[i].rewardNumber =\n                                                  value;\n                                                setBusinessInfo(newBusinessInfo);\n                                              }\n                                            }}\n                                            defaultValue={`${rewardNumber}`}\n                                            type={\"number\"}\n                                        />\n                                        <div style={{width: '100%'}}>\n                                            <Input\n                                                required\n                                                label=\"Reward Label\"\n                                              // infoTooltip=\"Enter a number value only if you are integrating your e-commerce store, e.g. “5“ this represents a “€5 discount“.\"\n                                                getValue={(value) => {\n                                                  const newBusinessInfo = {\n                                                    ...businessInfo,\n                                                  };\n                                                  if (newBusinessInfo.points) {\n                                                    newBusinessInfo.points[i].reward =\n                                                      value;\n                                                    setBusinessInfo(newBusinessInfo);\n                                                  }\n                                                }}\n                                                defaultValue={reward}\n                                            />\n                                        </div>\n                                        <Input\n                                            required\n                                            label=\"Reward Details\"\n                                            infoTooltip={`Enter the details of your loyalty program here, i.e. “Collect 100 points to receive a ${loggedUser.user.currency_symbol || '€'}5 discount.`}\n                                            getValue={(value) => {\n                                              const newBusinessInfo = {\n                                                ...businessInfo,\n                                              };\n                                              if (newBusinessInfo.points) {\n                                                newBusinessInfo.points[\n                                                  i\n                                                  ].rewardDetails = value;\n                                                setBusinessInfo(newBusinessInfo);\n                                              }\n                                            }}\n                                            defaultValue={rewardDetails}\n                                        />\n                                        <Select\n                                            selectorList={activateDaysList}\n                                            positionForShow={businessInfo?.points && businessInfo.points.length - 1 === i ? \"top\" : \"bottom\"}\n                                            label=\"Voucher Activation\"\n                                            defaultValue={activateDaysList[businessInfo?.points?.[i].activateAfter ? businessInfo.points[i].activateAfter - 1 : 0]}\n                                            required\n                                            hideSelectorFilter\n\n                                            getValue={(value) => {\n                                              const newInfo = {...businessInfo};\n                                              \n                                              if (newInfo.points) {\n                                                newInfo.points[i].activateAfter = +value;\n                                                setBusinessInfo(newInfo);\n                                              }\n                                            }}\n                                        />\n                                        <div className=\"reward_expired\">\n                                            <CheckBox\n                                                label=\"Expires After\"\n                                                isChecked={\n                                                  openExpireDateReward.includes(i) ||\n                                                  !!dateExpire\n                                                }\n                                                onChange={(isChecked) => {\n                                                  setOpenExpireDateReward(\n                                                    (currValues) => {\n                                                      if (isChecked) {\n                                                        if (currValues.includes(i)) {\n                                                          return currValues;\n                                                        }\n                                                        const newInfo = {\n                                                          ...businessInfo,\n                                                        };\n                                                        if (newInfo.points) {\n                                                          newInfo.points[\n                                                            i\n                                                            ].dateExpire = 30;\n                                                          setBusinessInfo(newInfo);\n                                                        }\n                                                        return [...currValues, i];\n                                                      }\n                                                      const newInfo = {\n                                                        ...businessInfo,\n                                                      };\n                                                      if (newInfo.points) {\n                                                        newInfo.points[\n                                                          i\n                                                          ].dateExpire = 0;\n                                                        setBusinessInfo(newInfo);\n                                                      }\n                                                      return currValues.filter(\n                                                        (key) => key !== i\n                                                      );\n                                                    }\n                                                  );\n                                                }}\n                                            />\n                                          {openExpireDateReward.includes(i) ||\n                                          !!dateExpire ? (\n                                            // <Select\n                                            //   selectorList={\n                                            //     Const.EXPIRE_REWARD_LIST\n                                            //   }\n                                            //   placeholder=\"Select Expire Date\"\n                                            //   positionForShow=\"top\"\n                                            //   defaultValue={{\n                                            //     value: businessInfo.points\n                                            //       ? businessInfo.points[i]\n                                            //           .dateExpire\n                                            //       : \"\",\n                                            //     label: businessInfo.points\n                                            //       ? businessInfo?.points[\n                                            //           i\n                                            //         ].dateExpire.toString()\n                                            //       : \"\",\n                                            //   }}\n                                            //   required\n                                            //   getValue={(value) => {\n                                            //     const newInfo = {\n                                            //       ...businessInfo,\n                                            //     };\n                                            //     if (newInfo.points) {\n                                            //       newInfo.points[\n                                            //         i\n                                            //       ].dateExpire = +value;\n                                            //       setBusinessInfo(newInfo);\n                                            //     }\n                                            //   }}\n                                            //   hideSelectorFilter\n                                            // />\n                                            <DaysWrapperDiv>\n                                              <Input\n                                                type=\"number\"\n                                                placeholder=\"Enter Expire Date\"\n                                                required\n                                                defaultValue={dateExpire}\n                                                getValue={(value) => setInputValue(value, i)}\n                                              />\n                                              {businessInfo?.points?.[i].dateExpire ?\n                                                <SpanInputText>days</SpanInputText> : null}\n                                            </DaysWrapperDiv>\n                                          ) : null}\n                                        </div>\n                                    </div>\n                                </div>\n                              )\n                            )}\n                            {loggedUser.user.allow_bonus_reward ? (<div className=\"reward_block\">\n                              <div className=\"reward_label_wrapper\">\n                                <div className=\"reward_label\">{`Bonus Reward`}</div>\n                              </div>\n                              <div className=\"bonus_reward_inputs\">\n                                <Input\n                                  required\n                                  type=\"number\"\n                                  label=\"Bonus Points Target\"\n                                  getValue={(value) => {\n                                    setBusinessInfoValue('bonusRewardTarget', value)\n                                  }}\n                                  defaultValue={businessInfo && businessInfo.bonusRewardTarget ? businessInfo.bonusRewardTarget : '0'}\n                                />\n                                <Input\n                                  required\n                                  label=\"Bonus Reward Value\"\n                                  getValue={(value) => {\n                                    setBusinessInfoValue('bonusRewardValue', value)\n                                  }}\n                                  defaultValue={`${businessInfo && businessInfo.bonusRewardValue ? businessInfo.bonusRewardValue : 0}`}\n                                />\n                                <Input\n                                  required\n                                  label=\"Bonus Reward Label\"\n                                  getValue={(value) => {\n                                    setBusinessInfoValue('bonusRewardLabel', value)\n                                  }}\n                                  defaultValue={`${businessInfo && businessInfo.bonusRewardLabel ? businessInfo.bonusRewardLabel : ''}`}\n                                />\n                                <div className=\"reward_expired\">\n                                  <CheckBox\n                                    label=\"Expires After\"\n                                    isChecked={!!businessInfo.bonusRewardExpireDays}\n                                    onChange={(isChecked) => {\n                                      if (!isChecked && !!businessInfo.bonusRewardExpireDays){\n                                        setBusinessInfoValue('bonusRewardExpireDays', 0)\n                                      } else {\n                                        setBusinessInfoValue('bonusRewardExpireDays', 30)\n                                      }\n                                    }}\n                                  />\n                                  {!!businessInfo.bonusRewardExpireDays ? (\n                                    <DaysWrapperDiv>\n                                      <Input\n                                        type=\"number\"\n                                        placeholder=\"Enter Expire Date\"\n                                        required\n                                        defaultValue={businessInfo.bonusRewardExpireDays}\n                                        getValue={(value) => setBusinessInfoValue('bonusRewardExpireDays', value)}\n                                      />\n                                      {businessInfo.bonusRewardExpireDays ?\n                                        <SpanInputText>days</SpanInputText> : null}\n                                    </DaysWrapperDiv>\n                                  ) : null}\n                                </div>\n                              </div>\n                            </div>) : null}\n                          \n                          </div>\n                        </div>\n                        {/* <button\n                          className=\"promotionReward_control\"\n                          type=\"button\"\n                          onClick={() =>\n                            setIsOpenRewards((currValue) => !currValue)\n                          }\n                        >\n                          {`${isOpenRewards ? \"Close\" : \"Open\"} Rewards`}\n                          <span\n                            className={`${\n                              isOpenRewards\n                                ? \"promotionReward_control_rotate\"\n                                : \"\"\n                            }`}\n                          >\n                            <ArrowDownIcon />\n                          </span>\n                        </button> */}\n                      </>\n                    ) : null}\n                    {formBusinessInfoErrorMessage && (\n                      <div className=\"form-error-message\">\n                        {formBusinessInfoErrorMessage}\n                      </div>\n                    )}\n                    <div className=\"button-row\">\n                      <div\n                        className={`verification-status ${businessInfo.verification_status?.name}`}\n                      >\n                        {businessInfo.verification_status?.display_name}\n                      </div>\n                      <button type=\"submit\" className=\"btn-blue\">\n                        Update Details\n                      </button>\n                    </div>\n                  </div>\n                </form>\n              </div>\n              <div className=\"business-info-right_wrapper\">\n                <div className=\"card\">\n                  <div className=\"title\">Your Loyalty Card</div>\n                  <div className=\"description\">\n                    As visible to customers in the Lynked app\n                  </div>\n                  <Card\n                    acceptedFiles={businessLogo}\n                    accountInformation={{\n                      companyName: businessInfo.name,\n                      businessType: businessInfo.businessType?.id ?? \"\",\n                      stampIcon: businessInfo.stampIcon?.id ?? \"\",\n                      stampName: businessInfo.stampIcon?.name ?? \"\",\n                      promotionType: businessInfo.promotionTypeID,\n                      rewardInformation: businessInfo.promotionName,\n                      rewardCode: \"\",\n                      maxNumberPromotion: businessInfo.maxNumberPromotion,\n                      promotionLabel: businessInfo.promotionLabel ?? \"\",\n                      first_checkIn: +businessInfo.first_checkIn ?? '0'\n                    }}\n                    cardClosed={cardClosed}\n                    setCardClosed={setCardClosed}\n                    points_info={{\n                      maxPoints: businessInfo.points\n                        ? businessInfo.points[0]?.pointsAmount\n                        : undefined,\n                      points: businessInfo.points\n                        ? businessInfo.points[0]?.pointsAmount / 2\n                        : undefined,\n                      reward: businessInfo.points\n                        ? businessInfo.points[0]?.reward\n                        : undefined,\n                    }}\n                  />\n                </div>\n                <div className=\"business-info-right\">\n                  <BusinessLogo\n                    businessLogoProps={businessLogo}\n                    setBusinessLogoProps={(businessLogoProps) =>\n                      setBusinessLogo(businessLogoProps)\n                    }\n                  />\n                </div>\n              </div>\n            </div>\n            \n            <div className=\"locations-card-row\"/>\n          </>\n        ) : null}\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Promotion;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nexport const Wrapper = styled.div<{\n  required?: boolean;\n  isLabel?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n    /* &:after {\n      content: ${(props) => (props.required ? `\" *\"` : \"none\")};\n      color: #eb4d4b;\n    } */\n  }\n\n  & > input {\n    border-radius: 4px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px 13px 45px;\n    font-size: 18px;\n    line-height: 20px;\n    background: #ffffff;\n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled {\n      background: rgba(0, 0, 0, 0.07);\n      box-shadow: none;\n    }\n  }\n\n  .info-tooltip {\n    position: absolute;\n    right: 10px;\n    bottom: 11px;\n    width: 24px;\n    height: 24px;\n    margin: auto;\n    cursor: pointer;\n    transition: 0.3s all ease;\n    .tooltip {\n      transition: 0.3s all ease;\n      visibility: hidden;\n      opacity: 0;\n      position: absolute;\n      bottom: 40px;\n      right: -10px;\n      width: 300px;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      color: ${Color.white};\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 15px;\n      padding: 10px;\n      border-radius: 6px;\n      z-index: 1;\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 100%;\n        right: 17px;\n        margin-left: -5px;\n        border-width: 5px;\n        border-style: solid;\n        border-color: ${Color.blue} transparent transparent transparent;\n      }\n    }\n    & svg path.circle {\n      fill: #000d46;\n      opacity: 0.6;\n    }\n    &:hover {\n      svg path.circle {\n        fill: ${Color.blue};\n        opacity: 1;\n      }\n      .tooltip {\n        visibility: visible;\n        opacity: 1;\n      }\n    }\n    & + input {\n      padding-right: 35px;\n    }\n  }\n\n  .place-point-icon {\n    position: absolute;\n    line-height: 0;\n    bottom: 13px;\n    left: 10px;\n    & > svg {\n      path {\n        fill: #000d46;\n        opacity: 0.6;\n      }\n    }\n  }\n`;\n","import React, { useEffect } from \"react\";\nimport { usePlacesWidget } from \"react-google-autocomplete\";\n\nimport { GOOGLE_API_KEY } from \"src/types/env\";\n\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { ReactComponent as PlacePointIcon } from \"src/assets/img/place-point.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport {Props} from \"./types\";\n\nconst InputGoogleAutocomplete = ({\n  label,\n  placeholder,\n  infoTooltip,\n  defaultValue,\n  required,\n  disabled,\n  getValue,\n  getLat,\n  getLng,\n  onFocus,\n}: Props) => {\n  const [value, setValue] = React.useState<string>(defaultValue || \"\");\n\n  useEffect(() => {\n    if (defaultValue && defaultValue !== value) {\n      setValue(defaultValue);\n    }\n  }, [defaultValue]); //eslint-disable-line\n\n  const { ref } = usePlacesWidget<HTMLInputElement>({\n    apiKey: GOOGLE_API_KEY,\n    onPlaceSelected: (place) => {\n      setValue(place.formatted_address);\n      if (getValue) getValue(place.formatted_address);\n      if (getLat) getLat(place.geometry.location.lat());\n      if (getLng) getLng(place.geometry.location.lng());\n    },\n    options: {\n      types: [\"geocode\"],\n      language: \"en\",\n    },\n  });\n\n  const handleChange = (currentValue: string) => {\n    setValue(currentValue);\n  };\n\n  return (\n    <Wrapper required={required} isLabel={!!label}>\n      <span className=\"label\">{label}</span>\n      {infoTooltip && (\n        <span className=\"info-tooltip\">\n          <InfoIcon />\n          <span className=\"tooltip\">{infoTooltip}</span>\n        </span>\n      )}\n      <input\n        ref={ref}\n        type=\"text\"\n        className=\"\"\n        value={value}\n        placeholder={placeholder}\n        required={required}\n        disabled={disabled}\n        onChange={(event) => {\n          return handleChange(event.target.value);\n        }}\n        onFocus={() => {\n          if (onFocus) onFocus();\n        }}\n      />\n      <span className=\"place-point-icon\">\n        <PlacePointIcon />\n      </span>\n    </Wrapper>\n  );\n};\n\nexport default InputGoogleAutocomplete;\n","import axios from \"./api\";\n\nexport const getLightSpeed = (): Promise<any> =>\n  axios\n    .post(\"/api/lightspeed/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createLightSpeed = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/lightspeed/create\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const deleteLightSpeed = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/lightspeed/delete\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const checkIntegrationLightSpeed = (requestParameters: any): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/integration${requestParameters}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setDiscountProductLightSpeed = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/create-discount-product`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const createRemouteRulsLightSpeedLocations = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/create-remote-rules`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setWebhookLightSpeedLocations = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/set-webhook`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setLoyaltyProductLightSpeedLocations = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/set-loyalty-product`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setCustomFieldsLightSpeedLocations = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/set-custom-fields`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getLightSpeedLocations = (): Promise<any> =>\n  axios\n    .get(`/api/lightspeed/outlets`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, { FC, useEffect, useState } from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport Input from \"../../../../components/Input\";\nimport { ReactComponent as CloseIcon } from \"../../../../assets/img/clear.svg\";\nimport { addUserToLocationAxios, searchUserLocationAxios } from \"../../../../api/place\";\nimport {\n  EditLocationStaffInterface,\n  LocationInfoInterface,\n  LocationUserInfoInterface,\n  NewUserToLocationInterface,\n  SearchLocationUserInterface\n} from \"../../../../types/place\";\nimport InfoTooltip from \"../../../../components/infoTooltip/infoTooltip\";\nimport { ReactComponent as EditIcon } from \"../../../../assets/img/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"../../../../assets/img/delete.svg\";\nimport Select from \"../../../../components/Select\";\nimport { useTypedSelector } from \"../../../../hooks/useTypedSelector\";\nimport { getLightSpeedLocations } from \"../../../../api/lightSpeed\";\nimport Checkbox from \"../../../../components/CheckBox\";\n\ninterface IProps {\n  setLocationStaffSidebarData: (arg: EditLocationStaffInterface | null) => void;\n  setShowLocationStaffSidebar: (arg: boolean) => void;\n  setDeleteStaffObj: (arg: LocationUserInfoInterface | null) => void;\n  getPlaceInfo: () => void;\n  location: LocationInfoInterface;\n  locations: Array<LocationInfoInterface>;\n  isShow?: boolean;\n}\n\nconst StaffMembers: FC<IProps> = ({\n                                    setLocationStaffSidebarData,\n                                    location,\n                                    locations,\n                                    setShowLocationStaffSidebar,\n                                    setDeleteStaffObj,\n                                    getPlaceInfo\n                                  }) => {\n  let timeout: any;\n\n  const [searchLocationUserLoading, setSearchLocationUserLoading] =\n    React.useState<{ status: boolean; location_id: number | null }>({\n      status: false,\n      location_id: null\n    });\n\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n\n  const [createItems, setCreateItems] = useState([{ label: \"User\", value: 0 }, { label: \"POS.ID\", value: 1 }]);\n  const [showHideform, setShowHideForm] = useState(createItems[0].value);\n  const [lightSpeedSelect, setLightSpeedSelect] = useState([\n    {\n      value: \"\",\n      label: \"All LightSpeed\",\n      retailer: 0\n    },\n  ])\n  const [lightSpeedSelected, setLightSpeedSelected] = useState<{\n    value: string | number;\n    label: string;\n  }>({\n      value: '',\n      label: '',\n    }\n  )\n  \n  const [formAddUserToLocationLoading, setFormAddUserToLocationLoading] =\n    React.useState<boolean>(false);\n\n  const [\n    formAddUsertToLocationErrorMessage,\n    setFormAddUsertToLocationErrorMessage\n  ] = React.useState<string>(\"\");\n\n  const [newUserToLocation, setNewUserToLocation] =\n    React.useState<NewUserToLocationInterface | null>();\n\n  useEffect(() => {\n    if (loggedUser.user.allow_lightspeed) {\n      setCreateItems([...createItems, { label: \"Lightspeed\", value: 2 }]);\n      getLightSpeedLocations().then((res) => {\n        if(res.data.status){\n          setLightSpeedSelect(res.data.outlets)\n          setLightSpeedSelected({\n            value: res.data.outlets[0].value,\n            label: res.data.outlets[0].label,\n          })\n        }\n        \n      })\n    }\n  }, []);\n\n\n  const addNewUserToLocation = (location_id: number) => {\n    setNewUserToLocation((prevState: any) => {\n      return { ...prevState, id: location_id };\n    });\n  };\n\n  const setValueNewUserToLocation = (name: string, value: string | boolean) => {\n    if (formAddUsertToLocationErrorMessage) {\n      setFormAddUsertToLocationErrorMessage(\"\");\n    }\n    setNewUserToLocation((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  const handleSearchLocationUser = (searchObj: SearchLocationUserInterface) => {\n    clearTimeout(timeout);\n\n    timeout = setTimeout(() => {\n      setSearchLocationUserLoading({\n        status: true,\n        location_id: searchObj.location_id\n      });\n\n      searchUserLocationAxios(searchObj)\n        .then((response) => {\n          const newLocations = [];\n\n          locations.forEach((currentValue) => {\n            if (currentValue.id === searchObj.location_id) {\n              const newCurrentValue = currentValue;\n\n              newCurrentValue.users = response.data.users;\n              newLocations.push(currentValue);\n            } else {\n              newLocations.push(currentValue);\n            }\n          });\n\n          setSearchLocationUserLoading({\n            status: false,\n            location_id: null\n          });\n        })\n        .catch(() => {\n          setSearchLocationUserLoading({\n            status: false,\n            location_id: null\n          });\n        });\n    }, 500);\n  };\n\n  const editLocationStaffOpenSidebar = (staff: LocationUserInfoInterface) => {\n    if (staff.is_pos) {\n      setLocationStaffSidebarData({\n        seller_id: staff.id,\n        first_name: staff.first_name,\n        posId: staff.posId,\n        is_pos: staff.is_pos,\n        only_offline_customers: staff.only_offline_customers,\n        password: staff.password\n      });\n    } else if (staff.is_lightspeed_pos) {\n      setLocationStaffSidebarData({\n        seller_id: staff.id,\n        first_name: staff.first_name,\n        posId: staff.lightspeedPosId,\n        only_offline_customers: staff.only_offline_customers,\n        is_lightspeed_pos: staff.is_lightspeed_pos,\n        password: staff.password\n      });\n    }else {\n      setLocationStaffSidebarData({\n        seller_id: staff.id,\n        first_name: staff.first_name,\n        last_name: staff.last_name,\n        only_offline_customers: staff.only_offline_customers,\n        password: staff.password\n      });\n    }\n\n    setShowLocationStaffSidebar(true);\n  };\n\n  const deleteLocationStaffAsk = (staff: LocationUserInfoInterface) => {\n    setDeleteStaffObj(staff);\n  };\n\n  const locationStaffTableColumns = [\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: LocationUserInfoInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Email\",\n      minWidth: \"350px\",\n      cell: (row: LocationUserInfoInterface): JSX.Element => {\n        return <div>{row.username}</div>;\n      }\n    },\n    {\n      name: (\n        <InfoTooltip\n          infoText=\"Share the user credentials with your staff at the above location. They can log into the Lynked App and scan customer QR codes immediately\" />\n      ),\n      minWidth: \"100px\",\n      cell: (row: LocationUserInfoInterface): JSX.Element => {\n        return (\n          <div className=\"action\">\n            <button\n              type=\"button\"\n              className=\"edit\"\n              onClick={() => editLocationStaffOpenSidebar(row)}\n            >\n              <EditIcon />\n            </button>\n            <button\n              type=\"button\"\n              className=\"delete\"\n              onClick={() => deleteLocationStaffAsk(row)}\n            >\n              <DeleteIcon />\n            </button>\n          </div>\n        );\n      }\n    }\n  ];\n\n  const handleAddUserToLocation = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (newUserToLocation) {\n      setFormAddUserToLocationLoading(true);\n      addUserToLocationAxios(showHideform === 0 ? newUserToLocation : showHideform === 1 ? { ...newUserToLocation, type: showHideform } : { ...newUserToLocation, type: showHideform, lightSpeedId: `${lightSpeedSelected.value}`, lightSpeedName: `${lightSpeedSelected.label}`,lightSpeedRetailer: `${lightSpeedSelect.find(item=>item.value === lightSpeedSelected.value)!.retailer}`})\n        .then(() => {\n          getPlaceInfo();\n          setNewUserToLocation(null);\n          setFormAddUserToLocationLoading(false);\n        })\n        .catch((error) => {\n          setFormAddUsertToLocationErrorMessage(\n            error?.data?.message\n              ? error?.data?.message\n              : error?.data?.detail\n                ? error?.data?.detail\n                : \"Internal Server Error\"\n          );\n\n          setFormAddUserToLocationLoading(false);\n        });\n    }\n  };\n\n  return (\n    <div className=\"staff-list-wrap\">\n      <div className=\"create-filter\">\n        <button\n          type=\"button\"\n          className=\"btn-white\"\n          onClick={() => addNewUserToLocation(location.id)}\n        >\n          Add New User\n        </button>\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            getValue={(value) =>\n              handleSearchLocationUser({\n                location_id: location.id,\n                search: value\n              })\n            }\n          />\n        </div>\n      </div>\n      {newUserToLocation?.id === location.id ? (\n        <div className=\"create-new-user\">\n          {loggedUser.user.allow_pos || loggedUser.user.allow_lightspeed ? <div className=\"groups-wrap\">\n            <Select\n              placeholder=\"What you want create\"\n              selectorList={createItems}\n              positionForShow=\"bottom\"\n              defaultValue={createItems[0]}\n              required\n              getValue={(value) =>\n                setShowHideForm(+value)\n              }\n              hideSelectorFilter\n            />\n          </div> : null}\n\n          {\n            showHideform === 0 ? (\n              <form\n                onSubmit={handleAddUserToLocation}\n                className={`${\n                  formAddUserToLocationLoading ? \"loading-blue\" : \"\"\n                }`}\n                autoComplete=\"off\"\n\n              >\n                <div className=\"loading-innerwrap\">\n                  <div className=\"title-close\">\n                    <div className=\"title\">Create new user</div>\n                    <button\n                      type=\"button\"\n                      className=\"close\"\n                      onClick={() => setNewUserToLocation(null)}\n                    >\n                      <CloseIcon />\n                    </button>\n                  </div>\n                  <div className=\"input-wrap\">\n                    <div className=\"first_name-group\">\n                      <Input\n                        placeholder=\"First name\"\n                        required\n                        autoComplete=\"off\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"first_name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"last_name-group\">\n                      <Input\n                        placeholder=\"Last name\"\n                        required\n                        autoComplete=\"off\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"last_name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"password-group\">\n                      <Input\n                        type=\"password\"\n                        placeholder=\"Password\"\n                        required\n                        autoComplete=\"new-password\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"password\", value)\n                        }\n                      />\n                    </div>\n                    {loggedUser.user.allow_offline_customers ? <div className=\"checkbox-group\">\n                      <Checkbox label={'Only for Offline Customers'} onChange={checked => {\n                        setValueNewUserToLocation(\"only_offline_customers\", checked)\n                      }}/>\n                    </div> : null}\n                  \n                  </div>\n                  {formAddUsertToLocationErrorMessage && (\n                    <div className=\"form-error-message\">\n                      {formAddUsertToLocationErrorMessage}\n                    </div>\n                  )}\n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add User\n                  </button>\n                </div>\n              </form>\n            ) : showHideform === 1 ? (\n              <form\n                onSubmit={handleAddUserToLocation}\n                className={`${\n                  formAddUserToLocationLoading ? \"loading-blue\" : \"\"\n                }`}\n                autoComplete=\"off\"\n\n              >\n                <input role=\"presentation\" autoComplete=\"none\" name=\"hidden\" type=\"text\" style={{ display: \"none\" }} />\n                <div className=\"loading-innerwrap\">\n                  <div className=\"title-close\">\n                    <div className=\"title\">Create new POS.ID</div>\n                    <button\n                      type=\"button\"\n                      className=\"close\"\n                      onClick={() => {\n                        setNewUserToLocation(null);\n                        setShowHideForm(0);\n                      }}\n                    >\n                      <CloseIcon />\n                    </button>\n                  </div>\n                  <div className=\"input-wrap\">\n                    <div className=\"first_name-group\">\n                      <Input\n                        placeholder=\"Name\"\n                        required\n                        autoComplete=\"off\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"first_name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"last_name-group\">\n                      <Input\n                        placeholder=\"Pos Id\"\n                        required\n                        autoComplete=\"off\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"posId\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"password-group\">\n                      <Input\n                        type=\"password\"\n                        placeholder=\"Password\"\n                        required\n                        autoComplete=\"new-password\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"password\", value)\n                        }\n                      />\n                    </div>\n                    {loggedUser.user.allow_offline_customers ? <div className=\"checkbox-group\">\n                      <Checkbox label={'Only for Offline Customers'} onChange={checked => {\n                        setValueNewUserToLocation(\"only_offline_customers\", checked)\n                      }}/>\n                    </div> : null}\n                  </div>\n                  {formAddUsertToLocationErrorMessage && (\n                    <div className=\"form-error-message\">\n                      {formAddUsertToLocationErrorMessage}\n                    </div>\n                  )}\n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add POS.ID\n                  </button>\n                </div>\n              </form>\n            ) : (\n              <form\n                onSubmit={handleAddUserToLocation}\n                className={`${\n                  formAddUserToLocationLoading ? \"loading-blue\" : \"\"\n                }`}\n                autoComplete=\"off\"\n\n              >\n                <input role=\"presentation\" autoComplete=\"none\" name=\"hidden\" type=\"text\" style={{ display: \"none\" }} />\n                <div className=\"loading-innerwrap\">\n                  <div className=\"title-close\">\n                    <div className=\"title\">Create new Lightspeed</div>\n                    <button\n                      type=\"button\"\n                      className=\"close\"\n                      onClick={() => {\n                        setNewUserToLocation(null);\n                        setShowHideForm(0);\n                      }}\n                    >\n                      <CloseIcon />\n                    </button>\n                  </div>\n                  <div className=\"input-wrap\">\n                    <div className=\"first_name-group\">\n                      <Input\n                        placeholder=\"Name\"\n                        required\n                        autoComplete=\"off\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"first_name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"last_name-group\">\n                      <Select selectorList={lightSpeedSelect}\n                              positionForShow=\"bottom\"\n                              defaultValue={lightSpeedSelected}\n                              getValue={(value, label) => {\n                                setLightSpeedSelected({\n                                  value: `${value}`,\n                                  label: `${label}`\n                                })\n                                setValueNewUserToLocation(\"lightSpeedId\", `${value}`)\n                                setValueNewUserToLocation(\"lightSpeedName\", `${label}`)\n                                setValueNewUserToLocation(\"lightSpeedRetailer\", `${lightSpeedSelect.find(item=>item.value === value)!.retailer}`)\n                              }}\n                              required\n                              hideSelectorFilter/>\n                    </div>\n                    <div className=\"password-group\">\n                      <Input\n                        type=\"password\"\n                        placeholder=\"Password\"\n                        required\n                        autoComplete=\"new-password\"\n                        getValue={(value) =>\n                          setValueNewUserToLocation(\"password\", value)\n                        }\n                      />\n                    </div>\n                    {loggedUser.user.allow_offline_customers ? <div className=\"checkbox-group\">\n                      <Checkbox label={'Only for Offline Customers'} onChange={checked => {\n                        setValueNewUserToLocation(\"only_offline_customers\", checked)\n                      }}/>\n                    </div> : null}\n                  </div>\n                  {formAddUsertToLocationErrorMessage && (\n                    <div className=\"form-error-message\">\n                      {formAddUsertToLocationErrorMessage}\n                    </div>\n                  )}\n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add Lightspeed\n                  </button>\n                </div>\n              </form>\n            )\n          }\n\n        </div>\n      ) : null}\n      <div\n        className={`staff-list-table-wrap ${\n          searchLocationUserLoading.status &&\n          searchLocationUserLoading.location_id === location.id\n            ? \"loading-blue\"\n            : \"\"\n        }`}\n      >\n        <div className=\"loading-innerwrap\">\n          {location.users.length > 0 ? (\n            <div className=\"staff-list table\">\n              <DataTable\n                noHeader\n                columns={locationStaffTableColumns}\n                data={location.users}\n              />\n            </div>\n          ) : (\n            <div className=\"nothing-found\">Sorry, nothing found</div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default StaffMembers;\n","import styled from \"styled-components\";\n\nexport const ShowHideSpan = styled.span`\n  background: none;\n  color: #515CDD;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 20px;\n  text-align: center;\n`;\n\nexport const ShowHideButton = styled.button`\n  background: none;\n`;\n\nexport const ShowHideDiv = styled.div`\n  margin-left: auto;\n`;\n","import React, { FC } from \"react\";\n\nimport { ShowHideButton, ShowHideDiv, ShowHideSpan } from \"../ShowHideStaffMembers/styles\";\nimport { LocationInfoInterface } from \"../../../../types/place\";\n\ninterface IProps {\n  isShowLocationDetails?: boolean;\n  editLocationOpenSidebar: (location: LocationInfoInterface) => void;\n  setIsOpen: (isOpen: boolean) => void;\n  isOpen: boolean;\n  location: LocationInfoInterface;\n}\n\nconst ShowHideBtns: FC<IProps> = ({ isShowLocationDetails, editLocationOpenSidebar, setIsOpen, isOpen, location }) => {\n  const toggleShowStaff = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div className=\"two_btn_wrapper\">\n      {isShowLocationDetails &&\n        <button\n          type=\"button\"\n          onClick={() => editLocationOpenSidebar(location)}\n        >\n          Show Location details\n        </button>\n      }\n      <ShowHideDiv>\n        <ShowHideButton\n          type=\"button\"\n          onClick={toggleShowStaff}\n        >\n          <ShowHideSpan>\n            {isOpen ? \"Show\" : \"Hide\"} all staff members ({location.users.length})\n          </ShowHideSpan>\n        </ShowHideButton>\n      </ShowHideDiv>\n    </div>\n  );\n};\n\nexport default ShowHideBtns;","import React, { FC, useState } from \"react\";\n\nimport StaffMembers from \"../StaffMembers\";\nimport ShowHideBtns from \"../ShowHideBtns\";\n\nimport { EditLocationStaffInterface, LocationInfoInterface, LocationUserInfoInterface } from \"../../../../types/place\";\n\ninterface IProps {\n  location: LocationInfoInterface;\n  editLocationOpenSidebar: (location: LocationInfoInterface) => void;\n  isShowLocationDetails?: boolean;\n  setLocationStaffSidebarData: (arg: EditLocationStaffInterface | null) => void;\n  setShowLocationStaffSidebar: (arg: boolean) => void;\n  setDeleteStaffObj: (arg: LocationUserInfoInterface | null) => void;\n  getPlaceInfo: () => void;\n  locations: Array<LocationInfoInterface>;\n  isTwoBtn?: boolean;\n}\n\nconst ShowHideStaffMembers: FC<IProps> = ({\n                                            location, setLocationStaffSidebarData,\n                                            editLocationOpenSidebar, isShowLocationDetails,\n                                            setShowLocationStaffSidebar, setDeleteStaffObj,\n                                            isTwoBtn, getPlaceInfo, locations\n                                          }) => {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <>\n      {!isOpen &&\n        <StaffMembers location={location} locations={locations}\n                      setLocationStaffSidebarData={setLocationStaffSidebarData}\n                      setShowLocationStaffSidebar={setShowLocationStaffSidebar}\n                      setDeleteStaffObj={setDeleteStaffObj}\n                      getPlaceInfo={getPlaceInfo} />\n      }\n\n      {\n        !(isTwoBtn && !isShowLocationDetails) &&\n        <ShowHideBtns isShowLocationDetails={isShowLocationDetails} editLocationOpenSidebar={editLocationOpenSidebar}\n                      setIsOpen={setIsOpen} isOpen={isOpen} location={location} />\n      }\n    </>\n  );\n};\n\nexport default ShowHideStaffMembers;","import { SelectorListObj } from \"../../../../components/Select/types\";\n\nconst workHours: Array<SelectorListObj> = [];\n\nfor (let hour = 0; hour < 24; hour += 1) {\n  for (let min = 0; min < 60; min += 30) {\n    workHours.push({\n      label: `${String(hour).padStart(2, \"0\")}:${String(min).padStart(2, \"0\")}`,\n      value: `${String(hour).padStart(2, \"0\")}:${String(min).padStart(2, \"0\")}`,\n    });\n  }\n}\n\nexport default workHours;\n","import { Color } from \"src/types/color\";\nimport styled from \"styled-components\";\n\nconst Wrapper = styled.div`\n  width: 100%;\n  margin-bottom: 15px;\n  & > *:nth-child(2n + 3) {\n    background-color: ${Color.white};\n  }\n  .line {\n    height: 1px;\n    background-color: rgba(0, 13, 70, 0.1);\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n  .top_table_wrapper {\n    display: flex;\n    align-items: center;\n    padding: 20px 0px;\n    & > *:first-child {\n      flex-basis: 0%;\n    }\n    & > *:nth-child(2) {\n      flex-basis: 40%;\n    }\n    & > *:nth-child(n + 3) {\n      flex-basis: 30%;\n    }\n    .table_title {\n      font-size: 20px;\n      line-height: 20px;\n      text-align: left;\n    }\n  }\n  .work-time-row {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 10px;\n    padding: 6px 0px;\n    & > * {\n      margin-bottom: 4px !important;\n      margin-top: 4px !important;\n    }\n    .all-day-checkbox {\n      cursor: pointer;\n    }\n    .small {\n      width: 85px;\n    }\n    .large {\n      width: 170px;\n    }\n    .form-group {\n      justify-content: flex-start;\n      flex-grow: 1;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      * {\n        margin-bottom: 0;\n      }\n      .select {\n        width: 160px;\n      }\n    }\n    /* @media (max-width: 1550px) {\n      & > * {\n        flex-basis: 50%;\n        width: fit-content;\n      }\n    } */\n    @media (max-width: 768px) {\n      & > *:nth-child(n + 3) {\n        flex-basis: 100%;\n      }\n      .large {\n        & > div:first-child {\n          width: 100%;\n        }\n      }\n    }\n  }\n  @media (max-width: 768px) {\n  .top_table_wrapper {\n    display: none;\n  }\n`;\n\nexport { Wrapper };\n","export const DEFAULT_WORK_TIME_OBJ = {\n  monday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Monday\",\n  },\n  tuesday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Tuesday\",\n  },\n  wednesday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Wednesday\",\n  },\n  thursday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Thursday\",\n  },\n  friday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Friday\",\n  },\n  saturday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Saturday\",\n  },\n  sunday: {\n    allDay: true,\n    isOpen: true,\n    from: \"\",\n    to: \"\",\n    label: \"Sunday\",\n  },\n};\n","/* eslint-disable react/no-array-index-key */\nimport React, { useState } from \"react\";\nimport Select from \"../Select\";\nimport CheckBox from \"../CheckBox\";\nimport workHours from \"../../views/Registration/Step/RegistrationWelcomePromotion/const\";\nimport { Wrapper } from \"./styled\";\nimport { DEFAULT_WORK_TIME_OBJ } from \"./conts\";\n\ninterface IProps {\n  workingTimeProp: any;\n  formErrorMessage: any;\n  setWorkingTimeProp: any;\n}\n\nconst WorkTime = ({ workingTimeProp, formErrorMessage, setWorkingTimeProp }:IProps) => {\n  const defaultWorkTime = Array.isArray(workingTimeProp)\n    ? DEFAULT_WORK_TIME_OBJ\n    : workingTimeProp;\n\n  const [workingTime] = useState<{\n    [index: string]: {\n      allDay: boolean;\n      isOpen: boolean;\n      from: string | number;\n      to: string | number;\n      label: string;\n    };\n  }>(defaultWorkTime);\n\n  return (\n    <Wrapper>\n      <div className=\"form-group\">Opening Hours</div>\n      <div className=\"line\" />\n      <div className=\"top_table_wrapper\">\n        <CheckBox\n          onChange={(isChecked) => {\n            if (!isChecked) return;\n            const workTime = { ...workingTime };\n            Object.keys(workingTime).forEach((weekday) => {\n              workTime[weekday].isOpen = isChecked;\n            });\n            setWorkingTimeProp(workTime);\n          }}\n          isChecked={Object.values(workingTime).every(({ isOpen }) => isOpen)}\n        />\n        <p className=\"table_title\">Day</p>\n        <p className=\"table_title\">Start</p>\n        <p className=\"table_title\">Finish</p>\n      </div>\n      {Object.keys(workingTime).map((weekDay) => (\n        <div key={weekDay} className=\"work-time-row\">\n          <CheckBox\n            isChecked={workingTime[weekDay].isOpen}\n            onChange={(isChecked) => {\n              const time = { ...workingTime };\n              time[weekDay].isOpen = isChecked;\n              setWorkingTimeProp(time);\n            }}\n          />\n          <div className=\"form-group small weekday-label\">\n            {workingTime[weekDay].label ?? weekDay}\n          </div>\n          <div className=\"form-group small\">\n            <label\n              htmlFor={`work-time-${weekDay}`}\n              className=\"checkbox blue-checkbox all-day-checkbox\"\n            >\n              <span className=\"checkbox-input-wrap\">\n                <input\n                  onChange={({ target }) => {\n                    const time = { ...workingTime };\n                    time[weekDay].allDay = target.checked;\n                    if (target.checked) {\n                      time[weekDay].to = \"\";\n                      time[weekDay].from = \"\";\n                    }\n                    setWorkingTimeProp(time);\n                  }}\n                  disabled={!workingTime[weekDay].isOpen}\n                  checked={workingTime[weekDay].allDay}\n                  type=\"checkbox\"\n                  id={`work-time-${weekDay}`}\n                />\n                <span className=\"checkbox-view\" />\n              </span>\n              <div className=\"text\">All Day</div>\n            </label>\n            {formErrorMessage[`work_time.${weekDay}.all_day`] ? (\n              <div className=\"form-error-message\">\n                {formErrorMessage[`work_time.${weekDay}.all_day`]}\n              </div>\n            ) : null}\n          </div>\n\n          <div className=\"form-group large\">\n            <Select\n              placeholder={\n                !workingTime[weekDay].isOpen\n                  ? \"\"\n                  : !workingTime[weekDay].allDay\n                  ? \"Opening Time\"\n                  : \"00:00\"\n              }\n              selectorList={workHours}\n              disabled={\n                workingTime[weekDay].allDay || !workingTime[weekDay].isOpen\n              }\n              required={!workingTime[weekDay].allDay}\n              positionForShow=\"top\"\n              defaultValue={\n                workingTime[weekDay].isOpen\n                  ? workHours.find((element) => {\n                      return element.value === workingTime[weekDay].from;\n                    })\n                  : { label: \"\", value: \"\" }\n              }\n              getValue={(value) => {\n                const time = { ...workingTime };\n                time[weekDay].from = value;\n                setWorkingTimeProp(time);\n              }}\n              hideSelectorFilter\n              lock={workingTime[weekDay].allDay || !workingTime[weekDay].isOpen}\n            />\n            {formErrorMessage[`work_time.${weekDay}.from`] ? (\n              <div className=\"form-error-message\">\n                {formErrorMessage[`work_time.${weekDay}.from`]}\n              </div>\n            ) : null}\n          </div>\n          <div className=\"form-group large\">\n            <Select\n              placeholder={\n                !workingTime[weekDay].isOpen\n                  ? \"\"\n                  : !workingTime[weekDay].allDay\n                  ? \"Opening Time\"\n                  : \"00:00\"\n              }\n              selectorList={workHours}\n              positionForShow=\"top\"\n              disabled={\n                workingTime[weekDay].allDay || !workingTime[weekDay].isOpen\n              }\n              required={!workingTime[weekDay].allDay}\n              defaultValue={\n                workingTime[weekDay].isOpen\n                  ? workHours.find((element) => {\n                      return element.value === workingTime[weekDay].to;\n                    })\n                  : { label: \"\", value: \"\" }\n              }\n              getValue={(value) => {\n                const time = { ...workingTime };\n                time[weekDay].to = value;\n                setWorkingTimeProp(time);\n              }}\n              hideSelectorFilter\n              lock={workingTime[weekDay].allDay || !workingTime[weekDay].isOpen}\n            />\n            {formErrorMessage[`work_time.${weekDay}.to`] ? (\n              <div className=\"form-error-message\">\n                {formErrorMessage[`work_time.${weekDay}.to`]}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </Wrapper>\n  );\n};\n\nexport default WorkTime;\n","export default __webpack_public_path__ + \"static/media/default-logo.0dedb472.png\";","import { Color } from \"src/types/color\";\nimport styled, { keyframes } from \"styled-components\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  .dropZone {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    margin-bottom: 60px;\n\n    &.with-photo {\n      margin-bottom: 20px;\n      & > div {\n        .dropZone-content-text {\n          opacity: 0;\n          transition: 0.5s all ease;\n        }\n      }\n\n      &:hover {\n        & > div {\n          .dropZone-content-text {\n            opacity: 0.9;\n          }\n        }\n      }\n    }\n\n    & > div {\n      position: relative;\n      height: 100%;\n      outline: none;\n      cursor: pointer;\n\n      &.active_true {\n        border-color: ${Color.blueDark};\n        box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n      }\n\n      &.active_false {\n        min-height: 320px;\n      }\n\n      input {\n        max-width: 100%;\n        display: block !important;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        margin: auto;\n        opacity: 0;\n        z-index: -1;\n      }\n\n      .img {\n        line-height: 0;\n        height: 250px;\n        max-width: 800px;\n        margin: 0 auto;\n\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n        }\n      }\n\n      .dropZone-content-text {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: ${Color.blueLightBackground};\n        border: 1px dashed ${Color.blue};\n        border-radius: 4px;\n        outline: none;\n        padding: 30px;\n        cursor: pointer;\n        transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n        & > svg {\n          margin-bottom: 5px;\n          animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n          path[fill-rule=\"evenodd\"] {\n            fill: ${Color.blue};\n          }\n        }\n\n        .text {\n          color: ${Color.blue};\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          text-align: center;\n\n          span {\n            margin-bottom: 5px;\n          }\n\n          .title {\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n          }\n\n          .description {\n            opacity: 0.6;\n            font-size: 12px;\n            font-weight: 300;\n            line-height: 15px;\n          }\n\n          .file-name {\n            font-size: 21px;\n            font-weight: 300;\n            line-height: 23px;\n          }\n        }\n      }\n    }\n  }\n  .locations {\n    position: relative;\n    /* margin-right: 30px; */\n    /* width: calc(70% - 30px); */\n    margin-top: 30px;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 25px 30px;\n    box-sizing: border-box;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin-bottom: 25px;\n    }\n\n    .create-filter {\n      margin-bottom: 15px;\n    }\n\n    .create-location {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        position: relative;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .select-deal-container {\n        .select {\n          margin-bottom: 15px;\n        }\n      }\n\n      .input-wrap {\n        margin-bottom: 15px;\n\n        .location-group {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .add-location-wrapper {\n        display: flex;\n        flex-direction: column;\n\n        .left-block {\n          width: 100%;\n          margin-right: 15px;\n        }\n\n        .right-block {\n          width: 100%;\n\n          .upload-image {\n            /* height: 150px; */\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n\n    .create-new-user {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        overflow: hidden;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .input-wrap {\n        display: flex;\n        margin-bottom: 15px;\n\n        & > div {\n          flex: 1;\n          width: calc(100% / 3);\n          margin-right: 20px;\n\n          &:last-child {\n            margin-right: 0;\n          }\n          \n          &.last_name-group{\n            &>div{\n              ul.bottom{\n                max-height: 70px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .location-item {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      margin-bottom: 10px;\n      padding: 20px;\n      box-sizing: border-box;\n\n      .main {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        margin-bottom: 15px;\n\n        .logo-nameAddress {\n          display: flex;\n          align-items: flex-start;\n        }\n\n        .logo {\n          line-height: 0;\n          margin-right: 15px;\n\n          img {\n            height: 40px;\n            width: 40px;\n            border-radius: 100%;\n            object-fit: cover;\n          }\n        }\n\n        .name-address {\n          width: calc(100% - 55px);\n        }\n\n        .name {\n          color: ${Color.blueDarkText};\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 23px;\n          margin-bottom: 5px;\n        }\n\n        .address {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 22px;\n          margin-bottom: 20px;\n        }\n\n        .edit-remove {\n          display: flex;\n          align-items: center;\n\n          button {\n            background: none;\n            padding: 0;\n            opacity: 0.6;\n\n            &:hover {\n              opacity: 1;\n            }\n          }\n\n          .edit {\n            margin-right: 10px;\n          }\n        }\n      }\n\n      .two_btn_wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        @media (max-width: 600px) {\n          * {\n            flex-basis: 100%;\n            margin-bottom: 10px;\n          }\n        }\n        button {\n          background: none;\n          color: ${Color.blue};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          text-align: center;\n        }\n      }\n\n      &.hide-staff {\n        .show-hide-staff {\n          button {\n            .hide {\n              display: none;\n            }\n          }\n        }\n\n        .staff-list-wrap {\n          height: 0px;\n          overflow: hidden;\n        }\n      }\n\n      &.show-staff {\n        .show-hide-staff {\n          button {\n            .show {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .show-hide-staff {\n        text-align: center;\n      }\n\n      .staff-list-wrap {\n        transition: 0.5s all ease;\n      }\n\n      .create-filter {\n        display: flex;\n\n        .search-wrap {\n          margin-left: 20px;\n          flex: 1;\n          width: 100%;\n        }\n\n        button {\n          margin-bottom: 15px;\n        }\n      }\n\n      .staff-list {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        padding-bottom: 20px;\n        box-sizing: border-box;\n        margin-bottom: 15px;\n\n        &.table {\n          & > div {\n            overflow: unset;\n          }\n        }\n\n        &-table-wrap {\n          position: relative;\n        }\n\n        div.rdt_TableRow {\n          padding: 13px 0;\n        }\n\n        div:first-child {\n          &::-webkit-scrollbar {\n            height: 5px;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            background: ${Color.white};\n            border-radius: 3px;\n          }\n\n          &::-webkit-scrollbar-thumb:hover {\n            background: ${Color.blueText};\n          }\n\n          &:hover {\n            &::-webkit-scrollbar-thumb {\n              background: ${Color.blueLight};\n            }\n\n            &::-webkit-scrollbar-thumb:hover {\n              background: ${Color.blueText};\n            }\n          }\n        }\n      }\n      @media (max-width: 500px) {\n        padding: 15px;\n      }\n    }\n\n    .edit_location {\n      margin-bottom: 25px;\n      .close-wrap {\n        display: flex;\n        justify-content: flex-end;\n        margin: 5px 0px 15px;\n        .close {\n          background: none;\n        }\n      }\n\n      .edit_location_form {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        & > *:nth-child(1) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(2) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(3) {\n          flex-basis: 100%;\n        }\n        .btn_wrapper {\n          width: 100%;\n        }\n        @media (max-width: 600px) {\n          & > *:nth-child(1) {\n            flex-basis: 100%;\n          }\n          & > *:nth-child(2) {\n            flex-basis: 100%;\n            margin: 15px 0px;\n          }\n        }\n      }\n\n      .location-group-logo {\n        flex-basis: 100%;\n        margin: 15px 0px;\n      }\n      .welcome_gift_wrapper {\n        background-color: ${Color.white};\n        padding: 16px;\n        flex-basis: 100%;\n        margin-bottom: 20px;\n      }\n      .welcome_gift_form {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        & > * {\n          flex-basis: 100%;\n          margin: 10px 0px;\n        }\n      }\n      .title_block {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 400;\n        margin: 0px 0px 16px;\n      }\n    }\n\n    .sidebar-edit-location {\n      .location-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      .location-group-google-autocomplete {\n        .place-point-icon {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .location-group-logo {\n        .dropZone > div .img img {\n          position: absolute;\n        }\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n\n    .sidebar-edit-staff {\n      .staff-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n    @media (max-width: 500px) {\n      padding: 15px 10px;\n    }\n  }\n  .remove-modal {\n    text-align: center;\n    padding: 30px 35px;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from \"react\";\nimport {useDropzone} from \"react-dropzone\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\n\nimport InputGoogleAutocomplete from \"src/components/InputGoogleAutocomplete\";\nimport InfoTooltip from \"src/components/infoTooltip\";\nimport CheckBox from \"src/components/CheckBox/CheckBox\";\nimport ShowHideStaffMembers from \"./ShowHideStaffMembers\";\nimport Modal from \"src/components/Modal\";\nimport WorkTime from \"src/components/WorkTime/WorkTime\";\nimport Input from \"src/components/Input\";\nimport {\n  // BusinessInfoInterface,\n  LocationInfoInterface,\n  NewLocationInterface,\n  EditLocationInterface,\n  LocationUserInfoInterface,\n  EditLocationStaffInterface\n} from \"src/types/place\";\nimport {\n  getPlaceInfoAxios,\n  // updateBusinessInfoAxios,\n  addLocationAxios,\n  removeLocationAxios,\n  updateLocationStaffAxios,\n  removeLocationStaffAxios,\n  updateLocationAxios\n} from \"src/api/place\";\n\nimport locationDefaultLogo from \"src/assets/img/default-logo.png\";\nimport {ReactComponent as CloseIcon} from \"src/assets/img/clear.svg\";\nimport {ReactComponent as UploadIcon} from \"src/assets/img/upload.svg\";\nimport {ReactComponent as DeleteIcon} from \"src/assets/img/delete.svg\";\n\nimport {Wrapper} from \"./styled\";\nimport Select from \"../../../components/Select\";\nimport {getLightSpeedLocations} from \"../../../api/lightSpeed\";\nimport {useTypedSelector} from \"../../../hooks/useTypedSelector\";\nimport Checkbox from \"src/components/CheckBox/CheckBox\";\n\nconst PromotionManage: React.FC = () => {\n  const [addLocation, setAddLocation] = React.useState<boolean>(false);\n  const [locationMaxCount, setLocationMaxCount] = React.useState<number>(0);\n  const [locations, setLocations] = React.useState<Array<LocationInfoInterface>>([]);\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  \n  const [lightSpeedSelect, setLightSpeedSelect] = useState([\n    {\n      value: \"\",\n      label: \"All Customer\",\n      retailer: 0\n    }\n  ]);\n  \n  useEffect(() => {\n    if (loggedUser.user.allow_lightspeed) {\n      getLightSpeedLocations().then((res) => {\n        setLightSpeedSelect(res.data.outlets);\n      });\n    }\n  }, []);\n  \n  const [formAddLocationLoading, setFormAddLocationLoading] =\n    React.useState<boolean>(false);\n  \n  const [newLocation, setNewLocation] =\n    React.useState<NewLocationInterface | null>({\n      latitude: \"\",\n      longitude: \"\",\n      address: \"\",\n      location_name: \"\",\n      phone_number: \"\",\n      work_time: {\n        monday: {\n          label: \"Monday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        tuesday: {\n          label: \"Tuesday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        wednesday: {\n          label: \"Wednesday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        thursday: {\n          label: \"Thursday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        friday: {\n          label: \"Friday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        saturday: {\n          label: \"Saturday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        },\n        sunday: {\n          label: \"Sunday\",\n          allDay: true,\n          isOpen: true,\n          from: \"\",\n          to: \"\"\n        }\n      }\n    });\n  \n  const [newLocationPromotionName, setNewLocationPromotionName] =\n    React.useState<string>(\"\");\n  const [newLocationPromotionDetails, setNewLocationPromotionDetails] =\n    React.useState<string>(\"\");\n  const [newLocationImage, setNewLocationImage] = React.useState<string>(\"\");\n  // const [newLocationPromotionDealId, setNewLocationPromotionDealId] =\n  //   React.useState<string | number>(\"\");\n  \n  const [formAddLocationErrorMessage, setFormAddLocationErrorMessage] =\n    React.useState<string>(\"\");\n  \n  const [locationSidebarData, setLocationSidebarData] =\n    React.useState<EditLocationInterface | null>(null);\n  \n  const [deleteLocationObj, setDeleteLocationObj] =\n    React.useState<LocationInfoInterface | null>(null);\n  \n  let [locationStaffSidebarData, setLocationStaffSidebarData] =\n    React.useState<EditLocationStaffInterface | null>({\n      first_name: '',\n      seller_id: 0,\n      password: '',\n      only_offline_customers: false\n    });\n  \n  const [formEditLocationStaffLoading, setFormEditLocationStaffLoading] =\n    React.useState<boolean>(false);\n  \n  // const [showLocationSidebar, setShowLocationSidebar] =\n  //   React.useState<boolean>(false);\n  \n  const [isWelcomeGift, setIsWelcomeGift] = React.useState<boolean>(true);\n  const [showOnMap, setShowOnMap] = React.useState<boolean>(true);\n  \n  const [showLocationStaffSidebar, setShowLocationStaffSidebar] =\n    React.useState<boolean>(false);\n  \n  const [\n    formEditLocationStaffErrorMessage,\n    setFormEditLocationStaffErrorMessage\n  ] = React.useState<string>(\"\");\n  \n  const [deleteLocationLoading, setDeleteLocationLoading] =\n    React.useState<boolean>(false);\n  \n  const [deleteStaffLoading, setDeleteStaffLoading] =\n    React.useState<boolean>(false);\n  \n  const setValueNewLocation = (name: string, value: string) => {\n    if (formAddLocationErrorMessage) {\n      setFormAddLocationErrorMessage(\"\");\n    }\n    setNewLocation((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  const [deleteStaffObj, setDeleteStaffObj] =\n    React.useState<LocationUserInfoInterface | null>(null);\n  \n  const [formEditLocationLoading, setFormEditLocationLoading] =\n    React.useState<boolean>(false);\n  \n  const getPlaceInfo = () => {\n    setFormEditLocationStaffLoading(true);\n    getPlaceInfoAxios()\n      .then(({data}) => {\n        setLocations(data.locations);\n        setLocationMaxCount(data.location_max_count);\n      })\n      .finally(() => setFormEditLocationStaffLoading(false));\n  };\n  \n  const handleUpdateLocationStaff = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (locationStaffSidebarData) {\n      setFormEditLocationStaffLoading(true);\n      if (locationStaffSidebarData?.is_lightspeed_pos && !locationStaffSidebarData?.lightSpeedName) {\n        // @ts-ignore\n        locationStaffSidebarData = {\n          ...locationStaffSidebarData,\n          lightSpeedName: `${lightSpeedSelect.find(item => item.value === `${locationStaffSidebarData!.posId}`)!.label}`,\n          lightSpeedRetailer: `${lightSpeedSelect.find(item => item.value === `${locationStaffSidebarData!.posId}`)!.retailer}`\n        }\n      }\n      updateLocationStaffAxios(locationStaffSidebarData)\n        .then((response) => {\n          setLocations(response.data.locations);\n          setFormEditLocationStaffLoading(false);\n          setShowLocationStaffSidebar(false);\n          setLocationStaffSidebarData(null);\n        })\n        .catch((error) => {\n          setFormEditLocationStaffErrorMessage(\n            error?.data?.message\n              ? error?.data?.message\n              : error?.data?.detail\n                ? error?.data?.detail\n                : \"Internal Server Error\"\n          );\n          setFormEditLocationStaffLoading(false);\n        });\n    }\n  };\n  \n  const onDrop = (acceptedFiles: any) => {\n    if (acceptedFiles[0]) {\n      setNewLocationImage(acceptedFiles[0]);\n    }\n  };\n  \n  const {isDragActive, getRootProps, getInputProps} = useDropzone({\n    accept: [\"image/jpeg\", \"image/jpg\", \"image/png\"],\n    multiple: false,\n    onDrop\n  });\n  \n  const handleAddLocation = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (\n      `${newLocation?.phone_number ? newLocation?.phone_number : \"\"}`.length < 5\n    ) {\n      setFormAddLocationErrorMessage(\n        \"Phone number must be longer than 4 characters\"\n      );\n      return;\n    }\n    if (!newLocation?.latitude && !newLocation?.longitude) {\n      setFormAddLocationErrorMessage(\"Please, choose a valid location.\");\n      return;\n    }\n    if (newLocation) {\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"latitude\", newLocation?.latitude);\n      requestFormData.append(\"longitude\", newLocation?.longitude);\n      requestFormData.append(\"address\", newLocation?.address);\n      requestFormData.append(\"location_name\", newLocation?.location_name);\n      // delete this fields\n      requestFormData.append(\"promotionName\", newLocationPromotionName);\n      // requestFormData.append(\"promotionDetailsId\", newLocationPromotionDealId);\n      requestFormData.append(\n        \"promotionDescription\",\n        newLocationPromotionDetails\n      );\n      // delete this fields\n      requestFormData.append(\"phone_number\", newLocation.phone_number);\n      requestFormData.append(\"file\", newLocationImage);\n      \n      Object.keys(newLocation.work_time).forEach((weekDay) => {\n        requestFormData.append(\n          `work_time[${weekDay}][allDay]`,\n          newLocation.work_time[weekDay].allDay\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][from]`,\n          newLocation.work_time[weekDay].from\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][to]`,\n          newLocation.work_time[weekDay].to\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][label]`,\n          newLocation.work_time[weekDay].label\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][isOpen]`,\n          newLocation.work_time[weekDay].isOpen\n        );\n      });\n      \n      setFormAddLocationLoading(true);\n      addLocationAxios(requestFormData)\n        .then(() => {\n          getPlaceInfo();\n          setNewLocation({\n            latitude: \"\",\n            longitude: \"\",\n            address: \"\",\n            location_name: \"\",\n            phone_number: \"\",\n            work_time: {\n              monday: {\n                label: \"Monday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              tuesday: {\n                label: \"Tuesday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              wednesday: {\n                label: \"Wednesday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              thursday: {\n                label: \"Thursday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              friday: {\n                label: \"Friday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              saturday: {\n                label: \"Saturday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              },\n              sunday: {\n                label: \"Sunday\",\n                allDay: true,\n                isOpen: true,\n                from: \"\",\n                to: \"\"\n              }\n            }\n          });\n          setNewLocationPromotionName(\"\");\n          // setNewLocationPromotionDealId(\"\");\n          setNewLocationPromotionDetails(\"\");\n          setNewLocationImage(\"\");\n          setFormAddLocationLoading(false);\n          setAddLocation(false);\n        })\n        .catch((error) => {\n          setFormAddLocationErrorMessage(\n            error?.data?.message\n              ? error?.data?.message\n              : error?.data?.detail\n                ? error?.data?.detail\n                : \"Internal Server Error\"\n          );\n          setFormAddLocationLoading(false);\n        });\n    }\n  };\n  \n  const hendelDeleteLocationAsk = (location: LocationInfoInterface) => {\n    setDeleteLocationObj(location);\n  };\n  \n  const closeEditLocationSidebar = () => {\n    // setShowLocationSidebar(false);\n    setLocationSidebarData(null);\n  };\n  \n  const editLocationOpenSidebar = (location: LocationInfoInterface) => {\n    setLocationSidebarData({\n      location_id: location.id,\n      latitude: location.latitude,\n      longitude: location.longitude,\n      address: location.address,\n      promotionDeal: {\n        value: location.promotion_details?.id,\n        label: location.promotion_details?.name\n      },\n      promotionName: location.promotion_name,\n      promotionDetails: location.promotion_description,\n      logo: location.image,\n      locationName: location.location_name,\n      workTime: location.work_time,\n      phone_number: location.phone_number,\n      hideOnMap: location.hideOnMap,\n      ecommerce: location.ecommerce,\n    });\n    setShowOnMap(location.hideOnMap === 0 ? true : false)\n    // setShowLocationSidebar(true);\n  };\n  \n  const setEditLocationStaff = (name: string, value: string | boolean) => {\n    if (formEditLocationStaffErrorMessage) {\n      setFormEditLocationStaffErrorMessage(\"\");\n    }\n    setLocationStaffSidebarData((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  const setEditLocation = (name: string, value: any) => {\n    setLocationSidebarData((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  const closeEditLocationStaffSidebar = () => {\n    setShowLocationStaffSidebar(false);\n    setLocationStaffSidebarData(null);\n  };\n  \n  const hendelDeleteLocationConfirm = () => {\n    if (deleteLocationObj) {\n      setDeleteLocationLoading(true);\n      removeLocationAxios(deleteLocationObj.id)\n        .then(() => {\n          getPlaceInfo();\n          setDeleteLocationLoading(false);\n          setDeleteLocationObj(null);\n        })\n        .catch(() => {\n        });\n    }\n  };\n  \n  const hendelDeleteLocationStaffConfirm = () => {\n    if (deleteStaffObj) {\n      setDeleteStaffLoading(true);\n      removeLocationStaffAxios(deleteStaffObj.id)\n        .then(() => {\n          getPlaceInfo();\n          setDeleteStaffLoading(false);\n          setDeleteStaffObj(null);\n        })\n        .catch(() => {\n        });\n    }\n  };\n  \n  const handleUpdateLocation = (event: React.FormEvent) => {\n    event.preventDefault();\n    \n    if (locationSidebarData) {\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"location_id\", locationSidebarData.location_id);\n      requestFormData.append(\"latitude\", locationSidebarData.latitude);\n      requestFormData.append(\"longitude\", locationSidebarData.longitude);\n      requestFormData.append(\"address\", locationSidebarData.address);\n      requestFormData.append(\"location_name\", locationSidebarData.locationName);\n      requestFormData.append(\"phone_number\", locationSidebarData.phone_number);\n      requestFormData.append(\"hideOnMap\", showOnMap ? 0 : 1);\n      \n      Object.keys(locationSidebarData.workTime).forEach((weekDay) => {\n        requestFormData.append(\n          `work_time[${weekDay}][allDay]`,\n          locationSidebarData.workTime[weekDay].allDay\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][from]`,\n          locationSidebarData.workTime[weekDay].from\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][to]`,\n          locationSidebarData.workTime[weekDay].to\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][label]`,\n          locationSidebarData.workTime[weekDay].label\n        );\n        requestFormData.append(\n          `work_time[${weekDay}][isOpen]`,\n          locationSidebarData.workTime[weekDay].isOpen\n        );\n      });\n      \n      requestFormData.append(\n        \"promotionName\",\n        isWelcomeGift ? locationSidebarData.promotionName : \"\"\n      );\n      // requestFormData.append(\n      //   \"promotionDetailsId\",\n      //   locationSidebarData.promotionDeal.value\n      //     ? locationSidebarData.promotionDeal.value\n      //     : locationSidebarData.promotionDeal\n      // );\n      requestFormData.append(\n        \"promotionDescription\",\n        isWelcomeGift ? locationSidebarData.promotionDetails : \"\"\n      );\n      if (newLocationImage) {\n        requestFormData.append(\"file\", newLocationImage);\n      }\n      \n      setFormEditLocationLoading(true);\n      updateLocationAxios(requestFormData)\n        .then((response) => {\n          setLocations(response.data.locations);\n          setFormEditLocationLoading(false);\n          closeEditLocationSidebar();\n          setNewLocationImage(\"\");\n        })\n        .catch(() => {\n          // setFormEditLocationErrorMessage(\n          //   error?.data?.message\n          //     ? error?.data?.message\n          //     : error?.data?.detail\n          //     ? error?.data?.detail\n          //     : \"Internal Server Error\"\n          // );\n          setFormEditLocationLoading(false);\n        });\n    }\n  };\n  \n  useEffect(() => {\n    getPlaceInfo();\n  }, []);\n  \n  // @ts-ignore\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Manage Promotion</div>\n      <div className=\"page-subtitle\">\n        Your digital loyalty card is displayed below, this is what your\n        customers will see on the Lynked App.\n      </div>\n      <div\n        className={`locations ${\n          formEditLocationStaffLoading ? \"loading-blue\" : \"\"\n        }`}\n      >\n        <div className=\"title\">\n          Manage Locations\n          <InfoTooltip\n            infoText=\"Your business locations are listed below. Add users at each location to give them access to use the Lynked app and start scanning QR codes. Upgrade your plan if you need more locations or users\"/>{\" \"}\n        </div>\n        <div className=\"create-filter\">\n          <div className=\"btn-wrap\">\n            <button\n              type=\"button\"\n              className=\"btn-white\"\n              disabled={locationMaxCount <= locations.length}\n              onClick={() => setAddLocation(true)}\n            >\n              Add New Location ({locations.length}/{locationMaxCount})\n            </button>\n          </div>\n        </div>\n        {addLocation ? (\n          <div className=\"create-location\">\n            <form\n              onSubmit={handleAddLocation}\n              className={`${formAddLocationLoading ? \"loading-blue\" : \"\"}`}\n            >\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Create new location</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={() => {\n                      setAddLocation(false);\n                      setNewLocation(null);\n                      setNewLocationPromotionName(\"\");\n                      // setNewLocationPromotionDealId(\"\");\n                      setNewLocationPromotionDetails(\"\");\n                      setNewLocationImage(\"\");\n                    }}\n                  >\n                    <CloseIcon/>\n                  </button>\n                </div>\n                <div className=\"add-location-wrapper\">\n                  <div className=\"left-block\">\n                    <div className=\"input-wrap\">\n                      <Input\n                        required\n                        placeholder=\"Please enter location name\"\n                        maxLength={30}\n                        getValue={(value) =>\n                          setValueNewLocation(\"location_name\", value)\n                        }\n                      />\n                    </div>\n                    <div className=\"input-wrap\">\n                      <div className=\"location-group\">\n                        <InputGoogleAutocomplete\n                          placeholder=\"Please enter your location\"\n                          required\n                          getValue={(value) =>\n                            setValueNewLocation(\"address\", value)\n                          }\n                          getLat={(value) =>\n                            setValueNewLocation(\"latitude\", value)\n                          }\n                          getLng={(value) =>\n                            setValueNewLocation(\"longitude\", value)\n                          }\n                        />\n                      </div>\n                    </div>\n                    <div className=\"input-wrap phone-wrap\">\n                      <p className=\"phone_input_label\">Phone number</p>\n                      <PhoneInput\n                        containerClass=\"input-phone\"\n                        country=\"us\"\n                        inputProps={{\n                          name: \"phone_number\",\n                          required: true,\n                          minLength: 6\n                        }}\n                        onChange={(value) => {\n                          setValueNewLocation(\"phone_number\", value);\n                        }}\n                      />\n                    </div>\n                    {/* <div className=\"form-group select-deal-container\">\n                                <Select\n                                  placeholder=\"Select Promotion Deal\"\n                                  selectorList={promotionDeal}\n                                  positionForShow=\"bottom\"\n                                  required\n                                  getValue={(value) =>\n                                    setNewLocationPromotionDealId(value)\n                                  }\n                                  hideSelectorFilter\n                                />\n                              </div> */}\n                    {/* <div className=\"input-wrap\">\n                              <Input\n                                required\n                                placeholder=\"Please enter promotion details\"\n                                maxLength={50}\n                                getValue={(value) =>\n                                  setNewLocationPromotionDetails(value)\n                                }\n                              />\n                            </div> */}\n                  </div>\n                  <div className=\"right-block\">\n                    <div\n                      className={`dropZone ${\n                        newLocationImage ? \"with-photo\" : \"\"\n                      }`}\n                    >\n                      <div>\n                        <div\n                          {...getRootProps()}\n                          className={`active_${isDragActive} upload-image`}\n                        >\n                          {\" \"}\n                          {/* eslint-disable-line */}\n                          <input {...getInputProps()} required/>{\" \"}\n                          {/* eslint-disable-line */}\n                          {newLocationImage ? (\n                            <div className=\"img\">\n                              <img\n                                src={URL.createObjectURL(\n                                  newLocationImage as unknown as Blob\n                                )}\n                                alt=\"NewLocationImage\"\n                              />\n                            </div>\n                          ) : null}\n                          <div className=\"dropZone-content-text\">\n                            <UploadIcon/>\n                            <span className=\"text\">\n                              <span className=\"title\">\n                                {newLocationImage\n                                  ? \"Update location image\"\n                                  : \"Please click here and add location image\"}\n                              </span>\n                            </span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <WorkTime\n                      workingTimeProp={newLocation?.work_time}\n                      formErrorMessage={{}}\n                      setWorkingTimeProp={(workTime: any) => {\n                        const newData = {\n                          ...newLocation\n                        } as NewLocationInterface;\n                        newData.work_time = workTime;\n                        setNewLocation(newData);\n                      }}\n                    />\n                  </div>\n                  {formAddLocationErrorMessage && (\n                    <div className=\"form-error-message\">\n                      {formAddLocationErrorMessage}\n                    </div>\n                  )}\n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add Location\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        ) : null}\n        <div className=\"location-list\">\n          {locations.map((location) => (\n            <div\n              key={location.id}\n              className={`location-item`}\n            >\n              <div className=\"main\">\n                <div className=\"logo-nameAddress\">\n                  <div className=\"logo\">\n                    {location.image ? (\n                      <img src={location.image} alt=\"\"/>\n                    ) : (\n                      <img src={locationDefaultLogo} alt=\"\"/>\n                    )}\n                  </div>\n                  <div className=\"name-address\">\n                    <div className=\"name\">\n                      {location.location_name} ({location.shortName})\n                    </div>\n                    <div className=\"address\">{location.address}</div>\n                  </div>\n                  <div className=\"edit-remove\">\n                    {/* <button\n                      type=\"button\"\n                      className=\"edit\"\n                      onClick={() => editLocationOpenSidebar(location)}\n                    >\n                      <EditIcon />\n                    </button> */}\n                    <button\n                      type=\"button\"\n                      className=\"remove\"\n                      onClick={() => hendelDeleteLocationAsk(location)}\n                    >\n                      <DeleteIcon/>\n                    </button>\n                  </div>\n                </div>\n              </div>\n              <ShowHideStaffMembers setLocationStaffSidebarData={setLocationStaffSidebarData}\n                                    setShowLocationStaffSidebar={setShowLocationStaffSidebar}\n                                    setDeleteStaffObj={setDeleteStaffObj}\n                                    getPlaceInfo={getPlaceInfo}\n                                    locations={locations} isTwoBtn\n                                    isShowLocationDetails={!(locationSidebarData?.location_id === location.id)}\n                                    editLocationOpenSidebar={editLocationOpenSidebar} location={location}/>\n              \n              {locationSidebarData?.location_id === location.id ? (\n                <>\n                  <div className=\"edit_location\">\n                    <div className=\"close-wrap\">\n                      <button\n                        type=\"button\"\n                        className=\"close\"\n                        onClick={closeEditLocationSidebar}\n                      >\n                        <CloseIcon/>\n                      </button>\n                    </div>\n                    <form\n                      className={`edit_location_form ${\n                        formEditLocationLoading ? \"loading-blue\" : \"\"\n                      }`}\n                      onSubmit={handleUpdateLocation}\n                    >\n                      <Input\n                        placeholder=\"Location name\"\n                        label=\"Location Name\"\n                        maxLength={255}\n                        defaultValue={\n                          locationSidebarData && locationSidebarData.locationName\n                            ? locationSidebarData.locationName\n                            : \"\"\n                        }\n                        required\n                        getValue={(value) =>\n                          setEditLocation(\"locationName\", value)\n                        }\n                      />\n                      <div className=\"phone-wrap\">\n                        <p className=\"phone_label\">Phone number</p>\n                        <PhoneInput\n                          containerClass=\"input-phone\"\n                          country=\"us\"\n                          value={`${locationSidebarData?.phone_number}`}\n                          inputProps={{\n                            name: \"phoneNumber\",\n                            required: true,\n                            minLength: 6\n                          }}\n                          onChange={(value) => {\n                            setEditLocation(\"phone_number\", value);\n                          }}\n                        />\n                      </div>\n                      <div className=\"location-group location-group-google-autocomplete\">\n                        <InputGoogleAutocomplete\n                          label=\"Location\"\n                          placeholder=\"Location Address\"\n                          required\n                          defaultValue={locationSidebarData?.address}\n                          getValue={(value) => setEditLocation(\"address\", value)}\n                          getLat={(value) => setEditLocation(\"latitude\", value)}\n                          getLng={(value) => setEditLocation(\"longitude\", value)}\n                        />\n                      </div>\n                      <div className=\"location-group location-group-logo\">\n                        <div\n                          className={`dropZone ${\n                            locationSidebarData?.logo || newLocationImage\n                              ? \"with-photo\"\n                              : \"\"\n                          }`}\n                        >\n                          <div\n                            {...getRootProps()}\n                            className={`active_${isDragActive} upload-image`}\n                          >\n                            {\" \"}\n                            {/* eslint-disable-line */}\n                            <input\n                              {...getInputProps()}\n                              required={!locationSidebarData?.logo}\n                            />{\" \"}\n                            {/* eslint-disable-line */}\n                            {locationSidebarData?.logo || newLocationImage ? (\n                              <div className=\"img\">\n                                {newLocationImage ? (\n                                  <img\n                                    src={URL.createObjectURL(\n                                      newLocationImage as unknown as Blob\n                                    )}\n                                    alt=\"NewLocationImage\"\n                                  />\n                                ) : (\n                                  <img\n                                    src={locationSidebarData?.logo || \"\"}\n                                    alt=\"NewLocationImage\"\n                                  />\n                                )}\n                              </div>\n                            ) : null}\n                            <div className=\"dropZone-content-text\">\n                              <UploadIcon/>\n                              <span className=\"text\">\n                              <span className=\"title\">\n                                {locationSidebarData?.logo\n                                  ? \"Update location image\"\n                                  : \"Please click here and add location image\"}\n                              </span>\n                            </span>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"welcome_gift_wrapper\">\n                        <h4 className=\"title_block\">Welcome Gift</h4>\n                        <div className=\"welcome_gift_form\">\n                          <CheckBox\n                            label=\"Create a Welcome Gift to attract new customers?\"\n                            id=\"create_welcome_gift\"\n                            isChecked={isWelcomeGift}\n                            onChange={(isChecked) => setIsWelcomeGift(isChecked)}\n                          />\n                          {isWelcomeGift ? (\n                            <>\n                              {/* <Input\n                              label=\"Welcome Gift Name\"\n                              infoTooltip=\"Add the title of your welcome gift here, e.g “Free Coffee”, “Free Pastry”, “10% Discount”.\"\n                              placeholder=\"Welcome Gift Name\"\n                              maxLength={30}\n                              defaultValue={locationSidebarData?.promotionName}\n                              required\n                              getValue={(value) =>\n                                setEditLocation(\"promotionName\", value)\n                              }\n                            /> */}\n                              <div className=\"location-group location-group-promotionDetails\">\n                                <Input\n                                  label=\"Welcome Gift Details\"\n                                  infoTooltip=\"Add the information for your welcome gift here, e.g. “Free Coffee when you collec your 1st Lynked stamp”\"\n                                  placeholder=\"Welcome Gift Details\"\n                                  maxLength={50}\n                                  defaultValue={\n                                    locationSidebarData?.promotionDetails\n                                  }\n                                  required\n                                  getValue={(value) =>\n                                    setEditLocation(\"promotionDetails\", value)\n                                  }\n                                />\n                              </div>\n                            </>\n                          ) : null}\n                          {/* <div className=\"location-group location-group-promotionName\"> */}\n                        </div>\n                      </div>\n                      {locationSidebarData.ecommerce === 0 ? <div className=\"welcome_gift_wrapper\">\n                        <h4 className=\"title_block\">Show location in Map</h4>\n                        <div className=\"welcome_gift_form\">\n                          <CheckBox\n                            label=\"Show location in Map\"\n                            id=\"create_welcome_gift\"\n                            isChecked={showOnMap}\n                            onChange={(isChecked) => setShowOnMap(isChecked)}\n                          />\n                        </div>\n                      </div> : null}\n                      \n                      <WorkTime\n                        workingTimeProp={locationSidebarData?.workTime}\n                        formErrorMessage={{}}\n                        setWorkingTimeProp={(workTime: any) => {\n                          const sidebarData = {\n                            ...locationSidebarData\n                          } as EditLocationInterface;\n                          sidebarData.workTime = workTime;\n                          setLocationSidebarData(sidebarData);\n                        }}\n                      />\n                      <div className=\"btn_wrapper\">\n                        <button className=\"btn-blue\" type=\"submit\">\n                          Update Location\n                        </button>\n                      </div>\n                    </form>\n                  </div>\n                  <ShowHideStaffMembers setLocationStaffSidebarData={setLocationStaffSidebarData}\n                                        setShowLocationStaffSidebar={setShowLocationStaffSidebar}\n                                        setDeleteStaffObj={setDeleteStaffObj}\n                                        getPlaceInfo={getPlaceInfo}\n                                        locations={locations}\n                                        editLocationOpenSidebar={editLocationOpenSidebar} location={location}/>\n                </>\n              ) : null}\n            </div>\n          ))}\n        </div>\n        \n        <div className=\"sidebar-overlay-wrap sidebar-edit-staff\">\n          <div className={`sidebar ${showLocationStaffSidebar ? \"show\" : \"\"}`}>\n            <div className=\"top\">\n              <div className=\"title-wrap\">\n                <div className=\"title\">Update Location User</div>\n              </div>\n              <div className=\"close-wrap\">\n                <button\n                  type=\"button\"\n                  className=\"close\"\n                  onClick={() => closeEditLocationStaffSidebar()}\n                >\n                  <CloseIcon/>\n                </button>\n              </div>\n            </div>\n            <div className=\"main-content\">\n              <form\n                onSubmit={handleUpdateLocationStaff}\n                className={`${\n                  formEditLocationStaffLoading ? \"loading-blue\" : \"\"\n                }`}\n              >\n                <div className=\"loading-innerwrap\">\n                  <div className=\"staff-group\">\n                    <Input\n                      label=\"First name\"\n                      placeholder=\"First name\"\n                      defaultValue={locationStaffSidebarData?.first_name}\n                      required\n                      getValue={(value) =>\n                        setEditLocationStaff(\"first_name\", value)\n                      }\n                    />\n                  </div>\n                  <div className=\"staff-group\">\n                    {locationStaffSidebarData?.is_pos ? <Input\n                      label=\"Pos Id\"\n                      placeholder=\"Pos Id\"\n                      defaultValue={locationStaffSidebarData?.posId}\n                      required\n                      getValue={(value) =>\n                        setEditLocationStaff(\"posId\", value)\n                      }\n                    /> : locationStaffSidebarData?.is_lightspeed_pos ?\n                      <Select selectorList={lightSpeedSelect}\n                              positionForShow=\"bottom\"\n                              defaultValue={lightSpeedSelect.find(item => item.value === `${locationStaffSidebarData?.posId}`)}\n                              getValue={(value, label) => {\n                                setEditLocationStaff(\"posId\", `${value}`);\n                                setEditLocationStaff(\"lightSpeedName\", `${label}`);\n                                setEditLocationStaff(\"lightSpeedRetailer\", `${lightSpeedSelect.find(item => item.value === `${locationStaffSidebarData?.posId}`)!.retailer}`);\n                              }}\n                              required\n                              hideSelectorFilter/> : <Input\n                        label=\"Last name\"\n                        placeholder=\"Last name\"\n                        defaultValue={locationStaffSidebarData?.last_name}\n                        required\n                        getValue={(value) =>\n                          setEditLocationStaff(\"last_name\", value)\n                        }\n                      />}\n                  \n                  </div>\n                  <div className=\"staff-group\">\n                    <Input\n                      label=\"Password\"\n                      placeholder=\"Password\"\n                      type=\"password\"\n                      defaultValue={locationStaffSidebarData?.password}\n                      getValue={(value) =>\n                        setEditLocationStaff(\"password\", value)\n                      }\n                    />\n                  </div>\n                  {loggedUser.user.allow_offline_customers ? <div className=\"checkbox-group\">\n                    <Checkbox label={'Only for Offline Customers'}\n                              isChecked={locationStaffSidebarData?.only_offline_customers} onChange={checked => {\n                      setEditLocationStaff(\"only_offline_customers\", checked)\n                    }}/>\n                  </div> : null}\n                  \n                  {formEditLocationStaffErrorMessage && (\n                    <div className=\"form-error-message\">\n                      {formEditLocationStaffErrorMessage}\n                    </div>\n                  )}\n                  {locationStaffSidebarData?.is_pos ? <button type=\"submit\" className=\"btn-blue\">\n                    Update Location Pos\n                  </button> : locationStaffSidebarData?.is_lightspeed_pos ? <button type=\"submit\" className=\"btn-blue\">\n                    Update Location Ligthspeed\n                  </button> : <button type=\"submit\" className=\"btn-blue\">\n                    Update Location User\n                  </button>}\n                </div>\n              </form>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            className={`sidebar-overlay ${\n              showLocationStaffSidebar ? \"show\" : \"\"\n            }`}\n            onClick={() => closeEditLocationStaffSidebar()}\n          >\n            button\n          </button>\n        </div>\n        \n        {/* <SidebarEditLocation\n                    showLocationSidebar={showLocationSidebar}\n                    closeEditLocationSidebar={() => closeEditLocationSidebar()}\n                    locationSidebarDataProps={locationSidebarData}\n                    promotionDeal={promotionDeal}\n                    setLocations={(value) => setLocations(value)}\n                  /> */}\n      </div>\n      {deleteLocationObj && (\n        <Modal\n          openModal={!!deleteLocationObj}\n          setOpenModal={() => setDeleteLocationObj(null)}\n          closeOutsideClick\n        >\n          <div\n            className={`remove-modal ${\n              deleteLocationLoading ? \"loading-blue\" : \"\"\n            }`}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete location &quot;\n                {deleteLocationObj.shortName}\n                &quot; with adress: {deleteLocationObj.address}\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  hendelDeleteLocationConfirm();\n                }}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n      \n      {deleteStaffObj && (\n        <Modal\n          openModal={!!deleteStaffObj}\n          setOpenModal={() => setDeleteStaffObj(null)}\n          closeOutsideClick\n        >\n          <div\n            className={`remove-modal ${\n              deleteStaffLoading ? \"loading-blue\" : \"\"\n            }`}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete staff members &quot;\n                {deleteStaffObj.first_name} {deleteStaffObj.last_name}\n                &quot; with username: {deleteStaffObj.username}\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  hendelDeleteLocationStaffConfirm();\n                }}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default PromotionManage;\n","import React from \"react\";\n\nconst Empty: React.FC = () => {\n  return (\n    <div>\n      <p>Empty</p>\n    </div>\n  );\n};\n\nexport default Empty;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .top-bar {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    margin-bottom: 20px;\n    .select {\n      margin-bottom: 15px;\n    }\n    input {\n      padding: 10px 32px 10px 14px;\n    }\n  }\n  .search-wrap {\n    width: 320px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n  .groups-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n    ul {\n      button {\n        text-align: left;\n      }\n    }\n  }\n  .locations-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n\n  .table-wrap {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    &.loading-blue {\n      min-height: 300px;\n    }\n  }\n  .table {\n    button[data-testid] {\n      &:hover:not(:disabled),\n      &:focus {\n        background: none;\n      }\n    }\n    .rdt_Table {\n    }\n    .rdt_TableHead {\n      border: none;\n      .rdt_TableCol {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n    .rdt_TableRow {\n      border: none;\n      padding: 15px 0;\n      &:nth-child(2n + 1) {\n        background-color: ${Color.blueLightBackground};\n      }\n      .photo {\n        line-height: 0;\n        img {\n          height: 34px;\n          width: 34px;\n          border-radius: 2px;\n          object-fit: cover;\n        }\n      }\n      .rdt_TableCell {\n        &:nth-child(n + 2) {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n        }\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n\n  .paginate-prepage {\n    background-color: ${Color.white};\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 25px 30px;\n  }\n  .paginate {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .prev-page,\n    .next-page {\n      height: 32px;\n      width: 32px;\n      border: 1px solid rgba(47, 54, 64, 0.2);\n      border-radius: 3px;\n      background-color: ${Color.white};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      &:hover:not([disabled]) {\n        box-shadow: rgba(47, 54, 64, 0.25) 0px 0px 10px 0px;\n        border: 1px solid ${Color.grey};\n      }\n      &:disabled {\n        opacity: 0.5;\n        background: rgba(0, 0, 0, 0.1);\n        cursor: initial;\n      }\n    }\n    .text {\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n  }\n  .perpage {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .text {\n      margin-right: 12px;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .select {\n      margin-bottom: 0;\n      width: 90px;\n      & > input,\n      & > ul {\n        color: ${Color.blueDarkText};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n      }\n      & > input {\n        padding: 8px 30px 7px 10px;\n      }\n      & > ul {\n        & > button {\n          padding: 6px 10px;\n        }\n      }\n    }\n  }\n\n  .nothing-found {\n    padding: 50px 15px;\n    text-align: center;\n    color: ${Color.blueDarkText};\n    font-size: 21px;\n    font-weight: 300;\n    line-height: 20px;\n  }\n  @media (max-width: 1140px) {\n    .top-bar {\n      flex-direction: column-reverse;\n      align-items: start;\n      margin-bottom: 10px;\n\n      .locations-wrap,\n      .groups-wrap {\n        margin: 0 0 10px;\n      }\n      .search-wrap {\n        margin-left: 0;\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC} from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport { Wrapper } from \"./styled\";\n\nconst OrderItem: FC = () => {\n  const [customerListLoading, setCustomerListLoading] =\n    React.useState<boolean>(false);\n\n  const testOrderData = [\n    {\n    id: 1,\n    order_name: '#0001',\n    date: '19 Nov 2022',\n    customer: 'Sebastian Stan',\n    location: 'Oranmore'\n  },{\n    id: 2,\n    order_name: '#0002',\n    date: '19 Nov 2022',\n    customer: 'Sebastian Stan',\n    location: 'Oranmore'\n  },{\n    id: 3,\n    order_name: '#0003',\n    date: '19 Nov 2022',\n    customer: 'Sebastian Stan',\n    location: 'Oranmore'\n  },{\n    id: 4,\n    order_name: '#0004',\n    date: '19 Nov 2022',\n    customer: 'Sebastian Stan',\n    location: 'Oranmore'\n  },\n  ]\n\n  const OrderListColumns = [\n    {\n      name: \"Order\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.order_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Date\",\n      minWidth: \"225px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.date}</div>;\n      },\n    },\n    {\n      name: \"Customer\",\n      minWidth: \"175px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.customer}</div>;\n      },\n    },\n    {\n      name: \"Location\",\n      minWidth: \"120px\",\n      cell: (row: any): JSX.Element => {\n        // let neeFormat = row.last_visit.replace(' ', 'T')\n        return (\n          <div>\n            {/*{row.last_visit*/}\n            {/*  ? format(new Date(neeFormat), \"dd/MM/yyyy, HH:mm:ss\")*/}\n            {/*  : \"-\"}*/}\n            {row.location}\n          </div>\n        );\n      },\n    },\n  ];\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Orders</div>\n      <div\n        className={`table-wrap ${customerListLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {testOrderData.length > 0 ? (\n            <>\n              <div className=\"table\">\n                <DataTable\n                  noHeader\n                  columns={OrderListColumns}\n                  data={testOrderData}\n                  // expandableRows\n                  // expandableRowsComponent={\n                  //   <ExpandableTableList data={customerList} getCustomerList={getCustomerList}/>\n                  // }\n                />\n              </div>\n            </>\n          ) : (\n            <div className=\"nothing-found\">Sorry, nothing found</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default OrderItem;\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgNewLogoFull(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 503,\n    height: 142,\n    viewBox: \"0 0 503 142\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M157.5 100.899C156.83 100.259 156.49 99.4694 156.49 98.5194V34.3594H139.7V103.519C139.7 107.569 141.05 110.939 143.75 113.639C146.45 116.339 149.82 117.689 153.87 117.689H193.63V101.859H159.94C158.99 101.859 158.17 101.549 157.5 100.909\",\n    fill: \"white\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M292.83 58.1602C291.16 58.1602 289.28 58.4001 287.18 58.8701C285.08 59.3501 283 60.2001 280.93 61.4301C279.12 62.5101 277.5 64.0201 276.05 65.9001V59.3502H260.81V117.67H276.64V85.7702C276.64 82.8402 277.15 80.4002 278.19 78.4502C279.22 76.5102 280.61 75.0402 282.35 74.0502C284.1 73.0602 286.08 72.5602 288.3 72.5602C291.47 72.5602 294 73.5502 295.86 75.5402C297.72 77.5202 298.66 80.7802 298.66 85.3002V117.68H314.49V82.8002C314.49 75.0202 312.53 68.9701 308.6 64.6501C304.67 60.3301 299.41 58.1602 292.83 58.1602Z\",\n    fill: \"white\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M380.53 59.35H361.13L341.61 80.89V30.79H325.771V117.68H341.61V102.1L348.45 94.58L361.84 117.68H381.24L359.69 82.23L380.53 59.35Z\",\n    fill: \"white\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M424.69 62.5099C420.48 59.6099 415.36 58.1699 409.33 58.1699C403.78 58.1699 398.87 59.4799 394.63 62.0999C390.38 64.7199 387.09 68.2499 384.75 72.6899C382.41 77.1299 381.24 82.1299 381.24 87.6899V88.8799C381.24 94.9099 382.51 100.17 385.05 104.65C387.59 109.13 391.08 112.62 395.52 115.12C399.96 117.62 405.12 118.87 410.99 118.87C415.75 118.87 420.02 118.12 423.79 116.61C427.56 115.1 430.64 112.84 433.01 109.83L424.08 100.55C422.57 102.14 420.87 103.37 418.96 104.24C417.06 105.11 414.63 105.55 411.7 105.55C408.52 105.55 405.83 104.92 403.6 103.64C401.38 102.37 399.69 100.63 398.54 98.3999C397.76 96.8999 397.27 95.2299 397.02 93.3999H435.38C436.33 86.2599 435.84 80.0499 433.89 74.7699C431.94 69.4999 428.87 65.4099 424.67 62.5099M402.38 72.7999C404.24 71.2999 406.61 70.5399 409.46 70.5399C412 70.5399 414.16 71.2399 415.95 72.6299C417.73 74.0199 419.02 75.9999 419.82 78.5799C420.21 79.8399 420.42 81.2499 420.47 82.8099H397.24C397.47 81.4499 397.79 80.1499 398.22 78.9399C399.13 76.3599 400.52 74.3199 402.39 72.8099\",\n    fill: \"white\"\n  })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M486.39 30.7893V64.5493C484.89 63.1393 483.209 61.9193 481.329 60.8993C477.949 59.0793 474.159 58.1593 469.959 58.1593C464.799 58.1593 460.119 59.4093 455.919 61.9093C451.709 64.4093 448.379 67.8993 445.919 72.3793C443.459 76.8693 442.229 82.0393 442.229 87.9093V89.0993C442.229 95.0493 443.439 100.269 445.859 104.749C448.279 109.239 451.57 112.709 455.74 115.169C459.91 117.629 464.609 118.859 469.839 118.859C474.439 118.859 478.549 117.809 482.159 115.709C484.349 114.429 486.309 112.819 488.049 110.889V117.669H502.209V30.7793H486.38L486.39 30.7893ZM485.5 97.4393C484.19 99.8993 482.4 101.789 480.14 103.089C477.88 104.399 475.319 105.049 472.459 105.049C469.839 105.049 467.419 104.419 465.199 103.149C462.979 101.879 461.229 100.059 459.959 97.6693C458.689 95.2893 458.049 92.4293 458.049 89.0993V87.9093C458.049 84.5793 458.689 81.7193 459.959 79.3393C461.229 76.9593 462.969 75.1393 465.199 73.8693C467.419 72.5993 469.839 71.9593 472.459 71.9593C475.319 71.9593 477.88 72.6193 480.14 73.9293C482.4 75.2393 484.19 77.1193 485.5 79.5793C486.81 82.0393 487.459 85.0193 487.459 88.5093C487.459 91.9993 486.81 94.9793 485.5 97.4393Z\",\n    fill: \"white\"\n  })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M224.71 92.0896L222.41 99.2096L220.8 94.7796L207.92 59.3496H190.32L213.98 118.61C213.19 119.98 212.17 121.31 210.87 122.61C208.7 124.77 206.6 126.24 204.55 127C202.5 127.76 200.34 128.08 198.06 128.05C197.08 128.04 194.13 128.05 194.13 128.05V141.4C194.13 141.4 201.54 141.57 204 141.4C206.07 141.25 208.1 140.55 210.13 139.68C214.02 138.01 217.72 135.42 221.23 131.91C224.03 129.11 226.31 126.19 227.75 122.98C228.36 121.63 229.39 118.85 229.93 117.47C235.55 102.89 252.87 59.3496 252.87 59.3496H235.27L224.7 92.0896H224.71Z\",\n    fill: \"white\"\n  })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M93.35 97.64C102.28 85.2 107.19 68.77 107.19 51.35C107.19 38.19 106.31 27.96 104.51 20.06C101.47 6.75 95.5999 0 87.0699 0C78.5399 0 72.67 6.75 69.63 20.06C67.83 27.96 66.95 38.19 66.95 51.35C66.95 68.77 71.8699 85.21 80.7899 97.64C74.3599 104.19 66.5099 108.04 58.0399 108.04C49.5699 108.04 41.7299 104.19 35.2999 97.64C44.2299 85.2 49.14 68.77 49.14 51.35C49.14 38.19 48.26 27.96 46.46 20.06C43.42 6.75 37.55 0 29.02 0C20.49 0 14.62 6.75 11.58 20.06C9.77996 27.96 8.8999 38.19 8.8999 51.35C8.8999 68.77 13.82 85.21 22.74 97.64C16.31 104.19 8.46 108.04 0 108.04V117.75C10.63 117.75 20.68 113.3 29.02 105.04C37.36 113.3 47.4199 117.75 58.0499 117.75C68.6799 117.75 78.73 113.3 87.08 105.04C95.42 113.3 105.48 117.75 116.1 117.75V108.04C107.64 108.04 99.79 104.19 93.36 97.64M18.6 51.35C18.6 12.71 26.57 9.70999 29.02 9.70999C31.47 9.70999 39.4399 12.71 39.4399 51.35C39.4399 66.12 35.49 79.6 29.02 89.7C22.56 79.6 18.6 66.12 18.6 51.35ZM76.6499 51.35C76.6499 12.71 84.6199 9.70999 87.0699 9.70999C89.5199 9.70999 97.49 12.71 97.49 51.35C97.49 66.12 93.5399 79.6 87.0699 89.7C80.6099 79.6 76.6499 66.12 76.6499 51.35Z\",\n    fill: \"#EDF403\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgNewLogoFull);\nexport default __webpack_public_path__ + \"static/media/new-logo-full.c40b4b1a.svg\";\nexport { ForwardRef as ReactComponent };","const title = \"Sign in your account\";\nconst subTitle =\n  \"This is your password for accessing your new Lynked portal for viewing all your customer activity.\";\nconst emailPlaceholder = \"Your Email\";\nconst passwordPlaceholder = \"Your Password\";\nconst signInBtn = \"Sign In\";\nconst forgotPasswordBtn = \"Forgot Your Password?\";\nconst signUpBtn = \"Sign Up\";\n\nexport {\n  title,\n  subTitle,\n  emailPlaceholder,\n  passwordPlaceholder,\n  signInBtn,\n  forgotPasswordBtn,\n  signUpBtn,\n};\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 15px;\n  box-sizing: border-box;\n  min-height: 100vh;\n  background-color: ${Color.RebrandAppBackgroundColor};\n  .inner-wrap {\n    max-width: 100%;\n  }\n  .logo {\n    text-align: center;\n    margin: 0 auto 10vh;\n    max-width: 250px;\n\n    svg {\n      -o-object-fit: cover;\n      object-fit: cover;\n      width: 100%;\n      height: 100%;\n      font-family: \"object-fit: cover\";\n    }\n  }\n  form {\n    border-radius: 8px;\n    background-color: ${Color.white};\n    padding: 60px 55px;\n    width: 500px;\n    max-width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    position: relative;\n    @media (max-width: 550px) {\n      padding: 30px 15px;\n    }\n  }\n  .title {\n    color: ${Color.blueDarkText};\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 51px;\n    margin-bottom: 5px;\n  }\n  .sub-title {\n    opacity: 0.6;\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 26px;\n    margin-bottom: 30px;\n  }\n  .form-group {\n    margin-bottom: 30px;\n  }\n  .form-error-message {\n    color: red;\n    font-size: 14px;\n    font-weight: 300;\n    text-align: center;\n    margin-bottom: 15px;\n  }\n  button {\n    margin-bottom: 20px;\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport { LoginUser } from \"src/types/auth\";\n\nimport Input from \"src/components/Input\";\n\nimport { ReactComponent as LogoFull } from \"src/assets/img/new-logo-full.svg\";\n\nimport * as content from \"./strings\";\nimport { Wrapper } from \"./styled\";\n\nconst SignIn: FC = () => {\n  const { loading, error } = useTypedSelector((store) => store.auth);\n  const { loginUser } = useActions();\n\n  const [user, setUser] = React.useState<LoginUser>({\n    email: \"\",\n    password: \"\",\n  });\n\n  const setValue = (type: string, value: string) => {\n    setUser({ ...user, [type]: value });\n  };\n\n  const handleSignIn = (event: React.FormEvent) => {\n    event.preventDefault();\n    loginUser(user);\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        <div className=\"logo\">\n          <LogoFull />\n        </div>\n        <form\n          onSubmit={handleSignIn}\n          className={`${loading ? \"loading-blue\" : \"\"}`}\n        >\n          <div className=\"form-innerwrap\">\n            <div className=\"title\">{content.title}</div>\n            <div className=\"sub-title\">{content.subTitle}</div>\n            <div className=\"form-group\">\n              <Input\n                type=\"email\"\n                placeholder={content.emailPlaceholder}\n                required\n                getValue={(value) => setValue(\"email\", value)}\n              />\n            </div>\n            <div className=\"form-group\">\n              <Input\n                type=\"password\"\n                placeholder={content.passwordPlaceholder}\n                required\n                getValue={(value) => setValue(\"password\", value)}\n              />\n            </div>\n            {error && <div className=\"form-error-message\">{error}</div>}\n            <button type=\"submit\" className=\"btn-blue\">\n              {content.signInBtn}\n            </button>\n            <div className=\"forgot-signup\">\n              <Link to=\"/forgot-password\" className=\"blue-link\">\n                {content.forgotPasswordBtn}\n              </Link>\n              <span> or </span>\n              <Link to=\"/registration\" className=\"blue-link\">\n                {content.signUpBtn}\n              </Link>\n            </div>\n          </div>\n        </form>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default SignIn;\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLogoFull(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 503,\n    height: 142,\n    viewBox: \"0 0 503 142\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M157.5 100.899C156.83 100.259 156.49 99.4694 156.49 98.5194V34.3594H139.7V103.519C139.7 107.569 141.05 110.939 143.75 113.639C146.45 116.339 149.82 117.689 153.87 117.689H193.63V101.859H159.94C158.99 101.859 158.17 101.549 157.5 100.909\",\n    fill: \"white\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M292.83 58.1602C291.16 58.1602 289.28 58.4001 287.18 58.8701C285.08 59.3501 283 60.2001 280.93 61.4301C279.12 62.5101 277.5 64.0201 276.05 65.9001V59.3502H260.81V117.67H276.64V85.7702C276.64 82.8402 277.15 80.4002 278.19 78.4502C279.22 76.5102 280.61 75.0402 282.35 74.0502C284.1 73.0602 286.08 72.5602 288.3 72.5602C291.47 72.5602 294 73.5502 295.86 75.5402C297.72 77.5202 298.66 80.7802 298.66 85.3002V117.68H314.49V82.8002C314.49 75.0202 312.53 68.9701 308.6 64.6501C304.67 60.3301 299.41 58.1602 292.83 58.1602Z\",\n    fill: \"white\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M380.53 59.35H361.13L341.61 80.89V30.79H325.771V117.68H341.61V102.1L348.45 94.58L361.84 117.68H381.24L359.69 82.23L380.53 59.35Z\",\n    fill: \"white\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M424.69 62.5099C420.48 59.6099 415.36 58.1699 409.33 58.1699C403.78 58.1699 398.87 59.4799 394.63 62.0999C390.38 64.7199 387.09 68.2499 384.75 72.6899C382.41 77.1299 381.24 82.1299 381.24 87.6899V88.8799C381.24 94.9099 382.51 100.17 385.05 104.65C387.59 109.13 391.08 112.62 395.52 115.12C399.96 117.62 405.12 118.87 410.99 118.87C415.75 118.87 420.02 118.12 423.79 116.61C427.56 115.1 430.64 112.84 433.01 109.83L424.08 100.55C422.57 102.14 420.87 103.37 418.96 104.24C417.06 105.11 414.63 105.55 411.7 105.55C408.52 105.55 405.83 104.92 403.6 103.64C401.38 102.37 399.69 100.63 398.54 98.3999C397.76 96.8999 397.27 95.2299 397.02 93.3999H435.38C436.33 86.2599 435.84 80.0499 433.89 74.7699C431.94 69.4999 428.87 65.4099 424.67 62.5099M402.38 72.7999C404.24 71.2999 406.61 70.5399 409.46 70.5399C412 70.5399 414.16 71.2399 415.95 72.6299C417.73 74.0199 419.02 75.9999 419.82 78.5799C420.21 79.8399 420.42 81.2499 420.47 82.8099H397.24C397.47 81.4499 397.79 80.1499 398.22 78.9399C399.13 76.3599 400.52 74.3199 402.39 72.8099\",\n    fill: \"white\"\n  })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M486.39 30.7893V64.5493C484.89 63.1393 483.209 61.9193 481.329 60.8993C477.949 59.0793 474.159 58.1593 469.959 58.1593C464.799 58.1593 460.119 59.4093 455.919 61.9093C451.709 64.4093 448.379 67.8993 445.919 72.3793C443.459 76.8693 442.229 82.0393 442.229 87.9093V89.0993C442.229 95.0493 443.439 100.269 445.859 104.749C448.279 109.239 451.57 112.709 455.74 115.169C459.91 117.629 464.609 118.859 469.839 118.859C474.439 118.859 478.549 117.809 482.159 115.709C484.349 114.429 486.309 112.819 488.049 110.889V117.669H502.209V30.7793H486.38L486.39 30.7893ZM485.5 97.4393C484.19 99.8993 482.4 101.789 480.14 103.089C477.88 104.399 475.319 105.049 472.459 105.049C469.839 105.049 467.419 104.419 465.199 103.149C462.979 101.879 461.229 100.059 459.959 97.6693C458.689 95.2893 458.049 92.4293 458.049 89.0993V87.9093C458.049 84.5793 458.689 81.7193 459.959 79.3393C461.229 76.9593 462.969 75.1393 465.199 73.8693C467.419 72.5993 469.839 71.9593 472.459 71.9593C475.319 71.9593 477.88 72.6193 480.14 73.9293C482.4 75.2393 484.19 77.1193 485.5 79.5793C486.81 82.0393 487.459 85.0193 487.459 88.5093C487.459 91.9993 486.81 94.9793 485.5 97.4393Z\",\n    fill: \"white\"\n  })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M224.71 92.0896L222.41 99.2096L220.8 94.7796L207.92 59.3496H190.32L213.98 118.61C213.19 119.98 212.17 121.31 210.87 122.61C208.7 124.77 206.6 126.24 204.55 127C202.5 127.76 200.34 128.08 198.06 128.05C197.08 128.04 194.13 128.05 194.13 128.05V141.4C194.13 141.4 201.54 141.57 204 141.4C206.07 141.25 208.1 140.55 210.13 139.68C214.02 138.01 217.72 135.42 221.23 131.91C224.03 129.11 226.31 126.19 227.75 122.98C228.36 121.63 229.39 118.85 229.93 117.47C235.55 102.89 252.87 59.3496 252.87 59.3496H235.27L224.7 92.0896H224.71Z\",\n    fill: \"white\"\n  })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M93.35 97.64C102.28 85.2 107.19 68.77 107.19 51.35C107.19 38.19 106.31 27.96 104.51 20.06C101.47 6.75 95.5999 0 87.0699 0C78.5399 0 72.67 6.75 69.63 20.06C67.83 27.96 66.95 38.19 66.95 51.35C66.95 68.77 71.8699 85.21 80.7899 97.64C74.3599 104.19 66.5099 108.04 58.0399 108.04C49.5699 108.04 41.7299 104.19 35.2999 97.64C44.2299 85.2 49.14 68.77 49.14 51.35C49.14 38.19 48.26 27.96 46.46 20.06C43.42 6.75 37.55 0 29.02 0C20.49 0 14.62 6.75 11.58 20.06C9.77996 27.96 8.8999 38.19 8.8999 51.35C8.8999 68.77 13.82 85.21 22.74 97.64C16.31 104.19 8.46 108.04 0 108.04V117.75C10.63 117.75 20.68 113.3 29.02 105.04C37.36 113.3 47.4199 117.75 58.0499 117.75C68.6799 117.75 78.73 113.3 87.08 105.04C95.42 113.3 105.48 117.75 116.1 117.75V108.04C107.64 108.04 99.79 104.19 93.36 97.64M18.6 51.35C18.6 12.71 26.57 9.70999 29.02 9.70999C31.47 9.70999 39.4399 12.71 39.4399 51.35C39.4399 66.12 35.49 79.6 29.02 89.7C22.56 79.6 18.6 66.12 18.6 51.35ZM76.6499 51.35C76.6499 12.71 84.6199 9.70999 87.0699 9.70999C89.5199 9.70999 97.49 12.71 97.49 51.35C97.49 66.12 93.5399 79.6 87.0699 89.7C80.6099 79.6 76.6499 66.12 76.6499 51.35Z\",\n    fill: \"#EDF403\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoFull);\nexport default __webpack_public_path__ + \"static/media/logo-full.67965773.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/check-your-email.add34f3c.svg\";","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 15px;\n  min-height: 100vh;\n  background-color: ${Color.blueDark};\n  .inner-wrap {\n    max-width: 100%;\n  }\n  .logo {\n    text-align: center;\n    margin-bottom: 10vh;\n  }\n  form {\n    border-radius: 8px;\n    background-color: ${Color.white};\n    padding: 60px 55px;\n    width: 500px;\n    max-width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    position: relative;\n    @media (max-width: 550px) {\n      padding: 30px 15px;\n    }\n  }\n  .title {\n    color: ${Color.blueDarkText};\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 51px;\n    margin-bottom: 30px;\n  }\n  .form-group {\n    margin-bottom: 30px;\n  }\n  .form-error-message {\n    color: red;\n    font-size: 14px;\n    font-weight: 300;\n    text-align: center;\n    margin-bottom: 15px;\n  }\n  button {\n    margin-bottom: 20px;\n  }\n\n  .modal-check-email-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    img {\n      max-width: 100%;\n      width: 185px;\n      margin-bottom: 30px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 30px;\n      font-weight: 500;\n      line-height: 38px;\n      text-align: center;\n      @media (max-width: 600px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport Modal from \"src/components/Modal\";\nimport Input from \"src/components/Input\";\nimport { forgotPassword } from \"src/api/auth\";\n\nimport { ReactComponent as LogoFull } from \"src/assets/img/logo-full.svg\";\nimport checkEmailImg from \"src/assets/img/check-your-email.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst ForgotPassword: FC = () => {\n  const [loading, setLoading] = React.useState<boolean>(false);\n  const [email, setEmail] = React.useState<string>(\"\");\n  const [successResponse, setSuccessResponse] = React.useState<string>(\"\");\n  const [errorResponse, setErrorResponse] = React.useState<string>(\"\");\n\n  const handleForgotPassword = (event: React.FormEvent) => {\n    event.preventDefault();\n    setLoading(true);\n    forgotPassword(email)\n      .then((response) => {\n        setSuccessResponse(\n          response?.data?.message ??\n            \"Please check your emails for reset password\"\n        );\n        setLoading(false);\n      })\n      .catch((error) => {\n        setErrorResponse(error?.data?.message ?? \"Server error\");\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        <div className=\"logo\">\n          <LogoFull />\n        </div>\n        <form\n          onSubmit={handleForgotPassword}\n          className={`${loading ? \"loading-blue\" : \"\"}`}\n        >\n          <div className=\"form-innerwrap\">\n            <div className=\"title\">Forgot Password</div>\n            <div className=\"form-group\">\n              <Input\n                type=\"email\"\n                placeholder=\"Email\"\n                required\n                getValue={(value) => {\n                  setEmail(value);\n                  setErrorResponse(\"\");\n                }}\n              />\n            </div>\n            {errorResponse && (\n              <div className=\"form-error-message\">{errorResponse}</div>\n            )}\n            <button type=\"submit\" className=\"btn-blue\">\n              Reset\n            </button>\n            <div className=\"forgot-signup\">\n              <Link to=\"/login\" className=\"blue-link\">\n                Back to Login\n              </Link>\n            </div>\n          </div>\n        </form>\n      </div>\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-check-email-content\">\n            <img src={checkEmailImg} alt=\"\" />\n            <div className=\"title\">{successResponse}</div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default ForgotPassword;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 15px;\n  min-height: 100vh;\n  background-color: ${Color.blueDark};\n  .logo {\n    text-align: center;\n    margin-bottom: 10vh;\n  }\n  form {\n    border-radius: 8px;\n    background-color: ${Color.white};\n    padding: 60px 55px;\n    max-width: 500px;\n    width: 500px;\n    box-sizing: border-box;\n    text-align: center;\n    position: relative;\n    @media (max-width: 550px) {\n      padding: 30px 15px;\n    }\n  }\n  .title {\n    color: ${Color.blueDarkText};\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 51px;\n    margin-bottom: 30px;\n  }\n  .form-group {\n    margin-bottom: 30px;\n  }\n  .form-error-message {\n    color: red;\n    font-size: 14px;\n    font-weight: 300;\n    text-align: center;\n    margin-bottom: 15px;\n  }\n  button {\n    margin-bottom: 20px;\n  }\n\n  .modal-check-email-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    img {\n      max-width: 100%;\n      width: 185px;\n      margin-bottom: 30px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 30px;\n      font-weight: 500;\n      line-height: 38px;\n      text-align: center;\n      @media (max-width: 600px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n    .login-btn {\n      display: block;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC } from \"react\";\nimport { useLocation, Link } from \"react-router-dom\";\n\nimport Modal from \"src/components/Modal\";\nimport Input from \"src/components/Input\";\nimport { ResetPasswordRequest } from \"src/types/auth\";\nimport { resetPassword } from \"src/api/auth\";\n\nimport { ReactComponent as LogoFull } from \"src/assets/img/logo-full.svg\";\nimport checkEmailImg from \"src/assets/img/check-your-email.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst ResetPassword: FC = () => {\n  const location: any = useLocation();\n\n  const [loading, setLoading] = React.useState<boolean>(false);\n  const [successResponse, setSuccessResponse] = React.useState<string>(\"\");\n  const [errorResponse, setErrorResponse] = React.useState<string>(\"\");\n  const [password, setPassword] = React.useState<string>(\"\");\n  const [passwordConfirmation, setPasswordConfirmation] =\n    React.useState<string>(\"\");\n\n  const handleResetPassword = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (password === passwordConfirmation) {\n      setLoading(true);\n\n      const resetPasswordRequest: ResetPasswordRequest = {\n        password,\n        password_confirm: passwordConfirmation,\n        token: new URLSearchParams(location.search).get(\"token\") ?? \"\",\n      };\n\n      resetPassword(resetPasswordRequest)\n        .then((response) => {\n          setSuccessResponse(\n            response?.data?.message ?? \"Password has been changed\"\n          );\n          setLoading(false);\n        })\n        .catch((error) => {\n          setErrorResponse(error?.data?.message ?? \"Server error\");\n          setLoading(false);\n        });\n    } else {\n      setErrorResponse(\"The password confirmation does not match\");\n    }\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        <div className=\"logo\">\n          <LogoFull />\n        </div>\n        <form\n          onSubmit={handleResetPassword}\n          className={`${loading ? \"loading-blue\" : \"\"}`}\n        >\n          <div className=\"form-innerwrap\">\n            <div className=\"title\">Reset Password</div>\n            <div className=\"form-group\">\n              <Input\n                type=\"password\"\n                placeholder=\"Password\"\n                required\n                getValue={(value) => {\n                  if (errorResponse) setErrorResponse(\"\");\n                  setPassword(value);\n                }}\n              />\n            </div>\n            <div className=\"form-group\">\n              <Input\n                type=\"password\"\n                placeholder=\"Confirm Password\"\n                required\n                getValue={(value) => {\n                  if (errorResponse) setErrorResponse(\"\");\n                  setPasswordConfirmation(value);\n                }}\n              />\n            </div>\n            {errorResponse && (\n              <div className=\"form-error-message\">{errorResponse}</div>\n            )}\n            <button type=\"submit\" className=\"btn-blue\">\n              Reset password\n            </button>\n          </div>\n        </form>\n      </div>\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-check-email-content\">\n            <img src={checkEmailImg} alt=\"\" />\n            <div className=\"title\">{successResponse}</div>\n            <Link to=\"/login\" className=\"btn-blue login-btn\">\n              Login\n            </Link>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default ResetPassword;\n","import styled from \"styled-components\";\n\nconst Wrapper = styled.div``;\n\nexport { Wrapper };\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLogoFullDark(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 503,\n    height: 142,\n    viewBox: \"0 0 503 142\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M157.5 101.374C156.83 100.734 156.49 99.9445 156.49 98.9945V34.8345H139.7V103.994C139.7 108.044 141.05 111.414 143.75 114.114C146.45 116.814 149.82 118.164 153.87 118.164H193.63V102.334H159.94C158.99 102.334 158.17 102.024 157.5 101.384\",\n    fill: \"#2E4B4E\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M292.83 58.6353C291.16 58.6353 289.28 58.8752 287.18 59.3452C285.08 59.8252 283 60.6752 280.93 61.9052C279.12 62.9852 277.5 64.4952 276.05 66.3752V59.8253H260.81V118.145H276.64V86.2453C276.64 83.3153 277.15 80.8753 278.19 78.9253C279.22 76.9853 280.61 75.5153 282.35 74.5253C284.1 73.5353 286.08 73.0352 288.3 73.0352C291.47 73.0352 294 74.0253 295.86 76.0153C297.72 77.9953 298.66 81.2553 298.66 85.7753V118.155H314.49V83.2753C314.49 75.4953 312.53 69.4452 308.6 65.1252C304.67 60.8052 299.41 58.6353 292.83 58.6353Z\",\n    fill: \"#2E4B4E\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M380.53 59.8251H361.13L341.61 81.3651V31.2651H325.771V118.155H341.61V102.575L348.45 95.0551L361.84 118.155H381.24L359.69 82.7051L380.53 59.8251Z\",\n    fill: \"#2E4B4E\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M424.69 62.985C420.48 60.085 415.36 58.645 409.33 58.645C403.78 58.645 398.87 59.955 394.63 62.575C390.38 65.195 387.09 68.725 384.75 73.165C382.41 77.605 381.24 82.605 381.24 88.165V89.355C381.24 95.385 382.51 100.645 385.05 105.125C387.59 109.605 391.08 113.095 395.52 115.595C399.96 118.095 405.12 119.345 410.99 119.345C415.75 119.345 420.02 118.595 423.79 117.085C427.56 115.575 430.64 113.315 433.01 110.305L424.08 101.025C422.57 102.615 420.87 103.845 418.96 104.715C417.06 105.585 414.63 106.025 411.7 106.025C408.52 106.025 405.83 105.395 403.6 104.115C401.38 102.845 399.69 101.105 398.54 98.875C397.76 97.375 397.27 95.705 397.02 93.875H435.38C436.33 86.735 435.84 80.525 433.89 75.245C431.94 69.975 428.87 65.885 424.67 62.985M402.38 73.275C404.24 71.775 406.61 71.015 409.46 71.015C412 71.015 414.16 71.715 415.95 73.105C417.73 74.495 419.02 76.475 419.82 79.055C420.21 80.315 420.42 81.725 420.47 83.285H397.24C397.47 81.925 397.79 80.625 398.22 79.415C399.13 76.835 400.52 74.795 402.39 73.285\",\n    fill: \"#2E4B4E\"\n  })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M486.39 31.2644V65.0244C484.89 63.6144 483.209 62.3944 481.329 61.3744C477.949 59.5544 474.159 58.6344 469.959 58.6344C464.799 58.6344 460.119 59.8844 455.919 62.3844C451.709 64.8844 448.379 68.3744 445.919 72.8544C443.459 77.3444 442.229 82.5144 442.229 88.3844V89.5744C442.229 95.5244 443.439 100.744 445.859 105.224C448.279 109.714 451.57 113.184 455.74 115.644C459.91 118.104 464.609 119.334 469.839 119.334C474.439 119.334 478.549 118.284 482.159 116.184C484.349 114.904 486.309 113.294 488.049 111.364V118.144H502.209V31.2544H486.38L486.39 31.2644ZM485.5 97.9144C484.19 100.374 482.4 102.264 480.14 103.564C477.88 104.874 475.319 105.524 472.459 105.524C469.839 105.524 467.419 104.894 465.199 103.624C462.979 102.354 461.229 100.534 459.959 98.1444C458.689 95.7644 458.049 92.9044 458.049 89.5744V88.3844C458.049 85.0544 458.689 82.1944 459.959 79.8144C461.229 77.4344 462.969 75.6144 465.199 74.3444C467.419 73.0744 469.839 72.4344 472.459 72.4344C475.319 72.4344 477.88 73.0944 480.14 74.4044C482.4 75.7144 484.19 77.5944 485.5 80.0544C486.81 82.5144 487.459 85.4944 487.459 88.9844C487.459 92.4744 486.81 95.4544 485.5 97.9144Z\",\n    fill: \"#2E4B4E\"\n  })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M224.71 92.5647L222.41 99.6847L220.8 95.2547L207.92 59.8247H190.32L213.98 119.085C213.19 120.455 212.17 121.785 210.87 123.085C208.7 125.245 206.6 126.715 204.55 127.475C202.5 128.235 200.34 128.555 198.06 128.525C197.08 128.515 194.13 128.525 194.13 128.525V141.875C194.13 141.875 201.54 142.045 204 141.875C206.07 141.725 208.1 141.025 210.13 140.155C214.02 138.485 217.72 135.895 221.23 132.385C224.03 129.585 226.31 126.665 227.75 123.455C228.36 122.105 229.39 119.325 229.93 117.945C235.55 103.365 252.87 59.8247 252.87 59.8247H235.27L224.7 92.5647H224.71Z\",\n    fill: \"#2E4B4E\"\n  })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M93.35 98.1151C102.28 85.6751 107.19 69.2451 107.19 51.8251C107.19 38.6651 106.31 28.4351 104.51 20.5351C101.47 7.22509 95.5999 0.475098 87.0699 0.475098C78.5399 0.475098 72.67 7.22509 69.63 20.5351C67.83 28.4351 66.95 38.6651 66.95 51.8251C66.95 69.2451 71.8699 85.6851 80.7899 98.1151C74.3599 104.665 66.5099 108.515 58.0399 108.515C49.5699 108.515 41.7299 104.665 35.2999 98.1151C44.2299 85.6751 49.14 69.2451 49.14 51.8251C49.14 38.6651 48.26 28.4351 46.46 20.5351C43.42 7.22509 37.55 0.475098 29.02 0.475098C20.49 0.475098 14.62 7.22509 11.58 20.5351C9.77996 28.4351 8.8999 38.6651 8.8999 51.8251C8.8999 69.2451 13.82 85.6851 22.74 98.1151C16.31 104.665 8.46 108.515 0 108.515V118.225C10.63 118.225 20.68 113.775 29.02 105.515C37.36 113.775 47.4199 118.225 58.0499 118.225C68.6799 118.225 78.73 113.775 87.08 105.515C95.42 113.775 105.48 118.225 116.1 118.225V108.515C107.64 108.515 99.79 104.665 93.36 98.1151M18.6 51.8251C18.6 13.1851 26.57 10.1851 29.02 10.1851C31.47 10.1851 39.4399 13.1851 39.4399 51.8251C39.4399 66.5951 35.49 80.0751 29.02 90.1751C22.56 80.0751 18.6 66.5951 18.6 51.8251ZM76.6499 51.8251C76.6499 13.1851 84.6199 10.1851 87.0699 10.1851C89.5199 10.1851 97.49 13.1851 97.49 51.8251C97.49 66.5951 93.5399 80.0751 87.0699 90.1751C80.6099 80.0751 76.6499 66.5951 76.6499 51.8251Z\",\n    fill: \"#EDF403\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoFullDark);\nexport default __webpack_public_path__ + \"static/media/logo_full_dark.194c164c.svg\";\nexport { ForwardRef as ReactComponent };","export const NAV_STEPS = [\n  {\n    nav_step: 1,\n    label: \"Welcome to Lynked\",\n  },\n  // {\n  //   nav_step: 2,\n  //   label: \"Select Your Plan\",\n  // },\n  {\n    nav_step: 3,\n    label: \"Your Account\",\n  },\n  {\n    nav_step: 4,\n    label: \"Create Account\",\n  },\n  {\n    nav_step: 5,\n    label: \"Activate Your Account\",\n  },\n  {\n    nav_step: 6,\n    label: \"Payment Details\",\n  },\n  {\n    nav_step: 7,\n    label: \"Lets Build Your Card\",\n  },\n  {\n    nav_step: 8,\n    label: \"Enter Your Location\",\n  },\n  {\n    nav_step: 9,\n    label: \"Welcome Gift\",\n  },\n];\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  height: 100vh;\n  .nav_progress {\n    box-sizing: border-box;\n    flex-shrink: 0;\n    width: 280px;\n    max-height: inherit;\n    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.1);\n    background-color: ${Color.white};\n    padding: 40px 25px;\n    overflow-y: auto;\n    z-index: 2;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    &::-webkit-scrollbar-thumb {\n      display: none;\n    }\n    @media (max-width: 900px) {\n      width: 40px;\n      padding: 20px 10px;\n      display: flex;\n      align-items: center;\n    }\n  }\n  .nav_logo_wrapper {\n    width: 180px;\n    margin: 0 auto 20px;\n    svg {\n      -o-object-fit: cover;\n      object-fit: cover;\n      width: 100%;\n      height: 100%;\n      font-family: \"object-fit: cover\";\n    }\n\n    @media (max-width: 900px) {\n      display: none;\n    }\n  }\n  .nav_text {\n    opacity: 0.6;\n    font-size: 13px;\n    font-weight: 300;\n    line-height: 20px;\n    text-align: center;\n    margin-bottom: 50px;\n\n    @media (max-width: 900px) {\n      display: none;\n    }\n  }\n  .nav_items {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n  .nav_item {\n    position: relative;\n    font-size: 18px;\n    font-weight: 300;\n    line-height: 23px;\n    color: rgba(0, 13, 70, 0.3);\n    font-weight: 500;\n    padding-left: 30px;\n    &::before {\n      position: absolute;\n      display: block;\n      content: \"\";\n      width: 6px;\n      height: 6px;\n      background-color: #cdd0db;\n      border: 3px solid transparent;\n      border-radius: 50%;\n      top: 3px;\n      left: 2px;\n      z-index: 2;\n    }\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      width: 2px;\n      height: 45px;\n      background-color: #cdd0db;\n      top: 12px;\n      left: 7px;\n    }\n    &_active {\n      color: ${Color.blue};\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      &::before {\n        width: 10px;\n        height: 10px;\n        left: 0;\n        background: linear-gradient(\n          0deg,\n          ${Color.gradientFreeCardFrom} -16.46%,\n          ${Color.gradientFreeCardTo} 98.11%\n        );\n        border-color: ${Color.white};\n        box-shadow: 0px 0px 0px 1px ${Color.blue};\n      }\n    }\n    &_passed {\n      color: ${Color.blueDarkText};\n      &::before {\n        background-color: ${Color.blueDarkText};\n      }\n      &::after {\n        background-color: ${Color.blueDarkText};\n      }\n    }\n    &:last-child {\n      &::after {\n        display: none;\n      }\n    }\n    @media (max-width: 900px) {\n      font-size: 0;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\nimport { ReactComponent as LogoFullDark } from \"src/assets/img/logo_full_dark.svg\";\nimport { NAV_STEPS } from \"./conts\";\n\nimport { Wrapper } from \"./styled\";\n\nconst NavProgress: React.FC<{\n  children: React.ReactNode;\n  step: number;\n}> = ({ children, step }) => {\n  return (\n    <Wrapper>\n      <div className=\"nav_progress\">\n        <div className=\"nav_logo_wrapper\">\n          <LogoFullDark />\n        </div>\n        <p className=\"nav_text\">\n          Grow your customer base, increase your revenue & successfully engage\n          your customers with Lynked.\n        </p>\n        <ul className=\"nav_items\">\n          {NAV_STEPS.map(({ nav_step, label }) => (\n            <li\n              key={nav_step}\n              className={`nav_item ${\n                nav_step === step ? \"nav_item_active\" : \"\"\n              } \n              ${step > nav_step ? \"nav_item_passed\" : \"\"}\n              `}\n            >\n              {label}\n            </li>\n          ))}\n        </ul>\n      </div>\n      {children}\n    </Wrapper>\n  );\n};\n\nexport default NavProgress;\n","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPlayCircle(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 17,\n    height: 17,\n    viewBox: \"0 0 17 17\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M0 8.33333C0 3.73333 3.73334 0 8.33334 0C12.9333 0 16.6667 3.73333 16.6667 8.33333C16.6667 12.9333 12.9333 16.6666 8.33334 16.6666C3.73334 16.6666 0 12.9333 0 8.33333ZM7.53334 5.40833C6.98334 5.05 6.25 5.45 6.25 6.10833V10.5583C6.25 11.2166 6.98334 11.6166 7.53334 11.2583L10.9917 9.03334C11.5 8.70834 11.5 7.95833 10.9917 7.63333L7.53334 5.40833Z\",\n    fill: \"url(#paint0_linear_2_1076)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1076\",\n    x1: 8.33335,\n    y1: 0,\n    x2: 8.33335,\n    y2: 16.6666,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlayCircle);\nexport default __webpack_public_path__ + \"static/media/play_circle.6db3eb63.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIncrement(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 20 20\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M14.0417 5.70833L15.2417 6.90833L11.175 10.975L8.43334 8.23333C8.10834 7.90833 7.58334 7.90833 7.25834 8.23333L2.25834 13.2417C1.93334 13.5667 1.93334 14.0917 2.25834 14.4167C2.58334 14.7417 3.10834 14.7417 3.43334 14.4167L7.84167 10L10.5833 12.7417C10.9083 13.0667 11.4333 13.0667 11.7583 12.7417L16.4167 8.09167L17.6167 9.29167C17.875 9.55 18.325 9.36667 18.325 9V5.41667C18.3333 5.18333 18.15 5 17.9167 5H14.3417C13.9667 5 13.7833 5.45 14.0417 5.70833V5.70833Z\",\n    fill: \"url(#paint0_linear_2_1077)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1077\",\n    x1: 10.1699,\n    y1: 5,\n    x2: 10.1699,\n    y2: 14.6604,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIncrement);\nexport default __webpack_public_path__ + \"static/media/increment.4572498f.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCheckBusiness(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM6.7 13.7L9.29 16.29C9.68 16.68 10.32 16.68 10.7 16.29L17.29 9.7C17.68 9.31 17.68 8.68 17.29 8.29C16.9 7.9 16.27 7.9 15.88 8.29L10 14.17L8.11 12.29C7.72 11.9 7.09 11.9 6.7 12.29C6.31 12.68 6.31 13.31 6.7 13.7Z\",\n    fill: \"url(#paint0_linear_2_1081)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1081\",\n    x1: 12,\n    y1: 1,\n    x2: 12,\n    y2: 21,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckBusiness);\nexport default __webpack_public_path__ + \"static/media/check_business.3e0a86ed.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCustomerConnect(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M5 2C6.11 2 7 2.89 7 4C7 5.11 6.11 6 5 6C3.89 6 3 5.11 3 4C3 2.89 3.89 2 5 2ZM9.27 5.13C9.43 4.75 9.78 4.5 10.19 4.5C10.88 4.5 11.38 5.19 11.12 5.83C10.58 7.21 9.43 8.29 8 8.74V11H2V8.5C2 7.67 2.67 7 3.5 7H6.5C7.76 7 8.83 6.23 9.27 5.13ZM19 17C20.11 17 21 16.11 21 15C21 13.89 20.11 13 19 13C17.89 13 17 13.89 17 15C17 16.11 17.89 17 19 17ZM17.5 18H20.5C21.33 18 22 18.67 21.99 19.5V22H15.99V19.74C14.56 19.29 13.42 18.21 12.87 16.83C12.62 16.19 13.12 15.5 13.81 15.5C14.22 15.5 14.58 15.75 14.73 16.13C15.17 17.23 16.24 18 17.5 18ZM17.26 11.09L17.2578 11.088C17.6839 10.9752 18 10.5772 18 10.12C18 9.57 17.55 9.12 17 9.12C16.98 9.12 16.96 9.1225 16.94 9.125C16.92 9.1275 16.9 9.13 16.88 9.13C15.02 9.55 13.56 11.01 13.13 12.86C13.13 12.86 13.11 12.95 13.11 13C13.11 13.55 13.56 14 14.11 14C14.58 14 14.98 13.68 15.09 13.25V13.26C15.36 12.2 16.2 11.36 17.26 11.09ZM17.14 7.05C17.63 6.98 18 6.57 18 6.06C18 5.51 17.55 5.06 16.99 5.06H16.98C12.85 5.53 9.56 8.79 9.06 12.91V12.94V13C9.06 13.55 9.51 14 10.06 14C10.56 14 10.98 13.63 11.05 13.15C11.44 9.96 13.95 7.44 17.14 7.05Z\",\n    fill: \"url(#paint0_linear_2_1083)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1083\",\n    x1: 11.9951,\n    y1: 2,\n    x2: 11.9951,\n    y2: 22,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCustomerConnect);\nexport default __webpack_public_path__ + \"static/media/customer_connect.2853e6a7.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgDataAnalyze(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M7 5H5V19H10V21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19C20.1 3 21 3.9 21 5V10H19V5H17V6C17 7.1 16.1 8 15 8H9C7.9 8 7 7.1 7 6V5ZM13 4C13 3.45 12.55 3 12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4Z\",\n    fill: \"url(#paint0_linear_2_1085)\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M20.3002 18.9L22.3002 20.9C22.6902 21.29 22.6802 21.92 22.2902 22.31C21.9002 22.7 21.2802 22.7 20.8902 22.31L18.8902 20.31C17.8802 20.89 16.6702 21.26 15.2402 20.82C13.5202 20.29 12.2002 18.77 12.0202 16.98C11.7402 14.1 14.1002 11.75 16.9702 12.03C18.7702 12.2 20.2802 13.53 20.8102 15.25C21.2502 16.67 20.8802 17.89 20.3002 18.9ZM14.0002 16.5C14.0002 17.9 15.1002 19 16.5002 19C17.9002 19 19.0002 17.9 19.0002 16.5C19.0002 15.1 17.9002 14 16.5002 14C15.1002 14 14.0002 15.1 14.0002 16.5Z\",\n    fill: \"url(#paint1_linear_2_1085)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1085\",\n    x1: 12,\n    y1: 1,\n    x2: 12,\n    y2: 21,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint1_linear_2_1085\",\n    x1: 17.2926,\n    y1: 12.0073,\n    x2: 17.2926,\n    y2: 22.6025,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDataAnalyze);\nexport default __webpack_public_path__ + \"static/media/data_analyze.c1c2e580.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLoyalty(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M21.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.55 2.22 12.05 2.59 12.42L11.59 21.42C11.95 21.78 12.45 22 13 22C13.55 22 14.05 21.78 14.41 21.41L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.45 21.77 11.94 21.41 11.58ZM5.5 7C4.67 7 4 6.33 4 5.5C4 4.67 4.67 4 5.5 4C6.33 4 7 4.67 7 5.5C7 6.33 6.33 7 5.5 7ZM13.35 19.19L17.27 15.27C17.72 14.82 18 14.19 18 13.5C18 12.12 16.88 11 15.5 11C14.81 11 14.18 11.28 13.73 11.73L13 12.46L12.25 11.74C11.66 11.13 10.75 10.84 9.81 11.09C8.94 11.32 8.24 12.05 8.05 12.93C7.85 13.84 8.15 14.69 8.72 15.27L12.64 19.19C12.84 19.39 13.15 19.39 13.35 19.19Z\",\n    fill: \"url(#paint0_linear_2_1088)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_2_1088\",\n    x1: 12,\n    y1: 2,\n    x2: 12,\n    y2: 22,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLoyalty);\nexport default __webpack_public_path__ + \"static/media/loyalty.b3ab17cc.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  padding: 40px 40px 40px 150px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  @media (max-width: 900px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 15px;\n  }\n\n  .welcome_registration_wrapper {\n    margin: auto 0;\n  }\n  .welcome_title {\n    font-size: 48px;\n    font-weight: 500;\n    line-height: 61px;\n    margin-bottom: 10px;\n\n    @media (max-width: 768px) {\n      font-size: 30px;\n      line-height: 40px;\n    }\n  }\n  .welcome_text {\n    font-size: 16px;\n    font-weight: 300;\n    opacity: 0.6;\n    line-height: 24px;\n    max-width: 470px;\n    margin-bottom: 24px;\n  }\n  .welcome_btn_wrapper {\n    max-width: 240px;\n    @media (max-width: 400px) {\n      max-width: 100%;\n    }\n  }\n  .welcome_benefits {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 40px;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 21px;\n    color: ${Color.blue};\n    background: linear-gradient(\n      0deg,\n      ${Color.gradientFreeCardFrom} -16.46%,\n      ${Color.gradientFreeCardTo} 98.11%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  .welcome_benefits_wrapper {\n    margin-bottom: 50px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 35px;\n\n    @media (max-width: 500px) {\n      & > * {\n        flex-basis: 100%;\n      }\n    }\n  }\n  .welcome_benefits_item {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    width: 120px;\n  }\n  .welcome_icon_wrapper {\n    width: 24px;\n    height: 24px;\n    background-color: #edeefc;\n    border-radius: 50%;\n    padding: 15px;\n    svg {\n      -o-object-fit: cover;\n      object-fit: cover;\n      width: 100%;\n      height: 100%;\n      font-family: \"object-fit: cover\";\n      /* path:last-child {\n        fill: ${Color.blue};\n      } */\n    }\n  }\n  .welcome_benefits_text {\n    text-align: center;\n    font-size: 14px;\n    font-weight: 300;\n    line-height: 18px;\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\nimport { ReactComponent as PlayCircleIcon } from \"src/assets/img/play_circle.svg\";\nimport { ReactComponent as IncrementIcon } from \"src/assets/img/increment.svg\";\nimport { ReactComponent as CheckBusinessIcon } from \"src/assets/img/check_business.svg\";\nimport { ReactComponent as CustomerConnectIcon } from \"src/assets/img/customer_connect.svg\";\nimport { ReactComponent as DataAnalyzeIcon } from \"src/assets/img/data_analyze.svg\";\nimport { ReactComponent as LoyaltyIcon } from \"src/assets/img/loyalty.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst RegistrationWelcome: React.FC<{\n  goToStep: () => void;\n}> = ({ goToStep }) => {\n  return (\n    <Wrapper>\n      <div className=\"welcome_registration_wrapper\">\n        <h1 className=\"welcome_title\">Welcome to Lynked</h1>\n        <p className=\"welcome_text\">\n          Loyalty Matters - Your Lynked users spend on average 35% more than\n          your regular customers.\n        </p>\n        <p className=\"welcome_benefits\">\n          <PlayCircleIcon />\n          What are the benefits of Lynked?\n        </p>\n        <div className=\"welcome_benefits_wrapper\">\n          <div className=\"welcome_benefits_item\">\n            <div className=\"welcome_icon_wrapper\">\n              <LoyaltyIcon />\n            </div>\n            <p className=\"welcome_benefits_text\">Take your loyalty digital</p>\n          </div>\n          <div className=\"welcome_benefits_item\">\n            <div className=\"welcome_icon_wrapper\">\n              <CustomerConnectIcon />\n            </div>\n            <p className=\"welcome_benefits_text\">Connect with your customers</p>\n          </div>\n          <div className=\"welcome_benefits_item\">\n            <div className=\"welcome_icon_wrapper\">\n              <DataAnalyzeIcon />\n            </div>\n            <p className=\"welcome_benefits_text\">Analyze your data</p>\n          </div>\n          <div className=\"welcome_benefits_item\">\n            <div className=\"welcome_icon_wrapper\">\n              <IncrementIcon />\n            </div>\n            <p className=\"welcome_benefits_text\">Drive more sales</p>\n          </div>\n          <div className=\"welcome_benefits_item\">\n            <div className=\"welcome_icon_wrapper\">\n              <CheckBusinessIcon />\n            </div>\n            <p className=\"welcome_benefits_text\">\n              Make informed business decisions\n            </p>\n          </div>\n        </div>\n        <div className=\"welcome_btn_wrapper\">\n          <button className=\"btn-blue\" type=\"button\" onClick={goToStep}>\n            Get Started\n          </button>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationWelcome;\n","var _circle;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgLitePlanIcon(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 11,\n    height: 10,\n    viewBox: \"0 0 11 10\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 5.75,\n    cy: 5,\n    r: 4.25,\n    stroke: \"#50C2C5\",\n    strokeWidth: 1.5\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgLitePlanIcon);\nexport default __webpack_public_path__ + \"static/media/lite-plan-icon.e9072359.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPlusPlanIcon(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 12,\n    height: 12,\n    viewBox: \"0 0 12 12\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M5.11612 2.28768C5.60427 1.79953 6.39573 1.79953 6.88388 2.28768L9.71231 5.11611C10.2005 5.60427 10.2005 6.39572 9.71231 6.88388L6.88388 9.7123C6.39573 10.2005 5.60427 10.2005 5.11612 9.7123L2.28769 6.88388C1.79953 6.39572 1.79953 5.60427 2.28769 5.11611L5.11612 2.28768Z\",\n    stroke: \"#EC9345\",\n    strokeWidth: 1.5\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlusPlanIcon);\nexport default __webpack_public_path__ + \"static/media/plus-plan-icon.7f429e8d.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPremiumPlanIcon(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 12,\n    height: 11,\n    viewBox: \"0 0 12 11\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.65096 4.58688L6.0001 1.42705L10.3492 4.58688L8.68801 9.69959H3.31219L1.65096 4.58688Z\",\n    stroke: \"#D34EE8\",\n    strokeWidth: 1.5\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPremiumPlanIcon);\nexport default __webpack_public_path__ + \"static/media/premium-plan-icon.c4f3251d.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  padding: 50px 40px 40px 150px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  @media (max-width: 1200px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 15px;\n  }\n\n  .inner-wrap {\n    width: 100%;\n    max-width: 950px;\n  }\n\n  /* .header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 100px;\n    @media (max-width: 768px) {\n      flex-direction: column;\n      margin-bottom: 65px;\n    }\n    .logo {\n      max-width: 250px;\n      @media (max-width: 768px) {\n        margin-bottom: 20px;\n      }\n      svg {\n        -o-object-fit: cover;\n        object-fit: cover;\n        width: 100%;\n        height: 100%;\n        font-family: \"object-fit: cover\";\n      }\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n    .period-type {\n      input {\n        & + span {\n          display: inline-block;\n          background-color: rgba(255, 255, 255, 0.1);\n          color: ${Color.white};\n          width: 150px;\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 23px;\n          text-align: center;\n          box-sizing: border-box;\n          padding: 15px;\n          cursor: pointer;\n          @media (max-width: 768px) {\n            width: 85px;\n            font-size: 16px;\n            font-weight: 300;\n            line-height: 21px;\n            padding: 5px;\n          }\n        }\n        &:disabled + span {\n          cursor: not-allowed;\n        }\n        &:checked {\n          & + span {\n            background-color: ${Color.blue};\n          }\n        }\n      }\n      .periodTypeYearly {\n        display: none;\n      }\n    }\n  } */\n\n  .title-block {\n    margin-bottom: 30px;\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 48px;\n      font-weight: 500;\n      line-height: 61px;\n      margin-bottom: 10px;\n      @media (max-width: 768px) {\n        font-size: 32px;\n        line-height: 42px;\n      }\n    }\n    .sub-title {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 28px;\n      max-width: 600px;\n    }\n  }\n  .discount_wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin-bottom: 40px;\n    .discount_input {\n      flex-basis: 45%;\n    }\n  }\n  .switcher_wrapper {\n    margin-bottom: 15px;\n  }\n  .test {\n    padding: 30px 10px 10px 10px;\n    overflow-x: auto;\n    width: 100%;\n  }\n  .plants_wrapper {\n    min-width: max-content;\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    border-radius: 4px;\n    display: flex;\n  }\n  .row_label_column {\n    border-top-left-radius: 4px;\n    border-bottom-left-radius: 4px;\n    background: ${Color.white};\n    display: flex;\n    flex-direction: column;\n    width: 250px;\n    color: ${Color.grey};\n    flex-shrink: 0;\n    .label_name {\n      flex-shrink: 0;\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      height: 50px;\n      border: 1px solid ${Color.greyLight};\n      border-left: unset;\n      border-right: unset;\n      border-top: unset;\n      padding: 10px 25px;\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 15px;\n    }\n    .empty_label {\n      border-bottom-left-radius: 4px;\n      box-sizing: border-box;\n      height: 70px;\n    }\n    .pricing_label_wrapper {\n      border-top-left-radius: 4px;\n      box-sizing: border-box;\n      height: 160px;\n      padding: 35px 30px;\n      border: 1px solid ${Color.greyLight};\n      border-left: unset;\n      border-top: unset;\n      border-right: unset;\n      font-size: 10px;\n      font-weight: 300;\n      line-height: 13px;\n      .pricing_label {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 6px;\n      }\n      .pricing_label_text {\n        opacity: 0.7;\n      }\n    }\n  }\n  .row_plan_item {\n    background: ${Color.white};\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    color: ${Color.grey};\n    flex-shrink: 0;\n    .plan_header {\n      box-sizing: border-box;\n      padding: 20px;\n      border: 1px solid ${Color.greyLight};\n      border-top: unset;\n      height: 160px;\n      flex-shrink: 0;\n      .plan_header_top {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 5px;\n      }\n      .plan_icon_wrapper {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px solid ${Color.greyLight};\n        svg {\n          -o-object-fit: cover;\n          object-fit: cover;\n          width: 90%;\n          height: 90%;\n          font-family: \"object-fit: cover\";\n        }\n      }\n      .plan_desc {\n        font-size: 10px;\n        font-weight: 300;\n        line-height: 13px;\n        opacity: 0.6;\n        margin-bottom: 8px;\n      }\n      .plan_price_wrapper {\n        display: flex;\n        align-items: flex-end;\n        gap: 2px;\n        margin-bottom: 10px;\n        .plan_price {\n          font-size: 20px;\n          font-weight: 600;\n          line-height: 25px;\n        }\n        .plan_period {\n          font-size: 14px;\n          font-weight: 300;\n          line-height: 18px;\n          opacity: 0.6;\n        }\n      }\n      & > button {\n        padding: 7px 12px;\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 15px;\n      }\n    }\n    .plan_header {\n      border-right: unset;\n    }\n    .plan_access {\n      flex-shrink: 0;\n      box-sizing: border-box;\n      height: 50px;\n      padding: 4px;\n      border: 1px solid ${Color.greyLight};\n      border-right: unset;\n      border-top: unset;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 20px;\n    }\n    .btn_wrapper:last-child {\n      border-bottom-right-radius: 4px;\n    }\n    .btn_wrapper {\n      box-sizing: border-box;\n      padding: 20px;\n      height: 70px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border: 1px solid ${Color.greyLight};\n      border-top: unset;\n      border-right: unset;\n      border-bottom: unset;\n      & > button {\n        padding: 7px 12px;\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 15px;\n      }\n    }\n  }\n  .row_plan_item:last-child {\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n    .plan_header,\n    .plan_access,\n    .btn_wrapper {\n      border-top-right-radius: 4px;\n      border-right: unset;\n    }\n  }\n  /* .plans-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    min-height: 620px;\n    position: relative;\n    @media (max-width: 1200px) {\n      justify-content: space-around;\n    }\n  }\n  .plan-item {\n    flex: 1;\n    margin-bottom: 30px;\n    margin-right: 60px;\n    box-sizing: border-box;\n    &.premium {\n      margin-right: 0;\n    }\n    background-color: ${Color.blueDarkBlour};\n    border: 4px solid ${Color.blueDarkBlour};\n    border-radius: 10px;\n    padding: 50px 40px;\n    color: ${Color.white};\n    @media (max-width: 1024px) {\n      margin-right: 0;\n      width: calc((100% / 2) - 30px);\n      flex: none;\n    }\n    @media (max-width: 768px) {\n      margin-right: 0;\n      width: 100%;\n      max-width: 500px;\n    }\n    &.checked {\n      border-radius: 10px;\n      &.lite {\n        border: 4px solid #50c2c5;\n        button.choose-plan {\n          background-color: #50c2c5;\n          border: 2px solid #50c2c5;\n        }\n      }\n      &.plus {\n        border: 4px solid #ec9345;\n        button.choose-plan {\n          background-color: #ec9345;\n          border: 2px solid #ec9345;\n        }\n      }\n      &.premium {\n        border: 4px solid #d34ee8;\n        button.choose-plan {\n          background-color: #d34ee8;\n          border: 2px solid #d34ee8;\n        }\n      }\n    }\n    &.lite {\n      order: 1;\n      .description {\n        li:before {\n          background-color: #50c2c5;\n        }\n      }\n      button.choose-plan:hover {\n        box-shadow: #50c2c5 0px 0px 10px 0px;\n        border: 2px solid #50c2c5;\n      }\n    }\n    &.plus {\n      order: 2;\n      .description {\n        li:before {\n          background-color: #ec9345;\n        }\n      }\n      button.choose-plan:hover {\n        box-shadow: #ec9345 0px 0px 10px 0px;\n        border: 2px solid #ec9345;\n      }\n    }\n    &.premium {\n      order: 3;\n      .description {\n        li:before {\n          background-color: #d34ee8;\n        }\n      }\n      button.choose-plan:hover {\n        box-shadow: #d34ee8 0px 0px 10px 0px;\n        border: 2px solid #d34ee8;\n      }\n    }\n    &-inner {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n    .icon-name {\n      display: flex;\n      align-items: center;\n      margin-bottom: 30px;\n      .icon {\n        width: 50px;\n        height: 50px;\n        line-height: 0;\n        margin-right: 20px;\n      }\n      .name {\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 30px;\n      }\n    }\n    .price {\n      margin-bottom: 30px;\n      .amoutn {\n        font-size: 54px;\n        font-weight: 500;\n        line-height: 68px;\n        margin-right: 5px;\n      }\n      .period {\n        opacity: 0.5;\n        font-size: 18px;\n        font-weight: 300;\n      }\n    }\n    .description {\n      list-style: none;\n      li {\n        font-size: 20px;\n        font-weight: 300;\n        line-height: 25px;\n        margin-bottom: 15px;\n        position: relative;\n        padding-left: 15px;\n        &:before {\n          content: \"\";\n          display: inline-block;\n          width: 7px;\n          height: 7px;\n          border-radius: 100%;\n          top: 8px;\n          left: 0;\n          position: absolute;\n        }\n      }\n    }\n    button.choose-plan {\n      box-sizing: border-box;\n      width: 100%;\n      padding: 10px;\n      border: 2px solid ${Color.white};\n      border-radius: 4px;\n      background: none;\n      color: #ffffff;\n      font-size: 18px;\n      font-weight: 500;\n      line-height: 23px;\n    }\n  } */\n\n  .btn-wrap-create-account {\n    max-width: 362px;\n    margin: 50px auto 50px;\n  }\n\n  .recommended_item .recommended_item_label {\n    border: 1px solid ${Color.blue};\n    position: absolute;\n    top: -22px;\n    left: -1px;\n    height: 20px;\n    width: 100%;\n    border-radius: 3px 3px 0 0;\n    background-color: ${Color.blue};\n    color: ${Color.white};\n    font-family: \"Circular Std\";\n    font-size: 10px;\n    font-weight: 300;\n    letter-spacing: 0;\n    line-height: 20px;\n    text-align: center;\n  }\n\n  .recommended_item {\n    border: 1px solid ${Color.blue};\n    border-radius: 4px;\n    .plan_header {\n      border-top-left-radius: 4px;\n      border-top-right-radius: 4px;\n    }\n  }\n\n  .recommended_item .btn_wrapper {\n    border-bottom-left-radius: 3px;\n    border-bottom-right-radius: 3px;\n  }\n`;\n\nexport { Wrapper };\n","const businessPlanChanged = false;\nconst PeriodTypeMonthly = \"monthly\";\nconst PeriodTypeYearly = \"yearly\";\nconst selectedBusinessPlan = \"price_1K6bv2K0QBqmkHwLlRVXLank\";\n\nconst PLANT_LABELS = [\n  { label: \"Access Dedicated Portal\" },\n  { label: \"Location on the Lynked Map\" },\n  { label: \"Points or Stamp Based Loyalty\" },\n  { label: \"Custom Digital Loyalty Card\" },\n  { label: \"Customer Grouping\" },\n  { label: \"Amount of Filters\" },\n  { label: \"Number of Locations\" },\n  { label: \"Staff Accounts\" },\n  { label: \"Loyalty Performance Analytics\" },\n  { label: \"Multi Location Monitoring\" },\n  { label: \"Welcome Promotion\" },\n  { label: \"Promo Campaign to reach new customers\" },\n  { label: \"In App Notifications\" },\n  { label: \"Email Campaigns\" },\n  { label: \"EPOS Integration\" },\n];\n\nexport {\n  businessPlanChanged,\n  PeriodTypeMonthly,\n  PeriodTypeYearly,\n  selectedBusinessPlan,\n  PLANT_LABELS,\n};\n","import React, { useEffect } from \"react\";\nimport { getBusinessPlansAxios } from \"src/api/businessPlan\";\nimport { BusinessPlanObj } from \"src/types/subscription\";\nimport { ReactComponent as LitePlanIcon } from \"src/assets/img/lite-plan-icon.svg\";\nimport { ReactComponent as PlusPlanIcon } from \"src/assets/img/plus-plan-icon.svg\";\nimport { ReactComponent as PrimiumPlanIcon } from \"src/assets/img/premium-plan-icon.svg\";\nimport { ReactComponent as CheckCircle } from \"src/assets/img/checkCircle.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport * as Const from \"./const\";\nimport {useTypedSelector} from \"../../../../hooks/useTypedSelector\";\n\nconst RegistrationChoosePlan: React.FC<{\n  goToStep: (step: number) => void;\n  setBusinessPlanPersonalInfo: (businessPlanPersonalInfo: string) => void;\n}> = ({ goToStep, setBusinessPlanPersonalInfo }) => {\n  const [businessPlansList, setBusinessPlansList] = React.useState<\n    Array<BusinessPlanObj>\n  >([]);\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const [periodType, setPeriodType] = React.useState<\"monthly\" | \"yearly\">(\n    Const.PeriodTypeMonthly\n  );\n\n  const [isBusinessPlanChanged, setIsBusinessPlanChanged] =\n    React.useState<boolean>(Const.businessPlanChanged);\n\n  const [businessPlan, setBusinessPlan] = React.useState<string>();\n\n  useEffect(() => {\n    getBusinessPlansAxios().then(({ data }) => {\n      setBusinessPlansList(data.subscriptions.reverse());\n      if (data.subscriptions) {\n        const lastPlan = data.subscriptions[data.subscriptions.length - 1];\n        setBusinessPlan(lastPlan.price_id);\n      }\n    });\n  }, []);\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        {/* <div className=\"header\">\n          <div className=\"logo\">\n            <LogoFull />\n          </div>\n          <div className=\"period-type\">\n            <label htmlFor=\"periodTypeMonthly\" className=\"periodTypeMonthly\">\n              <input\n                type=\"radio\"\n                id=\"periodTypeMonthly\"\n                name=\"periodType\"\n                value=\"monthly\"\n                checked={periodType === \"monthly\"}\n                onChange={() => setPeriodType(\"monthly\")}\n              />\n              <span>Monthly</span>\n            </label>\n            <label htmlFor=\"periodTypeYearly\" className=\"periodTypeYearly\">\n              <input\n                type=\"radio\"\n                id=\"periodTypeYearly\"\n                name=\"periodType\"\n                value=\"yearly\"\n                disabled\n                checked={periodType === \"yearly\"}\n                onChange={() => setPeriodType(\"yearly\")}\n              />\n              <span>Yearly</span>\n            </label>\n          </div>\n        </div> */}\n        <div className=\"title-block\">\n          <div className=\"title\">Choose a Plan For Your Business</div>\n          <div className=\"sub-title\">\n            Starting at {loggedUser.user.currency_symbol || '€'}3.75 a week, Lynked is the worlds most accessible\n            loyalty option for business owners!\n          </div>\n        </div>\n        {/* <div className=\"discount_wrapper\">\n          <div className=\"discount_input\">\n            <Input\n              label=\"Have a discount code?\"\n              infoTooltip=\"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo\"\n            />\n          </div>\n          <div className=\"switcher_wrapper\">\n            <Switcher\n              isChecked={!(periodType === \"monthly\")}\n              labelL=\"Monthly\"\n              labelR=\"Yearly\"\n              onChange={(value) => {\n                if (value) {\n                  setPeriodType(\"yearly\");\n                } else {\n                  setPeriodType(\"monthly\");\n                }\n              }}\n            />\n          </div>\n        </div> */}\n        <div className=\"test\">\n          <div\n            className={`plants_wrapper ${\n              !businessPlansList.length ? \"loading-blue\" : \"\"\n            }`}\n          >\n            <div className=\"row_label_column\">\n              <div className=\"pricing_label_wrapper\">\n                <p className=\"pricing_label\">Pricing</p>\n                <span className=\"pricing_label_text\">\n                  Ut enim ad minim veniam, quis nostrud exercitation ulla\n                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute\n                  irure dolor in reprehenderit in voluptate velit esse cillum\n                  dolore eu fugiat nulla pariatur.\n                </span>\n              </div>\n              {Const.PLANT_LABELS.map(({ label }) => (\n                <p key={label} className=\"label_name\">\n                  {label}\n                </p>\n              ))}\n              <div className=\"empty_label\" />\n            </div>\n            {businessPlansList &&\n              businessPlansList.map((plan) => (\n                <div\n                  key={plan.id}\n                  className={\n                    businessPlan === plan.price_id\n                      ? \"row_plan_item recommended_item\"\n                      : \"row_plan_item\"\n                  }\n                >\n                  <div className=\"plan_header\">\n                    <div className=\"plan_header_top\">\n                      <div className=\"plan_icon_wrapper\">\n                        {plan.name.toLowerCase() === \"lite\" ? (\n                          <LitePlanIcon />\n                        ) : plan.name.toLowerCase() === \"plus\" ? (\n                          <PlusPlanIcon />\n                        ) : plan.name.toLowerCase() === \"premium\" ? (\n                          <PrimiumPlanIcon />\n                        ) : null}\n                      </div>\n                      {plan.name}\n                    </div>\n                    <p className=\"plan_desc\">{plan.description}</p>\n                    <p className=\"plan_price_wrapper\">\n                      <span className=\"plan_price\">{loggedUser.user.currency_symbol || '€'}{plan.price}</span>\n                      <span className=\"plan_period\">\n                        {periodType === \"monthly\" ? \"/mo\" : \"/ye\"}\n                      </span>\n                    </p>\n                    <button\n                      type=\"button\"\n                      className={`${\n                        businessPlan === plan.price_id\n                          ? \"btn-blue\"\n                          : \"btn-blue-outline\"\n                      }`}\n                      onClick={() => {\n                        setIsBusinessPlanChanged(true);\n                        setBusinessPlan(plan.price_id);\n                        setBusinessPlanPersonalInfo(plan.price_id);\n                      }}\n                    >\n                      Choose Plan\n                    </button>\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">{plan.count_filters}</div>\n                  <div className=\"plan_access\">{plan.count_locations}</div>\n                  <div className=\"plan_access\">{plan.count_staff}</div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">\n                    <CheckCircle />\n                  </div>\n                  <div className=\"plan_access\">{plan.count_campaigns}</div>\n                  <div className=\"plan_access\">\n                    {plan.count_push_notification}\n                  </div>\n                  <div className=\"plan_access\">{plan.count_text_campaigns}</div>\n                  <div className=\"plan_access\">Coming Soon</div>\n                  <div className=\"btn_wrapper\">\n                    <button\n                      type=\"button\"\n                      className={`${\n                        businessPlan === plan.price_id\n                          ? \"btn-blue\"\n                          : \"btn-blue-outline\"\n                      }`}\n                      onClick={() => {\n                        setIsBusinessPlanChanged(true);\n                        setBusinessPlan(plan.price_id);\n                        setBusinessPlanPersonalInfo(plan.price_id);\n                      }}\n                    >\n                      Choose Plan\n                    </button>\n                  </div>\n                </div>\n              ))}\n          </div>\n        </div>\n        {/* <div\n          className={`plans-row ${\n            businessPlansList.length < 1 ? \"loading-white\" : \"\"\n          }`}\n        >\n          {businessPlansList &&\n            businessPlansList.map((item) => (\n              <label\n                className={`plan-item ${item.name.toLowerCase()} ${\n                  businessPlan === item.price_id ? \"checked\" : \"\"\n                }`}\n                htmlFor={`plan${item.name}`}\n                key={item.price_id}\n              >\n                <input\n                  type=\"radio\"\n                  id={`plan${item.name}`}\n                  name=\"planItem\"\n                  value={item.price_id}\n                  checked={businessPlan === item.price_id}\n                  onChange={() => {\n                    setBusinessPlan(item.price_id);\n                    setBusinessPlanPersonalInfo(item.price_id);\n                  }}\n                />\n                <div className={`plan-item-inner ${item.name.toLowerCase()}`}>\n                  <div className=\"plan-item-content-wrap\">\n                    <div className=\"icon-name\">\n                      <div className=\"icon\">\n                        {item.name.toLowerCase() === \"lite\" ? (\n                          <LitePlanIcon />\n                        ) : item.name.toLowerCase() === \"plus\" ? (\n                          <PlusPlanIcon />\n                        ) : item.name.toLowerCase() === \"premium\" ? (\n                          <PrimiumPlanIcon />\n                        ) : null}\n                      </div>\n                      <div className=\"name\">{item.name}</div>\n                    </div>\n                    <div className=\"price\">\n                      <span className=\"amoutn\">€{item.price}</span>\n                      <span className=\"period\">/ per month</span>\n                    </div>\n                    <ul className=\"description\">\n                      <li>Points based loyalty</li>\n                      <li>Access to dedicated portal</li>\n                      <li>Access to dedicated portal</li>\n                      {item.count_push_notification > 0 && (\n                        <li>\n                          {item.count_push_notification} in-app push\n                          notifications\n                        </li>\n                      )}\n                      {item.count_campaigns > 0 && (\n                        <li>{item.count_campaigns} email campaigns</li>\n                      )}\n                      {item.count_text_campaigns > 0 && (\n                        <li>{item.count_text_campaigns} text campaigns</li>\n                      )}\n                      {item.count_locations > 0 ? (\n                        <li>{item.count_locations} locations</li>\n                      ) : item.count_locations < 0 ? (\n                        <li>All locations</li>\n                      ) : null}\n                      {item.count_filters > 0 ? (\n                        <li>{item.count_filters} filters in customer groups</li>\n                      ) : item.count_filters < 0 ? (\n                        <li>All filters in customer groups</li>\n                      ) : null}\n                    </ul>\n                  </div>\n                  <button\n                    className=\"choose-plan\"\n                    type=\"button\"\n                    onClick={() => {\n                      setBusinessPlan(item.price_id);\n                      setBusinessPlanPersonalInfo(item.price_id);\n                    }}\n                  >\n                    Choose Plan\n                  </button>\n                </div>\n              </label>\n            ))}\n        </div> */}\n        <div className=\"btn-wrap-create-account\">\n          <button\n            type=\"submit\"\n            className=\"btn-blue\"\n            onClick={() => {\n              setBusinessPlanPersonalInfo(businessPlan!);\n              goToStep(3);\n            }}\n          >\n            Create Account\n          </button>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationChoosePlan;\n","export default __webpack_public_path__ + \"static/media/arrowDropDown.2ab233e6.svg\";","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\nimport arrowDropDownImg from \"src/assets/img/arrowDropDown.svg\";\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  padding: 50px 40px 40px 100px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  @media (max-width: 1200px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 15px;\n  }\n\n  .main {\n    margin: auto 0;\n    width: 100%;\n    max-width: 950px;\n    &.blur {\n      filter: blur(3px);\n    }\n    /* .left-block,\n    .right-block {\n      width: 50%;\n      box-sizing: border-box;\n      padding: 60px 120px;\n      background-color: ${Color.blueDarkBlour};\n      @media (max-width: 1440px) {\n        padding: 60px 60px;\n      }\n      @media (max-width: 1200px) {\n        padding: 30px 30px;\n      }\n      @media (max-width: 991px) {\n        width: 100%;\n      }\n      @media (max-width: 425px) {\n        padding: 30px 15px;\n      }\n    } */\n  }\n\n  /* .header {\n    margin-bottom: 25px;\n    .logo {\n      max-width: 250px;\n      svg {\n        -o-object-fit: cover;\n        object-fit: cover;\n        width: 100%;\n        height: 100%;\n        font-family: \"object-fit: cover\";\n      }\n    }\n  } */\n  .form-wrap {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-bottom: 25px;\n    @media (max-width: 1200px) {\n      height: auto;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 48px;\n      font-weight: 500;\n      line-height: 61px;\n      margin-bottom: 8px;\n      @media (max-width: 550px) {\n        font-size: 32px;\n        line-height: 48px;\n      }\n    }\n    .subtitle {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 28px;\n      margin-bottom: 40px;\n    }\n  }\n\n  form {\n    padding-bottom: 30px;\n    position: relative;\n    .form_two_items {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      //align-items: center;\n      & > * {\n        flex-basis: 48%;\n      }\n\n      @media (max-width: 768px) {\n        & > * {\n          flex-basis: 100%;\n        }\n      }\n      .phone-wrap {\n        display: flex;\n        flex-direction: column;\n        .label {\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          margin-bottom: 10px;\n        }\n      }\n      /* .first-name {\n        width: calc(50% - 15px);\n        margin-right: 30px;\n        @media (max-width: 550px) {\n          width: 100%;\n          margin-right: 0;\n        }\n      }\n      .last-name {\n        width: calc(50% - 15px);\n        @media (max-width: 550px) {\n          width: 100%;\n        }\n      } */\n    }\n    .btn_submit_wrapper {\n      max-width: 350px;\n    }\n    .form-group {\n      margin-bottom: 30px;\n      /* input {\n        background-color: rgba(255, 255, 255, 0.09) !important;\n        color: ${Color.white};\n        &:-webkit-autofill,\n        &:-webkit-autofill:hover,\n        &:-webkit-autofill:active,\n        &:-webkit-autofill:focus l {\n          -webkit-box-shadow: 0 0 0 30px #4e5889 inset !important;\n          -webkit-text-fill-color: ${Color.white} !important;\n        }\n      } */\n      /* .blue-checkbox {\n        .text {\n          opacity: 0.8;\n          color: ${Color.white};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 22px;\n          a {\n            margin-left: 5px;\n            color: ${Color.white};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 22px;\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n        }\n      } */\n      .select.isSelect {\n        & > input {\n          background: url(${arrowDropDownImg}) #ffffff no-repeat\n            calc(100% - 12px) center;\n        }\n      }\n    }\n    .form-error-message {\n      color: red;\n      font-size: 14px;\n      font-weight: 300;\n      text-align: center;\n      margin-bottom: 15px;\n    }\n  }\n\n  /* .slider {\n    position: relative;\n    &:before {\n      content: \"\";\n      z-index: 1;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 20px;\n      background-color: rgb(26 37 89);\n      background: linear-gradient(\n        to right,\n        rgba(26, 37, 89, 1),\n        rgba(26, 37, 89, 0)\n      );\n    }\n    &:after {\n      content: \"\";\n      z-index: 1;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      width: 20px;\n      background: linear-gradient(\n        to left,\n        rgba(26, 37, 89, 1),\n        rgba(26, 37, 89, 0)\n      );\n    }\n    .slick-slide {\n      min-height: calc(100vh - 150px);\n      display: flex;\n      align-items: center;\n    }\n    .slide {\n      box-sizing: border-box;\n      padding: 25px;\n    }\n    .slide-img-wrap {\n      margin-top: 30px;\n      margin-bottom: 30px;\n      img {\n        margin: auto;\n        max-width: 100%;\n      }\n    }\n    .slide-content {\n      text-align: center;\n      color: ${Color.white};\n      .info {\n        color: ${Color.orange};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .title {\n        font-size: 24px;\n        font-weight: 500;\n        line-height: 34px;\n        margin-bottom: 15px;\n      }\n      .description {\n        opacity: 0.8;\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 24px;\n        margin-bottom: 15px;\n      }\n    }\n    .slick-dots {\n      li {\n        & > button:before {\n          content: \"\";\n          height: 8px;\n          width: 8px;\n          border-radius: 100%;\n          opacity: 0.3;\n          background-color: ${Color.white};\n        }\n        &.slick-active > button:before {\n          opacity: 1;\n          background-color: ${Color.orange};\n        }\n      }\n    }\n  } */\n\n  /* .modal-check-email-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    img {\n      max-width: 100%;\n      width: 185px;\n      margin-bottom: 30px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 30px;\n      font-weight: 500;\n      line-height: 38px;\n      text-align: center;\n      @media (max-width: 600px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n  } */\n\n  /* .modal-create-password-content {\n    form {\n      text-align: center;\n      padding-bottom: 0;\n      padding: 60px 50px;\n      @media (max-width: 600px) {\n        padding: 30px 15px;\n      }\n      .form-group {\n        input {\n          border: 1px solid rgba(0, 0, 0, 0.1);\n          background-color: rgba(0, 13, 70, 0.03) !important;\n          color: ${Color.grey};\n          &:-webkit-autofill,\n          &:-webkit-autofill:hover,\n          &:-webkit-autofill:active,\n          &:-webkit-autofill:focus l {\n            box-shadow: 0 0 0 30px #e2e3ea inset !important;\n            -webkit-text-fill-color: ${Color.grey} !important;\n          }\n        }\n      }\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 40px;\n      font-weight: 500;\n      line-height: 51px;\n      margin-bottom: 5px;\n      @media (max-width: 600px) {\n        font-size: 26px;\n        line-height: 32px;\n      }\n    }\n    .description {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 26px;\n      margin-bottom: 30px;\n    }\n  } */\n  .lynked-form {\n    .form-error-message {\n      margin-top: 5px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from \"react\";\n// import { loadStripe } from \"@stripe/stripe-js\";\n// import Slider from \"react-slick\";\n// import \"slick-carousel/slick/slick.css\";\n// import \"slick-carousel/slick/slick-theme.css\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\n\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\n// import Modal from \"src/components/Modal\";\nimport { PersonalInformationInterface } from \"src/types/registration\";\nimport { registerPersonalInfo } from \"./api\";\n\n// import { REACT_APP_STRIPE_PKEY } from \"src/types/env\";\n// import { ReactComponent as LogoFull } from \"src/assets/img/new-logo-full.svg\";\n// import slideImage1 from \"src/assets/img/personal-information-slide-1.png\";\n// import checkEmailImg from \"src/assets/img/check-your-email.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport * as Const from \"./consts\";\nimport {SelectorListObj} from \"../../../../components/Select/types\";\nimport {getCurrencyAxios} from \"../../../../api/auth\";\n\nconst RegistrationPersonalInformation: React.FC<{\n  goToStep: (step: number) => void;\n  businessPlan?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  passwordVerificationToken?: string | null;\n}> = ({ businessPlan, goToStep }) => {\n  const [personalInformation, setPersonalInformation] =\n    React.useState<PersonalInformationInterface>({\n      firstName: \"\",\n      lastName: \"\",\n      email: \"\",\n      phoneNumber: \"\",\n      businessName: \"\",\n      businessSize: \"\",\n      businessPlan,\n      vatNumber: \"\",\n      currency: 2,\n    });\n\n  const [formLoading, setFormLoading] = React.useState<boolean>(false);\n  const [currencyList, setCurrencyList] = useState<SelectorListObj[]>([])\n  \n  const [formErrorMessage, setFormErrorMessage] = React.useState<any>([]);\n  // const [openModalCheckEmail, setOpenModalCheckEmail] = React.useState<boolean>(\n  //   false\n  // );\n  // const [passwordFormLoading, setPasswordFormLoading] = React.useState<boolean>(\n  //   false\n  // );\n  // const [\n  //   passwordFormErrorMessage,\n  //   setPasswordFormErrorMessage,\n  // ] = React.useState<string>(\"\");\n  // const [password, setPassword] = React.useState<string>(\"\");\n  // const [\n  //   passwordConfirmation,\n  //   setPasswordConfirmation,\n  // ] = React.useState<string>(\"\");\n  \n  useEffect(() => {\n    getCurrencyAxios().then(res=>{\n      res.data.length > 0 ? setCurrencyList(res.data) :\n        setCurrencyList([{value: 2, label: '€'}])\n    })\n  }, []);\n\n  const getValue = (type: string, value: number | string) => {\n    if (formErrorMessage) {\n      setFormErrorMessage([]);\n    }\n    setPersonalInformation({ ...personalInformation, [type]: value });\n  };\n\n  // const redirectToCheckoutStripe = (sessionId: string) => {\n  //   loadStripe(REACT_APP_STRIPE_PKEY).then((stripe) => {\n  //     if (stripe) {\n  //       stripe\n  //         .redirectToCheckout({\n  //           sessionId,\n  //         })\n  //         .then(() => {})\n  //         .catch((error) => {\n  //           setPasswordFormErrorMessage(\n  //             error?.data?.message\n  //               ? error?.data?.message\n  //               : \"Internal Server Error\"\n  //           );\n  //         });\n  //     }\n  //   });\n  // };\n\n  const handleCreateAccount = (event: React.FormEvent) => {\n    event.preventDefault();\n    setFormLoading(true);\n    registerPersonalInfo({\n      email: personalInformation.email,\n      first_name: personalInformation.firstName,\n      last_name: personalInformation.lastName,\n      phone: personalInformation.phoneNumber,\n      business_name: personalInformation.businessName,\n      business_size: personalInformation.businessSize,\n      subscription: personalInformation.businessPlan,\n      vat_number: personalInformation.vatNumber,\n      currency: `${personalInformation.currency}`,\n    })\n      .then(() => {\n        goToStep(4);\n        // setOpenModalCheckEmail(true);\n        setFormLoading(false);\n      })\n      .catch((error) => {\n        setFormErrorMessage(error.data.errors);\n        setFormLoading(false);\n      });\n  };\n\n  // const handleCreatePassword = (event: React.FormEvent) => {\n  //   event.preventDefault();\n  //   if (password === passwordConfirmation) {\n  //     setPasswordFormLoading(true);\n  //     registerCreatePassword({\n  //       password,\n  //       confirm_password: passwordConfirmation,\n  //       verification_token: passwordVerificationToken,\n  //     })\n  //       .then((response) => {\n  //         setPasswordFormLoading(false);\n  //         if (response.data.status === true && response.data.sessionId) {\n  //           redirectToCheckoutStripe(response.data.sessionId);\n  //         } else {\n  //           setPasswordFormErrorMessage(\n  //             response.data.message\n  //               ? response.data.message\n  //               : \"Internal Server Error\"\n  //           );\n  //         }\n  //       })\n  //       .catch((error) => {\n  //         setPasswordFormErrorMessage(\n  //           error?.data?.message\n  //             ? error?.data?.message\n  //             : error?.data?.detail\n  //             ? error?.data?.detail\n  //             : \"Internal Server Error\"\n  //         );\n  //         setPasswordFormLoading(false);\n  //       });\n  //   } else {\n  //     setPasswordFormErrorMessage(\"The password confirmation does not match\");\n  //   }\n  // };\n\n  return (\n    <Wrapper>\n      {/* <div\n        className={`main ${\n          openModalCheckEmail || passwordVerificationToken ? \"blur\" : \"\"\n        }`}\n      > */}\n      <div className=\"main\">\n        {/* <div className=\"left-block\"> */}\n        {/* <div className=\"header\">\n            <div className=\"logo\">\n              <LogoFull />\n            </div>\n          </div> */}\n        <div className=\"form-wrap\">\n          <div className=\"title\">Your Account</div>\n          <div className=\"subtitle\">\n            Fill in the below details to build your custom portal.\n          </div>\n          <form\n            onSubmit={handleCreateAccount}\n            className={`${formLoading ? \"loading-blue\" : \"\"} lynked-form`}\n          >\n            <div className=\"form-innerwrap\">\n              <div className=\"form_two_items\">\n                <div className=\"form-group first-name\">\n                  <Input\n                    label=\"First Name\"\n                    required\n                    getValue={(value) => getValue(\"firstName\", value)}\n                    error={formErrorMessage.first_name}\n                  />\n                </div>\n                <div className=\"form-group last-name\">\n                  <Input\n                    label=\"Last Name\"\n                    required\n                    getValue={(value) => getValue(\"lastName\", value)}\n                    error={formErrorMessage.last_name}\n                  />\n                </div>\n              </div>\n              <div className=\"form_two_items\">\n                <div className=\"form-group\">\n                  <Input\n                    label=\"Email\"\n                    type=\"email\"\n                    required\n                    getValue={(value) => getValue(\"email\", value)}\n                    error={formErrorMessage.email}\n                  />\n                </div>\n                <div className=\"form-group phone-wrap\">\n                  <span className=\"label\">Phone number</span>\n                  <PhoneInput\n                    containerClass=\"input-phone\"\n                    country=\"us\"\n                    inputProps={{\n                      name: \"phoneNumber\",\n                      // required: true,\n                      minLength: 6,\n                    }}\n                    onChange={(value) => {\n                    //   if (event.target.classList.contains(\"form-control\")) {\n                    //     if (event.target.value.length > 6) {\n                    //       event.target.setCustomValidity(\"\");\n                    //     } else {\n                    //       event.target.setCustomValidity(\n                    //         \"Min length is 6 characters\"\n                    //       );\n                    //     }\n                    //   }\n                      getValue(\"phoneNumber\", value);\n                    }}\n                  />\n                  {/* {formErrorMessage.phone ? ( */}\n                  {/*   <div className=\"form-error-message\"> */}\n                  {/*     {formErrorMessage.phone} */}\n                  {/*   </div> */}\n                  {/* ) : null} */}\n                </div>\n              </div>\n              <div className=\"form_two_items\">\n                <div className=\"form-group\">\n                  <Input\n                    label=\"VAT Number\"\n                    required\n                    getValue={(value) => getValue(\"vatNumber\", value)}\n                    error={formErrorMessage.vat_number}\n                  />\n                </div>\n                <div className=\"form-group\">\n                  <Input\n                    label=\"Business Name\"\n                    required\n                    getValue={(value) => getValue(\"businessName\", value)}\n                    error={formErrorMessage.business_name}\n                  />\n                </div>\n              </div>\n              <div className=\"form_two_items\">\n                <div className=\"form-group\">\n                  <Select\n                    label=\"Currency\"\n                    selectorList={currencyList}\n                    positionForShow=\"bottom\"\n                    required\n                    getValue={(value) => getValue(\"currency\", value)}\n                    defaultValue={currencyList.find(currency => currency.value === personalInformation.currency)}\n                    hideSelectorFilter\n                  />\n                </div>\n                <div className=\"form-group\">\n                  <Select\n                    label=\"Business Size\"\n                    selectorList={Const.businessSizeArray}\n                    positionForShow=\"top\"\n                    required\n                    getValue={(value) => getValue(\"businessSize\", value)}\n                    hideSelectorFilter\n                  />\n                  {formErrorMessage.business_size ? (\n                    <div className=\"form-error-message\">\n                      {formErrorMessage.business_size}\n                    </div>\n                  ) : null}\n                </div>\n              </div>\n              {/* <div className=\"form-group\">\n                <label htmlFor=\"terms\" className=\"checkbox blue-checkbox\">\n                  <span className=\"checkbox-input-wrap\">\n                    <input type=\"checkbox\" id=\"terms\" required />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">\n                    By completing, I agree to\n                    <a href=\"/\" rel=\"noreferrer\" target=\"_blank\">\n                      Privacy Policy.\n                    </a>\n                  </div>\n                </label>\n              </div> */}\n              <div className=\"btn_submit_wrapper\">\n                <button type=\"submit\" className=\"btn-blue\">\n                  Create Account\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n        {/* </div> */}\n        {/* <div className=\"right-block\">\n          <Slider className=\"slider\" dots infinite arrows={false}>\n            <div className=\"slide\">\n              <div className=\"slide-img-wrap\">\n                <img src={slideImage1} alt=\"\" />\n              </div>\n              <div className=\"slide-content\">\n                <div className=\"info\">Lynked Platform</div>\n                <div className=\"title\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui.\n                </div>\n                <div className=\"description\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui officia deserunt mollit anim id est laborum.\n                </div>\n              </div>\n            </div>\n            <div className=\"slide\">\n              <div className=\"slide-img-wrap\">\n                <img src={slideImage1} alt=\"\" />\n              </div>\n              <div className=\"slide-content\">\n                <div className=\"info\">Lynked Platform</div>\n                <div className=\"title\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui.\n                </div>\n                <div className=\"description\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui officia deserunt mollit anim id est laborum.\n                </div>\n              </div>\n            </div>\n            <div className=\"slide\">\n              <div className=\"slide-img-wrap\">\n                <img src={slideImage1} alt=\"\" />\n              </div>\n              <div className=\"slide-content\">\n                <div className=\"info\">Lynked Platform</div>\n                <div className=\"title\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui.\n                </div>\n                <div className=\"description\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui officia deserunt mollit anim id est laborum.\n                </div>\n              </div>\n            </div>\n            <div className=\"slide\">\n              <div className=\"slide-img-wrap\">\n                <img src={slideImage1} alt=\"\" />\n              </div>\n              <div className=\"slide-content\">\n                <div className=\"info\">Lynked Platform</div>\n                <div className=\"title\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui.\n                </div>\n                <div className=\"description\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui officia deserunt mollit anim id est laborum.\n                </div>\n              </div>\n            </div>\n            <div className=\"slide\">\n              <div className=\"slide-img-wrap\">\n                <img src={slideImage1} alt=\"\" />\n              </div>\n              <div className=\"slide-content\">\n                <div className=\"info\">Lynked Platform</div>\n                <div className=\"title\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui.\n                </div>\n                <div className=\"description\">\n                  Excepteur sint occaecat cupidatat non proident, sunt in culpa\n                  qui officia deserunt mollit anim id est laborum.\n                </div>\n              </div>\n            </div>\n          </Slider>\n        </div> */}\n      </div>\n      {/* {openModalCheckEmail && (\n        <Modal\n          openModal={openModalCheckEmail}\n          setOpenModal={(value) => setOpenModalCheckEmail(value)}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-check-email-content\">\n            <img src={checkEmailImg} alt=\"\" />\n            <div className=\"title\">\n              Please check your emails for account approval\n            </div>\n          </div>\n        </Modal>\n      )} */}\n      {/* {passwordVerificationToken && (\n        <Modal\n          openModal={openModalCheckEmail}\n          setOpenModal={(value) => setOpenModalCheckEmail(value)}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-create-password-content\">\n            <form\n              onSubmit={handleCreatePassword}\n              className={`${passwordFormLoading ? \"loading-blue\" : \"\"}`}\n            >\n              <div className=\"form-innerwrap\">\n                <div className=\"title\">Create Password</div>\n                <div className=\"description\">\n                  This is your password for accessing your new Lynked portal for\n                  viewing all your customer activity.\n                </div>\n                <div className=\"form-group\">\n                  <Input\n                    type=\"password\"\n                    placeholder=\"Password\"\n                    required\n                    getValue={(value) => {\n                      if (passwordFormErrorMessage)\n                        setPasswordFormErrorMessage(\"\");\n                      setPassword(value);\n                    }}\n                  />\n                </div>\n                <div className=\"form-group\">\n                  <Input\n                    type=\"password\"\n                    placeholder=\"Repeat Password\"\n                    required\n                    getValue={(value) => {\n                      if (passwordFormErrorMessage)\n                        setPasswordFormErrorMessage(\"\");\n                      setPasswordConfirmation(value);\n                    }}\n                  />\n                </div>\n                {passwordFormErrorMessage && (\n                  <div className=\"form-error-message\">\n                    {passwordFormErrorMessage}\n                  </div>\n                )}\n                <button type=\"submit\" className=\"btn-blue\">\n                  Create Password\n                </button>\n              </div>\n            </form>\n          </div>\n        </Modal>\n      )} */}\n    </Wrapper>\n  );\n};\n\nexport default RegistrationPersonalInformation;\n","import { RegisterPersonalInfoInterface } from \"../../../../types/registration\";\nimport axios from \"../../../../api/api\";\n\nexport const registerPersonalInfo = (\n  data: RegisterPersonalInfoInterface\n): Promise<any> => {\n  const requestFormData = new FormData();\n\n  requestFormData.append(\"email\", data.email);\n  requestFormData.append(\"first_name\", data.first_name);\n  requestFormData.append(\"last_name\", data.last_name);\n  requestFormData.append(\"phone\", data.phone);\n  requestFormData.append(\"business_name\", data.business_name);\n  requestFormData.append(\"business_size\", data.business_size);\n  requestFormData.append(\"subscription\", data.subscription ?? \"\");\n  requestFormData.append(\"vat_number\", data.vat_number ?? \"\");\n  requestFormData.append(\"currency\", data.currency ?? '1');\n\n  return axios\n    .post(\"/public/register-personal-info\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nexport const Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n  .check-email-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    img {\n      max-width: 100%;\n      width: 185px;\n      margin-bottom: 30px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-weight: 500;\n      font-size: 48px;\n      letter-spacing: 0;\n      line-height: 61px;\n      text-align: center;\n      max-width: 600px;\n      margin: 0 auto;\n      @media (max-width: 600px) {\n        font-size: 30px;\n        line-height: 28px;\n      }\n    }\n  }\n`;\n","import React from \"react\";\n\nimport checkEmailImg from \"src/assets/img/check-your-email.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst RegistrationAccountCheckEmail: React.FC = () => {\n  return (\n    <Wrapper>\n      <div className=\"check-email-content\">\n        <img src={checkEmailImg} alt=\"\" />\n        <p className=\"title\">Please check your emails for account approval</p>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationAccountCheckEmail;\n","import { RegisterCreatePasswordInfoInterface } from \"../../../../types/registration\";\nimport axios from \"../../../../api/api\";\n\nexport const registerCreatePassword = (\n  data: RegisterCreatePasswordInfoInterface\n): Promise<any> => {\n  const requestFormData = new FormData();\n\n  requestFormData.append(\"password\", data.password);\n  requestFormData.append(\"confirm_password\", data.confirm_password);\n  requestFormData.append(\"verification_token\", data.verification_token ?? \"\");\n\n  return axios\n    .post(\"/public/create-password\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nexport const Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n  .create-password-content {\n    max-width: 450px;\n    box-sizing: border-box;\n    form {\n      text-align: center;\n      padding: 30px 20px;\n      .form-group {\n        margin-bottom: 25px;\n      }\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 40px;\n      font-weight: 500;\n      line-height: 51px;\n      margin-bottom: 10px;\n      @media (max-width: 600px) {\n        font-size: 26px;\n        line-height: 32px;\n      }\n    }\n    .description {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 26px;\n      margin-bottom: 25px;\n    }\n  }\n  .lynked-form {\n    .form-error-message {\n      margin-top: 5px;\n    }\n  }\n`;\n","import React from \"react\";\n\nimport Input from \"src/components/Input\";\nimport { registerCreatePassword } from \"./api\";\n\nimport { Wrapper } from \"./styled\";\nimport * as Const from \"../../consts\";\nimport { useLocation } from \"react-router-dom\";\n\nconst RegistrationActivateAccount: React.FC<{\n  passwordVerificationToken: string | null;\n}> = ({ passwordVerificationToken }) => {\n  const location: any = useLocation();\n  const [passwordFormLoading, setPasswordFormLoading] =\n    React.useState<boolean>(false);\n  const [passwordFormErrorMessage, setPasswordFormErrorMessage] =\n    React.useState<any>({});\n  const [password, setPassword] = React.useState<string>(\"\");\n  const [passwordConfirmation, setPasswordConfirmation] =\n    React.useState<string>(\"\");\n\n  const handleCreatePassword = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (password === passwordConfirmation) {\n      setPasswordFormLoading(true);\n      registerCreatePassword({\n        password,\n        confirm_password: passwordConfirmation,\n        verification_token: passwordVerificationToken,\n      })\n        .then((response) => {\n          setPasswordFormLoading(false);\n          if (response.data.status === true && response.data.sessionId) {\n            const serchParams = new URLSearchParams(location.search)\n            const token = serchParams.get(\n              Const.verificationToken\n            );\n            serchParams.delete('verification_token')\n            serchParams.set('account_information_token', `${token}`)\n            window.location.replace(`${location.pathname}?account_information_token=${serchParams.get(Const.accountInformationToken)}`)\n\n          } else {\n            setPasswordFormErrorMessage(response.data.errors);\n          }\n        })\n        .catch((error) => {\n          setPasswordFormErrorMessage(error.data.errors);\n          setPasswordFormLoading(false);\n        });\n    } else {\n      setPasswordFormErrorMessage({\n        confirm_password: \"The password confirmation does not match\",\n      });\n    }\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"create-password-content\">\n        <form\n          onSubmit={handleCreatePassword}\n          className={`${passwordFormLoading ? \"loading-blue\" : \"\"} lynked-form`}\n        >\n          <div className=\"form-innerwrap\">\n            <div className=\"title\">Create Password</div>\n            <div className=\"description\">\n              This will be your password to log in to the Lynked business\n              portal. Here you can manage your loyalty program and monitor store\n              performance.\n            </div>\n            <div className=\"form-group\">\n              <Input\n                label=\"Password\"\n                type=\"password\"\n                required\n                getValue={(value) => {\n                  if (passwordFormErrorMessage) setPasswordFormErrorMessage(\"\");\n                  setPassword(value);\n                }}\n                error={passwordFormErrorMessage.password}\n              />\n            </div>\n            <div className=\"form-group\">\n              <Input\n                label=\"Repeat Password\"\n                type=\"password\"\n                required\n                getValue={(value) => {\n                  if (passwordFormErrorMessage) setPasswordFormErrorMessage(\"\");\n                  setPasswordConfirmation(value);\n                }}\n                error={\n                  passwordFormErrorMessage?.confirm_password\n                    ? passwordFormErrorMessage.confirm_password\n                    : passwordFormErrorMessage?.verification_token\n                    ? passwordFormErrorMessage.verification_token\n                    : passwordFormErrorMessage?.stripe\n                    ? passwordFormErrorMessage.stripe\n                    : \"\"\n                }\n              />\n            </div>\n            <button type=\"submit\" className=\"btn-blue\">\n              Create Password\n            </button>\n          </div>\n        </form>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationActivateAccount;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nexport const Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  width: 100%;\n\n  .range_wrapper {\n    position: relative;\n    width: 100%;\n  }\n  .input_range {\n    appearance: none;\n    width: 100%;\n    height: 6px;\n    border-radius: 4px;\n    cursor: pointer;\n    outline: none;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);\n    transition: box-shadow 0.3s ease-out;\n    &::-webkit-slider-thumb {\n      appearance: none;\n      height: 20px;\n      width: 20px;\n      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n      border-radius: 50%;\n      transition: box-shadow 0.3s ease-out;\n    }\n    &::-moz-range-thumb {\n      appearance: none;\n      height: 30px;\n      width: 30px;\n      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n      border-radius: 50%;\n      transition: box-shadow 0.3s ease-out;\n    }\n  }\n  .current_value_range {\n    position: absolute;\n    top: -20px;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 15px;\n  }\n  .diapason_range {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 15px;\n  }\n  .blue_range {\n    &::-webkit-slider-thumb {\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n    }\n    &::-moz-range-thumb {\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n    }\n    &:hover,\n    &:focus-visible {\n      box-shadow: 0px 0px 8px 2px rgba(81, 92, 221, 0.4);\n      &::-webkit-slider-thumb {\n        box-shadow: 0px 0px 8px 2px rgba(81, 92, 221, 0.4);\n      }\n      &::-moz-range-thumb {\n        box-shadow: 0px 0px 8px 2px rgba(81, 92, 221, 0.4);\n      }\n    }\n  }\n`;\n","import React, { ChangeEvent } from \"react\";\nimport { IRange } from \"./types\";\nimport { Wrapper } from \"./styled\";\n\nconst Range = ({\n  minValue,\n  maxValue,\n  theme = \"blue\",\n  colorProgressBefore = \"#515CDD\",\n  colorProgressAfter = \"#FFFFFF\",\n  labelMin,\n  labelMax,\n  step = 1,\n  value,\n  onChange,\n}:IRange) => {\n  const themeClassName = {\n    blue: \"blue_range\",\n  }[theme];\n\n  const firstOperand = value - minValue;\n  const secondOperand = maxValue - minValue;\n\n  const minDiapason = labelMin ?? minValue;\n  const maxDiapason = labelMax ?? maxValue;\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(+e.target.value);\n    }\n  };\n  return (\n    <Wrapper>\n      <span className=\"diapason_range\">{minDiapason}</span>\n      <div className=\"range_wrapper\">\n        <input\n          type=\"range\"\n          min={minValue}\n          max={maxValue}\n          step={step}\n          value={value}\n          className={`input_range ${themeClassName}`}\n          onChange={handleChange}\n          style={{\n            background: `linear-gradient(to right, ${colorProgressBefore} 0%, ${colorProgressBefore} ${\n              (firstOperand / secondOperand) * 100\n            }%,\n                ${colorProgressAfter} ${\n              (firstOperand / secondOperand) * maxValue\n            }%, ${colorProgressAfter} 100%)`,\n          }}\n        />\n        <span\n          className=\"current_value_range\"\n          style={{\n            left: `calc(${(firstOperand * 100) / secondOperand}% + ${\n              6 - ((firstOperand * 100) / secondOperand) * 0.22\n            }px)`,\n          }}\n        >\n          {value}\n        </span>\n      </div>\n      <span className=\"diapason_range\">{maxDiapason}</span>\n    </Wrapper>\n  );\n};\n\nexport default Range;\n","import React from \"react\";\n\ninterface IFormErrorProps {\n  formErrorMessages: any;\n  field: string;\n}\n\nconst FormError = ({ formErrorMessages, field }: IFormErrorProps) => {\n  return (\n    <>\n      {formErrorMessages && formErrorMessages[field] ? (\n        <div className=\"form-error-message\">{formErrorMessages[field]}</div>\n      ) : null}\n    </>\n  );\n};\n\nexport default FormError;\n","import styled, { keyframes } from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  padding: 50px 40px 100px 100px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  .checkbox_links {\n    background: linear-gradient(0deg,\n      ${Color.gradientFreeCardFrom} -16.46%,\n    ${Color.gradientFreeCardTo} 98.11%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  @media (max-width: 1200px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 15px;\n  }\n\n  .switch_label {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n    color: ${Color.blueDarkText};\n  }\n\n  .title-block {\n    margin-bottom: 30px;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 48px;\n      font-weight: 500;\n      line-height: 61px;\n      margin-bottom: 10px;\n      @media (max-width: 768px) {\n        font-size: 32px;\n        line-height: 42px;\n      }\n    }\n\n    .sub-title {\n      opacity: 0.6;\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 28px;\n      max-width: 600px;\n    }\n  }\n\n  .build_card_wrapper {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    gap: 40px;\n\n    .build_card_left {\n      flex-basis: 50%;\n      border-right: 1px solid #d8d8d8;\n      padding-right: 40px;\n\n      .label {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 10px;\n        text-align: left;\n      }\n\n      .form-group {\n        margin-bottom: 30px;\n\n        .dropZone {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n\n          & > div {\n            position: relative;\n            height: 100%;\n            border: 1.5px dashed ${Color.blueDarkText};\n            border-radius: 4px;\n            background-color: rgba(255, 255, 255, 0.09);\n            outline: none;\n            padding: 30px;\n            cursor: pointer;\n            transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n            &.active_true {\n              border-color: ${Color.blueDarkText};\n              box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n            }\n\n            input {\n              max-width: 100%;\n              display: block !important;\n              position: absolute;\n              bottom: 0;\n              right: 0;\n              left: 0;\n              margin: auto;\n              opacity: 0;\n              z-index: -1;\n            }\n\n            & > div {\n              display: flex;\n              flex-direction: column;\n              justify-content: center;\n              align-items: center;\n              height: 100%;\n\n              & > svg {\n                margin-bottom: 5px;\n                animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n                path:last-child {\n                  fill: ${Color.blueDarkText};\n                }\n              }\n\n              .text {\n                color: ${Color.blueDarkText};\n                text-align: center;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n\n                span {\n                  margin-bottom: 5px;\n                }\n\n                .title {\n                  font-size: 18px;\n                  font-weight: 300;\n                  line-height: 23px;\n                }\n\n                .description {\n                  opacity: 0.6;\n                  font-size: 12px;\n                  font-weight: 300;\n                  line-height: 15px;\n                }\n\n                .file-name {\n                  font-size: 21px;\n                  font-weight: 300;\n                  line-height: 23px;\n                }\n              }\n            }\n          }\n        }\n\n        .control_switch {\n          position: relative;\n          display: flex;\n          align-items: center;\n          max-width: 190px;\n          padding: 2px;\n          border: 1px solid #e4e4e4;\n          border-radius: 4px;\n          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n          background-color: white;\n          overflow: hidden;\n\n          &::before {\n            content: \"\";\n            position: absolute;\n            top: 2px;\n            left: 2px;\n            width: 48%;\n            height: 90%;\n            background: linear-gradient(0deg,\n              ${Color.gradientFreeCardFrom} -16.46%,\n            ${Color.gradientFreeCardTo} 98.11%);\n            border-radius: 4px;\n            transition: left 0.3s ease;\n          }\n\n          &_right {\n            &::before {\n              left: 51%;\n              transition: left 0.3s ease;\n            }\n          }\n        }\n\n        .btn_switch {\n          width: 50%;\n          font-size: 16px;\n          font-weight: 300;\n          letter-spacing: 0;\n          line-height: 20px;\n          color: ${Color.greyLight};\n          padding: 9px 18px;\n          z-index: 2;\n          transition: color 0.3s ease;\n          background-color: transparent;\n\n          &_active {\n            color: ${Color.white};\n          }\n        }\n\n        .checkbox-view {\n          background-color: ${Color.blueDarkText};\n        }\n      }\n\n      .form-group_two {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 30px;\n\n        & > div:first-child {\n          flex-basis: 70%;\n        }\n\n        & > div:last-child {\n          width: 150px;\n\n          & > * {\n            margin-bottom: 0;\n          }\n        }\n\n        .or {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n        }\n\n        @media (max-width: 550px) {\n          flex-wrap: wrap;\n          margin-top: 30px;\n          & > div:first-child {\n            flex-basis: 95%;\n          }\n\n          & > div:last-child {\n            width: 150px;\n\n            & > * {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .build_card_right {\n      flex-basis: 50%;\n      position: sticky;\n      top: -25px;\n      height: 100%;\n\n      .card-preview {\n        overflow: hidden;\n        width: 335px;\n        border-radius: 15px;\n        background-color: ${Color.white};\n        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);\n        padding: 25px;\n        padding-bottom: 0;\n        box-sizing: border-box;\n\n        .top {\n          display: flex;\n          align-items: flex-start;\n          margin-bottom: 25px;\n\n          .logo {\n            line-height: 0;\n            margin-right: 15px;\n\n            img {\n              object-fit: cover;\n              height: 60px;\n              width: 60px;\n              border-radius: 100%;\n            }\n          }\n\n          .right {\n            width: calc(100% - 75px);\n          }\n\n          .name-notificationCount {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 4px;\n\n            .name {\n              font-family: \"Averta Std ExtraBold\";\n              font-size: 16px;\n              line-height: 19px;\n              color: #2f3640;\n            }\n\n            .notification-count {\n              display: flex;\n              align-items: center;\n\n              .notification {\n                margin-right: 15px;\n              }\n\n              .reward_level {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid ${Color.blue};\n                border-radius: 50%;\n                width: 18px;\n                height: 18px;\n                background-color: ${Color.white};\n                padding-top: 1px;\n                box-sizing: border-box;\n                color: ${Color.blue};\n                font-size: 12px;\n                font-weight: 300;\n              }\n\n              @media (max-width: 400px) {\n                flex-wrap: wrap;\n                .notification {\n                  flex-basis: 100%;\n                  margin-right: 0px;\n                }\n\n                .count {\n                  flex-basis: 100%;\n                }\n              }\n            }\n          }\n\n          .info {\n            font-family: \"Averta Std Semibold\";\n\n            .title {\n              color: #bcbcbc;\n              font-size: 12px;\n              font-weight: 500;\n              line-height: 14px;\n              margin-right: 3px;\n            }\n\n            .content {\n              color: ${Color.grey};\n              font-size: 12px;\n              font-weight: 500;\n              line-height: 14px;\n            }\n          }\n        }\n\n        .promotion-count {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n          flex-wrap: wrap;\n\n          .promotion-item {\n            width: 49px;\n            height: 40px;\n\n            img {\n              width: 100%;\n              height: 100%;\n            }\n\n            .promotion-item-icon {\n              margin: auto;\n              width: max-content;\n            }\n\n            .promotion-item-icon-number {\n              font-family: \"Averta Std ExtraBold\";\n              color: #ffffff;\n              position: absolute;\n              top: -1px;\n              left: -3px;\n              font-size: 9px;\n              width: -webkit-fill-available;\n              height: -webkit-fill-available;\n              text-align: center;\n              line-height: 49px;\n            }\n          }\n\n          .promotion_done {\n            width: 49px;\n            height: 40px;\n\n            img {\n              width: 100%;\n              height: 100%;\n            }\n          }\n\n          .points-progress-line {\n            width: 100%;\n            display: flex;\n\n            .progress-line {\n              width: calc(100% - 85px);\n              margin-right: 10px;\n              border-radius: 4px;\n              color: ${Color.white};\n              font-size: 14px;\n              font-weight: 300;\n              line-height: 18px;\n              padding: 8px 15px;\n              /* &.full { */\n              background: #5771e1;\n              /* } */\n                /* &.empty {\n                background-color: #dcdef7;\n                color: ${Color.blueDarkText};\n              } */\n            }\n\n            .progress-done {\n              position: relative;\n              line-height: 0;\n              width: 75px;\n\n              .text {\n                position: absolute;\n                top: 7px;\n                left: 5px;\n                color: ${Color.white};\n                font-size: 10px;\n                font-weight: 300;\n                line-height: 11px;\n                width: 45px;\n                word-wrap: break-word;\n              }\n\n              .dark-text {\n                color: ${Color.blueDarkText};\n              }\n            }\n          }\n        }\n\n        &.full {\n          .promotion-count {\n            .promotion-item {\n              svg {\n                g {\n                  opacity: 1;\n                }\n\n                path {\n                  fill: ${Color.blue};\n                }\n              }\n            }\n          }\n        }\n\n        @media (max-width: 400px) {\n          padding: 20px 10px;\n        }\n\n        .progress_wrapper {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n          padding-top: 8px;\n        }\n\n        .progress_line_wrapper {\n          flex-grow: 1;\n        }\n\n        .progress_reward {\n          display: flex;\n          width: 70px;\n          height: 32px;\n          margin-left: 20px;\n          text-transform: uppercase;\n          color: ${Color.white};\n          border-radius: 4px;\n          overflow: hidden;\n\n          .progress_reward_off {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            background-color: ${Color.orange};\n            width: 16px;\n            font-size: 6px;\n            writing-mode: vertical-rl;\n          }\n\n          .progress_reward_one {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: ${Color.blue};\n            font-size: 9px;\n            font-weight: 500;\n            padding: 4px;\n          }\n        }\n\n        .progress_count {\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 12px;\n          margin-bottom: 10px;\n          color: ${Color.greyMedium};\n        }\n\n        .progress_indicator {\n          width: 100%;\n          appearance: none;\n          border-radius: 4px;\n\n          &::-webkit-progress-value {\n            background: linear-gradient(\n              0deg,\n              ${Color.gradientFreeCardFrom} -16.46%,\n              ${Color.gradientFreeCardTo} 98.11%\n            );\n            border-radius: 4px;\n            height: 12px;\n          }\n\n          &::-webkit-progress-bar {\n            background-color: rgba(81, 92, 221, 0.2);\n            border-radius: 4px;\n            height: 12px;\n          }\n        }\n      }\n    }\n\n    @media (max-width: 1100px) {\n      flex-wrap: wrap;\n      .build_card_left {\n        flex-basis: 100%;\n        order: 2;\n        padding: 0px 5px;\n        border-right: none;\n      }\n\n      .build_card_right {\n        flex-basis: 100%;\n        position: block !important;\n        top: auto;\n\n        & > div {\n          margin: 0 auto;\n        }\n      }\n    }\n  }\n\n  .card-bottom {\n    height: 45px;\n    background: linear-gradient(\n      0deg,\n      ${Color.gradientFreeCardFrom} -16.46%,\n      ${Color.gradientFreeCardTo} 98.11%\n    );\n    margin-left: -25px;\n    margin-right: -25px;\n    position: relative;\n\n    .card-bottom-control-button {\n      position: absolute;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      border: 3px solid white;\n      top: 0px;\n      left: calc(50% - 13px);\n      padding: 0;\n    }\n\n    .bottom-top {\n      position: absolute;\n      top: 0;\n      width: 100%;\n      height: 15px;\n      border-radius: 0px 0px 15px 15px;\n      background-color: white;\n    }\n\n    // &::after {\n    //   position: absolute;\n    //   display: block;\n    //   content: \"\";\n    //   border-radius: 50%;\n    //   width: 35px;\n    //   height: 35px;\n    //   top: -35px;\n    //   left: 0;\n    //   box-shadow: -15px 15px 0 blue;\n    // }\n    // &::before {\n    //   position: absolute;\n    //   display: block;\n    //   content: \"\";\n    //   border-radius: 50%;\n    //   width: 35px;\n    //   height: 35px;\n    //   top: -35px;\n    //   right: 0;\n    //   box-shadow: 15px 15px 0 blue;\n    // }\n  }\n\n  .card-closed {\n    margin-bottom: 0;\n    max-height: 1px;\n    overflow: hidden;\n    transition: max-height 0.5s ease-in, margin-bottom 0.3s ease-out;\n  }\n\n  .card-opened {\n    margin-bottom: 14px;\n    max-height: 150px;\n    transition: max-height 0.5s ease-in, margin-bottom 0.2s ease-out;\n  }\n\n  .card-bottom-control-button:hover {\n    transition: transform 0.8s ease-in-out;\n    background: #ec9345;\n  }\n\n  .card-button-closed {\n    .card-bottom-control-button {\n      transition: transform 0.8s ease-in-out;\n      transform: rotate(180deg);\n    }\n  }\n\n  .card-button-opened {\n    .card-bottom-control-button {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lynked-form {\n    .form-error-message {\n      margin-top: 5px;\n    }\n\n    .form_title {\n      font-size: 20px;\n      font-weight: 500;\n      margin-bottom: 5px;\n    }\n\n    .form_sub_title {\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n      opacity: 0.6;\n    }\n\n    .reward_block {\n      margin: 30px 0 45px;\n    }\n\n    .reward_label_wrapper {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 10px;\n      @media (max-width: 450px) {\n        flex-wrap: wrap;\n      }\n    }\n\n    .reward_label {\n      font-size: 18px;\n      font-weight: 500;\n      line-height: 23px;\n      margin-right: 10px;\n    }\n\n    .reward_inputs {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n\n      & > * {\n        margin: 5px 0;\n        max-width: 225px;\n      }\n\n      & > *:last-child {\n        flex-basis: 100%;\n        max-width: 100%;\n      }\n\n      .isSelect {\n        width: 100%;\n        padding-bottom: 12px;\n      }\n\n      @media (max-width: 1475px) {\n        & > * {\n          max-width: 100%;\n          flex-basis: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport const DaysWrapperDiv = styled.div`\n  position: relative;\n`;\n\nexport const SpanInputText = styled.span`\n  position: absolute;\n  top: 24px;\n  left: 55px;\n  font-size: 18px;\n  color: ${Color.blueDarkText};\n`\n\nexport { Wrapper };\n","import React, { useState, useEffect } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport Range from \"src/components/Range\";\nimport Card from \"src/components/Card\";\nimport CheckBox from \"src/components/CheckBox\";\nimport { ReactComponent as UploadIcon } from \"src/assets/img/upload.svg\";\nimport { AccountInformationInterface } from \"src/types/registration\";\n\nimport { businessType } from \"src/types/businessType\";\nimport { SelectorListObj } from \"src/components/Select/types\";\nimport { stampIcon } from \"src/types/stampIcon\";\nimport FormError from \"../../../../components/FormError/FormError\";\nimport {\n  registerYourCompany,\n  getBusinessTypesAxios,\n  getStampIconsAxios, getActivateDaysAxios\n} from \"./api\";\nimport * as Const from \"../../consts\";\nimport { StampIconAdditionalData } from \"./types\";\nimport { DaysWrapperDiv, Wrapper, SpanInputText } from \"./styled\";\n\nconst RegistrationBuildYourCard: React.FC<{\n  accountInformationToken: string | null;\n  goToStep: (step: number) => void;\n}> = ({ accountInformationToken, goToStep }) => {\n  const [formErrorMessage, setFormErrorMessage] = React.useState<any>({});\n  const [isLoading, setIsLoading] = React.useState<boolean>(false);\n  const [accountInformation, setAccountInformation] =\n    useState<AccountInformationInterface>({\n      companyName: \"\",\n      businessType: \"\",\n      stampIcon: \"\",\n      promotionType: 1,\n      stampName: \"\",\n      rewardInformation: \"\",\n      rewardCode: \"\",\n      maxNumberPromotion: 9,\n      promotionLabel: \"\",\n      first_checkIn: 0,\n      rewards: [\n        {\n          pointsAmount: 0,\n          reward: \"\",\n          rewardNumber: 0,\n          rewardDetails: \"\",\n          dateExpire: 0,\n          activateAfter: 0\n        },\n        // {\n        //   pointsAmount: 0,\n        //   reward: \"\",\n        //   rewardNumber: 0,\n        //   rewardDetails: \"\",\n        //   dateExpire: 0,\n        //   activateAfter: 0\n        // },\n        // {\n        //   pointsAmount: 0,\n        //   reward: \"\",\n        //   rewardNumber: 0,\n        //   rewardDetails: \"\",\n        //   dateExpire: 0,\n        //   activateAfter: 0\n        // },\n        // {\n        //   pointsAmount: 0,\n        //   reward: \"\",\n        //   rewardNumber: 0,\n        //   rewardDetails: \"\",\n        //   dateExpire: 0,\n        //   activateAfter: 0\n        // },\n        // {\n        //   pointsAmount: 0,\n        //   reward: \"\",\n        //   rewardNumber: 0,\n        //   rewardDetails: \"\",\n        //   dateExpire: 0,\n        //   activateAfter: 0\n        // }\n      ]\n    });\n\n  const [defValueForNumPromotion, setDefValueForNumPromotion] = useState(\n    Const.stampList[4]\n  );\n\n  const [openExpireDateReward, setOpenExpireDateReward] = useState<number[]>(\n    []\n  );\n\n  // const {\n  //   promotionCategories,\n  //   promotionCategoriesEnable,\n  //   // promotionTypes,\n  //   // promotionTypesEnable,\n  // } = useTypedSelector((state) => state.promotion);\n\n  const getValue = (type: string, value: number | string) => {\n    setFormErrorMessage({});\n    setAccountInformation({ ...accountInformation, [type]: value });\n  };\n\n  // const onDrop = (acceptedFiles: any) => {\n  const onDrop = () => {\n    // setAdditionalInformation({\n    //   ...additionalInformation,\n    //   logo: acceptedFiles[0],\n    // });\n  };\n\n  const { acceptedFiles, isDragActive, getRootProps, getInputProps } =\n    useDropzone({\n      accept: [\"image/jpeg\", \"image/jpg\", \"image/png\"],\n      multiple: false,\n      onDrop,\n    });\n\n  const handleAccountInformation = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (accountInformationToken !== null) {\n      setIsLoading(true);\n      registerYourCompany(\n        accountInformation,\n        accountInformationToken,\n        acceptedFiles\n      )\n        .then(() => {\n          goToStep(8);\n          setIsLoading(false);\n        })\n        .catch((error) => {\n          setFormErrorMessage(error.data.errors);\n          setIsLoading(false);\n        });\n    }\n    // setAdditionalInformationRegistration(additionalInformation);\n  };\n\n  const [businessTypeList, setBusinessTypeList] = useState<Array<SelectorListObj>>([]);\n\n  const [stampIconList, setStampIconList] = useState<Array<SelectorListObj>>(\n    []\n  );\n\n  const [activateDaysList, setActivateDaysList] = useState<Array<SelectorListObj>>(\n    []\n  );\n\n  const [cardClosed, setCardClosed] = useState<boolean>(true);\n\n  useEffect(() => {\n    getBusinessTypesAxios().then((response) => {\n      setBusinessTypeList(\n        response.data.businessTypes.map((_businessType: businessType) => {\n          return {\n            value: _businessType.id,\n            label: _businessType.display_name,\n          };\n        })\n      );\n    });\n\n    getActivateDaysAxios().then((response) => {\n      setActivateDaysList(response.data.activateDays);\n    });\n\n    getStampIconsAxios().then((response) => {\n      setStampIconList(\n        response.data.stampIcons.map((_stampIcon: stampIcon) => {\n          return {\n            value: _stampIcon.id,\n            label: _stampIcon.display_name,\n            additional: {\n              icon_name: _stampIcon.name,\n              single_item: _stampIcon.single_item,\n            },\n          };\n        })\n      );\n    });\n  }, []);\n\n  const setInputValue = (value: string, index: number) => {\n    const newInfo = {\n      ...accountInformation\n    };\n\n    if (newInfo.rewards) {\n      newInfo.rewards[index].dateExpire = +value;\n      setAccountInformation(newInfo);\n    }\n  }\n\n  return (\n    <Wrapper>\n      <div className=\"title-block\">\n        <div className=\"title\">Lets Build Your Card</div>\n        <div className=\"sub-title\">\n          Complete the fields below to build a loyalty card for your business.\n        </div>\n      </div>\n      <div className={`build_card_wrapper ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"build_card_left\">\n          <form className=\"lynked-form\" onSubmit={handleAccountInformation}>\n            <div className=\"form-innerwrap\">\n              <div className=\"form-group\">\n                <div className=\"dropZone\">\n                  <div {...getRootProps()} className={`active_${isDragActive}`} > {/*eslint-disable-line*/}\n                    <input {...getInputProps()} required /> {/*eslint-disable-line*/}\n                    <div>\n                      <UploadIcon />\n                      {acceptedFiles.length ? (\n                        <span className=\"text\">\n                          <span className=\"file-name\">\n                            {acceptedFiles[0].name}\n                          </span>\n                        </span>\n                      ) : (\n                        <span className=\"text\">\n                          <span className=\"title\">\n                            Please upload your logo we want to personalize your\n                            loyalty card\n                          </span>\n                          <span className=\"description\">\n                            (logo should be 1080 x 1080px)\n                          </span>\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                </div>\n                <FormError formErrorMessages={formErrorMessage} field=\"image\" />\n              </div>\n              <div className=\"form-group\">\n                <Input\n                  label=\"Confirm Company Name\"\n                  placeholder=\"Company Name\"\n                  infoTooltip=\"This will identify your venue on the Lynked in-app map. Enter the venue brand name here, not the company formation name.\"\n                  required\n                  getValue={(value) => getValue(\"companyName\", value)}\n                  error={formErrorMessage.name}\n                />\n                {/* <FormError formErrorMessages={formErrorMessage} field=\"name\" /> */}\n              </div>\n              {accountInformation.promotionType === 2 ?\n                <div className=\"form-group promotionName-group\">\n                  <Input\n                    placeholder=\"First Check-In Present\"\n                    label=\"First Time Check-In Points\"\n                    required\n                    maxLength={28}\n                    min={0}\n                    type={'number'}\n                    defaultValue={accountInformation.first_checkIn ? accountInformation.first_checkIn : '0' }\n                    getValue={(value) =>\n                      value.trim() ? getValue(\"first_checkIn\", value.trim()) : getValue(\"first_checkIn\", '0')\n                    }\n                  />\n                </div> : null}\n              <div className=\"form-group\">\n                <Select\n                  label=\"Business Type\"\n                  placeholder=\"Select Business Type\"\n                  selectorList={businessTypeList}\n                  positionForShow=\"bottom\"\n                  required\n                  getValue={(value) => getValue(\"businessType\", value)}\n                  hideSelectorFilter\n                />\n                <FormError\n                  formErrorMessages={formErrorMessage}\n                  field=\"business_type\"\n                />\n              </div>\n              <p className=\"switch_label\">Please select Stamps or Points</p>\n              <div className=\"form-group\">\n                <div\n                  className={`control_switch ${\n                    accountInformation.promotionType === 2\n                      ? \"control_switch_right\"\n                      : \"\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    className={`btn_switch ${\n                      accountInformation.promotionType === 1\n                        ? \"btn_switch_active\"\n                        : \"\"\n                    }`}\n                    onClick={() =>\n                      setAccountInformation({\n                        ...accountInformation,\n                        promotionType: 1,\n                      })\n                    }\n                  >\n                    Stamps\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={`btn_switch ${\n                      accountInformation.promotionType === 2\n                        ? \"btn_switch_active\"\n                        : \"\"\n                    }`}\n                    onClick={() =>\n                      setAccountInformation({\n                        ...accountInformation,\n                        promotionType: 2,\n                      })\n                    }\n                  >\n                    Points\n                  </button>\n                </div>\n                <FormError\n                  formErrorMessages={formErrorMessage}\n                  field=\"promotion_type\"\n                />\n              </div>\n              {accountInformation.promotionType === 1 ? (\n                <>\n                  <div className=\"form-group\">\n                    <Select\n                      label=\"Select Stamp Icon Most Suited to Your Business\"\n                      placeholder=\"Select Stamp Icon\"\n                      infoTooltip=\"This stamp will appear on your loyalty card for your customers, you can see a preview on the digital card builder on the right of the screen.\"\n                      selectorList={stampIconList}\n                      positionForShow=\"bottom\"\n                      required\n                      getValue={(value, label, additional) => {\n                        const stampIconData: StampIconAdditionalData =\n                          additional as StampIconAdditionalData;\n                        const accountInformationState: AccountInformationInterface =\n                          {\n                            ...accountInformation,\n                          };\n\n                        accountInformationState.stampIcon = value;\n                        accountInformationState.stampName =\n                          stampIconData.icon_name;\n\n                        setAccountInformation(accountInformationState);\n                      }}\n                      hideSelectorFilter\n                    />\n                    <FormError\n                      formErrorMessages={formErrorMessage}\n                      field=\"stamp_icon\"\n                    />\n                  </div>\n                  <p className=\"label\">Select Loyalty Rewards Level</p>\n                  <div className=\"form-group form-group_two\">\n                    <div className=\"range_wrapper\">\n                      <Range\n                        minValue={5}\n                        maxValue={10}\n                        value={accountInformation.maxNumberPromotion}\n                        onChange={(value) => {\n                          const curValue = Const.stampList.find(\n                            (stamp) => stamp.value === value\n                          );\n                          setDefValueForNumPromotion(\n                            curValue || Const.stampList[0]\n                          );\n                          getValue(\"maxNumberPromotion\", value);\n                        }}\n                      />\n                    </div>\n                    <span className=\"or\">or</span>\n                    <div className=\"input_wrapper\">\n                      <Select\n                        infoTooltip={`A sample promotion if you are a coffee shop: Spend over €15 and receive a free donut. This can be any promotion that you can offer any customer that may visit you once, when passing through or visit you every day so keep it open!`}\n                        selectorList={Const.stampList}\n                        positionForShow=\"top\"\n                        required\n                        defaultValue={defValueForNumPromotion}\n                        getValue={(value) =>\n                          getValue(\"maxNumberPromotion\", value)\n                        }\n                        hideSelectorFilter\n                      />\n                    </div>\n                    <FormError\n                      formErrorMessages={formErrorMessage}\n                      field=\"number_promotions\"\n                    />\n                  </div>\n                  {/* <div className=\"form-group \">\n                <InputGoogleAutocomplete\n                  placeholder=\"Please enter your first location\"\n                  infoTooltip=\"A sample promotion if you are a coffee shop: Spend over €15 and receive a free donut. This can be any promotion that you can offer any customer that may visit you once, when passing through or visit you every day so keep it open!\"\n                  required\n                  getValue={(value) => getValue(\"address\", value)}\n                  getLat={(value) => getValue(\"latitude\", value)}\n                  getLng={(value) => getValue(\"longitude\", value)}\n                />\n              </div>\n              <div className=\"form-group\">\n                <label htmlFor=\"terms\" className=\"checkbox blue-checkbox\">\n                  <span className=\"checkbox-input-wrap\">\n                    <input type=\"checkbox\" id=\"terms\" required />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">\n                    Confirm you agree to Lynked&apos;s\n                    <a href=\"/\" rel=\"noreferrer\" target=\"_blank\">\n                      Terms of Business\n                    </a>\n                  </div>\n                </label>\n              </div> */}\n                  {/* <div className=\"form-group\">\n                    <Input\n                      label=\"Digital Loyalty Program\"\n                      infoTooltip=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n                      getValue={(value) => getValue(\"promotionLabel\", value)}\n                      error={formErrorMessage.promotion_label}\n                    />\n                    <FormError\n                      formErrorMessages={formErrorMessage}\n                      field=\"promotion_label\"\n                    />\n                  </div> */}\n                  <div className=\"form-group\">\n                    <Input\n                      label=\"Details\"\n                      infoTooltip=\"Enter the details of your loyalty program here, i.e. “Collect 10 stamps to receive a free coffee.\"\n                      getValue={(value) => getValue(\"rewardInformation\", value)}\n                      error={formErrorMessage.details}\n                    />\n                  </div>\n                </>\n              ) : (\n                <>\n                  <div className=\"form-group\">\n                    <Input\n                      label=\"Details\"\n                      // infoTooltip=\"Enter the details of your loyalty program here, i.e. “Collect 10 stamps to receive a free coffee.\"\n                      getValue={(value) => getValue(\"rewardInformation\", value)}\n                      error={formErrorMessage.details}\n                    />\n                  </div>\n                  <p className=\"form_title\">Let&apos;s add your reward</p>\n                  <p className=\"form_sub_title\">\n                    Please enter your points and reward for each milestone\n                    below.\n                    <br /> Please remember €1 = 1 point\n                  </p>\n                  {accountInformation.rewards?.map(\n                    (\n                      { rewardDetails, reward, dateExpire, rewardNumber , pointsAmount },\n                      i\n                    ) => (<div key={i} className=\"reward_block\">\n                        <div className=\"reward_label_wrapper\">\n                          <div className=\"reward_label\">{`Reward`}</div>\n                          {/*{i ? (*/}\n                          {/*  <CheckBox*/}\n                          {/*    label=\"Use previous reward criteria\"*/}\n                          {/*    isChecked={*/}\n                          {/*      accountInformation.rewards*/}\n                          {/*        ? (pointObjValuesToString(*/}\n                          {/*            accountInformation.rewards[i - 1]*/}\n                          {/*          ) ===*/}\n                          {/*          pointObjValuesToString(*/}\n                          {/*            accountInformation.rewards[i]*/}\n                          {/*          ))*/}\n                          {/*        : false*/}\n                          {/*    }*/}\n                          {/*    onChange={(isChecked) => {*/}\n                          {/*      const newInfo = {*/}\n                          {/*        ...accountInformation*/}\n                          {/*      };*/}\n                          {/*      */}\n                          {/*      if (isChecked) {*/}\n                          {/*        if (newInfo.rewards) {*/}\n                          {/*          */}\n                          {/*          newInfo.rewards[i] = structuredClone(newInfo.rewards[i - 1]);*/}\n                          {/*          */}\n                          {/*          setAccountInformation(newInfo);*/}\n                          {/*        }*/}\n                          {/*      } else {*/}\n                          {/*        if (newInfo.rewards) {*/}\n                          {/*          newInfo.rewards[i] = {*/}\n                          {/*            ...newInfo.rewards[i],*/}\n                          {/*            pointsAmount: 0,*/}\n                          {/*            reward: \"\",*/}\n                          {/*            rewardNumber: 0,*/}\n                          {/*            rewardDetails: \"\",*/}\n                          {/*            dateExpire: 0,*/}\n                          {/*            activateAfter: 0*/}\n                          {/*          };*/}\n                          {/*        }*/}\n                          {/*        setAccountInformation(newInfo);*/}\n                          {/*      }*/}\n                          {/*    }}*/}\n                          {/*  />*/}\n                          {/*) : null}*/}\n                        </div>\n                        <div className=\"reward_inputs\">\n                          <Input\n                            required\n                            type=\"number\"\n                            label=\"Points amount\"\n                            infoTooltip={`When a customer receives this number of points they will be entitled to a reward. Note. Lynked points are accumulated as €1 = 1 point. Keep in mind your typical transaction values related to your business when setting your points limit. This can be changed in your dashboard. You can increase the points amount from reward 1-5 to entice customers to spend more and reach the next reward level.`}\n                            getValue={(value) => {\n                              const newInfo = {...accountInformation};\n                              if (newInfo.rewards) {\n                                newInfo.rewards[i].pointsAmount = +value;\n                                setAccountInformation(newInfo);\n                              }\n                            }}\n                            error={\n                              formErrorMessage?.points\n                                ? formErrorMessage?.points[i].pointsAmount\n                                : null\n                            }\n                            defaultValue={pointsAmount}\n                          />\n                          <Input\n                            required\n                            label=\"Reward Number\"\n                            infoTooltip={`Enter a number value only if you are integrating your e-commerce store, e.g. “5“ this represents a “€5 discount“.`}\n                            getValue={(value) => {\n                              const newInfo = {...accountInformation};\n                              if (newInfo.rewards) {\n                                newInfo.rewards[i].rewardNumber = value;\n                                setAccountInformation(newInfo);\n                              }\n                            }}\n                            defaultValue={`${rewardNumber}`}\n                            error={\n                              formErrorMessage?.points\n                                ? formErrorMessage?.points[i].rewardNumber\n                                : null\n                            }\n                            type={'number'}\n                          />\n                          <Input\n                            required\n                            label=\"Reward Label\"\n                            // infoTooltip=\"Enter a number value only if you are integrating your e-commerce store, e.g. “5“ this represents a “€5 discount“.\"\n                            getValue={(value) => {\n                              const newInfo = {...accountInformation};\n                              if (newInfo.rewards) {\n                                newInfo.rewards[i].reward = value;\n                                setAccountInformation(newInfo);\n                              }\n                            }}\n                            defaultValue={reward}\n                          />\n                          <Input\n                            required\n                            label=\"Reward Details\"\n                            infoTooltip={`Enter the details of your loyalty program here, i.e. “Collect 100 points to receive a €5 discount.`}\n                            getValue={(value) => {\n                              const newInfo = {...accountInformation};\n                              if (newInfo.rewards) {\n                                newInfo.rewards[i].rewardDetails = value;\n                                setAccountInformation(newInfo);\n                              }\n                            }}\n                            defaultValue={rewardDetails}\n                            error={\n                              formErrorMessage?.points\n                                ? formErrorMessage?.points[i].rewardDetails\n                                : null\n                            }\n                          />\n                          <Select\n                            selectorList={activateDaysList}\n                            positionForShow=\"bottom\"\n                            label=\"Voucher Activation\"\n                            defaultValue={activateDaysList[accountInformation?.rewards?.[i].activateAfter ? accountInformation.rewards[i].activateAfter - 1 : 0]}\n                            required\n                            hideSelectorFilter\n                            getValue={(value) => {\n                              const newInfo = {...accountInformation};\n                              \n                              if (newInfo.rewards) {\n                                newInfo.rewards[i].activateAfter = +value;\n                                setAccountInformation(newInfo);\n                              }\n                            }}\n                          />\n                          <div className=\"reward_expired\">\n                            <CheckBox\n                              label=\"Expires After\"\n                              isChecked={\n                                openExpireDateReward.includes(i) || !!dateExpire\n                              }\n                              onChange={(isChecked) => {\n                                setOpenExpireDateReward((currValues) => {\n                                  if (isChecked) {\n                                    if (currValues.includes(i)) {\n                                      return currValues;\n                                    }\n                                    const newInfo = {...accountInformation};\n                                    if (newInfo.rewards) {\n                                      newInfo.rewards[i].dateExpire = 30;\n                                      setAccountInformation(newInfo);\n                                    }\n                                    return [...currValues, i];\n                                  }\n                                  const newInfo = {...accountInformation};\n                                  if (newInfo.rewards) {\n                                    newInfo.rewards[i].dateExpire = 0;\n                                    setAccountInformation(newInfo);\n                                  }\n                                  return currValues.filter((key) => key !== i);\n                                });\n                              }}\n                            />\n                            {openExpireDateReward.includes(i) ||\n                            !!dateExpire ? (\n                              // <Select\n                              //   selectorList={Const.EXPIRE_REWARD_LIST}\n                              //   placeholder=\"Select Expire Date\"\n                              //   positionForShow=\"bottom\"\n                              //   defaultValue={{\n                              //     value: accountInformation.rewards\n                              //       ? accountInformation.rewards[i].dateExpire\n                              //       : \"\",\n                              //     label: accountInformation.rewards\n                              //       ? accountInformation?.rewards[\n                              //           i\n                              //         ].dateExpire.toString()\n                              //       : \"\",\n                              //   }}\n                              //   required\n                              //   getValue={(value) => {\n                              //     const newInfo = { ...accountInformation };\n                              //     if (newInfo.rewards) {\n                              //       newInfo.rewards[i].dateExpire = +value;\n                              //       setAccountInformation(newInfo);\n                              //     }\n                              //   }}\n                              //   hideSelectorFilter\n                              // />\n                              <DaysWrapperDiv>\n                                <Input\n                                  type=\"number\"\n                                  placeholder=\"Enter Expire Date\"\n                                  required\n                                  defaultValue={dateExpire}\n                                  infoTooltip=\"If you would like rewards earned by your customers to expire after a certain number of days tick this box. Please enter the number of days between earning the reward, and reward expiry, here.\"\n                                  getValue={(value) => setInputValue(value, i)}\n                                />\n                                {accountInformation?.rewards?.[i].dateExpire ? <SpanInputText>days</SpanInputText> : null}\n                              </DaysWrapperDiv>\n                            \n                            ) : null}\n                          </div>\n                        </div>\n                      </div>\n                    )\n                    )}\n                </>\n              )}\n              <div className=\"form-group\">\n                <label htmlFor=\"terms\" className=\"checkbox blue-checkbox\">\n                  <span className=\"checkbox-input-wrap\">\n                    <input type=\"checkbox\" id=\"terms\" required/>\n                    <span className=\"checkbox-view\"/>\n                  </span>\n                  <div className=\"text\">\n                    I agree to\n                    <span> </span>\n                    <a\n                      href=\"https://lynkedloyalty.com/terms-and-conditions/\"\n                      rel=\"noreferrer\"\n                      target=\"_blank\"\n                      className=\"checkbox_links\"\n                    >\n                      Terms of Business\n                    </a>\n                    <span> </span>\n                    and\n                    <span> </span>\n                    <a\n                      href=\"https://lynkedloyalty.com/privacy-policy/\"\n                      rel=\"noreferrer\"\n                      target=\"_blank\"\n                      className=\"checkbox_links\"\n                    >\n                      Privacy Policy\n                    </a>\n                  </div>\n                </label>\n              </div>\n              <FormError formErrorMessages={formErrorMessage} field=\"token\"/>\n              <button type=\"submit\" className=\"btn-blue\">\n                Continue\n              </button>\n            </div>\n          </form>\n        </div>\n        <div className=\"build_card_right\">\n          <p className=\"switch_label\">\n            What your card looks like to customers...\n          </p>\n          <Card\n            acceptedFiles={acceptedFiles}\n            accountInformation={accountInformation}\n            cardClosed={cardClosed}\n            setCardClosed={setCardClosed}\n            points_info={{\n              reward: accountInformation.rewards\n                ? accountInformation.rewards[0].reward\n                : \"0\",\n              points: accountInformation.rewards\n                ? accountInformation.rewards[0].pointsAmount\n                : \"0\",\n              maxPoints: accountInformation.rewards\n                ? accountInformation.rewards[0].pointsAmount\n                : \"0\",\n            }}\n          />\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationBuildYourCard;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  padding: 40px 40px 40px 100px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  @media (max-width: 1200px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 15px;\n  }\n\n  .registration_locations {\n    margin: auto 0;\n    width: 100%;\n  }\n  .location_title {\n    font-size: 48px;\n    font-weight: 500;\n    line-height: 61px;\n    margin-bottom: 10px;\n\n    @media (max-width: 768px) {\n      font-size: 30px;\n      line-height: 40px;\n    }\n  }\n  .location_text {\n    font-size: 16px;\n    font-weight: 300;\n    opacity: 0.6;\n    line-height: 24px;\n    max-width: 470px;\n    margin-bottom: 25px;\n  }\n  .location_form {\n    .form_group {\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n      .phone-wrap {\n        width: 400px;\n        @media (max-width: 700px) {\n          width: 100%;\n        }\n      }\n    }\n    .two_items {\n      display: flex;\n      gap: 20px;\n      //align-items: center;\n      & > div {\n        width: 400px;\n      }\n\n      @media (max-width: 700px) {\n        flex-wrap: wrap;\n        & > div {\n          width: 100%;\n        }\n      }\n    }\n    .btn-blue {\n      max-width: 200px;\n    }\n  }\n  .lynked-form {\n    position: relative;\n    .form-error-message {\n      margin-top: 5px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { useEffect, useState } from \"react\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\n\nimport InputGoogleAutocomplete from \"src/components/InputGoogleAutocomplete\";\nimport Input from \"src/components/Input\";\n\nimport { Wrapper } from \"./styled\";\nimport { getPlaceName, createFirstLocation } from \"./api\";\n\nconst RegistrationLocations: React.FC<{\n  accountInformationToken: string | null;\n  goToStep: (step: number) => void;\n}> = ({ accountInformationToken, goToStep }) => {\n  const [formErrorMessage, setFormErrorMessage] = useState<any>({});\n  const [isLoading, setIsLoading] = React.useState<boolean>(false);\n\n  const [locations, setLocations] = useState<\n    {\n      id: number;\n      address: string;\n      latitude: number;\n      longitude: number;\n      location_name: string;\n      phone: string;\n    }[]\n  >([\n    {\n      id: 1,\n      address: \"\",\n      location_name: \"\",\n      latitude: NaN,\n      longitude: NaN,\n      phone: \"\",\n    },\n  ]);\n  const setValue = (type: string, value: any, id: number) => {\n    setFormErrorMessage({});\n    setLocations((prevLocations) =>\n      prevLocations.map((location) =>\n        location.id === id\n          ? {\n              ...location,\n              [type]: value,\n            }\n          : location\n      )\n    );\n  };\n\n  const [placeName, setPlaceName] = useState<string>();\n\n  useEffect(() => {\n    if (accountInformationToken && !placeName) {\n      getPlaceName(accountInformationToken).then((response) => {\n        setPlaceName(response.data.name);\n      });\n    }\n  });\n  const handleSubmit = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (accountInformationToken) {\n      setIsLoading(true);\n      createFirstLocation(locations[0], accountInformationToken)\n        .then(() => {\n          setIsLoading(false);\n          goToStep(9);\n        })\n        .catch((error) => {\n          setIsLoading(false);\n          setFormErrorMessage(error.data.errors);\n        });\n    }\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"registration_locations\">\n        <h1 className=\"location_title\">Your Business Locations</h1>\n        <p className=\"location_text\">\n          Please Enter Your First Business Location to start using Lynked.\n        </p>\n        <form\n          onSubmit={handleSubmit}\n          className={`location_form lynked-form ${\n            isLoading ? \"loading-blue\" : \"\"\n          }`}\n        >\n          {locations.map((location) => (\n            <div key={location.id} className=\"form_group two_items\">\n              <div className=\"autocomplete_wrapper\">\n                <InputGoogleAutocomplete\n                  label=\"Add your first location\"\n                  placeholder=\"Please enter location\"\n                  infoTooltip=\"Enter the address of your business premises, this will allow Lynked app users find you via the in-app map, and help grow your customer base\"\n                  required\n                  getValue={(value) => setValue(\"address\", value, location.id)}\n                  getLat={(value) => setValue(\"latitude\", value, location.id)}\n                  getLng={(value) => setValue(\"longitude\", value, location.id)}\n                />\n                {formErrorMessage?.address ? (\n                  <div className=\"form-error-message\">\n                    {formErrorMessage.address}\n                  </div>\n                ) : null}\n                {formErrorMessage?.latitude ? (\n                  <div className=\"form-error-message\">\n                    {formErrorMessage.latitude}\n                  </div>\n                ) : null}\n                {formErrorMessage?.longitude ? (\n                  <div className=\"form-error-message\">\n                    {formErrorMessage.longitude}\n                  </div>\n                ) : null}\n              </div>\n              <div className=\"input_wrapper\">\n                <Input\n                  label=\"Location Name\"\n                  infoTooltip=\"Please enter the name of your location at this address. i.e. “Lynked Grafton Street“\"\n                  defaultValue={location.location_name}\n                  placeholder={placeName}\n                  getValue={(value) =>\n                    setValue(\"location_name\", value, location.id)\n                  }\n                  error={formErrorMessage.location_name}\n                />\n              </div>\n              <div className=\"phone-wrap\">\n                <p className=\"phone_input_label\">Phone number</p>\n                <PhoneInput\n                  containerClass=\"input-phone\"\n                  country=\"us\"\n                  inputProps={{\n                    name: \"phoneNumber\",\n                    required: true,\n                    minLength: 6,\n                  }}\n                  onChange={(value) => {\n                    setValue(\"phone\", value, location.id);\n                  }}\n                />\n              </div>\n            </div>\n          ))}\n          {formErrorMessage?.token ? (\n            <div className=\"form-error-message\">{formErrorMessage.token}</div>\n          ) : null}\n          <button type=\"submit\" className=\"btn-blue\">\n            Continue\n          </button>\n        </form>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationLocations;\n","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgDirectionRight(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M12.71 2.29L21.71 11.29C22.1 11.69 22.1 12.32 21.71 12.7L12.71 21.7C12.32 22.09 11.69 22.09 11.3 21.7L2.30001 12.7C1.91001 12.31 1.91001 11.68 2.30001 11.29L11.3 2.29C11.69 1.9 12.32 1.9 12.71 2.29ZM14 12V14.5L17.15 11.36C17.35 11.16 17.35 10.85 17.15 10.65L14 7.5V10H9.00001C8.45001 10 8.00001 10.45 8.00001 11V14C8.00001 14.55 8.45001 15 9.00001 15C9.55001 15 10 14.55 10 14V12H14Z\",\n    fill: \"url(#paint0_linear_0_2648)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_0_2648\",\n    x1: 23.4614,\n    y1: 25.2829,\n    x2: 23.4614,\n    y2: 2.3755,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDirectionRight);\nexport default __webpack_public_path__ + \"static/media/direction_right.8498018d.svg\";\nexport { ForwardRef as ReactComponent };","import axios from \"../../../../api/api\";\n\nexport const getPlaceName = (accountInformationToken: string): Promise<any> =>\n  axios\n    .get(\"/public/place-name\", {\n      params: { token: accountInformationToken },\n    })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createFirstLocation = (\n  location: any,\n  accountInformationToken: string\n): Promise<any> => {\n  const requestFormData = new FormData();\n  requestFormData.append(\"address\", location.address);\n  requestFormData.append(\"latitude\", location.latitude);\n  requestFormData.append(\"longitude\", location.longitude);\n  requestFormData.append(\"location_name\", location.location_name);\n  requestFormData.append(\"token\", accountInformationToken);\n  requestFormData.append(\"phone_number\", location.phone);\n\n  return axios\n    .post(\"/public/create-locations\", requestFormData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgInfoGrad(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7ZM11.8 11C11.3582 11 11 11.3582 11 11.8V16.2C11 16.6418 11.3582 17 11.8 17H12.2C12.6418 17 13 16.6418 13 16.2V11.8C13 11.3582 12.6418 11 12.2 11H11.8ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z\",\n    fill: \"url(#paint0_linear_0_2662)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_0_2662\",\n    x1: 23.4593,\n    y1: 25.2912,\n    x2: 23.4593,\n    y2: 2.3781,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgInfoGrad);\nexport default __webpack_public_path__ + \"static/media/info_grad.2d2c919b.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgIosShareGrad(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M13 15C13 15.55 12.55 16 12 16C11.45 16 11 15.55 11 15V5.00001H9.21C8.76 5.00001 8.54 4.46001 8.85 4.15001L11.64 1.36001C11.84 1.16001 12.15 1.16001 12.35 1.36001L15.14 4.15001C15.46 4.46001 15.24 5.00001 14.79 5.00001H13V15ZM16 8.00001H18C19.1 8.00001 20 8.90001 20 10V21C20 22.1 19.1 23 18 23H6C4.9 23 4 22.1 4 21V10C4 8.90001 4.9 8.00001 6 8.00001H8C8.55 8.00001 9 8.45001 9 9.00001C9 9.55001 8.55 10 8 10H6V21H18V10H16C15.45 10 15 9.55001 15 9.00001C15 8.45001 15.45 8.00001 16 8.00001Z\",\n    fill: \"url(#paint0_linear_0_2653)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_0_2653\",\n    x1: 21.1674,\n    y1: 26.5857,\n    x2: 21.1674,\n    y2: 1.62194,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    stopColor: \"#515CDD\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 1,\n    stopColor: \"#3FB1FF\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgIosShareGrad);\nexport default __webpack_public_path__ + \"static/media/ios_share_grad.724dea80.svg\";\nexport { ForwardRef as ReactComponent };","import styled, { keyframes } from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nconst Wrapper = styled.div`\n  flex-grow: 1;\n  max-height: inherit;\n  overflow-y: auto;\n  display: flex;\n  padding: 50px 40px 100px 100px;\n  color: ${Color.blueDarkText};\n  background-color: rgba(0, 13, 70, 0.03);\n\n  @media (max-width: 1200px) {\n    padding: 40px 30px 40px 50px;\n  }\n  @media (max-width: 600px) {\n    padding: 40px 10px;\n  }\n\n  .registration_promotion {\n    margin: auto 0;\n    width: 100%;\n    .btn-blue {\n      max-width: 300px;\n      font-weight: 300;\n    }\n\n    .dropZone {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      margin-bottom: 40px;\n\n      & > div {\n        position: relative;\n        height: 100%;\n        border: 1.5px dashed ${Color.blueDarkText};\n        border-radius: 4px;\n        background-color: rgba(255, 255, 255, 0.09);\n        outline: none;\n        padding: 30px;\n        cursor: pointer;\n        transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n        &.active_true {\n          border-color: ${Color.blueDarkText};\n          box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n        }\n\n        input {\n          max-width: 100%;\n          display: block !important;\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          left: 0;\n          margin: auto;\n          opacity: 0;\n          z-index: -1;\n        }\n\n        & > div {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          height: 100%;\n\n          & > svg {\n            margin-bottom: 5px;\n            animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1)\n              infinite;\n            path:last-child {\n              fill: ${Color.blueDarkText};\n            }\n          }\n\n          .text {\n            color: ${Color.blueDarkText};\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            span {\n              margin-bottom: 5px;\n            }\n            .title {\n              font-size: 18px;\n              font-weight: 300;\n              line-height: 23px;\n            }\n            .description {\n              opacity: 0.6;\n              font-size: 12px;\n              font-weight: 300;\n              line-height: 15px;\n            }\n            .file-name {\n              font-size: 21px;\n              font-weight: 300;\n              line-height: 23px;\n            }\n          }\n        }\n      }\n    }\n\n    .control_switch {\n      position: relative;\n      display: flex;\n      align-items: center;\n      max-width: 480px;\n      padding: 2px;\n      margin-bottom: 30px;\n      border: 1px solid #e4e4e4;\n      border-radius: 4px;\n      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n      background-color: white;\n      overflow: hidden;\n      &::before {\n        content: \"\";\n        position: absolute;\n        top: 2px;\n        left: 2px;\n        width: 48.5%;\n        height: 90%;\n        background: linear-gradient(\n          0deg,\n          ${Color.gradientFreeCardFrom} -16.46%,\n          ${Color.gradientFreeCardTo} 98.11%\n        );\n        border-radius: 4px;\n        transition: left 0.3s ease;\n      }\n      &_right {\n        &::before {\n          left: 51%;\n          transition: left 0.3s ease;\n        }\n      }\n    }\n    .btn_switch {\n      width: 50%;\n      font-size: 16px;\n      font-weight: 300;\n      letter-spacing: 0;\n      line-height: 20px;\n      color: ${Color.greyLight};\n      padding: 9px 1px;\n      z-index: 2;\n      transition: color 0.3s ease;\n      background-color: transparent;\n      &_active {\n        color: ${Color.white};\n      }\n      @media (max-width: 500px) {\n        font-size: 14px;\n      }\n    }\n  }\n  .promotion_title {\n    font-size: 48px;\n    font-weight: 500;\n    line-height: 61px;\n    margin-bottom: 10px;\n\n    @media (max-width: 768px) {\n      font-size: 30px;\n      line-height: 40px;\n    }\n  }\n  .promotion_text {\n    font-size: 16px;\n    font-weight: 300;\n    opacity: 0.6;\n    line-height: 24px;\n    max-width: 600px;\n    margin-bottom: 30px;\n  }\n  /* .promotion_form {\n    .form_group {\n      margin-bottom: 30px;\n    }\n    .btn-blue {\n      max-width: 200px;\n    }\n  } */\n  .setup_text {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 23px;\n    margin-bottom: 20px;\n  }\n  .toggle_wrapper {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease;\n    &_open {\n      overflow: visible;\n      max-height: 100px;\n      transition: max-height 0.4s ease-in;\n    }\n  }\n  .promotion_wrapper {\n    position: relative;\n    display: flex;\n    gap: 40px;\n    margin-top: 40px;\n    padding: 8px;\n\n    .promotion_left {\n      flex-basis: 60%;\n      border-right: 1px solid #d8d8d8;\n      padding-right: 40px;\n\n      .promotion_form {\n        .form-group {\n          margin-bottom: 30px;\n          & > div:first-child {\n            .react-datepicker-wrapper {\n              display: block;\n              input {\n                width: 100%;\n                box-sizing: border-box;\n              }\n            }\n          }\n        }\n      }\n    }\n    .promotion_right {\n      flex-basis: 45%;\n      .sticky_wrapper {\n        position: sticky;\n        top: -30px;\n      }\n      .look_text {\n        font-size: 15px;\n        font-weight: 500;\n        line-height: 19px;\n        margin-bottom: 13px;\n      }\n      .promotion_card_look {\n        max-width: 300px;\n        border-radius: 4px;\n        overflow: hidden;\n        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);\n        .img_wrapper {\n          position: relative;\n          max-width: 320px;\n          height: 150px;\n          .img_look {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n          }\n          .promotion_deal_text {\n            position: absolute;\n            top: 12px;\n            left: 15px;\n            font-size: 12px;\n            line-height: 12px;\n            color: ${Color.white};\n            background-color: ${Color.blue};\n            padding: 4px 10px;\n            border-radius: 2px;\n          }\n        }\n        .card_bottom {\n          position: relative;\n          padding: 35px 20px 20px;\n          .company_logo_wrapper {\n            position: absolute;\n            top: -34px;\n            left: 15px;\n            width: 50px;\n            height: 50px;\n            border: 8px solid white;\n            border-radius: 50%;\n            overflow: hidden;\n            & > img {\n              width: 100%;\n              height: 100%;\n              object-fit: cover;\n            }\n          }\n          .company_info_wrap {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 4px;\n            .info_bold {\n              font-size: 16px;\n              font-weight: 500;\n              line-height: 20px;\n              margin-bottom: 4px;\n            }\n            .company_info_left {\n              .company_location {\n                font-size: 11px;\n                font-weight: 500;\n                line-height: 14px;\n                color: ${Color.greyMedium};\n              }\n            }\n            .company_info_right {\n              text-align: right;\n              .company_open {\n                font-size: 11px;\n                font-weight: 500;\n                line-height: 14px;\n                color: ${Color.green};\n              }\n            }\n          }\n          .card_bottom_wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n          }\n          .icon_wrapper {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            * {\n              margin-right: 8px;\n              width: 22px;\n              height: 22px;\n            }\n          }\n          .small_button {\n            width: 100px;\n            font-size: 14px;\n            padding: 4px 6px;\n          }\n          .gift_info_wrap {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            margin-bottom: 3px;\n          }\n          .offer_title {\n            font-size: 12px;\n            font-weight: 500;\n            line-height: 14px;\n            color: ${Color.greyMedium};\n            margin-right: 6px;\n          }\n          .offer_term_text {\n            font-size: 12px;\n            font-weight: 400;\n            line-height: 14px;\n            color: \"000000\";\n          }\n        }\n      }\n    }\n    @media (max-width: 1100px) {\n      flex-wrap: wrap;\n      margin-top: 20px;\n      .promotion_left {\n        flex-basis: 100%;\n        border-right: none;\n        padding: 0px;\n        order: 2;\n      }\n      .promotion_right {\n        flex-basis: 100%;\n      }\n      .promotion_card_look {\n        margin: 0 auto;\n      }\n    }\n  }\n  .lynked-form {\n    .form-error-message {\n      margin-top: 5px;\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React from \"react\";\nimport {\n  // DropEvent,\n  // DropzoneOptions,\n  // FileRejection,\n  useDropzone,\n} from \"react-dropzone\";\n\nimport { ReactComponent as UploadIcon } from \"../../../../assets/img/upload.svg\";\n\nconst DropZone: React.FC<{\n  onDrop: (event: any) => void;\n}> = ({ onDrop }) => {\n  const { acceptedFiles, isDragActive, getRootProps, getInputProps } =\n    useDropzone({\n      accept: ['image/jpeg', 'image/jpg', 'image/png'],\n      multiple: false,\n      onDrop,\n    });\n\n  return (\n  <div {...getRootProps()} className={`active_${isDragActive}`}> {/*eslint-disable-line*/}\n    <input {...getInputProps()} required/> {/*eslint-disable-line*/}\n      <div>\n        <UploadIcon />\n        {acceptedFiles.length ? (\n          <span className=\"text\">\n            <span className=\"file-name\">{acceptedFiles[0].name}</span>\n          </span>\n        ) : (\n          <span className=\"text\">\n            <span className=\"title\">Please upload your Cover Image</span>\n            <span className=\"description\">\n              (reccomended size is 1920 x 1080 px)\n            </span>\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default DropZone;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport React, { useState, useEffect } from \"react\";\n// import { useDropzone } from \"react-dropzone\";\n// import { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\n\nimport { getPromotionsCategoriesAxios } from \"src/api/promotion\";\nimport Input from \"src/components/Input\";\n// import Select from \"src/components/Select\";\n// import Calendar from \"src/components/Calendar\";\n// import { SetupPromotionInterface } from \"src/types/registration\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport { ReactComponent as DirectionRightIcon } from \"src/assets/img/direction_right.svg\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info_grad.svg\";\nimport { ReactComponent as ShareIcon } from \"src/assets/img/ios_share_grad.svg\";\n// import { ReactComponent as UploadIcon } from \"src/assets/img/upload.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport DropZone from \"./DropZone\";\nimport {\n  welcomePromotionSubmit,\n  getPlaceLogo,\n  welcomePromotionSubmitWithoutGift,\n} from \"./api\";\n// import workHours from \"./const\";\nimport WorkTime from \"../../../../components/WorkTime/WorkTime\";\n\nconst RegistrationWelcomePromotion: React.FC<{\n  accountInformationToken: string | null;\n}> = ({ accountInformationToken }) => {\n  const [formErrorMessage, setFormErrorMessage] = useState<any>({});\n  const [isLoading, setIsLoading] = React.useState<boolean>(false);\n\n  const [workingTime, setWorkingTime] = useState<any>({\n    monday: {\n      label: \"Monday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    tuesday: {\n      label: \"Tuesday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    wednesday: {\n      label: \"Wednesday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    thursday: {\n      label: \"Thursday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    friday: {\n      label: \"Friday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    saturday: {\n      label: \"Saturday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n    sunday: {\n      label: \"Sunday\",\n      allDay: true,\n      isOpen: true,\n      from: \"\",\n      to: \"\",\n    },\n  });\n\n  const [setupPromotion, setSetupPromotion] = useState<{\n    // promotionDealId: number | null;\n    promotionName: string;\n    promotionDetails: string;\n    setupWelcomePromotion: boolean;\n    openTime: string | null;\n    closeTime: string | null;\n  }>({\n    // promotionDealId: null,\n    promotionName: \"\",\n    promotionDetails: \"\",\n    setupWelcomePromotion: true,\n    openTime: null,\n    closeTime: null,\n  });\n\n  const getValue = (type: string, value: any) => {\n    setFormErrorMessage({});\n    setSetupPromotion((prevInfo) => {\n      return { ...prevInfo, [type]: value };\n    });\n  };\n\n  const [promotionDeal, setPromotionDeal] = React.useState<\n    [\n      {\n        value: string | number;\n        label: string;\n      }\n    ]\n  >([\n    {\n      value: \"\",\n      label: \"\",\n    },\n  ]);\n\n  const [coverFile, setCoverFile] = React.useState<File[]>();\n\n  const [defaultFields, setDefaultFields] = useState<{\n    welcomePromotionLogo: string;\n    defaultAddress: string;\n    details: string;\n    locationName: string;\n    type: string | number;\n  }>({\n    welcomePromotionLogo: \"\",\n    defaultAddress: \"\",\n    details: \"\",\n    locationName: \"\",\n    type: 0,\n  });\n\n  const getPlaceInfo = () => {\n    getPlaceLogo(accountInformationToken!).then(({ data }) => {\n      setDefaultFields({\n        welcomePromotionLogo: data.logo,\n        defaultAddress: data.default_address,\n        details: data.details,\n        locationName: data.locationName,\n        type: data.type,\n      });\n    });\n  };\n\n  // const [currPromoDeal, setCurrPromoDeal] = useState<string>(\"\");\n\n  // const onDrop = (acceptedFiles: any) => {\n  // const onDrop = () => {\n  //   setAdditionalInformation({\n  //     ...additionalInformation,\n  //     logo: acceptedFiles[0],\n  //   });\n  // };\n\n  // const {\n  //   acceptedFiles,\n  //   isDragActive,\n  //   getRootProps,\n  //   getInputProps,\n  // } = useDropzone({\n  //   accept: \"image/*\",\n  //   multiple: false,\n  //   onDrop,\n  // });\n\n  const handleAccountInformation = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (accountInformationToken && coverFile) {\n      setIsLoading(true);\n      welcomePromotionSubmit(\n        { ...setupPromotion },\n        accountInformationToken,\n        coverFile,\n        workingTime\n      )\n        .then(() => {\n          setIsLoading(false);\n          window.location.href = \"/login\";\n        })\n        .catch((error) => {\n          setIsLoading(false);\n          setFormErrorMessage(error.data.errors);\n        });\n    }\n    // setAdditionalInformationRegistration(additionalInformation);\n  };\n\n  const handleAccountInformationWOGift = (event: React.FormEvent) => {\n    event.preventDefault();\n    setIsLoading(true);\n    welcomePromotionSubmitWithoutGift(\n      accountInformationToken ?? \"\",\n      coverFile!,\n      workingTime\n    )\n      .then(() => {\n        window.location.href = \"/login\";\n      })\n      .finally(() => setIsLoading(false));\n  };\n\n  const getPromotionDealList = () => {\n    if (promotionDeal.length === 1) {\n      getPromotionsCategoriesAxios().then((response) => {\n        const arr: any = [];\n        response.data.promotion_details.map((item: any) =>\n          arr.push({\n            value: item.id,\n            label: item.name,\n          })\n        );\n        setPromotionDeal(arr);\n      });\n    }\n  };\n\n  useEffect(() => {\n    getPromotionDealList();\n    getPlaceInfo();\n  }, []);//eslint-disable-line\n\n  return (\n    <Wrapper>\n      <form\n        className=\"registration_promotion\"\n        onSubmit={\n          setupPromotion.setupWelcomePromotion\n            ? handleAccountInformation\n            : handleAccountInformationWOGift\n        }\n      >\n        <h1 className=\"promotion_title\">Create a Welcome Gift</h1>\n        <p className=\"promotion_text\">\n          Create a welcome gift to attract customers in your area. This is a\n          good way to attract new customers into your business and upsell other\n          products and services, once they visit they are now enrolled in your\n          Loyalty Program which increases the potential of repeat spending and\n          increases revenue.\n        </p>\n        <div className={`promotion_wrapper ${isLoading ? \"loading-blue\" : \"\"}`}>\n          <div className=\"promotion_left\">\n            <div className=\"form-group\">\n              <div className=\"dropZone\">\n                <DropZone onDrop={setCoverFile} />\n              </div>\n              {formErrorMessage?.coverImage ? (\n                <div className=\"form-error-message\">\n                  {formErrorMessage.coverImage}\n                </div>\n              ) : null}\n            </div>\n            <WorkTime\n              workingTimeProp={workingTime}\n              formErrorMessage={formErrorMessage}\n              setWorkingTimeProp={setWorkingTime}\n            />\n            <p className=\"setup_text\">\n              Would you like to setup a welcome gift?\n            </p>\n            <div\n              className={`control_switch ${\n                !setupPromotion.setupWelcomePromotion\n                  ? \"control_switch_right\"\n                  : \"\"\n              }`}\n            >\n              <button\n                type=\"button\"\n                className={`btn_switch ${\n                  setupPromotion.setupWelcomePromotion\n                    ? \"btn_switch_active\"\n                    : \"\"\n                }`}\n                onClick={() => getValue(\"setupWelcomePromotion\", true)}\n              >\n                Yes (I want more customers)\n              </button>\n              <button\n                type=\"button\"\n                className={`btn_switch ${\n                  !setupPromotion.setupWelcomePromotion\n                    ? \"btn_switch_active\"\n                    : \"\"\n                }`}\n                onClick={() => getValue(\"setupWelcomePromotion\", false)}\n              >\n                No (I can setup later)\n              </button>\n            </div>\n            <div\n              className={`toggle_wrapper ${\n                setupPromotion.setupWelcomePromotion\n                  ? \"toggle_wrapper_open\"\n                  : \"\"\n              }`}\n            >\n              <div className=\"promotion_form lynked-form\">\n                {/* <div className=\"form-group\">\n                  <div className=\"dropZone\">\n                    <DropZone onDrop={setCoverFile} />\n                  </div>\n                  {formErrorMessage?.coverImage ? (\n                    <div className=\"form-error-message\">\n                      {formErrorMessage.coverImage}\n                    </div>\n                  ) : null}\n                </div> */}\n                {/* <div className=\"form-group\">\n                  <Input\n                    label=\"Welcome Gift Name\"\n                    getValue={(value) => getValue(\"promotionName\", value)}\n                    // infoTooltip=\"A sample promotion if you are a coffee shop: Spend over €15 and receive a free donut. This can be any promotion that you can offer any customer that may visit you once, when passing through or visit you every day so keep it open!\"\n                    error={formErrorMessage.name}\n                  />\n                </div> */}\n                <div className=\"form-group\">\n                  <Input\n                    label=\"Welcome Gift\"\n                    infoTooltip=\"A welcome gift is a one-time offer that enables you to attract Lynked app users into your business for their first transaction. This is a useful means of attracting new customers who will then repeat shop with you. For example, “Free coffee with your first Lynked stamp”\"\n                    getValue={(value) => {\n                      getValue(\"promotionDetails\", value);\n                    }}\n                    defaultValue={setupPromotion.promotionDetails}\n                    error={formErrorMessage.promotionDetails}\n                  />\n                </div>\n                {/* <div className=\"form-group\">\n                  <Select\n                    label=\"Type of Deal\"\n                    selectorList={promotionDeal}\n                    positionForShow=\"top\"\n                    required\n                    getValue={(value) => {\n                      getValue(\"promotionDealId\", value);\n                      // setCurrPromoDeal(label);\n                    }}\n                    hideSelectorFilter\n                  />\n                  {formErrorMessage?.deal_id ? (\n                    <div className=\"form-error-message\">\n                      {formErrorMessage.deal_id}\n                    </div>\n                  ) : null}\n                </div> */}\n                {formErrorMessage?.token ? (\n                  <div className=\"form-error-message\">\n                    {formErrorMessage.token}\n                  </div>\n                ) : null}\n                <button type=\"submit\" className=\"btn-blue\">\n                  Create Promotion and Log In\n                </button>\n              </div>\n            </div>\n          </div>\n          <div className=\"promotion_right\">\n            <div className=\"sticky_wrapper\">\n              <p className=\"look_text\">What your Welcome Gift looks like</p>\n              <div className=\"promotion_card_look\">\n                <div className=\"img_wrapper\">\n                  <img\n                    src={\n                      coverFile && coverFile.length\n                        ? URL.createObjectURL(coverFile[0])\n                        : userDefaultImg\n                    }\n                    className=\"img_look\"\n                    alt=\"icon\"\n                  />\n                  {/* {!currPromoDeal || currPromoDeal === \"No Deal\" ? null : (\n                    <span className=\"promotion_deal_text\">{currPromoDeal}</span>\n                  )} */}\n                </div>\n                <div className=\"card_bottom\">\n                  <div className=\"company_logo_wrapper\">\n                    <img\n                      src={defaultFields.welcomePromotionLogo}\n                      alt=\"business\"\n                    />\n                  </div>\n                  <div className=\"company_info_wrap\">\n                    <div className=\"company_info_left\">\n                      <p className=\"info_bold\">{defaultFields.locationName}</p>\n                      {/* <p className=\"company_location\">\n                        {defaultFields.defaultAddress}\n                      </p> */}\n                      <div className=\"gift_info_wrap\">\n                        <p className=\"offer_title\">Digital Loyalty Program:</p>\n                        <p className=\"offer_term_text\">\n                          {!defaultFields.type ? \"Stamps\" : \"Points\"}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"company_info_right\">\n                      <p className=\"info_bold\">1.25km</p>\n                      <p className=\"company_open\">Open</p>\n                    </div>\n                  </div>\n                  {defaultFields.details ? (\n                    <div className=\"gift_info_wrap\">\n                      <p className=\"offer_title\">Details:</p>\n                      <p className=\"offer_term_text\">{defaultFields.details}</p>\n                    </div>\n                  ) : null}\n                  {setupPromotion.promotionDetails ? (\n                    <div className=\"gift_info_wrap\">\n                      <p className=\"offer_title\">Welcome Gift:</p>\n                      <p className=\"offer_term_text\">\n                        {setupPromotion.promotionDetails}\n                      </p>\n                    </div>\n                  ) : null}\n                  <p className=\"line_hor\" />\n                  <div className=\"card_bottom_wrapper\">\n                    <div className=\"icon_wrapper\">\n                      <InfoIcon />\n                      <DirectionRightIcon />\n                      <ShareIcon />\n                    </div>\n                    <button type=\"button\" className=\"btn-blue small_button\">\n                      Redeem\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        {!setupPromotion.setupWelcomePromotion ? (\n          <button type=\"submit\" className=\"btn-blue\">\n            Skip and Log In\n          </button>\n        ) : null}\n      </form>\n    </Wrapper>\n  );\n};\n\nexport default RegistrationWelcomePromotion;\n","/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport axios from \"../../../../api/api\";\n\nexport const welcomePromotionSubmit = (\n  data: any,\n  accountInformationToken: string,\n  coverImage: File[],\n  workTime: any\n): Promise<any> => {\n  const formData = new FormData();\n  formData.append(\"details\", data.promotionDetails);\n  formData.append(\"name\", data.promotionName);\n  // formData.append(\"deal_id\", data.promotionDealId);\n  formData.append(\"open_time\", data.openTime);\n  formData.append(\"close_time\", data.closeTime);\n  formData.append(\"coverImage\", coverImage[0]);\n  formData.append(\"token\", accountInformationToken);\n\n  Object.keys(workTime).forEach((weekDay) => {\n    formData.append(`work_time[${weekDay}][allDay]`, workTime[weekDay].allDay);\n    formData.append(`work_time[${weekDay}][from]`, workTime[weekDay].from);\n    formData.append(`work_time[${weekDay}][to]`, workTime[weekDay].to);\n    formData.append(`work_time[${weekDay}][label]`, workTime[weekDay].label);\n    formData.append(`work_time[${weekDay}][isOpen]`, workTime[weekDay].isOpen);\n  });\n\n  return axios\n    .post(\"/public/register-welcome-promotion\", formData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n\nexport const welcomePromotionSubmitWithoutGift = (\n  accountInformationToken: string,\n  coverImage: File[],\n  workTime: any\n): Promise<any> => {\n  const formData = new FormData();\n  formData.append(\"token\", accountInformationToken);\n  formData.append(\"coverImage\", coverImage[0]);\n\n  Object.keys(workTime).forEach((weekDay) => {\n    formData.append(`work_time[${weekDay}][allDay]`, workTime[weekDay].allDay);\n    formData.append(`work_time[${weekDay}][from]`, workTime[weekDay].from);\n    formData.append(`work_time[${weekDay}][to]`, workTime[weekDay].to);\n    formData.append(`work_time[${weekDay}][label]`, workTime[weekDay].label);\n    formData.append(`work_time[${weekDay}][isOpen]`, workTime[weekDay].isOpen);\n  });\n\n  return axios\n    .post(\"public/complete-registration\", formData)\n    .then((response) => response)\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n};\n\nexport const getPlaceLogo = (accountInformationToken: string): Promise<any> =>\n  axios\n    .get(\"/public/get-place\", {\n      params: {\n        token: accountInformationToken,\n      },\n    })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { REACT_APP_STRIPE_PRODUCT_ID } from \"src/types/env\";\nimport { Wrapper } from \"./styled\";\n// import {\n//   AccountInformationInterface,\n//   AdditionalInformationInterface,\n// } from \"../../types/registration\";\nimport * as Const from \"./consts\";\nimport NavProgress from \"./NavProgress\";\nimport RegistrationWelcome from \"./Step/RegistrationWelcome\";\nimport RegistrationChoosePlan from \"./Step/RegistrationChoosePlan\";\nimport RegistrationPersonalInformation from \"./Step/RegistrationPersonalInformation\";\n// import RegistrationAccountInformation from \"./Step/RegistrationAccountInformation\";\n// import RegistrationAdditionalInformation from \"./Step/RegistrationAdditionalInformation\";\n// import RegistrationSetupPromotion from \"./Step/RegistrationSetupPromotion\";\nimport RegistrationAccountCheckEmail from \"./Step/RegistrationAccountCheckEmail\";\nimport RegistrationActivateAccount from \"./Step/RegistrationActivateAccount\";\nimport RegistrationBuildYourCard from \"./Step/RegistrationBuildYourCard\";\nimport RegistrationLocations from \"./Step/RegistrationLocations\";\nimport RegistrationWelcomePromotion from \"./Step/RegistrationWelcomePromotion\";\n\nconst Registration: React.FC = () => {\n  const location: any = useLocation();\n  const verificationToken = new URLSearchParams(location.search).get(\n    Const.verificationToken\n  );\n  const accountInformationToken = new URLSearchParams(location.search).get(\n    Const.accountInformationToken\n  );\n\n  const [stepRegistration, setStepRegistration] = React.useState<number>(\n    verificationToken ? 5 : accountInformationToken !== null ? 7 : 1\n    // 9\n  );\n\n  const [businessPlanPersonalInfo, setBusinessPlanPersonalInfo] =\n    React.useState<string>(REACT_APP_STRIPE_PRODUCT_ID);\n\n  // const [\n  //   accountInformation,\n  //   setAccountInformation,\n  // ] = React.useState<AccountInformationInterface>({\n  //   token: accountInformationToken,\n  //   companyName: \"\",\n  //   businessType: \"\",\n  //   promotionType: \"\",\n  //   rewardInformation: \"\",\n  //   rewardCode: \"\",\n  //   maxNumberPromotion: 0,\n  // });\n\n  // const [\n  //   additionalInformation,\n  //   setAdditionalInformation,\n  // ] = React.useState<AdditionalInformationInterface>({\n  //   logo: \"\",\n  //   address: \"\",\n  //   latitude: NaN,\n  //   longitude: NaN,\n  // });\n\n  return (\n    <Wrapper>\n      <NavProgress step={stepRegistration}>\n        {stepRegistration === 1 ? (\n          <RegistrationWelcome goToStep={() => setStepRegistration(3)} />\n        ) : stepRegistration === 2 ? (\n          <RegistrationChoosePlan\n            goToStep={(value) => setStepRegistration(value)}\n            setBusinessPlanPersonalInfo={(value) =>\n              setBusinessPlanPersonalInfo(value)\n            }\n          />\n        ) : stepRegistration === 3 ? (\n          <RegistrationPersonalInformation\n            goToStep={(value) => setStepRegistration(value)}\n            businessPlan={businessPlanPersonalInfo}\n          />\n        ) : stepRegistration === 4 ? (\n          <RegistrationAccountCheckEmail />\n        ) : stepRegistration === 5 ? (\n          <RegistrationActivateAccount\n            passwordVerificationToken={verificationToken}\n          />\n        ) : stepRegistration === 7 ? (\n          <RegistrationBuildYourCard\n            accountInformationToken={accountInformationToken}\n            goToStep={(value) => setStepRegistration(value)}\n          />\n        ) : stepRegistration === 8 ? (\n          <RegistrationLocations\n            accountInformationToken={accountInformationToken}\n            goToStep={(value) => setStepRegistration(value)}\n          />\n        ) : stepRegistration === 9 ? (\n          <RegistrationWelcomePromotion\n            accountInformationToken={accountInformationToken}\n          />\n        ) : null}\n      </NavProgress>\n      {/* {stepRegistration === 7 ? (\n        <RegistrationAccountInformation\n          setAccountInformationRegistration={(value) => {\n            setAccountInformation((prevInfo) => {\n              return {\n                ...prevInfo,\n                companyName: value.companyName,\n                businessType: value.businessType,\n                promotionType: value.promotionType,\n                rewardInformation: value.rewardInformation,\n                maxNumberPromotion: value.maxNumberPromotion,\n              };\n            });\n            setStepRegistration(8);\n          }}\n        />\n      ) : stepRegistration === 8 ? (\n        <RegistrationAdditionalInformation\n          setAdditionalInformationRegistration={(value) => {\n            setAdditionalInformation(value);\n            setStepRegistration(9);\n          }}\n        />\n      ) : stepRegistration === 9 ? (\n        <RegistrationSetupPromotion\n          additionalInformation={additionalInformation}\n          accountInformation={accountInformation}\n        />\n      ) : null} */}\n    </Wrapper>\n  );\n};\n\nexport default Registration;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 15px;\n  min-height: 100vh;\n  background-color: ${Color.blueDark};\n  .inner-wrap {\n    max-width: 100%;\n  }\n  .logo {\n    text-align: center;\n    margin-bottom: 10vh;\n  }\n  .form {\n    border-radius: 8px;\n    background-color: ${Color.white};\n    padding: 60px 55px;\n    width: 500px;\n    max-width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    position: relative;\n    @media (max-width: 550px) {\n      padding: 30px 15px;\n    }\n  }\n  .title {\n    color: ${Color.blueDarkText};\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 51px;\n    margin-bottom: 5px;\n  }\n  .sub-title {\n    opacity: 0.6;\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 26px;\n    margin-bottom: 30px;\n  }\n  .form-group {\n    margin-bottom: 30px;\n  }\n  .form-error-message {\n    color: red;\n    font-size: 14px;\n    font-weight: 300;\n    text-align: center;\n    margin-bottom: 15px;\n  }\n  button {\n    margin-bottom: 20px;\n  }\n\n  .modal-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 30px;\n      font-weight: 500;\n      line-height: 38px;\n      text-align: center;\n      @media (max-width: 600px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport Modal from \"src/components/Modal\";\nimport { declineAccount } from \"src/api/auth\";\n\nimport { ReactComponent as LogoFull } from \"src/assets/img/logo-full.svg\";\n\nimport { Wrapper } from \"./styled\";\n\nconst DeclineAccount: FC = () => {\n  const location: any = useLocation();\n\n  const [loading, setLoading] = React.useState<boolean>(false);\n  const [successResponse, setSuccessResponse] = React.useState<string>(\"\");\n  const [errorResponse, setErrorResponse] = React.useState<string>(\"\");\n\n  const сonfirmDeclineAccount = () => {\n    setLoading(true);\n    declineAccount(\n      new URLSearchParams(location.search).get(\"verification_token\") ?? \"\"\n    )\n      .then((response) => {\n        setSuccessResponse(\n          response?.data?.message ??\n            \"This user was successfully deleted from our system\"\n        );\n        setLoading(false);\n      })\n      .catch((error) => {\n        setErrorResponse(error?.data?.message ?? \"Server error\");\n        setLoading(false);\n      });\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        <div className=\"logo\">\n          <LogoFull />\n        </div>\n        <div className={`form ${loading ? \"loading-blue\" : \"\"}`}>\n          <div className=\"form-innerwrap\">\n            <div className=\"title\">Decline Account</div>\n            <div className=\"sub-title\">\n              After confirming the decline account your account will be deleted\n            </div>\n            <button\n              type=\"submit\"\n              className=\"btn-blue\"\n              onClick={сonfirmDeclineAccount}\n            >\n              Confirm Decline Account\n            </button>\n            {errorResponse && (\n              <div className=\"form-error-message\">{errorResponse}</div>\n            )}\n          </div>\n        </div>\n      </div>\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">{successResponse}</div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default DeclineAccount;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 15px;\n  min-height: 100vh;\n  background-color: ${Color.blueDark};\n  .inner-wrap {\n    max-width: 100%;\n  }\n  .logo {\n    text-align: center;\n    margin-bottom: 10vh;\n  }\n  .main-block {\n    border-radius: 8px;\n    background-color: ${Color.white};\n    padding: 60px 55px;\n    width: 500px;\n    max-width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    position: relative;\n    @media (max-width: 550px) {\n      padding: 30px 15px;\n    }\n\n    .warning-text {\n      font-size: 24px;\n      line-height: 35px;\n      color: ${Color.blueDarkText};\n      font-weight: 500;\n    }\n  }\n  .title {\n    color: ${Color.blueDarkText};\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 51px;\n    margin-bottom: 15px;\n  }\n\n  .place-information-content {\n    margin-bottom: 30px;\n    .item {\n      display: flex;\n      text-align: left;\n      margin-bottom: 5px;\n      .name {\n        width: 50%;\n      }\n      .description {\n        width: 50%;\n      }\n    }\n  }\n  .locations-information-content {\n    margin-bottom: 30px;\n    .item {\n      margin-bottom: 5px;\n      &:before {\n        content: \"\";\n        display: inline-block;\n        width: 6px;\n        height: 6px;\n        background: #000;\n        border-radius: 100%;\n        position: relative;\n        top: -2px;\n        margin-right: 5px;\n      }\n    }\n  }\n  .btns-decline-accept {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    .btn-decline {\n    }\n    .btn-accept {\n    }\n  }\n  .modal-content {\n    text-align: center;\n    padding: 60px 50px;\n    @media (max-width: 600px) {\n      padding: 30px 15px;\n    }\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 30px;\n      font-weight: 500;\n      line-height: 38px;\n      text-align: center;\n      @media (max-width: 600px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nimport Modal from \"src/components/Modal\";\nimport {\n  getPlaceInfoByHashAxios,\n  confirmPlaceInfoByHashAxios,\n  declinePlaceInfoByHashAxios,\n} from \"src/api/place\";\nimport { PlaceInfoInterface } from \"src/types/place\";\nimport { ReactComponent as LogoFull } from \"src/assets/img/logo-full.svg\";\n\nimport { Wrapper } from \"./styled\";\nimport { RouteParamsInterface } from \"./types\";\n\nconst PlaceApprove: FC = () => {\n  const params = useParams<RouteParamsInterface>();\n\n  const [loading, setLoading] = React.useState<boolean>(true);\n  const [placeInfo, setPlaceInfo] = React.useState<PlaceInfoInterface | null>(\n    null\n  );\n  const [responseMessage, setResponseMessage] = React.useState<string>(\"\");\n\n  const getPlaceInfo = () => {\n    getPlaceInfoByHashAxios(params.hash)\n      .then((response) => {\n        setPlaceInfo(response.data.place);\n        setLoading(false);\n      })\n      .catch(() => {\n        setLoading(false);\n      });\n  };\n\n  const declinePlace = () => {\n    setLoading(true);\n    declinePlaceInfoByHashAxios(params.hash).then((response) => {\n      setResponseMessage(response.data.message);\n      setLoading(false);\n    });\n  };\n\n  const acceptPlace = () => {\n    setLoading(true);\n    confirmPlaceInfoByHashAxios(params.hash).then((response) => {\n      setResponseMessage(response.data.message);\n      setLoading(false);\n    });\n  };\n\n  useEffect(() => {\n    getPlaceInfo();\n  }, []); //eslint-disable-line\n\n  return (\n    <Wrapper>\n      <div className=\"inner-wrap\">\n        <div className=\"logo\">\n          <LogoFull />\n        </div>\n        <div className={`main-block ${loading ? \"loading-blue\" : \"\"}`}>\n          <div className=\"loading-innerwrap\">\n            {placeInfo ? (\n              <>\n                <div className=\"title\">Place Information</div>\n                <div className=\"place-information-content\">\n                  <div className=\"item\">\n                    <div className=\"name\">Name of the company:</div>\n                    <div className=\"description\">{placeInfo?.name}</div>\n                  </div>\n                  <div className=\"item\">\n                    <div className=\"name\">Card promotion name:</div>\n                    <div className=\"description\">{placeInfo?.details}</div>\n                  </div>\n                  {placeInfo.promotion === \"Points\" ? (\n                    <div className=\"item\">\n                      <div className=\"name\">Card promotion info:</div>\n                      <div className=\"description\">\n                        {placeInfo?.description}\n                      </div>\n                    </div>\n                  ) : null}\n                  <div className=\"item\">\n                    <div className=\"name\">Category:</div>\n                    <div className=\"description\">{placeInfo?.category}</div>\n                  </div>\n                  <div className=\"item\">\n                    <div className=\"name\">Type of promotion:</div>\n                    <div className=\"description\">{placeInfo?.promotion}</div>\n                  </div>\n                </div>\n                <div className=\"title\">Locations</div>\n                <div className=\"locations-information-content\">\n                  {placeInfo?.locations.map((item) => (\n                    <div className=\"item\" key={item.id}>\n                      {item.address}\n                    </div>\n                  ))}\n                </div>\n                <div className=\"btns-decline-accept\">\n                  <button\n                    type=\"button\"\n                    className=\"btn-red btn-decline\"\n                    onClick={() => declinePlace()}\n                  >\n                    Decline\n                  </button>\n                  <button\n                    type=\"button\"\n                    className=\"btn-green btn-accept\"\n                    onClick={() => acceptPlace()}\n                  >\n                    Accept\n                  </button>\n                </div>\n              </>\n            ) : (\n              <div className=\"warning-text\">\n                The place was updated with newly added information. This link is\n                not valid anymore.\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n      {responseMessage && (\n        <Modal\n          openModal={!!responseMessage}\n          setOpenModal={() => setResponseMessage(\"\")}\n          closeOutsideClick={false}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">{responseMessage}</div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default PlaceApprove;\n","import { Color } from \"src/types/color\";\nimport styled from \"styled-components\";\n\nexport const Wrapper = styled.div`\n  .top-bar div.search-wrap {\n    margin-left: 0;\n  }\n  .form-file{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px\n  }\n  .staff-top-bar{\n    justify-content: start;\n  }\n  .staff-add-btn{\n    margin-left: 25px;\n  }\n  .hide{\n    display: none;\n  }\n  .table {\n    & > div {\n      // overflow: unset;\n    }\n\n    \n\n    div.rdt_TableRow {\n\n      & input {\n        width:75%\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n    \n  }\n`;","import styled from \"styled-components\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import React, { FC, useEffect, useState } from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport { ReactComponent as DeleteIcon } from \"../../../assets/img/delete.svg\";\nimport { WrapperTableList } from \"./styled\";\nimport { getSataffFamily, removeSataffFamily } from \"src/api/customers\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n}\n\nconst StaffFamilyTable: FC<IProps> = ({ data, getCustomerList }) => {\n  const [userInfo, setUserInfo] = useState([]);\n  const getUserPointInfo = (id: string) => {\n    getSataffFamily({ id }).then((response) => {\n      setUserInfo(response.data.worker_relations);\n    });\n  };\n\n  useEffect(() => {\n    getUserPointInfo(data.id);\n  }, [data.id]);\n\n  function deleteLocationStaffAsk(id: any) {\n    removeSataffFamily({ id })\n      .then((res) => {\n        getUserPointInfo(data.id);\n      })\n      .catch((err) => {\n        console.log(err);\n      });\n  }\n\n  const staffMembersTableColumns = [\n    {\n      name: \"First Name\",\n      minWidth: \"150px\",\n      cell: (row: any) => {\n        return <div>{row.first_name}</div>;\n      },\n    },\n    {\n      name: \"Last Name\",\n      minWidth: \"100px\",\n      maxWidth: \"150px\",\n      cell: (row: any) => {\n        return <div>{row.last_name}</div>;\n      },\n    },\n    {\n      name: \"GC Number\",\n      minWidth: \"50px\",\n      cell: (row: any) => {\n        return <div>{row.gc_number}</div>;\n      },\n    },\n    {\n      name: \"Email Address\",\n      minWidth: \"275px\",\n      cell: (row: any) => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Store\",\n      minWidth: \"100px\",\n      cell: (row: any) => {\n        return <div>{row.store}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"100px\",\n      cell: (row: any) => {\n        return <div>{row.fake_data ? \"\" : row.phone}</div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"50px\",\n      cell: (row: any) => {\n        return (\n          <div className=\"action\">\n            {\n              <button\n                type=\"button\"\n                className=\"delete\"\n                onClick={() => deleteLocationStaffAsk(row.id)}\n              >\n                <DeleteIcon />\n              </button>\n            }\n          </div>\n        );\n      },\n    },\n  ];\n\n  return (\n    <WrapperTableList>\n      <DataTable data={userInfo} columns={staffMembersTableColumns} noHeader />\n    </WrapperTableList>\n  );\n};\n\nexport default StaffFamilyTable;\n","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport Input from \"../../components/Input\";\nimport { ReactComponent as SearchIcon } from \"../../assets/img/search.svg\";\nimport Pagination from \"../../components/Pagination\";\nimport {\n  CustomerInfoInterface,\n  CustomerRequestInterface,\n} from \"../../types/customer\";\nimport {\n  getAllStaffMembers,\n  addStaffMembersAxios,\n  editStaffMembersAxios,\n  removeStaffMembersAxios,\n  importWorkers,\n  removeBulkStaff\n} from \"../../api/customers\";\nimport { Wrapper } from \"./styled\";\n\nimport { ReactComponent as EditIcon } from \"../../assets/img/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"../../assets/img/delete.svg\";\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport StaffFamilyTable from \"./InnerTable/StaffFamilyTable\";\nimport Modal from \"src/components/Modal\";\nimport {REACT_APP_API_URL} from \"../../types/env\";\n\nconst StaffMembers = () => {\n  const [staffList, setStaffList] = useState<any>([]);\n  const firstNameInp = useRef<HTMLInputElement | null>(null);\n  const lastNameInp = useRef<HTMLInputElement | null>(null);\n  const employeeNumberInp = useRef<HTMLInputElement | null>(null);\n  const gcNumberInp = useRef<HTMLInputElement | null>(null);\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n\n  const [requestParamtrs, setRequestParamtrs] =\n    useState<CustomerRequestInterface>({\n      limit: 10,\n      page: 1,\n      search: null,\n      location: \"\",\n      group: \"\",\n      sort_type: \"lastName:asc\",\n    });\n  const [staffListInfo, setStaffListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n    // searchType: 0,\n  });\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [openForm, setOpenForm] = useState(false);\n  const [openBulkRemoveForm, setOpenBulkRemoveForm] = useState(false);\n  const [fileBase64, setFileBase64] = useState<any>(\"\");\n  // const [filePassword, setFilePassword] = useState<any>(\"\");\n\n  const [newUser, setNewUser] = useState<any | null>({\n    email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    phone: \"\",\n    gc_number: \"\",\n    store_name: loggedUser.user.global_card_name,\n    employee_number: \"\",\n    code_name: \"\",\n    new: true,\n  });\n\n  const [editUser, setEdinUser] = useState<any | null>({\n    email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    phone: \"\",\n    gc_number: \"\",\n    store_name: loggedUser.user.global_card_name,\n    employee_number: \"\",\n    code_name: \"\",\n  });\n  const removeInp = useRef<HTMLInputElement>(null)\n  const importInp = useRef<HTMLInputElement>(null)\n  let newStaff = newUser;\n\n  const staffMembersTableColumns = [\n    {\n      name: \"First Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"First name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) => {\n                  changeNewStaffValueInput(\"first_name\", e.currentTarget.value);\n                }}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"First name\"\n                ref={firstNameInp}\n                required\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.first_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Last Name\",\n      minWidth: \"100px\",\n      maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Last name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"last_name\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Last name\"\n                ref={lastNameInp}\n                required\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.last_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Employee Number\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Employee Number\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\n                    \"employee_number\",\n                    e.currentTarget.value\n                  )\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Employee Number\"\n                ref={employeeNumberInp}\n                required\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.employee_number\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"GC Number\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"GC Number\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"gc_number\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"GC Number\"\n                ref={gcNumberInp}\n                required\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.gc_number\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email Address\",\n      minWidth: \"275px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Email Address\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"email\", e.currentTarget.value.trim())\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.email\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Store\",\n      minWidth: \"100px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{loggedUser.user.global_card_name}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"100px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.fake_data ? \"\" : row.phone}</div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.new && !row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => editLocationStaffOpenSidebar(row.id, row)}\n                >\n                  <EditIcon />\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => deleteLocationStaffAsk(row.id)}\n                >\n                  <DeleteIcon />\n                </button>\n              </>\n            ) : !row.new && row.edit ? (\n              <button\n                className=\"btn-blue-outline\"\n                style={{ padding: \"10px 20px\", backgroundColor: \"transparent\" }}\n                onClick={() => saveStaffMembers(row.id)}\n              >\n                Save\n              </button>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{ padding: \"10px 20px\", backgroundColor: \"transparent\" }}\n                onClick={() => addNewUserToLocation(row.id)}\n              >\n                Add\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n\n  function saveStaffMembers(id: any) {\n    setIsLoading(true);\n    let user = {\n      id: id,\n      email: editUser.email,\n      first_name: firstNameInp?.current?.value,\n      last_name: lastNameInp?.current?.value,\n      phone: editUser.phone,\n      gc_number: gcNumberInp?.current?.value,\n      store_name: loggedUser.user.global_card_name,\n      employee_number: employeeNumberInp?.current?.value,\n      code_name: \"\",\n    };\n\n    editStaffMembersAxios(user)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n\n  function changeNewStaffValueInput(label: string, value: string) {\n    newStaff = { ...newStaff, [label]: value };\n  }\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (\n        firstNameInp.current &&\n        lastNameInp.current &&\n        employeeNumberInp.current &&\n        gcNumberInp.current\n      ) {\n        firstNameInp.current.value = editUser.first_name;\n        lastNameInp.current.value = editUser.last_name;\n        employeeNumberInp.current.value = editUser.employee_number;\n        gcNumberInp.current.value = editUser.gc_number;\n      }\n    }, 500);\n  }, [editUser]);\n\n  function editLocationStaffOpenSidebar(id: any, row: any) {\n    setEdinUser(row);\n    setIsLoading(true);\n\n    getAllStaffMembers({ ...requestParamtrs, edit_id: id })\n      .then((response) => {\n        setStaffList(response.data.workers);\n        setStaffListInfo({\n          count_users: Number(response.data.count_workers),\n          limit: Number(response.data.limit),\n          page: Number(response.data.page),\n          total_pages_count: Number(response.data.total_pages_count),\n          total_users_count: Number(response.data.total_workers_count),\n          // searchType: Number(response.data.searchType),\n        });\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n\n  function addStaffMembers() {\n    setNewUser(newStaff);\n    setStaffList((staffList: any) => (staffList = [newUser, ...staffList]));\n  }\n  function deleteLocationStaffAsk(row: any) {\n    setIsLoading(true);\n    removeStaffMembersAxios({ id: row })\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n\n  const getStaff = useCallback(() => {\n    setIsLoading(true);\n\n    getAllStaffMembers(requestParamtrs)\n      .then((response) => {\n        setStaffList(response.data.workers);\n\n        setStaffListInfo({\n          count_users: Number(response.data.count_workers),\n          limit: Number(response.data.limit),\n          page: Number(response.data.page),\n          total_pages_count: Number(response.data.total_pages_count),\n          total_users_count: Number(response.data.total_workers_count),\n          // searchType: Number(response.data.searchType),\n        });\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  },[requestParamtrs]);\n\n  useEffect(() => {\n    getStaff();\n  }, [getStaff, requestParamtrs.page]);\n\n  useEffect(() => {\n    if (requestParamtrs.search !== null) {\n      const timeout = setTimeout(() => {\n        getStaff();\n      }, 500);\n\n      return () => clearTimeout(timeout);\n    }\n  }, [getStaff, requestParamtrs.search]);\n\n  useEffect(() => {\n    if (Number(requestParamtrs.page) === 1 && staffListInfo.limit !== 0) {\n      getStaff();\n    }\n  }, [getStaff, requestParamtrs.limit, requestParamtrs.page, staffListInfo.limit]);\n\n  const addNewUserToLocation = (id: any) => {\n    setIsLoading(true);\n    newStaff = { ...newStaff, new: false };\n    addStaffMembersAxios(newStaff)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n        newStaff = newUser;\n      })\n      .catch(() => setIsLoading(false));\n  };\n\n  const getBase64 = (e: any) => {\n    const file = e.target.files[0];\n    let reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = function () {\n      setFileBase64(reader.result);\n    };\n    reader.onerror = function (error) {\n      console.log(\"Error: \", error);\n    };\n  };\n\n  const handleImportWorkers = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenForm(false);\n    \n    importWorkers({\n      file: fileBase64,\n      // @ts-ignore\n      name: importInp.current.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n\n  const handleBulkRemove = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenBulkRemoveForm(false);\n    removeBulkStaff({\n      file: fileBase64,\n      // @ts-ignore\n      name: removeInp.current.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Staff members</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon />}\n            getValue={(value) =>\n              setRequestParamtrs({ ...requestParamtrs, search: value })\n            }\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{ marginBottom: \"12px\", marginRight: \"20px\" }}\n          onClick={() => addStaffMembers()}\n        >\n          Add New Member\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{ marginBottom: \"12px\", marginRight: \"20px\" }}\n          onClick={() => setOpenForm(!openForm)}\n        >\n          Import from File\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{ marginBottom: \"12px\", marginRight: \"20px\" }}\n          onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n        >\n          Bulk Remove\n        </button>\n      </div>\n      {openForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openForm} closeOutsideClick={true} setOpenModal={() => setOpenForm(!openForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleImportWorkers(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{ marginBottom: \"30px\", textAlign: 'center' }}>\n            Please choose a file from your drive to upload to the dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '20px',objectFit: 'contain', width: '100%'}} src={REACT_APP_API_URL+\"/img/examples/worker_import_example.png\"} alt=\"example\"/>\n            <input\n              type=\"file\"\n              ref={importInp}\n              name=\"file\"\n              style={{ marginBottom: \"20px\" }}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{ marginTop: \"20px\" }}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{ marginBottom: \"12px\", marginRight: \"20px\" }}\n                onClick={() => setOpenForm(!openForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{ marginBottom: \"12px\", marginRight: \"20px\" }}\n              >\n                Submit\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      {openBulkRemoveForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openBulkRemoveForm} setOpenModal={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleBulkRemove(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{marginBottom: \"30px\", textAlign: 'center'}}>\n              Please select a file from your drive to remove staff members from dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '20px',objectFit: 'contain', width: '100%'}} src={REACT_APP_API_URL+\"/img/examples/worker_import_example.png\"}\n                 alt=\"example\"/>\n            \n            <input\n              type=\"file\"\n              ref={removeInp}\n              name=\"file\"\n              style={{marginBottom: \"20px\"}}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{marginTop: \"20px\"}}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n                onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n              >\n                Remove\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      \n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={staffMembersTableColumns}\n            data={staffList}\n            expandableRows\n            expandableRowsComponent={\n              <StaffFamilyTable data={staffList} getCustomerList={getStaff} />\n            }\n          />\n          <Pagination\n            {...staffListInfo}\n            requestLimit={requestParamtrs.limit}\n            setRequestParamtrs={setRequestParamtrs}\n          />\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default StaffMembers;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  .add-category{\n    margin: 5px 2px;\n    width: 20%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }\n    .add-stampCategory{\n    margin: 5px 2px;\n    width: 40%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: stretch;\n    //justify-content: space-between;\n    margin-bottom: 15px;\n    gap: 15px;\n    .column {\n      width: 11.4%;\n        padding-right: 16px;\n\n      //.column-group{\n      //  display: flex;\n      //  //justify-content: space-between;\n      //  flex-wrap: nowrap;\n      //  gap: 15px;\n      //  .column {\n      //    width: 50%;\n      //  }\n      //}\n      .page-title {\n        font-size: 16px;\n        margin: 0 0 10px 0;\n        line-height: normal;\n      }\n      .description{\n        font-size: 12px;\n        line-height: normal;\n      }\n      //&:nth-last-child(2){\n      //  width: 29%;\n      //}\n      \n    }\n    .column_buttons {\n      width: 10%;\n    }\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: inherit;\n    padding-top: 20px;\n    width: 100%;\n    .item{\n      display: flex;\n      justify-content: space-between;\n      &>div{\n        width: 15%;\n        input{\n          width: 70%;\n          padding-right: 40px;\n        }\n        &:nth-last-child(1){\n          width: 8.5%;\n          margin: 0;\n        }\n      }\n\n    }\n  }\n  \n  .stamp-based-wrapper {\n    width: 100%;\n    flex-direction: row;\n    align-items: start;\n    justify-content: space-between;\n    position: relative;\n    .header {\n      flex-direction: column;\n      width: 70%;\n      .header-tab {\n        height: auto;\n        display: flex;\n        justify-content: space-between;\n        gap: 2%;\n\n        .column {\n          width: 15%;\n        }\n      }\n      .stamp-based-form {\n        display: flex;\n        justify-content: space-between;\n        .table {\n          width: 100%;\n            &>div{\n                overflow-y: visible;\n            }\n          .rdt_TableRow{\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0 0;\n            \n            .sc-idiyUo{\n              position: absolute;\n              z-index: 9999;\n              left: -10px;\n              margin-bottom: 12px;\n            }\n            .rdt_TableCell{\n              width: 20%;\n              padding-left: 0;\n              &>div{\n                width: 100%;\n                input{\n                  width: 70%;\n                  padding-right: 40px;\n                }\n                \n              }\n              .select{\n                margin-bottom: 12px;\n              }\n              &:nth-last-child(1){\n                width: 8.5%;\n                margin-bottom: 12px;\n                .buttons{\n                  display: flex;\n                  justify-content: space-between;\n                  align-items: center;\n                  button{\n                    width: 45%;\n                    padding: 7.5px 15px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                  }\n                  .save-btn{\n                    width: 100%;\n                    padding: 9.5px 10px;\n                  }\n                }\n                \n              }\n            }\n          }\n          .rdt_ExpanderRow{\n              &>div{\n                  padding:  10px;\n                  width: calc(100% - 30px);\n                  margin: 0;\n                  .table{\n                      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);\n                      padding: 5px;\n                  }\n              }\n              \n          }\n          \n          \n        }\n        .table-edit{\n          &>div{\n            padding-bottom: 140px;\n            .select{\n              .bottom{\n                //max-height: 130px;\n                width: 120%;\n              }\n            }\n          }\n        }\n        .modal-content{\n          text-align: center;\n          padding: 60px 50px;\n          @media (max-width: 600px) {\n            padding: 30px 15px;\n          }\n          .title {\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n          .sub-title{\n            color: ${Color.blueDarkText};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n        }\n      }\n    }\n    \n  }\n  \n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  margin-bottom: 30px;\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 6px;\n    .filters {\n      display: flex;\n      align-items: center;\n      .select {\n        margin-left: 20px;\n        input {\n          padding: 10px 16px 10px 40px;\n        }\n        svg path:not([fill=\"none\"]) {\n          fill: #666e90;\n        }\n      }\n    }\n    .title-wrap{\n      width: 70%;\n      .description {\n        opacity: 0.5;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n      .page-title {\n        margin: 0;\n        margin-bottom: 10px;\n      }\n    }\n    .uploadBtn{\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      \n      .icon {\n        margin-right: 8px;\n        svg path:not([fill=\"none\"]) {\n          fill: ${Color.blue};\n        }\n      }\n\n    }\n    \n  }\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n  @media (min-width: 992px) and (max-width: 1040px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 760px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .heading {\n      flex-direction: column;\n\n      .page-title {\n        text-align: center;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgOnlineCart(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0V0z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"#515cdd\",\n    fillRule: \"evenodd\",\n    d: \"M1 3c0 .5499878.45000076 1 1 1h1l3.59999847 7.59002686L5.25 14.0300293C4.52000046 15.36999512 5.47999954 17 7 17h11c.54999924 0 1-.4500122 1-1s-.45000076-1-1-1H7l1.09999847-2h7.45000077c.75 0 1.40999984-.40997314 1.75-1.0300293l3.57999801-6.48999023C21.25 4.82000732 20.77000045 4 20.01000214 4H5.20999908l-.66999816-1.42999268C4.38000107 2.2199707 4.02000046 2 3.63999939 2H2c-.54999924 0-1 .4500122-1 1zm6 15c-1.10000229 0-1.99000168.90002441-1.99000168 2 0 1.09997559.8899994 2 1.99000168 2 1.09999847 0 2-.90002441 2-2 0-1.09997559-.90000153-2-2-2zm8.00999832 2c0-1.09997559.8899994-2 1.99000168-2 1.09999847 0 2 .90002441 2 2 0 1.09997559-.90000153 2-2 2-1.10000229 0-1.99000168-.90002441-1.99000168-2z\"\n  }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgOnlineCart);\nexport default __webpack_public_path__ + \"static/media/online-cart.8db425e1.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport {Wrapper} from \"./styled\";\nimport {ReactComponent as OnlineShop} from '../../assets/img/menu-item/online-cart.svg'\n\ninterface IPosTabWrapper {\n  title: string,\n  description: string,\n  button: boolean,\n  buttonText?: string,\n  children: React.AllHTMLAttributes<any>\n}\n\nconst PosTabWrapper = ({title, description, button, buttonText, children}: IPosTabWrapper) => {\n\n  return (\n    <Wrapper >\n      <div className=\"heading\">\n        <div className=\"title-wrap\">\n          <h2 className=\"page-title\">{title}</h2>\n          <p className=\"description\">{description}</p>\n        </div>\n        {button ? <button className=\"uploadBtn btn-white\">\n          <span className=\"icon\">\n            <OnlineShop/>\n          </span>\n          <span>{buttonText}</span>\n        </button> : null}\n      </div>\n      {children}\n    </Wrapper>\n  );\n};\n\nexport default PosTabWrapper;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  \n  .category-list{\n    \n    .table {\n      width: 100%;\n      \n      &>div{\n        overflow-y: initial;\n        padding-bottom: 30px;\n        &::-webkit-scrollbar {\n          height: 12px;\n          cursor: pointer;\n          width: 2px;\n        }\n        &::-webkit-scrollbar-track {\n          background: ${Color.blueBackground};\n          border-radius: 3px;\n        }\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blue};\n          border-radius: 3px;\n        }\n      }\n      .rdt_Table{\n        background-color: transparent;\n        width: 100%;\n      }\n      \n      .rdt_TableRow{\n        padding: 10px 0;\n        align-items: center;\n        position: relative;\n        \n        .sc-idiyUo {\n          position: absolute;\n          z-index: 9999;\n          left: -10px;\n        }\n        \n        .rdt_TableCell{\n          padding-left: 0;\n          margin-right: 6px;\n          \n          .lock-icon-wrap{\n            bottom: 10px;\n            right: 0;\n          }\n          \n          .isSelect{\n            margin-bottom: 0;\n            \n            input{\n              width: 75%;\n              border-radius: 4px;\n              margin: 0 2px 2px;\n              \n              &:disabled{\n                width: 88.5%;\n              }\n            }\n          }\n\n          &>div{\n            width: 100%;\n            padding-bottom: 0;\n            input{\n              width: 75%;\n            }\n          }\n\n          \n          @media (max-width: 1440px) {\n            .isSelect{\n\n              input{\n                width: 65%;\n\n                &:disabled{\n                  width: 84.5%;\n                }\n              }\n            }\n\n            &>div{\n              input{\n                width: 65%;\n              }\n            }\n          }\n\n          @media (max-width: 1200px) {\n            .isSelect{\n\n              input{\n                width: 45%;\n\n                &:disabled{\n                  width: 75.5%;\n                }\n              }\n            }\n\n            &>div{\n              input{\n                width: 45%;\n              }\n            }\n          }\n          &:nth-last-child(1){\n            align-items: start;\n            .buttons{\n              display: flex;\n              justify-content: space-around;\n              align-items: start;\n              button {\n                padding: 5px 12px;\n                height: 46px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                .icon {\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                }\n              }\n\n            }\n          }\n          \n        }\n      }\n      .rdt_ExpanderRow{\n          .sc-ikZpkk {\n            overflow: visible;\n          }\n      }\n      \n      \n    }\n    .table-edit{\n      &>div{\n        padding-bottom: 82px;\n      }\n\n    }\n    \n    .modal-content{\n      text-align: center;\n      padding: 60px 50px;\n      @media (max-width: 600px) {\n        padding: 30px 15px;\n      }\n      .title {\n        color: ${Color.blueDarkText};\n        font-size: 30px;\n        font-weight: 500;\n        line-height: 38px;\n        text-align: center;\n        @media (max-width: 600px) {\n          font-size: 23px;\n          line-height: 28px;\n        }\n      }\n      .sub-title{\n        color: ${Color.blueDarkText};\n        font-size: 25px;\n        font-weight: 500;\n        line-height: 38px;\n        text-align: center;\n        @media (max-width: 600px) {\n          font-size: 23px;\n          line-height: 28px;\n        }\n      }\n    }\n    \n    \n  }\n  \n`;\n\nexport { Wrapper };\n","import React from \"react\";\n\ninterface IPosCategoryColumn {\n  title: string,\n  description: string,\n  containerStyle?: React.CSSProperties,\n}\n\nconst PosCategoryColumn = ({title, description, containerStyle}: IPosCategoryColumn) => {\n\n\n  return (\n        <div className=\"column\" style={containerStyle}>\n          <h2 className=\"page-title\">{title}</h2>\n          <p className=\"description\">{description}</p>\n        </div>\n  );\n};\n\nexport default PosCategoryColumn;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCirclePlus(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    height: \"1em\",\n    viewBox: \"0 0 512 512\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"#515cdd\",\n    fillRule: \"evenodd\",\n    d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344V280H168c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCirclePlus);\nexport default __webpack_public_path__ + \"static/media/circle-plus.27c6fc14.svg\";\nexport { ForwardRef as ReactComponent };","import axios from \"./api\";\nimport {\n  posCategoryEditItemRequest,\n  posCategoryItemRequest, posStampCategoryRequest\n} from \"../types/posRyles\";\n\nexport const getAllCategoriesAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/pos-categories-view\")\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const setCategoryAxios = (\n  requestParameters:posCategoryItemRequest\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-categories-create\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const setPosStampCategoryAxios = (\n  requestParameters:posStampCategoryRequest\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-stamp-categories-create\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getPosStampCategoryAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/pos-stamp-categories-view\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeCategoryAxios = (\n  categoryId: string\n): Promise<any> =>\n  axios\n    .post(`/api/pos-categories-delete/${categoryId}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeStampCategoryAxios = (\n  categoryId: string\n): Promise<any> =>\n  axios\n    .post(`/api/pos-stamp-categories-delete/${categoryId}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const editCategoryAxios = (\n  requestParameters: posCategoryEditItemRequest\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-categories-edit\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const editStampCategoryAxios = (\n  requestParameters: posStampCategoryRequest\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-stamp-categories-edit\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getExtrasProductsAxios = (\n): Promise<any> =>\n  axios\n    .get(\"/api/pos-product-extras/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createExtrasProductsAxios = (\n  requestParameters: any\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-product-extras/create\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeExtrasProductsAxios = (\n  requestParameters: any\n): Promise<any> =>\n  axios\n    .post(\"/api/pos-product-extras/remove\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n\n","import React, { FC, useEffect, useState } from \"react\";\nimport { WrapperTableList } from \"src/views/StaffMembers/InnerTable/styled\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"../../Input\";\nimport { ReactComponent as CheckCircle } from \"../../../assets/img/checkCircle.svg\";\nimport { ReactComponent as Edit } from \"../../../assets/img/edit.svg\";\nimport { ReactComponent as Delete } from \"../../../assets/img/delete.svg\";\nimport { ReactComponent as CirclePlus } from \"../../../assets/img/circle-plus.svg\";\nimport Select from \"../../Select\";\nimport {\n  editCategoryAxios,\n  removeCategoryAxios,\n  setCategoryAxios,\n} from \"../../../api/posTerminals\";\nimport { IPosCategoryGroup, posCategoryItem, posCategoryItemRequest } from \"../../../types/posRyles\";\nimport Modal from \"../../Modal\";\nimport {useTypedSelector} from \"../../../hooks/useTypedSelector\";\n\nconst InnerPosCategoryGroup: FC<IPosCategoryGroup> = ({ data, setItems, edit, setEdit, getAllCategories, scaleParemeterSelectList }) => {\n  const [innerGroup, setInnerGroup] = useState<posCategoryItem[]>([])\n  const [successResponse, setSuccessResponse] = useState<string>('')\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n\n  const customerTableColumnsStamp = [\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.name}\n            getValue={(value) => item.name = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_group}\n            getValue={(value) => item.product_group = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_sku}\n            getValue={(value) => item.product_sku = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select Scale Parameter\"\n            selectorList={scaleParemeterSelectList}\n            positionForShow=\"bottom\"\n            disabled={!item.edit}\n            required\n            defaultValue={item.scale_parameter  === 'price' ? { value: \"price\", label: \"Price\" } : {value: \"qty\", label: \"Quantity\"}}\n            getValue={(value:string|number) =>\n              item.scale_parameter = value\n            }\n            hideSelectorFilter\n          />\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.scale_factor}\n            type=\"number\"\n            getValue={(value: string) => item.scale_factor = value}\n            disabled={!item.edit}\n          />\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: '8%',\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            type={item.edit ? \"number\" : undefined}\n            defaultValue={item.edit ? `${parseFloat(item.transaction_value as string)}` : `${loggedUser.user.currency_symbol || '€'}${parseFloat(item.transaction_value as string)}`}\n            getValue={(value: string) => item.transaction_value = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={`${+item.scale_factor * +item.transaction_value}`}\n            disabled={true}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"3.5%\",\n      cell: (item: posCategoryItem, index:number): JSX.Element => {\n\n        return (\n          <div className=\"buttons\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category\" onClick={() => saveEditItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category\" onClick={() => saveItem(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button> :  <>\n                <button disabled={edit} className=\"btn-white edit-category\" onClick={() => editItem(index)}>\n                      <span className=\"icon\">\n                        <Edit />\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => removeItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete />\n                      </span>\n                </button>\n              </>}\n\n          </div>\n        );\n      }\n    }\n  ];\n\n  useEffect(() => {\n    // @ts-ignore\n    setInnerGroup(data.children);\n    setEdit(false)\n  }, []);\n\n  const saveItem = (id: number) => {\n    const newItems = innerGroup;\n    newItems[id].edit = false;\n    newItems[id].allocated = `${+newItems[id].scale_factor * +newItems[id].transaction_value}`;\n\n    const requestItem:posCategoryItemRequest  = {\n      name: newItems[id].name,\n      product_group: newItems[id].product_group,\n      product_sku: newItems[id].product_sku,\n      scale_parameter: `${newItems[id].scale_parameter}`,\n      scale_factor: newItems[id].scale_factor,\n      transaction_value: `${newItems[id].transaction_value}`,\n      // @ts-ignore\n      parent: `${data.id}`\n    }\n    setCategoryAxios(requestItem).then((res) => {\n      getAllCategories();\n      newItems[id] = { ...res.data, children: [] }\n      setSuccessResponse('Group was created')\n      setEdit(false);\n    }).catch(e => {\n      console.log(e);\n    });\n\n  };\n  const editItem = (id: number) => {\n    const newItems = innerGroup;\n    newItems[id].edit = true;\n    setEdit(true);\n  };\n  const saveEditItem = (id: number | undefined) => {\n    const newItems = innerGroup.filter(item => item.id === id)[0];\n    newItems.edit = false;\n\n    const requestItem:posCategoryItemRequest  = {\n      id: newItems.id,\n      name: newItems.name,\n      product_group: newItems.product_group,\n      product_sku: newItems.product_sku,\n      scale_parameter: `${newItems.scale_parameter}`,\n      scale_factor: newItems.scale_factor,\n      transaction_value: `${newItems.transaction_value}`,\n      // @ts-ignore\n      parent: `${data.id}`\n    }\n    editCategoryAxios(requestItem).then(()=>{\n      getAllCategories();\n      setEdit(false);\n    })\n  };\n  const removeItem = (id: number | undefined) => {\n    removeCategoryAxios(`${id}`)\n      .then((res) => {\n        getAllCategories();\n        setInnerGroup((items: Array<any>) => items.filter((category, index) => category.id !== id));\n        setSuccessResponse('Group was removed')\n        setEdit(false);\n      }).catch(e => {\n      console.log(e);\n    });\n\n  };\n\n  const addNewCategory = () => {\n    const newItem:posCategoryItem = {\n      edit: true,\n      name: '',\n      product_group: '',\n      product_sku: '',\n      scale_parameter: 'price',\n      scale_factor: '',\n      transaction_value: 0,\n      currency: loggedUser.user.currency_symbol || '€',\n      allocated: '',\n      children: []\n    }\n    setEdit(true);\n\n    setInnerGroup((group:posCategoryItem[]) => group = [...group, newItem])\n  }\n\n\n  return (\n    <WrapperTableList>\n      {innerGroup.length > 0 ?\n        <>\n          {edit ? <div className=\"table table-edit\"><DataTable\n            data={innerGroup}\n            columns={customerTableColumnsStamp}\n            noHeader\n            noTableHead\n            expandableRows\n            expandableRowsComponent={\n              <InnerPosCategoryGroup data={innerGroup} edit={edit} setEdit={setEdit} getAllCategories={getAllCategories} setItems={setInnerGroup} scaleParemeterSelectList={scaleParemeterSelectList}/>\n            }\n          /></div> : <div className=\"table\"><DataTable\n            data={innerGroup}\n            columns={customerTableColumnsStamp}\n            noHeader\n            noTableHead\n            expandableRows\n            expandableRowsComponent={\n              <InnerPosCategoryGroup data={innerGroup} edit={edit} setEdit={setEdit} getAllCategories={getAllCategories} setItems={setInnerGroup} scaleParemeterSelectList={scaleParemeterSelectList}/>\n            }\n          /></div>}\n        </> : (\n          <div className=\"nothing-found\">Sorry, nothing found</div>\n        )\n      }\n      <button disabled={edit} className=\"btn-white add-category\" onClick={() => addNewCategory()}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n        <span>Add Group</span>\n      </button>\n\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={true}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">Success</div>\n            <div className=\"sub-title\">{successResponse}</div>\n          </div>\n        </Modal>\n      )}\n    </WrapperTableList>\n\n  );\n};\n\nexport default InnerPosCategoryGroup;\n","import React, {useEffect} from \"react\";\nimport {Wrapper} from \"./styled\";\nimport Input from \"../Input\";\nimport PosCategoryColumn from \"./PosCategoryColumn\";\nimport {ReactComponent as Delete} from \"../../assets/img/delete.svg\";\nimport {ReactComponent as Edit} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport DataTable from \"react-data-table-component\";\nimport InnerPosCategoryGroup from \"./InnerPosCategoryGroup/InnerPosCategoryGroup\";\nimport {\n  IPosCategoryColumnWrapper,\n  IScaleParameter,\n  posCategoryItem,\n  posCategoryItemRequest\n} from \"../../types/posRyles\";\nimport {\n  editCategoryAxios,\n  removeCategoryAxios,\n  setCategoryAxios\n} from \"../../api/posTerminals\";\nimport Select from \"../Select\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\n\nconst PosCategoryColumnWrapper = ({items, setItems, edit, setEdit, getAllCategories}: IPosCategoryColumnWrapper) => {\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  useEffect(() => {\n    setEdit(false)\n  }, [])\n  \n  const validInputTextValue = [\n    '', 0, 0.0, '0'\n  ]\n  const saveItem = (id: number) => {\n    const newItems = items[id];\n    newItems.edit = false;\n    if (validInputTextValue.includes(newItems.name) || validInputTextValue.includes(newItems.product_group)) {\n      return\n    }\n    newItems.allocated = `${+newItems.scale_factor * +newItems.transaction_value}`;\n    \n    const requestItem: posCategoryItemRequest = {\n      name: newItems.name,\n      product_group: newItems.product_group,\n      product_sku: newItems.product_sku,\n      scale_parameter: `${newItems.scale_parameter}`,\n      scale_factor: newItems.scale_factor ? newItems.scale_factor : '0',\n      transaction_value: `${newItems.transaction_value}`,\n      parent: ''\n    }\n    \n    setCategoryAxios(requestItem).then(() => {\n      getAllCategories();\n      setEdit(false);\n    }).catch(e => {\n      console.log(e);\n    });\n    // setItems((items: Array<any>) => items = [...newItems]);\n  };\n  const editItem = (id: number) => {\n    const newItems = items;\n    newItems[id].edit = true;\n    setItems((items: Array<any>) => items = [...newItems]);\n    setEdit(true)\n  };\n  const saveEditItem = (id: number | undefined) => {\n    const newItems = items.filter(item => item.id === id)[0];\n    newItems.edit = true;\n    if (validInputTextValue.includes(newItems.name) || validInputTextValue.includes(newItems.product_group)) {\n      return\n    }\n    \n    const requestItem: posCategoryItemRequest = {\n      id: newItems.id,\n      name: newItems.name,\n      product_group: newItems.product_group,\n      product_sku: newItems.product_sku,\n      scale_parameter: `${newItems.scale_parameter}`,\n      scale_factor: newItems.scale_factor ? newItems.scale_factor : '0',\n      transaction_value: `${newItems.transaction_value}`,\n      parent: ''\n    }\n    setEdit(false);\n    editCategoryAxios(requestItem).then(() => {\n      getAllCategories();\n    })\n    \n  };\n  const removeItem = (id: number | undefined) => {\n    removeCategoryAxios(`${id}`)\n      .then((res) => {\n        getAllCategories();\n      }).catch(e => {\n      console.log(e);\n    });\n    setItems((items: Array<any>) => items.filter((category, index) => index !== id));\n  };\n  \n  const scaleParameterSelectList: IScaleParameter[] = [\n    {value: \"price\", label: \"Price\"},\n    {value: \"qty\", label: \"Quantity\"}\n  ];\n  \n  const categoryList = [\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.name}\n            getValue={(value) => item.name = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_group}\n            required\n            getValue={(value) => item.product_group = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_sku}\n            getValue={(value) => item.product_sku = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select Scale Parameter\"\n            selectorList={scaleParameterSelectList}\n            positionForShow=\"bottom\"\n            disabled={!item.edit}\n            required\n            defaultValue={item.scale_parameter === 'price' ? {value: \"price\", label: \"Price\"} : {\n              value: \"qty\",\n              label: \"Quantity\"\n            }}\n            getValue={(value: string | number) =>\n              item.scale_parameter = value\n            }\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.scale_factor ? item.scale_factor : '0'}\n            type=\"number\"\n            getValue={(value: string) => item.scale_factor = value ? value : '0'}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            type={item.edit ? \"number\" : undefined}\n            defaultValue={item.edit ? `${parseFloat(item.transaction_value as string)}` : `${loggedUser.user.currency_symbol || '€'}${parseFloat(item.transaction_value as string)}`}\n            getValue={(value: string) => item.transaction_value = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"8%\",\n      cell: (item: posCategoryItem): JSX.Element => {\n        return (\n          <Input\n            defaultValue={`${+item.scale_factor * +item.transaction_value}`}\n            disabled={true}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      minWidth: \"3.5%\",\n      cell: (item: posCategoryItem, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category\" onClick={() => saveEditItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category\" onClick={() => saveItem(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={edit} className=\"btn-white edit-category\" onClick={() => editItem(index)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => removeItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <div style={{width: '3%'}}></div>\n        <PosCategoryColumn title={\"Loyalty Category\"} description={\"Name your product category. e.g Fue\"}/>\n        <PosCategoryColumn title={\"Product Group\"} description={\"Enter your group I.D processed through your POS\"}/>\n        <PosCategoryColumn title={\"Product SKU\"} description={\"Enter your product SKU processed through your POS\"}/>\n        <PosCategoryColumn title={\"Scale Parameter\"}\n                           description={\"Select the parameter to scale on fuel: (Price/Volume)\"}/>\n        <PosCategoryColumn title={\"Scale Factor\"}\n                           description={`Enter the scaling factor. e.g x 2 = double points, x 0.2 = ${loggedUser.user.currency_symbol || '€'}5 = 1 point`}/>\n        <PosCategoryColumn title={\"Transaction Value\"}\n                           description={\"Fuel enter transaction value (€/£) or volume (LTR)\"}/>\n        <PosCategoryColumn title={\"Points allocated\"} description={\"\"}/>\n        <div className=\"column_buttons\"></div>\n      </div>\n      <div className=\"category-list\">\n        \n        {items !== null ? (\n          items.length > 0 ? (\n            <>\n              {edit ? <div className=\"table table-edit\">\n                <DataTable\n                  noTableHead\n                  noHeader\n                  columns={categoryList}\n                  data={items}\n                  expandableRows\n                  expandableRowsComponent={\n                    <InnerPosCategoryGroup data={items} edit={edit} setEdit={setEdit}\n                                           getAllCategories={getAllCategories} setItems={setItems}\n                                           scaleParemeterSelectList={scaleParameterSelectList}/>\n                  }\n                />\n              </div> : <div className=\"table\">\n                <DataTable\n                  noTableHead\n                  noHeader\n                  columns={categoryList}\n                  data={items}\n                  expandableRows\n                  expandableRowsComponent={\n                    <InnerPosCategoryGroup data={items} edit={edit} setEdit={setEdit}\n                                           getAllCategories={getAllCategories} setItems={setItems}\n                                           scaleParemeterSelectList={scaleParameterSelectList}/>\n                  }\n                />\n              </div>}\n            \n            </>\n          ) : (\n            <div className=\"nothing-found\">Sorry, nothing found</div>\n          )\n        ) : null}\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default PosCategoryColumnWrapper;\n","import React, {FC, useEffect, useRef, useState} from \"react\";\nimport { WrapperTableList } from \"src/views/StaffMembers/InnerTable/styled\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"../../Input\";\nimport { ReactComponent as CheckCircle } from \"../../../assets/img/checkCircle.svg\";\nimport { ReactComponent as Edit } from \"../../../assets/img/edit.svg\";\nimport { ReactComponent as Delete } from \"../../../assets/img/delete.svg\";\nimport { ReactComponent as CirclePlus } from \"../../../assets/img/circle-plus.svg\";\nimport Select from \"../../Select\";\nimport {\n   editStampCategoryAxios,\n  removeStampCategoryAxios,\n  setPosStampCategoryAxios\n} from \"../../../api/posTerminals\";\nimport {\n  posStampCategoryRequest\n} from \"../../../types/posRyles\";\nimport Modal from \"../../Modal\";\nimport Checkbox from \"../../CheckBox\";\n\nconst InnerPosStampCategoryGroup: FC<any> = ({ data, setItems, edit, setEdit, selectStampCategory, getAllCategories, scaleParemeterSelectList }) => {\n  const [innerGroup, setInnerGroup] = useState<posStampCategoryRequest[]>([])\n  const [allItems, setAllItems] = useState<any>(data)\n  const [successResponse, setSuccessResponse] = useState<string>('')\n  \n  const changeItemParameters = (index: number, field: string, value: any)=>{\n    setInnerGroup(prevItems => {\n      return prevItems.map((item, i) =>\n        i === index ? { ...item, [field]: value } : item\n      )})\n  }\n  \n  \n  const categoryList = [\n    {\n      name: \"\",\n      width: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n            <Input\n              defaultValue={item.name}\n              getValue={(value) => item.name = value}\n              // disabled={!item.edit}\n            />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_group}\n            getValue={(value) => item.product_group = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_sku}\n            getValue={(value) => item.product_sku = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (<Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={scaleParemeterSelectList}\n            positionForShow=\"bottom\"\n            required\n            defaultValue={scaleParemeterSelectList.filter((stamp: any) => stamp.value === item.icon)[0] || scaleParemeterSelectList[0]}\n            getValue={(value) => item.icon = value}\n            hideSelectorFilter\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.target}\n            type=\"number\"\n            getValue={(value: string) => item.target = +value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"10%\",\n      cell: (item: posStampCategoryRequest, index: number): JSX.Element => {\n        return (\n          <Checkbox\n            isChecked={item.is_dedicated}\n            label={'Create New Card'}\n            onChange={(isChecked) => changeItemParameters(index, 'is_dedicated', isChecked)}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n\n        return (\n          <div className=\"buttons\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => saveEditItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => saveItem(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button> :  <>\n                <button disabled={edit} className=\"btn-white edit-category\" onClick={() => editItem(index)}>\n                      <span className=\"icon\">\n                        <Edit />\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => removeItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete />\n                      </span>\n                </button>\n              </>}\n\n          </div>\n        );\n      }\n    }\n  ];\n\n  useEffect(() => {\n    setInnerGroup(allItems.children);\n    setEdit(false)\n  }, []);\n\n  const saveItem = (id: number) => {\n    const newItems = innerGroup;\n    newItems[id].edit = false;\n\n    const requestItem:posStampCategoryRequest  = {\n      name: newItems[id].name,\n      product_group: newItems[id].product_group,\n      product_sku: newItems[id].product_sku,\n      icon: `${newItems[id].icon}`,\n      target: newItems[id].target,\n      parent: `${allItems.id}`,\n      is_dedicated: newItems[id].is_dedicated,\n    }\n    setPosStampCategoryAxios(requestItem).then((res) => {\n      getAllCategories();\n      newItems[id] = { ...res.data, children: [] }\n      setSuccessResponse('Group was created')\n      setEdit(false);\n    }).catch(e => {\n      console.log(e);\n    });\n\n  };\n  const editItem = (id: number) => {\n    const newItems = innerGroup;\n    newItems[id].edit = true;\n    setEdit(true);\n  };\n  const saveEditItem = (id: number | undefined) => {\n    const newItems = innerGroup.find(item => item.id === id);\n    newItems!.edit = false;\n    console.log(newItems)\n    const requestItem:posStampCategoryRequest  = {\n      id: newItems!.id,\n      name: newItems!.name,\n      product_group: newItems!.product_group,\n      product_sku: newItems!.product_sku,\n      icon: `${newItems!.icon}`,\n      target: newItems!.target,\n      is_dedicated: newItems!.is_dedicated,\n      parent: `${allItems.id}`\n    }\n    editStampCategoryAxios(requestItem).then(()=>{\n      getAllCategories();\n      setEdit(false);\n    })\n  };\n  const removeItem = (id: number | undefined) => {\n    removeStampCategoryAxios(`${id}`)\n      .then((res) => {\n        getAllCategories();\n        setInnerGroup((items: Array<any>) => items.filter((category, index) => category.id !== id));\n        setSuccessResponse('Group was removed')\n        setEdit(false);\n      }).catch(e => {\n      console.log(e);\n    });\n\n  };\n\n  const addNewCategory = () => {\n    const newItem:posStampCategoryRequest = {\n      name: '',\n      product_group: '',\n      product_sku: '',\n      icon: 'coffee_cup',\n      target: 0,\n      edit: true,\n      is_dedicated: false,\n    }\n    setEdit(true);\n\n    setInnerGroup((group:posStampCategoryRequest[]) => group = [...group, newItem])\n  }\n\n\n  return (\n    <WrapperTableList>\n      {innerGroup.length > 0 ?\n          <div className={edit ? \"table table-edit\" : 'table'}>\n            <DataTable\n            data={innerGroup}\n            columns={categoryList}\n            noHeader\n            noTableHead\n            onRowClicked={(row) => selectStampCategory(row)}\n            expandableRows\n            expandableRowDisabled={()=>edit}\n            expandableRowsComponent={\n              <InnerPosStampCategoryGroup data={innerGroup} edit={edit} setEdit={setEdit} getAllCategories={getAllCategories} setItems={setInnerGroup} scaleParemeterSelectList={scaleParemeterSelectList}/>\n            }\n          />\n          </div>\n        : (\n          <div className=\"nothing-found\">Sorry, nothing found</div>\n        )\n      }\n      <button disabled={edit} className=\"btn-white add-category\" onClick={() => addNewCategory()}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n        <span>Add Group</span>\n      </button>\n\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={true}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">Success</div>\n            <div className=\"sub-title\">{successResponse}</div>\n          </div>\n        </Modal>\n      )}\n    </WrapperTableList>\n\n  );\n};\n\nexport default InnerPosStampCategoryGroup;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n    position: relative;\n    overflow: hidden;\n    width: 50%;\n\n    .add-stampCategory {\n        margin: 5px 2px;\n        width: 30%;\n        justify-self: start;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        .icon {\n            margin-right: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            svg {\n                width: 23px;\n                height: 23px;\n            }\n        }\n    }\n\n    .extras-based-wrapper {\n        width: 100%;\n        flex-direction: row;\n        align-items: start;\n        justify-content: space-between;\n        position: relative;\n\n        .header {\n            flex-direction: column;\n            width: 70%;\n\n            .header-tab {\n                height: auto;\n                display: flex;\n                justify-content: space-between;\n                gap: 2%;\n\n                .column {\n                    width: 40%;\n                }\n\n                .column_buttons {\n                    min-width: 100px;\n                }\n\n\n            }\n\n            .extras-based-form {\n                display: flex;\n                justify-content: space-between;\n\n                .table {\n                    width: 100%;\n\n                    & > div {\n                        overflow-y: visible;\n\n                        & > div {\n                            display: block;\n                        }\n\n                    }\n\n                    .rdt_TableRow {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        gap: 2%;\n                        padding: 12px 0 0;\n\n                        .rdt_TableCell {\n                            width: 30%;\n                            padding-left: 0;\n\n                            & > div {\n                                width: 100%;\n\n                                input {\n                                    padding-right: 40px;\n                                }\n\n                            }\n\n                            .select {\n                                margin-bottom: 12px;\n                            }\n\n                            &:nth-last-child(1) {\n                                width: 10%;\n                                margin-bottom: 12px;\n\n                                .buttons {\n                                    display: flex;\n                                    justify-content: space-between;\n                                    align-items: center;\n\n                                    button {\n                                        width: 45%;\n                                        padding: 7.5px 15px;\n                                        display: flex;\n                                        justify-content: center;\n                                        align-items: center;\n                                    }\n\n                                    .save-btn {\n                                        width: 100%;\n                                        padding: 9.5px 10px;\n\n                                        .icon {\n                                            margin-right: 5px;\n                                            display: flex;\n                                            align-items: center;\n                                            justify-content: center;\n\n                                            \n                                        }\n                                    }\n                                }\n\n                            }\n                        }\n                    }\n\n\n                }\n\n                .table-edit {\n                    & > div {\n                        padding-bottom: 140px;\n\n                        .select {\n                            .bottom {\n                                //max-height: 130px;\n                                width: 120%;\n                            }\n                        }\n                    }\n                }\n\n                .modal-content {\n                    text-align: center;\n                    padding: 60px 50px;\n                    @media (max-width: 600px) {\n                        padding: 30px 15px;\n                    }\n\n                    .title {\n                        color: ${Color.blueDarkText};\n                        font-size: 30px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n\n                    .sub-title {\n                        color: ${Color.blueDarkText};\n                        font-size: 25px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                }\n            }\n        }\n\n    }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport PosCategoryColumn from \"../../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\nimport DataTable from \"react-data-table-component\";\nimport PosTabWrapper from \"../../../components/PosTabWrapper\";\nimport Input from \"../../../components/Input\";\nimport {ReactComponent as CheckCircle} from \"../../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../../assets/img/delete.svg\";\nimport {ReactComponent as CirclePlus} from \"../../../assets/img//circle-plus.svg\";\nimport {createExtrasProductsAxios, getExtrasProductsAxios, removeExtrasProductsAxios} from \"../../../api/posTerminals\";\n\nconst ExtrasProducts = () => {\n  const invalidInputTextValue = [\n    '', 0, 0.0,'0'\n  ]\n  const [extrasProducts, setExtrasProducts] = useState<any[]>([]);\n  \n  const getExtrasProducts = useCallback(() => {\n    getExtrasProductsAxios().then(res => {\n      setExtrasProducts(res.data.productExtras);\n    })\n  }, [])\n  \n  useEffect(() => {\n    getExtrasProducts()\n  }, []);\n  \n  const saveEditStampCategory = (id: number) => {\n    const newItems = extrasProducts.filter(item => item.id === id)[0];\n    newItems.edit = true;\n    if(invalidInputTextValue.includes(newItems.name) || invalidInputTextValue.includes(newItems.sku)) {\n      return\n    }\n    \n    const requestItem: any = {\n      id: newItems.id,\n      name: newItems.name,\n      sku: newItems.sku,\n    }\n    createExtrasProductsAxios(requestItem).then(() => {\n      getExtrasProducts();\n    })\n  }\n  \n  const addNewPosStampCategory = (index: number) => {\n    const newItems = extrasProducts[index];\n    newItems.edit = false;\n    if(invalidInputTextValue.includes(newItems.name) || invalidInputTextValue.includes(newItems.sku)) {\n      return\n    }\n    \n    const requestItem: any = {\n      name: newItems.name,\n      sku: newItems.sku,\n    }\n    createExtrasProductsAxios(requestItem).then(() => {\n      getExtrasProducts();\n    }).catch(e => {\n      console.log(e);\n    });\n  }\n  \n  const editPosStampCategoryItem = (id: number) => {\n    const newItems = extrasProducts;\n    newItems[id].edit = true;\n    setExtrasProducts((stamp: Array<any>) => stamp = [...newItems]);\n  };\n  \n  const removePosStampCategoryItem = (id: number | undefined) => {\n    removeExtrasProductsAxios({id})\n      .then((res) => {\n        getExtrasProducts();\n      }).catch(e => {\n      console.log(e);\n    });\n    setExtrasProducts((items: Array<any>) => items.filter((category) => category.id !== id));\n  };\n  \n  const addPosStampCategory = () => {\n    const newStampCategoryItem: any = {\n      name: '',\n      sku: '',\n      edit: true,\n    }\n    setExtrasProducts([...extrasProducts, newStampCategoryItem])\n    // setEditStamp(true)\n  }\n  \n  const extrasProductsList = [\n    {\n      name: \"\",\n      maxWidth: \"40%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.name}\n            required\n            getValue={(value) => item.name = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"40%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.sku}\n            getValue={(value) => item.sku = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"10%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => saveEditStampCategory(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ?\n                <button className=\"btn-white edit-category save-btn\" onClick={() => addNewPosStampCategory(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                  <span>Save</span>\n                </button> : <>\n                  <button className=\"btn-white edit-category\" onClick={() => editPosStampCategoryItem(index)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                  </button>\n                  <button className=\"btn-white remove-category\" onClick={() => removePosStampCategoryItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                  </button>\n                </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  return (\n    <Wrapper>\n      <PosTabWrapper title={\"Extras to products\"}\n                     description={\"\"}\n                     button={false}>\n        <>\n          <div className=\"content extras-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <PosCategoryColumn title={\"Extras Name\"} description={\"Name your extras. e.g Fue\"}/>\n                <PosCategoryColumn title={\"Extras SKU\"}\n                                   description={\"Enter your Extras SKU processed through your POS\"}/>\n                <div className=\"column_buttons\"></div>\n              </div>\n              <div className=\"extras-based-form\">\n                {extrasProducts !== null ? (\n                  extrasProducts.length > 0 ? (\n                    <div className=\"table\">\n                      <DataTable\n                        noTableHead\n                        noHeader\n                        columns={extrasProductsList}\n                        data={extrasProducts}\n                      />\n                    </div>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button className=\"btn-white add-stampCategory\" onClick={() => addPosStampCategory()}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Add Extras</span>\n              </button>\n            </div>\n          </div>\n        \n        </>\n      \n      </PosTabWrapper>\n    </Wrapper>\n  );\n};\n\nexport default ExtrasProducts;\n","import React, {useEffect, useRef, useState} from \"react\";\nimport { Wrapper } from \"./styled\";\nimport PosTabWrapper from \"../../components/PosTabWrapper\";\nimport PosCategoryColumnWrapper from \"../../components/PosCategoryColumnWrapper\";\nimport { ReactComponent as CirclePlus } from \"../../assets/img//circle-plus.svg\";\nimport PosCategoryColumn from \"../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\nimport Card from \"../../components/Card\";\nimport { getPlaceInfoAxios } from \"../../api/place\";\nimport { BusinessInfoInterface } from \"../../types/place\";\nimport Input from \"../../components/Input\";\nimport Select from \"../../components/Select\";\nimport { posCategoryItem, posStampCategoryRequest } from \"../../types/posRyles\";\nimport {\n   editStampCategoryAxios,\n  getAllCategoriesAxios,\n  getPosStampCategoryAxios, removeStampCategoryAxios,\n  setPosStampCategoryAxios\n} from \"../../api/posTerminals\";\nimport { getStampIconsAxios } from \"../Registration/Step/RegistrationBuildYourCard/api\";\nimport { stampIcon } from \"../../types/stampIcon\";\nimport DataTable from \"react-data-table-component\";\nimport { ReactComponent as CheckCircle } from \"../../assets/img/checkCircle.svg\";\nimport { ReactComponent as Edit } from \"../../assets/img/edit.svg\";\nimport { ReactComponent as Delete } from \"../../assets/img/delete.svg\";\nimport InnerPosStampCategoryGroup\n  from \"../../components/PosCategoryColumnWrapper/innerPosStampCategory/InnerPosStampCategoryGroup\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\nimport ExtrasProducts from \"./ExtrasProducts/ExtrasProducts\";\n\nconst PosRules = () => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const [cardClosed, setCardClosed] = useState<boolean>(false);\n  const [businessLogo, setBusinessLogo] = useState<string>('');\n  const [items, setItems] = useState<posCategoryItem[]>([]);\n  const [stampIconList, setStampIconList] = useState<any[]>([]);\n  const [posStamps, setPosStamps] = useState<posStampCategoryRequest[]>([{\n    name: '',\n    product_group: '',\n    product_sku: '',\n    icon: 'coffee_cup',\n    target: 0,\n    is_dedicated: false,\n  }])\n  const [selectedStampCategory, setSelectedStampCategory] = useState<posStampCategoryRequest>(posStamps[0])\n  const [edit, setEdit] = useState(false)\n  const [editStamp, setEditStamp] = useState(false)\n  const [businessInfo, setBusinessInfo] = React.useState<BusinessInfoInterface>(\n    {\n      name: \"\",\n      category: \"\",\n      promotionName: \"\",\n      promotionTypeName: \"\",\n      promotionVaucherInformation: \"\",\n      promotionTypeID: 0,\n      maxNumberPromotion: 0,\n      verification_status: null,\n      promotionLabel: null,\n      businessType: {\n        display_name: null,\n        id: null,\n        name: null,\n      },\n      stampIcon: {\n        display_name: null,\n        id: null,\n        name: null,\n        single_item: null,\n      },\n      points: [],\n      website_url: \"\",\n      instagram_url: \"\",\n      facebook_url: \"\",\n      first_checkIn: '',\n      bonusRewardTarget: 0,\n      bonusRewardValue: 0,\n      bonusRewardLabel: '',\n      bonusRewardExpireDays: '',\n    }\n  );\n  useEffect(() => {\n    getAllCategoriesAxios().then((res)=>{\n      setItems(res);\n    })\n    getPosStampCategories()\n    handleGetStampIcons()\n\n    // setItems([...defItems])\n  },[])\n\n\n  const handleGetStampIcons = () => {\n    getStampIconsAxios().then((response) => {\n      setStampIconList(\n        response.data.stampIcons.map((_stampIcon: stampIcon) => {\n          return {\n            value: _stampIcon.name,\n            label: _stampIcon.display_name,\n            additional: {\n              icon_name: _stampIcon.name,\n              single_item: _stampIcon.single_item,\n            },\n          };\n        })\n      );\n    });\n  };\n\n  useEffect(() => {\n    getPlaceInfo();\n  }, [items]);\n\n  const getPlaceInfo = () => {\n    getPlaceInfoAxios().then(({ data }) => {\n      // setGetInfoLoadingLoading(false);\n      setBusinessLogo(data.place.image);\n      setBusinessInfo({\n        ...businessInfo,\n        name: data.place.name,\n        category: data.place.category,\n        promotionName: data.place.details,\n        promotionVaucherInformation: data.place.description,\n        promotionTypeName: data.place.promotion,\n        promotionTypeID: data.place.promotion_id,\n        maxNumberPromotion: data.place.maxStamp,\n        verification_status: data.place.verification_status,\n        promotionLabel: data.place.promotion_label,\n        businessType: {\n          display_name: data.place.business_type.display_name,\n          id: data.place.business_type.id,\n          name: data.place.business_type.name,\n        },\n        stampIcon: {\n          display_name: data.place.stamp_icon?.display_name,\n          id: data.place.stamp_icon?.id,\n          name: data.place.stamp_icon?.name,\n          single_item: data.place.stamp_icon?.single_item,\n        },\n        points: data.place.points,\n        website_url: data.place.website_url,\n        instagram_url: data.place.instagram_url,\n        facebook_url: data.place.facebook_url,\n        first_checkIn: data.place.first_checkIn\n      });\n      // setLocations(data.locations);\n      // setLocationMaxCount(data.location_max_count);\n    });\n  };\n\n  const getAllCategories: any = async () => {\n    await getAllCategoriesAxios().then((res)=>{\n      return setItems(res);\n    })\n  }\n  const getPosStampCategories: any = async () => {\n\n    await getPosStampCategoryAxios().then((res)=>{\n      return res.data !== null ? setPosStamps(res.data) : setPosStamps([{\n        name: '',\n        product_group: '',\n        product_sku: '',\n        icon: 'coffee_cup',\n        target: 0,\n        is_dedicated: false,\n      }])\n    })\n\n  }\n  const invalidInputTextValue = [\n    '', 0, 0.0,'0'\n  ]\n\n  const addPosStampCategory = () => {\n    const newStampCategoryItem:posStampCategoryRequest = {\n      name: '',\n      product_group: '',\n      product_sku: '',\n      icon: 'coffee_cup',\n      target: 0,\n      edit: true,\n      children: [],\n      is_dedicated: false,\n    }\n    setPosStamps([...posStamps, newStampCategoryItem])\n    setEditStamp(true)\n  }\n\n  const addNewCategory = () => {\n    const newItem:posCategoryItem = {\n        edit: true,\n        name: '',\n        product_group: '',\n        product_sku: '',\n        scale_parameter: 'price',\n        scale_factor: '0',\n        transaction_value: 0,\n        currency: loggedUser.user.currency_symbol || '€',\n        allocated: '',\n        children: []\n    }\n\n    setItems(items => items = [...items, newItem])\n    setEdit(true)\n\n  }\n\n  const saveEditStampCategory = (id: number) =>{\n    const newItems = posStamps.filter(item => item.id === id)[0];\n    newItems.edit = true;\n    if(invalidInputTextValue.includes(newItems.name) || invalidInputTextValue.includes(newItems.product_group)) {\n      return\n    }\n\n    const requestItem:posStampCategoryRequest  = {\n      id: newItems.id,\n      name: newItems.name,\n      product_group: newItems.product_group,\n      product_sku: newItems.product_sku,\n      icon: `${newItems.icon}`,\n      target: newItems.target,\n      is_dedicated: newItems.is_dedicated,\n      parent: ''\n    }\n    setEditStamp(false);\n    editStampCategoryAxios(requestItem).then(()=>{\n      getPosStampCategories();\n    })\n  }\n\n  const addNewPosStampCategory = (index: number) => {\n    const newItems = posStamps[index];\n    newItems.edit = false;\n    if(invalidInputTextValue.includes(newItems.name) || invalidInputTextValue.includes(newItems.product_group)) {\n      return\n    }\n\n    const requestItem:posStampCategoryRequest  = {\n      name: newItems.name,\n      product_group: newItems.product_group,\n      product_sku: newItems.product_sku,\n      icon: `${newItems.icon}`,\n      target: newItems.target,\n      is_dedicated: newItems.is_dedicated,\n      parent: ''\n    }\n    setEditStamp(true)\n    setPosStampCategoryAxios(requestItem).then(() => {\n      getPosStampCategories();\n    }).catch(e => {\n      console.log(e);\n    });\n  }\n\n  const editPosStampCategoryItem = (id: number) => {\n    const newItems = posStamps;\n    newItems[id].edit = true;\n    setPosStamps((stamp: Array<any>) => stamp = [...newItems]);\n    setEditStamp(true)\n  };\n\n  const removePosStampCategoryItem = (id: number | undefined) => {\n    removeStampCategoryAxios(`${id}`)\n      .then((res) => {\n        getPosStampCategories();\n      }).catch(e => {\n      console.log(e);\n    });\n    setPosStamps((items: Array<any>) => items.filter((category) => category.id !== id));\n  };\n\n  const selectStampCategory = (row:any) => {\n    setSelectedStampCategory(row)\n  }\n\n  const categoryList = [\n    {\n      name: \"\",\n      width: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n            <Input\n              defaultValue={item.name}\n              required\n              getValue={(value) => item.name = value}\n              // disabled={!item.edit}\n            />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_group}\n            required={item.product_sku === ''}\n            getValue={(value) => item.product_group = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.product_sku}\n            required={item.product_group === ''}\n            getValue={(value) => item.product_sku = value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (<Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={stampIconList}\n            positionForShow=\"bottom\"\n            required\n            defaultValue={stampIconList.filter(stamp => stamp.value === item.icon)[0] || stampIconList[0]}\n            getValue={(value) => item.icon = value}\n            hideSelectorFilter\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: posStampCategoryRequest): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.target ? item.target : '0'}\n            type=\"number\"\n            required\n            getValue={(value: string) => item.target = +value}\n            // disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n\n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => saveEditStampCategory(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => addNewPosStampCategory(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button> :  <>\n                <button disabled={edit} className=\"btn-white edit-category\" onClick={() => editPosStampCategoryItem(index)}>\n                      <span className=\"icon\">\n                        <Edit />\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => removePosStampCategoryItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete />\n                      </span>\n                </button>\n              </>}\n\n          </div>\n        );\n      }\n    }\n  ];\n  return (\n    <Wrapper>\n      <PosTabWrapper title={\"Customize Loyalty Based on Your Business Need\"}\n                     description={\"Use this section to create specific rules related to specific products and product groups, such as: restricted product lines where no loyalty points are issued, double points on promotional lines, or scaled down points based on spending\"}\n                     button={true} buttonText={\"Upload SKU Inventory\"}>\n        <div className=\"content\">\n          <PosCategoryColumnWrapper items={items} setItems={setItems} edit={edit} setEdit={setEdit} getAllCategories={getAllCategories} />\n          <button disabled={edit} className=\"btn-white add-category\" onClick={() => addNewCategory()}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n              <span>Add Category</span>\n          </button>\n        </div>\n      </PosTabWrapper>\n      {loggedUser.user.allow_pos_extras ?\n        <ExtrasProducts/>\n       : null}\n\n      <PosTabWrapper title={\"Stamp Based Loyalty\"}\n                     description={\"You can offer stamp based loyalty to your customers on specific product groups, e.g Coffee: Buy 5 get 1 free.\"}\n                     button={false}>\n        <>\n          <div className=\"content stamp-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <div style={{width: '4%'}}></div>\n                <PosCategoryColumn title={'Loyalty Category'} description={'Name your product category. e.g Fue'}/>\n                <PosCategoryColumn title={'Product Group'}\n                                   description={'Enter your group I.D processed through your POS'}/>\n                <PosCategoryColumn title={'Product SKU'}\n                                   description={'Enter your product SKU processed through your POS'}/>\n                <PosCategoryColumn title={'Stamp Icon'} description={'Select preferred stamp icon, e.g Coffee Cup'}/>\n                <PosCategoryColumn title={'Stamp Target'}\n                                   description={'Enter the number of stamps a customer must earn for a free item'}/>\n                <div className=\"column_buttons\"></div>\n              \n              </div>\n              \n              \n              <div className=\"stamp-based-form\">\n\n                {posStamps !== null ? (\n                  posStamps.length > 0 ? (\n                    <>\n                      <div className={editStamp ? \"table table-edit\" : 'table'}>\n                        <DataTable\n                          noTableHead\n                          noHeader\n                          columns={categoryList}\n                          onRowClicked={(row) => selectStampCategory(row)}\n                          data={posStamps}\n                          expandableRows\n                          expandableRowsComponent={\n                            <InnerPosStampCategoryGroup selectStampCategory={selectStampCategory} data={items} edit={editStamp} setEdit={setEditStamp} getAllCategories={getPosStampCategories} setItems={setPosStamps} scaleParemeterSelectList={stampIconList}/>\n                          }\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button disabled={edit} className=\"btn-white add-stampCategory\" onClick={() => addPosStampCategory()}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Add Stamp Category</span>\n              </button>\n            </div>\n            <Card\n              acceptedFiles={businessLogo}\n              accountInformation={{\n                companyName: businessInfo.name,\n                businessType: businessInfo.businessType?.id ?? \"\",\n                stampIcon: businessInfo.stampIcon?.id ?? \"\",\n                stampName: `${selectedStampCategory.icon}`,\n                promotionType: 1,\n                rewardInformation: `Free ${selectedStampCategory.name}`,\n                rewardCode: \"\",\n                maxNumberPromotion: +selectedStampCategory.target,\n                promotionLabel: businessInfo.promotionLabel ?? \"\",\n                first_checkIn: +businessInfo.first_checkIn ?? '0'\n              }}\n              cardClosed={cardClosed}\n              setCardClosed={setCardClosed}\n              points_info={{\n                maxPoints: businessInfo.points\n                  ? businessInfo.points[0]?.pointsAmount\n                  : undefined,\n                points: businessInfo.points\n                  ? businessInfo.points[0]?.pointsAmount / 2\n                  : undefined,\n                reward: businessInfo.points\n                  ? businessInfo.points[0]?.reward\n                  : undefined,\n              }}\n            />\n\n          </div>\n\n        </>\n\n      </PosTabWrapper>\n\n    </Wrapper>\n  );\n};\n\nexport default PosRules;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  \n  .locations {\n    position: relative;\n    /* margin-right: 30px; */\n    /* width: calc(70% - 30px); */\n    margin-top: 30px;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 25px 30px;\n    box-sizing: border-box;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin-bottom: 25px;\n    }\n\n    .create-filter {\n      margin-bottom: 15px;\n    }\n\n    .create-location {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        position: relative;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .select-deal-container {\n        .select {\n          margin-bottom: 15px;\n        }\n      }\n\n      .input-wrap {\n        margin-bottom: 15px;\n\n        .location-group {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .add-location-wrapper {\n        display: flex;\n        flex-direction: column;\n\n        .left-block {\n          width: 100%;\n          margin-right: 15px;\n        }\n\n        .right-block {\n          width: 100%;\n\n          .upload-image {\n            /* height: 150px; */\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n\n    .create-new-user {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        overflow: hidden;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .input-wrap {\n        display: flex;\n        margin-bottom: 15px;\n\n        & > div {\n          flex: 1;\n          width: calc(100% / 3);\n          margin-right: 20px;\n\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n\n    .location-item {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      margin-bottom: 10px;\n      padding: 20px;\n      box-sizing: border-box;\n\n      .main {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        margin-bottom: 15px;\n\n        .logo-nameAddress {\n          display: flex;\n          align-items: flex-start;\n        }\n\n        .logo {\n          line-height: 0;\n          margin-right: 15px;\n\n          img {\n            height: 40px;\n            width: 40px;\n            border-radius: 100%;\n            object-fit: cover;\n          }\n        }\n\n        .name-address {\n          width: calc(100% - 55px);\n        }\n\n        .name {\n          color: ${Color.blueDarkText};\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 23px;\n          margin-bottom: 5px;\n        }\n\n        .address {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 22px;\n          margin-bottom: 20px;\n        }\n\n        .edit-remove {\n          display: flex;\n          align-items: center;\n\n          button {\n            background: none;\n            padding: 0;\n            opacity: 0.6;\n\n            &:hover {\n              opacity: 1;\n            }\n          }\n\n          .edit {\n            margin-right: 10px;\n          }\n        }\n      }\n\n      .two_btn_wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        @media (max-width: 600px) {\n          * {\n            flex-basis: 100%;\n            margin-bottom: 10px;\n          }\n        }\n        button {\n          background: none;\n          color: ${Color.blue};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          text-align: center;\n        }\n      }\n\n      &.hide-staff {\n        .show-hide-staff {\n          button {\n            .hide {\n              display: none;\n            }\n          }\n        }\n\n        .staff-list-wrap {\n          height: 0px;\n          overflow: hidden;\n        }\n      }\n\n      &.show-staff {\n        .show-hide-staff {\n          button {\n            .show {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .show-hide-staff {\n        text-align: center;\n      }\n\n      .staff-list-wrap {\n        transition: 0.5s all ease;\n      }\n\n      .create-filter {\n        display: flex;\n\n        .search-wrap {\n          margin-left: 20px;\n          flex: 1;\n          width: 100%;\n        }\n\n        button {\n          margin-bottom: 15px;\n        }\n      }\n\n      .staff-list {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        padding-bottom: 20px;\n        box-sizing: border-box;\n        margin-bottom: 15px;\n\n        &.table {\n          & > div {\n            overflow: unset;\n          }\n        }\n\n        &-table-wrap {\n          position: relative;\n        }\n\n        div.rdt_TableRow {\n          padding: 13px 0;\n        }\n\n        div:first-child {\n          &::-webkit-scrollbar {\n            height: 5px;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            background: ${Color.white};\n            border-radius: 3px;\n          }\n\n          &::-webkit-scrollbar-thumb:hover {\n            background: ${Color.blueText};\n          }\n\n          &:hover {\n            &::-webkit-scrollbar-thumb {\n              background: ${Color.blueLight};\n            }\n\n            &::-webkit-scrollbar-thumb:hover {\n              background: ${Color.blueText};\n            }\n          }\n        }\n      }\n      @media (max-width: 500px) {\n        padding: 15px;\n      }\n    }\n\n    .edit_location {\n      margin-bottom: 25px;\n      .close-wrap {\n        display: flex;\n        justify-content: flex-end;\n        margin: 5px 0px 15px;\n        .close {\n          background: none;\n        }\n      }\n\n      .edit_location_form {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        & > *:nth-child(1) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(2) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(3) {\n          flex-basis: 100%;\n        }\n        .btn_wrapper {\n          width: 100%;\n        }\n        @media (max-width: 600px) {\n          & > *:nth-child(1) {\n            flex-basis: 100%;\n          }\n          & > *:nth-child(2) {\n            flex-basis: 100%;\n            margin: 15px 0px;\n          }\n        }\n      }\n\n      .location-group-logo {\n        flex-basis: 100%;\n        margin: 15px 0px;\n      }\n      .welcome_gift_wrapper {\n        background-color: ${Color.white};\n        padding: 16px;\n        flex-basis: 100%;\n        margin-bottom: 20px;\n      }\n      .welcome_gift_form {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        & > * {\n          flex-basis: 100%;\n          margin: 10px 0px;\n        }\n      }\n      .title_block {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 400;\n        margin: 0px 0px 16px;\n      }\n    }\n\n    .sidebar-edit-location {\n      .location-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      .location-group-google-autocomplete {\n        .place-point-icon {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .location-group-logo {\n        .dropZone > div .img img {\n          position: absolute;\n        }\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n\n    .sidebar-edit-staff {\n      .staff-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n    @media (max-width: 500px) {\n      padding: 15px 10px;\n    }\n  }\n  .remove-modal {\n    text-align: center;\n    padding: 30px 35px;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  .add-category{\n    margin: 5px 2px;\n    width: 20%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }.add-stampCategory{\n    margin: 5px 2px;\n    width: 40%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: stretch;\n    //justify-content: space-between;\n    margin-bottom: 15px;\n    gap: 15px;\n    .column {\n      width: 11.4%;\n\n      //.column-group{\n      //  display: flex;\n      //  //justify-content: space-between;\n      //  flex-wrap: nowrap;\n      //  gap: 15px;\n      //  .column {\n      //    width: 50%;\n      //  }\n      //}\n      .page-title {\n        font-size: 16px;\n        margin: 0 0 10px 0;\n        line-height: normal;\n      }\n      .description{\n        font-size: 12px;\n        line-height: normal;\n      }\n      //&:nth-last-child(2){\n      //  width: 29%;\n      //}\n      \n    }\n    .column_buttons {\n      width: 10%;\n    }\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: inherit;\n    padding-top: 20px;\n    width: 100%;\n    .rdt_Table{\n      .rdt_TableRow{\n        padding: 10px 0 0;\n        justify-content: space-between;\n        .rdt_TableCell{\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          .hmJyRg{\n            width: 100%;\n          }\n          input {\n            width: 90%;\n          }\n          a {\n            margin-bottom: 12px;\n          }\n          .disabled{\n            opacity: 0.5;\n            cursor: default;\n            pointer-events: none;\n          }\n          .buttons {\n            width: 100%;\n            display: flex;\n            justify-content: flex-end;\n            margin-bottom: 12px;\n            gap: 10px;\n          }\n        }\n      }\n    }\n    //.item{\n    //  display: flex;\n    //  justify-content: space-between;\n    //  &>div{\n    //    width: 14%;\n    //    input{\n    //      padding-right: 40px;\n    //    }\n    //    &:nth-last-child(1){\n    //      width: 8.5%;\n    //      margin: 0;\n    //    }\n    //  }\n    //\n    //}\n  }\n  \n  .stamp-based-wrapper {\n    width: 100%;\n    flex-direction: row;\n    align-items: start;\n    justify-content: space-between;\n    position: relative;\n    .header {\n      flex-direction: column;\n      width: 70%;\n      .header-tab {\n        height: auto;\n        display: flex;\n        justify-content: space-between;\n        gap: 2%;\n\n        .column {\n          width: 20%;\n        }\n      }\n      .stamp-based-form {\n        display: flex;\n        justify-content: space-between;\n        .table {\n          width: 100%;\n          .rdt_TableRow{\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0 0;\n            \n            .sc-idiyUo{\n              position: absolute;\n              z-index: 9999;\n              left: -10px;\n              margin-bottom: 12px;\n            }\n            .rdt_TableCell{\n              width: 20%;\n              padding-left: 0;\n              &>div{\n                width: 100%;\n                input{\n                  width: 70%;\n                  padding-right: 40px;\n                }\n                \n              }\n              .select{\n                margin-bottom: 12px;\n              }\n              &:nth-last-child(1){\n                width: 8.5%;\n                margin-bottom: 12px;\n                .buttons{\n                  display: flex;\n                  justify-content: space-between;\n                  align-items: center;\n                  button{\n                    width: 45%;\n                    padding: 7.5px 15px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                  }\n                  .save-btn{\n                    width: 100%;\n                    padding: 9.5px 10px;\n                  }\n                }\n                \n              }\n            }\n          }\n          \n          \n          \n        }\n        .table-edit{\n          &>div{\n            padding-bottom: 90px;\n          }\n          .itNnZW > ul{\n            max-height: 90px;\n          }\n\n        }\n        .modal-content{\n          text-align: center;\n          padding: 60px 50px;\n          @media (max-width: 600px) {\n            padding: 30px 15px;\n          }\n          .title {\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n          .sub-title{\n            color: ${Color.blueDarkText};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n        }\n      }\n    }\n    \n  }\n  \n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { useEffect, useState } from \"react\";\nimport { Wrapper } from \"./styled\";\nimport { createLightSpeed, deleteLightSpeed, getLightSpeed} from \"../../api/lightSpeed\";\nimport { ReactComponent as CirclePlus } from \"../../assets/img//circle-plus.svg\";\nimport Input from \"../../components/Input\";\nimport DataTable from \"react-data-table-component\";\nimport { ReactComponent as CloseIcon } from \"../../assets/img/clear.svg\";\nimport { ReactComponent as CheckCircle } from \"../../assets/img/checkCircle.svg\";\nimport { ReactComponent as Edit } from \"../../assets/img/edit.svg\";\nimport { ReactComponent as Delete } from \"../../assets/img/delete.svg\";\nimport Modal from \"../../components/Modal\";\n\nconst ExternalPosIntegration = () => {\n  const [lightSpeedBuisnes, setLightSpeedBuisnes] = useState([]);\n  const [domainPrefInput, setDomainPrefInput] = useState(\"\");\n  const [addLightSpeed, setAddLightSpeed] = useState(false);\n  useEffect(() => {\n    getAllLightSpeed()\n  }, []);\n\n  const getAllLightSpeed = () => {\n    getLightSpeed().then((res) => {\n      setLightSpeedBuisnes(res.data.lightspeedAccounts);\n    });\n  }\n\n  const handleAddLightSpeed = (event: React.FormEvent) => {\n    event.preventDefault();\n    const requestObject = {\n      domainPrefix: domainPrefInput\n    };\n    closeAddForm()\n    createLightSpeed(requestObject).then(res => {\n      getAllLightSpeed()\n    });\n  };\n  const [deleteLightSpeedItem, setDeleteLightSpeedItem] = useState<any>(null);\n\n  const closeAddForm = () => {\n    setAddLightSpeed(false)\n    setDomainPrefInput('')\n  }\n\n  const saveLightSpeedItem = (id: number) =>{\n    const newItems: any = lightSpeedBuisnes.filter((item: any) => item.id === id)[0];\n    newItems.edit = false;\n\n    const requestObject = {\n      id: newItems.id,\n      domainPrefix: newItems.domainPrefix\n    };\n    // setEditStamp(false);\n    createLightSpeed(requestObject).then(res => {\n      getAllLightSpeed()\n    });\n  }\n  const editLightSpeedItem = (id: number) => {\n    const newItems: any[] = lightSpeedBuisnes;\n    newItems[id]!.edit = true;\n    // @ts-ignore\n    setLightSpeedBuisnes((stamp: any) => stamp = [...newItems]);\n  };\n\n  const selectRemoveLightSpeed = (id: number) => {\n    // @ts-ignore\n    setDeleteLightSpeedItem(lightSpeedBuisnes.find(item => item.id === id))\n  }\n  const removeLightSpeedItem = () => {\n    // @ts-ignore\n    deleteLightSpeed({id: deleteLightSpeedItem.id})\n      .then((res) => {\n        getAllLightSpeed();\n        setDeleteLightSpeedItem(null)\n      }).catch(e => {\n      console.log(e);\n    });\n  };\n\n  const categoryList = [\n    {\n      name: \"\",\n      width: \"50%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.domainPrefix}\n            getValue={(value) => item.domainPrefix = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"20%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <a className={item.accessToken ? 'btn-blue disabled' : 'btn-blue'} target={\"_blank\"} href={item.confirmUrl} rel=\"noreferrer\">{item.accessToken ? 'Confirmed' : 'Confirm'}</a>\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any, index: number): JSX.Element => {\n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => saveLightSpeedItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle />\n                    </span>\n                <span>Save</span>\n              </button>\n              : <>\n                <button className=\"btn-white edit-category\" onClick={() => editLightSpeedItem(index)}>\n                      <span className=\"icon\">\n                        <Edit />\n                      </span>\n                </button>\n                <button className=\"btn-white remove-category\" onClick={() => selectRemoveLightSpeed(item.id)}>\n                  <span className=\"icon\">\n                      <Delete />\n                      </span>\n                </button>\n              </>}\n\n          </div>\n        );\n      }\n    }\n  ];\n  return (\n    <Wrapper>\n      <h1>External Pos Integration</h1>\n      <div className=\"locations\">\n        <button className=\"btn-white add-stampCategory\" onClick={() => {\n          setAddLightSpeed(true);\n        }}>\n            <span className=\"icon\">\n              <CirclePlus />\n            </span>\n          <span>Add Pos Integration</span>\n        </button>\n        {addLightSpeed ? (\n          <div className=\"create-location\">\n            <form\n              onSubmit={handleAddLightSpeed}\n            >\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Create new LightSpeed</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={closeAddForm}\n                  >\n                    <CloseIcon />\n                  </button>\n                </div>\n                <div className=\"add-location-wrapper\">\n                  <div className=\"left-block\">\n                    <div className=\"input-wrap\">\n                      <Input\n                        required\n                        placeholder=\"Please enter domainPrefix\"\n                        getValue={(value) => setDomainPrefInput(value)\n                        }\n                      />\n                    </div>\n                  </div>\n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add LightSpeed\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        ) : null}\n      </div>\n      <div className=\"content\">\n        <DataTable\n          noTableHead\n          noHeader\n          columns={categoryList}\n          data={lightSpeedBuisnes}\n        />\n      </div>\n      {deleteLightSpeedItem && (\n        <Modal\n          openModal={!!deleteLightSpeedItem}\n          setOpenModal={() => setDeleteLightSpeedItem(null)}\n          closeOutsideClick\n        >\n          <div\n            className={'remove-modal'}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete light Speed &quot;\n                {deleteLightSpeedItem.clientId}\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  removeLightSpeedItem();\n                }}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n\n\n    </Wrapper>\n  );\n};\n\nexport default ExternalPosIntegration;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  height: 100%;\n  width: 100%;\n  \n  .response {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 30px;\n    z-index: 53453453;\n    h3 {\n      color: ${Color.blueDarkText};\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { useEffect, useState } from \"react\";\nimport { Wrapper } from \"./styled\";\nimport {\n  checkIntegrationLightSpeed,\n  createRemouteRulsLightSpeedLocations, setCustomFieldsLightSpeedLocations,\n  setDiscountProductLightSpeed, setLoyaltyProductLightSpeedLocations, setWebhookLightSpeedLocations\n} from \"../../api/lightSpeed\";\n\n// @ts-ignore\nconst ConfirmLightSpeed = () => {\n  const [message, setMessage] = useState('')\n  useEffect(() => {\n    checkIntegrationLightSpeed(window.location.search).then(res => {\n      setMessage(res.data.message)\n      setDiscountProductLightSpeed()\n      createRemouteRulsLightSpeedLocations()\n      setWebhookLightSpeedLocations()\n      setCustomFieldsLightSpeedLocations()\n      setLoyaltyProductLightSpeedLocations()\n    }).catch(err => {\n      console.log(err);\n      setMessage(err.data.message)\n    })\n  }, [])\n\n\n  return (\n    <Wrapper>\n      <div className=\"response\">\n        {message}\n      </div>\n\n    </Wrapper>\n  );\n};\n\nexport default ConfirmLightSpeed;\n","import styled from 'styled-components';\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n    .header{\n        h2{\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n        }\n    }\n    .main_advert{\n        .subtitle{\n            h3{\n                font-size: 25px;\n                color: ${Color.blueDarkText};\n            }\n        }\n    }\n`;\n\nexport { Wrapper }","import styled, {keyframes} from 'styled-components';\nimport { Color } from \"src/types/color\";\n\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\nconst Wrapper = styled.div`\n    .header {\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 20px;\n\n        .column__title {\n            width: 15%;\n            font-size: 20px;\n            color: ${Color.blueDarkText};\n            font-weight: 500;\n        }\n    }\n\n    .main__item {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: flex-start;\n        gap: 20px;\n        \n\n        .item__wrapper {\n            width: 100%;\n            gap: 15px;\n            display: flex;\n            justify-content: flex-start;\n            align-items: flex-start;\n\n            .buttons{\n                width: 10%;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                button{\n                    width: 45%;\n                    padding: 7.5px 15px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n                .save-btn{\n                    width: 100%;\n                    padding: 9.5px 10px;\n                }\n            }\n            .column{\n                width: 15%;\n                .groups-wrap{\n                    margin-bottom: 10px;\n                    .calendar-wrapper{\n                        input {\n                            width: 77%;\n                        }\n                    }\n                    .react-datepicker-popper{\n                        z-index: 10;\n                    }\n                }\n                \n            }\n            .big_box{\n                width: 40%;\n            }\n            .selectImg {\n                height: 150px;\n                border-radius: 8px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                \n                .dropZone {\n                    display: flex;\n                    flex-direction: column;\n                    height: 100%;\n\n                    &.with-photo {\n                        & > div {\n                            .dropZone-content-text {\n                                opacity: 0;\n                                transition: 0.5s all ease;\n                            }\n                        }\n\n                        &:hover {\n                            & > div {\n                                .dropZone-content-text {\n                                    opacity: 1;\n                                }\n                            }\n                        }\n                    }\n\n                    & > div {\n                        position: relative;\n                        height: 100%;\n                        outline: none;\n                        cursor: pointer;\n\n                        &.active_true {\n                            border-color: ${Color.blueDark};\n                            box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n                        }\n\n                        &.active_false {\n                            min-height: 150px;\n                        }\n\n                        input {\n                            max-width: 100%;\n                            display: block !important;\n                            position: absolute;\n                            bottom: 0;\n                            right: 0;\n                            left: 0;\n                            margin: auto;\n                            opacity: 0;\n                            z-index: -1;\n                        }\n\n                        .img {\n                            line-height: 0;\n                        }\n\n                        .dropZone-content-text {\n                            display: flex;\n                            flex-direction: column;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                            bottom: 0;\n                            left: 0;\n                            background-color: rgba(255, 255, 255, 0.85);\n\n                            border: 1.5px dashed ${Color.blueDark};\n                            border-radius: 4px;\n                            outline: none;\n                            padding: 30px;\n                            cursor: pointer;\n                            transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n                            & > svg {\n                                margin-bottom: 5px;\n                                animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n                                path[fill-rule=\"evenodd\"] {\n                                    fill: ${Color.blueDark};\n                                }\n                            }\n\n                            .text {\n                                color: ${Color.blueDark};\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: center;\n                                align-items: center;\n\n                                span {\n                                    margin-bottom: 5px;\n                                }\n\n                                .title {\n                                    font-size: 18px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n\n                                .description {\n                                    opacity: 0.6;\n                                    font-size: 12px;\n                                    font-weight: 300;\n                                    line-height: 15px;\n                                }\n\n                                .file-name {\n                                    font-size: 21px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .img {\n                    height: 100%;\n                    img {\n                        max-width: 100%;\n                        width: 100%;\n                        max-height: 100%;\n                        height: 100%;\n                    }\n                }\n            }\n        }\n        \n        .nothing_found{\n            width: 100%;\n            height: 20vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 20px;\n            font-weight: 700;\n        }\n        \n\n    }\n\n    .add-partner {\n        margin-top: 30px;\n        display: flex;\n        align-items: center;\n\n        .icon {\n            width: 20px;\n            height: 20px;\n            margin-right: 5px;\n        }\n        \n    }\n    .move-column{\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: center;\n        gap: 15px;\n        .move-btn{\n            width: 65%;\n            min-width: 155px;\n            display: flex;\n            justify-content: flex-start;\n            .icon-revert {\n                svg{\n                    transform: rotate(180deg);\n                }\n\n            }\n        }\n    }\n    \n    \n`;\n\nexport { Wrapper }\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport Select from \"../Select\";\nimport {ReactComponent as UploadIcon} from \"src/assets/img/upload.svg\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport {ReactComponent as ArrowDown} from \"../../assets/img/arrowDown.svg\";\nimport {ReactComponent as Edit} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../assets/img/delete.svg\";\nimport {ReactComponent as CirclePlus} from \"src/assets/img//circle-plus.svg\";\nimport {DropEvent, FileRejection, useDropzone} from \"react-dropzone\";\nimport Textarea from \"../Textarea\";\nimport Input from \"../Input\";\nimport Calendar from \"../Calendar\";\nimport {AdvertsOffersType, AdvertsPartnerRequestType, AdvertsPartnerType} from \"../../types/adminTypes\";\nimport {\n  createAdvertOutletsAxios,\n  createAdvertPartnerAxios,\n  getAdminBusinessesNamesAxios, moveAdvertPartnersAxios,\n  removeAdvertOutletsAxios,\n  removeAdvertPartnerAxios,\n  uploadPhotoAxios\n} from \"../../api/adminPanel\";\nimport {SelectorListObj} from \"../Select/types\";\nimport Checkbox from \"../CheckBox\";\n\ninterface IAdminPartnersItem {\n  advertList: AdvertsPartnerType[],\n  type: string,\n  setPartners: (list: any[]) => void,\n  offers: boolean,\n  getAllPartners: () => void\n}\n\nconst AdminPartnersItem = ({advertList, setPartners, type, offers = false, getAllPartners}: IAdminPartnersItem) => {\n  const [partnersList, setPartnersList] = useState<AdvertsPartnerType[]>([])\n  const [loadingPhoto, setLoadingPhoto] = useState<boolean>(false);\n  const [focusInput, setFocusInput] = useState<number>(0);\n  \n  const onDrop = (acceptedFiles: any, fileRejections: FileRejection[], event: DropEvent) => {\n    if (acceptedFiles[0]) {\n      setLoadingPhoto(true);\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"file\", acceptedFiles[0]);\n      uploadPhotoAxios(requestFormData)\n        .then((res: any) => {\n          // @ts-ignore\n          changePartnerParameters(focusInput, false, 'logo', res.data.photo_url)\n          // setLogo(+event.target.className, res.data.photo)\n          setLoadingPhoto(false);\n        })\n        .catch(() => {\n          setLoadingPhoto(false);\n        });\n    }\n  };\n  useEffect(() => {\n    setPartnersList(advertList);\n  }, [advertList]);\n  \n  const changePartnerParameters = (id: number, date: boolean, columnName: string, value: Date | string | boolean | number| {\n    value: string,\n    label: string\n  }) => {\n    advertList[id] = {...advertList[id], [columnName]: value}\n    setPartners([...advertList])\n  }\n  const {isDragActive, getRootProps, getInputProps} = useDropzone({\n    accept: ['image/jpeg', 'image/jpg', 'image/png'],\n    multiple: false,\n    onDrop,\n  });\n  \n  const [businesses, setBusinesses] = useState<SelectorListObj[]>([{value: '', label: ''}])\n  useEffect(() => {\n    getAdminBusinessesNamesAxios().then(({data}) => {\n      let selectBusiness: any[] = []\n      data.business.forEach((item: any) => {\n        selectBusiness.push({value: item.id, label: item.business_name})\n      })\n      setBusinesses(selectBusiness)\n    });\n  }, []);\n  \n  const saveEditItem = (id: string | number) => {\n    partnersList.forEach(item => item.id === id ? item.edit = false : null)\n    handlerSetItem(partnersList.find(item => item.id === id))\n  }\n  const handlerSetItem = (data: any) => {\n    if (type === 'partner') {\n      const requestData : AdvertsPartnerRequestType = data.id ? {\n        business_id: data.name,\n        logo_url: data.logo,\n        id: data.id\n      } : {\n        business_id: data.name,\n        logo_url: data.logo\n      }\n      createAdvertPartnerAxios(requestData).then(res => {\n        getAllPartners()\n      })\n    } else {\n      const requestData : AdvertsOffersType = data.id ? {\n        business_id: data.name,\n        logo_url: data.logo,\n        id: data.id,\n        details: data.details,\n        startDate: data.startDate/1000,\n        endDate: data.endDate/1000,\n        week_offer: data.week_offer,\n        url: data.url,\n        offerType: (type === 'outlets') ? 0 : 1\n      } : {\n        business_id: data.name,\n        logo_url: data.logo,\n        details: data.details,\n        startDate: data.startDate/1000,\n        endDate: data.endDate/1000,\n        url: data.url,\n        week_offer: data.week_offer,\n        offerType: (type === 'outlets') ? 0 : 1\n      }\n      createAdvertOutletsAxios(requestData).then(res => {\n        getAllPartners()\n      })\n    }\n  }\n  \n  const createItem = (id: string | number) => {\n    partnersList.forEach((partner: any) => {\n      if (partner.id === id) {\n        partner.edit = false\n        partner.id = ''\n        return partner\n      }\n    })\n    handlerSetItem(partnersList.find(item => item.id === id))\n  }\n  const removeItem = (id: string | number) => {\n    setPartners([...partnersList.filter((item) => item.id !== +id)])\n    if (type === 'partner') {\n      removeAdvertPartnerAxios(+id).then(res => {\n        getAllPartners()\n      })\n    } else {\n      removeAdvertOutletsAxios(+id).then(res => {\n        getAllPartners()\n      })\n    }\n  }\n  const editPartnerData = (id: string | number) => {\n    partnersList.forEach((partner: any) => {\n      if (partner.id === id) {\n        partner.edit = true\n        return partner\n      }\n    })\n    setPartners([...partnersList])\n  }\n  \n  const addNewPartner = () => {\n    setPartners([...advertList, {\n      id: '',\n      edit: true,\n      name: businesses[0].value,\n      details: '',\n      startDate: Date.now(),\n      endDate: Date.now(),\n      url: '',\n      logo: '',\n      week_offer: false,\n    }])\n  }\n  \n  const movePartnerItem = (id: number, position: number) => {\n    moveAdvertPartnersAxios({id, position}).then(res=>{\n      getAllPartners()\n    })\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <p className={'column__title'}>Business Name</p>\n        <p className={'column__title'} style={offers ? {width: '10%'}: {width: '40%'}}>Logo {offers ? '(120 x 150)' : '(1920 x 1080)'}</p>\n        {offers ? <>\n          <p className={'column__title'}>Details</p>\n          <p className={'column__title'}>Promotion Timeline</p>\n          <p className={'column__title'}>URL</p>\n          <p className={'column__title'} >Visit Count</p>\n          <p className={'column__title'} style={{width: '5%'}}>Pinned</p>\n        </> : <>\n          <p className={'column__title'}>Position</p>\n        </>}\n        <p style={{width: '8%'}}></p>\n      </div>\n      <div className=\"main__item\">\n        {partnersList.length > 0 ?\n          partnersList.map((item: any, index: number) => <div key={index} className={'item__wrapper'}>\n            <div className=\"column\">\n              <Select selectorList={businesses} hideSelectorFilter\n                      positionForShow={\"bottom\"}\n                      disabled={!item.edit}\n                      defaultValue={businesses.filter(stamp => stamp.value === item.name)[0] || businesses[0]}\n                      getValue={(value) => item.name = value}\n              />\n            \n            </div>\n            <div className={`column ${!offers ? 'big_box' : ''}`} style={offers ? {width: '10%'}: {width: '40%'}}>\n              <div\n                className={`photo-wrap selectImg ${loadingPhoto ? \"loading-blue\" : \"\"}`}>\n                <div\n                  className={`dropZone ${\n                    item.logo ? \"with-photo\" : \"\"\n                  }`}\n                >\n                  <div {...getRootProps()} onMouseDown={()=> setFocusInput(index)} className={`active_${isDragActive}`}>\n                    <input {...getInputProps()} className={`${index}`} required/>\n                    {item.logo ? (\n                      <div className=\"img\">\n                        <img src={item.logo} alt=\"\"/>\n                      </div>\n                    ) : null}\n                    <div className=\"dropZone-content-text\">\n                      <UploadIcon/>\n                      <span className=\"text\">\n                      <span className=\"title\">\n                        {item.logo\n                          ? \"Update your logo\"\n                          : \"Please upload your logo\"}\n                      </span>\n                    </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            {offers ? <>\n              <div className=\"column\">\n                <Textarea defaultValue={item.details}\n                          disabled={!item.edit}\n                          getValue={(value) => changePartnerParameters(index, false, 'details', value)}/>\n              </div>\n              <div className=\"column\">\n                <div className=\"groups-wrap\">\n                  <Calendar\n                    selected={item.startDate}\n                    onChange={(e) => e >= new Date() ? changePartnerParameters(index, true, 'startDate', e) : changePartnerParameters(index, true, 'startDate', Date.now())}\n                    dateFormat=\"MMMM d, yyyy\"\n                    timeSelect={false}\n                    label={\"Start Date\"}\n                  />\n                </div>\n                <div className=\"groups-wrap\">\n                  <Calendar\n                    selected={item.endDate}\n                    onChange={(e) => e < item.startDate ? changePartnerParameters(index, true, 'endDate', item.startDate) : e <= new Date() ? changePartnerParameters(index, true, 'endDate', Date.now()) : changePartnerParameters(index, true, 'endDate', e)}\n                    dateFormat=\"MMMM d, yyyy\"\n                    timeSelect={false}\n                    label={\"End Date\"}\n                  />\n                </div>\n              </div>\n              <div className=\"column\">\n                <Input defaultValue={item.url}\n                       disabled={!item.edit}\n                       getValue={(value) => changePartnerParameters(index, false, 'url', value)}/>\n              </div>\n              <div className=\"column\" style={{fontSize: '20px'}}>\n                {item.tap_count}\n              </div>\n              <div className=\"column\" style={{width: '5%'}}>\n                <Checkbox\n                  isChecked={\n                    item.week_offer\n                  }\n                  isDisabled={!item.edit}\n                  onChange={(isChecked) => {\n                    changePartnerParameters(index, false, 'week_offer', isChecked)\n                    \n                  }}\n                />\n               </div>\n            </> : <>\n              <div className=\"column move-column\">\n                <button disabled={index === 0} className=\"btn-white move-btn\" onClick={() => movePartnerItem(item.id, index)}>\n                    <span className=\"icon icon-revert\">\n                      <ArrowDown/>\n                    </span>\n                  <span>Move Up</span>\n                </button>\n                <button disabled={index === partnersList.length -1} className=\"btn-white move-btn\" onClick={() => movePartnerItem(item.id, index+2)}>\n                    <span className=\"icon\">\n                      <ArrowDown/>\n                    </span>\n                  <span>Move Down</span>\n                </button>\n              </div>\n            </>}\n            <div className=\"buttons\" style={{width: '8%'}} data-tag=\"allowRowEvents\">\n              {item.edit && item.id ?\n                <button className=\"btn-white edit-category save-btn\" onClick={() => saveEditItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                  <span>Save</span>\n                </button>\n                : item.edit ?\n                  <button className=\"btn-white edit-category save-btn\" onClick={() => createItem(item.id)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                    <span>Save</span>\n                  </button> : <>\n                    <button disabled={item.edit} className=\"btn-white edit-category\"\n                            onClick={() => editPartnerData(item.id)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                    </button>\n                    <button disabled={item.edit} className=\"btn-white remove-category\"\n                            onClick={() => removeItem(item.id)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                    </button>\n                  </>}\n            \n            </div>\n          </div>) : <p className=\"nothing_found\">Not found Partners</p>}\n      </div>\n      {offers ? <button className=\"btn-white add-partner\" onClick={addNewPartner}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n        <span>Add Offer</span>\n      </button> : <button className=\"btn-white add-partner\" onClick={addNewPartner}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n        <span>Add Partner</span>\n      </button>}\n    </Wrapper>\n  );\n};\n\nexport default AdminPartnersItem;\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Wrapper} from './styled'\nimport AdminPartnersItem from \"../../../components/AdminPartnersItem\";\nimport {AdvertsPartnerType} from \"../../../types/adminTypes\";\nimport {getAdvertPartnersAxios, getShowAdvertInAppAxios, setShowAdvertInAppAxios} from \"../../../api/adminPanel\";\nimport CheckBox from \"../../../components/CheckBox\";\n\nconst AdminAdverts = () => {\n  const [partners, setPartners] = useState<AdvertsPartnerType[]>([])\n  const [showInMobile, setShowInMobile] = useState(false)\n  \n  const getShowInMobileApp = useCallback(()=>{\n    getShowAdvertInAppAxios().then(res=>{\n      setShowInMobile(res.data.showAdverts)\n    })\n  },[])\n  \n  const setShowInMobileApp = useCallback((showInMobile: boolean)=>{\n    setShowAdvertInAppAxios({showAdverts: showInMobile}).then(res=>{\n      getShowInMobileApp()\n    })\n  },[getShowInMobileApp])\n  \n  const handlerGetPartner = useCallback(() => {\n    getAdvertPartnersAxios().then(({data}) => {\n      let dataPartner: AdvertsPartnerType[] = []\n      data.advertPartners.forEach((partner: any) => {\n        dataPartner.push({name: +partner.business.id, id: partner.id, logo: partner.logo_url})\n      })\n      setPartners([...dataPartner])\n    })\n  }, [])\n  \n  useEffect(() => {\n    handlerGetPartner()\n    getShowInMobileApp()\n  }, []);\n  \n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <h2>In-App Advertisements</h2>\n      </div>\n      <div className=\"show_wrap\">\n        <CheckBox label={'Show in mobile App'} isChecked={showInMobile} onChange={(checked: boolean) => {\n          setShowInMobileApp(checked);\n          setShowInMobile(checked)\n        }}/>\n      </div>\n      <div className=\"main_advert\">\n        <div className=\"subtitle\">\n          <h3>Featured Partners</h3>\n        </div>\n        <AdminPartnersItem setPartners={setPartners} type={'partner'} advertList={partners} offers={false}\n                           getAllPartners={handlerGetPartner}/>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default AdminAdverts;\n","import styled from 'styled-components';\nimport { Color } from \"../../../../types/color\";\n\nconst Wrapper = styled.div`\n    .header{\n        h2{\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n        }\n    }\n    .main_advert{\n        .subtitle{\n            h3{\n                font-size: 25px;\n                color: ${Color.blueDarkText};\n            }\n        }\n    }\n`;\n\nexport { Wrapper }","import React, {useEffect, useState} from 'react';\nimport { Wrapper } from './styled'\nimport AdminPartnersItem from \"../../../../components/AdminPartnersItem\";\nimport {getAdvertOffersAxios} from \"../../../../api/adminPanel\";\nimport {AdvertsPartnerType} from \"../../../../types/adminTypes\";\n\nconst AdminAdvertsOutlets = () => {\n  const [partners, setPartners] = useState<AdvertsPartnerType[]>([])\n  useEffect(() => {\n    handlerGetAllOutlets()\n  }, []);\n  \n  const handlerGetAllOutlets = () =>{\n    getAdvertOffersAxios({offer_type: 0}).then(({data}) => {\n      setPartners(data.advertOffers)\n    })\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <h2>In-App Advertisements</h2>\n      </div>\n      <div className=\"main_advert\">\n        <div className=\"subtitle\">\n          <h3>Offers (Outlets)</h3>\n        </div>\n        <AdminPartnersItem setPartners={setPartners} type={'outlets'} advertList={partners} offers={true} getAllPartners={handlerGetAllOutlets}/>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default AdminAdvertsOutlets;\n","import styled from 'styled-components';\nimport { Color } from \"../../../../types/color\";\n\nconst Wrapper = styled.div`\n    .header{\n        h2{\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n        }\n    }\n    .main_advert{\n        .subtitle{\n            h3{\n                font-size: 25px;\n                color: ${Color.blueDarkText};\n            }\n        }\n    }\n`;\n\nexport { Wrapper }","import React, {useEffect, useState} from 'react';\nimport { Wrapper } from './styled'\nimport AdminPartnersItem from \"../../../../components/AdminPartnersItem\";\nimport {getAdvertOffersAxios} from \"../../../../api/adminPanel\";\nimport {AdvertsPartnerType} from \"../../../../types/adminTypes\";\n\nconst AdminAdvertsBrands = () => {\n  const [partners, setPartners] = useState<AdvertsPartnerType[]>([])\n  useEffect(() => {\n    handlerGetAllBrands()\n  }, []);\n  const handlerGetAllBrands = () => {\n    getAdvertOffersAxios({offer_type: 1}).then(({data}) => {\n      setPartners(data.advertOffers)\n    })\n  }\n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <h2>In-App Advertisements</h2>\n      </div>\n      <div className=\"main_advert\">\n        <div className=\"subtitle\">\n          <h3>Offers (Brands)</h3>\n        </div>\n        <AdminPartnersItem setPartners={setPartners} type={'brands'} advertList={partners} offers={true} getAllPartners={handlerGetAllBrands\n        }/>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default AdminAdvertsBrands;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\nposition: relative;\n  overflow: hidden;\n\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  .add-category{\n    margin: 5px 2px;\n    width: 20%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }.add-stampCategory{\n    margin: 5px 2px;\n    width: 20%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: stretch;\n    //justify-content: space-between;\n    margin-bottom: 15px;\n    gap: 15px;\n    .column {\n\n      //.column-group{\n      //  display: flex;\n      //  //justify-content: space-between;\n      //  flex-wrap: nowrap;\n      //  gap: 15px;\n      //  .column {\n      //    width: 50%;\n      //  }\n      //}\n      .page-title {\n        font-size: 16px;\n        margin: 0 0 10px 0;\n        line-height: normal;\n      }\n      .description{\n        font-size: 12px;\n        line-height: normal;\n      }\n      //&:nth-last-child(2){\n      //  width: 29%;\n      //}\n      \n    }\n    .column_buttons {\n      width: 10%;\n    }\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: inherit;\n    padding-top: 20px;\n    width: 100%;\n    .item{\n      display: flex;\n      justify-content: space-between;\n      &>div{\n        width: 14%;\n        input{\n          width: 80%;\n          padding-right: 40px;\n        }\n        &:nth-last-child(1){\n          width: 8.5%;\n          margin: 0;\n        }\n      }\n\n    }\n  }\n  \n  .stamp-based-wrapper {\n    width: 100%;\n    flex-direction: row;\n    align-items: start;\n    justify-content: space-between;\n    position: relative;\n    .header {\n      flex-direction: column;\n      width: 75%;\n      .header-tab {\n        height: auto;\n        display: flex;\n        justify-content: space-between;\n        gap: 2%;\n\n        .column {\n          width: 19%;\n        }\n      }\n      .stamp-based-form {\n        display: flex;\n        justify-content: space-between;\n        .table {\n          width: 100%;\n          .rdt_TableRow{\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0 0;\n            \n            .sc-idiyUo{\n              position: absolute;\n              z-index: 9999;\n              left: -10px;\n              margin-bottom: 12px;\n            }\n            .rdt_TableCell{\n              width: 20%;\n              padding-left: 0;\n              &>div{\n                width: 100%;\n                input{\n                  width: 80%;\n                  padding-right: 40px;\n                }\n                .lock-icon-wrap{\n                    bottom: 23px;\n                    right: -10px;\n                }\n              }\n              .select{\n                margin-bottom: 12px;\n              }\n              &:nth-last-child(1){\n                width: 8.5%;\n                margin-bottom: 12px;\n                .buttons{\n                  display: flex;\n                  justify-content: space-between;\n                  align-items: center;\n                  button{\n                    width: 45%;\n                    padding: 7.5px 15px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                  }\n                  .save-btn{\n                    width: 100%;\n                    padding: 9.5px 10px;\n                  }\n                }\n                \n              }\n            }\n          }\n          \n          \n          \n        }\n        .table-edit{\n          &>div{\n            padding-bottom: 90px;\n            .select{\n              .bottom{\n                max-height: 80px;\n                width: 100%;\n              }\n            }\n          }\n        }\n        .modal-content{\n          text-align: center;\n          padding: 60px 50px;\n          @media (max-width: 600px) {\n            padding: 30px 15px;\n          }\n          .title {\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n          .sub-title{\n            color: ${Color.blueDarkText};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n        }\n      }\n    }\n    \n  }\n  \n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport PosCategoryColumn from \"../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"../../components/Input\";\nimport Select from \"../../components/Select\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../assets/img/delete.svg\";\nimport {ReactComponent as CirclePlus} from \"../../assets/img//circle-plus.svg\";\nimport {RuleType} from \"../../types/ecommerceRuleTypes\";\nimport {SelectorListObj} from \"../../components/Select/types\";\nimport {\n  createEcommerceRuleAxios,\n  getEcommerceRuleListAxios,\n  removeEcommerceRuleAxios\n} from \"../../api/ecommerceRule\";\nimport {IScaleParameter} from \"../../types/posRyles\";\n\nconst EcommerceRule = () => {\n  const [ecommerceList, setEcommerceList] = useState<RuleType[]>([])\n  const [selectRestrictionTypeList, setSelectRestrictionTypeList] = useState<SelectorListObj[]>([])\n  const [selectEcommerceTypeList, setSelectEcommercwTypeList] = useState<SelectorListObj[]>([])\n  const [editEcom, setEditEcom] = useState<boolean>(false)\n  \n  useEffect(() => {\n    getEcommerceInfo()\n  }, []);\n  \n  const scaleParemeterSelectList: IScaleParameter[] = [\n    {value: \"price\", label: \"Price\"},\n    {value: \"qty\", label: \"Quantity\"}\n  ];\n  \n  const getEcommerceInfo = () => {\n    getEcommerceRuleListAxios().then(({data}) => {\n      setEcommerceList(data.category_restrictions)\n      setSelectRestrictionTypeList(data.rule_types)\n      setSelectEcommercwTypeList(data.ecommerce)\n    })\n  }\n  \n  const setEditRule = (id: number) => {\n    setEditEcom(true)\n    setEcommerceList(ecommerceList.map(rule => rule.id === id ? {...rule, edit: true} : rule))\n    // setEcommerceList([ecommerceList.forEach(rule=> rule.id === id ? rule = {...rule, edit: true} : rule)])\n  }\n  \n  \n  const categoryList = [\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.name}\n            getValue={(value) => item.name = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any): JSX.Element => {\n        return (<Select\n            placeholder=\"Select restriction type\"\n            selectorList={selectRestrictionTypeList}\n            positionForShow=\"bottom\"\n            required\n            defaultValue={selectRestrictionTypeList.filter(stamp => +stamp.value === +item.restriction_type)[0] || selectRestrictionTypeList[0]}\n            getValue={(value) => item.restriction_type = +value}\n            hideSelectorFilter\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    // {\n    //   name: \"\",\n    //   maxWidth: \"15%\",\n    //   cell: (item: any): JSX.Element => {\n    //     return (<Select\n    //         placeholder=\"Select stamp Icon\"\n    //         selectorList={selectEcommerceTypeList}\n    //         positionForShow=\"bottom\"\n    //         required\n    //         defaultValue={selectEcommerceTypeList.filter(stamp => stamp.value === item.ecommerce)[0] || selectEcommerceTypeList[0]}\n    //         getValue={(value) => item.ecommerce = value}\n    //         hideSelectorFilter\n    //         disabled={!item.edit}\n    //       />\n    //     );\n    //   }\n    // },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.restriction_value}\n            getValue={(value: string) => item.restriction_value = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select Scale Parameter\"\n            selectorList={scaleParemeterSelectList}\n            positionForShow=\"bottom\"\n            disabled={true}\n            required\n            defaultValue={scaleParemeterSelectList.filter(stamp => stamp.value === item.scale_parameter)[0] || scaleParemeterSelectList[0]}\n            getValue={(value: string | number) =>\n              item.scale_parameter = value\n            }\n            hideSelectorFilter\n            \n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"15%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <Input\n            defaultValue={`${item.scale_factor}`}\n            type=\"number\"\n            getValue={(value: string) => item.scale_factor = value}\n            disabled={!item.edit}\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => saveEcomerceRule(item)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => saveEcomerceRule(item)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={false} className=\"btn-white edit-category\" onClick={() => setEditRule(item.id)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={false} className=\"btn-white remove-category\"\n                        onClick={() => removeEcommerceRule(item.id)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  const saveEcomerceRule = (ruleObj: any) => {\n    const data = ruleObj.id === 'new' ? {\n      name: ruleObj.name,\n      restriction_type: ruleObj.restriction_type,\n      restriction_value: ruleObj.restriction_value,\n      ecommerce: ruleObj.ecommerce,\n      scale_parameter: ruleObj.scale_parameter ? ruleObj.scale_parameter : 'price',\n      scale_factor: ruleObj.scale_factor ? ruleObj.scale_factor : 0,\n    } : ruleObj\n    createEcommerceRuleAxios(data).then(res => {\n      getEcommerceInfo()\n    })\n    setEditEcom(false)\n  }\n  \n  const removeEcommerceRule = (id: number) => {\n    removeEcommerceRuleAxios(id).then(res => {\n      getEcommerceInfo()\n    })\n  }\n  \n  const addNewRule = () => {\n    setEcommerceList([...ecommerceList, {\n      id: 'new',\n      name: '',\n      edit: true,\n      restriction_type: 0,\n      ecommerce: 0,\n      restriction_value: '',\n      scale_parameter: 'price',\n      scale_factor: 0\n    }])\n    setEditEcom(true)\n  }\n  \n  return (\n    <Wrapper>\n      <h1>E-Commerce Rule</h1>\n      <>\n        <div className=\"content stamp-based-wrapper\">\n          <div className=\"header\">\n            <div className=\"header-tab\">\n              <PosCategoryColumn title={'Rule Name'} description={''}/>\n              <PosCategoryColumn title={'Rule Type'}\n                                 description={''}/>\n              <PosCategoryColumn title={'Rule Value'}\n                                 description={''}/>\n              <PosCategoryColumn title={'Scale Parameter'}\n                                 description={''}/>\n              <PosCategoryColumn title={'Scale Factor'}\n                                 description={''}/>\n              <div className=\"column_buttons\"></div>\n            \n            </div>\n            \n            \n            <div className=\"stamp-based-form\">\n              \n              {ecommerceList !== null ? (\n                ecommerceList.length > 0 ? (\n                  <>\n                    {editEcom ? <div className=\"table table-edit\">\n                      <DataTable\n                        noTableHead\n                        noHeader\n                        columns={categoryList}\n                        // onRowClicked={(row) => console.log('sd')}\n                        data={ecommerceList}\n                        // expandableRows\n                        // expandableRowsComponent={\n                        //   <InnerPosStampCategoryGroup selectStampCategory={selectStampCategory} data={items} edit={editStamp} setEdit={setEditStamp} getAllCategories={getPosStampCategories} setItems={setPosStamps} scaleParemeterSelectList={stampIconList}/>\n                        // }\n                      />\n                    </div> : <div className=\"table\">\n                      <DataTable\n                        noTableHead\n                        noHeader\n                        columns={categoryList}\n                        data={ecommerceList}\n                        // onRowClicked={(row) => selectStampCategory(row)}\n                        // expandableRows\n                        // expandableRowsComponent={\n                        //   <InnerPosStampCategoryGroup selectStampCategory={selectStampCategory} data={items} edit={editStamp} setEdit={setEditStamp} getAllCategories={getPosStampCategories} setItems={setPosStamps} scaleParemeterSelectList={stampIconList}/>\n                        // }\n                      />\n                    </div>}\n                  \n                  </>\n                ) : (\n                  <div className=\"nothing-found\">Sorry, nothing found</div>\n                )\n              ) : null}\n            </div>\n            <button disabled={false} className=\"btn-white add-stampCategory\" onClick={addNewRule}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n              <span>Add Rule</span>\n            </button>\n          </div>\n        \n        </div>\n      \n      </>\n    </Wrapper>\n  );\n};\n\nexport default EcommerceRule;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgChecked(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 15.556,\n    height: 11.556,\n    viewBox: \"0 0 15.556 11.556\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"rgb(255,255,255)\",\n    fillRule: \"evenodd\",\n    d: \"M5.55555556 11.55555556L0 6l1.55555556-1.55555556 4 4L14 0l1.55555556 1.55555556-10 10z\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgChecked);\nexport default __webpack_public_path__ + \"static/media/checked.93e9f6f8.svg\";\nexport { ForwardRef as ReactComponent };","import axios from \"./api\";\n\nexport const getEcommerceRuleListAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/ecommerce/getCategoryRestrictions\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const createEcommerceRuleAxios = (data:any): Promise<any> =>\n  axios\n    .post(\"/api/ecommerce/addCategoryRestrictions\", data)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeEcommerceRuleAxios = (id: number): Promise<any> =>\n  axios\n    .post(\"/api/ecommerce/deleteRule\", {id})\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import { Color } from \"src/types/color\";\nimport styled, {keyframes} from \"styled-components\";\n\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\nconst uploadKeyFrames = keyframes`\n  0% {\n    transform: translateY(8px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(8px);\n  }\n`;\n\nexport const Wrapper = styled.div`\n  .top-bar div.search-wrap {\n    margin-left: 0;\n      input {\n          padding: 11px 16px 11px 46px;\n          margin-bottom: 10px;\n      }\n      svg{\n          top: 43%;\n      }\n      \n  }\n    .modal-content{\n        text-align: center;\n        padding: 60px 50px;\n        @media (max-width: 600px) {\n            padding: 30px 15px;\n        }\n        .title {\n            color: ${Color.green};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n                font-size: 23px;\n                line-height: 28px;\n            }\n        }\n        .sub-title{\n            color: ${Color.blueDarkText};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n                font-size: 23px;\n                line-height: 28px;\n            }\n        }\n    }\n    .data-wrap{\n        .select{\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            margin-bottom: 12px;\n            \n            & > .label:not(:empty) {\n                color: ${Color.blueDarkText};\n                font-size: 16px;\n                font-weight: 500;\n                line-height: 20px;\n                margin-bottom: 10px;\n            }\n            & > svg path:not([fill=\"none\"]) {\n                fill: #666e90;\n            }\n            & > svg {\n                position: absolute;\n                left: 8px;\n                top: 8px;\n            }\n\n            & > input {\n                border-radius: 2px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                padding: 11px 16px 11px 40px;\n                font-size: 16px;\n                line-height: 20px;\n                cursor: pointer;\n                background: url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center;\n\n\n                &::placeholder {\n                    color: #95989d;\n                }\n\n                &:disabled:not(\".lock\") {\n                    background: rgba(0, 0, 0, 0.07);\n                    box-shadow: none;\n                }\n            }\n            &.lock {\n                input {\n                    background: none;\n                    cursor: initial;\n                }\n            }\n\n            & > ul {\n                position: absolute;\n                width: 100%;\n                background: #fff;\n                z-index: 5;\n                box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n                border-radius: 2px;\n                padding: 5px 0;\n                max-height: 230px;\n                overflow: auto;\n                &.top {\n                    bottom: calc(100% + 7px);\n                }\n                &.bottom {\n                    top: calc(100% + 7px);\n                }\n\n                &::-webkit-scrollbar {\n                    width: 4px;\n                    height: 4px;\n                }\n\n                &::-webkit-scrollbar-track {\n                    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    background-color: rgba(0, 144, 202, 0.4);\n                }\n\n                & > input {\n                    width: 90%;\n                    margin: 10px auto;\n                    display: block;\n                    padding: 7px 10px;\n                    background: unset;\n                    height: auto;\n                    border: 2px solid #ebebeb;\n                    border-radius: 6px;\n                    box-sizing: border-box;\n\n                    &::placeholder {\n                        color: #ced2d4;\n                    }\n                }\n\n                & > button {\n                    font-size: 14px;\n                    padding: 10px 16px;\n                    cursor: pointer;\n                    background: #fff;\n                    transition: background-color 0.225s;\n                    display: flex;\n                    width: 100%;\n\n                    &:hover {\n                        background-color: rgba(0, 0, 0, 0.04);\n                    }\n                }\n\n                & > li {\n                    padding: 10px 16px;\n                }\n            }\n            &:hover {\n                .clearable-btn {\n                    opacity: 0.4;\n                    &:hover {\n                        opacity: 1;\n                    }\n                }\n            }\n\n            .lock-icon-wrap {\n                position: absolute;\n                bottom: 10px;\n                right: 10px;\n            }\n        }\n    }\n    .create-new-user {\n        .label {\n            display: flex;\n            color: ${Color.blueDarkText};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 10px;\n            text-align: left;\n        }\n        .discountRule_wrapper, form {\n            margin-bottom: 30px;\n            border: 1px solid rgba(0, 13, 70, 0.1);\n            border-radius: 5px;\n            padding: 15px;\n            overflow: hidden;\n        }\n\n        .title-close {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n\n            .title {\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 21px;\n                margin-bottom: 0px;\n            }\n\n            .close {\n                background: none;\n                opacity: 0.6;\n                line-height: 0;\n\n                &:hover {\n                    opacity: 1;\n                }\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        .saveCard-btn{\n            width: 30%;\n        }\n        .addNew_rule{\n            width: 30%;\n            margin-top: 10px;\n        }\n        .input-wrap {\n            display: flex;\n            margin-bottom: 15px;\n            width: 50%;\n            flex-wrap: wrap;\n\n            & > div {\n                width: 45%;\n                margin-right: 20px;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.last_name-group{\n                    &>div{\n                        ul.bottom{\n                            max-height: 70px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n  .form-file{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px\n  }\n  .staff-top-bar{\n    justify-content: space-between;\n  }\n    .label {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 10px;\n        text-align: left\n    }\n    .colorInput{\n        border-radius: 4px;\n        //box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n        font-size: 18px;\n        line-height: 20px;\n        width: 100%;\n        height: 48px;\n        margin-top: 10px;\n        background-color: transparent;\n        margin-bottom: 10px;\n\n        &::placeholder {\n            color: #95989d;\n        }\n\n        &:disabled {\n            padding: 13px 40px 13px 16px;\n            /* background: rgba(0, 0, 0, 0.07);\n            box-shadow: none; */\n        }\n    }\n  .staff-add-btn{\n    margin-left: 25px;\n  }\n    .selectImg {\n                height: 200px;\n                border-radius: 8px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                \n                .dropZone {\n                    display: flex;\n                    flex-direction: column;\n                    height: 100%;\n\n                    &.with-photo {\n                        & > div {\n                            .dropZone-content-text {\n                                opacity: 0;\n                                transition: 0.5s all ease;\n                            }\n                        }\n\n                        &:hover {\n                            & > div {\n                                .dropZone-content-text {\n                                    opacity: 1;\n                                }\n                            }\n                        }\n                    }\n\n                    & > div {\n                        position: relative;\n                        height: 100%;\n                        outline: none;\n                        cursor: pointer;\n\n                        &.active_true {\n                            border-color: ${Color.blueDark};\n                            box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n                        }\n\n                        &.active_false {\n                            min-height: 200px;\n                        }\n\n                        input {\n                            max-width: 100%;\n                            display: block !important;\n                            position: absolute;\n                            bottom: 0;\n                            right: 0;\n                            left: 0;\n                            margin: auto;\n                            opacity: 0;\n                            z-index: -1;\n                        }\n\n                        .img {\n                            line-height: 0;\n                            width: 100%;\n                            height: 100%;\n                            img {\n                                height: 100%;\n                            }\n                        }\n\n                        .dropZone-content-text {\n                            display: flex;\n                            flex-direction: column;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                            bottom: 0;\n                            left: 0;\n                            background-color: rgba(255, 255, 255, 0.85);\n\n                            border: 1.5px dashed ${Color.blueDark};\n                            border-radius: 4px;\n                            outline: none;\n                            padding: 30px;\n                            cursor: pointer;\n                            transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n                            & > svg {\n                                margin-bottom: 5px;\n                                animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n                                path[fill-rule=\"evenodd\"] {\n                                    fill: ${Color.blueDark};\n                                }\n                            }\n\n                            .text {\n                                color: ${Color.blueDark};\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: center;\n                                align-items: center;\n\n                                span {\n                                    margin-bottom: 5px;\n                                }\n\n                                .title {\n                                    font-size: 18px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n\n                                .description {\n                                    opacity: 0.6;\n                                    font-size: 12px;\n                                    font-weight: 300;\n                                    line-height: 15px;\n                                }\n\n                                .file-name {\n                                    font-size: 21px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .img {\n                    img {\n                        max-width: 100%;\n                        width: 100%;\n                    }\n                }\n            }\n  .hide{\n    display: none;\n  }\n    .discount_rules-list{\n        .rdt_Table{\n            .rdt_TableHead{\n                .rdt_TableHeadRow{\n                    .rdt_TableCol{\n                        font-size: inherit;\n                    }\n                }\n            }\n            .rdt_TableBody{\n                .rdt_TableRow{\n                    align-items: center;\n                    .rdt_TableCell{\n                        color: ${Color.blueDarkText};\n                        font-size: 16px;\n                        font-weight: 500;\n                        line-height: 20px;\n                        align-items: center;\n                        height: 100%;\n                        &>div{\n                            width: 80%;\n                            .isSelect{\n                                ul.bottom{\n                                    max-height: 80px;\n                                }\n                            }\n                        }\n                        .action {\n                            display: flex;\n                            align-items: center;\n                            margin-bottom: 24px;\n                            margin-top: 10px;\n                            width: 30%;\n                            .edit {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                margin-right: 25px;\n                                background: none;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .delete {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                background: none;\n                                padding: 0;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .info {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                margin-right: 25px;\n                                background: none;\n                                cursor: pointer;\n                                position: relative;\n                                & > span {\n                                    z-index: -1;\n                                    opacity: 0;\n                                    background-color: $blueDarkText;\n                                    position: absolute;\n                                    font-size: 14px;\n                                    width: 96px;\n                                    color: $white;\n                                    padding-left: 10px;\n                                    padding-right: 10px;\n                                    text-align: center;\n                                    border-radius: 4px;\n                                    padding-top: 5px;\n                                    padding-bottom: 5px;\n                                    transition: all 0.3s ease;\n                                    line-height: 20px;\n                                    top: -55px;\n                                    left: -35px;\n                                    box-sizing: border-box;\n                                }\n                                svg {\n                                    opacity: 0.6;\n                                    &:hover {\n                                        opacity: 1;\n\n                                        & + span {\n                                            z-index: 2;\n                                            opacity: 1;\n                                        }\n                                    }\n                                    path:not([fill=\"none\"]) {\n                                        fill: rgb(0, 13, 70);\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .discount_ruls{\n        &>div{\n            ul{\n                max-height: 80px;\n            }\n        }\n    }\n    .selectLogo-box{\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n    .cardImage{\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n    .cardView{\n        border-radius: 15px;\n        width: 400px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            width: 50%;\n            height: 50%;\n            object-fit: contain;\n        }\n        \n    }\n  .table {\n    & > div {\n      // overflow: unset;\n    }\n\n    \n\n    div.rdt_TableRow {\n\n      & input {\n        width:75%\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n    \n  }\n`;\n","import axios from \"./api\";\nimport {ConditionRequest} from \"../types/conditions\";\n\nexport const getAllConditionsAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/condition\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const createConditionsAxios = (requestParams: ConditionRequest): Promise<any> =>\n  axios\n    .post(\"/api/condition\", requestParams)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const updateConditionsAxios = (requestParams: ConditionRequest): Promise<any> =>\n  \n  axios\n    .put(`/api/condition/${requestParams.id}`, {\n      name: requestParams.name,\n      conditions: requestParams.conditions,\n      discount: requestParams.discount,\n      action: requestParams.action,\n      logic_operator: requestParams.logic_operator,\n      children: requestParams.children,\n      \n    })\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const deleteConditionsAxios = ({id}: {id: number}): Promise<any> =>\n  axios\n    .delete(`/api/condition/${id}`)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"../../components/Input\";\nimport {ReactComponent as CloseIcon} from \"../../assets/img/clear.svg\";\nimport {ReactComponent as UploadIcon} from \"src/assets/img/upload.svg\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport {ReactComponent as CheckIcon} from \"src/assets/img/checked.svg\";\nimport {\n  getStaffDiscountLoyaltyCardAxios,\n  saveStaffDiscountLoyaltyCardAxios,\n  setDiscountPercentForAllMembersAxios,\n  removeDiscountRuleAxios,\n  getAllDiscountRulesAxios,\n  setNewDiscountRuleAxios,\n  setMaximumSpendDiscountAxios,\n  getMaximumSpendDiscountAxios,\n  getAllConditionsStaffDiscountAxios,\n  removeConditionsStaffDiscountAxios, addNewConditionsStaffDiscountAxios,\n} from \"../../api/customers\";\nimport {Wrapper} from \"./styled\";\n\nimport {ReactComponent as EditIcon} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../assets/img/delete.svg\";\nimport {DropEvent, FileRejection, useDropzone} from \"react-dropzone\";\nimport {uploadPhotoAxios} from \"../../api/adminPanel\";\nimport Checkbox from \"../../components/CheckBox\";\nimport Select from \"../../components/Select\";\nimport {SelectorListObj} from \"../../components/Select/types\";\nimport CheckBox from \"../../components/CheckBox/CheckBox\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\nimport Modal from \"../../components/Modal\";\nimport {getAllConditionsAxios} from \"../../api/conditions\";\n\nconst StaffDiscount = () => {\n  const [loyaltyCard, setLoyaltyCard] = useState<any>({\n    global_card_name: 'Test',\n    card_color: '#000000',\n    card_logo: '',\n    staff_barcode_prefix: 'DC',\n    card_image_enable: false,\n    card_image: '',\n    // discount_limit: ''\n  })\n  const [successResponse, setSuccessResponse] = useState<string>('')\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const changeLoyaltyCard = (label: string, value: any) => {\n    setLoyaltyCard({...loyaltyCard, [label]: value})\n  }\n  \n  // const [isLoading, setIsLoading] = useState(false);\n  const [openForm, setOpenForm] = useState(false);\n  const [openSetDiscountForm, setOpenSetDiscountForm] = useState(false);\n  const [openMaximumSpendForm, setOpenMaximumSpendForm] = useState(false);\n  // const [haveStaffCardModel, setHaveStaffCardModel] = useState(false);\n  const [openDiscountRulesForm, setOpenDiscountRulesForm] = useState(false);\n  const [openConditionsForm, setOpenConditionsForm] = useState(false);\n  const [savedCard, setSavedCard] = useState(false);\n  const [discountForAll, setDiscountForAll] = useState<number>(0)\n  const [maximumSpend, setMaximumSpend] = useState<number>(0)\n  const [maximumSpendPeriod, setMaximumSpendPeriod] = useState<number>(1)\n  const [useMaximumSpendDiscount, setUseMaximumSpendDiscount] = useState<boolean>(false)\n  const [selectedDiscountRules, setSelectedDiscountRules] = useState<any[]>([])\n  const [selectConditionsList, setSelectConditionsList] = useState<SelectorListObj[]>([])\n  const [selectedConditions, setSelectedConditions] = useState<any[]>([])\n  const setStartDate = () =>{\n    const day = loggedUser.user.created.split(' ')[0].split('-')[1]\n    const month = loggedUser.user.created.split(' ')[0].split('-')[0]\n    const year = loggedUser.user.created.split(' ')[0].split('-')[2]\n    return `${year}-${month}-${day}`\n  }\n  const [dates, setDatesState] = useState({\n    startDate:moment(new Date(setStartDate())).format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n  const [maximumSpendPeriodList, setMaximumSpendPeriodList] =useState<SelectorListObj[]>([{value: 1, label: 'Every first of the month'}])\n  \n  const discountRulesTableColumns = [\n    {\n      name: \"Rule Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new || row.edit ? (\n              <Input\n                getValue={value=>row.ruleName = value}\n                defaultValue={row.ruleName}\n              placeholder={'Rule Name'}\n              />\n            ) : (\n              row.ruleName\n            )}\n          </div>\n        );\n      },\n    },{\n      name: \"Product Dept\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new || row.edit ? (\n              <Input\n                getValue={value=>row.posCategoryName = value}\n                defaultValue={row.posCategoryName}\n                placeholder={'Product Dept'}\n              />\n            ) : (\n              row.posCategoryName\n            )}\n          </div>\n        );\n      },\n    },{\n      name: \"Product Group\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new || row.edit ? (\n              <Input\n                getValue={value=>row.posCategory = value}\n                defaultValue={row.posCategory}\n              placeholder={'Product Group'}\n              />\n            ) : (\n              row.posCategory\n            )}\n          </div>\n        );\n      },\n    },{\n      name: \"Product SKU\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div >\n            {row.new || row.edit ? (\n              <Input\n                getValue={value=>row.sku = value}\n                defaultValue={row.sku}\n                placeholder={'Product SKU'}\n              />\n            ) : (\n              row.sku\n            )}\n            \n          </div>\n        );\n      },\n    },{\n      name: \"Discount Percent\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new || row.edit ? (\n              <Input\n              type={\"number\"}\n              min={0}\n              max={100}\n              getValue={value=> +value < 0 ?  row.discount = 0 : +value > 100 ? row.discount = 100 : row.discount = +value}\n              defaultValue={row.discount}\n              placeholder={'Discount Percent'}\n              />\n            ) : (\n              row.discount ? row.discount+'%' : '0%'\n            )}\n            \n          </div>\n        );\n      },\n    },{\n      name: \"Discount Issued\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {/* eslint-disable-next-line no-useless-concat */}\n            {row.totalDiscount ? `${loggedUser?.user?.currency_symbol || '€'}${row.totalDiscount}`  : `${loggedUser?.user?.currency_symbol || '€'}0`}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.new && !row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => editDiscountRule(row.id, row)}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => deleteDiscountRule(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : !row.new && row.edit ? (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveDiscountRule(row.id, row)}\n              >\n                Save\n              </button>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveDiscountRule(row.id, row)}\n              >\n                Add\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  const conditionsTableColumns = [\n    {\n      name: \"Conditions\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div style={row.new && {paddingBottom: '90px'}}>\n            <Select selectorList={selectConditionsList}\n                    placeholder={'Select conditions'}\n                    label={''}\n                    disabled={!row.new}\n                    hideSelectorFilter\n                    getValue={(value) => row.id = value}\n                    defaultValue={selectConditionsList.length > 0 ? selectConditionsList.find(item => +item.value === +row.id) : selectConditionsList[0]}\n                    positionForShow={'bottom'}/>\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\" style={row.new && {paddingBottom: '90px'}}>\n            {!row.new ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => deleteConditions(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveCondition(row.id)}\n              >\n                Add\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  const getAllDiscountRulesList = useCallback(() =>{\n    getAllDiscountRulesAxios({startDate: moment(dates.startDate).format('YYYY-MM-DD'), endDate: moment(dates.endDate).format('YYYY-MM-DD')}).then(res => {\n      setSelectedDiscountRules(res.data.restriction_category)\n    })\n  },[dates])\n  \n  const getAllConditionsForStaff = ()=>{\n    getAllConditionsStaffDiscountAxios().then((res) => {\n      setSelectedConditions(res.data)\n    })\n  }\n  \n  const getAllConditionsForSelectList = ()=>{\n    getAllConditionsAxios().then((res) => {\n      setSelectConditionsList(res.data.map((condition: any) => condition = {label: condition.name, value: condition.id}))\n    })\n  }\n  \n  const openCloseModal = (type: string) => {\n    setOpenDiscountRulesForm(false)\n    setOpenConditionsForm(false)\n    setOpenForm(false)\n    setOpenSetDiscountForm(false)\n    setOpenMaximumSpendForm(false)\n    type === 'openForm' ? setOpenForm(true) : type === 'setDiscountForm' ? setOpenSetDiscountForm(true) : type === 'setMaximumSpendForm' ? setOpenMaximumSpendForm(true) : type === 'openConditions' ? setOpenConditionsForm(true) : setOpenDiscountRulesForm(true)\n  }\n  const editDiscountRule = (id: any, row: any) =>{\n    setSelectedDiscountRules([...selectedDiscountRules.map(item => item.id === id ? item = {...item, edit: true} : item)])\n  }\n  const deleteDiscountRule = useCallback((id: any) =>{\n    removeDiscountRuleAxios({id}).then(res => {\n      getAllDiscountRulesList()\n    })\n    setSelectedDiscountRules([...selectedDiscountRules.filter(item => item.id !== id)])\n  },[getAllDiscountRulesList, selectedDiscountRules])\n  \n  const deleteConditions = useCallback((id: any) =>{\n    removeConditionsStaffDiscountAxios({id}).then(res => {\n      getAllConditionsForStaff()\n    })\n    \n  },[])\n  \n  const saveDiscountRule = useCallback((id: any, row: any) =>{\n    if((row.posCategoryName.trim() !== '' || row.posCategory.trim() !== '' || row.sku.trim() !== '')) {\n      setNewDiscountRuleAxios(row).then(res=>{\n        getAllDiscountRulesList()\n      })\n      setSelectedDiscountRules([...selectedDiscountRules.map(item => item.id === id ? item = {...item, edit: false} : item)])\n    }\n  },[getAllDiscountRulesList, selectedDiscountRules])\n  \n  const saveCondition = useCallback((id: number) =>{\n      addNewConditionsStaffDiscountAxios({id}).then(res=>{\n        getAllConditionsForStaff()\n      })\n  },[])\n  \n  function addNewDiscountRule() {\n    setSelectedDiscountRules((discountList: any) => (discountList = [ ...discountList, {posCategory: '', ruleName: '', sku: '', discount: 0, posCategoryName: '', new: true}]));\n  }\n  \n  function addNewCondition() {\n    setSelectedConditions((conditionsList: any) => (conditionsList = [ ...conditionsList, {name: '', id: 0, new: true}]));\n  }\n  \n  const getMaximumSpendDiscountSetings = useCallback(()=>{\n    getMaximumSpendDiscountAxios().then(res=>{\n      setMaximumSpendPeriod(res.data.maximumSpendPeriod || 1)\n      setMaximumSpend(+res.data.maximumSpendValue || 0)\n      setUseMaximumSpendDiscount(res.data.usingMaximumSpend || false)\n    })\n  },[])\n  \n  useEffect(() => {\n    getAllDiscountRulesList()\n    \n  }, [getAllDiscountRulesList])\n  \n  useEffect(() => {\n    getMaximumSpendDiscountSetings()\n    openCloseModal('openDiscountRules')\n  }, [getMaximumSpendDiscountSetings]);\n  \n  const [loadingPhoto, setLoadingPhoto] = useState<boolean>(false);\n  const onDrop = (acceptedFiles: any, fileRejections: FileRejection[], event: DropEvent) => {\n    if (acceptedFiles[0]) {\n      setLoadingPhoto(true);\n      const requestFormData: any = new FormData();\n      requestFormData.append(\"file\", acceptedFiles[0]);\n      uploadPhotoAxios(requestFormData)\n        .then((res: any) => {\n          // @ts-ignore\n          loyaltyCard.card_image_enable ? changeLoyaltyCard('card_image', res.data.photo_url) : changeLoyaltyCard('card_logo', res.data.photo_url)\n          // setLogo(+event.target.className, res.data.photo)\n          setLoadingPhoto(false);\n        })\n        .catch(() => {\n          setLoadingPhoto(false);\n        });\n    }\n  };\n  \n  const {isDragActive, getRootProps, getInputProps} = useDropzone({\n    accept: ['image/jpeg', 'image/jpg', 'image/png'],\n    multiple: false,\n    onDrop,\n  });\n  \n  const openLoyaltyCardWrap = useCallback(() => {\n    getStaffDiscountLoyaltyCardAxios().then(res => {\n      setLoyaltyCard(res.data.loyalty_card)\n      openCloseModal('openForm')\n    })\n  },[])\n  \n  const handlerSaveLoyaltyCard = useCallback((e: any) => {\n    e.preventDefault()\n    saveStaffDiscountLoyaltyCardAxios(loyaltyCard).then(res => {\n      setSavedCard(true)\n      getStaffDiscountLoyaltyCardAxios().then(res => {\n        setLoyaltyCard(res.data.loyalty_card)\n        setTimeout(()=>{\n          setSavedCard(false)\n        }, 2000)\n      })\n    })\n  },[loyaltyCard])\n  \n  const handleSetDiscountPercentForAllMembers = useCallback((e: any) => {\n    e.preventDefault()\n    setDiscountPercentForAllMembersAxios({discount: discountForAll}).then((res: any) => {\n      // getStaff()\n      if(res.data.status) {setSuccessResponse('Discount Percent For All Members has been successfully saved')}\n    }).catch((err) => {\n      console.log(err)\n    }).finally(()=>{\n      setTimeout(()=>{setSuccessResponse('')}, 3000)\n    })\n  },[discountForAll])\n  \n  const handleSetMaximumSpendDiscount = useCallback((e: any) =>{\n    e.preventDefault()\n    setMaximumSpendDiscountAxios({maximumSpendValue: maximumSpend, maximumSpendPeriod: maximumSpendPeriod, usingMaximumSpend: useMaximumSpendDiscount}).then(res=>{\n      getMaximumSpendDiscountSetings()\n      if(res.data.status) {setSuccessResponse('Maximum spend discount settings has been successfully saved')}\n      // setOpenMaximumSpendForm(false)\n    }).finally(()=>{\n      setTimeout(()=>{setSuccessResponse('')}, 3000)\n    })\n  },[getMaximumSpendDiscountSetings, maximumSpend, maximumSpendPeriod, useMaximumSpendDiscount])\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Staff discounts</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"buttons-wrap\">\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={openLoyaltyCardWrap}\n          >\n            Staff card model\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => openCloseModal('setDiscountForm')}\n          >\n            Set Discount for All\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => openCloseModal('setMaximumSpendForm')}\n          >\n            Maximum Spend Discount\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => openCloseModal('openDiscountRules')}\n          >\n            Discount Rules\n          </button>\n          {/*<button*/}\n          {/*  type=\"button\"*/}\n          {/*  className=\"btn-white staff-add-btn\"*/}\n          {/*  style={{marginBottom: \"12px\"}}*/}\n          {/*  onClick={() => {*/}\n          {/*    openCloseModal('openConditions');*/}\n          {/*    getAllConditionsForStaff();*/}\n          {/*    getAllConditionsForSelectList()*/}\n          {/*  }}*/}\n          {/*>*/}\n          {/*  Conditions*/}\n          {/*</button>*/}\n        </div>\n        <div className=\"data-wrap\">\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{startDate: moment(new Date()).subtract(7, \"days\"), endDate: new Date(), ranges: ranges}}\n          \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>\n      </div>\n      {openForm && (<div className=\"create-new-user\">\n          {\n            <form\n              onSubmit={(e) => handlerSaveLoyaltyCard(e)}\n              autoComplete=\"off\"\n            \n            >\n              <input role=\"presentation\" autoComplete=\"none\" name=\"hidden\" type=\"text\" style={{display: \"none\"}}/>\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Make your card</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={() => {\n                      setOpenForm(false)\n                    }}\n                  >\n                    <CloseIcon/>\n                  </button>\n                </div>\n                <div style={{display: 'flex', alignItems: 'flex-start'}}>\n                  <div className=\"input-wrap\">\n                    <div style={{\n                      display: 'flex',\n                      flexDirection: 'column',\n                    }}>\n                      <div className=\"first_name-group\">\n                        <Input\n                          placeholder=\"Card Name\"\n                          required\n                          label={'Card Name'}\n                          autoComplete=\"off\"\n                          defaultValue={loyaltyCard.global_card_name}\n                          getValue={(value) =>\n                            changeLoyaltyCard(\"global_card_name\", value)\n                          }\n                        />\n                      </div>\n                      <div className=\"first_name-group\">\n                        <span data-tag=\"allowRowEvents\" className=\"label\">Color</span>\n                        <input type=\"color\" value={loyaltyCard.card_color}\n                               onChange={(e) => changeLoyaltyCard('card_color', e.target.value)}\n                               className={'colorInput'}/>\n                      </div>\n                      <div className=\"password-group\">\n                        <Input\n                          placeholder=\"Barcode Prefix\"\n                          required\n                          label={'Barcode Prefix'}\n                          defaultValue={loyaltyCard.staff_barcode_prefix}\n                          getValue={(value) => {\n                            changeLoyaltyCard(\"staff_barcode_prefix\", value.replace('_', '').replace('__', ''))\n                          }\n                          }\n                        />\n                      </div>\n                      {/*<div className=\"password-group\">*/}\n                      {/*  <Input*/}\n                      {/*    placeholder=\"Discount Limit\"*/}\n                      {/*    required*/}\n                      {/*    type={\"number\"}*/}\n                      {/*    label={'Discount Limit'}*/}\n                      {/*    defaultValue={loyaltyCard.discount_limit}*/}\n                      {/*    getValue={(value) =>*/}\n                      {/*      changeLoyaltyCard(\"discount_limit\", value)*/}\n                      {/*    }*/}\n                      {/*  />*/}\n                      {/*</div>*/}\n                      <Checkbox label={'Use Loyalty Card Image'} isChecked={loyaltyCard.card_image_enable}\n                                onChange={(value) => changeLoyaltyCard('card_image_enable', value)}/>\n                    \n                    </div>\n                    {loyaltyCard.card_image_enable ? (<div className={'selectLogo-box'}>\n                      <span data-tag=\"allowRowEvents\" className=\"label\">Loyalty Card Image</span>\n                      <div className={`column`}>\n                        <div\n                          className={`photo-wrap selectImg ${loadingPhoto ? \"loading-blue\" : \"\"}`}>\n                          <div\n                            className={`dropZone ${\n                              loyaltyCard.card_image ? \"with-photo\" : \"\"\n                            }`}\n                          >\n                            <div {...getRootProps()} className={`active_${isDragActive}`}>\n                              {\" \"}\n                              {/*eslint-disable-line*/}\n                              <input {...getInputProps()}/>{\" \"}\n                              {/*eslint-disable-line*/}\n                              {loyaltyCard.card_image ? (\n                                <div className=\"img\">\n                                  <img src={loyaltyCard.card_image} alt=\"\"/>\n                                </div>\n                              ) : null}\n                              <div className=\"dropZone-content-text\">\n                                <UploadIcon/>\n                                <span className=\"text\">\n                                <span className=\"title\">\n                                  {loyaltyCard.card_image\n                                    ? \"Update your logo\"\n                                    : \"Please upload your logo\"}\n                                </span>\n                              </span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>) : (<div className={'selectLogo-box'}>\n                      <span data-tag=\"allowRowEvents\" className=\"label\">Loyalty Card Logo</span>\n                      <div className={`column`}>\n                        <div\n                          className={`photo-wrap selectImg ${loadingPhoto ? \"loading-blue\" : \"\"}`}>\n                          <div\n                            className={`dropZone ${\n                              loyaltyCard.card_logo ? \"with-photo\" : \"\"\n                            }`}\n                          >\n                            <div {...getRootProps()} className={`active_${isDragActive}`}>\n                              {\" \"}\n                              {/*eslint-disable-line*/}\n                              <input {...getInputProps()} />{\" \"}\n                              {/*eslint-disable-line*/}\n                              {loyaltyCard.card_logo ? (\n                                <div className=\"img\">\n                                  <img src={loyaltyCard.card_logo} alt=\"\"/>\n                                </div>\n                              ) : null}\n                              <div className=\"dropZone-content-text\">\n                                <UploadIcon/>\n                                <span className=\"text\">\n                                <span className=\"title\">\n                                  {loyaltyCard.card_logo\n                                    ? \"Update your logo\"\n                                    : \"Please upload your logo\"}\n                                </span>\n                              </span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>)}\n                  </div>\n                  {loyaltyCard.card_image_enable ? (<div className=\"cardView cardImage\" style={{\n                    backgroundColor: loyaltyCard.card_color,\n                    marginTop: '30px',\n                    backgroundImage: `url(${loyaltyCard.card_image})`\n                  }}>\n                  </div>) : (<div className=\"cardView\" style={{backgroundColor: loyaltyCard.card_color, marginTop: '30px',}}>\n                    <img src={loyaltyCard.card_logo} alt=\"cardLogo\"/>\n                  </div>)}\n                \n                </div>\n                \n                <button type=\"submit\" className=\"btn-blue saveCard-btn\">\n                  {savedCard ? <CheckIcon/> : 'Save Loyalty Card'}\n                </button>\n              </div>\n            </form>\n            \n          }\n        \n        </div>\n      )}\n      {openSetDiscountForm && (<div className=\"create-new-user\">\n          {\n            <form\n              onSubmit={(e) => handleSetDiscountPercentForAllMembers(e)}\n              // className={`${\n              //   formAddUserToLocationLoading ? \"loading-blue\" : \"\"\n              // }`}\n              autoComplete=\"off\"\n            \n            >\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Set Discount percent for all members</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={() => {\n                      setOpenSetDiscountForm(false)\n                    }}\n                  >\n                    <CloseIcon/>\n                  </button>\n                </div>\n                <div style={{display: 'flex', alignItems: 'center'}}>\n                  <div className=\"input-wrap\">\n                    <div style={{\n                      display: 'flex',\n                      flexDirection: 'column',\n                    }}>\n                      <div className=\"first_name-group\">\n                        <input\n                          placeholder=\"Discount percent\"\n                          required\n                          type={\"number\"}\n                          autoComplete=\"off\"\n                          pattern={'[0-9]{3}'}\n                          inputMode={'numeric'}\n                          defaultValue={discountForAll}\n                          min={0}\n                          max={100}\n                          onInput={(e) =>\n                            +e.currentTarget.value >= 100 ?\n                              setDiscountForAll(100) : +e.currentTarget.value < 0 ? setDiscountForAll(0) :\n                                setDiscountForAll(+e.currentTarget.value)\n                          }\n                          style={{\n                            borderRadius: \"4px\",\n                            padding: \"13px 16px\",\n                            boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                            width: '100%'\n                          }}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <button type=\"submit\" className=\"btn-blue saveCard-btn\">\n                  Save Discount for All\n                </button>\n              </div>\n            </form>\n            \n          }\n        \n        </div>\n      )}\n      {openMaximumSpendForm && (<div className=\"create-new-user\">\n          {\n            <form\n              onSubmit={(e) => handleSetMaximumSpendDiscount(e)}\n              // className={`${\n              //   formAddUserToLocationLoading ? \"loading-blue\" : \"\"\n              // }`}\n              autoComplete=\"off\"\n            \n            >\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Set Maximum Spend Discount for all members</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={() => {\n                      setOpenMaximumSpendForm(false)\n                    }}\n                  >\n                    <CloseIcon/>\n                  </button>\n                </div>\n                <div style={{display: 'flex', alignItems: 'flex-start'}}>\n                  <div className=\"input-wrap\">\n                    <div style={{\n                      display: 'flex',\n                      flexDirection: 'column',\n                    }}>\n                      <div className=\"first_name-group\">\n                        <span data-tag=\"allowRowEvents\" className=\"label\">Maximum Spend Discount Value</span>\n                        <input\n                          placeholder=\"Maximum Spend Discount Value\"\n                          required\n                          type={\"number\"}\n                          autoComplete=\"off\"\n                          inputMode={'numeric'}\n                          defaultValue={maximumSpend}\n                          onInput={(e) =>\n                            setMaximumSpend(+e.currentTarget.value)\n                          }\n                          style={{\n                            borderRadius: \"4px\",\n                            padding: \"13px 16px\",\n                            boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                            width: '100%'\n                          }}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"input-wrap\">\n                    <div className=\"first_name-group\">\n                      <Select selectorList={maximumSpendPeriodList}\n                              placeholder={'Select updating period'}\n                              label={'Select updating period'}\n                              hideSelectorFilter\n                              getValue={(value) => setMaximumSpendPeriod(+value)}\n                              defaultValue={maximumSpendPeriodList.length > 0 ? maximumSpendPeriodList.find(item => +item.value === +maximumSpendPeriod) : maximumSpendPeriodList[0]}\n                              positionForShow={'bottom'}/>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"field\" style={{marginBottom: '20px'}}>\n                  <CheckBox\n                    label=\"Use Maximum Spend Discount\"\n                    isChecked={\n                      useMaximumSpendDiscount\n                    }\n                    onChange={(isChecked) => {\n                      setUseMaximumSpendDiscount(isChecked)\n                    }}\n                  />\n                </div>\n                <button type=\"submit\" className=\"btn-blue saveCard-btn\">\n                  Save Maximum Spend Discount\n                </button>\n              </div>\n            </form>\n            \n          }\n        \n        </div>\n      )}\n      {openDiscountRulesForm && (<div className=\"create-new-user\">\n          {\n            <>\n              <div className={'discountRule_wrapper'}\n              >\n                <div className=\"loading-innerwrap\">\n                  <div className=\"title-close\">\n                    <div className=\"title\">Create discount rules for specific products\n                    </div>\n                    <button\n                      type=\"button\"\n                      className=\"close\"\n                      onClick={() => {\n                        setOpenDiscountRulesForm(false)\n                      }}\n                    >\n                      <CloseIcon/>\n                    </button>\n                  </div>\n                  <div className=\"discount_rules-list\">\n                    <DataTable\n                      noHeader\n                      columns={discountRulesTableColumns}\n                      data={selectedDiscountRules}\n                    />\n                  </div>\n                  <button onClick={addNewDiscountRule} className=\"btn-blue addNew_rule\">\n                    Add New Discount Rule\n                  </button>\n                </div>\n                {/*<div className=\"discount_list\">*/}\n                {/*  <p className={'title'}>List of groups of products on which the discount will not apply</p>*/}\n                {/*  */}\n                {/*</div>*/}\n              </div>\n            \n            </>\n            \n          }\n        \n        </div>\n      )}\n      {openConditionsForm && (<div className=\"create-new-user\">\n          {\n            <>\n              <div className={'discountRule_wrapper'}\n              >\n                <div className=\"loading-innerwrap\">\n                  <div className=\"title-close\">\n                    <div className=\"title\">Conditions for staff discounts\n                    </div>\n                    <button\n                      type=\"button\"\n                      className=\"close\"\n                      onClick={() => {\n                        setOpenConditionsForm(false)\n                      }}\n                    >\n                      <CloseIcon/>\n                    </button>\n                  </div>\n                  <div className=\"discount_rules-list\">\n                    <DataTable\n                      noHeader\n                      columns={conditionsTableColumns}\n                      data={selectedConditions}\n                    />\n                  </div>\n                  <button onClick={addNewCondition} className=\"btn-blue addNew_rule\">\n                    Use Condition\n                  </button>\n                </div>\n              </div>\n            </>\n          }\n        </div>\n      )}\n      {successResponse && (\n        <Modal\n          openModal={!!successResponse}\n          setOpenModal={() => setSuccessResponse(\"\")}\n          closeOutsideClick={true}\n        >\n          <div className=\"modal-content\">\n            <div className=\"title\">Success</div>\n            <div className=\"sub-title\">{successResponse}</div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default StaffDiscount;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .delete-modal {\n    text-align: center;\n    padding: 60px 50px;\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n  .table {\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n      .rdt_Table{\n          .rdt_TableBody{\n              .rdt_TableCell {\n                  color: ${Color.blueDarkBlour};\n                  font-size: 16px;\n                  font-weight: 300;\n                  line-height: 20px;\n                  .status {\n                      color: #ffc107;\n                      &_Sent {\n                          color: #2ecc71;\n                      }\n                  }\n              }\n          }\n      }\n      \n  }\n  \n  @media (max-width: 600px) {\n    .top-bar {\n      flex-direction: column;\n      align-items: start;\n\n      .search-wrap {\n        margin: 20px 0 0;\n      }\n    }\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"src/components/Input\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as SearchIcon } from \"src/assets/img/search.svg\";\nimport { ReactComponent as EditIcon } from \"src/assets/img/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"src/assets/img/delete.svg\";\nimport { ReactComponent as InfoIcon } from \"src/assets/img/info.svg\";\nimport { ReactComponent as ArrowBackIcon } from \"src/assets/img/arrowBack.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"src/assets/img/arrowForward.svg\";\n\nimport {\n  getAdminCampaignsAxios,\n  deleteAdminCampaignsAxios\n} from \"src/api/campaigns\";\nimport {\n  CampaignRequestInterface,\n  CampaignInfoInterface,\n  CampaignInterface,\n  campaignsPerPage, AdminCampaignInterface,\n} from \"src/types/campaign\";\n\nimport { Wrapper } from \"./styled\";\nimport Modal from \"src/components/Modal\";\n\nconst ManageNotification: FC = () => {\n  const [requestParamtrs, setRequestParamtrs] =\n    React.useState<CampaignRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [ManageCampaignsLoading, setManageCampaignsLoading] =\n    React.useState<boolean>(true);\n  const [manageCampaigns, setManageCampaigns] =\n    React.useState<Array<AdminCampaignInterface> | null>(null);\n\n  const [manageCampaignsInfo, setManageCampaignsInfo] =\n    React.useState<CampaignInfoInterface>({\n      count_campaigns: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_campaigns_count: 0,\n    });\n  const [deleteCampaign, setDeleteCampaign] = React.useState<boolean>(false);\n  const [deleteCampaignObj, setDeleteCampaignObj] = React.useState<any>(null);\n\n  const deleteGroupAsk = (obj: CampaignInterface) => {\n    if(obj.status !== 'Sent'){\n      deleteAdminCampaignsAxios({ id: obj.id });\n    }\n    \n\n    const timeout = setTimeout(() => {\n      setDeleteCampaign(false);\n      setDeleteCampaignObj(null);\n      getManageCampaigns();\n      \n    }, 500);\n\n    return () => clearTimeout(timeout);\n  };\n\n  const manageCampaignsTableColumns = [\n    {\n      name: \"Notification name\",\n      minWidth: \"300px\",\n      cell: (row: AdminCampaignInterface): JSX.Element => {\n        return <div>{row.name}</div>;\n      },\n    },\n    {\n      name: \"Applies to\",\n      minWidth: \"150px\",\n      cell: (row: AdminCampaignInterface): JSX.Element => {\n        return <div>{row.group_name || \"All customers\"}</div>;\n      },\n    },\n    // {\n    //   name: \"Promotion\",\n    //   minWidth: \"90px\",\n    //   cell: (row: CampaignInterface): JSX.Element => {\n    //     return <div>{row.promotion < 1 ? \"No\" : \"Yes\"}</div>;\n    //   },\n    // },\n    {\n      name: \"Status\",\n      minWidth: \"200px\",\n      cell: (row: AdminCampaignInterface): JSX.Element => {\n        return <div className={`status status_${row.status}`}>{row.status}</div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"200px\",\n      cell: (row: AdminCampaignInterface): JSX.Element => {\n        return (\n          <div className=\"action\">\n            <div className=\"info\">\n              <InfoIcon />\n              <span>{row.created_at}</span>\n            </div>\n            <Link to={`/notification/edit-notification/${row.id}`} className=\"edit\">\n              <EditIcon />\n            </Link>\n            <button\n              type=\"button\"\n              className=\"delete\"\n              onClick={() => {setDeleteCampaignObj(row); setDeleteCampaign(true)}}\n            >\n              <DeleteIcon />\n            </button>\n          </div>\n        );\n      },\n    },\n  ];\n\n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number\n  ) => {\n    setRequestParamtrs((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  const getManageCampaigns = () => {\n    setManageCampaignsLoading(true);\n    getAdminCampaignsAxios(requestParamtrs).then((response) => {\n      setManageCampaigns(response.data.campaigns);\n      setManageCampaignsInfo({\n        count_campaigns: Number(response.data.count_campaigns),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_campaigns_count: Number(response.data.total_campaigns_count),\n      });\n      setManageCampaignsLoading(false);\n    });\n  };\n\n  useEffect(() => {\n    getManageCampaigns();\n  }, [requestParamtrs.page]); // eslint-disable-line\n\n  useEffect(() => {\n    // eslint-disable-line\n    if (requestParamtrs.search !== null) {\n      const timeout = setTimeout(() => {\n        getManageCampaigns();\n      }, 500);\n\n      return () => clearTimeout(timeout);\n    }\n  }, [requestParamtrs.search]); // eslint-disable-line\n\n  useEffect(() => {\n    if (Number(requestParamtrs.page) === 1 && manageCampaignsInfo.limit !== 0) {\n      getManageCampaigns();\n    }\n  }, [requestParamtrs.limit]); // eslint-disable-line\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Notification</div>\n      <div className=\"top-bar\">\n        <Link to=\"/notification/create-notification\" className=\"white-btn-link\">\n          Create new notification\n        </Link>\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon />}\n            getValue={(value) => handleChangeRequestParamtrs(\"search\", value)}\n          />\n        </div>\n      </div>\n\n      <div\n        className={`table-wrap ${ManageCampaignsLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {manageCampaigns !== null ? (\n            manageCampaigns.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={manageCampaignsTableColumns}\n                    data={manageCampaigns}\n                  />\n                </div>\n                <div className=\"paginate-prepage\">\n                  <div className=\"paginate\">\n                    <button\n                      className=\"prev-page\"\n                      type=\"button\"\n                      disabled={manageCampaignsInfo.page <= 1}\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          manageCampaignsInfo.page - 1\n                        )\n                      }\n                    >\n                      <ArrowBackIcon />\n                    </button>\n                    <button\n                      className=\"next-page\"\n                      type=\"button\"\n                      disabled={\n                        manageCampaignsInfo.total_pages_count <=\n                        manageCampaignsInfo.page\n                      }\n                      onClick={() =>\n                        handleChangeRequestParamtrs(\n                          \"page\",\n                          manageCampaignsInfo.page + 1\n                        )\n                      }\n                    >\n                      <ArrowForwardIcon />\n                    </button>\n                    <div className=\"text\">\n                      {manageCampaignsInfo.page * manageCampaignsInfo.limit -\n                        manageCampaignsInfo.limit}\n                      -\n                      {manageCampaignsInfo.page * manageCampaignsInfo.limit -\n                        manageCampaignsInfo.limit +\n                        manageCampaignsInfo.count_campaigns}{\" \"}\n                      from {manageCampaignsInfo.total_campaigns_count}\n                    </div>\n                  </div>\n                  <div className=\"perpage\">\n                    <div className=\"text\">Show on page:</div>\n                    <Select\n                      selectorList={campaignsPerPage}\n                      defaultValue={{\n                        value: requestParamtrs.limit,\n                        label: requestParamtrs.limit,\n                      }}\n                      positionForShow=\"top\"\n                      required\n                      getValue={(value) => {\n                        handleChangeRequestParamtrs(\"limit\", value);\n                        handleChangeRequestParamtrs(\"page\", \"1\");\n                      }}\n                      hideSelectorFilter\n                    />\n                  </div>\n                </div>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n      {deleteCampaign && (\n        <Modal\n          openModal={deleteCampaign}\n          setOpenModal={() => setDeleteCampaign(false)}\n          closeOutsideClick\n        >\n          <div\n            className={`delete-modal`}\n          >\n            <div className=\"loading-innerwrap\">\n              {/* <div className=\"title\"> */}\n                {deleteCampaignObj.status !== 'Sent' ? (<div className=\"title\">Are you sure you want to delete the notification &quot;\n                {deleteCampaignObj.name}&quot;?</div>) : (<div className=\"title\">You can not delete the notification</div>\n)}\n              \n              {/* </div> */}\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  deleteGroupAsk(deleteCampaignObj);\n                }}\n              >\n                {deleteCampaignObj.status !== 'Sent' ? 'Confirm delete' : 'Confirm'}\n                \n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default ManageNotification;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .create-campaign-wrap {\n    background-color: ${Color.white};\n    padding: 30px;\n\n    .alert {\n      border-radius: 4px;\n      padding: 20px;\n      color: rgba(0, 13, 70, 0.6);\n      font-size: 14px;\n      line-height: 20px;\n      background-color: rgba(81, 92, 221, 0.2);\n\n      & > p:not(:first-child) {\n        margin-top: 20px;\n      }\n      .upgrade-btn {\n        color: #000d46;\n        font-weight: bold;\n      }\n    }\n\n    .section-title {\n      color: ${Color.blue};\n      background: linear-gradient(\n        0deg,\n        ${Color.gradientFreeCardFrom} -16.46%,\n        ${Color.gradientFreeCardTo} 98.11%\n      );\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin: 30px 0 24px;\n    }\n\n    .section-sub-title {\n      color: ${Color.blueDarkText};\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 20px;\n    }\n    .mb-12 {\n      margin-bottom: 12px;\n    }\n    .mb-20 {\n      margin-bottom: 20px;\n    }\n    .mb-24 {\n      margin-bottom: 24px;\n    }\n    .input-block {\n      max-width: 380px;\n    }\n    .separate-line {\n      width: 100%;\n      border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n      padding-top: 10px;\n      margin-bottom: 29px;\n    }\n    .message-block {\n      max-width: 560px;\n      margin-bottom: 8px;\n\n      Textarea {\n        opacity: 0.6;\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n    .select-customers-block {\n      max-width: 380px;\n    }\n    .hint-message {\n      color: rgba(0, 13, 70, 0.6);\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 20px;\n      margin-bottom: 30px;\n      .limit_error {\n        color: ${Color.redMedium};\n      }\n    }\n    .button-container {\n      display: flex;\n      justify-content: space-between;\n\n      .button-white {\n        background-color: ${Color.white};\n        color: ${Color.blue};\n        border: 2px solid ${Color.blue};\n        border-radius: 4px;\n        transition: 0.15s all ease;\n        &:hover {\n          box-shadow: ${Color.blue} 0px 0px 10px 0px;\n        }\n      }\n      button {\n        width: 120px;\n      }\n      .cancel-btn {\n        height: 43px;\n        margin-right: 20px;\n      }\n    }\n    .choose-campaing-data__block {\n      display: flex;\n      align-items: flex-end;\n      margin: 0 20px 30px 0;\n\n      .label {\n        opacity: 0.6;\n        color: #000d46;\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n        margin-bottom: 8px;\n      }\n    }\n    .checkbox-container {\n      margin-bottom: 30px;\n\n      .checkbox.white-checkbox {\n        margin-bottom: 20px;\n        margin-right: 25px;\n        .checkbox-input-wrap {\n          input {\n            & + .checkbox-view {\n              background-color: #000e46;\n            }\n          }\n        }\n      }\n    }\n    .image-container {\n      display: flex;\n      justify-content: center;\n      padding-top: 30px;\n\n      img {\n        width: 300px;\n      }\n    }\n    @media (max-width: 525px) {\n      padding: 20px;\n      .button-container {\n        flex-direction: column;\n        .button-white {\n          height: 43px;\n        }\n        div {\n          display: flex;\n          flex-direction: column;\n        }\n        button {\n          margin-bottom: 10px;\n          width: 100%;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { FC, useEffect } from \"react\";\nimport { useHistory, useParams, Link } from \"react-router-dom\";\nimport Input from \"src/components/Input\";\nimport Textarea from \"src/components/Textarea\";\nimport Calendar from \"src/components/Calendar\";\nimport InfoTooltip from \"src/components/infoTooltip\";\nimport { getSubscriptionData } from \"src/api/userProfile\";\nimport {\n  createAdminCampaignsAxios, getSingleAdminCampaignsAxios,\n} from \"src/api/campaigns\";\n\nimport checkEmailImg from \"src/assets/img/check-your-email.svg\";\nimport { Wrapper } from \"./styled\";\n\ninterface RouteParams {\n  id?: string;\n}\n\nconst PUSH_MESSAGE_LIMIT = 130;\n\nconst QuickNotification: FC = () => {\n  const params = useParams<RouteParams>();\n  // const requestParamtrs = {\n  //   limit: \"10\",\n  //   page: \"1\",\n  //   search: null,\n  // };\n  const history = useHistory();\n  const [campaignName, setCampaignName] = React.useState<string>(\"\");\n  const [campaignSentTime, setCampaignSentTime] = React.useState<boolean>(true);\n  const [startDate, setStartDate] = React.useState<Date>(new Date());\n  const [inAppNotification, setInAppNotification] =\n    React.useState<boolean>(true);\n  const [pushNotification, setPushNotification] = React.useState<boolean>(true);\n  const [typePromotion, setTypePromotion] = React.useState<boolean>(true);\n  const [campaignMessage, setCampaignMessage] = React.useState<string>(\"\");\n  const [formLoading, setFormLoading] = React.useState<boolean>(false);\n  const [formErrorMessage, setFormErrorMessage] = React.useState<string>(\"\");\n\n  const getDataForEditCampaign = () => {\n    if (params?.id) {\n      setFormLoading(true);\n      getSingleAdminCampaignsAxios({ id: params.id }).then(({data}) => {\n        const timeToSend = new Date(data.campaign.time_to_send.date);\n\n        setCampaignName(data.campaign.name);\n        if (data.campaign.sendNow === 1) {\n          setCampaignSentTime(true);\n        } else {\n          setCampaignSentTime(false);\n          setStartDate(\n            new Date(\n              timeToSend.getTime() - timeToSend.getTimezoneOffset() * 60000\n            )\n          );\n        }\n        setTypePromotion(false);\n        setInAppNotification(data.campaign.is_in_app_notification);\n        setPushNotification(data.campaign.is_push_notification);\n        setCampaignMessage(data.campaign.message);\n        setFormLoading(false);\n      });\n    }\n  };\n\n  useEffect(() => {\n    getDataForEditCampaign();\n  }, []); //eslint-disable-line\n\n  const createRequestParamtrs = {\n    name: campaignName,\n    send_now: campaignSentTime,\n    send_date: new Date(startDate).getTime(),\n    message: campaignMessage,\n    in_app_notification: inAppNotification,\n    push_notification: pushNotification,\n  };\n\n  const updateRequestParamtrs = {\n    id: params.id,\n    name: campaignName,\n    send_now: campaignSentTime,\n    send_date: new Date(startDate).getTime(),\n    message: campaignMessage,\n    in_app_notification: inAppNotification,\n    push_notification: pushNotification,\n  };\n\n  const handleCreateCampaign = (event: React.FormEvent) => {\n    event.preventDefault();\n    setFormLoading(true);\n    if (params?.id) {\n      createAdminCampaignsAxios(updateRequestParamtrs)\n        .then(() => {\n          history.push(\"/notification/manage-notification\");\n        })\n        .catch((error) => {\n          setFormErrorMessage(error.data.message);\n          setFormLoading(false);\n        });\n    } else {\n      createAdminCampaignsAxios(createRequestParamtrs)\n        .then(() => {\n          history.push(\"/notification/manage-notification\");\n        })\n        .catch((error) => {\n          setFormErrorMessage(error.data.message);\n          setFormLoading(false);\n        });\n    }\n  };\n\n  const clearFields = (event: React.FormEvent) => {\n    event.preventDefault();\n    setCampaignName(\"\");\n    setCampaignMessage(\"\");\n    setPushNotification(false);\n    setCampaignSentTime(true);\n    setStartDate(new Date());\n  };\n\n  return (\n    <Wrapper>\n      <div className=\"page-title\">Create Notification</div>\n      <div className=\"nav-subpages\">\n        <div className=\"nav-subpage active-page\">\n          <button type=\"button\">Create Notification</button>\n        </div>\n      </div>\n      <div className=\"create-campaign-wrap\">\n            <div className=\"alert\">\n              <p>\n                Send a quick message to your customers. You can reach them using\n                the Lynked APP, TEXT/SMS or EMAIL. The message can be sent right\n                away or scheduled for future dates. You will be able to preview\n                the message before sending it.\n              </p>\n              <p>\n                Please note, it may take several minutes for messages to reach\n                all your recipients. For more advanced features, please use our\n                Notification Manager.\n              </p>\n            </div>\n            <form\n              onSubmit={handleCreateCampaign}\n              className={`${formLoading ? \"loading-blue\" : \"\"}`}\n            >\n              <div className=\"section-title\">General Information</div>\n              <div className=\"section-sub-title mb-20\">\n                Notification name\n                <InfoTooltip infoText=\"Create a notification name to get the attention of your customers. E.g. “Free Pastry” This is the title your customers will see at the top of the notification.\" />\n              </div>\n              <div className=\"input-block mb-20\">\n                <Input\n                  placeholder=\"Name\"\n                  defaultValue={campaignName}\n                  getValue={(value) => setCampaignName(value)}\n                  required\n                />\n              </div>\n              <div className=\"section-sub-title mb-20\">\n                When would you like the notification sent?\n              </div>\n              <div className=\"type-radio-wrap mb-12\">\n                <div className=\"radio-item\">\n                  <label htmlFor=\"campaignSentTimeNow\">\n                    <input\n                      type=\"radio\"\n                      id=\"campaignSentTimeNow\"\n                      name=\"campaignSentTime\"\n                      value=\"now\"\n                      required\n                      checked={campaignSentTime === true}\n                      onChange={() => setCampaignSentTime(true)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">Now</span>\n                  </label>\n                </div>\n                <div className=\"radio-item\">\n                  <label htmlFor=\"campaignSentTimeLater\">\n                    <input\n                      type=\"radio\"\n                      id=\"campaignSentTimeLater\"\n                      name=\"campaignSentTime\"\n                      value=\"later\"\n                      checked={campaignSentTime === false}\n                      onChange={() => setCampaignSentTime(false)}\n                    />\n                    <i />\n                    <span className=\"radio-text\">Later</span>\n                  </label>\n                </div>\n              </div>\n              {campaignSentTime === false ? (\n                <div className=\"choose-campaing-data__block\">\n                  <div className=\"choose-data__block\">\n                    <div className=\"label\">Start date</div>\n                    <Calendar\n                      selected={startDate}\n                      onChange={(e)=>setStartDate(e >= new Date() ? e : new Date() )}\n                      dateFormat=\"MMMM d, yyyy h:mm aa\"\n                    />\n                  </div>\n                </div>\n              ) : null}\n              <div className=\"section-sub-title mb-20\">User Notification:</div>\n              <div className=\"checkbox-container\">\n                <label\n                  htmlFor=\"appNootification\"\n                  className=\"checkbox white-checkbox\"\n                >\n                  <span className=\"checkbox-input-wrap\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"appNootification\"\n                      onChange={() => setInAppNotification(!inAppNotification)}\n                      disabled\n                      checked\n                    />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">In app notification</div>\n                </label>\n                <label\n                  htmlFor=\"pushNootification\"\n                  className=\"checkbox white-checkbox\"\n                >\n                  <span className=\"checkbox-input-wrap\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"pushNootification\"\n                      checked={pushNotification}\n                      onChange={() => setPushNotification(!pushNotification)}\n                    />\n                    <span className=\"checkbox-view\" />\n                  </span>\n                  <div className=\"text\">Push notification</div>\n                </label>\n              </div>\n              <div className=\"separate-line\"> </div>\n              <div className=\"section-title\">\n                Push notification\n                <InfoTooltip infoText=\"Enter the detail of your notification here, the title will be taken from the “Notification Name” field. Lynked will automatically differentiate between users when “ {firstName} {lastName}”, is entered in the text field, you do not need to include the specific names of individuals, Lynked will do that for you.\" />{\" \"}\n              </div>\n              <div className=\"alert mb-24\">\n                <p>\n                  The message will be sent via push notification in the user\n                  app.\n                </p>\n              </div>\n              <div className=\"message-block\">\n                <Textarea\n                  placeholder=\"This will be the message that goes out as a text and the email body.\"\n                  required\n                  defaultValue={campaignMessage}\n                  getValue={(value) => {\n                    setCampaignMessage(value);\n                  }}\n                />\n              </div>\n              <div className=\"hint-message\">\n                {campaignMessage.length > PUSH_MESSAGE_LIMIT ? (\n                  <p className=\"limit_error\">\n                    {`You have reached the ${PUSH_MESSAGE_LIMIT} character limit.`}\n                  </p>\n                ) : null}\n                <p>Character Limit (130 characters)</p>\n                <p>\n                  {`Length: ${campaignMessage.length} of ${PUSH_MESSAGE_LIMIT} (space = 1 character, line break = 2\n                  characters)`}\n                </p>\n                <p>An example of Quick Notification text:</p>\n                <p>{\"“Hi {firstName} {lastName},\"}</p>\n                <p>\n                  Heres 10% off your next order! Just show your QR code in store\n                  to redeem!”\n                </p>\n              </div>\n              {formErrorMessage && (\n                <div className=\"form-error-message\">{formErrorMessage}</div>\n              )}\n              <div className=\"separate-line\"> </div>\n              <div className=\"button-container\">\n                <button\n                  type=\"button\"\n                  onClick={(event) => clearFields(event)}\n                  className=\"button-white\"\n                >\n                  Reset\n                </button>\n                <div>\n                  <button\n                    type=\"button\"\n                    onClick={() => history.push(\"/notification/manage-notification\")}\n                    className=\"button-white cancel-btn\"\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    disabled={campaignMessage.length > PUSH_MESSAGE_LIMIT}\n                    type=\"submit\"\n                    className=\"btn-blue\"\n                  >\n                    Next\n                  </button>\n                </div>\n              </div>\n            </form>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default QuickNotification;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n    .content {\n        width: 100%;\n        flex-direction: row;\n        align-items: start;\n        justify-content: space-between;\n        position: relative;\n        display: flex;\n        padding-top: 20px;\n        .item{\n            display: flex;\n            justify-content: space-between;\n            &>div{\n                width: 15%;\n                input{\n                    width: 70%;\n                    padding-right: 40px;\n                }\n                &:nth-last-child(1){\n                    width: 8.5%;\n                    margin: 0;\n                }\n            }\n\n        }\n        .reward_expired {\n            display: flex;\n            flex-direction: column;\n            label{\n                width: 100%;\n                justify-content: flex-start;\n                \n                input{\n                    width: 20px!important;\n                    padding-right: 0!important;\n                }\n                .label_checkbox{\n                    width: 70%;\n                }\n            }\n        }\n        .header {\n            flex-direction: column;\n            width: 100%;\n            .header-tab {\n                height: auto;\n                display: flex;\n                justify-content: flex-start;\n                gap: 2%;\n\n                .column {\n                    width: 17%;\n                    \n                    .page-title{\n                        font-size: 18px;\n                        margin-bottom: 5px;\n                    }\n                    .description {\n                        font-size: 14px;\n                    }\n                }\n            }\n            .stamp-based-form {\n                display: flex;\n                justify-content: space-between;\n                .table {\n                    width: 100%;\n                    .rdt_TableRow{\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-end;\n                        gap: 2%;\n                        padding: 12px 0 0;\n\n                        .sc-idiyUo{\n                            position: absolute;\n                            z-index: 9999;\n                            left: -10px;\n                            margin-bottom: 12px;\n                        }\n                        .rdt_TableCell{\n                            width: 30%;\n                            padding-left: 0;\n                            &>div{\n                                width: 100%;\n                                input{\n                                    width: 80%;\n                                    padding-right: 40px;\n                                }\n\n                            }\n                            .select{\n                                margin-bottom: 12px;\n                                height: 48px;\n                            }\n                            &:nth-last-child(1){\n                                width: 8.5%;\n                                padding-bottom: 12px;\n                                .buttons{\n                                    display: flex;\n                                    justify-content: space-between;\n                                    align-items: center;\n                                    button{\n                                        width: 45%;\n                                        padding: 9.5px 15px;\n                                        display: flex;\n                                        justify-content: center;\n                                        align-items: center;\n                                    }\n                                    .save-btn{\n                                        width: 100%;\n                                        padding: 9.5px 10px;\n                                    }\n                                }\n\n                            }\n                        }\n                    }\n\n\n\n                }\n                .table-edit{\n                    &>div{\n                        padding-bottom: 90px;\n                        .select{\n                            .bottom{\n                                max-height: 80px;\n                                width: 120%;\n                            }\n                        }\n                    }\n                }\n                .modal-content{\n                    text-align: center;\n                    padding: 60px 50px;\n                    @media (max-width: 600px) {\n                        padding: 30px 15px;\n                    }\n                    .title {\n                        color: ${Color.blueDarkText};\n                        font-size: 30px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                    .sub-title{\n                        color: ${Color.blueDarkText};\n                        font-size: 25px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .groups-wrap{\n        .calendar-wrapper {\n            .react-datepicker-wrapper {\n                .react-datepicker__input-container {\n                    input {\n                        height: 45px;\n                        width: 63% !important;\n                    }\n                }\n            }\n            svg{\n                bottom: 12px;\n            }\n        }\n    }\n    .add-stampCategory{\n        margin: 5px 2px;\n        width: 30%;\n        justify-self: start;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        .icon {\n            margin-right: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            svg {\n                width: 23px;\n                height: 23px;\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import axios from \"./api\";\n\nexport const getAllMinimumSpendRulesAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/voucher/min-spend/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const saveNewMinimumSpendRulesItemAxios = (requestData: any): Promise<any> =>\n  axios\n    .post(\"/api/voucher/min-spend/add\", requestData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeMinimumSpendRulesItemAxios = (requestData: any): Promise<any> =>\n  axios\n    .post(\"/api/voucher/min-spend/remove\", requestData)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport PosTabWrapper from \"../../components/PosTabWrapper\";\nimport PosCategoryColumn from \"../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\nimport DataTable from \"react-data-table-component\";\nimport {ReactComponent as CirclePlus} from \"../../assets/img//circle-plus.svg\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../assets/img/delete.svg\";\nimport {IMinimumSpendItem} from \"../../types/posRyles\";\nimport Input from \"../../components/Input\";\nimport Select from \"../../components/Select\";\nimport CheckBox from \"../../components/CheckBox/CheckBox\";\nimport {DaysWrapperDiv, SpanInputText} from \"../Promotions/Promotion/styled\";\nimport {SelectorListObj} from \"../../components/Select/types\";\nimport {getActivateDaysAxios} from \"../Registration/Step/RegistrationBuildYourCard/api\";\nimport {\n  getAllMinimumSpendRulesAxios,\n  saveNewMinimumSpendRulesItemAxios,\n  removeMinimumSpendRulesItemAxios\n} from \"../../api/minimumSpend\";\nimport {useTypedSelector} from \"../../hooks/useTypedSelector\";\n\n\nconst MinimumSpend = () => {\n  const [activateDaysList, setActivateDaysList] = useState<Array<SelectorListObj>>(\n    []\n  );\n  const [edit, setEdit] = useState(false)\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  \n  const [minimumSpendList, setMinimumSpendList] = useState<IMinimumSpendItem[]>([{\n    spend_value: 0,\n    reward_value: 0,\n    is_expired: false,\n    edit: false,\n    place_points: {\n      activate_after: 1,\n      date_expire: 365\n    },\n  }])\n  \n  useEffect(() => {\n    getActivateDaysAxios().then((response) => {\n      setActivateDaysList(response.data.activateDays);\n    });\n    getAllMinimumSpendList()\n    \n  }, []);\n  const addNewSpend = () => {\n    const newItem: IMinimumSpendItem = {\n      spend_value: 0,\n      reward_value: 0,\n      is_expired: true,\n      edit: true,\n      id: 'new',\n      place_points: {\n        activate_after: 1,\n        date_expire: 365\n      },\n    }\n    setMinimumSpendList(items => items = [...items, newItem])\n    setEdit(true)\n  }\n  \n  const getAllMinimumSpendList = () => {\n    getAllMinimumSpendRulesAxios().then(res => {\n      setMinimumSpendList(res.data.min_spend)\n    })\n  }\n  \n  const saveEditSpend = (id: number | undefined | string) => {\n    const newItems: IMinimumSpendItem = minimumSpendList.filter(item => item.id === id)[0];\n    newItems.edit = true;\n    \n    const requestItem: IMinimumSpendItem = {\n      id: newItems.id,\n      spend_value: newItems.spend_value,\n      reward_value: newItems.reward_value,\n      is_expired: newItems.is_expired,\n      place_points: {\n        activate_after: newItems.place_points.activate_after,\n        date_expire: newItems.place_points.date_expire,\n      }\n    }\n    saveNewMinimumSpendRulesItemAxios(requestItem).then(res => {\n      getAllMinimumSpendList()\n      setEdit(false)\n    })\n  }\n  \n  const saveNewMinimumSpend = (index: number) => {\n    const newItems: IMinimumSpendItem = minimumSpendList[index];\n    newItems.edit = false;\n    \n    const requestItem: any = {\n      spend_value: newItems.spend_value,\n      reward_value: newItems.reward_value,\n      is_expired: newItems.is_expired,\n      place_points: {\n        activate_after: newItems.place_points.activate_after,\n        date_expire: newItems.place_points.date_expire,\n      }\n    }\n    saveNewMinimumSpendRulesItemAxios(requestItem).then(res => {\n      getAllMinimumSpendList()\n      setEdit(false)\n    })\n  }\n  \n  const removeSpendItem = (id: number | undefined | string) => {\n    removeMinimumSpendRulesItemAxios({id})\n      .then((res) => {\n        getAllMinimumSpendList();\n      }).catch(e => {\n      console.log(e);\n    });\n  };\n  const editMinimumSpendItem = (id: number) => {\n    const newItems: IMinimumSpendItem[] = minimumSpendList;\n    newItems[id].edit = true;\n    setMinimumSpendList((stamp: Array<any>) => stamp = [...newItems]);\n    setEdit(true)\n  };\n  \n  const categoryList = [\n    {\n      name: \"\",\n      width: \"17%\",\n      cell: (item: IMinimumSpendItem): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.spend_value}`}\n              getValue={(value) => item.spend_value = +value}\n              disabled={!item.edit}\n              type={\"number\"}\n              min={0}\n            />\n          </div>\n        \n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"17%\",\n      cell: (item: IMinimumSpendItem): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.reward_value}`}\n              required\n              getValue={(value) => item.reward_value = +value}\n              disabled={!item.edit}\n              type={'number'}\n              min={0}\n            />\n          </div>\n        \n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"17%\",\n      cell: (item: IMinimumSpendItem): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={activateDaysList}\n              positionForShow={\"bottom\"}\n              defaultValue={activateDaysList.find(activ => activ.value === item.place_points.activate_after)}\n              required\n              hideSelectorFilter\n              disabled={!item.edit}\n              getValue={(value) => {\n                item.place_points.activate_after = +value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    }, {\n      name: \"\",\n      maxWidth: \"17%\",\n      cell: (item: IMinimumSpendItem, i: number): JSX.Element => {\n        return (\n          <div className=\"reward_expired\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <CheckBox\n              label=\"Expires After\"\n              isChecked={\n                item.is_expired\n              }\n              isDisabled={!item.edit}\n              onChange={(isChecked) => {\n                setMinimumSpendList([...minimumSpendList.map(spend => spend.id === item.id ? spend = {\n                    ...spend,\n                    is_expired: isChecked, place_points: {...spend.place_points, date_expire: isChecked ? 365 : 0}\n                  } : spend)])\n              }}\n            />\n            <DaysWrapperDiv>\n              <Input\n                type=\"number\"\n                placeholder=\"Enter Expire Date\"\n                required\n                disabled={!item.is_expired || !item.edit}\n                defaultValue={`${+item.place_points.date_expire}`}\n                getValue={(value) => item.place_points.date_expire = +value}\n              />\n              {item.place_points.date_expire ? <SpanInputText>days</SpanInputText> : null}\n            </DaysWrapperDiv>\n          </div>\n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: IMinimumSpendItem, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            {item.edit && item.id !== 'new' ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveEditSpend(item.id)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveNewMinimumSpend(index)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={edit} className=\"btn-white edit-category\" onClick={() => {\n                  editMinimumSpendItem(index)\n                }}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => {\n                  removeSpendItem(item.id)\n                }}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  return (\n    <Wrapper>\n      <PosTabWrapper title={\"Minimum Spend Settings\"}\n                     description={`You can offer your customers the opportunity to receive a discount by making purchases of a certain amount, for example, by purchasing valid goods worth ${loggedUser.user.currency_symbol || '€'}50, you can receive a voucher for ${loggedUser.user.currency_symbol || '€'}5.`}\n                     button={false}>\n        <div className={'content'}>\n          <div className=\"header\">\n            <div className=\"header-tab\">\n              <PosCategoryColumn title={'Minimum Spend Value'}\n                                 description={`Enter your minimum spend, for example ${loggedUser.user.currency_symbol || '€'}50`}/>\n              <PosCategoryColumn title={'Voucher Value'}\n                                 description={'Enter your voucher value'}/>\n              <PosCategoryColumn title={'Voucher Activation'}\n                                 description={'Select your voucher Activation time'}/>\n              <PosCategoryColumn title={'Expires Time'}\n                                 description={'Select your voucher Expires time'}/>\n              <div className=\"column_buttons\"></div>\n            \n            </div>\n            <div className=\"stamp-based-form\">\n              \n              {minimumSpendList !== null ? (\n                minimumSpendList.length > 0 ? (\n                  <>\n                    <div className=\"table\">\n                      <DataTable\n                        noTableHead\n                        noHeader\n                        columns={categoryList}\n                        data={minimumSpendList}\n                      />\n                    </div>\n                  </>\n                ) : (\n                  <div className=\"nothing-found\">Sorry, nothing found</div>\n                )\n              ) : null}\n            </div>\n            <button disabled={edit} className=\"btn-white add-stampCategory\" onClick={() => {\n              addNewSpend()\n            }}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n              <span>Add Stamp Category</span>\n            </button>\n          </div>\n        \n        </div>\n      </PosTabWrapper>\n    </Wrapper>\n  );\n};\n\nexport default MinimumSpend;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n    .stamp-based-wrapper {\n        width: 100%;\n        flex-direction: row;\n        align-items: start;\n        justify-content: space-between;\n        position: relative;\n        .header {\n            flex-direction: column;\n            width: 70%;\n            .header-tab {\n                height: auto;\n                display: flex;\n                justify-content: flex-start;\n                gap: 2%;\n\n                .column {\n                    width: 25%;\n                }\n            }\n            .stamp-based-form {\n                display: flex;\n                justify-content: space-between;\n                .table {\n                    width: 100%;\n                    .rdt_TableRow{\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: center;\n                        padding: 12px 0 0;\n                        gap: 2%;\n\n                        .sc-idiyUo{\n                            position: absolute;\n                            z-index: 9999;\n                            left: -10px;\n                            margin-bottom: 12px;\n                        }\n                        .rdt_TableCell{\n                            width: 25%;\n                            padding-left: 0;\n                            &>div{\n                                width: 100%;\n                                input{\n                                    width: 80%;\n                                    padding-right: 40px;\n                                }\n\n                            }\n                            .select{\n                                margin-bottom: 12px;\n                            }\n                            &:nth-last-child(1){\n                                width: 8.5%;\n                                margin-bottom: 12px;\n                                .buttons{\n                                    display: flex;\n                                    justify-content: space-between;\n                                    align-items: center;\n                                    button{\n                                        width: 45%;\n                                        padding: 7.5px 15px;\n                                        display: flex;\n                                        justify-content: center;\n                                        align-items: center;\n                                    }\n                                    .save-btn{\n                                        width: 100%;\n                                        padding: 9.5px 10px;\n                                    }\n                                }\n\n                            }\n                        }\n                    }\n\n\n\n                }\n                .table-edit{\n                    &>div{\n                        padding-bottom: 90px;\n                        .select{\n                            .bottom{\n                                max-height: 80px;\n                                width: 120%;\n                            }\n                        }\n                    }\n                }\n                .modal-content{\n                    text-align: center;\n                    padding: 60px 50px;\n                    @media (max-width: 600px) {\n                        padding: 30px 15px;\n                    }\n                    .title {\n                        color: ${Color.blueDarkText};\n                        font-size: 30px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                    .sub-title{\n                        color: ${Color.blueDarkText};\n                        font-size: 25px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                }\n            }\n        }\n\n    }\n    .header {\n        display: flex;\n        align-items: stretch;\n        //justify-content: space-between;\n        margin-bottom: 15px;\n        gap: 15px;\n        .column {\n            width: 11.4%;\n\n            //.column-group{\n            //  display: flex;\n            //  //justify-content: space-between;\n            //  flex-wrap: nowrap;\n            //  gap: 15px;\n            //  .column {\n            //    width: 50%;\n            //  }\n            //}\n            .page-title {\n                font-size: 16px;\n                margin: 0 0 10px 0;\n                line-height: normal;\n            }\n            .description{\n                font-size: 12px;\n                line-height: normal;\n            }\n            //&:nth-last-child(2){\n            //  width: 29%;\n            //}\n\n        }\n        .column_buttons {\n            width: 10%;\n        }\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-items: inherit;\n        padding-top: 20px;\n        width: 100%;\n        .item{\n            display: flex;\n            justify-content: space-between;\n            &>div{\n                width: 15%;\n                input{\n                    width: 70%;\n                    padding-right: 40px;\n                }\n                &:nth-last-child(1){\n                    width: 8.5%;\n                    margin: 0;\n                }\n            }\n\n        }\n    }\n    .add-stampCategory{\n        margin: 5px 2px;\n        width: 30%;\n        justify-self: start;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        .icon {\n            margin-right: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            svg {\n                width: 23px;\n                height: 23px;\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import axios from \"./api\";\n\nexport enum SitePosRulesEnum {\n  LOYALTY = 0,\n  DISCOUNT = 1,\n  \n}\n\nexport const getAllSiteLoyaltyRewards = (requestData: any = {}): Promise<any> =>\n  axios\n    .post(\"/api/site/pos/rules/get\", requestData)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getAllSellersToLoyaltyRewards = (): Promise<any> =>\n  axios\n    .get(\"/api/site/pos/rules/get-sites\")\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const setNewSiteLoyaltyReward = (\n  requestParameters: any\n): Promise<any> =>\n  axios\n    .post(\"/api/site/pos/rules/add\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeSiteLoyaltyReward = (\n  requestParameters: any\n): Promise<any> =>\n  axios\n    .post(\"/api/site/pos/rules/remove\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport PosCategoryColumn from \"../../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\n\nimport {ReactComponent as CirclePlus} from \"../../../assets/img//circle-plus.svg\";\nimport {ReactComponent as CheckCircle} from \"../../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../../assets/img/delete.svg\";\nimport DataTable from \"react-data-table-component\";\nimport PosTabWrapper from \"../../../components/PosTabWrapper\";\nimport Select from \"../../../components/Select\";\nimport Input from \"../../../components/Input\";\nimport {getPosStampCategoryAxios} from \"../../../api/posTerminals\";\nimport {\n  getAllSellersToLoyaltyRewards,\n  getAllSiteLoyaltyRewards,\n  removeSiteLoyaltyReward,\n  setNewSiteLoyaltyReward, SitePosRulesEnum\n} from \"../../../api/sitePosRule\";\nimport {CBETypes} from \"../../../utils/helper\";\n\nconst SitePosRules = () => {\n  const [loyaltyCash, setLoyaltyCash] = useState<any>([])\n  const [discountRules, setDiscountRules] = useState<any>([])\n  const [posRulesSelectList, setPosRulesSelectList] = useState<any[]>([])\n  const [sellersSelectList, setSellersSelectList] = useState<any[]>([])\n  const loyaltyColumnList = [\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={sellersSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.site_id !== '' ? sellersSelectList.find(rule => rule.value === item.site_id) : sellersSelectList[0]}\n              required\n              hideSelectorFilter\n              disabled={!item.edit || (item.edit && item.id !== 'new')}\n              getValue={(value) => {\n                item.site_id = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.coupon}`}\n              required\n              getValue={(value) => item.coupon = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    }, {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.description}`}\n              required\n              getValue={(value) => item.description = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    },\n    \n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            {item.edit && item.id !== 'new' ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveEditItem(SitePosRulesEnum.LOYALTY, item.id)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveNewItem(SitePosRulesEnum.LOYALTY, index)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={false} className=\"btn-white edit-category\" onClick={() => {\n                  setEditItem(SitePosRulesEnum.LOYALTY, item.id)\n                }}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={false} className=\"btn-white remove-category\" onClick={() => {\n                  removeItem(item.id)\n                }}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  const discountColumnList = [\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={sellersSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.site_id !== '' ? sellersSelectList.find(rule => rule.value === item.site_id) : sellersSelectList[0]}\n              required\n              hideSelectorFilter\n              disabled={!item.edit || (item.edit && item.id !== 'new_discount')}\n              getValue={(value) => {\n                item.site_id = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.coupon}`}\n              required\n              getValue={(value) => item.coupon = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    }, {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.description}`}\n              required\n              getValue={(value) => item.description = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={posRulesSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.product_group === '' ? posRulesSelectList[0] : posRulesSelectList.find(rule => rule.value === item.product_group)}\n              required\n              hideSelectorFilter\n              disabled={!item.edit}\n              getValue={(value) => {\n                item.product_group = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            {item.edit && item.id !== 'new_discount' ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveEditItem(SitePosRulesEnum.DISCOUNT, item.id)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveNewItem(SitePosRulesEnum.DISCOUNT, index)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={false} className=\"btn-white edit-category\" onClick={() => {\n                  setEditItem(SitePosRulesEnum.DISCOUNT, item.id)\n                }}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={false} className=\"btn-white remove-category\" onClick={() => {\n                  removeItem(item.id)\n                }}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  useEffect(() => {\n    getPosStampCategoryAxios().then((res) => {\n      setPosRulesSelectList([...res.data.map((item: any) => item = {value: item.id, label: item.product_group})])\n    })\n    getAllSellersToLoyaltyRewards().then((res) => {\n      setSellersSelectList([...res.sites.map((item: any) => item = {value: item.id, label: item.email})])\n    })\n    getAllRewardsHandler()\n  }, [])\n  \n  const getAllRewardsHandler = () => {\n    getAllSiteLoyaltyRewards({cbeType: CBETypes.pixelPoint}).then(res => {\n      setLoyaltyCash(res.loyalty_rules.map((item: any) => item = {\n        id: item.id,\n        site_id: item.site.id,\n        coupon: item.coupon,\n        description: item.description,\n        type: item.type\n      }))\n      setDiscountRules(res.discount_rules.map((item: any) => item = {\n        id: item.id,\n        site_id: item.site.id,\n        coupon: item.coupon,\n        description: item.description,\n        type: item.type,\n        product_group: item.product_group.id\n      }))\n      \n    })\n  }\n  \n  const addNewItem = (type: number) => {\n    type === SitePosRulesEnum.LOYALTY ? (\n      setLoyaltyCash([...loyaltyCash, {\n        edit: true,\n        id: 'new',\n        site_id: sellersSelectList[0].value || '',\n        coupon: '',\n        description: ''\n      }])\n    ) : (\n      setDiscountRules([...discountRules, {\n        edit: true,\n        id: 'new_discount',\n        site_id: sellersSelectList[0].value || '',\n        coupon: '',\n        description: '',\n        product_group: posRulesSelectList[0].value || ''\n      }])\n    )\n  }\n  \n  const saveNewItem = (type: number, index: number) => {\n    if (type === SitePosRulesEnum.LOYALTY) {\n      const requestData = {\n        ...loyaltyCash[index],\n        type: type,\n        id: 'new',\n        cbeType: CBETypes.pixelPoint\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    } else {\n      const requestData = {\n        ...discountRules[index],\n        type: type,\n        id: 'new',\n        cbeType: CBETypes.pixelPoint\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    }\n    \n    \n  }\n  \n  const saveEditItem = (type: number, id: number) => {\n    if (type === SitePosRulesEnum.LOYALTY) {\n      const requestData = {\n        ...loyaltyCash.find((item: any) => item.id === id),\n        type: type,\n        cbeType: CBETypes.pixelPoint\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    } else {\n      const requestData = {\n        ...discountRules.find((item: any) => item.id === id),\n        type: type,\n        cbeType: CBETypes.pixelPoint\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    }\n    \n  }\n  \n  const setEditItem = (type: number, id: number) => {\n    type === SitePosRulesEnum.LOYALTY ? (\n      setLoyaltyCash([...loyaltyCash.map((item: any) => item.id === id ? {...item, edit: true} : item)])\n    ) : (\n      setDiscountRules([...discountRules.map((item: any) => item.id === id ? {...item, edit: true} : item)])\n    )\n  }\n  \n  const removeItem = (id: number) => {\n    removeSiteLoyaltyReward({id}).then(res => {\n      getAllRewardsHandler()\n    })\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"heading\">\n        <div className=\"page-title\">Pixel Point POS Rules</div>\n      </div>\n      <PosTabWrapper title={\"Points Loyalty Cash Rewards:\"}\n                     description={\"\"}\n                     button={false}>\n        <>\n          <div className=\"content stamp-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <PosCategoryColumn title={'Site I.D.'} description={''}/>\n                <PosCategoryColumn title={'Coupon I.D.'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Description'}\n                                   description={''}/>\n                <div className=\"column_buttons\"></div>\n              \n              </div>\n              \n              \n              <div className=\"stamp-based-form\">\n                \n                {loyaltyCash !== null ? (\n                  loyaltyCash.length > 0 ? (\n                    <>\n                      <div className=\"table\">\n                        <DataTable\n                          noTableHead\n                          noHeader\n                          columns={loyaltyColumnList}\n                          data={loyaltyCash}\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button disabled={false} className=\"btn-white add-stampCategory\"\n                      onClick={() => addNewItem(SitePosRulesEnum.LOYALTY)}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Site</span>\n              </button>\n            </div>\n          </div>\n        </>\n      \n      </PosTabWrapper>\n      <PosTabWrapper title={\"Item Based Discount Rules:\"}\n                     description={\"\"}\n                     button={false}>\n        <>\n          <div className=\"content stamp-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <PosCategoryColumn title={'Site I.D.'} description={''}/>\n                <PosCategoryColumn title={'Coupon I.D.'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Description'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Product Group'}\n                                   description={''}/>\n                <div className=\"column_buttons\"></div>\n              \n              </div>\n              \n              \n              <div className=\"stamp-based-form\">\n                \n                {discountRules !== null ? (\n                  discountRules.length > 0 ? (\n                    <>\n                      <div className=\"table\">\n                        <DataTable\n                          noTableHead\n                          noHeader\n                          columns={discountColumnList}\n                          data={discountRules}\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button disabled={false} className=\"btn-white add-stampCategory\"\n                      onClick={() => addNewItem(SitePosRulesEnum.DISCOUNT)}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Site</span>\n              </button>\n            </div>\n          </div>\n        </>\n      \n      </PosTabWrapper>\n    </Wrapper>\n  );\n};\n\nexport default SitePosRules;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n// import \"bootstrap/dist/css/bootstrap.css\";\n// you will also need the css that comes with bootstrap-daterangepicker\nimport \"bootstrap-daterangepicker/daterangepicker.css\";\n\nconst Wrapper = styled.div`\n  position: relative;\n    overflow: hidden;\n    .header{\n        h2{\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n            font-weight: 300;\n        }\n    }\n    .groups-wrap{\n        .label {\n            font-size: 20px;\n            font-weight: 300;\n            padding-bottom: 10px;\n        }\n        width: 70%;\n    }\n    .settings_content{\n        .settings_name{\n            font-size: 25px;\n            font-weight: 300;\n        }\n        .settings_fields{\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            width: 100%;\n            margin-bottom: 30px;\n            .field{\n                width: 48%;\n                text-transform: capitalize;\n                .label{\n                    font-size: 20px;\n                    \n                }\n            }\n            \n        }\n        .button-row {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: flex-start;\n            align-items: center;\n\n            .verification-status {\n                margin-right: 20px;\n                padding: 10px 20px;\n                font-size: 16px;\n                font-weight: 500;\n                line-height: 20px;\n                text-align: center;\n                color: rgb(0, 13, 70);\n                border: 1.5px solid rgb(0, 13, 70);\n                border-radius: 4px;\n                background-color: ${Color.white};\n\n                &.approved {\n                    border: 1.5px solid ${Color.blue};\n                    color: ${Color.blue};\n                }\n            }\n\n            .btn-blue {\n                width: 20%;\n                padding: 10px 30px;\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport Select from \"../../../components/Select\";\nimport {SelectorListObj} from \"../../../components/Select/types\";\nimport {\n  getAdminBusinessesNamesAxios,\n  getAdminOneBusinessAxios,\n  updateAdminOneBusinessAxios\n} from \"../../../api/adminPanel\";\nimport CheckBox from \"../../../components/CheckBox/CheckBox\";\nimport {\n  getOneBusinessOptionsAxios,\n  updateBusinessOptionsAxios\n} from \"../../../api/businessPlan\";\n\nconst AdminBusinessesSetings = () => {\n  const [businesses, setBusinesses] = useState<SelectorListObj[]>([{value: '', label: ''}])\n  const [selectedBusiness, setSelectedBusiness] = useState<any>({})\n  const [businessSettingsOptions, setBusinessSettingsOptions] = useState<string[]>([])\n  const [updatedData, setUpdatedData] = useState<boolean>(true)\n  const [westmorlandStaff, setWestmorlandStaff] = useState<boolean>(false)\n  \n  const getOneBusinessOptions = useCallback((id)=>{\n    getOneBusinessOptionsAxios({id}).then(res=>{\n      setWestmorlandStaff(res.data.staff_member_type.value === 'westmorland')\n    })\n  },[])\n  \n  const updateBusinessOptions =()=>{\n    const data = {\n      name: \"staff_member_type\",\n      value: westmorlandStaff ? \"westmorland\" : 'standard'\n    }\n    \n    updateBusinessOptionsAxios({id: selectedBusiness.id, data}).then(res=>{\n    })\n  }\n  \n  useEffect(() => {\n    getAdminBusinessesNamesAxios().then(({data}) => {\n      let selectBusiness: any[] = []\n      data.business.forEach((item: any) => {\n        selectBusiness.push({value: item.id, label: item.business_name})\n      })\n      getOneBusiness(data.business[0].id)\n      setBusinesses(selectBusiness)\n    });\n  }, []);\n  \n  const getOneBusiness = (id: number) =>{\n    getAdminOneBusinessAxios({id}).then(({data}) =>{\n      setUpdatedData(true)\n      getOneBusinessOptions(id)\n      setBusinessSettingsOptions(Object.keys(data.business).filter(key=>key.includes('allow')))\n      setSelectedBusiness(data.business)\n    })\n  }\n  \n  const changeSettingsField = (name: string, value: boolean) =>{\n    setUpdatedData(false)\n    name === 'allow_staff' && !value ? setSelectedBusiness({...selectedBusiness, [name]: value, 'allow_staff_shared': false, 'allow_campaigns': false}) :\n    setSelectedBusiness({...selectedBusiness, [name]: value})\n  }\n  \n  const createRequestObj = () =>{\n    const data: any = {id: selectedBusiness.id}\n    businessSettingsOptions.forEach((key: string) => {\n      return data[key] = selectedBusiness[key]\n      })\n    return data\n  }\n  \n  const updateBusiness = () => {\n    updateBusinessOptions()\n    updateAdminOneBusinessAxios(createRequestObj()).then(res=>{\n      setUpdatedData(true)\n      getOneBusiness(selectedBusiness.id)\n    })\n  }\n  \n  const showOptionLabel = (option: string) => {\n    return option === 'allow_pos' ? 'Pos Rules' : option === 'allow_cbePP' ? 'CBE Pixel Point' : option === 'allow_min_spend' ? 'Minimum Spend' : option.replace('allow_', '').replaceAll('_', ' ')\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"header\">\n        <h2>Businesses settings</h2>\n      </div>\n      <div className=\"groups-wrap\">\n        <p className=\"label\">Select a business for settings</p>\n        <Select\n          placeholder=\"All Businesses\"\n          selectorList={businesses}\n          disabled={!(businesses.length > 0)}\n          defaultValue={businesses[0]}\n          positionForShow=\"bottom\"\n          required\n          isClearable\n          getValue={(value) => getOneBusiness(+value)}\n          hideSelectorFilter\n        />\n      </div>\n      <div className={'settings_content'}>\n        {selectedBusiness.business_name && (\n          <>\n            <h3 className=\"settings_name\">Settings business {selectedBusiness.business_name}</h3>\n            <div className=\"settings_fields\">\n              {businessSettingsOptions.map((option: string, index: number) => (\n                (!selectedBusiness.allow_staff && option === 'allow_staff_shared') || (!selectedBusiness.allow_staff && option === 'allow_campaigns') ? null :\n                  <div key={`${option}-${index}`} className=\"field\">\n                    <CheckBox\n                      label={`Allow ${showOptionLabel(option)}`}\n                      isChecked={\n                        !!selectedBusiness[option]\n                      }\n                      onChange={(isChecked) => {\n                        changeSettingsField(option, isChecked)\n                      }}\n                    />\n                  </div>))}\n              <div className=\"field\">\n                <CheckBox\n                  label={`Westmorland Staff Members`}\n                  isChecked={\n                    westmorlandStaff\n                  }\n                  onChange={(isChecked) => {\n                    setWestmorlandStaff(isChecked);\n                    setUpdatedData(false)\n                  }}\n                />\n              </div>\n              </div>\n              <div className=\"button-row\">\n                <button type=\"submit\" disabled={updatedData} onClick={updateBusiness} className=\"btn-blue\">\n                  Update Details\n                </button>\n              </div>\n            </>\n            )}\n          </div>\n          </Wrapper>\n          );\n        };\n        \n        export default AdminBusinessesSetings;\n","import { Color } from \"src/types/color\";\nimport styled from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n    .top-bar div.search-wrap {\n        margin-left: 0;\n    }\n    .staff-top-bar{\n        justify-content: start;\n        gap: 20px;\n    }\n    .table-wrap{\n        overflow: unset;\n        .table {\n            & > div {\n                overflow: unset;\n            }\n\n\n\n            div.rdt_TableRow {\n\n                & input {\n                    width:75%\n                }\n            }\n            div:first-child {\n                &::-webkit-scrollbar {\n                    height: 5px;\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    background: ${Color.white};\n                    border-radius: 3px;\n                }\n\n                &::-webkit-scrollbar-thumb:hover {\n                    background: ${Color.blueText};\n                }\n\n                &:hover {\n                    &::-webkit-scrollbar-thumb {\n                        background: ${Color.blueLight};\n                    }\n\n                    &::-webkit-scrollbar-thumb:hover {\n                        background: ${Color.blueText};\n                    }\n                }\n            }\n            .rdt_Table{\n                .rdt_TableBody{\n                    .rdt_TableRow{\n                        .rdt_TableCell{\n                            align-items: center;\n                            &>div{\n                                //width: 80%;\n                                .isSelect{\n                                    ul.bottom{\n                                        max-height: 80px;\n                                    }\n                                }\n                                .calendar-wrapper{\n                                    input {\n                                        width: 77%;\n                                    }\n                                }\n                            }\n                        }\n                        .action {\n                            //display: flex;\n                            //align-items: center;\n                            //    margin-bottom: 24px;\n                            //    margin-top: 10px;\n                            //    width: 20%;\n                            //    .edit {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        opacity: 0.6;\n                            //        margin-right: 25px;\n                            //        background: none;\n                            //        &:hover {\n                            //            opacity: 1;\n                            //        }\n                            //    }\n                            //    .delete {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        opacity: 0.6;\n                            //        background: none;\n                            //        padding: 0;\n                            //        &:hover {\n                            //            opacity: 1;\n                            //        }\n                            //    }\n                            //    .info {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        margin-right: 25px;\n                            //        background: none;\n                            //        cursor: pointer;\n                            //        position: relative;\n                            //        & > span {\n                            //            z-index: -1;\n                            //            opacity: 0;\n                            //            background-color: $blueDarkText;\n                            //            position: absolute;\n                            //            font-size: 14px;\n                            //            width: 96px;\n                            //            color: $white;\n                            //            padding-left: 10px;\n                            //            padding-right: 10px;\n                            //            text-align: center;\n                            //            border-radius: 4px;\n                            //            padding-top: 5px;\n                            //            padding-bottom: 5px;\n                            //            transition: all 0.3s ease;\n                            //            line-height: 20px;\n                            //            top: -55px;\n                            //            left: -35px;\n                            //            box-sizing: border-box;\n                            //        }\n                            //        svg {\n                            //            opacity: 0.6;\n                            //            &:hover {\n                            //                opacity: 1;\n                            //\n                            //                & + span {\n                            //                    z-index: 2;\n                            //                    opacity: 1;\n                            //                }\n                            //            }\n                            //            path:not([fill=\"none\"]) {\n                            //                fill: rgb(0, 13, 70);\n                            //            }\n                            //        }\n                            //    }\n                            //}\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n`;\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport Input from \"../../components/Input\";\nimport {ReactComponent as SearchIcon} from \"../../assets/img/search.svg\";\nimport {ReactComponent as EditIcon} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../assets/img/delete.svg\";\nimport {CustomerInfoInterface, CustomerRequestInterface} from \"../../types/customer\";\nimport DataTable from \"react-data-table-component\";\nimport Pagination from \"../../components/Pagination\";\nimport Calendar from \"../../components/Calendar\";\nimport {ProductDiscountItem} from \"../../types/productDiscountTypes\";\nimport moment from \"moment\";\nimport {\n  createProductDiscountAxios,\n  getAllProductDiscountAxios,\n  removeProductDiscountAxios\n} from \"../../api/productDiscount\";\n\nconst ProductDiscount = () => {\n  const [productList, setProductList] = useState<ProductDiscountItem[]>([]);\n  const [productListInfo, setProductListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n  });\n  const [requestParamtrs, setRequestParamtrs] =\n    useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [isLoading, setIsLoading] = useState(false);\n  \n  const changeProductParameters = (id: number, columnName: string, value: Date | string | boolean | number| {\n    value: string,\n    label: string\n  }) => {\n    productList[id] = {...productList[id], [columnName]: value}\n    setProductList([...productList])\n  }\n  \n  const productDiscountTableColumns = [\n    {\n      name: \"Product Name\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Product Name\"\n                required\n                defaultValue={row.name}\n                autoComplete=\"off\"\n                onInput={e=>row.name = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Product Group\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Product Group\"\n                required\n                defaultValue={row.group}\n                autoComplete=\"off\"\n                onInput={e=>row.group = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.group\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"SKU\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"SKU\"\n                required\n                defaultValue={row.sku}\n                autoComplete=\"off\"\n                onInput={e=>row.sku = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.sku\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount percent\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Discount percent\"\n                required\n                type={\"number\"}\n                min={0}\n                max={100}\n                onInput={e=> +e.currentTarget.value <= 0 ? row.discount = 0 : +e.currentTarget.value >= 100 ? row.discount = 100 : row.discount = e.currentTarget.value}\n                defaultValue={row.discount}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.discount\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Start Date\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <Calendar\n                selected={new Date(row.start_date)}\n                onChange={(e) => e >= new Date() ? changeProductParameters(index, 'start_date', e.getTime()) : changeProductParameters(index, 'start_date', Date.now())}\n                dateFormat=\"MMMM d, yyyy\"\n                timeSelect={false}\n                label={\"\"}\n              />\n            ) : (\n              `${moment(row.start_date).format('MMM D, yyyy')}`\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"End Date\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <Calendar\n                selected={new Date(row.end_date)}\n                onChange={(e) => e >= new Date() ? changeProductParameters(index, 'end_date', e.getTime()) : changeProductParameters(index, 'end_date', Date.now())}\n                dateFormat=\"MMMM d, yyyy\"\n                timeSelect={false}\n                label={\"\"}\n              />\n            ) : (\n              `${moment(row.end_date).format('MMM D, yyyy')}`\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"10%\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => setEditItem(row.id)}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => removeProductDiscount(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => createProductDiscount(row)}\n              >\n                Save\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  function addStaffMembers() {\n    const newProductItem: ProductDiscountItem = {\n      edit: true,\n      name: '',\n      group: '',\n      sku: '',\n      discount: '',\n      start_date: Date.now(),\n      end_date:  Date.now()\n    }\n    setProductList([...productList, newProductItem])\n  }\n  const getProductDiscounts = () => {\n    setIsLoading(true)\n    getAllProductDiscountAxios(requestParamtrs).then(res=>{\n      setProductList(res.productsDiscount)\n      setProductListInfo({\n        count_users: Number(res.count_product_discounts),\n        limit: Number(res.limit),\n        page: Number(res.page),\n        total_pages_count: Number(res.total_pages_count),\n        total_users_count: Number(res.total_product_discounts_count),\n      });\n    }).finally(()=>{\n      setIsLoading(false)\n    })\n  }\n  \n  const createProductDiscount = (data: ProductDiscountItem) => {\n    setIsLoading(true)\n    const requestData = {...data, start_date: moment(data.start_date).format('yyyy-MM-DD HH:mm:ss'), end_date: moment(data.end_date).format('yyyy-MM-DD HH:mm:ss')}\n    createProductDiscountAxios(requestData).then(res=>{\n      getProductDiscounts()\n    }).finally(()=>{\n      setIsLoading(false)\n    })\n  }\n  \n  const setEditItem = (id: number) =>{\n    setProductList(productList.map(item=>item.id === id ? item = {...item, edit: true} : item))\n  }\n  \n  const removeProductDiscount = (id: number) => {\n    setIsLoading(true)\n    removeProductDiscountAxios({id}).then(res=>{\n      getProductDiscounts()\n    }).finally(()=>{\n      setIsLoading(false)\n    })\n  }\n  \n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      getProductDiscounts();\n    }, 500);\n    \n    return () => clearTimeout(timeout);\n  }, [requestParamtrs]);\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Product discounts</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) =>\n              setRequestParamtrs({...requestParamtrs, search: value})\n            }\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n          onClick={() => addStaffMembers()}\n        >\n          Add New Product\n        </button>\n      \n      </div>\n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={productDiscountTableColumns}\n            data={productList}\n            // expandableRows\n            // expandableRowsComponent={\n            //   <StaffFamilyTable data={staffList} getCustomerList={getStaff}/>\n            // }\n          />\n          <Pagination\n            {...productListInfo}\n            requestLimit={requestParamtrs.limit}\n            setRequestParamtrs={setRequestParamtrs}\n          />\n        </div>\n      </div>\n    \n    </Wrapper>\n  );\n};\n\nexport default ProductDiscount;\n","import axios from \"./api\";\n\nexport const getAllProductDiscountAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/business/product/discount/get\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const createProductDiscountAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/business/product/discount/create\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createProductDiscountForCustomerGroupAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/productDiscount/add\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeProductDiscountForCustomerGroupAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/productDiscount/remove\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeCustomerForCustomerGroupAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/productGroup/customer/remove\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const removeProductDiscountAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/business/product/discount/remove\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n    .top-bar div.search-wrap {\n        margin-left: 0;\n    }\n    .staff-top-bar{\n        justify-content: start;\n        gap: 20px;\n    }\n    .addSpendWrap{\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        input{\n            width: 100%;\n            min-width: 30px;\n        }\n        button {\n            width: 40%;\n        }\n    }\n    .remove-modal {\n        text-align: center;\n        padding: 30px 35px;\n\n        .title {\n            color: ${Color.blueDarkText};\n            font-size: 21px;\n            font-weight: 500;\n            line-height: 28px;\n            text-align: center;\n        }\n\n        button {\n            margin-top: 20px;\n            width: auto;\n            padding: 10px 20px;\n        }\n    }\n    .create-new-user {\n        form {\n            margin-bottom: 30px;\n            border: 1px solid rgba(0, 13, 70, 0.1);\n            border-radius: 5px;\n            padding: 15px;\n            //overflow: hidden;\n        }\n\n        .title-close {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n\n            .title {\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 21px;\n                margin-bottom: 0px;\n            }\n\n            .close {\n                background: none;\n                opacity: 0.6;\n                line-height: 0;\n\n                &:hover {\n                    opacity: 1;\n                }\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        .input-wrap {\n            display: flex;\n            margin-bottom: 15px;\n\n            & > div {\n                flex: 1;\n                width: calc(100% / 3);\n                margin-right: 20px;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.last_name-group{\n                    &>div{\n                        ul.bottom{\n                            max-height: 70px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import axios from \"./api\";\n\nexport const getSpendCardsAxios = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/customer/spend_card/get\", requestParameters)\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const getSpendUsersSelectListAxios = (): Promise<any> =>\n  axios\n    .get(\"/api/spend_card/cusomers/get\")\n    .then((response) => {\n      return response.data;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const addSpendCardsAxios = (requestParamtrs: any): Promise<any> =>\n  axios\n    .post(\"/api/customer/spend_card/add\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\nexport const removeSpendCardsAxios = (requestParamtrs: any): Promise<any> =>\n  axios\n    .post(\"/api/customer/spend_card/remove\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import React, {useCallback, useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport Input from \"../../components/Input\";\nimport {ReactComponent as SearchIcon} from \"../../assets/img/search.svg\";\nimport { ReactComponent as CloseIcon } from \"../../assets/img/clear.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../assets/img/delete.svg\";\nimport {CustomerInfoInterface, CustomerRequestInterface} from \"../../types/customer\";\nimport Select from \"../../components/Select\";\nimport {SelectorListObj} from \"../../components/Select/types\";\nimport DataTable from \"react-data-table-component\";\nimport Pagination from \"../../components/Pagination\";\nimport {ProductDiscountItem} from \"../../types/productDiscountTypes\";\nimport {\n  addSpendCardsAxios,\n  getSpendCardsAxios,\n  getSpendUsersSelectListAxios,\n  removeSpendCardsAxios\n} from \"../../api/spendCard\";\nimport Modal from \"../../components/Modal\";\n\nconst SpendCard = () => {\n  const [requestParamtrs, setRequestParamtrs] =\n    useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [isLoading, setIsLoading] = useState(false);\n  const [isDeleteLoading, setIsDeleteLoading] = useState(false);\n  const [showAddForm, setShowAddForm] = useState(false);\n  const [spendList, setSpendList] = useState<ProductDiscountItem[]>([]);\n  const [spendListInfo, setSpendListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n  });\n  const [usersList, setUsersList] = useState<SelectorListObj[]>([])\n  const [newSpend, setNewSpend] = useState<{customer_id: number | string, init_value: number}>({customer_id: 0, init_value: 0})\n  const [deleteStampCardModal, setDeleteStampCardModal] = useState<any>(null)\n  \n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      getAllSpendCards();\n    }, 500);\n    \n    return () => clearTimeout(timeout);\n  }, [requestParamtrs]);\n  \n  const getAllSpendCards = useCallback(() =>{\n    setIsLoading(true)\n    getSpendCardsAxios(requestParamtrs).then(res => {\n      setSpendList(res.spendCards)\n      setSpendListInfo({\n        count_users: Number(res.count_spend_card),\n        limit: Number(res.limit),\n        page: Number(res.page),\n        total_pages_count: Number(res.total_pages_count),\n        total_users_count: Number(res.total_spend_cards_count),\n      });\n    }).finally(()=>{\n      setIsLoading(false)\n    })\n    getSpendUsersSelectListAxios().then(res=>{\n      setUsersList(res.customers)\n      setNewSpend({...newSpend, customer_id: +res.customers[0].value})\n    })\n  },[newSpend, requestParamtrs])\n  \n  const handleAddNewSpend = (e: any) => {\n    e.preventDefault()\n    setIsLoading(true)\n    addSpendCardsAxios(newSpend).then(res=>{\n      getAllSpendCards()\n      setShowAddForm(false)\n    })\n  }\n  \n  const removeProductDiscount = (id: number) =>{\n    setDeleteStampCardModal(spendList.find(item=>item.id === id))\n  }\n  \n  const hendelDeleteLocationStaffConfirm = () => {\n    if (deleteStampCardModal) {\n      setIsDeleteLoading(true);\n      removeSpendCardsAxios({id: deleteStampCardModal.id}).then(res=>{\n        getAllSpendCards()\n        setIsDeleteLoading(false)\n        setDeleteStampCardModal(null)\n      })\n    }\n  };\n  const saveEditSpendCard = (item: any) =>{\n    setIsLoading(true)\n    const requestData = {\n      id: item.id,\n      customer_id: item.customer.id,\n      init_value: item.add_value,\n      used_value: item.used_value\n    }\n    \n    addSpendCardsAxios(requestData).then(res=>{\n      getAllSpendCards()\n    })\n  }\n  \n  \n  const productDiscountTableColumns = [\n    {\n      name: \"Customer Full Name\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.customer.full_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Customer Email\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {\n              row.customer.email\n            }\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Lifetime Spend Balance\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {\n              row.init_value\n            }\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Current Balance\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {\n              parseFloat(String(row.init_value - row.used_value)).toFixed(2)\n            }\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Used Spend\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {\n              row.used_value\n            }\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Add Spend\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div className={'addSpendWrap'}>\n               <input\n                 placeholder=\"Lifetime Spend Balance\"\n                 required\n                 defaultValue={0}\n                 autoComplete=\"off\"\n                 onInput={e=>row.add_value = e.currentTarget.value}\n                 style={{\n                   borderRadius: \"4px\",\n                   padding: \"13px 16px\",\n                   boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                 }}\n               />\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveEditSpendCard(row)}\n              >\n                Add\n              </button>\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      maxWidth: \"5%\",\n      minWidth: \"5%\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {/*{!row.edit ? (*/}\n            {/*  <>*/}\n                {/*<button*/}\n                {/*  type=\"button\"*/}\n                {/*  className=\"edit\"*/}\n                {/*  onClick={() => setEditItem(row.id)}*/}\n                {/*>*/}\n                {/*  <EditIcon/>*/}\n                {/*</button>*/}\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => removeProductDiscount(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n            {/*  </>*/}\n            {/*) : (*/}\n            {/*  <button*/}\n            {/*    className=\"btn-blue-outline\"*/}\n            {/*    style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}*/}\n            {/*    onClick={() => saveEditSpendCard(row)}*/}\n            {/*  >*/}\n            {/*    Save*/}\n            {/*  </button>*/}\n            {/*)}*/}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Spend Card</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) =>\n              setRequestParamtrs({...requestParamtrs, search: value})\n            }\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n          onClick={() => setShowAddForm(true)}\n        >\n          Add New Spend\n        </button>\n      \n      \n      </div>\n      {showAddForm ? <div className=\"create-new-user\">\n        <form\n          onSubmit={(e)=>handleAddNewSpend(e)}\n          className={`${\n            isLoading ? \"loading-blue\" : \"\"\n          }`}\n          autoComplete=\"off\"\n        \n        >\n          <div className=\"loading-innerwrap\">\n            <div className=\"title-close\">\n              <div className=\"title\">Create new spend</div>\n              <button\n                type=\"button\"\n                className=\"close\"\n                onClick={() => setShowAddForm(false)}\n              >\n                <CloseIcon/>\n              </button>\n            </div>\n            <div className=\"input-wrap\">\n              <div className=\"first_name-group\">\n                <Select\n                  placeholder=\"Select User\"\n                  selectorList={usersList}\n                  positionForShow=\"bottom\"\n                  required\n                  defaultValue={usersList[0]}\n                  getValue={(value) => setNewSpend({...newSpend, customer_id: +value})}\n                  hideSelectorFilter={false}\n                />\n              </div>\n              <div className=\"last_name-group\">\n                <Input\n                  placeholder=\"Spend Value\"\n                  required\n                  autoComplete=\"off\"\n                  getValue={(value) =>\n                    setNewSpend({...newSpend, init_value: +value})\n                  }\n                />\n              </div>\n            </div>\n            <button type=\"submit\" className=\"btn-blue\">\n              Add User\n            </button>\n          </div>\n        </form>\n      </div> : null}\n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={productDiscountTableColumns}\n            data={spendList}\n            // expandableRows\n            // expandableRowsComponent={\n            //   <StaffFamilyTable data={staffList} getCustomerList={getStaff}/>\n            // }\n          />\n          <Pagination\n            {...spendListInfo}\n            requestLimit={requestParamtrs.limit}\n            setRequestParamtrs={setRequestParamtrs}\n          />\n        </div>\n      </div>\n      \n      {deleteStampCardModal && (\n        <Modal\n          openModal={!!deleteStampCardModal}\n          setOpenModal={() => setDeleteStampCardModal(null)}\n          closeOutsideClick\n        >\n          <div\n            className={`remove-modal ${\n              isDeleteLoading ? \"loading-blue\" : \"\"\n            }`}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete spend card &quot;\n                {deleteStampCardModal.customer.full_name}&quot;\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={hendelDeleteLocationStaffConfirm}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    \n    </Wrapper>\n  );\n};\n\nexport default SpendCard;\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgCancelCircle(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 20 20\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M1.66675 9.99996C1.66675 5.39163 5.39175 1.66663 10.0001 1.66663C14.6084 1.66663 18.3334 5.39163 18.3334 9.99996C18.3334 14.6083 14.6084 18.3333 10.0001 18.3333C5.39175 18.3333 1.66675 14.6083 1.66675 9.99996ZM12.4084 13.5833C12.7334 13.9083 13.2584 13.9083 13.5834 13.5833C13.9001 13.2583 13.9001 12.725 13.5834 12.4083L11.1751 9.99996L13.5834 7.59163C13.9084 7.26663 13.9084 6.74163 13.5834 6.41663C13.2584 6.09163 12.7334 6.09163 12.4084 6.41663L10.0001 8.82496L7.59175 6.41663C7.26675 6.09163 6.74175 6.09163 6.41675 6.41663C6.09175 6.74163 6.09175 7.26663 6.41675 7.59163L8.82508 9.99996L6.41675 12.4083C6.09175 12.7333 6.09175 13.2583 6.41675 13.5833C6.74175 13.9083 7.26675 13.9083 7.59175 13.5833L10.0001 11.175L12.4084 13.5833Z\",\n    fill: \"#E74C3C\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCancelCircle);\nexport default __webpack_public_path__ + \"static/media/cancelCircle.b2141a6c.svg\";\nexport { ForwardRef as ReactComponent };","import { Color } from \"src/types/color\";\nimport styled, {keyframes} from \"styled-components\";\nconst uploadKeyFrames = keyframes`\n    0% {\n        transform: translateY(8px);\n    }\n    50% {\n        transform: translateY(0);\n    }\n    100% {\n        transform: translateY(8px);\n    }\n`;\n\nexport const Wrapper = styled.div`\n  .top-bar div.search-wrap {\n    margin-left: 0;\n      input {\n          padding: 11px 16px 11px 46px;\n          margin-bottom: 10px;\n      }\n      svg{\n          top: 43%;\n      }\n  }\n    .create-new-user {\n        .label {\n            display: flex;\n            color: ${Color.blueDarkText};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 10px;\n            text-align: left;\n        }\n        .discountRule_wrapper, form {\n            margin-bottom: 30px;\n            border: 1px solid rgba(0, 13, 70, 0.1);\n            border-radius: 5px;\n            padding: 15px;\n            overflow: hidden;\n        }\n\n        .title-close {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n\n            .title {\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 21px;\n                margin-bottom: 0;\n            }\n\n            .close {\n                background: none;\n                opacity: 0.6;\n                line-height: 0;\n\n                &:hover {\n                    opacity: 1;\n                }\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        .saveCard-btn{\n            width: 30%;\n        }\n        .addNew_rule{\n            width: 30%;\n            margin-top: 10px;\n        }\n        .input-wrap {\n            display: flex;\n            margin-bottom: 15px;\n            width: 50%;\n            flex-wrap: wrap;\n\n            & > div {\n                width: 45%;\n                margin-right: 20px;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.last_name-group{\n                    &>div{\n                        ul.bottom{\n                            max-height: 70px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n  .form-file{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px\n  }\n  .staff-top-bar{\n      display: flex;\n      justify-content: space-between;\n      \n      .filter-container, .buttons-container{\n          display: flex;\n          gap: 15px;\n          flex-wrap: wrap;\n          justify-content: flex-end;\n          align-items: center;\n      }\n      .filter-container{\n          .locations-wrap, .groups-wrap{\n              .select{\n                  input{\n                      padding: 11px 16px;\n                  }\n              }\n          }\n          .calendar-wrap{\n              .select {\n                  display: flex;\n                  align-items: center;\n                  position: relative;\n                  flex-direction: column;\n                  margin-bottom: 12px;\n\n                  input {\n                      padding: 11px 16px 11px 40px;\n                  }\n                  svg{\n                      position: absolute;\n                      left: 8px;\n                      top: 9px;\n                  }\n                  svg path:not([fill=\"none\"]) {\n                      fill: #666e90;\n                  }\n              }\n          }\n          \n      }\n  }\n    .label {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 10px;\n        text-align: left\n    }\n    .colorInput{\n        border-radius: 4px;\n        //box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n        font-size: 18px;\n        line-height: 20px;\n        width: 100%;\n        height: 48px;\n        margin-top: 10px;\n        background-color: transparent;\n        margin-bottom: 10px;\n\n        &::placeholder {\n            color: #95989d;\n        }\n\n        &:disabled {\n            padding: 13px 40px 13px 16px;\n            /* background: rgba(0, 0, 0, 0.07);\n            box-shadow: none; */\n        }\n    }\n    .selectImg {\n                height: 200px;\n                border-radius: 8px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                \n                .dropZone {\n                    display: flex;\n                    flex-direction: column;\n                    height: 100%;\n\n                    &.with-photo {\n                        & > div {\n                            .dropZone-content-text {\n                                opacity: 0;\n                                transition: 0.5s all ease;\n                            }\n                        }\n\n                        &:hover {\n                            & > div {\n                                .dropZone-content-text {\n                                    opacity: 1;\n                                }\n                            }\n                        }\n                    }\n\n                    & > div {\n                        position: relative;\n                        height: 100%;\n                        outline: none;\n                        cursor: pointer;\n\n                        &.active_true {\n                            border-color: ${Color.blueDark};\n                            box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n                        }\n\n                        &.active_false {\n                            min-height: 200px;\n                        }\n\n                        input {\n                            max-width: 100%;\n                            display: block !important;\n                            position: absolute;\n                            bottom: 0;\n                            right: 0;\n                            left: 0;\n                            margin: auto;\n                            opacity: 0;\n                            z-index: -1;\n                        }\n\n                        .img {\n                            line-height: 0;\n                            width: 100%;\n                            height: 100%;\n                            img {\n                                height: 100%;\n                            }\n                        }\n\n                        .dropZone-content-text {\n                            display: flex;\n                            flex-direction: column;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                            bottom: 0;\n                            left: 0;\n                            background-color: rgba(255, 255, 255, 0.85);\n\n                            border: 1.5px dashed ${Color.blueDark};\n                            border-radius: 4px;\n                            outline: none;\n                            padding: 30px;\n                            cursor: pointer;\n                            transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n                            & > svg {\n                                margin-bottom: 5px;\n                                animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n                                path[fill-rule=\"evenodd\"] {\n                                    fill: ${Color.blueDark};\n                                }\n                            }\n\n                            .text {\n                                color: ${Color.blueDark};\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: center;\n                                align-items: center;\n\n                                span {\n                                    margin-bottom: 5px;\n                                }\n\n                                .title {\n                                    font-size: 18px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n\n                                .description {\n                                    opacity: 0.6;\n                                    font-size: 12px;\n                                    font-weight: 300;\n                                    line-height: 15px;\n                                }\n\n                                .file-name {\n                                    font-size: 21px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .img {\n                    img {\n                        max-width: 100%;\n                        width: 100%;\n                    }\n                }\n            }\n  .hide{\n    display: none;\n  }\n    .discount_rules-list{\n        .rdt_Table{\n            .rdt_TableHead{\n                .rdt_TableHeadRow{\n                    .rdt_TableCol{\n                        font-size: inherit;\n                    }\n                }\n            }\n            .rdt_TableBody{\n                .rdt_TableRow{\n                    align-items: center;\n                    .rdt_TableCell{\n                        color: ${Color.blueDarkText};\n                        font-size: 16px;\n                        font-weight: 500;\n                        line-height: 20px;\n                        align-items: center;\n                        height: 100%;\n                        &>div{\n                            width: 80%;\n                            .isSelect{\n                                ul.bottom{\n                                    max-height: 80px;\n                                }\n                            }\n                        }\n                        .action {\n                            display: flex;\n                            align-items: center;\n                            margin-bottom: 24px;\n                            margin-top: 10px;\n                            width: 30%;\n                            .edit {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                margin-right: 25px;\n                                background: none;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .delete {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                background: none;\n                                padding: 0;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .info {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                margin-right: 25px;\n                                background: none;\n                                cursor: pointer;\n                                position: relative;\n                                & > span {\n                                    z-index: -1;\n                                    opacity: 0;\n                                    background-color: $blueDarkText;\n                                    position: absolute;\n                                    font-size: 14px;\n                                    width: 96px;\n                                    color: $white;\n                                    padding-left: 10px;\n                                    padding-right: 10px;\n                                    text-align: center;\n                                    border-radius: 4px;\n                                    padding-top: 5px;\n                                    padding-bottom: 5px;\n                                    transition: all 0.3s ease;\n                                    line-height: 20px;\n                                    top: -55px;\n                                    left: -35px;\n                                    box-sizing: border-box;\n                                }\n                                svg {\n                                    opacity: 0.6;\n                                    &:hover {\n                                        opacity: 1;\n\n                                        & + span {\n                                            z-index: 2;\n                                            opacity: 1;\n                                        }\n                                    }\n                                    path:not([fill=\"none\"]) {\n                                        fill: rgb(0, 13, 70);\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .discount_ruls{\n        &>div{\n            ul{\n                max-height: 80px;\n            }\n        }\n    }\n    .selectLogo-box{\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n    .cardImage{\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n    .cardView{\n        border-radius: 15px;\n        width: 400px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            width: 50%;\n            height: 50%;\n            object-fit: contain;\n        }\n        \n    }\n  .table {\n    & > div {\n      // overflow: unset;\n    }\n\n    \n\n    div.rdt_TableRow {\n\n      & input {\n        width:75%\n      }\n        .active{\n            svg{\n                path{\n                    fill: #2ecc71;\n                }\n            }\n        }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n    \n  }\n`;\n","import styled from \"styled-components\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n\n    .visibility-icon{\n        width: 20px;\n        height: 20px;\n    }\n    .show-order{\n        cursor: pointer;\n        padding: 10px 0 10px 10px;\n    }\n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import React, { FC, useEffect, useState } from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\nimport { WrapperTableList } from \"./styled\";\nimport { getStaffDiscountActivity } from \"src/api/customers\";\nimport {format} from \"date-fns\";\nimport TransactionInformation from \"../../Customers/CustomerList/TransactionInformation/TransactionInformation\";\nimport {useHistory, useLocation} from \"react-router-dom\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n}\n\nconst StaffFamilyTable: FC<IProps> = ({ data, getCustomerList }) => {\n  const [userInfo, setUserInfo] = useState([]);\n  const { search } = useLocation();\n  const history = useHistory()\n  const searchParams = new URLSearchParams(search);\n  const getUserPointInfo = (id: string) => {\n    getStaffDiscountActivity({ id }).then((response) => {\n      setUserInfo(response.data.activities);\n      if (searchParams.has('code')) {\n        searchParams.delete('code')\n        history.replace({\n          search: searchParams.toString(),\n        })\n      }\n    });\n  };\n  const [showTransactionDetail, setShowTransactionDetail] = useState(false);\n  const [customerInformation, setCustomerInformation] = useState<any>({});\n  const [customer, setCustomer] = useState<any>({});\n\n  useEffect(() => {\n    getUserPointInfo(data.id);\n  }, [data.id]);\n  \n  const findFullDiscount = (orders: any[]) => {\n    let sum = 0;\n    orders.forEach(item => {\n      sum += item.initial_price - item.total\n    })\n    return sum.toFixed(2)\n  }\n  \n\n  const staffMembersTableColumns = [\n    {\n      name: \"Full Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.full_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Store\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.basket.location || \"-\"}</div>;\n      }\n    }, {\n      name: \"Order No.\",\n      maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.basket.orderId || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS.I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.pos_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS User .I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.pos_user_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Discount Amt.\",\n      cell: (row: any): JSX.Element => {\n        return <div>{findFullDiscount(row.basket.productsList) || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.time\n              ? format(new Date(row.time * 1000), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            {row.basket && row.basket.productsList.length > 0 ? (\n              <div className={\"show-order\"} data-tag=\"allowRowEvents\">\n                <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"}/>\n              </div>) : null}\n          \n          </>\n        );\n      }\n    }\n  ];\n  return (\n    <WrapperTableList>\n      <DataTable data={userInfo} columns={staffMembersTableColumns} noHeader onRowClicked={(row: any) => {\n        if (row.basket && row.basket.productsList.length > 0) {\n          setShowTransactionDetail(true)\n          row.basket && setCustomerInformation(row.basket)\n          setCustomer(row)\n        }else {\n          setCustomerInformation({})\n        }\n        \n      }}\n                 expandableRows\n                 expandableRowsHideExpander={true}\n                 expandableRowExpanded={(row) => (row === customer)}\n                 expandOnRowClicked={true}\n                 onRowExpandToggled={(bool, row) => setCustomer(row)}\n                 expandableRowsComponent={\n                   <TransactionInformation staffPage={true} show={showTransactionDetail}\n                                           customerInformation={customerInformation}\n                                           productList={customerInformation.productsList} customer={customer}\n                                           setShow={setShowTransactionDetail}/>\n                 }/>\n    </WrapperTableList>\n  );\n};\n\nexport default StaffFamilyTable;\n","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport {useLocation} from 'react-router-dom';\nimport Input from \"../../components/Input\";\nimport {ReactComponent as SearchIcon} from \"../../assets/img/search.svg\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport {ReactComponent as CancelCircle} from \"../../assets/img/cancelCircle.svg\";\nimport { ReactComponent as CalendarIcon } from \"../../assets/img/calendar.svg\";\nimport Pagination from \"../../components/Pagination\";\nimport {\n  CustomerInfoInterface,\n  CustomerRequestInterface,\n} from \"../../types/customer\";\nimport {\n  getAllStaffDiscountMembers,\n  addStaffDiscountMembersAxios,\n  editStaffDiscountMembersAxios,\n  removeStaffDiscountMemberAxios,\n  getStaffDiscountLoyaltyCardAxios,\n  importStaffDiscountWorkersAxios,\n  removeBulkStaffDiscountAxios, getMaximumSpendDiscountAxios,\n} from \"../../api/customers\";\nimport {Wrapper} from \"./styled\";\n\nimport Select from \"../../components/Select\";\nimport {useActions} from \"../../hooks/useActions\";\nimport {ReactComponent as EditIcon} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../assets/img/delete.svg\";\nimport {useTypedSelector} from \"src/hooks/useTypedSelector\";\nimport StaffFamilyTable from \"./InnerTable/StaffFamilyTable\";\nimport Modal from \"../../components/Modal\";\nimport {REACT_APP_API_URL} from \"../../types/env\";\nimport InfoTooltip from \"../../components/infoTooltip\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\nconst arrangeCustomerSelect = [\n  { value: \"last_name:asc\", label: \"Sort A-Z\" },\n  { value: \"last_name:desc\", label: \"Sort Z-A\" },\n  { value: \"id:asc\", label: \"Sort Oldest → Newest\" },\n  { value: \"id:desc\", label: \"Sort Newest → Oldest\" },\n  { value: \"last_visit:desc\", label: \"Check-ins Most Recent → Oldest\" },\n  { value: \"last_visit:asc\", label: \"Check-ins Oldest → Most Recent\" }\n];\n\nconst StaffDiscount = () => {\n  const [staffList, setStaffList] = useState<any>([]);\n  const externalIdInp = useRef<HTMLInputElement | null>(null);\n  const firstNameInp = useRef<HTMLInputElement | null>(null);\n  const lastNameInp = useRef<HTMLInputElement | null>(null);\n  const employeeNumberInp = useRef<HTMLInputElement | null>(null);\n  const gcNumberInp = useRef<HTMLInputElement | null>(null);\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  \n  const { search } = useLocation();\n  const searchParams = new URLSearchParams(search);\n  const code = searchParams.get(\"code\");\n  \n  const [requestParameters, setRequestParameters] =\n    useState<CustomerRequestInterface>({\n      limit: 10,\n      page: 1,\n      search: code ? code : null,\n      location: null,\n      // group: \"\",\n      sort_type: \"last_name:asc\"\n    });\n  const [staffListInfo, setStaffListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n  });\n  const [maximumSpend, setMaximumSpend] = useState<number>(0)\n  const [useMaximumSpendDiscount, setUseMaximumSpendDiscount] = useState<boolean>(false)\n  const [isLoading, setIsLoading] = useState(false);\n  const [openImportForm, setOpenImportForm] = useState(false);\n  const [haveStaffCardModel, setHaveStaffCardModel] = useState(false);\n  const [openBulkRemoveForm, setOpenBulkRemoveForm] = useState(false);\n  const [fileBase64, setFileBase64] = useState<any>(\"\");\n  const { locations } = useTypedSelector(\n    (state) => state.groupsLocations\n  );\n  const [dates, setDatesState] = useState({\n    startDate: moment(new Date(2022, 0, 1)),\n    endDate: moment()\n  });\n  const [newUser, setNewUser] = useState<any | null>({\n    email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    external_id: '',\n    // phone: \"\",\n    discount: \"\",\n    store_name: loggedUser.user.global_card_name,\n    barcode_number: \"\",\n    // code_name: \"\",\n    new: true,\n  });\n  const [editUser, setEdinUser] = useState<any | null>({\n    email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    // phone: \"\",\n    discount: \"\",\n    external_id: '',\n    store_name: loggedUser.user.global_card_name,\n    barcode_number: \"\",\n    code_name: \"\",\n  });\n  const removeInp = useRef<HTMLInputElement>(null)\n  const importInp = useRef<HTMLInputElement>(null)\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  const { getGroupsLocations } = useActions();\n  \n  useEffect(() => {\n    getGroupsLocations();\n    getMaximumSpendDiscountSetings()\n  }, []);\n  \n  let newStaff = newUser;\n  const staffMembersTableColumns = [\n    {\n      name: \"I.D.\",\n      maxWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"I.D.\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) => {\n                  changeNewStaffValueInput(\"external_id\", e.currentTarget.value);\n                }}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"I.D.\"\n                ref={externalIdInp}\n                required\n                defaultValue={row.external_id}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.external_id\n            )}\n          </div>\n        );\n      },\n    },{\n      name: \"First Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"First name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) => {\n                  changeNewStaffValueInput(\"first_name\", e.currentTarget.value);\n                }}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"First name\"\n                ref={firstNameInp}\n                required\n                defaultValue={row.first_name}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.first_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Last Name\",\n      minWidth: \"100px\",\n      // maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Last name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"last_name\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Last name\"\n                ref={lastNameInp}\n                required\n                defaultValue={row.last_name}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.last_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Barcode\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.barcode}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount percent\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Discount percent\"\n                required\n                type={\"number\"}\n                autoComplete=\"off\"\n                min={0}\n                max={100}\n                onInput={(e) =>\n                  +e.currentTarget.value >= 100 ?\n                    changeNewStaffValueInput(\"discount\", '100') : +e.currentTarget.value < 0 ? changeNewStaffValueInput(\"discount\", '0') :\n                      changeNewStaffValueInput(\"discount\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Discount percent\"\n                ref={gcNumberInp}\n                required\n                type={\"number\"}\n                min={0}\n                max={100}\n                defaultValue={`${row.discount}`}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.discount\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Used/Maximum Spend Discount\",\n      omit: !useMaximumSpendDiscount,\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {!!row.used_maximum_spend_discount ? row.used_maximum_spend_discount+'/'+ maximumSpend : '0/'+ maximumSpend}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount Issued\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.total_discount ? `${loggedUser?.user?.currency_symbol || '€'}${row.total_discount}`  : `${loggedUser?.user?.currency_symbol || '€'}0`}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email Address\",\n      minWidth: \"275px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Email Address\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"email\", e.currentTarget.value.trim())\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.email\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Store\",\n      minWidth: \"100px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{loggedUser.user.global_card_name}</div>;\n      },\n    },\n    {\n      name: \"Activated\",\n      maxWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return <div>\n          {row.active ? <div className=\"active\"><CheckCircle/></div> : <div className=\"not-active\"><CancelCircle/></div>}\n        </div>;\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.new && !row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => {\n                    setEdinUser(row);\n                    row.edit = true\n                  }}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => deleteLocationStaffAsk(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : !row.new && row.edit ? (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveStaffMembers(row.id)}\n              >\n                Save\n              </button>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => addNewUserToLocation(row.id)}\n              >\n                Add\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  const handleChangeRequestParameters = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n \n  function saveStaffMembers(id: any) {\n    setIsLoading(true);\n    let user = {\n      id: id,\n      email: editUser.email,\n      first_name: firstNameInp?.current?.value,\n      external_id: externalIdInp?.current?.value,\n      last_name: lastNameInp?.current?.value,\n      discount: +gcNumberInp?.current!.value >= 100 ? '100' : +gcNumberInp?.current!.value <= 0 ? '0' : gcNumberInp?.current?.value,\n    };\n    \n    editStaffDiscountMembersAxios(user)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n  const getMaximumSpendDiscountSetings = ()=>{\n    getMaximumSpendDiscountAxios().then(res=>{\n      // setMaximumSpendPeriod(res.data.maximumSpendPeriod || 1)\n      setMaximumSpend(+res.data.maximumSpendValue || 0)\n      setUseMaximumSpendDiscount(res.data.usingMaximumSpend || false)\n    })\n  }\n  \n  function changeNewStaffValueInput(label: string, value: string) {\n    newStaff = {...newStaff, [label]: value};\n  }\n  \n  useEffect(() => {\n    setTimeout(() => {\n      if (\n        firstNameInp.current &&\n        externalIdInp.current &&\n        lastNameInp.current &&\n        employeeNumberInp.current &&\n        gcNumberInp.current\n      ) {\n        firstNameInp.current.value = editUser.first_name;\n        externalIdInp.current.value = editUser.external_id;\n        lastNameInp.current.value = editUser.last_name;\n        employeeNumberInp.current.value = editUser.employee_number;\n        gcNumberInp.current.value = editUser.gc_number;\n      }\n    }, 500);\n  }, [editUser]);\n  \n  function addStaffMembers() {\n    setNewUser(newStaff);\n    setStaffList((staffList: any) => (staffList = [newUser, ...staffList]));\n  }\n  \n  function deleteLocationStaffAsk(row: any) {\n    setIsLoading(true);\n    removeStaffDiscountMemberAxios({id: row})\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n  \n  const getStaff = useCallback(() => {\n    setIsLoading(true);\n    getStaffDiscountLoyaltyCardAxios().then(res=>{\n      res.data.loyalty_card.staff_barcode_prefix ? setHaveStaffCardModel(true) : setHaveStaffCardModel(false)\n    })\n    getAllStaffDiscountMembers({\n      ...requestParameters,\n      startDate: moment(dates.startDate).format(\"DD-MM-yyyy\"),\n      endDate: moment(dates.endDate).format( \"DD-MM-yyyy\")\n    })\n      .then((response) => {\n        setStaffList(response.data.workers);\n        \n        setStaffListInfo({\n          count_users: Number(response.data.count_workers),\n          limit: Number(response.data.limit),\n          page: Number(response.data.page),\n          total_pages_count: Number(response.data.total_pages_count),\n          total_users_count: Number(response.data.total_workers_count),\n          // searchType: Number(response.data.searchType),\n        });\n        \n        const reqDate = dates.startDate\n        if(response.data.startDate !== reqDate.format( 'yyyy-MM-DD')){\n          setDatesState({...dates, startDate: moment(new Date(response.data.startDate))});\n        }\n        setIsLoading(false);\n        // if (searchParams.has('code')) {\n        //   searchParams.delete('code')\n        //   history.replace({\n        //     search: searchParams.toString(),\n        //   })\n        // }\n      })\n      .catch(() => setIsLoading(false));\n  },[dates, requestParameters]);\n  \n  useEffect(() => {\n    getStaff();\n  }, [requestParameters.page, requestParameters.location, requestParameters.sort_type, dates]);\n  \n  useEffect(() => {\n    if (requestParameters.search !== null) {\n      const timeout = setTimeout(() => {\n        getStaff();\n      }, 500);\n      \n      return () => clearTimeout(timeout);\n    }\n  }, [requestParameters.search]);\n  \n  useEffect(() => {\n    if (Number(requestParameters.page) === 1 && staffListInfo.limit !== 0) {\n      getStaff();\n    }\n  }, [requestParameters.limit]);\n  \n  const addNewUserToLocation = (id: any) => {\n    setIsLoading(true);\n    newStaff = {...newStaff, new: false};\n    addStaffDiscountMembersAxios(newStaff)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n        newStaff = newUser;\n      })\n      .catch(() => setIsLoading(false));\n  };\n \n  const getBase64 = (e: any) => {\n    const file = e.target.files[0];\n    let reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = function () {\n      setFileBase64(reader.result);\n    };\n    reader.onerror = function (error) {\n      console.log(\"Error: \", error);\n    };\n  };\n  \n  const handleImportStaffDiscountWorkers = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenImportForm(false);\n    importStaffDiscountWorkersAxios({\n      file: fileBase64,\n      // @ts-ignore\n      name: importInp!.current?.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment(),\n      endDate: moment()\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate,\n      endDate: moment()\n    }) : setDatesState({\n      startDate: startDate,\n      endDate: endDate\n    });\n  };\n  \n  const handleBulkRemove = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenBulkRemoveForm(false);\n   \n    removeBulkStaffDiscountAxios({\n      file: fileBase64,\n      // @ts-ignore\n      name: removeInp!.current?.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Staff members</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"buttons-container\">\n          <div className=\"search-wrap\">\n            <Input\n              placeholder=\"Search...\"\n              defaultValue={requestParameters.search ? requestParameters.search : ''}\n              required\n              icon={<SearchIcon/>}\n              getValue={(value) =>\n                setRequestParameters({...requestParameters, search: value})\n              }\n            />\n          </div>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            disabled={!haveStaffCardModel}\n            style={{marginBottom: \"12px\"}}\n            onClick={() => addStaffMembers()}\n          >\n            Add New Member\n            {!haveStaffCardModel ?\n              <InfoTooltip infoText={'To add a member, first configure the Staff card model!'}/> : null}\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => setOpenImportForm(!openImportForm)}\n          >\n            Import from File\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n          >\n            Bulk Remove\n          </button>\n        </div>\n        \n        <div className=\"filter-container\">\n          {/*<div className=\"groups-wrap\">*/}\n          {/*  <Select*/}\n          {/*    placeholder=\"All Groups\"*/}\n          {/*    selectorList={groups}*/}\n          {/*    disabled={!(groups.length > 0)}*/}\n          {/*    positionForShow=\"bottom\"*/}\n          {/*    required*/}\n          {/*    isClearable*/}\n          {/*    getValue={(value) => handleChangeRequestParameters(\"group\", value)}*/}\n          {/*    hideSelectorFilter*/}\n          {/*  />*/}\n          {/*</div>*/}\n          <div className=\"groups-wrap\">\n            <Select\n              placeholder=\"Arrange Customer List\"\n              selectorList={arrangeCustomerSelect}\n              positionForShow=\"bottom\"\n              defaultValue={arrangeCustomerSelect[0]}\n              required\n              getValue={(value) =>\n                handleChangeRequestParameters(\"sort_type\", value)\n              }\n              hideSelectorFilter\n            />\n          </div>\n          <div className=\"locations-wrap\">\n            <Select\n              placeholder=\"All Locations\"\n              selectorList={locations}\n              disabled={!(locations.length > 0)}\n              positionForShow=\"bottom\"\n              required\n              isClearable\n              getValue={(value) => handleChangeRequestParameters(\"location\", value)}\n              hideSelectorFilter\n            />\n          </div>\n          <div className=\"calendar-wrap\">\n            <DateRangePicker\n              onApply={setDates}\n              initialSettings={{ranges: ranges }}\n            >\n              <div className={'isSelect select'}>\n                <CalendarIcon/>\n                <input\n                  type=\"text\"\n                  value={dates.startDate.format(\"MMM D, YYYY\") + \"-\" + dates.endDate.format(\"MMM D, YYYY\")}\n                  onChange={(e) => {\n                    setDates(e, dates)\n                  }}\n                  className=\"form-control\"\n                />\n              </div>\n            \n            </DateRangePicker>\n          </div>\n        </div>\n      </div>\n      {openImportForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openImportForm}\n               setOpenModal={() => setOpenImportForm(!openImportForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleImportStaffDiscountWorkers(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{marginBottom: \"30px\", textAlign: 'center'}}>\n              Please choose a file from your drive to upload to the dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '10px', objectFit: 'contain', width: '100%'}}\n                 src={REACT_APP_API_URL + \"/img/examples/staff_import_example.png\"} alt=\"example\"/>\n            <p style={{color: 'red', marginBottom: '20px'}}>I.D. Column is not mandatory</p>\n            <input\n              ref={importInp}\n              type=\"file\"\n              name=\"file\"\n              style={{marginBottom: \"20px\"}}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{marginTop: \"20px\"}}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n                onClick={() => setOpenImportForm(!openImportForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n              >\n                Submit\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      {openBulkRemoveForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openBulkRemoveForm}\n               setOpenModal={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleBulkRemove(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{marginBottom: \"30px\", textAlign: 'center'}}>\n              Please select a file from your drive to remove staff members from dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '20px', objectFit: 'contain', width: '100%'}}\n                 src={REACT_APP_API_URL + \"/img/examples/staff_import_example.png\"}\n                 alt=\"example\"/>\n            <p style={{color: 'red', marginBottom: '20px'}}>I.D. Column is not mandatory</p>\n            <input\n              type=\"file\"\n              name=\"file\"\n              ref={removeInp}\n              style={{marginBottom: \"20px\"}}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{marginTop: \"20px\"}}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n                onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n              >\n                Remove\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={staffMembersTableColumns}\n            data={staffList}\n            expandableRows\n            expandableRowsComponent={\n              <StaffFamilyTable data={staffList} getCustomerList={getStaff}/>\n            }\n          />\n          <Pagination\n            {...staffListInfo}\n            requestLimit={requestParameters.limit}\n            setRequestParamtrs={setRequestParameters}\n          />\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default StaffDiscount;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n// import \"bootstrap/dist/css/bootstrap.css\";\n// you will also need the css that comes with bootstrap-daterangepicker\nimport \"bootstrap-daterangepicker/daterangepicker.css\";\nimport arrowDropDownImgBlack from \"src/assets/img/arrowDropDownBlack.svg\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n      align-items: flex-end;\n    .filters {\n      display: flex;\n      align-items: flex-end;\n        padding-right: 5px;\n        gap: 20px;\n        &>div{\n            margin-bottom: 24px;\n        }\n      .select {\n        input {\n          padding: 10px 16px 10px 40px;\n        }\n        svg path:not([fill=\"none\"]) {\n          fill: #666e90;\n        }\n      }\n    }\n  }\n\n  .main-blocks-row, .sales-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n        .products {\n        color: #000000;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n        \n        .sales_item{\n            color: #000000;\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 15px;\n            display: flex;\n            .sale_name{\n                width: 70%;\n            }\n        }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n          .detail{\n              font-size: 40px;\n          }\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n        .sites-list{\n            display: flex;\n            flex-direction: column;\n            .list-header, .row{\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                gap: 30px;\n                \n                .column{\n                    display: flex;\n                    justify-content: flex-start;\n                    gap: 15px;\n                    align-items: center;\n                    width: 19%;\n                    \n                    .column-label{\n                        font-size: 16px;\n                        font-weight: 500;\n                        color: ${Color.blueDarkText};\n                        \n                    }\n                    \n                    .sort-btn{\n                        display: flex;\n                        align-items: center;\n                        justify-content: flex-start;\n                        border: none;\n                        background: none;\n                        cursor: pointer;\n                        \n                        svg{\n                            height: 20px;\n                            width: 20px;\n                            &:first-child{\n                                transform: rotate(270deg);\n                            }\n                            &:last-child{\n                                \n                                transform: rotate(90deg);\n                            }\n                        }\n                        \n                        \n                    }\n                }\n            }\n        }\n    }\n  }\n    \n    .sales_channels{\n        margin-top: 20px;\n        position: relative;\n        padding-right: 40px;\n        .icon {\n            top: 10px;\n            position: absolute;\n            right: 10px;\n        }\n        .icon_rotate{\n            transform: rotate(180deg);\n            top: 5px;\n        }\n    }\n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n  @media (min-width: 992px) and (max-width: 1040px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 760px) {\n    .filters {\n      flex-direction: column;\n\n      div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .heading {\n      flex-direction: column;\n\n      .page-title {\n        text-align: center;\n      }\n    }\n  }\n    .select{\n        display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: 24px;\n\n  & > .label:not(:empty) {\n    color: ${Color.blueDarkText};\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    margin-bottom: 10px;\n  }\n\n  & > svg {\n    position: absolute;\n    left: 8px;\n    top: 8px;\n  }\n\n  & > input {\n    border-radius: 2px;\n    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    padding: 13px 16px;\n    font-size: 16px;\n    line-height: 20px;\n    cursor: pointer;\n    background: url(${arrowDropDownImgBlack}) #ffffff no-repeat calc(100% - 12px) center;\n \n\n    &::placeholder {\n      color: #95989d;\n    }\n\n    &:disabled:not(\".lock\") {\n      background: rgba(0, 0, 0, 0.07);\n      box-shadow: none;\n    }\n  }\n  &.lock {\n    input {\n      background: none;\n      cursor: initial;\n    }\n  }\n\n  & > ul {\n    position: absolute;\n    width: 100%;\n    background: #fff;\n    z-index: 5;\n    box-shadow: rgb(0 0 0 / 20%) 0px 2px 7px 0px;\n    border-radius: 2px;\n    padding: 5px 0;\n    max-height: 230px;\n    overflow: auto;\n    &.top {\n      bottom: calc(100% + 7px);\n    }\n    &.bottom {\n      top: calc(100% + 7px);\n    }\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 144, 202, 0.4);\n    }\n\n    & > input {\n      width: 90%;\n      margin: 10px auto;\n      display: block;\n      padding: 7px 10px;\n      background: unset;\n      height: auto;\n      border: 2px solid #ebebeb;\n      border-radius: 6px;\n      box-sizing: border-box;\n\n      &::placeholder {\n        color: #ced2d4;\n      }\n    }\n\n    & > button {\n      font-size: 14px;\n      padding: 10px 16px;\n      cursor: pointer;\n      background: #fff;\n      transition: background-color 0.225s;\n      display: flex;\n      width: 100%;\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.04);\n      }\n    }\n\n    & > li {\n      padding: 10px 16px;\n    }\n  }\n  &:hover {\n    .clearable-btn {\n      opacity: 0.4;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .lock-icon-wrap {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n  }\n    }\n`;\n\nexport { Wrapper };\n","export const filterPerDate = [\n  {\n    value: \"7\",\n    label: \"Last 7 days\",\n  },\n  {\n    value: \"1\",\n    label: \"Today\",\n  },\n  {\n    value: \"30\",\n    label: \"Last 30 days\",\n  },\n  {\n    value: \"365\",\n    label: \"Last 365 days\",\n  },\n];\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  margin-top: 30px;\n  .chart {\n      position: relative;\n    background: ${Color.white};\n    padding: 30px;\n  }\n    #arrow{\n        background-color: rgb(51,51,51);\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        transform: rotate(45deg);\n        top: -4px;\n    }\n    .orderLink{\n        font-weight: 500;\n        text-decoration: underline;\n        cursor: pointer;\n        color: ${Color.white};\n    }\n    #custom-tooltip {\n        position: absolute;\n        width: 550px;\n        display: none;\n        background-color: rgb(51,51,51);\n        color: ${Color.white};\n        border-radius: 8px;\n        padding: 10px;\n        \n        \n        .tooltip-header{\n            padding-bottom: 10px;\n        }\n        \n        .details{\n            .rdt_TableBody::-webkit-scrollbar {\n                width: 5px;               /* ширина всієї смуги прокрутки */\n            }\n\n            .rdt_TableBody::-webkit-scrollbar-thumb {\n                background-color: blue;    /* колір скролбару */\n                border-radius: 20px;       /* заокруглення скролбару */\n                border: 3px solid black;  /* додає паддінги навколу скролу */\n            }\n        }\n    }\n  .doughnut_items_wrapper {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    & > * {\n      margin: 0px 15px;\n    }\n    &::-webkit-scrollbar {\n      height: 12px;\n      cursor: pointer;\n    }\n    &::-webkit-scrollbar-track {\n      background: ${Color.blueBackground};\n      border-radius: 3px;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: ${Color.blue};\n      border-radius: 3px;\n    }\n    .not_found {\n      font-size: 20px;\n      min-height: 200px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  .doughnut_item_wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 200px;\n    min-height: 200px;\n    margin-bottom: 25px;\n    .doughnut_location {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 23px;\n      margin: 12px 0px;\n    }\n    .center_wrapper {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, 50%);\n      width: 100px;\n      height: 100px;\n      padding: 5px;\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n      .center_wrapper_title {\n        font-size: 12px;\n        font-weight: 300;\n        line-height: 18px;\n        color: ${Color.grey};\n      }\n      .center_count {\n        font-size: 28px;\n        font-weight: 500;\n        line-height: 38px;\n      }\n    }\n  }\n  .doughnut_legend {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-bottom: 30px;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 20px;\n    .legend_item {\n      margin-right: 10px;\n      &:last-child {\n        margin-right: 0px;\n      }\n    }\n    .legend_wrapper {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      margin-right: 25px;\n      &:last-child {\n        margin-right: 0px;\n      }\n      .legend_color {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        border-radius: 2px;\n        background-color: ${Color.blueLightMedium};\n      }\n    }\n  }\n  .doughnut_legend_bottom {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    .legend_item_color {\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 20px;\n      .legend_color {\n        width: 15px;\n        height: 12px;\n        margin-right: 6px;\n      }\n      &:first-child {\n        .legend_color {\n          background-color: ${Color.blueLightMedium};\n        }\n      }\n      &:last-child {\n        .legend_color {\n          background-color: ${Color.blueDark};\n        }\n      }\n    }\n  }\n  @media (max-width: 1200px) {\n    .chart {\n      padding: 15px;\n    }\n  }\n  @media (max-width: 800px) {\n    .chart-wrapper {\n      overflow-x: scroll;\n\n      .chart {\n        width: 700px;\n      }\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, { useState, useRef, useEffect} from \"react\";\nimport {Chart, Line} from \"react-chartjs-2\";\nimport { Wrapper } from \"./styled\";\nimport { IActiveChart } from \"./types\";\nimport {ActiveElement, ChartEvent} from \"chart.js\";\nimport DataTable from \"react-data-table-component\";\nimport {Link} from \"react-router-dom\";\nimport moment from \"moment\";\nimport {useTypedSelector} from \"../../../hooks/useTypedSelector\";\n\nconst DashboardChart = ({\n  promotionType,\n  customers,\n  salesStatistic,\n  discount,\n  dateFilter,\n  endDate,\n  statisticByLocation,\n}: any) => {\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const chartRef = useRef<HTMLDivElement>(null);\n  const [activeChart, setActiveChart] = useState<IActiveChart>(\"Gross Sales\");\n  const [hoveredChartItem, setHoveredChartItem] = useState(0)\n  const [hoveredChartItemDiscount, setHoveredChartItemDiscount] = useState(0)\n  const[customersForTable, setCustomersForTable] = useState<any[]>([])\n  const[customersTransactionsForTable, setCustomersTransactionsForTable] = useState<any[]>([])\n  \n  useEffect(() => {\n    const arr: any[] = []\n    customers.forEach((item: any) =>{\n      arr.push(item.value)\n    })\n    setCustomersForTable(arr)\n  }, [customers]);\n  \n  const chartDetailsTableColumns = [\n    {\n      name: \"Members\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },{\n      name: \"I.D\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.barcode_content}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Sale\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.sale}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.discount ? row.discount : 0}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Order No\",\n      cell: (row: any): JSX.Element => {\n        const url = `?${encodeURIComponent('code') + '=' + encodeURIComponent(row.barcode_content)}`\n        return (\n          <Link to={`/staff-discount-members/${url}`} className={'orderLink'} >\n            {row.id\n            }\n          </Link>\n        );\n      },\n    }\n  ];\n  \n  const handleChangeActiveChart = (chartName: IActiveChart) => {\n    setActiveChart(chartName);\n    // todo\n    setTimeout(() => {\n      chartRef.current?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n        inline: \"nearest\",\n      });\n    }, 200);\n  };\n  \n  const hideTooltip = (elem: any) =>{\n    if(elem.target.className === 'chart'){\n      const customTooltip = document.getElementById('custom-tooltip');\n      const arrow = document.getElementById('arrow');\n      if (customTooltip && arrow) {\n        customTooltip.style.display = 'none';\n        arrow.style.display = 'none';\n      }\n    }\n  }\n  \n  useEffect(() => {\n    if(hoveredChartItem) {\n      let discount = 0\n      setCustomersTransactionsForTable(customers[hoveredChartItem].transactions)\n      customers[hoveredChartItem].transactions.forEach((item: any) =>{\n        discount+= +item.discount\n      })\n      setHoveredChartItemDiscount(discount)\n    } else {\n      setCustomersTransactionsForTable([])\n      setHoveredChartItemDiscount(0)\n    }\n    \n  }, [hoveredChartItem]);\n\n  // @ts-ignore\n  return (\n    <Wrapper>\n      <div className=\"nav-subpages\">\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Gross Sales\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Gross Sales\")}\n          >\n            Gross Sales\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Discount Issued\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Discount Issued\")}\n          >\n            Discount Issued\n          </button>\n        </div>\n        <div\n          className={`nav-subpage ${\n            activeChart === \"Net Sales\" ? \"active-page\" : \"\"\n          }`}\n        >\n          <button\n            type=\"button\"\n            onClick={() => handleChangeActiveChart(\"Net Sales\")}\n          >\n            Net Sales\n          </button>\n        </div>\n      </div>\n      <div ref={chartRef} className=\"chart-wrapper\">\n        <div className=\"chart\" onMouseLeave={(event) => {\n          hideTooltip(event)\n        }}>\n          <div id=\"arrow\" style={{position: 'absolute', display: 'none'}}></div>\n          <div id=\"custom-tooltip\" style={{position: 'absolute', display: 'none'}}>\n            \n            <div className=\"tooltip-header\">\n              <p className={'date'}>{customers.length > 0 && moment(customers[hoveredChartItem]?.date).format('DD MMM, YYYY')}</p>\n              <p className={'info'}>Gross Sales: {customers.length > 0 && customers[hoveredChartItem]?.value},\n                Discount: {loggedUser.user.currency_symbol}{parseFloat(`${hoveredChartItemDiscount}`).toFixed(2)}</p>\n            </div>\n            <div className=\"details\">\n              <DataTable fixedHeader fixedHeaderScrollHeight={'200px'} noHeader theme={'dark'} columns={chartDetailsTableColumns}\n                         data={customersTransactionsForTable}/>\n            </div>\n          </div>\n          <Line\n            // type=\"line\"\n            height={80}\n            data={{\n              labels: customers\n                .map((date: any, i: number) => {\n                  const day = new Date(endDate);\n                  if (dateFilter === 365) {\n                    const newDate = new Date(\n                      day.getFullYear(),\n                      day.getMonth() - i,\n                      1\n                    );\n                    return `${newDate.toLocaleString(\"en\", {\n                      month: \"short\",\n                    })}`;\n                  }\n                  day.setDate(day.getDate() - i);\n                  return `${day.getDate()} ${day.toLocaleString(\"en\", {\n                    month: \"short\",\n                  })}`;\n                })\n                .reverse(),\n              datasets: [\n                {\n                  data:\n                    activeChart === \"Gross Sales\" ? customersForTable : activeChart === \"Discount Issued\" ? discount : salesStatistic,\n                  borderColor:\n                    activeChart === \"Gross Sales\" ? \"#00A8FF\" : activeChart === \"Discount Issued\" ? \"#FF0000\" : \"#2ECC71\",\n                  pointRadius: 6,\n                  borderWidth: 2,\n                  pointBorderWidth: 2,\n                  pointBorderColor: \"#fff\",\n                  // hoverRadius: 8,\n                  pointBackgroundColor:\n                    activeChart === \"Gross Sales\" ? \"#00A8FF\" : activeChart === \"Discount Issued\" ? \"#FF0000\" : \"#2ECC71\",\n                },\n              ],\n            }}\n            options={{\n              plugins: {\n                legend: {\n                  display: false,\n                },\n                tooltip: {\n                  enabled: activeChart !== 'Gross Sales',\n                  displayColors: false,\n                  intersect: false,\n                  callbacks: {\n                    title(tooltipItem: any[]) {\n                      const date = new Date();\n                      \n                      if (dateFilter === 365) {\n                        const newDate = new Date(\n                          date.getFullYear(),\n                          date.getMonth() + tooltipItem[0].dataIndex + 1,\n                          1\n                        );\n                        return `${newDate.toLocaleString(\"en\", {\n                          month: \"short\",\n                        })} ${newDate.getFullYear() - 1}`;\n                      }\n                      date.setDate(\n                        date.getDate() -\n                        (tooltipItem[0].dataset.data.length -\n                          tooltipItem[0].dataIndex -\n                          1)\n                      );\n                      \n                      return `${tooltipItem[0].label}, ${date.getFullYear()}`;\n                    },\n                    label(tooltipItem: any) {\n                      return `${\n                        activeChart === \"Gross Sales\"\n                          ? \"Gross Sales\"\n                          : activeChart === \"Discount Issued\"\n                            ? \"Discount Issued\"\n                            : \"Net Sales\"\n                      }: ${tooltipItem.formattedValue}`;\n                    },\n                  },\n                },\n              },\n              onHover(event: ChartEvent, elements: ActiveElement[], chart: Chart) {\n                if (elements.length && activeChart === 'Gross Sales') {\n                  const firstElement = elements[0];\n                  const index = firstElement.index;\n                  \n                  setHoveredChartItem(index)\n                  const customTooltip = document.getElementById('custom-tooltip');\n                  const arrow = document.getElementById('arrow');\n                  // @ts-ignore\n                  const chartWidth = document.querySelector('.chart').offsetWidth;\n                  // @ts-ignore\n                  const chartHeight = document.querySelector('.chart').offsetHeight;\n                  const step = (550 / customers.length)\n                  if (customTooltip && arrow) {\n                    customTooltip.style.display = 'block';\n                    arrow.style.display = 'block';\n                    customTooltip.style.left = elements[0].element.x - step <= 0 ? 0 + 'px' : elements[0].element.x + 550 >= chartWidth ? chartWidth - 580 + 'px' : elements[0].element.x + 'px';\n                    customTooltip.style.top = elements[0].element.y + 35 + customTooltip.offsetHeight >= chartHeight ? elements[0].element.y + 20 - customTooltip.offsetHeight + 'px' : elements[0].element.y + 40 + 'px';\n                    arrow.style.left = elements[0].element.x + 25 + 'px';\n                    arrow.style.top = elements[0].element.y + 35 + customTooltip.offsetHeight >= chartHeight ? elements[0].element.y + 15 + 'px' : elements[0].element.y +35 + 'px';\n                  }\n                }\n              },\n              interaction: {\n                intersect: false,\n                mode: 'index',\n              },\n              animation: {\n                duration: 0,\n              },\n              scales: {\n                x: {\n                  beginAtZero: true,\n                  ticks: {\n                    precision: 0,\n                  },\n                },\n                y: {\n                  beginAtZero: true,\n                  ticks: {\n                    precision: 0,\n                  },\n                },\n              },\n            }}\n          />\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default DashboardChart;\n","import React, {FC, useState, useEffect, useCallback} from \"react\";\n\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as PlacePointIcon } from \"src/assets/img/place-point.svg\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport {ReactComponent as ArrowDown} from \"../../assets/img/arrowDown.svg\";\nimport {ReactComponent as ArrowForward} from \"../../assets/img/arrowForward.svg\";\n\nimport {\n  getStaffDashboardInfoAxios,\n  getStaffDiscountSalesChannelsInfoAxios\n} from \"src/api/dashboard\";\n\nimport { Wrapper } from \"./styled\";\nimport { filterPerDate } from \"./consts\";\nimport DashboardChart from \"./DashboardChart\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\nimport moment from \"moment\";\n\nconst StaffDiscountDashboard: FC = () => {\n  const [pageLoading, setPageLoading] = useState<boolean>(false);\n  const [locationIdFilter, setLocationIdFilter] = useState<number>(0);\n  const [dateFilter, setDateFilter] = useState<{\n    value: string;\n    label: string;\n  }>({\n    value: filterPerDate[0].value,\n    label: filterPerDate[0].label\n  });\n  const [selectedSortType, setSelectedSortType] = useState<string>('noScans:asc')\n  const { loggedUser } = useTypedSelector((state) => state.auth);\n  const [openChannels, setOpenChannels] = useState<boolean>(false)\n  const [sitesList, setSitesList] = useState<any[]>([])\n  const [dashboardInfo, setDashboardInfo] = useState<any>({\n    allStaffMembers: 0,\n    countAllCheckIns: 0,\n    countOfActivatedCards: 0,\n    netSales: 0,\n    countOfRedeemCampaign: 0,\n    averagePriceSales: 0,\n    avTimeBetweenRepeatVisits: 0,\n    avTimeBetweenVoucherUsed: 0,\n    vouchers_used_sum_reward: 0,\n    vouchers_earned_sum_reward: 0,\n    topProduct: [],\n    loyalty_visits: [],\n    total_loyalty_volume: [],\n    av_loyalty_visits: [],\n    av_voucher_used_value: [],\n    grossSales: 0,\n    customers: [0],\n    discount: [0],\n    locations: [],\n    newStaffMembers: 0,\n    promotionType: \"Stamp\",\n    salesStatistic: [0]\n  });\n  \n  const { locations } = useTypedSelector((state) => state.groupsLocations);\n  const { getGroupsLocations } = useActions();\n  const [dates, setDatesState] = useState({\n    startDate:moment(new Date()).subtract(7, \"days\").format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n  \n  useEffect(() => {\n    if (locations.length === 0) getGroupsLocations();\n  }, []); //eslint-disable-line\n  \n  const getStaffDashboardInform = useCallback(()=>{\n    getStaffDashboardInfoAxios({\n      date: +dateFilter.value,\n      startDate: moment(dates.startDate).add(1, 'hours'),\n      endDate: moment(dates.endDate).endOf('day'),\n      locationId: locationIdFilter\n    }).then((res) => {\n      setDashboardInfo(res.data.data);\n      setPageLoading(false);\n      setDateFilter({value: res.data.daysDiff, label: res.data.daysDiff})\n    });\n  }, [dateFilter.value, dates.endDate, dates.startDate, locationIdFilter])\n  \n  useEffect(() => {\n    setPageLoading(true);\n    getStaffDashboardInform()\n  }, [getStaffDashboardInform]);\n  \n  useEffect(()=>{\n    const result: any = []\n    getStaffDiscountSalesChannelsInfoAxios({\n      sortType: selectedSortType,\n      startDate: moment(dates.startDate).add(1, 'hours'),\n      endDate: moment(dates.endDate).endOf('day')\n    }).then(res=>{\n      for (const dataKey in res.data.data) {\n        result.push(res.data.data[dataKey][Object.keys(res.data.data[dataKey])[0]])\n      }\n      \n      setSitesList([...result])\n    })\n  }, [selectedSortType, dates.startDate, dates.endDate])\n  \n  const selectSortMethod = (type:any) =>{\n    if(selectedSortType.includes(type)) {\n      if(selectedSortType.includes('asc')){\n        setSelectedSortType(`${type}:desc`)\n      } else {\n        setSelectedSortType(`${type}:asc`)\n      }\n    } else {\n      setSelectedSortType(`${type}:asc`)\n    }\n  }\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  return (\n    <Wrapper className={`${pageLoading ? \"loading-blue\" : \"\"}`}>\n      <div className=\"heading\">\n        <div className=\"page-title\">Staff Discount Dashboard</div>\n        <div className=\"filters\">\n          <Select\n            placeholder=\"All locations\"\n            selectorList={locations}\n            disabled={!(locations.length > 0)}\n            positionForShow=\"bottom\"\n            isClearable\n            icon={<PlacePointIcon/>}\n            required\n            hideSelectorFilter\n            getValue={(value) => {\n              setLocationIdFilter(+value);\n            }}\n          />\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{ startDate: moment(new Date()).subtract(7, \"days\"), endDate: new Date(), ranges: ranges }}\n          \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>\n      </div>\n      <div className=\"main-blocks-row\">\n        <div className=\"item all-customers\">\n          <div className=\"title\">All Members</div>\n          <div className=\"count\">{dashboardInfo.allStaffMembers ?? 0}</div>\n          <div className=\"description\">overall</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">New Members</div>\n          <div className=\"count\">{dashboardInfo.newStaffMembers ?? 0}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">Member Scans</div>\n          <div className=\"count\">{dashboardInfo.countAllCheckIns ?? 0}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div className=\"title\">Gross Sales</div>\n          <div className=\"count\">\n            {loggedUser.user.currency_symbol || '€'}{dashboardInfo.grossSales ?? 0}\n          </div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n        <div className=\"item all-customers\">\n          <div\n            className=\"title\">Total Discount Issued</div>\n          <div className=\"title\"></div>\n          <div\n            className=\"count\">{loggedUser.user.currency_symbol || '€'}{(dashboardInfo.grossSales - dashboardInfo.netSales).toFixed(2) ?? 0}</div>\n          <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n        </div>\n      \n      </div>\n          <div className=\"main-blocks-row\" style={{marginTop: '30px'}}>\n            <div className=\"item all-customers\">\n              <div\n                className=\"title\">Net Sales After Discount\n              </div>\n              <div className=\"title\"></div>\n              <div\n                className=\"count\">{loggedUser.user.currency_symbol || '€'}{dashboardInfo.netSales ?? 0}</div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Average Order Value</div>\n              <div className=\"count\">{loggedUser.user.currency_symbol || '€'}{dashboardInfo.averagePriceSales}</div>\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n            <div className=\"item all-customers\">\n              <div className=\"title\">Top Selling Products</div>\n              {dashboardInfo.topProduct.map((product: any, index: number) => (\n                index <= 2 && <div key={`${product.product_id}_${product.name}`} className={'sales_item products'}><p\n                      className={'sale_name'}>{product.name}</p> <p>{product.quantity}</p></div>))}\n              <div className=\"description\">{dates.startDate + \"-\" + dates.endDate}</div>\n            </div>\n          </div>\n          <button className=\"btn-white sales_channels\" onClick={() => {\n            setOpenChannels(!openChannels)\n          }}>\n            <span>Sales Channels: </span>\n            <span className={openChannels ? \"icon icon_rotate\" : \"icon\"}>\n              <ArrowDown/>\n            </span>\n          </button>\n          {openChannels ? (<div className=\"sales-blocks-row\" style={{marginTop: '30px'}}>\n            <div className=\"item\">\n              <div className=\"sites-list\">\n                <div className=\"list-header\" style={{borderBottom: '1px solid #000', paddingBottom: '10px'}}>\n                  <div className=\"column\">\n                    <p className={'column-label'}>Location</p>\n                  </div>\n                  <div className=\"column\">\n                    <p className={'column-label'}>No. Scans</p>\n                    <button className={'sort-btn'} onClick={()=>selectSortMethod('noScans')}><ArrowForward/><ArrowForward/></button>\n                  </div><div className=\"column\">\n                    <p className={'column-label'} >Gross Sales</p>\n                    <button className={'sort-btn'} onClick={()=>selectSortMethod('grossSales')}><ArrowForward/><ArrowForward/></button>\n                  </div><div className=\"column\">\n                    <p className={'column-label'}>Total Discount Issued</p>\n                    <button className={'sort-btn'} onClick={()=>selectSortMethod('totalDiscount')}><ArrowForward/><ArrowForward/></button>\n                  </div><div className=\"column\">\n                    <p className={'column-label'}>Net Sales</p>\n                    <button className={'sort-btn'} onClick={()=>selectSortMethod('netSales')}><ArrowForward/><ArrowForward/></button>\n                  </div>\n                </div>\n                <div className=\"list-body\">\n                  {sitesList.length > 0 ? sitesList.map((site:any, index:number)=>(<div key={index} style={{padding: '10px 0'}} className={'row'}>\n                    <div className=\"column\">\n                      <div className=\"column-label\">{site.location_name}</div>\n                    </div><div className=\"column\">\n                      <div className=\"column-label\">{site.ScanCount}</div>\n                    </div><div className=\"column\">\n                      <div className=\"column-label\">{site.TotalDiscountDiscount}</div>\n                    </div><div className=\"column\">\n                      <div className=\"column-label\">{(site.Discount).toFixed(2)}</div>\n                    </div><div className=\"column\">\n                      <div className=\"column-label\">{(+site.TotalDiscount).toFixed(2)}</div>\n                    </div>\n                  </div>)) : <div className=\"nothing-found\"><p>Sorry nothing found</p></div>}\n                </div>\n                \n              </div>\n            </div>\n          </div>) : null}\n      <DashboardChart\n        promotionType={dashboardInfo.promotionType}\n        customers={dashboardInfo.customers}\n        discount={dashboardInfo.discount}\n        salesStatistic={dashboardInfo.salesStatistic}\n        dateFilter={+dateFilter.value}\n        statisticByLocation={dashboardInfo.locations}\n        endDate={dates.endDate}\n      />\n    </Wrapper>\n  );\n};\n\nexport default StaffDiscountDashboard;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n        display: flex;\n        flex-direction: column;\n\n    .logo_wrap {\n        background-color: ${Color.RebrandAppBackgroundColor};\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 20px;\n        height: 70px;\n\n    }\n\n    img {\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .form {\n        display: flex;\n        padding: 20px;\n        justify-content: flex-start;\n        align-items: flex-end;\n\n    }\n\n    .barcodeInput {\n        width: 100%;\n        max-width: 400px;\n        border: none;\n        padding: 10px 16px;\n        height: 45px;\n        font-size: 18px;\n        line-height: 20px;\n        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n    }\n\n    .label {\n        font-size: 20px;\n        font-weight: 500;\n        margin-bottom: 10px;\n        color: ${Color.RebrandAppBackgroundColor};\n    }\n\n    .submitBtn {\n        margin-left: 20px;\n        width: auto;\n        height: 49px;\n        border-radius: 4px;\n        background-color: ${Color.RebrandAppBackgroundColor};\n        color: ${Color.YellowButtonBg};\n        font-size: 18px;\n        margin-bottom: 14px;\n        font-weight: 500;\n        line-height: 23px;\n        text-align: center;\n        padding: 10px;\n        transition: 0.15s all ease;\n\n        &:hover {\n            box-shadow: ${Color.RebrandAppBackgroundColor} 0px 0px 10px 0px;\n        }\n\n        &:disabled, &[disabled] {\n            opacity: 0.5;\n            cursor: auto;\n            box-shadow: none;\n        }\n    }\n`;\n\nexport { Wrapper };\n","import React, {useState} from 'react';\nimport {Wrapper} from \"./style\";\nimport Input from \"../components/Input\";\nimport {REACT_APP_EPOS_NOW_API, REACT_APP_EPOS_NOW_STG} from \"src/types/env\";\nimport Bugsnag from \"@bugsnag/js\";\n\nconst EposNow = () => {\n  const [discountID, setDiscountId] = useState<number>(0)\n  const [token, setToken] = useState<string>('')\n  const [barcode, setBarcode] = useState<string>('')\n  window.onload = async function () {\n    // @ts-ignore\n    const locationId = EposnowAPI.getLocationID();\n    await fetch(`${REACT_APP_EPOS_NOW_API}/eposnow/info/get`, {\n      method: 'POST',\n      body: JSON.stringify({\n        locationId: locationId\n      })\n    }).then(res => res.json()).then(res => {\n      setDiscountId(res.discount_id)\n      setToken(res.token)\n    }).catch(err => {\n      Bugsnag.notify(new Error(JSON.stringify(err)))\n    })\n  }\n  \n  // @ts-ignore\n  const eposSDK = window?.EposNowTillSDK;\n  const version = 1;\n  // @ts-ignore\n  EposnowAPI.setVersion(version);\n  // Register the event listener to publish transaction data between the app and the till\n  eposSDK.TransactionPublisher.register(window);\n  \n  const create = async () => {\n    if(barcode.trim().length < 4){\n      document.querySelector('.error-mess')!.innerHTML = 'Please enter a valid barcode';\n      return\n    }\n    const transaction_data = new eposSDK.Transaction();\n    // @ts-ignore\n    const locationId = EposnowAPI.getLocationID();\n    // @ts-ignore\n    const staffId = EposnowAPI.getStaffID();\n    // @ts-ignore\n    const deviceId = EposnowAPI.getDeviceID();\n    // @ts-ignore\n    const currentTransactionProducsIds = EposnowAPI.getTransactionProducts();\n    let productsArr: any[] = []\n    let categoriesIDs: any[] = []\n    currentTransactionProducsIds.length > 0 && currentTransactionProducsIds.join('').length > 0 && (await fetch(`${REACT_APP_EPOS_NOW_STG}/api/v4/Product/List?ids=${currentTransactionProducsIds.join('&ids=')}`, {\n      headers: {\n        'Authorization': `Basic ${token}`,\n        'Content-Type': 'application/json'\n      }\n    }).then(res =>\n      res.json()\n    ).then(response => {\n      response.length > 0 && response.forEach((product: any) => {\n        (!categoriesIDs.includes(product.CategoryId) && product.CategoryId) && categoriesIDs.push(product.CategoryId)\n      })\n      productsArr = response\n    }).catch(err=>{\n      Bugsnag.notify(new Error('Products'+JSON.stringify(err)))\n    }))\n    \n    let categoryArr: any[] = []\n    categoriesIDs.length > 0 && (await fetch(`${REACT_APP_EPOS_NOW_STG}/api/v4/Category/List?ids=${categoriesIDs.join('&ids=')}`, {\n      headers: {\n        'Authorization': `Basic ${token}`,\n        'Content-Type': 'application/json'\n      }\n    }).then(res =>\n      res.json()\n    ).then(response => {\n      categoryArr = response\n    }).catch(err=>{\n      Bugsnag.notify(new Error('Category'+JSON.stringify(err)))\n    }))\n    \n    \n    const response = await fetch(`${REACT_APP_EPOS_NOW_API}/eposnow/member`, {\n      method: 'POST',\n      body: JSON.stringify({\n        barcode: barcode,\n        products: productsArr,\n        category: categoryArr,\n        deviceId: deviceId,\n        locationId: locationId,\n        staffId: staffId,\n      })\n    })\n    \n    const res = await response.json()\n    let voucherSum = 0;\n    \n    (res.vouchers && res.vouchers.length > 0) && res.vouchers.forEach((voucher: any) => {\n      voucherSum += voucher.rewardNumber\n    })\n    \n    if (voucherSum > 0) {\n      transaction_data.Discount = {\n        reasonId: discountID,\n        amount: voucherSum,\n      }\n    }\n    \n    transaction_data.TransactionDetails.push(new eposSDK.TransactionDetail(\"Lynked-Loyalty\", barcode));\n    //\n    /* Publish the transaction data to the till  */\n    eposSDK.TransactionPublisher.publish(transaction_data);\n    eposSDK.submitForm(window);\n  }\n  return (\n    <Wrapper>\n      <div className=\"logo_wrap\">\n        <img src=\"/static/media/logo-full.67965773.svg\" alt=\"LogoSidebar\"/>\n      </div>\n      <div className=\"form\">\n        <div className=\"inputWrapp\">\n          <p className=\"label\">Input your barcode</p>\n          <Input\n            placeholder=\"Input Your Barcode\"\n            defaultValue={barcode}\n            required\n            maxLength={28}\n            getValue={(value) => setBarcode(value)}\n          />\n          <div className=\"error-mess\" style={{color:'red', position: 'absolute'}}>\n          \n          </div>\n        </div>\n        <button className=\"submitBtn\" onClick={create}>Submit Barcode</button>\n      </div>\n    \n    </Wrapper>\n  );\n};\n\nexport default EposNow;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n    h1{\n        font-weight: 500;\n    }\n  \n  .locations {\n    position: relative;\n    /* margin-right: 30px; */\n    /* width: calc(70% - 30px); */\n    margin-top: 30px;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 25px 30px;\n    box-sizing: border-box;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 25px;\n      margin-bottom: 25px;\n    }\n\n    .create-filter {\n      margin-bottom: 15px;\n    }\n\n    .create-location {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        position: relative;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .select-deal-container {\n        .select {\n          margin-bottom: 15px;\n        }\n      }\n\n      .input-wrap {\n        margin-bottom: 15px;\n\n        .location-group {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .add-location-wrapper {\n        display: flex;\n        flex-direction: column;\n\n        .left-block {\n          width: 100%;\n          margin-right: 15px;\n        }\n\n        .right-block {\n          width: 100%;\n\n          .upload-image {\n            /* height: 150px; */\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n\n    .create-new-user {\n      form {\n        margin-bottom: 30px;\n        border: 1px solid rgba(0, 13, 70, 0.1);\n        border-radius: 5px;\n        padding: 15px;\n        overflow: hidden;\n      }\n\n      .title-close {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n\n        .title {\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 21px;\n          margin-bottom: 0px;\n        }\n\n        .close {\n          background: none;\n          opacity: 0.6;\n          line-height: 0;\n\n          &:hover {\n            opacity: 1;\n          }\n\n          svg {\n            width: 24px;\n            height: 24px;\n          }\n        }\n      }\n\n      .input-wrap {\n        display: flex;\n        margin-bottom: 15px;\n\n        & > div {\n          flex: 1;\n          width: calc(100% / 3);\n          margin-right: 20px;\n\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n    }\n\n    .location-item {\n      border-radius: 4px;\n      background-color: ${Color.blueLightBackground};\n      margin-bottom: 10px;\n      padding: 20px;\n      box-sizing: border-box;\n\n      .main {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        margin-bottom: 15px;\n\n        .logo-nameAddress {\n          display: flex;\n          align-items: flex-start;\n        }\n\n        .logo {\n          line-height: 0;\n          margin-right: 15px;\n\n          img {\n            height: 40px;\n            width: 40px;\n            border-radius: 100%;\n            object-fit: cover;\n          }\n        }\n\n        .name-address {\n          width: calc(100% - 55px);\n        }\n\n        .name {\n          color: ${Color.blueDarkText};\n          font-size: 18px;\n          font-weight: 500;\n          line-height: 23px;\n          margin-bottom: 5px;\n        }\n\n        .address {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 22px;\n          margin-bottom: 20px;\n        }\n\n        .edit-remove {\n          display: flex;\n          align-items: center;\n\n          button {\n            background: none;\n            padding: 0;\n            opacity: 0.6;\n\n            &:hover {\n              opacity: 1;\n            }\n          }\n\n          .edit {\n            margin-right: 10px;\n          }\n        }\n      }\n\n      .two_btn_wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        @media (max-width: 600px) {\n          * {\n            flex-basis: 100%;\n            margin-bottom: 10px;\n          }\n        }\n        button {\n          background: none;\n          color: ${Color.blue};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          text-align: center;\n        }\n      }\n\n      &.hide-staff {\n        .show-hide-staff {\n          button {\n            .hide {\n              display: none;\n            }\n          }\n        }\n\n        .staff-list-wrap {\n          height: 0px;\n          overflow: hidden;\n        }\n      }\n\n      &.show-staff {\n        .show-hide-staff {\n          button {\n            .show {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .show-hide-staff {\n        text-align: center;\n      }\n\n      .staff-list-wrap {\n        transition: 0.5s all ease;\n      }\n\n      .create-filter {\n        display: flex;\n\n        .search-wrap {\n          margin-left: 20px;\n          flex: 1;\n          width: 100%;\n        }\n\n        button {\n          margin-bottom: 15px;\n        }\n      }\n\n      .staff-list {\n        border-bottom: 1px solid rgba(0, 13, 70, 0.1);\n        padding-bottom: 20px;\n        box-sizing: border-box;\n        margin-bottom: 15px;\n\n        &.table {\n          & > div {\n            overflow: unset;\n          }\n        }\n\n        &-table-wrap {\n          position: relative;\n        }\n\n        div.rdt_TableRow {\n          padding: 13px 0;\n        }\n\n        div:first-child {\n          &::-webkit-scrollbar {\n            height: 5px;\n          }\n\n          &::-webkit-scrollbar-thumb {\n            background: ${Color.white};\n            border-radius: 3px;\n          }\n\n          &::-webkit-scrollbar-thumb:hover {\n            background: ${Color.blueText};\n          }\n\n          &:hover {\n            &::-webkit-scrollbar-thumb {\n              background: ${Color.blueLight};\n            }\n\n            &::-webkit-scrollbar-thumb:hover {\n              background: ${Color.blueText};\n            }\n          }\n        }\n      }\n      @media (max-width: 500px) {\n        padding: 15px;\n      }\n    }\n\n    .edit_location {\n      margin-bottom: 25px;\n      .close-wrap {\n        display: flex;\n        justify-content: flex-end;\n        margin: 5px 0px 15px;\n        .close {\n          background: none;\n        }\n      }\n\n      .edit_location_form {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        & > *:nth-child(1) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(2) {\n          flex-basis: 45%;\n        }\n        & > *:nth-child(3) {\n          flex-basis: 100%;\n        }\n        .btn_wrapper {\n          width: 100%;\n        }\n        @media (max-width: 600px) {\n          & > *:nth-child(1) {\n            flex-basis: 100%;\n          }\n          & > *:nth-child(2) {\n            flex-basis: 100%;\n            margin: 15px 0px;\n          }\n        }\n      }\n\n      .location-group-logo {\n        flex-basis: 100%;\n        margin: 15px 0px;\n      }\n      .welcome_gift_wrapper {\n        background-color: ${Color.white};\n        padding: 16px;\n        flex-basis: 100%;\n        margin-bottom: 20px;\n      }\n      .welcome_gift_form {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        & > * {\n          flex-basis: 100%;\n          margin: 10px 0px;\n        }\n      }\n      .title_block {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 400;\n        margin: 0px 0px 16px;\n      }\n    }\n\n    .sidebar-edit-location {\n      .location-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      .location-group-google-autocomplete {\n        .place-point-icon {\n          svg path {\n            fill: ${Color.blue};\n          }\n        }\n      }\n\n      .location-group-logo {\n        .dropZone > div .img img {\n          position: absolute;\n        }\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n\n    .sidebar-edit-staff {\n      .staff-group {\n        padding: 5px 3px 0px 3px;\n        margin-bottom: 15px;\n      }\n\n      form {\n        button[type=\"submit\"] {\n          margin-top: 30px;\n        }\n      }\n    }\n    @media (max-width: 500px) {\n      padding: 15px 10px;\n    }\n  }\n  .remove-modal {\n    text-align: center;\n    padding: 30px 35px;\n\n    .title {\n      color: ${Color.blueDarkText};\n      font-size: 21px;\n      font-weight: 500;\n      line-height: 28px;\n      text-align: center;\n    }\n\n    button {\n      margin-top: 20px;\n      width: auto;\n      padding: 10px 20px;\n    }\n  }\n  .main-blocks-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: 0px 4px;\n    .item {\n      flex: 1;\n      border-radius: 4px;\n      background-color: ${Color.white};\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n      padding: 15px 20px;\n      margin-right: 30px;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      .title {\n        opacity: 0.6;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n        margin-bottom: 15px;\n      }\n      .count {\n        color: ${Color.blueDarkText};\n        font-size: 44px;\n        font-weight: 500;\n        line-height: 56px;\n        margin-bottom: 10px;\n      }\n      .description {\n        opacity: 0.2;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n    }\n  }\n  .add-category{\n    margin: 5px 2px;\n    width: 20%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }.add-stampCategory{\n    margin: 5px 2px;\n    width: 40%;\n    justify-self: start;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .icon {\n      margin-right: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      svg {\n        width: 23px;\n        height: 23px;\n      }\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: stretch;\n    //justify-content: space-between;\n    margin-bottom: 15px;\n    gap: 15px;\n    .column {\n      width: 11.4%;\n\n      //.column-group{\n      //  display: flex;\n      //  //justify-content: space-between;\n      //  flex-wrap: nowrap;\n      //  gap: 15px;\n      //  .column {\n      //    width: 50%;\n      //  }\n      //}\n      .page-title {\n        font-size: 16px;\n        margin: 0 0 10px 0;\n        line-height: normal;\n      }\n      .description{\n        font-size: 12px;\n        line-height: normal;\n      }\n      //&:nth-last-child(2){\n      //  width: 29%;\n      //}\n      \n    }\n    .column_buttons {\n      width: 10%;\n    }\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: inherit;\n    padding-top: 20px;\n    width: 100%;\n    \n      h2{\n          text-align: center;\n          font-weight: 500;\n      }\n  }\n  \n  .stamp-based-wrapper {\n    width: 100%;\n    flex-direction: row;\n    align-items: start;\n    justify-content: space-between;\n    position: relative;\n    .header {\n      flex-direction: column;\n      width: 70%;\n      .header-tab {\n        height: auto;\n        display: flex;\n        justify-content: space-between;\n        gap: 2%;\n\n        .column {\n          width: 20%;\n        }\n      }\n      .stamp-based-form {\n        display: flex;\n        justify-content: space-between;\n        .table {\n          width: 100%;\n          .rdt_TableRow{\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0 0;\n            \n            .sc-idiyUo{\n              position: absolute;\n              z-index: 9999;\n              left: -10px;\n              margin-bottom: 12px;\n            }\n            .rdt_TableCell{\n              width: 20%;\n              padding-left: 0;\n              &>div{\n                width: 100%;\n                input{\n                  width: 70%;\n                  padding-right: 40px;\n                }\n                \n              }\n              .select{\n                margin-bottom: 12px;\n              }\n              &:nth-last-child(1){\n                width: 8.5%;\n                margin-bottom: 12px;\n                .buttons{\n                  display: flex;\n                  justify-content: space-between;\n                  align-items: center;\n                  button{\n                    width: 45%;\n                    padding: 7.5px 15px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                  }\n                  .save-btn{\n                    width: 100%;\n                    padding: 9.5px 10px;\n                  }\n                }\n                \n              }\n            }\n          }\n          \n          \n          \n        }\n        .table-edit{\n          &>div{\n            padding-bottom: 90px;\n          }\n          .itNnZW > ul{\n            max-height: 90px;\n          }\n\n        }\n        .modal-content{\n          text-align: center;\n          padding: 60px 50px;\n          @media (max-width: 600px) {\n            padding: 30px 15px;\n          }\n          .title {\n            color: ${Color.blueDarkText};\n            font-size: 30px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n          .sub-title{\n            color: ${Color.blueDarkText};\n            font-size: 25px;\n            font-weight: 500;\n            line-height: 38px;\n            text-align: center;\n            @media (max-width: 600px) {\n              font-size: 23px;\n              line-height: 28px;\n            }\n          }\n        }\n      }\n    }\n    \n  }\n  \n  @media (max-width: 1300px) {\n    .main-blocks-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));\n      margin-right: -30px;\n      margin-bottom: -30px;\n\n      .item.all-customers {\n        margin: 0 30px 30px 0;\n      }\n    }\n  }\n  @media (max-width: 399px) {\n    .main-blocks-row {\n      margin-right: 0px;\n      .item.all-customers {\n        margin-right: 0;\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport { Wrapper } from \"./styled\";\nimport { ReactComponent as CirclePlus } from \"../../assets/img//circle-plus.svg\";\nimport Input from \"../../components/Input\";\nimport { ReactComponent as CloseIcon } from \"../../assets/img/clear.svg\";\nimport Modal from \"../../components/Modal\";\nimport {createKlaviyoIntegration, deleteKlaviyoIntegration, getKlaviyoIntegration} from \"../../api/klaviyo\";\n\nconst KlaviyoIntegration = () => {\n  const [klaviyoBuisnes, setKlaviyoBuisnes] = useState([]);\n  const [privatKey, setPrivatKey] = useState(\"\");\n  const [listName, setListName] = useState(\"\");\n  const [addKlaviyo, setAddKlaviyo] = useState(false);\n  useEffect(() => {\n    getKlaviyo()\n  }, []);\n\n  const getKlaviyo = useCallback(() => {\n    getKlaviyoIntegration().then((res) => {\n      console.log(res)\n      setKlaviyoBuisnes(res.data);\n    });\n  },[])\n\n  const handleAddLightSpeed = (event: React.FormEvent) => {\n    event.preventDefault();\n    const requestObject = {\n      api_key: privatKey,\n      list_name: listName\n    };\n    closeAddForm()\n    createKlaviyoIntegration(requestObject).then(res => {\n      getKlaviyo()\n    });\n  };\n  const [deleteKlaviyoIntegrate, setDeleteKlaviyoIntegrate] = useState<boolean>(false);\n  \n  const removeKlaviyo = () =>{\n    deleteKlaviyoIntegration().then(res=>{\n      getKlaviyo()\n      setDeleteKlaviyoIntegrate(false)\n    })\n  }\n\n  const closeAddForm = () => {\n    setAddKlaviyo(false)\n    setPrivatKey('')\n    setListName('')\n    setPrivatKey('')\n  }\n  \n  return (\n    <Wrapper>\n      <h1>Klaviyo Integration</h1>\n      {klaviyoBuisnes.length === 0 ? <div className=\"locations\">\n        <button className=\"btn-white add-stampCategory\" onClick={() => {\n          setAddKlaviyo(true);\n        }}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n          <span>Add Klaviyo Account</span>\n        </button>\n        {addKlaviyo ? (\n          <div className=\"create-location\">\n            <form\n              onSubmit={handleAddLightSpeed}\n            >\n              <div className=\"loading-innerwrap\">\n                <div className=\"title-close\">\n                  <div className=\"title\">Connect Klaviyo Account</div>\n                  <button\n                    type=\"button\"\n                    className=\"close\"\n                    onClick={closeAddForm}\n                  >\n                    <CloseIcon/>\n                  </button>\n                </div>\n                <div className=\"add-location-wrapper\">\n                  <div className=\"left-block\">\n                    <div className=\"input-wrap\">\n                      <Input\n                        required\n                        type={'password'}\n                        placeholder=\"Please enter privat key\"\n                        getValue={(value) => setPrivatKey(value)\n                        }\n                      />\n                    </div>\n                    <div className=\"input-wrap\">\n                      <Input\n                        required\n                        placeholder=\"Please enter List Name\"\n                        getValue={(value) => setListName(value)\n                        }\n                      />\n                    </div>\n                  \n                  \n                  </div>\n                  \n                  <button type=\"submit\" className=\"btn-blue\">\n                    Add Klaviyo Profile\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>\n        ) : null}\n      </div> : <div className=\"content\">\n        <h2>You are connected to Klaviyo</h2>\n        <button className=\"btn-blue\" onClick={()=>setDeleteKlaviyoIntegrate(true)}>\n          Remove Klaviyo Integration\n        </button>\n      </div>}\n      \n      \n      {deleteKlaviyoIntegrate && (\n        <Modal\n          openModal={!!deleteKlaviyoIntegrate}\n          setOpenModal={() => setDeleteKlaviyoIntegrate(false)}\n          closeOutsideClick\n        >\n          <div\n            className={'remove-modal'}\n          >\n            <div className=\"loading-innerwrap\">\n              <div className=\"title\">\n                Please confirm delete Klaviyo Integration?\n              </div>\n              <button\n                type=\"button\"\n                className=\"btn-blue\"\n                onClick={() => {\n                  removeKlaviyo()\n                }}\n              >\n                Confirm delete\n              </button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    \n    \n    </Wrapper>\n  );\n};\n\nexport default KlaviyoIntegration;\n","import axios from \"./api\";\n\nexport const getKlaviyoIntegration = (): Promise<any> =>\n  axios\n    .post(\"/api/klaviyo/integration/get\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const createKlaviyoIntegration = (requestParameters: any): Promise<any> =>\n  axios\n    .post(\"/api/klaviyo/integration\", requestParameters)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const deleteKlaviyoIntegration = (): Promise<any> =>\n  axios\n    .post(\"/api/klaviyo/integration/delete\")\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n","import { Color } from \"src/types/color\";\nimport styled from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n    .top-bar div.search-wrap {\n        margin-left: 0;\n    }\n    .staff-top-bar{\n        justify-content: start;\n        gap: 20px;\n    }\n    .delete-modal {\n        text-align: center;\n        padding: 60px 50px;\n        .title {\n            color: ${Color.blueDarkText};\n            font-size: 21px;\n            font-weight: 500;\n            line-height: 28px;\n            text-align: center;\n        }\n\n        .btn_wrap{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            button {\n                margin-top: 20px;\n                width: auto;\n                padding: 10px 20px;\n            }\n        }\n    }\n    .create-new-user {\n        .label {\n            display: flex;\n            color: ${Color.blueDarkText};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 10px;\n            text-align: left;\n        }\n        .discountRule_wrapper, form {\n            margin-bottom: 30px;\n            border: 1px solid rgba(0, 13, 70, 0.1);\n            border-radius: 5px;\n            padding: 15px;\n            overflow: hidden;\n        }\n\n        .title-close {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n            position: relative;\n\n            .title {\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 21px;\n                margin-bottom: 0px;\n            }\n\n            .close {\n                position: absolute;\n                right: 0;\n                top: 50%;\n                background: none;\n                opacity: 0.6;\n                line-height: 0;\n\n                &:hover {\n                    opacity: 1;\n                }\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        .saveCard-btn{\n            width: 30%;\n        }\n        .addNew_rule{\n            width: 30%;\n            margin-top: 10px;\n        }\n        .input-wrap {\n            display: flex;\n            margin-bottom: 15px;\n            width: 50%;\n            flex-wrap: wrap;\n\n            & > div {\n                width: 45%;\n                margin-right: 20px;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.last_name-group{\n                    &>div{\n                        ul.bottom{\n                            max-height: 70px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .table-wrap{\n        overflow: unset;\n        .table {\n            & > div {\n                overflow: unset;\n            }\n\n\n\n            div.rdt_TableRow {\n\n                & input {\n                    width:75%\n                }\n            }\n            div:first-child {\n                &::-webkit-scrollbar {\n                    height: 5px;\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    background: ${Color.white};\n                    border-radius: 3px;\n                }\n\n                &::-webkit-scrollbar-thumb:hover {\n                    background: ${Color.blueText};\n                }\n\n                &:hover {\n                    &::-webkit-scrollbar-thumb {\n                        background: ${Color.blueLight};\n                    }\n\n                    &::-webkit-scrollbar-thumb:hover {\n                        background: ${Color.blueText};\n                    }\n                }\n            }\n            .rdt_Table{\n                .rdt_TableBody{\n                    .rdt_TableRow{\n                        .rdt_TableCell{\n                            align-items: center;\n                            &>div{\n                                //width: 80%;\n                                .isSelect{\n                                    ul.bottom{\n                                        max-height: 80px;\n                                    }\n                                }\n                                .calendar-wrapper{\n                                    input {\n                                        width: 77%;\n                                    }\n                                }\n                            }\n                        }\n                        .action {\n                            //display: flex;\n                            //align-items: center;\n                            //    margin-bottom: 24px;\n                            //    margin-top: 10px;\n                            //    width: 20%;\n                            //    .edit {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        opacity: 0.6;\n                            //        margin-right: 25px;\n                            //        background: none;\n                            //        &:hover {\n                            //            opacity: 1;\n                            //        }\n                            //    }\n                            //    .delete {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        opacity: 0.6;\n                            //        background: none;\n                            //        padding: 0;\n                            //        &:hover {\n                            //            opacity: 1;\n                            //        }\n                            //    }\n                            //    .info {\n                            //        display: block;\n                            //        line-height: 0;\n                            //        height: 24px;\n                            //        width: 24px;\n                            //        margin-right: 25px;\n                            //        background: none;\n                            //        cursor: pointer;\n                            //        position: relative;\n                            //        & > span {\n                            //            z-index: -1;\n                            //            opacity: 0;\n                            //            background-color: $blueDarkText;\n                            //            position: absolute;\n                            //            font-size: 14px;\n                            //            width: 96px;\n                            //            color: $white;\n                            //            padding-left: 10px;\n                            //            padding-right: 10px;\n                            //            text-align: center;\n                            //            border-radius: 4px;\n                            //            padding-top: 5px;\n                            //            padding-bottom: 5px;\n                            //            transition: all 0.3s ease;\n                            //            line-height: 20px;\n                            //            top: -55px;\n                            //            left: -35px;\n                            //            box-sizing: border-box;\n                            //        }\n                            //        svg {\n                            //            opacity: 0.6;\n                            //            &:hover {\n                            //                opacity: 1;\n                            //\n                            //                & + span {\n                            //                    z-index: 2;\n                            //                    opacity: 1;\n                            //                }\n                            //            }\n                            //            path:not([fill=\"none\"]) {\n                            //                fill: rgb(0, 13, 70);\n                            //            }\n                            //        }\n                            //    }\n                            //}\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n`;\n","import styled from \"styled-components\";\n\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .content {\n    position: relative;\n    border-radius: 4px;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    padding: 30px;\n    box-sizing: border-box;\n\n      .search-wrap {\n          margin-left: 20px;\n          input {\n              padding: 10px 16px 10px 46px;\n              margin: 0 2px -2px;\n          }\n          svg{\n              top: 50%;\n              transform: translate(0,-50%);\n          }\n      }\n    form {\n      max-width: 700px;\n      .form-group {\n        margin-bottom: 30px;\n      }\n      .buttons-wrap {\n        border-top: 1px solid rgba(0, 13, 70, 0.1);\n        padding-top: 30px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: flex-end;\n        button {\n          width: auto;\n          margin-right: 20px;\n          &:last-child {\n            margin-right: 0;\n          }\n        }\n      }\n      &.full-width-form {\n        max-width: unset;\n      }\n    }\n\n    .manually-choosing-wrap {\n      .top {\n        display: flex;\n        align-items: center;\n        margin-bottom: 15px;\n        .title {\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          margin-right: 30px;\n        }\n      }\n    }\n    .all-customers {\n      position: relative;\n    }\n\n    .using-filters-wrap {\n      .filter-limit {\n        border-radius: 4px;\n        background-color: rgba(81, 92, 221, 0.2);\n        color: rgba(0, 13, 70, 0.6);\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 20px;\n        padding: 15px 20px;\n        margin-bottom: 30px;\n      }\n      .curent-filters-wrap {\n        .form-group-filter,\n        .col-filter {\n          width: calc(100% - 210px);\n        }\n        .form-group-days,\n        .col-days {\n          width: 110px;\n          margin-right: 30px;\n          margin-left: 30px;\n        }\n        .btn-delete,\n        .col-delete {\n          width: 40px;\n          background: none;\n          &:hover {\n            svg {\n              path[fill-rule=\"evenodd\"] {\n                fill: ${Color.blue};\n              }\n            }\n          }\n        }\n      }\n      .curent-filter-titles {\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n      }\n      .curent-filter {\n        display: flex;\n        align-items: center;\n        margin-bottom: 20px;\n        .form-group-filter {\n          .select {\n            margin-bottom: 0;\n          }\n        }\n      }\n\n      .butns-wrap {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .btn-blue-dashed {\n          margin-bottom: 30px;\n        }\n      }\n\n      .users-by-filters {\n        position: relative;\n      }\n    }\n  }\n  .table {\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .content {\n      padding: 20px;\n      .form-innerwrap {\n        .buttons-wrap {\n          flex-direction: column;\n          button:first-child {\n            margin: 0 0 20px 0;\n          }\n        }\n      }\n    }\n    .paginate-prepage {\n      flex-direction: column;\n      align-items: start;\n\n      .paginate {\n        margin-bottom: 10px;\n      }\n    }\n  }\n  @media (max-width: 720px) {\n    .using-filters-wrap {\n      .curent-filters-wrap {\n        .curent-filter-titles {\n          justify-content: space-between;\n\n          .col-filter,\n          .col-days {\n            width: fit-content;\n            margin: 0;\n          }\n          .col-delete {\n            display: none;\n          }\n        }\n        .curent-filter {\n          flex-direction: column;\n          align-items: start;\n          .form-group-days {\n            margin: 10px 0;\n          }\n          .form-group-filter {\n            width: 100%;\n          }\n          &:after {\n            content: \"\";\n            width: 100%;\n            border: 1px solid #f7f8fc;\n            margin-top: 10px;\n          }\n        }\n      }\n    }\n  }\n  @media (max-width: 480px) {\n    .content {\n      .loading-innerwrap {\n        .full-width-form {\n          .form-innerwrap {\n            .using-filters-wrap {\n              .curent-filters-wrap {\n                .curent-filter {\n                  .form-group-filter {\n                    input {\n                      text-overflow: ellipsis;\n                      padding-right: 40px;\n                    }\n                    .bottom {\n                      button {\n                        text-align: inherit;\n                      }\n                    }\n                  }\n                }\n                .butns-wrap {\n                  flex-direction: column;\n\n                  button {\n                    width: 100%;\n                    margin-bottom: 10px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport СheckboxTable from \"src/components/СheckboxTable\";\nimport Input from \"src/components/Input\";\nimport Textarea from \"src/components/Textarea\";\nimport {ReactComponent as InfoIcon} from \"src/assets/img/info.svg\";\nimport {ReactComponent as SearchIcon} from \"../../../../assets/img/search.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../../../assets/img/delete.svg\";\nimport {Wrapper as WrapperTooltip} from \"src/components/infoTooltip/styled\";\nimport Select from \"src/components/Select\";\nimport {\n  createCustomerGroupForProductDiscountAxios,\n  getCustomerGroupInfoForProductDiscountAxios,\n  getCustomerListAxios,\n  updateCustomerGroupForProductDiscountAxios,\n} from \"src/api/customers\";\nimport {CustomerInfoInterface, CustomerInterface, customerPerPage,} from \"src/types/customer\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\nimport {ReactComponent as ArrowBackIcon} from \"src/assets/img/arrowBack.svg\";\nimport {ReactComponent as ArrowForwardIcon} from \"src/assets/img/arrowForward.svg\";\n\nimport {Wrapper} from \"./styled\";\nimport Checkbox from \"../../../../components/CheckBox\";\nimport {getPosStampCategoryAxios} from \"../../../../api/posTerminals\";\nimport {SelectorListObj} from \"../../../../components/Select/types\";\nimport {useTypedSelector} from \"../../../../hooks/useTypedSelector\";\n\ninterface ICustomerGroups {\n  setShowCreateGroupForm: (showCreateGroupForm: boolean) => void;\n  getAllCustomersGroupForProductDiscount: () => void;\n  setSelectedGroup: (group: any) => void;\n  selectedGroup: any;\n}\n\nconst CustomerGroups = ({\n                          setShowCreateGroupForm,\n                          getAllCustomersGroupForProductDiscount,\n                          selectedGroup, setSelectedGroup\n                        }: ICustomerGroups) => {\n  const [pageEditLoading, setPageEditLoading] = React.useState<boolean>(true);\n  const [pageEdit, setPageEdit] = React.useState<boolean>(!!selectedGroup);\n  const [selectPosStampCategoriesList, setSelectPosStampCategoriesList] = useState<SelectorListObj[]>([])\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  const [customerGroup, setCustomerGroup] =\n    useState<any>({\n      group_name: \"\",\n      group_description: \"\",\n      first_checkIn_stamp_voucher: null,\n      group_discount: \"\",\n    });\n  \n  const handlesetCustomerGroup = (name: string, value: string | number | null) => {\n    setCustomerGroup((prevState: any) => {\n      return {...prevState, [name]: value};\n    });\n  };\n  \n  /*   manual customer list   */\n  const [manualShowAllCustomer, setManualShowAllCustomer] =\n    React.useState<boolean>(true);\n  const [manualCustomerListLoading, setManualCustomerListLoading] =\n    React.useState<boolean>(false);\n  const [searchCustomers, setSearchCustomers] = useState<string>('');\n  const [manualCustomerList, setManualCustomerList] = React.useState<\n    CustomerInterface[]\n  >([]);\n  const [manualCustomerChoosedList, setManualCustomerChoosedList] =\n    React.useState<CustomerInterface[]>([]);\n  const [manualCustomerListInfo, setManualCustomerListInfo] =\n    React.useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 10,\n      page: 1,\n      total_pages_count: 0,\n      total_users_count: 0,\n      // searchType: 0,\n    });\n  const [manualCustomerAllPageChecked, setManualCustomerAllPageChecked] =\n    React.useState<boolean>(false);\n  const checkCheckedManualAllUser = () => {\n    return false;\n  };\n  const toggleManualCheckedAllUser = () => {\n    if (manualCustomerAllPageChecked) {\n      manualCustomerList.forEach((currentValue) => {\n        const index = manualCustomerChoosedList.findIndex(\n          (item) => item.id === currentValue.id\n        );\n        if (index >= 0) {\n          setManualCustomerChoosedList((prevState) =>\n            prevState.filter((item) => item.id !== currentValue.id)\n          );\n        }\n      });\n    } else {\n      manualCustomerList.forEach((currentValue) => {\n        const index = manualCustomerChoosedList.findIndex(\n          (item) => item.id === currentValue.id\n        );\n        if (index < 0) {\n          setManualCustomerChoosedList((prevState) => [\n            ...prevState,\n            currentValue,\n          ]);\n        }\n      });\n    }\n    setManualCustomerAllPageChecked(!manualCustomerAllPageChecked);\n  };\n  const getManualCustomerList = useCallback(async () => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: manualCustomerListInfo.page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date(),\n      search: searchCustomers\n    };\n    await getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      setManualCustomerListLoading(false);\n    });\n  },[manualCustomerListInfo.limit, manualCustomerListInfo.page, searchCustomers]);\n  const handleManualCustomerPagination = (page: number) => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: manualCustomerListInfo.limit.toString(),\n      page: page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date(),\n      search: searchCustomers\n    };\n    getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      checkCheckedManualAllUser();\n      setManualCustomerListLoading(false);\n    });\n  };\n  const handleManualCustomerPerPage = (perPage: string) => {\n    setManualCustomerListLoading(true);\n    const requestParamtrs = {\n      limit: perPage,\n      page: manualCustomerListInfo.page.toString(),\n      startDate: new Date(2022, 0, 1),\n      endDate: new Date(),\n      search: searchCustomers\n    };\n    getCustomerListAxios(requestParamtrs).then((response) => {\n      setManualCustomerList(response.data.users);\n      setManualCustomerListInfo({\n        count_users: Number(response.data.count_users),\n        limit: Number(response.data.limit),\n        page: Number(response.data.page),\n        total_pages_count: Number(response.data.total_pages_count),\n        total_users_count: Number(response.data.total_users_count),\n        // searchType: Number(response.data.searchType),\n      });\n      checkCheckedManualAllUser();\n      setManualCustomerListLoading(false);\n    });\n  };\n  const toggleManualCheckedUser = (user: CustomerInterface) => {\n    const index = manualCustomerChoosedList.findIndex(\n      (item) => +item.id === +user.id\n    );\n    if (index < 0) {\n      setManualCustomerChoosedList((prevState) => [...prevState, user]);\n    } else {\n      setManualCustomerChoosedList((prevState) =>\n        prevState.filter((item) => +item.id !== +user.id)\n      );\n      setManualCustomerAllPageChecked(false);\n    }\n  };\n  const checkCheckedManualUser = (userId: number) => {\n    const index = manualCustomerChoosedList.findIndex(\n      (item) => {\n        return +item.id === +userId\n      }\n    );\n    return !(index < 0);\n  };\n  \n  /*   Get Data For Edit   */\n  const getDataForEditCustomerGroup = () => {\n    if (selectedGroup?.id) {\n      setPageEdit(true);\n      getCustomerGroupInfoForProductDiscountAxios(selectedGroup.id).then((response) => {\n        setCustomerGroup({\n          group_name: response.data.data.name,\n          group_description: response.data.data.description,\n          first_checkIn_stamp_voucher: loggedUser.user.allow_stamp_bonus_reward ? response.data.data.first_checkIn_stamp_voucher : null,\n          group_discount: response.data.data.discount,\n        });\n        setManualCustomerChoosedList(response.data.data.users);\n        setManualShowAllCustomer(false);\n        setPageEditLoading(false);\n      });\n    } else {\n      setPageEditLoading(false);\n    }\n  };\n  \n  /* get Data */\n  useEffect(() => {\n    getDataForEditCustomerGroup();\n    getPosStampCategories()\n  }, []);// eslint-disable-line\n  \n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      getManualCustomerList();\n    }, 500);\n    \n    return () => clearTimeout(timeout);\n  }, [searchCustomers]); // eslint-disable-line\n  \n  const manualCustomerTableColumns = [\n    {\n      name: (\n        <СheckboxTable\n          checked={manualCustomerAllPageChecked}\n          toggleChecked={() => toggleManualCheckedAllUser()}\n        />\n      ),\n      minWidth: \"50px\",\n      maxWidth: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <label htmlFor={`user_${row.id}`} className=\"checkbox\">\n            <input\n              type=\"checkbox\"\n              id={`user_${row.id}`}\n              checked={checkCheckedManualUser(row.id)}\n              onChange={() => toggleManualCheckedUser(row)}\n            />\n            <span className=\"checkbox-view\"/>\n          </label>\n        );\n      },\n    },\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\"/>\n            ) : (\n              <img src={userDefaultImg} alt=\"\"/>\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    },\n  ];\n  \n  const manualChoosedCustomerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\"/>\n            ) : (\n              <img src={userDefaultImg} alt=\"\"/>\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    }, {\n      name: \"\",\n      minWidth: \"50px\",\n      maxWidth: \"60px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div className=\"action\">\n          <button\n            type=\"button\"\n            className=\"delete\"\n            onClick={() => removeChoosedUser(row.id)}\n          >\n            <DeleteIcon/>\n          </button>\n        </div>;\n      },\n    },\n  ];\n  \n  const removeChoosedUser = (id: number) => {\n    setManualCustomerChoosedList([...manualCustomerChoosedList.filter(user => user.id !== id)])\n  }\n  \n  /*   Form   */\n  const [customerGroupFormLoading, setCustomerGroupFormLoading] =\n    React.useState<boolean>(false);\n  const [customerGroupFormErrorMessage, setCustomerGroupFormErrorMessage] =\n    React.useState<string>(\"\");\n  const handleCustomerGroupForm = (event: React.FormEvent) => {\n    event.preventDefault();\n    setCustomerGroupFormLoading(true);\n    const requestParamtrst: any = {\n      group_name: customerGroup.group_name,\n      group_description: customerGroup.group_description,\n      first_checkIn_stamp_voucher: loggedUser.user.allow_stamp_bonus_reward ? customerGroup.first_checkIn_stamp_voucher : null,\n      group_discount: customerGroup.group_discount ? customerGroup.group_discount : 0,\n    };\n    const usersList: any[] = [];\n    manualCustomerChoosedList.forEach((currentValue) => {\n      usersList.push(+currentValue.id);\n    });\n    requestParamtrst.users = Array.from(new Set(usersList))\n    if (pageEdit) {\n      requestParamtrst.id = selectedGroup.id;\n      updateCustomerGroupForProductDiscountAxios(requestParamtrst)\n        .then(() => {\n          setShowCreateGroupForm(false)\n          getAllCustomersGroupForProductDiscount()\n        })\n        .catch((error) => {\n          setCustomerGroupFormLoading(false);\n          setCustomerGroupFormErrorMessage(error.data.message);\n        });\n    } else {\n      createCustomerGroupForProductDiscountAxios(requestParamtrst)\n        .then(() => {\n          setShowCreateGroupForm(false)\n          getAllCustomersGroupForProductDiscount()\n        })\n        .catch((error) => {\n          setCustomerGroupFormLoading(false);\n          setCustomerGroupFormErrorMessage(error.data.message);\n        });\n    }\n  };\n  \n  const getPosStampCategories: any = async () => {\n    await getPosStampCategoryAxios().then((res)=>{\n      return res.data !== null ? (\n          setSelectPosStampCategoriesList(res.data.map((item: any)=> item = {value: item.id, label: item.name}))) : setSelectPosStampCategoriesList([])\n    })\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">\n        {pageEdit ? \"Edit\" : \"Create\"} Customer Group\n        {!pageEdit ? (\n          <WrapperTooltip>\n            <span className=\"info-tooltip\" style={{marginTop: -10}}>\n              <InfoIcon/>\n              <span className=\"tooltip hiddeArrow\">\n                You can create a customer group within your customer base with\n                certain criteria to create targeted promotions.\n              </span>\n            </span>\n          </WrapperTooltip>\n        ) : (\n          \"\"\n        )}\n      </div>\n      <div\n        className={`content ${\n          pageEditLoading ? \"loading-blue\" : \"\"\n        }`}\n      >\n        <div className=\"loading-innerwrap\">\n          <form\n            onSubmit={handleCustomerGroupForm}\n            className={`${\n              customerGroupFormLoading\n                ? \"loading-blue full-width-form\"\n                : \"full-width-form\"\n            }`}\n          >\n            <div className=\"form-innerwrap\">\n              <div className=\"form-group\">\n                <Input\n                  placeholder=\"Our Top customers\"\n                  label=\"Customer Group Name\"\n                  // infoTooltip=\"This name will appear in the Quick Campaign section where you can target specific customers\"\n                  required\n                  defaultValue={customerGroup.group_name}\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_name\", value)\n                  }\n                />\n              </div>\n              <div className=\"form-group\">\n                <Textarea\n                  label=\"Description\"\n                  placeholder=\"Sales team\"\n                  defaultValue={customerGroup.group_description}\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_description\", value)\n                  }\n                />\n              </div>\n              {loggedUser.user.allow_stamp_bonus_reward ? (<><div className=\"form-group\">\n                  <Checkbox isChecked={+customerGroup.first_checkIn_stamp_voucher > 0} label={'Use the bonus voucher for the first check'} onChange={(checked)=>{\n                    handlesetCustomerGroup(\"first_checkIn_stamp_voucher\", checked ? selectPosStampCategoriesList.length > 0 ? +selectPosStampCategoriesList[0].value : 0 : 0)}}/>\n                </div>\n                {+customerGroup.first_checkIn_stamp_voucher > 0 && (<div className=\"form-group\">\n                  <Select\n                    selectorList={selectPosStampCategoriesList.length> 0 ? selectPosStampCategoriesList : [{value: 0, label: 'Not Stamp Rules'}]}\n                    positionForShow={\"bottom\"}\n                    label=\"Apply Pos Stamp Category\"\n                    defaultValue={selectPosStampCategoriesList.length> 0 && +customerGroup.first_checkIn_stamp_voucher > 0 ? selectPosStampCategoriesList.find(item => item.value === +customerGroup.first_checkIn_stamp_voucher) : {value: 0, label: 'Not Stamp Rules'}}\n                    hideSelectorFilter\n                    getValue={(value) => {\n                      handlesetCustomerGroup(\"first_checkIn_stamp_voucher\",  value)\n                    }}/>\n                </div>)}</>) : null}\n              \n              <div className=\"form-group\">\n                <Checkbox isChecked={+customerGroup.group_discount > 0} label={'Use Default Discount for all products'} onChange={(checked)=>{\n                  handlesetCustomerGroup(\"group_discount\", checked ? 10 : 0)}}/>\n              </div>\n              {+customerGroup.group_discount > 0 && (<div className=\"form-group\">\n                <Input\n                  placeholder=\"Discount\"\n                  label=\"Discount value\"\n                  type={'number'}\n                  max={100}\n                  min={0}\n                  required\n                  defaultValue={customerGroup.group_discount}\n                  getValue={(value) =>\n                    handlesetCustomerGroup(\"group_discount\", +value < 0 ? 0 : +value > 100 ? 100 : value)\n                  }\n                />\n              </div>)}\n              \n              <div className=\"manually-choosing-wrap\">\n                <div className=\"top\">\n                  <div className=\"title\">Customers</div>\n                  <button\n                    type=\"button\"\n                    className=\"btn-blue-dashed\"\n                    onClick={() =>\n                      setManualShowAllCustomer(!manualShowAllCustomer)\n                    }\n                  >\n                    {manualShowAllCustomer\n                      ? \"Show choosen customers\"\n                      : \"Show all customers\"}\n                  </button>\n                  {manualShowAllCustomer ? <div className=\"search-wrap\">\n                    <Input\n                      placeholder=\"Search...\"\n                      icon={<SearchIcon/>}\n                      defaultValue={searchCustomers}\n                      getValue={(value) =>\n                        setSearchCustomers(value)\n                      }\n                    />\n                  </div> : null}\n                \n                </div>\n                <div className=\"main\">\n                  {manualShowAllCustomer ? (\n                    <div\n                      className={`all-customers ${\n                        manualCustomerListLoading ? \"loading-blue\" : \"\"\n                      }`}\n                    >\n                      <div className=\"form-innerwrap\">\n                      {manualCustomerList.length > 0 ? (\n                          <>\n                            <div className=\"table\">\n                              <DataTable\n                                noHeader\n                                columns={manualCustomerTableColumns}\n                                data={manualCustomerList}\n                              />\n                            </div>\n                            <div className=\"paginate-prepage\">\n                              <div className=\"paginate\">\n                                <button\n                                  className=\"prev-page\"\n                                  type=\"button\"\n                                  disabled={manualCustomerListInfo.page <= 1}\n                                  onClick={() =>\n                                    handleManualCustomerPagination(\n                                      manualCustomerListInfo.page - 1\n                                    )\n                                  }\n                                >\n                                  <ArrowBackIcon/>\n                                </button>\n                                <button\n                                  className=\"next-page\"\n                                  type=\"button\"\n                                  disabled={\n                                    manualCustomerListInfo.total_pages_count <=\n                                    manualCustomerListInfo.page\n                                  }\n                                  onClick={() =>\n                                    handleManualCustomerPagination(\n                                      manualCustomerListInfo.page + 1\n                                    )\n                                  }\n                                >\n                                  <ArrowForwardIcon/>\n                                </button>\n                                <div className=\"text\">\n                                  {manualCustomerListInfo.page *\n                                    manualCustomerListInfo.limit -\n                                    manualCustomerListInfo.limit}\n                                  -\n                                  {manualCustomerListInfo.page *\n                                    manualCustomerListInfo.limit -\n                                    manualCustomerListInfo.limit +\n                                    manualCustomerListInfo.count_users}{\" \"}\n                                  from{\" \"}\n                                  {manualCustomerListInfo.total_users_count}\n                                </div>\n                              </div>\n                              <div className=\"perpage\">\n                                <div className=\"text\">Show on page:</div>\n                                <Select\n                                  selectorList={customerPerPage}\n                                  defaultValue={{\n                                    value:\n                                      manualCustomerListInfo.limit.toString(),\n                                    label:\n                                      manualCustomerListInfo.limit.toString(),\n                                  }}\n                                  positionForShow=\"top\"\n                                  required\n                                  getValue={(value) => {\n                                    handleManualCustomerPerPage(\n                                      value.toString()\n                                    );\n                                  }}\n                                  hideSelectorFilter\n                                />\n                              </div>\n                            </div>\n                          </>\n                        ) : (\n                          <div className=\"nothing-found\">\n                            Sorry, nothing found\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      {manualCustomerChoosedList.length > 0 ? (\n                        <div className=\"table\">\n                          <DataTable\n                            noHeader\n                            columns={manualChoosedCustomerTableColumns}\n                            data={manualCustomerChoosedList}\n                          />\n                        </div>\n                      ) : (\n                        <div className=\"nothing-found\">\n                          Sorry, you need add customers\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              </div>\n              \n              {customerGroupFormErrorMessage ? (\n                <div className=\"form-error-message\">\n                  {customerGroupFormErrorMessage}\n                </div>\n              ) : null}\n              <div className=\"buttons-wrap\">\n                <button\n                  type=\"button\"\n                  className=\"btn-white\"\n                  onClick={() => {setShowCreateGroupForm(false); setSelectedGroup(null)}}\n                >\n                  Cancel\n                </button>\n                <button type=\"submit\" className=\"btn-blue\">\n                  {pageEdit ? \"Update\" : \"Create\"} Customer Group\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default CustomerGroups;\n","import styled from 'styled-components';\nimport { Color } from \"../../../../types/color\";\n\nexport const WrapperTransaction = styled.div`\n  \n  .transactionWrapper{\n    //position: absolute;\n    z-index: 100;\n    //top: 0;\n    //left: 0;\n    width: 100%;\n    padding: 20px 0;\n  }\n  \n  .transaction-body{\n    background-color: #fff;\n    padding: 0 30px;\n  }\n  .transaction-title{\n    font-size: 32px;\n    color: #000d46;\n    font-weight: 450;\n    margin: 0 0 15px;\n  }\n  .transaction-description{\n    font-size: 14px;\n    font-weight: 450;\n    color: #000d46;\n    opacity: 0.6;\n    margin-bottom: 30px;\n  }\n\n  .chart-content{\n    padding: 20px 0 20px;\n      \n      .chart-content-header{\n          padding-bottom: 10px;\n          button{\n          \n          }\n      }\n      .productsTable{\n          &>div{\n              overflow: visible;\n          }\n      }\n  }\n  .main-info{\n    display: flex;\n    justify-content: space-around;\n    align-items: inherit;\n    margin-bottom: 30px;\n  }\n  .main-info-item{\n    max-width: 300px;\n  }\n  .item-label{\n    font-size: 14px;\n    font-weight: 450;\n    color: #000d46;\n    margin-bottom: 15px;\n  }\n  .item-value{\n    font-size: 16px;\n    font-weight: 450;\n    color: #000d46;\n  }\n    .total_wrap{\n        display: flex;\n        align-items: center;\n    }\n  .total-prise{\n    margin-top: 20px;\n    margin-right: 16px;\n    display: flex;\n    justify-content: end;\n    align-items: center;\n    & p{\n      font-size: 16px;\n      font-weight: 500;\n      margin-left: 40px;\n    }\n  }\n    \n    .label_checkbox{\n        text-wrap: nowrap;\n    }\n  .chart {\n    background: ${Color.white};\n    padding: 0 30px;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n    border-radius: 0px 8px 8px 8px;\n\n  }\n  \n`;\n","import React, {FC, useRef, useState} from \"react\";\nimport {WrapperTransaction} from \"./styled\";\nimport {Wrapper} from \"../../../Dashboard/DashboardChart/styled\";\nimport {ReactComponent as EditIcon} from \"../../../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../../../assets/img/delete.svg\";\nimport DataTable from \"react-data-table-component\";\nimport {ProductDiscountItem} from \"../../../../types/productDiscountTypes\";\nimport Calendar from \"../../../../components/Calendar\";\nimport moment from \"moment/moment\";\nimport {\n  createProductDiscountForCustomerGroupAxios, removeCustomerForCustomerGroupAxios,\n  removeProductDiscountForCustomerGroupAxios\n} from \"../../../../api/productDiscount\";\nimport userDefaultImg from \"../../../../assets/img/default-user.jpg\";\nimport {CustomerInterface,} from \"../../../../types/customer\";\nimport RemoveModal from \"../../../../components/RemoveModal/RemoveModal\";\nimport Checkbox from \"../../../../components/CheckBox\";\n\n\ninterface IProps {\n  show: boolean\n  productList: any,\n  setProductList: any,\n  setIsLoading: any,\n  getProductDiscounts: any,\n  getAllCustomersGroupForProductDiscount: any,\n  customerList: any;\n  selectedGroupId: number | null;\n}\n\nconst GroupDetail: FC<IProps> = ({\n                                   show,\n                                   productList,\n                                   customerList,\n                                   getAllCustomersGroupForProductDiscount,\n                                   selectedGroupId,\n                                   setProductList,\n                                   getProductDiscounts,\n                                   setIsLoading\n                                 }) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const [activeChart, setActiveChart] = useState<any>(\"Customers\");\n  const [showDeleteProductDiscountModal, setShowDeleteProductDiscountModal] = useState<boolean>(false);\n  const [showDeleteUserModal, setShowDeleteUserModal] = useState<boolean>(false);\n  const [selectedUser, setSelectedUser] = useState<CustomerInterface | null>(null);\n  const [selectedProductDiscount, setSelectedProductDiscount] = useState<any>(null);\n  const handleChangeActiveChart = (chartName: any) => {\n    setActiveChart(chartName);\n    \n  };\n  \n  const changeProductParameters = (id: number, columnName: string, value: Date | string | null | boolean | number | {\n    value: string,\n    label: string\n  }) => {\n    productList[id] = {...productList[id], [columnName]: value}\n    setProductList([...productList])\n  }\n  \n  const createProductDiscount = (data: ProductDiscountItem) => {\n    setIsLoading(true)\n    const requestData = {\n      ...data,\n      group_id: selectedGroupId,\n      start_date: moment(data.start_date).format('yyyy-MM-DD HH:mm:ss'),\n      end_date: data.end_date ? moment(data.end_date).format('yyyy-MM-DD HH:mm:ss') : null\n    }\n    createProductDiscountForCustomerGroupAxios(requestData).then(res => {\n      getProductDiscounts(selectedGroupId)\n    }).finally(() => {\n      setIsLoading(false)\n    })\n  }\n  \n  const setEditItem = (id: number) => {\n    setProductList(productList.map((item: any) => item.id === id ? item = {...item, edit: true} : item))\n  }\n  \n  const removeProductDiscountFromGroup = (id: number) => {\n    setIsLoading(true)\n    removeProductDiscountForCustomerGroupAxios({id}).then(res => {\n      getProductDiscounts(selectedGroupId)\n    }).finally(() => {\n      setIsLoading(false)\n      setShowDeleteProductDiscountModal(false);\n    })\n  }\n  \n  const removeCustomerFromGroup = (id: number) => {\n    setIsLoading(true)\n    removeCustomerForCustomerGroupAxios({id, group_id: selectedGroupId}).then(res => {\n      getProductDiscounts(selectedGroupId)\n      getAllCustomersGroupForProductDiscount()\n    }).finally(() => {\n      setIsLoading(false)\n      setShowDeleteUserModal(false)\n    })\n  }\n  \n  const selectCustomerToRemove = (customer: CustomerInterface) => {\n    setSelectedUser(customer);\n    setShowDeleteUserModal(true);\n  }\n  const selectProductDiscountToRemove = (product: any) => {\n    setSelectedProductDiscount(product);\n    setShowDeleteProductDiscountModal(true);\n  }\n  \n  const manualChoosedCustomerTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.photo ? (\n              <img src={row.photo} alt=\"\"/>\n            ) : (\n              <img src={userDefaultImg} alt=\"\"/>\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Name\",\n      minWidth: \"150px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return (\n          <div>\n            {row.first_name} {row.last_name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Email\",\n      minWidth: \"225px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.email}</div>;\n      },\n    },\n    {\n      name: \"Phone\",\n      minWidth: \"175px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.phone}</div>;\n      },\n    },\n    {\n      name: \"Points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.end_value ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Lifetime points\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.total_spend ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Check in\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{row.check_in_count ?? \"-\"}</div>;\n      },\n    },\n    {\n      name: \"Last visit\",\n      minWidth: \"120px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div>{new Date(row.last_visit).toLocaleString(\"en-GB\")}</div>;\n      },\n    }, {\n      name: \"\",\n      minWidth: \"50px\",\n      maxWidth: \"60px\",\n      cell: (row: CustomerInterface): JSX.Element => {\n        return <div className=\"action\">\n          <button\n            type=\"button\"\n            className=\"delete\"\n            onClick={() => selectCustomerToRemove(row)}\n          >\n            <DeleteIcon/>\n          </button>\n        </div>;\n      },\n    },\n  ];\n  \n  const productDiscountTableColumns = [\n    {\n      name: \"Product Name\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Product Name\"\n                required\n                defaultValue={row.product_name}\n                autoComplete=\"off\"\n                onInput={e => row.product_name = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.product_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Product Group\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Product Group\"\n                required\n                defaultValue={row.product_group}\n                autoComplete=\"off\"\n                onInput={e => row.product_group = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.product_group\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"SKU\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"SKU\"\n                required\n                defaultValue={row.sku}\n                autoComplete=\"off\"\n                onInput={e => row.sku = e.currentTarget.value}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.sku\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount percent\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <input\n                placeholder=\"Discount percent\"\n                required\n                type={\"number\"}\n                min={0}\n                max={100}\n                onInput={e => +e.currentTarget.value <= 0 ? row.discount = 0 : +e.currentTarget.value >= 100 ? row.discount = 100 : row.discount = e.currentTarget.value}\n                defaultValue={row.discount}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.discount\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Start Date\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <Calendar\n                selected={new Date(row.start_date)}\n                onChange={(e) => e >= new Date() ? changeProductParameters(index, 'start_date', e.getTime()) : changeProductParameters(index, 'start_date', Date.now())}\n                dateFormat=\"MMMM d, yyyy\"\n                timeSelect={false}\n                label={\"\"}\n              />\n            ) : (\n              `${moment(row.start_date).format('MMM D, yyyy')}`\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"End Date\",\n      minWidth: \"15%\",\n      cell: (row: ProductDiscountItem, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.edit ? (\n              <>\n                <Checkbox label={'Use End Date'} isChecked={!!row.end_date} onChange={(checked) => !checked ? changeProductParameters(index, 'end_date', null) : changeProductParameters(index, 'end_date', Date.now())}/>\n                {!!row.end_date && (<Calendar\n                  selected={new Date(row.end_date)}\n                  onChange={(e) => e >= new Date() ? changeProductParameters(index, 'end_date', e.getTime()) : changeProductParameters(index, 'end_date', Date.now())}\n                  dateFormat=\"MMMM d, yyyy\"\n                  timeSelect={false}\n                  label={\"\"}\n                />)}\n                \n              </>\n              \n            ) : (\n              `${row.end_date ? moment(row.end_date).format('MMM D, yyyy') : 'Unlimited'}`\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"10%\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => setEditItem(row.id)}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => selectProductDiscountToRemove(row)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => createProductDiscount(row)}\n              >\n                Save\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  const addNewProduct = () => {\n    const newProductItem: any = {\n      edit: true,\n      product_name: '',\n      product_group: '',\n      sku: '',\n      discount: '',\n      start_date: Date.now(),\n      end_date: Date.now()\n    }\n    setProductList([...productList, newProductItem])\n  }\n  return (\n    <>\n      {show ? <WrapperTransaction>\n        <div className=\"transactionWrapper\">\n          <div className=\"transaction-body\">\n            <Wrapper>\n              <div className=\"nav-subpages\">\n                <div\n                  className={`nav-subpage ${\n                    activeChart === \"Customers\" ? \"active-page\" : \"\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangeActiveChart(\"Customers\")}\n                  >\n                    Customers\n                  </button>\n                </div>\n                <div\n                  className={`nav-subpage ${\n                    activeChart === \"Products Discount\" ? \"active-page\" : \"\"\n                  }`}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => handleChangeActiveChart(\"Products Discount\")}\n                  >\n                    Products Discount\n                  </button>\n                </div>\n              </div>\n              <div ref={chartRef} className=\"chart-wrapper\">\n                <div className=\"chart\">\n                  {activeChart === \"Customers\" ? (\n                    <>\n                      <div className=\"chart-content\">\n                        <div className=\"customersTable\">\n                          <DataTable noHeader columns={manualChoosedCustomerTableColumns} data={customerList}/>\n                        </div>\n                      </div>\n                    \n                    </>\n                  ) : (\n                    <>\n                      <div className=\"chart-content\">\n                        <div className=\"chart-content-header\">\n                          <button\n                            type=\"button\"\n                            className={'btn-white'}\n                            onClick={() => addNewProduct()}\n                          >\n                            Add new product discount\n                          </button>\n                        </div>\n                        <div className=\"productsTable\">\n                          <DataTable noHeader columns={productDiscountTableColumns} data={productList}/>\n                        </div>\n                      </div>\n                    </>\n                  )}\n                </div>\n              </div>\n            </Wrapper>\n          </div>\n        </div>\n        <RemoveModal showModal={showDeleteUserModal} setShowModal={setShowDeleteUserModal} handleCancel={() => {\n          setSelectedUser(null)\n          setShowDeleteUserModal(false)\n        }} handleConfirm={() => {\n          removeCustomerFromGroup(selectedUser!.id)\n        }} title={`Are you sure you want to delete the User \"${selectedUser?.email}\" from customers group?`}/>\n        \n        <RemoveModal showModal={showDeleteProductDiscountModal} setShowModal={setShowDeleteProductDiscountModal}\n                     title={`Are you sure you want to delete the Product discount \"${selectedProductDiscount?.product_name}\" from customers group?`}\n                     handleCancel={() => {\n                       setSelectedProductDiscount(null)\n                       setShowDeleteProductDiscountModal(false)\n                     }} handleConfirm={() => removeProductDiscountFromGroup(selectedProductDiscount!.id)}/>\n      \n      </WrapperTransaction> : null}\n    \n    </>\n  \n  );\n};\n\nexport default GroupDetail;\n","import React, { useCallback, useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport Input from \"../../../components/Input\";\nimport {ReactComponent as SearchIcon} from \"../../../assets/img/search.svg\";\nimport {ReactComponent as EditIcon} from \"../../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../../assets/img/delete.svg\";\nimport {ReactComponent as CloseIcon} from \"../../../assets/img/clear.svg\";\nimport {CustomerInfoInterface, CustomerRequestInterface} from \"../../../types/customer\";\nimport DataTable from \"react-data-table-component\";\nimport Pagination from \"../../../components/Pagination\";\nimport {ProductDiscountItem} from \"../../../types/productDiscountTypes\";\nimport CustomerGroupsCreateEdit from \"./CustomerGroupsCreateEdit\";\nimport {\n  getAllCustomerGroupForProductDiscountAxios,\n  getAllCustomersAndProductsForProductDiscountAxios,\n  removeCustomerGroupForProductDiscountAxios,\n} from \"../../../api/customers\";\nimport GroupDetail from \"./GroupDetail/GroupDetail\";\nimport RemoveModal from \"../../../components/RemoveModal/RemoveModal\";\n\nconst ProductDiscountCustomerGroup = () => {\n  const [showCreateGroupForm, setShowCreateGroupForm] = useState(false);\n  const [showRemoveGroupForm, setShowRemoveGroupForm] = useState(false);\n  const [selectedGroup, setSelectedGroup] = useState<any>(null)\n  const [productList, setProductList] = useState<ProductDiscountItem[]>([]);\n  const [customersList, setCustomerList] = useState<any[]>([]);\n  const [selectedGroupId, setSelectedGroupId] = useState<number | null>(null);\n  const [customersGroupsList, setCustomersGroupsList] = useState<any[]>([]);\n  const [productListInfo, setProductListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n  });\n  const [requestParamtrs, setRequestParamtrs] =\n    useState<CustomerRequestInterface>({\n      limit: \"10\",\n      page: \"1\",\n      search: null,\n    });\n  const [isLoading, setIsLoading] = useState(false);\n  const [listRow, setListRow] = useState<any>({});\n  \n  const customersGroupsTableColumns = [\n    {\n      name: \"Group Name\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.name}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Group Description\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.description}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Group Discount\",\n      minWidth: \"15%\",\n      // maxWidth: \"150px\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.discount}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Customers Count\",\n      minWidth: \"15%\",\n      cell: (row: any, index: number): JSX.Element => {\n        return (\n          <div>\n            {row.customersCount\n            }\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"10%\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            <button\n              type=\"button\"\n              className=\"edit\"\n              onClick={() => setEditCustomerGroup(row)}\n            >\n              <EditIcon/>\n            </button>\n            <button\n              type=\"button\"\n              className=\"delete\"\n              onClick={() => selectGroupToRemove(row)}\n            >\n              <DeleteIcon/>\n            </button>\n          </div>\n        );\n      },\n    },\n  ];\n  \n  const selectGroupToRemove = (group: any) => {\n    setShowRemoveGroupForm(true)\n    setSelectedGroup(group)\n  }\n  \n  const setEditCustomerGroup = (group: any) => {\n    setShowCreateGroupForm(false)\n    setSelectedGroup(null)\n    setTimeout(()=>{\n      setSelectedGroup(group)\n      setShowCreateGroupForm(true)\n    }, 100)\n    \n  }\n  const removeCustomerGroup = (id: number) => {\n    removeCustomerGroupForProductDiscountAxios({id}).then(res => {\n      setShowRemoveGroupForm(false)\n      setSelectedGroup(null)\n      getAllCustomersGroupForProductDiscount()\n    })\n  }\n  \n  const getAllCustomersGroupForProductDiscount = useCallback(() => {\n    getAllCustomerGroupForProductDiscountAxios(requestParamtrs).then(res => {\n      setCustomersGroupsList(res.data.data ? res.data.data : []);\n      console.log(res.data)\n      setProductListInfo({\n        count_users: Number(res.data.limit),\n        limit: Number(res.data.limit),\n        page: Number(res.data.page),\n        total_pages_count: Number(res.data.total_pages_count),\n        total_users_count: Number(res.data.total_customer_groups_count),\n      });\n    })\n  }, [requestParamtrs])\n  \n  const getAllCustomersAndProduct = useCallback((id: number) => {\n    getAllCustomersAndProductsForProductDiscountAxios(id).then(res => {\n      setProductList(res.data.productDiscounts ? res.data.productDiscounts : []);\n      setCustomerList(res.data.users ? res.data.users : []);\n    })\n  }, [])\n  \n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      getAllCustomersGroupForProductDiscount();\n    }, 500);\n    \n    return () => clearTimeout(timeout);\n    // getProductDiscounts()\n  }, [requestParamtrs]);\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Product discounts</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"search-wrap\">\n          <Input\n            placeholder=\"Search...\"\n            required\n            icon={<SearchIcon/>}\n            getValue={(value) =>\n              setRequestParamtrs({...requestParamtrs, search: value})\n            }\n          />\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn-white staff-add-btn\"\n          style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n          onClick={() => {\n            setShowCreateGroupForm(false)\n            setSelectedGroup(null)\n            setTimeout(()=>setShowCreateGroupForm(true), 0)\n          }}\n        >\n          Add New Customers Group\n        </button>\n      \n      </div>\n      {showCreateGroupForm && (<div className=\"create-new-user\">\n            <div className=\" discountRule_wrapper loading-innerwrap\">\n              <div className=\"title-close\">\n                <button\n                  type=\"button\"\n                  className=\"close\"\n                  onClick={() => {\n                    setShowCreateGroupForm(false)\n                    setSelectedGroup(null)\n                  }}\n                >\n                  <CloseIcon/>\n                </button>\n              </div>\n              <div style={{display: 'flex', alignItems: 'center'}}>\n                <div className=\"input-wrap\" style={{width: '100%'}}>\n                  <div style={{\n                    display: 'flex',\n                    flexDirection: 'column',\n                    width: '100%'\n                  }}>\n                    <CustomerGroupsCreateEdit setShowCreateGroupForm={setShowCreateGroupForm}\n                                              getAllCustomersGroupForProductDiscount={getAllCustomersGroupForProductDiscount}\n                                              selectedGroup={selectedGroup} setSelectedGroup={setSelectedGroup}/>\n                  </div>\n                </div>\n              </div>\n            </div>\n        </div>\n      )}\n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={customersGroupsTableColumns}\n            data={customersGroupsList}\n            expandableRows\n            expandableRowExpanded={(row) => (row === listRow)}\n            onRowExpandToggled={(bool, row) => {\n              setListRow(row);\n              setCustomerList([])\n              setProductList([])\n              getAllCustomersAndProduct(+row.id)\n              setSelectedGroupId(+row.id)\n            }}\n            expandableRowsComponent={\n              <GroupDetail productList={productList} selectedGroupId={selectedGroupId} show={true}\n                           customerList={customersList} setProductList={setProductList}\n                           getAllCustomersGroupForProductDiscount={getAllCustomersGroupForProductDiscount}\n                           getProductDiscounts={getAllCustomersAndProduct} setIsLoading={setIsLoading}/>\n            }\n          />\n          <Pagination\n            {...productListInfo}\n            requestLimit={requestParamtrs.limit}\n            setRequestParamtrs={setRequestParamtrs}\n          />\n        </div>\n      </div>\n      \n      <RemoveModal showModal={showRemoveGroupForm} setShowModal={setShowRemoveGroupForm} title={`Are you sure you want to delete the customer group \"\n                ${selectedGroup?.name}\"?`} handleCancel={() => {\n        setSelectedGroup(null)\n        setShowRemoveGroupForm(false)\n      }} handleConfirm={() => {\n        removeCustomerGroup(selectedGroup!.id)\n      }}/>\n    \n    </Wrapper>\n  );\n};\n\nexport default ProductDiscountCustomerGroup;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  .top-bar {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    margin-bottom: 20px;\n    &>div{\n      margin-bottom: 10px;\n    }\n      .select {\n          margin-bottom: 2px;\n      }\n      input {\n          padding: 10px 32px 10px 14px;\n      }\n      .isSelect {\n          position: relative;\n          input {\n              padding: 10px 16px 10px 40px;\n          }\n          svg{\n              position: absolute;\n              top: 8px;\n              left: 8px;\n          }\n          svg path:not([fill=\"none\"]) {\n              fill: #666e90;\n          }\n      }\n  }\n  .search-wrap {\n    width: 320px;\n    max-width: 100%;\n    margin-left: 20px;\n    &>div{\n      padding-bottom: 0;\n    }\n  }\n  .groups-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n    ul {\n      button {\n        text-align: left;\n      }\n    }\n    .calendar-wrapper .react-datepicker-wrapper .react-datepicker__input-container{\n      input{\n        width: 100%;\n        height: auto;\n        box-sizing: border-box;\n        padding-right: 10px;\n      }\n    }\n  }\n  .locations-wrap {\n    width: 200px;\n    max-width: 100%;\n    margin-left: 20px;\n  }\n\n  .table-wrap {\n    position: relative;\n    border-radius: 4px;\n    overflow: hidden;\n    background-color: ${Color.white};\n    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n    &.loading-blue {\n      min-height: 300px;\n    }\n  }\n  .table {\n    \n    button[data-testid] {\n      &:hover:not(:disabled),\n      &:focus {\n        background: none;\n      }\n    }\n    .rdt_Table {\n    }\n    .rdt_TableHead {\n      border: none;\n      .rdt_TableCol {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 20px;\n      }\n      .rdt_TableHeadRow{\n        min-height: 35px;\n      }\n    }\n    .rdt_TableRow {\n      border: none;\n      padding:2px 0;\n      min-height: 30px;\n      &:nth-child(2n + 1) {\n        background-color: ${Color.blueLightBackground};\n      }\n      .photo {\n        line-height: 0;\n        img {\n          height: 30px;\n          width: 30px;\n          border-radius: 2px;\n          object-fit: cover;\n        }\n      }\n      .full-name-wrapp{\n          width: 100%;\n          &:hover{\n              .userDatails{display: block}\n          }\n          .userDatails{\n              display: none;\n              border-radius: 5px;\n              background-color: ${Color.white};\n              box-shadow: 0 0 10px 0 #000000;\n              padding: 5px;\n              z-index: 999999;\n              opacity: 1;\n          }\n      }\n      .rdt_TableCell {\n        &:nth-child(n + 2) {\n          opacity: 0.6;\n          color: ${Color.blueDarkText};\n          font-size: 16px;\n          font-weight: 300;\n          line-height: 20px;\n        }\n      }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n  }\n\n  .paginate-prepage {\n    background-color: ${Color.white};\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 25px 30px;\n  }\n  .paginate {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .prev-page,\n    .next-page {\n      height: 32px;\n      width: 32px;\n      border: 1px solid rgba(47, 54, 64, 0.2);\n      border-radius: 3px;\n      background-color: ${Color.white};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      &:hover:not([disabled]) {\n        box-shadow: rgba(47, 54, 64, 0.25) 0px 0px 10px 0px;\n        border: 1px solid ${Color.grey};\n      }\n      &:disabled {\n        opacity: 0.5;\n        background: rgba(0, 0, 0, 0.1);\n        cursor: initial;\n      }\n    }\n    .text {\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n  }\n  .perpage {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    .text {\n      margin-right: 12px;\n      color: ${Color.blueDarkText};\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 18px;\n    }\n    .select {\n      margin-bottom: 0;\n      width: 90px;\n      & > input,\n      & > ul {\n        color: ${Color.blueDarkText};\n        font-size: 14px;\n        font-weight: 300;\n        line-height: 18px;\n      }\n      & > input {\n        padding: 8px 30px 7px 10px;\n      }\n      & > ul {\n        & > button {\n          padding: 6px 10px;\n        }\n      }\n    }\n  }\n\n  .nothing-found {\n    padding: 50px 15px;\n    text-align: center;\n    color: ${Color.blueDarkText};\n    font-size: 21px;\n    font-weight: 300;\n    line-height: 20px;\n  }\n  @media (max-width: 1140px) {\n    .top-bar {\n      flex-direction: column-reverse;\n      align-items: start;\n      margin-bottom: 10px;\n\n      .locations-wrap,\n      .groups-wrap {\n        margin: 0 0 10px;\n      }\n      .search-wrap {\n        margin-left: 0;\n      }\n    }\n  }\n  @media (max-width: 500px) {\n    .table-wrap {\n      .paginate-prepage {\n        flex-direction: column;\n        align-items: start;\n\n        .paginate {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport { useTypedSelector } from \"src/hooks/useTypedSelector\";\nimport { useActions } from \"src/hooks/useActions\";\nimport Select from \"src/components/Select\";\nimport { ReactComponent as CalendarIcon } from \"src/assets/img/calendar.svg\";\nimport Pagination from \"../../components/Pagination\";\nimport userDefaultImg from \"src/assets/img/default-user.jpg\";\n\nimport {\n  CustomerInterface,\n  CustomerInfoInterface\n} from \"src/types/customer\";\n\nimport { Wrapper } from \"./styled\";\nimport {getPosUserIdListAxios, getStaffListAxios} from \"../../api/staffPerformance\";\nimport {SelectorListObj} from \"../../components/Select/types\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\nconst StaffPerformance = () => {\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  const setStartDate = () =>{\n    const day = loggedUser.user.created.split(' ')[0].split('-')[1]\n    const month = loggedUser.user.created.split(' ')[0].split('-')[0]\n    const year = loggedUser.user.created.split(' ')[0].split('-')[2]\n    return `${year}-${month}-${day}`\n  }\n  const [dates, setDatesState] = useState({\n    startDate:moment(setStartDate()).format(\"MMM D, YYYY\"),\n    endDate: moment(new Date()).format(\"MMM D, YYYY\")\n  });\n  const [requestParameters, setRequestParameters] =\n    useState<{limit: string | number,\n      page: string | number,\n      locationId: string | number,\n      posUserId: string,\n      }>({\n      limit: 10,\n      page: 1,\n      locationId: \"\",\n      posUserId: \"\",\n    });\n  const [staffListLoading, setStaffListLoading] =\n    useState<boolean>(false);\n  const [staffList, setStaffList] =\n    useState<Array<CustomerInterface> | null>(null);\n  const [posUsersListToSelect, setPosUsersListToSelect] = useState<SelectorListObj[]>([])\n\n  const [staffListInfo, setStaffListInfo] =\n    useState<CustomerInfoInterface>({\n      count_users: 0,\n      limit: 0,\n      page: 0,\n      total_pages_count: 0,\n      total_users_count: 0,\n    });\n\n  const { locations } = useTypedSelector(\n    (state) => state.groupsLocations\n  );\n\n  const { getGroupsLocations } = useActions();\n  \n  useEffect(() => {\n    getGroupsLocations();\n  }, []);\n  \n  const getPosUserIdList = useCallback(() => {\n    getPosUserIdListAxios({locationId: requestParameters.locationId}).then(res =>{\n      const selectObj: SelectorListObj[] = []\n      res.data.posUsers.forEach((posUser: { posUserId: string }) => {\n        selectObj.push({value: posUser.posUserId, label: posUser.posUserId})\n      })\n      setPosUsersListToSelect(selectObj);\n      handleChangeRequestParamtrs('posUserId', '')\n    })\n  }, [requestParameters.locationId]);\n  \n  useEffect(() => {\n    getPosUserIdList();\n  }, [getPosUserIdList]);\n  \n  const getAllStaffs = useCallback(() => {\n    setStaffListLoading(true)\n    getStaffListAxios({...requestParameters, startDate: moment(dates.startDate).format('YYYY-MM-DD'), endDate: moment(dates.endDate).format('YYYY-MM-DD')}).then(res =>{\n      setStaffList(res.data.posUsers)\n      setStaffListInfo({\n        count_users: res.data.countStaff,\n          limit: +res.data.limit,\n        page: +res.data.page,\n        total_pages_count: res.data.totalPagesCount,\n        total_users_count: res.data.totalStaffCount,\n      \n      })\n    }).finally(() => setStaffListLoading(false))\n  }, [requestParameters, dates])\n  \n  useEffect(() => {\n    getAllStaffs()\n  }, [getAllStaffs]);\n\n  const handleChangeRequestParamtrs = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n\n  const staffPerformanceTableColumns = [\n    {\n      name: \"\",\n      width: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"photo\">\n            {row.image ? (\n              <img src={row.image} alt=\"\" />\n            ) : (\n              <img src={userDefaultImg} alt=\"\" />\n            )}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Staff Member/POS I.D\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className={'full-name-wrapp'} >\n            <p>{row.posUserId}</p>\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Store\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.locationName || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"New Customers\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.newCustomers || \"0\"}</div>;\n      }\n    },\n    {\n      name: \"Points Issued\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.points ?? \"0\"}</div>;\n      }\n    },\n    {\n      name: \"Stamps Issued\",\n      minWidth: \"120px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.stamps ?? \"0\"}</div>;\n      }\n    }\n  ];\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment().format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: moment().format(\"MMM D, YYYY\")\n    }) : setDatesState({\n      startDate: startDate.format(\"MMM D, YYYY\"),\n      endDate: endDate.format(\"MMM D, YYYY\")\n    });\n  };\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Staff Performance</div>\n      <div className=\"top-bar\">\n        <div className=\"groups-wrap\">\n          <Select\n            placeholder=\"All Staff\"\n            selectorList={posUsersListToSelect}\n            defaultValue={requestParameters.posUserId.length > 0 ? posUsersListToSelect.find(pos => pos.value === requestParameters.posUserId) : {\n              value: '',\n              label: ''\n            }}\n            disabled={!(posUsersListToSelect.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => handleChangeRequestParamtrs(\"posUserId\", value)}\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"locations-wrap\">\n          <Select\n            placeholder=\"All Locations\"\n            selectorList={locations}\n            disabled={!(locations.length > 0)}\n            positionForShow=\"bottom\"\n            required\n            isClearable\n            getValue={(value) => handleChangeRequestParamtrs(\"locationId\", value)}\n            hideSelectorFilter\n          />\n        </div>\n        <div className=\"groups-wrap\" style={{minWidth: '200px', width: \"auto\"}}>\n          <DateRangePicker\n            onApply={setDates}\n            initialSettings={{startDate: moment(setStartDate()), endDate: new Date(), ranges: ranges}}\n          \n          >\n            <div className={'isSelect select'}>\n              <CalendarIcon/>\n              <input\n                type=\"text\"\n                value={dates.startDate + \"-\" + dates.endDate}\n                onChange={(e) => {\n                  // @ts-ignore\n                  setDates(e, dates)\n                }}\n                className=\"form-control\"\n              />\n            </div>\n          \n          </DateRangePicker>\n        </div>\n      </div>\n      <div\n        className={`table-wrap ${staffListLoading ? \"loading-blue\" : \"\"}`}\n      >\n        <div className=\"loading-innerwrap\">\n          {staffList !== null ? (\n            staffList.length > 0 ? (\n              <>\n                <div className=\"table\">\n                  <DataTable\n                    noHeader\n                    columns={staffPerformanceTableColumns}\n                    data={staffList}\n                  />\n                </div>\n                <Pagination {...staffListInfo} requestLimit={`${requestParameters.limit}`}\n                            setRequestParamtrs={setRequestParameters}/>\n              </>\n            ) : (\n              <div className=\"nothing-found\">Sorry, nothing found</div>\n            )\n          ) : null}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default StaffPerformance;\n","import axios from \"./api\";\n\nexport const getPosUserIdListAxios = (\n  requestParamtrs: {locationId: string | number}\n): Promise<any> =>\n  axios\n    .post(\"/api/dashboard/staff/unique/list\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\nexport const getStaffListAxios = (\n  requestParamtrs: {limit: string| number,\n    page: string | number,\n    locationId: string | number,\n    posUserId: string,\n    startDate: Date | string,\n    endDate: Date | string}\n): Promise<any> =>\n  axios\n    .post(\"/api/dashboard/staff/info/list\", requestParamtrs)\n    .then((response) => {\n      return response;\n    })\n    .catch((error) => {\n      return Promise.reject(error.response);\n    });\n\n","import { Color } from \"src/types/color\";\nimport styled, {keyframes} from \"styled-components\";\nconst uploadKeyFrames = keyframes`\n    0% {\n        transform: translateY(8px);\n    }\n    50% {\n        transform: translateY(0);\n    }\n    100% {\n        transform: translateY(8px);\n    }\n`;\n\nexport const Wrapper = styled.div`\n  .top-bar div.search-wrap {\n    margin-left: 0;\n      input {\n          padding: 11px 16px 11px 46px;\n          margin-bottom: 10px;\n      }\n      svg{\n          top: 43%;\n      }\n  }\n    .create-new-user {\n        .label {\n            display: flex;\n            color: ${Color.blueDarkText};\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 20px;\n            margin-bottom: 10px;\n            text-align: left;\n        }\n        .discountRule_wrapper, form {\n            margin-bottom: 30px;\n            border: 1px solid rgba(0, 13, 70, 0.1);\n            border-radius: 5px;\n            padding: 15px;\n            overflow: hidden;\n        }\n\n        .title-close {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n\n            .title {\n                font-size: 18px;\n                font-weight: 500;\n                line-height: 21px;\n                margin-bottom: 0;\n            }\n\n            .close {\n                background: none;\n                opacity: 0.6;\n                line-height: 0;\n\n                &:hover {\n                    opacity: 1;\n                }\n\n                svg {\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n\n        .saveCard-btn{\n            width: 30%;\n        }\n        .addNew_rule{\n            width: 30%;\n            margin-top: 10px;\n        }\n        .input-wrap {\n            display: flex;\n            margin-bottom: 15px;\n            width: 50%;\n            flex-wrap: wrap;\n\n            & > div {\n                width: 45%;\n                margin-right: 20px;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.last_name-group{\n                    &>div{\n                        ul.bottom{\n                            max-height: 70px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n  .form-file{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px\n  }\n  .staff-top-bar{\n      display: flex;\n      justify-content: space-between;\n      \n      .filter-container, .buttons-container{\n          display: flex;\n          gap: 15px;\n          flex-wrap: wrap;\n          justify-content: flex-end;\n          align-items: center;\n      }\n      .filter-container{\n          .locations-wrap, .groups-wrap{\n              .select{\n                  input{\n                      padding: 11px 16px;\n                  }\n              }\n          }\n          .calendar-wrap{\n              .select {\n                  display: flex;\n                  align-items: center;\n                  position: relative;\n                  flex-direction: column;\n                  margin-bottom: 12px;\n\n                  input {\n                      padding: 11px 16px 11px 40px;\n                  }\n                  svg{\n                      position: absolute;\n                      left: 8px;\n                      top: 9px;\n                  }\n                  svg path:not([fill=\"none\"]) {\n                      fill: #666e90;\n                  }\n              }\n          }\n          \n      }\n  }\n    .label {\n        color: ${Color.blueDarkText};\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 20px;\n        margin-bottom: 10px;\n        text-align: left\n    }\n    .colorInput{\n        border-radius: 4px;\n        //box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n        font-size: 18px;\n        line-height: 20px;\n        width: 100%;\n        height: 48px;\n        margin-top: 10px;\n        background-color: transparent;\n        margin-bottom: 10px;\n\n        &::placeholder {\n            color: #95989d;\n        }\n\n        &:disabled {\n            padding: 13px 40px 13px 16px;\n            /* background: rgba(0, 0, 0, 0.07);\n            box-shadow: none; */\n        }\n    }\n    .selectImg {\n                height: 200px;\n                border-radius: 8px;\n                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);\n                \n                .dropZone {\n                    display: flex;\n                    flex-direction: column;\n                    height: 100%;\n\n                    &.with-photo {\n                        & > div {\n                            .dropZone-content-text {\n                                opacity: 0;\n                                transition: 0.5s all ease;\n                            }\n                        }\n\n                        &:hover {\n                            & > div {\n                                .dropZone-content-text {\n                                    opacity: 1;\n                                }\n                            }\n                        }\n                    }\n\n                    & > div {\n                        position: relative;\n                        height: 100%;\n                        outline: none;\n                        cursor: pointer;\n\n                        &.active_true {\n                            border-color: ${Color.blueDark};\n                            box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 35%);\n                        }\n\n                        &.active_false {\n                            min-height: 200px;\n                        }\n\n                        input {\n                            max-width: 100%;\n                            display: block !important;\n                            position: absolute;\n                            bottom: 0;\n                            right: 0;\n                            left: 0;\n                            margin: auto;\n                            opacity: 0;\n                            z-index: -1;\n                        }\n\n                        .img {\n                            line-height: 0;\n                            width: 100%;\n                            height: 100%;\n                            img {\n                                height: 100%;\n                            }\n                        }\n\n                        .dropZone-content-text {\n                            display: flex;\n                            flex-direction: column;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                            bottom: 0;\n                            left: 0;\n                            background-color: rgba(255, 255, 255, 0.85);\n\n                            border: 1.5px dashed ${Color.blueDark};\n                            border-radius: 4px;\n                            outline: none;\n                            padding: 30px;\n                            cursor: pointer;\n                            transition: all 0.225s cubic-bezier(0.77, 0.2, 0.05, 1);\n\n                            & > svg {\n                                margin-bottom: 5px;\n                                animation: ${uploadKeyFrames} 2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n                                path[fill-rule=\"evenodd\"] {\n                                    fill: ${Color.blueDark};\n                                }\n                            }\n\n                            .text {\n                                color: ${Color.blueDark};\n                                display: flex;\n                                flex-direction: column;\n                                justify-content: center;\n                                align-items: center;\n\n                                span {\n                                    margin-bottom: 5px;\n                                }\n\n                                .title {\n                                    font-size: 18px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n\n                                .description {\n                                    opacity: 0.6;\n                                    font-size: 12px;\n                                    font-weight: 300;\n                                    line-height: 15px;\n                                }\n\n                                .file-name {\n                                    font-size: 21px;\n                                    font-weight: 300;\n                                    line-height: 23px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .img {\n                    img {\n                        max-width: 100%;\n                        width: 100%;\n                    }\n                }\n            }\n  .hide{\n    display: none;\n  }\n    .discount_rules-list{\n        .rdt_Table{\n            .rdt_TableHead{\n                .rdt_TableHeadRow{\n                    .rdt_TableCol{\n                        font-size: inherit;\n                    }\n                }\n            }\n            .rdt_TableBody{\n                .rdt_TableRow{\n                    align-items: center;\n                    .rdt_TableCell{\n                        color: ${Color.blueDarkText};\n                        font-size: 16px;\n                        font-weight: 500;\n                        line-height: 20px;\n                        align-items: center;\n                        height: 100%;\n                        &>div{\n                            width: 80%;\n                            .isSelect{\n                                ul.bottom{\n                                    max-height: 80px;\n                                }\n                            }\n                        }\n                        .action {\n                            display: flex;\n                            align-items: center;\n                            margin-bottom: 24px;\n                            margin-top: 10px;\n                            width: 30%;\n                            .edit {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                margin-right: 25px;\n                                background: none;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .delete {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                opacity: 0.6;\n                                background: none;\n                                padding: 0;\n                                &:hover {\n                                    opacity: 1;\n                                }\n                            }\n                            .info {\n                                display: block;\n                                line-height: 0;\n                                height: 24px;\n                                width: 24px;\n                                margin-right: 25px;\n                                background: none;\n                                cursor: pointer;\n                                position: relative;\n                                & > span {\n                                    z-index: -1;\n                                    opacity: 0;\n                                    background-color: $blueDarkText;\n                                    position: absolute;\n                                    font-size: 14px;\n                                    width: 96px;\n                                    color: $white;\n                                    padding-left: 10px;\n                                    padding-right: 10px;\n                                    text-align: center;\n                                    border-radius: 4px;\n                                    padding-top: 5px;\n                                    padding-bottom: 5px;\n                                    transition: all 0.3s ease;\n                                    line-height: 20px;\n                                    top: -55px;\n                                    left: -35px;\n                                    box-sizing: border-box;\n                                }\n                                svg {\n                                    opacity: 0.6;\n                                    &:hover {\n                                        opacity: 1;\n\n                                        & + span {\n                                            z-index: 2;\n                                            opacity: 1;\n                                        }\n                                    }\n                                    path:not([fill=\"none\"]) {\n                                        fill: rgb(0, 13, 70);\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .discount_ruls{\n        &>div{\n            ul{\n                max-height: 80px;\n            }\n        }\n    }\n    .selectLogo-box{\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n    .cardImage{\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n    .cardView{\n        border-radius: 15px;\n        width: 400px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            width: 50%;\n            height: 50%;\n            object-fit: contain;\n        }\n        \n    }\n  .table {\n    & > div {\n      // overflow: unset;\n    }\n\n    \n\n    div.rdt_TableRow {\n\n      & input {\n        width:75%\n      }\n        .active{\n            svg{\n                path{\n                    fill: #2ecc71;\n                }\n            }\n        }\n    }\n    div:first-child {\n      &::-webkit-scrollbar {\n        height: 5px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background: ${Color.white};\n        border-radius: 3px;\n      }\n\n      &::-webkit-scrollbar-thumb:hover {\n        background: ${Color.blueText};\n      }\n\n      &:hover {\n        &::-webkit-scrollbar-thumb {\n          background: ${Color.blueLight};\n        }\n\n        &::-webkit-scrollbar-thumb:hover {\n          background: ${Color.blueText};\n        }\n      }\n    }\n    \n  }\n`;\n","import styled from \"styled-components\";\n\nexport const WrapperTableList = styled.div`\n  width: calc(100% - 40px);\n  padding: 0 20px 10px;\n\n  button {\n    background: none;\n  }\n\n    .visibility-icon{\n        width: 20px;\n        height: 20px;\n    }\n    .show-order{\n        cursor: pointer;\n        padding: 10px 0 10px 10px;\n    }\n`;\n\nexport const PointWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const PointInput = styled.input`\n  width: 50px;\n  background: none;\n  color: #000D46;\n  text-align: end;\n\n  &[readonly] {\n    cursor: default;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n","import React, { FC, useEffect, useState } from \"react\";\nimport DataTable from \"react-data-table-component\";\n\nimport { ReactComponent as VisibilityIcon } from \"src/assets/img/visibility.svg\";\nimport { WrapperTableList } from \"./styled\";\nimport { getStaffDiscountActivity } from \"src/api/customers\";\nimport {format} from \"date-fns\";\nimport TransactionInformation from \"../../Customers/CustomerList/TransactionInformation/TransactionInformation\";\nimport {useHistory, useLocation} from \"react-router-dom\";\n\ninterface IProps {\n  data: any;\n  getCustomerList: any;\n}\n\nconst StaffFamilyTable: FC<IProps> = ({ data, getCustomerList }) => {\n  const [userInfo, setUserInfo] = useState([]);\n  const { search } = useLocation();\n  const history = useHistory()\n  const searchParams = new URLSearchParams(search);\n  const getUserPointInfo = (id: string) => {\n    getStaffDiscountActivity({ id }).then((response) => {\n      setUserInfo(response.data.activities);\n      if (searchParams.has('code')) {\n        searchParams.delete('code')\n        history.replace({\n          search: searchParams.toString(),\n        })\n      }\n    });\n  };\n  const [showTransactionDetail, setShowTransactionDetail] = useState(false);\n  const [customerInformation, setCustomerInformation] = useState<any>({});\n  const [customer, setCustomer] = useState<any>({});\n\n  useEffect(() => {\n    getUserPointInfo(data.id);\n  }, [data.id]);\n  \n  const findFullDiscount = (orders: any[]) => {\n    let sum = 0;\n    orders.forEach(item => {\n      sum += item.initial_price - item.total\n    })\n    return sum.toFixed(2)\n  }\n  \n\n  const staffMembersTableColumns = [\n    {\n      name: \"Full Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.full_name}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Store\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.basket.location || \"-\"}</div>;\n      }\n    }, {\n      name: \"Order No.\",\n      maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.basket.orderId || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS.I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.pos_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"POS User .I.D\",\n      cell: (row: any): JSX.Element => {\n        return <div>{row.pos_user_id || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Discount Amt.\",\n      cell: (row: any): JSX.Element => {\n        return <div>{findFullDiscount(row.basket.productsList) || \"-\"}</div>;\n      }\n    },\n    {\n      name: \"Time\",\n      minWidth: \"120px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.time\n              ? format(new Date(row.time * 1000), \"dd/MM/yyyy, HH:mm:ss\")\n              : \"-\"}\n          </div>\n        );\n      }\n    },\n    {\n      name: \"Basket\",\n      maxWidth: \"75px\",\n      right: true,\n      cell: (row: any, i: number): JSX.Element => {\n        return (\n          <>\n            {row.basket && row.basket.productsList.length > 0 ? (\n              <div className={\"show-order\"} data-tag=\"allowRowEvents\">\n                <VisibilityIcon data-tag=\"allowRowEvents\" className={\"visibility-icon\"}/>\n              </div>) : null}\n          \n          </>\n        );\n      }\n    }\n  ];\n  return (\n    <WrapperTableList>\n      <DataTable data={userInfo} columns={staffMembersTableColumns} noHeader onRowClicked={(row: any) => {\n        if (row.basket && row.basket.productsList.length > 0) {\n          setShowTransactionDetail(true)\n          row.basket && setCustomerInformation(row.basket)\n          setCustomer(row)\n        }else {\n          setCustomerInformation({})\n        }\n        \n      }}\n                 expandableRows\n                 expandableRowsHideExpander={true}\n                 expandableRowExpanded={(row) => (row === customer)}\n                 expandOnRowClicked={true}\n                 onRowExpandToggled={(bool, row) => setCustomer(row)}\n                 expandableRowsComponent={\n                   <TransactionInformation staffPage={true} show={showTransactionDetail}\n                                           customerInformation={customerInformation}\n                                           productList={customerInformation.productsList} customer={customer}\n                                           setShow={setShowTransactionDetail}/>\n                 }/>\n    </WrapperTableList>\n  );\n};\n\nexport default StaffFamilyTable;\n","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport DataTable from \"react-data-table-component\";\nimport {useLocation} from 'react-router-dom';\nimport Input from \"../../components/Input\";\nimport {ReactComponent as SearchIcon} from \"../../assets/img/search.svg\";\nimport { ReactComponent as CalendarIcon } from \"../../assets/img/calendar.svg\";\nimport Pagination from \"../../components/Pagination\";\nimport {\n  CustomerInfoInterface,\n  CustomerRequestInterface,\n} from \"../../types/customer\";\nimport {\n  getAllStaffDiscountMembers,\n  addStaffDiscountMembersAxios,\n  editStaffDiscountMembersAxios,\n  removeStaffDiscountMemberAxios,\n  getStaffDiscountLoyaltyCardAxios,\n  importStaffDiscountWorkersAxios,\n  removeBulkStaffDiscountAxios,\n  getMaximumSpendDiscountAxios,\n} from \"../../api/customers\";\nimport {Wrapper} from \"./styled\";\n\nimport Select from \"../../components/Select\";\nimport {useActions} from \"../../hooks/useActions\";\nimport {ReactComponent as EditIcon} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as DeleteIcon} from \"../../assets/img/delete.svg\";\nimport {useTypedSelector} from \"src/hooks/useTypedSelector\";\nimport StaffFamilyTable from \"./InnerTable/StaffFamilyTable\";\nimport Modal from \"../../components/Modal\";\nimport {REACT_APP_API_URL} from \"../../types/env\";\nimport InfoTooltip from \"../../components/infoTooltip\";\nimport moment from \"moment/moment\";\nimport DateRangePicker from \"react-bootstrap-daterangepicker\";\n\nconst arrangeCustomerSelect = [\n  { value: \"last_name:asc\", label: \"Sort A-Z\" },\n  { value: \"last_name:desc\", label: \"Sort Z-A\" },\n  { value: \"id:asc\", label: \"Sort Oldest → Newest\" },\n  { value: \"id:desc\", label: \"Sort Newest → Oldest\" },\n  { value: \"last_visit:desc\", label: \"Check-ins Most Recent → Oldest\" },\n  { value: \"last_visit:asc\", label: \"Check-ins Oldest → Most Recent\" }\n];\n\nconst StaffMembersWithBadgeBarcode = () => {\n  const [staffList, setStaffList] = useState<any>([]);\n  const firstNameInp = useRef<HTMLInputElement | null>(null);\n  const barcodeInp = useRef<HTMLInputElement | null>(null);\n  const lastNameInp = useRef<HTMLInputElement | null>(null);\n  const employeeNumberInp = useRef<HTMLInputElement | null>(null);\n  const gcNumberInp = useRef<HTMLInputElement | null>(null);\n  const {loggedUser} = useTypedSelector((state) => state.auth);\n  \n  const { search } = useLocation();\n  const searchParams = new URLSearchParams(search);\n  const code = searchParams.get(\"code\");\n  \n  const [requestParameters, setRequestParameters] =\n    useState<CustomerRequestInterface>({\n      limit: 10,\n      page: 1,\n      search: code ? code : null,\n      location: null,\n      // group: \"\",\n      sort_type: \"last_name:asc\"\n    });\n  const [staffListInfo, setStaffListInfo] = useState<CustomerInfoInterface>({\n    count_users: 0,\n    limit: 0,\n    page: 0,\n    total_pages_count: 0,\n    total_users_count: 0,\n  });\n  const [maximumSpend, setMaximumSpend] = useState<number>(0)\n  const [useMaximumSpendDiscount, setUseMaximumSpendDiscount] = useState<boolean>(false)\n  const [isLoading, setIsLoading] = useState(false);\n  const [openImportForm, setOpenImportForm] = useState(false);\n  const [haveStaffCardModel, setHaveStaffCardModel] = useState(false);\n  const [openBulkRemoveForm, setOpenBulkRemoveForm] = useState(false);\n  const [barcodePrefix, setBarcodePrefix] = useState('');\n  const [fileBase64, setFileBase64] = useState<any>(\"\");\n  const { locations } = useTypedSelector(\n    (state) => state.groupsLocations\n  );\n  const [dates, setDatesState] = useState({\n    startDate: moment(new Date(2022, 0, 1)),\n    endDate: moment()\n  });\n  const [newUser, setNewUser] = useState<any | null>({\n    // email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    // phone: \"\",\n    discount: \"\",\n    // store_name: loggedUser.user.global_card_name,\n    barcode: '',\n    // code_name: \"\",\n    new: true,\n  });\n  const [editUser, setEdinUser] = useState<any | null>({\n    // email: \"\",\n    first_name: \"\",\n    last_name: \"\",\n    // phone: \"\",\n    discount: \"\",\n    // store_name: loggedUser.user.global_card_name,\n    barcode: \"\",\n    code_name: \"\",\n  });\n  const removeInp = useRef<HTMLInputElement>(null)\n  const importInp = useRef<HTMLInputElement>(null)\n  \n  const ranges = {\n    \"Today\": [moment(), moment()],\n    \"Last 7 Days\": [moment().subtract(1, \"weeks\"), moment()],\n    \"Last 30 Days\": [moment().subtract(1, \"months\"), moment()],\n    \"Last Year\": [moment().subtract(1, \"years\"), moment()],\n  };\n  \n  const { getGroupsLocations } = useActions();\n  \n  useEffect(() => {\n    getGroupsLocations();\n    getMaximumSpendDiscountSetings()\n  }, []);\n  \n  let newStaff = newUser;\n  const staffMembersTableColumns = [\n    {\n      name: \"First Name\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"First name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) => {\n                  changeNewStaffValueInput(\"first_name\", e.currentTarget.value);\n                }}\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"First name\"\n                ref={firstNameInp}\n                required\n                defaultValue={row.first_name}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.first_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Last Name\",\n      minWidth: \"100px\",\n      // maxWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Last name\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"last_name\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Last name\"\n                ref={lastNameInp}\n                required\n                defaultValue={row.last_name}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.last_name\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Barcode\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          // <div>\n          //   {row.barcode}\n          // </div>\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Barcode\"\n                required\n                autoComplete=\"off\"\n                onInput={(e) =>\n                  changeNewStaffValueInput(\"barcode\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Barcode\"\n                ref={barcodeInp}\n                required\n                defaultValue={row.barcode}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.barcode\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount percent\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.new ? (\n              <input\n                placeholder=\"Discount percent\"\n                required\n                type={\"number\"}\n                autoComplete=\"off\"\n                min={0}\n                max={100}\n                onInput={(e) =>\n                  +e.currentTarget.value >= 100 ?\n                    changeNewStaffValueInput(\"discount\", '100') : +e.currentTarget.value < 0 ? changeNewStaffValueInput(\"discount\", '0') :\n                      changeNewStaffValueInput(\"discount\", e.currentTarget.value)\n                }\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : row.edit ? (\n              <input\n                placeholder=\"Discount percent\"\n                ref={gcNumberInp}\n                required\n                type={\"number\"}\n                min={0}\n                max={100}\n                defaultValue={`${row.discount}`}\n                autoComplete=\"off\"\n                style={{\n                  borderRadius: \"4px\",\n                  padding: \"13px 16px\",\n                  boxShadow: \"0 0 6px 0 rgba(0, 0, 0, 0.1)\",\n                }}\n              />\n            ) : (\n              row.discount\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Used/Maximum Spend Discount\",\n      omit: !useMaximumSpendDiscount,\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {!!row.used_maximum_spend_discount ? row.used_maximum_spend_discount+'/'+ maximumSpend : '0/'+ maximumSpend}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"Discount Issued\",\n      minWidth: \"150px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div>\n            {row.total_discount ? `${loggedUser?.user?.currency_symbol || '€'}${row.total_discount}`  : `${loggedUser?.user?.currency_symbol || '€'}0`}\n          </div>\n        );\n      },\n    },\n    {\n      name: \"\",\n      minWidth: \"50px\",\n      cell: (row: any): JSX.Element => {\n        return (\n          <div className=\"action\">\n            {!row.new && !row.edit ? (\n              <>\n                <button\n                  type=\"button\"\n                  className=\"edit\"\n                  onClick={() => {\n                    setEdinUser(row);\n                    row.edit = true\n                  }}\n                >\n                  <EditIcon/>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"delete\"\n                  onClick={() => deleteLocationStaffAsk(row.id)}\n                >\n                  <DeleteIcon/>\n                </button>\n              </>\n            ) : !row.new && row.edit ? (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => saveStaffMembers(row.id)}\n              >\n                Save\n              </button>\n            ) : (\n              <button\n                className=\"btn-blue-outline\"\n                style={{padding: \"10px 20px\", backgroundColor: \"transparent\"}}\n                onClick={() => addNewUserToLocation(row.id)}\n              >\n                Add\n              </button>\n            )}\n          </div>\n        );\n      },\n    },\n  ];\n  \n  const handleChangeRequestParameters = (\n    name: string,\n    value: string | number | Date\n  ) => {\n    setRequestParameters((prevState: any) => {\n      return { ...prevState, [name]: value };\n    });\n  };\n \n  function saveStaffMembers(id: any) {\n    setIsLoading(true);\n    let user = {\n      id: id,\n      card_number: barcodeInp?.current?.value.includes(`${barcodePrefix}`) ? barcodeInp?.current?.value.replace(`${barcodePrefix}`, '') : barcodeInp?.current?.value,\n      first_name: firstNameInp?.current?.value,\n      last_name: lastNameInp?.current?.value,\n      discount: +gcNumberInp?.current!.value >= 100 ? '100' : +gcNumberInp?.current!.value <= 0 ? '0' : gcNumberInp?.current?.value,\n    };\n    \n    editStaffDiscountMembersAxios(user)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n  const getMaximumSpendDiscountSetings = ()=>{\n    getMaximumSpendDiscountAxios().then(res=>{\n      setMaximumSpend(+res.data.maximumSpendValue || 0)\n      setUseMaximumSpendDiscount(res.data.usingMaximumSpend || false)\n    })\n  }\n  \n  function changeNewStaffValueInput(label: string, value: string) {\n    newStaff = {...newStaff, [label]: value};\n  }\n  \n  useEffect(() => {\n    setTimeout(() => {\n      if (\n        firstNameInp.current &&\n        lastNameInp.current &&\n        barcodeInp.current &&\n        employeeNumberInp.current &&\n        gcNumberInp.current\n      ) {\n        firstNameInp.current.value = editUser.first_name;\n        lastNameInp.current.value = editUser.last_name;\n        barcodeInp.current.value = editUser.barcode;\n        employeeNumberInp.current.value = editUser.employee_number;\n        gcNumberInp.current.value = editUser.gc_number;\n      }\n    }, 500);\n  }, [editUser]);\n  \n  function addStaffMembers() {\n    setNewUser(newStaff);\n    setStaffList((staffList: any) => (staffList = [newUser, ...staffList]));\n  }\n  \n  function deleteLocationStaffAsk(row: any) {\n    setIsLoading(true);\n    removeStaffDiscountMemberAxios({id: row})\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  }\n  \n  const getStaff = useCallback(() => {\n    setIsLoading(true);\n    getStaffDiscountLoyaltyCardAxios().then(res=>{\n      res.data.loyalty_card.staff_barcode_prefix && setBarcodePrefix(res.data.loyalty_card.staff_barcode_prefix)\n      res.data.loyalty_card.staff_barcode_prefix ? setHaveStaffCardModel(true) : setHaveStaffCardModel(false)\n    })\n    getAllStaffDiscountMembers({\n      ...requestParameters,\n      startDate: moment(dates.startDate).format(\"DD-MM-yyyy\"),\n      endDate: moment(dates.endDate).format( \"DD-MM-yyyy\")\n    })\n      .then((response) => {\n        setStaffList(response.data.workers);\n        \n        setStaffListInfo({\n          count_users: Number(response.data.count_workers),\n          limit: Number(response.data.limit),\n          page: Number(response.data.page),\n          total_pages_count: Number(response.data.total_pages_count),\n          total_users_count: Number(response.data.total_workers_count),\n          // searchType: Number(response.data.searchType),\n        });\n        \n        const reqDate = dates.startDate\n        if(response.data.startDate !== reqDate.format( 'yyyy-MM-DD')){\n          setDatesState({...dates, startDate: moment(new Date(response.data.startDate))});\n        }\n        setIsLoading(false);\n      })\n      .catch(() => setIsLoading(false));\n  },[dates, requestParameters]);\n  \n  useEffect(() => {\n    getStaff();\n  }, [requestParameters.page, requestParameters.location, requestParameters.sort_type, dates]);\n  \n  useEffect(() => {\n    if (requestParameters.search !== null) {\n      const timeout = setTimeout(() => {\n        getStaff();\n      }, 500);\n      \n      return () => clearTimeout(timeout);\n    }\n  }, [requestParameters.search]);\n  \n  useEffect(() => {\n    if (Number(requestParameters.page) === 1 && staffListInfo.limit !== 0) {\n      getStaff();\n    }\n  }, [requestParameters.limit]);\n  \n  const addNewUserToLocation = (id: any) => {\n    setIsLoading(true);\n    newStaff = {...newStaff, card_number: newStaff.barcode.includes(`${barcodePrefix}`) ? newStaff.barcode.replace(`${barcodePrefix}`, '') : newStaff.barcode, new: false};\n    addStaffDiscountMembersAxios(newStaff)\n      .then((response) => {\n        getStaff();\n        setIsLoading(false);\n        newStaff = newUser;\n      })\n      .catch(() => setIsLoading(false));\n  };\n \n  const getBase64 = (e: any) => {\n    const file = e.target.files[0];\n    let reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = function () {\n      setFileBase64(reader.result);\n    };\n    reader.onerror = function (error) {\n      console.log(\"Error: \", error);\n    };\n  };\n  \n  const handleImportStaffDiscountWorkers = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenImportForm(false);\n    importStaffDiscountWorkersAxios({\n      file: fileBase64,\n      // @ts-ignore\n      name: importInp!.current?.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n  \n  const setDates = (e: any, { startDate, endDate }: any) => {\n    endDate >= moment() && startDate >= moment() ? setDatesState({\n      startDate: moment(),\n      endDate: moment()\n    }) : endDate >= moment() &&  startDate <= moment() ? setDatesState({\n      startDate: startDate,\n      endDate: moment()\n    }) : setDatesState({\n      startDate: startDate,\n      endDate: endDate\n    });\n  };\n  \n  const handleBulkRemove = (e: any) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setOpenBulkRemoveForm(false);\n    \n    removeBulkStaffDiscountAxios({\n      file: fileBase64,\n      // @ts-ignore\n      name: removeInp!.current?.files[0].name,\n    })\n      .finally(() => {\n        setIsLoading(false);\n        getStaff();\n        setFileBase64(null)\n      });\n  };\n  \n  return (\n    <Wrapper>\n      <div className=\"page-title\">Staff members</div>\n      <div className=\"top-bar staff-top-bar\">\n        <div className=\"buttons-container\">\n          <div className=\"search-wrap\">\n            <Input\n              placeholder=\"Search...\"\n              defaultValue={requestParameters.search ? requestParameters.search : ''}\n              required\n              icon={<SearchIcon/>}\n              getValue={(value) =>\n                setRequestParameters({...requestParameters, search: value})\n              }\n            />\n          </div>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            disabled={!haveStaffCardModel}\n            style={{marginBottom: \"12px\"}}\n            onClick={() => addStaffMembers()}\n          >\n            Add New Member\n            {!haveStaffCardModel ?\n              <InfoTooltip infoText={'To add a member, first configure the Staff card model!'}/> : null}\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => setOpenImportForm(!openImportForm)}\n          >\n            Import from File\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-white staff-add-btn\"\n            style={{marginBottom: \"12px\"}}\n            onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n          >\n            Bulk Remove\n          </button>\n        </div>\n        \n        <div className=\"filter-container\">\n          <div className=\"groups-wrap\">\n            <Select\n              placeholder=\"Arrange Customer List\"\n              selectorList={arrangeCustomerSelect}\n              positionForShow=\"bottom\"\n              defaultValue={arrangeCustomerSelect[0]}\n              required\n              getValue={(value) =>\n                handleChangeRequestParameters(\"sort_type\", value)\n              }\n              hideSelectorFilter\n            />\n          </div>\n          <div className=\"locations-wrap\">\n            <Select\n              placeholder=\"All Locations\"\n              selectorList={locations}\n              disabled={!(locations.length > 0)}\n              positionForShow=\"bottom\"\n              required\n              isClearable\n              getValue={(value) => handleChangeRequestParameters(\"location\", value)}\n              hideSelectorFilter\n            />\n          </div>\n          <div className=\"calendar-wrap\">\n            <DateRangePicker\n              onApply={setDates}\n              initialSettings={{ranges: ranges }}\n            >\n              <div className={'isSelect select'}>\n                <CalendarIcon/>\n                <input\n                  type=\"text\"\n                  value={dates.startDate.format(\"MMM D, YYYY\") + \"-\" + dates.endDate.format(\"MMM D, YYYY\")}\n                  onChange={(e) => {\n                    setDates(e, dates)\n                  }}\n                  className=\"form-control\"\n                />\n              </div>\n            \n            </DateRangePicker>\n          </div>\n        </div>\n      </div>\n      {openImportForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openImportForm}\n               setOpenModal={() => setOpenImportForm(!openImportForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleImportStaffDiscountWorkers(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{marginBottom: \"30px\", textAlign: 'center'}}>\n              Please choose a file from your drive to upload to the dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '10px', objectFit: 'contain', width: '100%'}}\n                 src={REACT_APP_API_URL + \"/img/examples/staff_import_westmorland.png\"} alt=\"example\"/>\n            <p style={{color: 'red', marginBottom: '20px'}}>I.D. Column is not mandatory</p>\n            <input\n              ref={importInp}\n              type=\"file\"\n              name=\"file\"\n              style={{marginBottom: \"20px\"}}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{marginTop: \"20px\"}}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n                onClick={() => setOpenImportForm(!openImportForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n              >\n                Submit\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      {openBulkRemoveForm && (\n        <Modal style={{maxWidth: '700px'}} openModal={openBulkRemoveForm}\n               setOpenModal={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}>\n          <form\n            encType=\"multipart/form-data\"\n            className={\"form-file\"}\n            onSubmit={(e) => handleBulkRemove(e)}\n          >\n            <h3>Import your File</h3>\n            <p style={{marginBottom: \"30px\", textAlign: 'center'}}>\n              Please select a file from your drive to remove staff members from dashboard in xls format.\n            </p>\n            <p style={{color: 'red', marginBottom: '5px'}}>Example</p>\n            <img style={{marginBottom: '20px', objectFit: 'contain', width: '100%'}}\n                 src={REACT_APP_API_URL + \"/img/examples/staff_import_westmorland.png\"}\n                 alt=\"example\"/>\n            <p style={{color: 'red', marginBottom: '20px'}}>I.D. Column is not mandatory</p>\n            <input\n              type=\"file\"\n              name=\"file\"\n              ref={removeInp}\n              style={{marginBottom: \"20px\"}}\n              id=\"file\"\n              accept=\".xlsx\"\n              onChange={(e: any) => getBase64(e)}\n            />\n            <div style={{marginTop: \"20px\"}}>\n              <button\n                type=\"button\"\n                className=\"btn-red staff-add-btn\"\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n                onClick={() => setOpenBulkRemoveForm(!openBulkRemoveForm)}\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                className=\"btn-white staff-add-btn\"\n                disabled={!fileBase64}\n                style={{marginBottom: \"12px\", marginRight: \"20px\"}}\n              >\n                Remove\n              </button>\n            </div>\n          </form>\n        </Modal>\n      )}\n      <div className={`table-wrap ${isLoading ? \"loading-blue\" : \"\"}`}>\n        <div className=\"table\">\n          <DataTable\n            noHeader\n            columns={staffMembersTableColumns}\n            data={staffList}\n            expandableRows\n            expandableRowsComponent={\n              <StaffFamilyTable data={staffList} getCustomerList={getStaff}/>\n            }\n          />\n          <Pagination\n            {...staffListInfo}\n            requestLimit={requestParameters.limit}\n            setRequestParamtrs={setRequestParameters}\n          />\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default StaffMembersWithBadgeBarcode;\n","import styled from \"styled-components\";\nimport \"bootstrap-daterangepicker/daterangepicker.css\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n    .heading {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: flex-start;\n        margin-bottom: 6px;\n    }\n    .main-content{\n        .table{\n            \n            &-edit{\n                &>div{\n                    padding-bottom: 150px;\n                    overflow-y: visible;\n                }\n            }\n            .rdt_Table{\n                background-color: transparent;\n                .rdt_TableHead{\n                    .rdt_TableHeadRow{\n                        background: none;\n                        border: none;\n                    }\n                }\n                .rdt_TableBody{\n                    padding: 5px;\n                    .rdt_TableRow{\n                        padding: 12px 0 0;\n                        .rdt_TableCell{\n                            align-self: flex-start;\n                            \n                            .select{\n                                margin-bottom: 12px;\n                                input {\n                                    height: 49px;\n                                    box-sizing: border-box;\n                                }\n                            }\n                            .buttons{\n                                width: 100%;\n                                max-width: 135px;\n                                display: flex;\n                                justify-content: space-between;\n                                align-items: center;\n                                button{\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n                                    \n                                }\n                                .save-btn{\n                                    .icon{\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        margin-right: 5px;\n                                    }\n                                }\n                            }\n                            .lock-icon-wrap{\n                                bottom: 24px;\n                            }\n                        }\n                        \n                    }\n                    .rdt_ExpanderRow{\n                        margin-bottom: 5px;\n                    }\n                }\n            }\n            \n        }\n    }\n  \n`;\n\nexport { Wrapper };\n","import styled from \"styled-components\";\nimport \"bootstrap-daterangepicker/daterangepicker.css\";\n\nconst Wrapper = styled.div`\n.buttons-container{\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 20px;\n    padding: 20px;\n    button{\n        width: 300px;\n    }\n}\n    .main-content{\n        .table{\n            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);\n            padding: 5px;\n            &-edit{\n                &>div{\n                    padding-bottom: 150px;\n                    overflow-y: visible;\n                }\n            }\n            .rdt_Table{\n                background-color: transparent;\n                .rdt_TableHead{\n                    .rdt_TableHeadRow{\n                        background: none;\n                        border: none;\n                    }\n                }\n                .rdt_TableBody{\n                    .rdt_TableRow{\n                        padding: 12px 0 0;\n                        .rdt_TableCell{\n                            align-self: flex-start;\n\n                            .select{\n                                margin-bottom: 12px;\n                                input {\n                                    height: 49px;\n                                    box-sizing: border-box;\n                                }\n                            }\n                            .buttons{\n                                width: 100%;\n                                max-width: 135px;\n                                display: flex;\n                                justify-content: space-between;\n                                align-items: center;\n                                button{\n                                    display: flex;\n                                    align-items: center;\n                                    justify-content: center;\n\n                                }\n                                .save-btn{\n                                    .icon{\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        margin-right: 5px;\n                                    }\n                                }\n                            }\n                            .lock-icon-wrap{\n                                bottom: 24px;\n                            }\n                        }\n                        \n                    }\n                    .rdt_ExpanderRow{\n                        margin-bottom: 5px;\n                    }\n                }\n            }\n\n        }\n    }\n`;\n\nexport { Wrapper };\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport {Wrapper} from \"./styled\";\nimport {ConditionChildren, ConditionRequest, ConditionResponse, Conditions} from \"../../../types/conditions\";\nimport DataTable from \"react-data-table-component\";\nimport Input from \"../../../components/Input\";\nimport {ReactComponent as CheckCircle} from \"../../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../../assets/img/delete.svg\";\nimport Select from \"../../../components/Select\";\nimport {ConditionsFieldsList, ConditionsLogicOperatorList, ConditionsOperatorList} from \"../../../utils/helper\";\nimport {updateConditionsAxios} from \"../../../api/conditions\";\n\ninterface IConditionsChildren {\n  conditionsItem: any,\n  setConditions?: any,\n  conditions?: any,\n  selectedId?: number,\n  level: number,\n  expandedPath: number[],\n  setExpandedPath: any,\n  key?: string;\n  getAllConditions: any,\n  selectedIndex: number,\n  setSelectedIndex: any\n}\n\nconst ConditionsChildrens = ({\n                               conditionsItem,\n                               setConditions,\n                               conditions,\n                               expandedPath,\n                               setExpandedPath,\n                               selectedIndex,\n                               setSelectedIndex,\n                               level,\n                               selectedId,\n                               getAllConditions\n                             }: IConditionsChildren) => {\n  const [childrenList, setChildrenList] = useState<ConditionChildren | null>(null);\n  const [selectedCondition, setSelectedCondition] = useState<any>(conditionsItem);\n  const [edit, setEdit] = useState<boolean>(false);\n  const [updatedCondition, setUpdateCondition] = useState<ConditionResponse>(conditions);\n  \n  const addNewCondition = () => {\n    setEdit(true);\n    const newCondition: Conditions = {\n      field: 'location',\n      operator: '=',\n      value: '',\n      edit: true\n    }\n    setSelectedCondition({...selectedCondition, conditions: [...selectedCondition.conditions, newCondition]})\n  }\n  const addNewChildren = () => {\n    setEdit(true);\n    const newChildren: ConditionChildren = {\n      conditions: [],\n      children: [],\n      logic_operator: 'AND',\n      edit: true\n    }\n    setSelectedCondition({...selectedCondition, children: [...selectedCondition.children, newChildren]})\n  }\n  \n  const updateNodeByDepth = useCallback((obj: any, targetDepth: any, currentDepth = 0, updateFn: any) => {\n    if (currentDepth === targetDepth) {\n      return updateFn(obj);\n    }\n    if (Array.isArray(obj.children)) {\n      return {\n        ...obj,\n        children: [...obj.children.map((child: any, i: number) =>\n          i === expandedPath[currentDepth + 1] ? updateNodeByDepth(child, targetDepth, currentDepth + 1, updateFn) : child\n        )],\n      };\n    }\n    \n    return obj;\n  }, [expandedPath]);\n  \n  const updateRequest = useCallback(() => {\n    updateConditionsAxios(updateNodeByDepth(conditions, level, 0, (node: any) => ({...selectedCondition}))).then(res => {\n      getAllConditions()\n      setUpdateCondition(res.data)\n    }).finally(() => {\n      setEdit(false);\n    })\n  }, [conditions, getAllConditions, level, selectedCondition, updateNodeByDepth])\n  \n  useEffect(() => {\n    setUpdateCondition(conditions)\n    setSelectedCondition(conditionsItem)\n  }, [conditions, conditionsItem]);\n  \n  const saveEditCondition = useCallback((index: number) => {\n    setSelectedCondition({\n      ...selectedCondition,\n      conditions: [...selectedCondition.conditions.map((condition: Conditions, i: number) => i === index ? {\n        ...condition,\n        edit: false\n      } : condition)]\n    });\n    updateRequest()\n    \n  }, [selectedCondition, updateRequest])\n  \n  const saveEditChildren = useCallback((index: number) => {\n    setSelectedCondition({\n      ...selectedCondition,\n      children: [...selectedCondition.children.map((children: ConditionChildren, i: number) => i === index ? {\n        ...children,\n        edit: false\n      } : children)]\n    });\n    updateRequest()\n  }, [selectedCondition, updateRequest])\n  \n  \n  const editCondition = useCallback((index: number) => {\n    setEdit(true)\n    setSelectedCondition({\n      ...selectedCondition,\n      conditions: [...selectedCondition.conditions.map((condition: Conditions, i: number) => i === index ? {\n        ...condition,\n        edit: true\n      } : condition)]\n    });\n  }, [selectedCondition])\n  \n  const deleteCondition = useCallback((index: number) => {\n    setSelectedCondition({\n      ...selectedCondition,\n      conditions: [...selectedCondition.conditions.filter((item: any, i: number) => i !== index)]\n    });\n    updateConditionsAxios(updateNodeByDepth(conditions, level, 0, (node: any) => ({\n      ...selectedCondition,\n      conditions: [...selectedCondition.conditions.filter((item: any, i: number) => i !== index)]\n    }))).then(res => {\n      getAllConditions()\n      setUpdateCondition(res.data)\n    }).finally(() => {\n      setEdit(false);\n    })\n  }, [conditions, getAllConditions, level, selectedCondition, updateNodeByDepth])\n  \n  const editChildren = useCallback((index: number) => {\n    setEdit(true)\n    setSelectedCondition({\n      ...selectedCondition,\n      children: [...selectedCondition.children.map((children: ConditionChildren, i: number) => i === index ? {\n        ...children,\n        edit: true\n      } : children)]\n    });\n  }, [selectedCondition])\n  \n  const deleteChildren = useCallback((index: number) => {\n    setSelectedCondition({\n      ...selectedCondition,\n      children: [...selectedCondition.children.filter((item: any, i: number) => i !== index)]\n    });\n    updateConditionsAxios(updateNodeByDepth(conditions, level, 0, (node: any) => ({\n      ...selectedCondition,\n      children: [...selectedCondition.children.filter((item: any, i: number) => i !== index)]\n    }))).then(res => {\n      getAllConditions()\n      setUpdateCondition(res.data)\n    }).finally(() => {\n      setEdit(false);\n    })\n  }, [conditions, getAllConditions, level, selectedCondition, updateNodeByDepth])\n  \n  const conditionsColumns = [\n    {\n      name: \"Condition Value\",\n      width: \"25%\",\n      cell: (item: Conditions): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.value}\n            required\n            disabled={!item.edit}\n            getValue={(value: any) => item.value = value}\n          />\n        );\n      }\n    },\n    {\n      name: \"Condition Operator\",\n      maxWidth: \"25%\",\n      cell: (item: Conditions): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={ConditionsOperatorList}\n            positionForShow=\"bottom\"\n            required\n            disabled={!item.edit}\n            defaultValue={ConditionsOperatorList.filter((stamp: any) => stamp.value === item.operator)[0] || ConditionsOperatorList[0]}\n            getValue={(value: any) => item.operator = `${value}`}\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"Condition Discount\",\n      maxWidth: \"25%\",\n      cell: (item: Conditions): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={ConditionsFieldsList}\n            positionForShow=\"bottom\"\n            required\n            disabled={!item.edit}\n            defaultValue={ConditionsFieldsList.filter((stamp: any) => stamp.value === item.field)[0] || ConditionsFieldsList[0]}\n            getValue={(value: any) => item.field = `${value}`}\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"180px\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit ?\n              <button className=\"btn-white edit-condition save-btn\" onClick={() => saveEditCondition(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={edit} className=\"btn-white edit-condition\" onClick={() => editCondition(index)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => deleteCondition(index)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  const childrenColumns = [\n    {\n      name: \"Condition Operator\",\n      maxWidth: \"20%\",\n      cell: (item: ConditionChildren): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={ConditionsLogicOperatorList}\n            positionForShow=\"bottom\"\n            required\n            disabled={!item.edit}\n            defaultValue={ConditionsLogicOperatorList.filter((stamp: any) => stamp.value === item.logic_operator)[0] || ConditionsLogicOperatorList[0]}\n            getValue={(value: any) => item.logic_operator = `${value}`}\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"180px\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit ?\n              <button className=\"btn-white edit-condition save-btn 1\" onClick={() => saveEditChildren(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={edit} className=\"btn-white edit-condition\" onClick={() => editChildren(index)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={edit} className=\"btn-white remove-category\" onClick={() => deleteChildren(index)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          </div>\n        );\n      }\n    }\n  ];\n  \n  const changePath = (path: number, pathLevel: number) => {\n    expandedPath.length = pathLevel\n    const pathArr = expandedPath.length === pathLevel ? [...expandedPath, path] : [...expandedPath.map((item: number, i: number) => i === pathLevel ? path : item)]\n    setExpandedPath(pathArr);\n  }\n  \n  return (\n    <Wrapper>\n      {selectedCondition?.conditions.length === 0 && selectedCondition?.children.length === 0 ? (\n        <div className={'buttons-container'}>\n          <button\n            type=\"button\"\n            disabled={edit}\n            className=\"btn-blue\"\n            style={{marginBottom: \"12px\"}}\n            onClick={addNewChildren}\n          >\n            Add new Children\n          </button>\n          <button\n            type=\"button\"\n            className=\"btn-blue\"\n            disabled={edit}\n            style={{marginBottom: \"12px\"}}\n            onClick={addNewCondition}\n          >\n            Add new Condition\n          </button>\n        </div>) : (selectedCondition!.conditions?.length > 0) ? (<div className={'buttons-container'}>\n        <button\n          type=\"button\"\n          className=\"btn-blue\"\n          disabled={edit}\n          style={{marginBottom: \"12px\"}}\n          onClick={addNewCondition}\n        >\n          Add new Condition\n        </button>\n      </div>) : (<div className={'buttons-container'}>\n        <button\n          type=\"button\"\n          className=\"btn-blue\"\n          disabled={edit}\n          style={{marginBottom: \"12px\"}}\n          onClick={addNewChildren}\n        >\n          Add new Children\n        </button>\n      </div>)}\n      <div className=\"main-content\">\n        {selectedCondition!.conditions.length > 0 ? (\n          <>\n            <div className={edit ? 'table table-edit' : \"table\"}>\n              <DataTable\n                noHeader\n                columns={conditionsColumns}\n                data={selectedCondition!.conditions}\n              />\n            </div>\n          </>\n        ) : selectedCondition.children.length > 0 ? (<>\n          <div className={edit ? 'table table-edit' : \"table\"}>\n            <DataTable\n              noHeader\n              columns={childrenColumns}\n              data={selectedCondition.children}\n              expandableRows\n              expandableRowExpanded={(row) => (row === childrenList)}\n              onRowExpandToggled={(bool, row) => {\n                setChildrenList(row)\n                setSelectedIndex(selectedCondition.children.findIndex((item: any) => item === row))\n                bool && changePath(selectedCondition.children.findIndex((item: any) => item === row), level + 1)\n              }}\n              expandableRowsComponent={\n                <ConditionsChildrens conditionsItem={childrenList} setConditions={setConditions} level={level + 1}\n                                     setSelectedIndex={setSelectedIndex}\n                                     selectedIndex={selectedIndex} expandedPath={expandedPath}\n                                     setExpandedPath={setExpandedPath}\n                                     conditions={updatedCondition} selectedId={selectedId}\n                                     getAllConditions={getAllConditions}/>\n                \n              }\n            />\n          </div>\n        </>) : (\n          <div className=\"nothing-found\">Sorry, nothing found</div>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default ConditionsChildrens;\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport {Wrapper} from \"./styled\";\nimport { ConditionResponse} from \"../../types/conditions\";\nimport {\n  createConditionsAxios,\n  deleteConditionsAxios,\n  getAllConditionsAxios,\n  updateConditionsAxios\n} from \"../../api/conditions\";\nimport DataTable from \"react-data-table-component\";\nimport {ReactComponent as CheckCircle} from \"../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../assets/img/delete.svg\";\nimport Input from \"../../components/Input\";\nimport Select from \"../../components/Select\";\nimport {ConditionsActionList, ConditionsLogicOperatorList} from \"../../utils/helper\";\nimport ConditionsChildrens from \"./ConditionsChildren/ConditionsChildrens\";\n\nconst Conditions = () => {\n  const [pageLoading, setPageLoading] = useState<boolean>(false);\n  const [listRow, setListRow] = useState<ConditionResponse | null>(null);\n  const [conditions, setConditions] = useState<ConditionResponse[]>([]);\n  const [edit, setEdit] = useState<boolean>(false);\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const [expandedPath, setExpandedPath] = useState<any[]>([]);\n  \n  const getAllConditions = useCallback(() => {\n    setPageLoading(true)\n    getAllConditionsAxios().then((data) => {\n      setConditions(data.data.length > 0 ? data.data : []);\n    }).finally(() => {\n      setPageLoading(false)\n    })\n  }, [])\n  \n  useEffect(() => {\n    getAllConditions()\n  }, [getAllConditions])\n  \n  const addNewConditionRule = () => {\n    const newItem = {\n      name: \"\",\n      id: 0,\n      edit: true,\n      logic_operator: \"AND\",\n      conditions: [],\n      children: [],\n      action: \"percent\",\n      discount: 0\n    }\n    setEdit(true)\n    setConditions([...conditions, newItem])\n  }\n  \n  const saveEditConditionRules = useCallback((item: ConditionResponse) => {\n    setPageLoading(true)\n    updateConditionsAxios(item).then((data) => {\n      getAllConditions()\n    }).catch(err => {\n      console.log(err)\n    }).finally(() => {\n      setPageLoading(false);\n      setEdit(false);\n    })\n    \n  }, [getAllConditions])\n  \n  const createNewConditionRules = useCallback((index: number) => {\n    setPageLoading(true)\n    createConditionsAxios({...conditions[index]}).then((res) => {\n      getAllConditions()\n    }).finally(() => {\n      setPageLoading(false);\n      setEdit(false);\n    })\n    \n  }, [conditions, getAllConditions])\n  \n  const editConditionRules = useCallback((id: number) => {\n    setEdit(true)\n    setConditions([...conditions.map(item => item.id === id ? {...item, edit: true} : item)])\n  }, [conditions])\n  \n  const removeConditionRules = useCallback((id: number) => {\n    deleteConditionsAxios({id}).then(res => {\n      getAllConditions()\n    }).catch(err => {\n      console.log(err)\n    })\n  }, [getAllConditions])\n  \n  \n  const conditionsColumns = [\n    {\n      name: \"Condition Name\",\n      width: \"20%\",\n      cell: (item: ConditionResponse): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.name}\n            disabled={!item.edit}\n            required\n            getValue={(value) => item.name = value}\n          />\n        );\n      }\n    },\n    {\n      name: \"Condition Logic Operator\",\n      maxWidth: \"20%\",\n      cell: (item: ConditionResponse): JSX.Element => {\n        return (\n          <Select\n            placeholder=\"Select stamp Icon\"\n            selectorList={ConditionsLogicOperatorList}\n            positionForShow=\"bottom\"\n            disabled={!item.edit}\n            required\n            defaultValue={ConditionsLogicOperatorList.filter(stamp => stamp.value === item.logic_operator)[0] || ConditionsLogicOperatorList[0]}\n            getValue={(value) => item.logic_operator = `${value}`}\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"Condition Discount\",\n      maxWidth: \"20%\",\n      cell: (item: ConditionResponse): JSX.Element => {\n        return (\n          <Input\n            defaultValue={item.discount}\n            disabled={!item.edit}\n            required={item.discount === 0}\n            type={'number'}\n            getValue={(value) => item.discount = +value}\n          />\n        );\n      }\n    },\n    {\n      name: \"Condition Action\",\n      maxWidth: \"20%\",\n      cell: (item: ConditionResponse): JSX.Element => {\n        return (<Select\n            placeholder=\"Select stamp Icon\"\n            disabled={!item.edit}\n            selectorList={ConditionsActionList}\n            positionForShow=\"bottom\"\n            required\n            defaultValue={ConditionsActionList.filter(stamp => stamp.value === item.action)[0] || ConditionsActionList[0]}\n            getValue={(value) => item.action = `${value}`}\n            hideSelectorFilter\n          />\n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"180px\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\">\n            {item.edit && item.id ?\n              <button className=\"btn-white edit-condition save-btn\" onClick={() => saveEditConditionRules(item)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ?\n                <button className=\"btn-white edit-condition save-btn\" onClick={() => createNewConditionRules(index)}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                  <span>Save</span>\n                </button> : <>\n                  <button disabled={edit} className=\"btn-white edit-condition\"\n                          onClick={() => editConditionRules(item.id)}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                  </button>\n                  <button disabled={edit} className=\"btn-white remove-category\"\n                          onClick={() => removeConditionRules(item.id)}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                  </button>\n                </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  return (\n    <Wrapper className={`${pageLoading ? \"loading-blue\" : \"\"}`}>\n      <div className=\"heading\">\n        <div className=\"page-title\">Discount Conditions</div>\n        <div className=\"top-bar staff-top-bar\">\n          <button\n            type=\"button\"\n            className=\"btn-blue\"\n            disabled={edit}\n            style={{marginBottom: \"12px\"}}\n            onClick={addNewConditionRule}\n          >\n            Add new Condition Rules\n          </button>\n        </div>\n      </div>\n      \n      <div className=\"main-content\">\n        {conditions.length > 0 ? (\n          <>\n            <div className={edit ? 'table table-edit' : \"table\"}>\n              <DataTable\n                noHeader\n                columns={conditionsColumns}\n                data={conditions}\n                expandableRows\n                expandableRowExpanded={(row) => (row.id === listRow?.id)}\n                onRowExpandToggled={(bool, row) => {\n                  setListRow(row)\n                  setSelectedIndex(conditions.findIndex(item => item === row))\n                  setExpandedPath([expandedPath[0] = conditions.findIndex(item => item === row)])\n                }}\n                expandableRowsComponent={\n                  <ConditionsChildrens conditionsItem={listRow} setSelectedIndex={setSelectedIndex}\n                                       expandedPath={expandedPath}\n                                       setExpandedPath={setExpandedPath}\n                                       selectedIndex={selectedIndex} getAllConditions={getAllConditions} level={0}\n                                       conditions={listRow} selectedId={listRow?.id ?? 0}\n                                       setConditions={setConditions}/>\n                }\n              />\n            </div>\n          </>\n        ) : (\n          <div className=\"nothing-found\">Sorry, nothing found</div>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n\nexport default Conditions;\n","import styled from \"styled-components\";\nimport { Color } from \"src/types/color\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n    .stamp-based-wrapper {\n        width: 100%;\n        flex-direction: row;\n        align-items: start;\n        justify-content: space-between;\n        position: relative;\n        .header {\n            flex-direction: column;\n            width: 70%;\n            .header-tab {\n                height: auto;\n                display: flex;\n                justify-content: flex-start;\n                gap: 2%;\n\n                .column {\n                    width: 25%;\n                }\n            }\n            .stamp-based-form {\n                display: flex;\n                justify-content: space-between;\n                .table {\n                    width: 100%;\n                    .rdt_TableRow{\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: center;\n                        padding: 12px 0 0;\n                        gap: 2%;\n\n                        .sc-idiyUo{\n                            position: absolute;\n                            z-index: 9999;\n                            left: -10px;\n                            margin-bottom: 12px;\n                        }\n                        .rdt_TableCell{\n                            width: 25%;\n                            padding-left: 0;\n                            &>div{\n                                width: 100%;\n                                input{\n                                    width: 80%;\n                                    padding-right: 40px;\n                                }\n\n                            }\n                            .select{\n                                margin-bottom: 12px;\n                            }\n                            &:nth-last-child(1){\n                                width: 8.5%;\n                                margin-bottom: 12px;\n                                .buttons{\n                                    display: flex;\n                                    justify-content: space-between;\n                                    align-items: center;\n                                    button{\n                                        width: 45%;\n                                        padding: 7.5px 15px;\n                                        display: flex;\n                                        justify-content: center;\n                                        align-items: center;\n                                    }\n                                    .save-btn{\n                                        width: 100%;\n                                        padding: 9.5px 10px;\n                                    }\n                                }\n\n                            }\n                        }\n                    }\n\n\n\n                }\n                .table-edit{\n                    &>div{\n                        padding-bottom: 90px;\n                        .select{\n                            .bottom{\n                                max-height: 80px;\n                                width: 120%;\n                            }\n                        }\n                    }\n                }\n                .modal-content{\n                    text-align: center;\n                    padding: 60px 50px;\n                    @media (max-width: 600px) {\n                        padding: 30px 15px;\n                    }\n                    .title {\n                        color: ${Color.blueDarkText};\n                        font-size: 30px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                    .sub-title{\n                        color: ${Color.blueDarkText};\n                        font-size: 25px;\n                        font-weight: 500;\n                        line-height: 38px;\n                        text-align: center;\n                        @media (max-width: 600px) {\n                            font-size: 23px;\n                            line-height: 28px;\n                        }\n                    }\n                }\n            }\n        }\n\n    }\n    .header {\n        display: flex;\n        align-items: stretch;\n        //justify-content: space-between;\n        margin-bottom: 15px;\n        gap: 15px;\n        .column {\n            width: 11.4%;\n\n            //.column-group{\n            //  display: flex;\n            //  //justify-content: space-between;\n            //  flex-wrap: nowrap;\n            //  gap: 15px;\n            //  .column {\n            //    width: 50%;\n            //  }\n            //}\n            .page-title {\n                font-size: 16px;\n                margin: 0 0 10px 0;\n                line-height: normal;\n            }\n            .description{\n                font-size: 12px;\n                line-height: normal;\n            }\n            //&:nth-last-child(2){\n            //  width: 29%;\n            //}\n\n        }\n        .column_buttons {\n            width: 10%;\n        }\n    }\n\n    .content {\n        display: flex;\n        flex-direction: column;\n        align-items: inherit;\n        padding-top: 20px;\n        width: 100%;\n        .item{\n            display: flex;\n            justify-content: space-between;\n            &>div{\n                width: 15%;\n                input{\n                    width: 70%;\n                    padding-right: 40px;\n                }\n                &:nth-last-child(1){\n                    width: 8.5%;\n                    margin: 0;\n                }\n            }\n\n        }\n    }\n    .add-stampCategory{\n        margin: 5px 2px;\n        width: 30%;\n        justify-self: start;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        .icon {\n            margin-right: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            svg {\n                width: 23px;\n                height: 23px;\n            }\n        }\n    }\n`;\n\nexport { Wrapper };\n","import React, {useEffect, useState} from 'react';\nimport {Wrapper} from \"./styled\";\nimport PosCategoryColumn from \"../../../components/PosCategoryColumnWrapper/PosCategoryColumn\";\n\nimport {ReactComponent as CirclePlus} from \"../../../assets/img//circle-plus.svg\";\nimport {ReactComponent as CheckCircle} from \"../../../assets/img/checkCircle.svg\";\nimport {ReactComponent as Edit} from \"../../../assets/img/edit.svg\";\nimport {ReactComponent as Delete} from \"../../../assets/img/delete.svg\";\nimport DataTable from \"react-data-table-component\";\nimport PosTabWrapper from \"../../../components/PosTabWrapper\";\nimport Select from \"../../../components/Select\";\nimport Input from \"../../../components/Input\";\nimport {getPosStampCategoryAxios} from \"../../../api/posTerminals\";\nimport {\n  getAllSellersToLoyaltyRewards,\n  getAllSiteLoyaltyRewards,\n  removeSiteLoyaltyReward,\n  setNewSiteLoyaltyReward, SitePosRulesEnum\n} from \"../../../api/sitePosRule\";\nimport {CBETypes} from \"../../../utils/helper\";\n\nconst InnovaPosRules = () => {\n  const [loyaltyCash, setLoyaltyCash] = useState<any>([])\n  const [discountRules, setDiscountRules] = useState<any>([])\n  const [posRulesSelectList, setPosRulesSelectList] = useState<any[]>([])\n  const [sellersSelectList, setSellersSelectList] = useState<any[]>([])\n  const loyaltyColumnList = [\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={sellersSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.site_id !== '' ? sellersSelectList.find(rule => rule.value === item.site_id) : sellersSelectList[0]}\n              required\n              hideSelectorFilter\n              disabled={!item.edit || (item.edit && item.id !== 'new')}\n              getValue={(value) => {\n                item.site_id = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.coupon}`}\n              required\n              getValue={(value) => item.coupon = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    }, {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.description}`}\n              required\n              getValue={(value) => item.description = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    },\n    \n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            {item.edit && item.id !== 'new' ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveEditItem(SitePosRulesEnum.LOYALTY, item.id)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveNewItem(SitePosRulesEnum.LOYALTY, index)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={false} className=\"btn-white edit-category\" onClick={() => {\n                  setEditItem(SitePosRulesEnum.LOYALTY, item.id)\n                }}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={false} className=\"btn-white remove-category\" onClick={() => {\n                  removeItem(item.id)\n                }}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  const discountColumnList = [\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={sellersSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.site_id !== '' ? sellersSelectList.find(rule => rule.value === item.site_id) : sellersSelectList[0]}\n              required\n              hideSelectorFilter\n              disabled={!item.edit || (item.edit && item.id !== 'new_discount')}\n              getValue={(value) => {\n                item.site_id = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.coupon}`}\n              required\n              getValue={(value) => item.coupon = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    }, {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Input\n              defaultValue={`${item.description}`}\n              required\n              getValue={(value) => item.description = value}\n              disabled={!item.edit}\n            />\n          </div>\n        \n        );\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"25%\",\n      cell: (item: any): JSX.Element => {\n        return (\n          <div style={item.edit ? {paddingBottom: '200px'} : {}}>\n            <Select\n              selectorList={posRulesSelectList}\n              positionForShow={\"bottom\"}\n              defaultValue={item.product_group === '' ? posRulesSelectList[0] : posRulesSelectList.find(rule => rule.value === item.product_group)}\n              required\n              hideSelectorFilter\n              disabled={!item.edit}\n              getValue={(value) => {\n                item.product_group = value\n              }}\n            />\n          </div>\n        \n        )\n          ;\n      }\n    },\n    {\n      name: \"\",\n      maxWidth: \"7.5%\",\n      cell: (item: any, index: number): JSX.Element => {\n        \n        return (\n          <div className=\"buttons\" data-tag=\"allowRowEvents\" style={item.edit ? {paddingBottom: '200px'} : {}}>\n            {item.edit && item.id !== 'new_discount' ?\n              <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveEditItem(SitePosRulesEnum.DISCOUNT, item.id)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button>\n              : item.edit ? <button className=\"btn-white edit-category save-btn\" onClick={() => {\n                saveNewItem(SitePosRulesEnum.DISCOUNT, index)\n              }}>\n                    <span className=\"icon\">\n                      <CheckCircle/>\n                    </span>\n                <span>Save</span>\n              </button> : <>\n                <button disabled={false} className=\"btn-white edit-category\" onClick={() => {\n                  setEditItem(SitePosRulesEnum.DISCOUNT, item.id)\n                }}>\n                      <span className=\"icon\">\n                        <Edit/>\n                      </span>\n                </button>\n                <button disabled={false} className=\"btn-white remove-category\" onClick={() => {\n                  removeItem(item.id)\n                }}>\n                      <span className=\"icon\">\n                      <Delete/>\n                      </span>\n                </button>\n              </>}\n          \n          </div>\n        );\n      }\n    }\n  ];\n  \n  useEffect(() => {\n    getPosStampCategoryAxios().then((res) => {\n      setPosRulesSelectList([...res.data.map((item: any) => item = {value: item.id, label: item.product_group})])\n    })\n    getAllSellersToLoyaltyRewards().then((res) => {\n      setSellersSelectList([...res.sites.map((item: any) => item = {value: item.id, label: item.email})])\n    })\n    getAllRewardsHandler()\n  }, [])\n  \n  const getAllRewardsHandler = () => {\n    getAllSiteLoyaltyRewards({cbeType: CBETypes.innova}).then(res => {\n      setLoyaltyCash(res.loyalty_rules.map((item: any) => item = {\n        id: item.id,\n        site_id: item.site.id,\n        coupon: item.coupon,\n        description: item.description,\n        type: item.type\n      }))\n      setDiscountRules(res.discount_rules.map((item: any) => item = {\n        id: item.id,\n        site_id: item.site.id,\n        coupon: item.coupon,\n        description: item.description,\n        type: item.type,\n        product_group: item.product_group.id\n      }))\n      \n    })\n  }\n  \n  const addNewItem = (type: number) => {\n    type === SitePosRulesEnum.LOYALTY ? (\n      setLoyaltyCash([...loyaltyCash, {\n        edit: true,\n        id: 'new',\n        site_id: sellersSelectList[0].value || '',\n        coupon: '',\n        description: ''\n      }])\n    ) : (\n      setDiscountRules([...discountRules, {\n        edit: true,\n        id: 'new_discount',\n        site_id: sellersSelectList[0].value || '',\n        coupon: '',\n        description: '',\n        product_group: posRulesSelectList[0].value || ''\n      }])\n    )\n  }\n  \n  const saveNewItem = (type: number, index: number) => {\n    if (type === SitePosRulesEnum.LOYALTY) {\n      const requestData = {\n        ...loyaltyCash[index],\n        type: type,\n        id: 'new',\n        cbeType: CBETypes.innova\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    } else {\n      const requestData = {\n        ...discountRules[index],\n        type: type,\n        id: 'new',\n        cbeType: CBETypes.innova\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    }\n    \n    \n  }\n  \n  const saveEditItem = (type: number, id: number) => {\n    if (type === SitePosRulesEnum.LOYALTY) {\n      const requestData = {\n        ...loyaltyCash.find((item: any) => item.id === id),\n        type: type,\n        cbeType: CBETypes.innova\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    } else {\n      const requestData = {\n        ...discountRules.find((item: any) => item.id === id),\n        type: type,\n        cbeType: CBETypes.innova\n      }\n      setNewSiteLoyaltyReward(requestData).then(res => {\n        getAllRewardsHandler()\n      })\n    }\n    \n  }\n  \n  const setEditItem = (type: number, id: number) => {\n    type === SitePosRulesEnum.LOYALTY ? (\n      setLoyaltyCash([...loyaltyCash.map((item: any) => item.id === id ? {...item, edit: true} : item)])\n    ) : (\n      setDiscountRules([...discountRules.map((item: any) => item.id === id ? {...item, edit: true} : item)])\n    )\n  }\n  \n  const removeItem = (id: number) => {\n    removeSiteLoyaltyReward({id}).then(res => {\n      getAllRewardsHandler()\n    })\n  }\n  \n  return (\n    <Wrapper>\n      <div className=\"heading\">\n        <div className=\"page-title\">Innova POS Rules</div>\n      </div>\n      <PosTabWrapper title={\"Points Loyalty Cash Rewards:\"}\n                     description={\"\"}\n                     button={false}>\n        <>\n          <div className=\"content stamp-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <PosCategoryColumn title={'Site I.D.'} description={''}/>\n                <PosCategoryColumn title={'Coupon I.D.'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Description'}\n                                   description={''}/>\n                <div className=\"column_buttons\"></div>\n              \n              </div>\n              \n              \n              <div className=\"stamp-based-form\">\n                \n                {loyaltyCash !== null ? (\n                  loyaltyCash.length > 0 ? (\n                    <>\n                      <div className=\"table\">\n                        <DataTable\n                          noTableHead\n                          noHeader\n                          columns={loyaltyColumnList}\n                          data={loyaltyCash}\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button disabled={false} className=\"btn-white add-stampCategory\"\n                      onClick={() => addNewItem(SitePosRulesEnum.LOYALTY)}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Site</span>\n              </button>\n            </div>\n          </div>\n        </>\n      \n      </PosTabWrapper>\n      <PosTabWrapper title={\"Item Based Discount Rules:\"}\n                     description={\"\"}\n                     button={false}>\n        <>\n          <div className=\"content stamp-based-wrapper\">\n            <div className=\"header\">\n              <div className=\"header-tab\">\n                <PosCategoryColumn title={'Site I.D.'} description={''}/>\n                <PosCategoryColumn title={'Coupon I.D.'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Description'}\n                                   description={''}/>\n                <PosCategoryColumn title={'Product Group'}\n                                   description={''}/>\n                <div className=\"column_buttons\"></div>\n              \n              </div>\n              \n              \n              <div className=\"stamp-based-form\">\n                \n                {discountRules !== null ? (\n                  discountRules.length > 0 ? (\n                    <>\n                      <div className=\"table\">\n                        <DataTable\n                          noTableHead\n                          noHeader\n                          columns={discountColumnList}\n                          data={discountRules}\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <div className=\"nothing-found\">Sorry, nothing found</div>\n                  )\n                ) : null}\n              </div>\n              <button disabled={false} className=\"btn-white add-stampCategory\"\n                      onClick={() => addNewItem(SitePosRulesEnum.DISCOUNT)}>\n            <span className=\"icon\">\n              <CirclePlus/>\n            </span>\n                <span>Site</span>\n              </button>\n            </div>\n          </div>\n        </>\n      \n      </PosTabWrapper>\n    </Wrapper>\n  );\n};\n\nexport default InnovaPosRules;\n","import React from \"react\";\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\n\nimport AdminWrapper from \"src/components/AdminWrapper\";\n\nimport Dashboard from \"src/views/Dashboard\";\nimport AdminDashboard from \"./views/AdminPages/AdminDashboard\";\nimport AdminBusinesses from \"./views/AdminPages/AdminBuisneses\";\nimport AdminUsers from \"./views/AdminPages/AdminUsers\";\nimport UserProfile from \"src/views/UserProfile\";\nimport CustomerList from \"src/views/Customers/CustomerList\";\nimport CustomerGroups from \"src/views/Customers/CustomerGroups\";\nimport CustomerGroupsCreateEdit from \"src/views/Customers/CustomerGroupsCreateEdit\";\nimport QuickCampaign from \"src/views/Campaigns/QuickCampaign\";\nimport ManageCampaigns from \"src/views/Campaigns/ManageCampaigns\";\nimport Promotion from \"src/views/Promotions/Promotion\";\nimport PromotionManage from \"src/views/Promotions/PromotionManage\";\n\nimport Empty from \"src/views/Empty\";\nimport OrdersList from \"src/views/Orders\";\nimport SignIn from \"src/views/SignIn\";\nimport ForgotPassword from \"src/views/ForgotPassword\";\nimport ResetPassword from \"src/views/ResetPassword\";\nimport Registration from \"src/views/Registration\";\nimport DeclineAccount from \"src/views/DeclineAccount\";\nimport PlaceApprove from \"src/views/PlaceApprove\";\nimport StaffMembers from \"./views/StaffMembers\";\nimport PosRules from \"./views/PosRules/PosRules\";\nimport ExternalPosIntegration from \"./views/ExternalPosIntegration\";\nimport ConfirmLightSpeed from \"./views/ConfirmLightSpeed\";\nimport AdminAdverts from \"./views/AdminPages/AdminAdverts\";\nimport AdminAdvertsOutlets from \"./views/AdminPages/AdminAdverts/Outlets\";\nimport AdminAdvertsBrands from \"./views/AdminPages/AdminAdverts/Brands\";\nimport EcommerceRule from \"./views/EcommerceRule/EcommerceRule\";\nimport StaffDiscount from \"./views/StaffDiscount\";\nimport ManageNotification from \"./views/AdminPages/Notification/ManageNotification\";\nimport QuickNotification from \"./views/AdminPages/Notification/QuickCampaign\";\nimport MinimumSpend from \"./views/MinimumSpend\";\nimport SitePosRules from \"./views/PosRules/SitePosRules\";\nimport AdminBusinessesSetings from \"./views/AdminPages/AdminBusinessesSetings\";\nimport ProductDiscount from \"./views/ProductDiscount\";\nimport SpendCard from \"./views/SpendCard\";\nimport StaffDiscountMembers from \"./views/StaffDiscountMembers/StaffDiscountMembers\";\nimport StaffDiscountDashboard from \"./views/StaffDiscountDashboard/StaffDiscountDashboard\";\nimport EposNow from \"./EposNow/EposNow\";\nimport KlaviyoIntegration from \"./views/KlaviyoIntegration\";\nimport ProductDiscountCustomerGroup from \"./views/ProductDiscount/ProductDiscountCustomersGroup\";\nimport StaffPerformance from \"./views/StaffPerformance/StaffPerformance\";\nimport StaffMembersWithBadgeBarcode from \"./views/StaffMembersWithBadgeBarcode/StaffMembersWithBadgeBarcode\";\nimport Conditions from \"./views/Conditions\";\nimport InnovaPosRules from \"./views/PosRules/InnovaPosRules\";\n// import Feedback from \"src/views/Feedback\";\nconst role = JSON.parse(localStorage.getItem(\"user\")!)?.role\n\nconst Routers: React.FC = () => {\n  return (\n    <BrowserRouter>\n      {localStorage.getItem(\"bearer_token\") ? (\n        <AdminWrapper>\n          <Switch>\n            <Route exact path=\"/\" component={role !== 3 ? Dashboard : AdminDashboard} />\n            <Redirect\n              exact\n              from=\"/account-management\"\n              to=\"/account-management/edit-personal-details\"\n            />\n            <Route\n              exact\n              path=\"/account-management/:subpage\"\n              component={UserProfile}\n            />\n            <Redirect\n              exact\n              from=\"/campaigns\"\n              to=\"/campaigns/manage-campaigns\"\n            />\n            <Route\n              exact\n              path=\"/campaigns/manage-campaigns\"\n              component={ManageCampaigns}\n            />\n            <Route\n              exact\n              path=\"/campaigns/create-campaign\"\n              component={QuickCampaign}\n            />\n            <Redirect\n              exact\n              from=\"/notification\"\n              to=\"/notification/manage-notification\"\n            />\n            <Route\n              exact\n              path=\"/notification/manage-notification\"\n              component={ManageNotification}\n            />\n            <Route\n              exact\n              path=\"/notification/create-notification\"\n              component={QuickNotification}\n            />\n            <Route\n              exact\n              path=\"/notification/edit-notification/:id\"\n              component={QuickNotification}\n            />\n            <Route\n              exact\n              path=\"/admin-businesses\"\n              component={AdminBusinesses}\n            />\n            <Route\n              exact\n              path=\"/businesses-settings\"\n              component={AdminBusinessesSetings}\n            />\n            <Route\n              exact\n              path=\"/conditions\"\n              component={Conditions}\n            />\n            <Route\n              exact\n              path=\"/minimum-spend\"\n              component={MinimumSpend}\n            /><Route\n              exact\n              path=\"/staff-performance\"\n              component={StaffPerformance}\n            />\n            <Route\n              exact\n              path=\"/admin-users\"\n              component={AdminUsers}\n            /><Route\n              exact\n              path=\"/staff-members-with-badge\"\n              component={StaffMembersWithBadgeBarcode}\n            />\n            <Route\n              exact\n              path=\"/campaigns/edit-campaign/:id\"\n              component={QuickCampaign}\n            />\n            {/* <Redirect\n              exact\n              from=\"/your-loyalty-program\"\n              to=\"/your-loyalty-program/manage-promotion\"\n            /> */}\n            <Route exact path=\"/your-loyalty-program\" component={Promotion} />\n            <Route\n              exact\n              path=\"/outlets-and-users\"\n              component={PromotionManage}\n            />\n            <Route\n              exact\n              path=\"/your-loyalty-program/edit-promotion\"\n              component={Empty}\n            />\n            <Route\n              exact\n              path=\"/admin-adverts\"\n              component={AdminAdverts}\n            />\n            <Route\n              exact\n              path=\"/admin-adverts/offers-outlets\"\n              component={AdminAdvertsOutlets}\n            />\n            <Route\n              exact\n              path=\"/admin-adverts/offers-brands\"\n              component={AdminAdvertsBrands}\n            />\n            <Route\n              exact\n              path=\"/your-loyalty-program/create-promotion\"\n              component={Empty}\n            />\n            <Redirect exact from=\"/customers\" to=\"/customers/customer-list\" />\n            <Route\n              exact\n              path=\"/customers/customer-list\"\n              component={CustomerList}\n            />\n            <Route\n              exact\n              path=\"/customers/customer-groups\"\n              component={CustomerGroups}\n            />\n            <Route\n              exact\n              path=\"/customers/create-customer-group\"\n              component={CustomerGroupsCreateEdit}\n            />\n            <Route\n              exact\n              path=\"/e-commerce\"\n              component={EcommerceRule}\n            />\n            <Route\n              exact\n              path=\"/customers/edit-customer-group/:id\"\n              component={CustomerGroupsCreateEdit}\n            />\n            {/* <Route exact path=\"/feedback\" component={Feedback} /> */}\n            <Route exact path=\"/staff-members\" component={StaffMembers} />\n            <Route exact path=\"/staff-discount\" component={StaffDiscount} />\n            <Route exact path=\"/staff-discount-members\" component={StaffDiscountMembers} />\n            <Route exact path=\"/staff-discount-dashboard\" component={StaffDiscountDashboard} />\n            <Route exact path=\"/product-discount\" component={ProductDiscount} />\n            <Route exact path=\"/product-discount/groups\" component={ProductDiscountCustomerGroup} />\n            <Route exact path=\"/vouchers\" component={Empty} />\n            <Route exact path=\"/rewards\" component={Empty} />\n            <Route exact path=\"/pos-rules\" component={PosRules} />\n            <Route exact path=\"/site-pos-rules\" component={SitePosRules} />\n            <Route exact path=\"/innova-pos-rules\" component={InnovaPosRules} />\n            <Route exact path=\"/spend-card\" component={SpendCard} />\n            <Route exact path=\"/external-pos-integration\" component={ExternalPosIntegration} />\n            <Route exact path=\"/klaviyo-integration\" component={KlaviyoIntegration} />\n            <Route exact path=\"/confirm-external-pos-integration\" component={ConfirmLightSpeed} />\n            <Route exact path=\"/instant-deals\" component={Empty} />\n            <Route exact path=\"/online-shop\" component={Empty} />\n            <Route exact path=\"/orders\" component={OrdersList} />\n            <Route exact path=\"/reports\" component={Empty} />\n            <Redirect to=\"/\" />\n          </Switch>\n        </AdminWrapper>\n      ) : (\n        <Switch>\n          <Route exact path=\"/login\" component={SignIn} />\n          <Route exact path=\"/forgot-password\" component={ForgotPassword} />\n          <Route exact path=\"/reset-password\" component={ResetPassword} />\n          <Route exact path=\"/registration\" component={Registration} />\n          <Route exact path=\"/decline-account\" component={DeclineAccount} />\n          <Route exact path=\"/approve/:hash\" component={PlaceApprove} />\n          <Route exact path=\"/eposnow\" component={EposNow} />\n          <Redirect to=\"/login\" />\n        </Switch>\n      )}\n    </BrowserRouter>\n  );\n};\n\nexport default Routers;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Routers from \"./Routers\";\n\nconst GlobalWrapper = styled.div``;\n\nconst App: React.FC = () => {\n  return (\n    <GlobalWrapper>\n      <Routers />\n    </GlobalWrapper>\n  );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {Provider} from \"react-redux\";\nimport {checkLoginUser} from \"src/utils/checkLoginUser\";\nimport {store} from \"./store\";\nimport \"./index.scss\";\nimport App from \"./App\";\n\nimport {AuthUserActionTypes} from \"./types/auth\";\nimport Bugsnag from '@bugsnag/js'\nimport BugsnagPluginReact from '@bugsnag/plugin-react'\nimport BugsnagPerformance from '@bugsnag/browser-performance'\n\nBugsnag.start({\n  apiKey: 'cd9dbe780524910850213887f982383c',\n  plugins: [new BugsnagPluginReact()]\n})\nBugsnagPerformance.start({ apiKey: 'cd9dbe780524910850213887f982383c' })\n\nstore.dispatch({\n  type: AuthUserActionTypes.LOGIN_CHECK,\n});\n// @ts-ignore\nconst ErrorBoundary = Bugsnag.getPlugin('react')\n  .createErrorBoundary(React)\n\ncheckLoginUser();\nReactDOM.render(\n  <React.StrictMode>\n    <ErrorBoundary>\n    <Provider store={store}>\n        <App/>\n    </Provider>\n      </ErrorBoundary>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n","import axios from \"axios\";\nimport { checkSignIn } from \"src/api/auth\";\nimport { store } from \"src/store\";\nimport { AuthUserActionTypes } from \"src/types/auth\";\n\nexport const checkLoginUser = (): any => {\n    const params = new URLSearchParams(window.location.search)\n    const token = params.get(\"account_info_token\");\n\n    if (token) {\n        localStorage.setItem(\"bearer_token\", token);\n        axios.defaults.headers.common.Authorization = `Bearer ${token}`;\n        window.location.replace(\"/\");\n    }\n\n    if (localStorage.getItem(\"bearer_token\")) {\n        checkSignIn()\n            .then((response) => {\n                store.dispatch({\n                    type: AuthUserActionTypes.LOGIN_CHECK_FETCH,\n                    payload: response.data,\n                });\n            })\n            .catch((error) => {\n                store.dispatch({\n                    type: AuthUserActionTypes.LOGIN_ERROR,\n                    payload: error.data.message,\n                });\n            });\n    }\n};\n"],"sourceRoot":""}