{"version":3,"sources":["components/popups/LoadingModal.js","components/PostMessagePopup.js","assets/ZaplynLogo.svg","components/Pages/payment/Sucess.js","components/Pages/payment/UnderProcess.js","components/Utility/IconComponent.js","components/ThemeContext.js","components/Pages/NoteModal.js","components/Pages/Share.js","components/Pages/sharePage/ShopCheckoutForm.js","components/Pages/sharePage/shopZeroCheckoutForm.js","components/Pages/sharePage/Cart.js","components/Pages/sharePage/PreviewModal.js","components/Pages/sharePage/ProductTile.js","components/Pages/sharePage/ProductsComponent.js","components/Pages/sharePage/ShopFeed.js","components/Pages/sharePage/partialPaymentCheckout.js","components/Pages/sharePage/OrderCart.js","components/Pages/sharePage/MobileComponent.js","components/Pages/sharePage/MobileCheckoutForm.js","assets/basket.svg","assets/folder.svg","assets/home.svg","assets/add.svg","assets/search.svg","assets/folder2.svg","assets/zaplynuser.svg","assets/basket2.svg","assets/home2.svg","assets/search2.svg","assets/add2.svg","components/Card_popout.js","components/TopBar.js","assets/images/Hero Images.png","assets/images/Image_Online Shopping.png","assets/images/Create.png","assets/images/Accept.png","assets/images/Showcase.png","assets/images/Receive.png","assets/images/Zaplyn Shop_Image.png","assets/images/tick-circle.png","assets/images/BottomCardImage.png","components/Pages/LandingPage.js","assets/images/Line arrow-right.png","assets/images/verify.png","assets/images/lightning_fill.png","assets/images/percentage-square.png","assets/images/category-2.png","routes/AuthenticatedRoutes.js","components/Pages/auth/GoogleButton.js","components/Pages/auth/Login.js","components/Pages/auth/Register.js","components/Pages/auth/ResetPassword.js","components/Pages/auth/ConfirmOtp.js","components/Pages/auth/NewPassword.js","components/privacy-policy.js","App.js","aws-exports.js","index.js","components/popups/ColorComponent.js","assets/defaultTheme.svg","assets/darkTheme.svg","assets/grayTheme.svg","assets/darkBlueTheme.svg","assets/greenTheme.svg","assets/redTheme.svg","components/Token.js","components/Pages/Cashout_Page.js","components/Account_Infomation/Username.js","components/Pages/CheckoutForm.js","components/Account_Infomation/RegEmail.js","components/Account_Infomation/isVerified.js","components/popups/InternalNote.js","assets/icons/toggle-line.svg","assets/icons/toggle-fill.svg","assets/icons/filter.png","components/GlobalContext.js","components/Account_Infomation/get-user-attributes.js","api/endpoints.js","components/PostMessagePopup2.js","components/Subject.js","components/popups/Preview.js","helper/helper.js","Test.js","components/Pages/Support_Page.js","components/Support/Support.js","components/VerifyMessagePopup.js","components/Pages/ReddemCoupon.js","components/Payment.js","components/VerifyMessagePopup2.js","components/product/product-form.js","components/Pages/shop/create-shop-form.js","components/Pages/shop/modal/CreateShopModal.js","components/Pages/shop/modal/EditShopModal.js","components/Pages/shop/modal/PreviewShopProductsComponent.js","components/Pages/shop/modal/PreviewShopModal.js","components/popups/transfer-shop-popup.js","components/Pages/shop/ShopTile.js","assets/imageErr.jpg","components/Pages/ErrorPage.js","components/Pages/shop/UserShops.js","components/Account_Infomation/referralCode.js","lib/errorLib.js","components/Pages/ChangePassword.js","lib/hooksLib.js","components/payment-methods.js","components/Pages/Your_Account.js","components/popups/transfer-product-popup.js","components/Pages/home/Cards.js","components/Pages/home/FilterCards.js","components/Pages/home/HomeFilterComponent.js","components/Pages/MessageBoard.js","components/Pages/orders/OrderCards.js","components/Pages/orders/FilterPopup.js","components/Pages/orders/FilterComponent.js","components/Pages/UserMessages.js","components/Pages/How_It_Works.js","lib/use-media-query.js","assets/t1.svg","assets/t2.svg","components/Pages/sharePage/AttributeComponent.js","components/popups/SizeComponent.js","components/PayContext.js"],"names":["LoadingModal","_jsx","className","id","children","_jsxs","s3","S3","accessKeyId","process","secretAccessKey","region","signatureVersion","window","Buffer","PostMessagePopup","props","queryClient","useQueryClient","productCategories","isProductsLoading","userData","isUserDataLoading","isProductsError","fetchedProductsList","isCategoryLoading","isCategoryError","categoryErr","useContext","GlobalContext","isLoadingModalOpen","setIsLoadingModalOpen","useState","images","setImages","isShippingChecked","setIsShippingChecked","checked","setChecked","link_enabled","setLink_enabled","isVariantChecked","setVariantChecked","variantItems","setVariantItems","variantName","price","variantCount","setVariantCount","isAddOnChecked","setAddOnChecked","addOnItems","setAddOnItems","addOnName","addOnCount","setAddOnCount","uploadImage","async","newFiles","newImages","i","e","target","files","length","base64","convertToBase64","push","setFiles","filesError","setFilesError","accesstoken","getToken","username","getUsername","subject","setSubject","subjectError","setSubjectError","itemTitle","setItemTitle","titleError","setTitleError","desc","setDesc","descError","setDescError","body","setBody","body2","setBody2","totalprice","setTotalprice","chosencurrency","setChosencurrency","attribute","setAttribute","colorattribute","setColorattribute","sizeattribute","setSizeattribute","qtyattribute","setQtyattribute","qty","setQty","ZaplynTileRef","setZaplynTileRef","createTileRef","author","setAuthor","selectedEtmDelivery","setSelectedEtmDelivery","selectedEtmDeliveryErr","setSelectedEtmDeliveryErr","fromEtmDelivery","setFromEtmDelivery","fromEtmDeliveryErr","setFromEtmDeliveryErr","toEtmDelivery","setToEtmDelivery","toEtmDeliveryErr","setToEtmDeliveryErr","selectAttributeList","setSelectAttributeList","categoryList","setCategoryList","subCategoryList","setSubCategoryList","selectedCategory","setSelectedCategory","selectedSubCategory","setSelectedSubCategory","isCustomCategorySelected","setIsCustomCategorySelected","customSubCategory","setCustomSubCategory","attributes","setAttributes","showColorPicker","setShowColorPicker","onColorDelete","index","newColors","selectedattribute1","filter","color","setSelectedAttribute1","selectedattribute2","setSelectedAttribute2","selectedattribute3","setSelectedAttribute3","selectedattribute4","setSelectedAttribute4","selectedattribute5","setSelectedAttribute5","attribute1","setAttribute1","attribute2","setAttribute2","attribute3","setAttribute3","attribute4","setAttribute4","attribute5","setAttribute5","useEffect","categories","Object","keys","subcategories","newSubCategoryList","item","xmlns","viewBox","fill","d","width","height","x","y","points","src","zaplynIconT1","alt","zaplynIconT2","premium","Link","to","onClick","class","required","defaultValue","onChange","value","map","category","subcategory","placeholder","type","rows","maxLength","Tooltip","enterTouchDelay","TransitionComponent","Zoom","placement","arrow","title","name","handleVariantCheck","handleAddVariantItem","_Fragment","updatedItems","splice","handleShippingPrice","parseInt","leaveTouchDelay","ReactSwitch","val","undefined","newSelected","includes","indexOf","handleAttributeSelect","handleAddOnCheck","handleAddAddOnItem","ColorComponent","onDelete","handleColorPicker","CompactPicker","onChangeComplete","hex","split","size","SizeComponent","selectedSizes","onSelect","newSelectedSizes","handleAttribute1Click","handleAttribute2Click","handleAttribute3Click","handleAttribute4Click","handleAttribute5Click","Carousel","infiniteLoop","showStatus","showArrows","swipeable","thumbWidth","image","htmlFor","style","display","multiple","accept","onSubmit","preventDefault","imageUrls","s3Params","Bucket","Key","Date","now","ContentType","Body","Location","upload","promise","err","console","error","titleErr","descErr","filesErr","deliveryErr","fromdeliveryErr","todeliveryErr","trim","attr1","attr2","attr3","attr4","attr5","toString","content","itemname","sub_category","custom_category","etm_date","currency","variant","add_ons","reduce","result","obj","show_variant","attribute_1","attribute_2","attribute_3","attribute_4","attribute_5","response","fetch","link","method","headers","Authorization","JSON","stringify","json","toast","invalidateQueries","Modal","isOpen","overlayClassName","onRequestClose","Sucess","progress","ProgressBar","search","location","tile","setTile","slice","payment_intent","URLSearchParams","get","order_id","discount","then","ws_scheme","protocol","sock","W3CWebSocket","onopen","log","send","sock2","interval","setInterval","finish","href","clearInterval","ZaplynLogo","start","UnderProcess","checkoutsession","useParams","navigate","useNavigate","res","status","Component","IconComponent","ThemeContext","createContext","ThemeProvider","_ref","theme","setTheme","themBtn","setThemBtn","themBtnStyle","setThemBtnStyle","themeTileBorder","setThemeTileBorder","themeTileBorderStyle","setThemeTileBorderStyle","themeFont","setThemeFont","themeView","setThemeView","Provider","CustomerNote","setUserNote","customerNote","closeOnClick","internalNote","setInternalNote","isEditable","setIsEditable","handleCancelClick","stripePromise","loadStripe","classNames","_len","arguments","classes","Array","_key","Boolean","join","ShareFeed","selectedattr1","setSelectedAttr1","selectedattr2","setSelectedAttr2","selectedattr3","setSelectedAttr3","selectedattr4","setSelectedAttr4","selectedattr5","setSelectedAttr5","setCategory","itemName","setItemName","qtyOption","setQtyOption","fetched","setFetched","chosenqty","setChosenqty","addsent","setAddsent","phone","setPhone","setName","add1","setAdd1","add2","setAdd2","city","setCity","country","setCountry","postcode","setPostcode","email","setEmail","deleted","setDeleted","cs","setCs","options","clientSecret","appearance","setStatus","qty2","setQty2","isCheckoutClicked","setIsCheckoutClicked","errorMessage","setErrorMessage","isLoading","data","isError","useQuery","Endpoints","GetCategories","refetchOnMount","refetchOnWindowFocus","showVariant","setShowVariant","variants","setVariants","variantPrice","setVariantPrice","selectedVariant","setSelectedVariant","showAddOn","setShowAddOn","addOns","setAddOns","availableAddOn","setAvailableAddOn","selectedAddOn","setSelectedAddOn","attributeValues","setAttributeValues","attribute1Error","setAttribute1Error","attribute2Error","setAttribute2Error","attribute3Error","setAttribute3Error","attribute4Error","setAttribute4Error","attribute5Error","setAttribute5Error","setCustomerNote","isNoteModalOpen","setIsNoteModalOpen","errorMsg","setErrorMsg","_json$attribute_","_json$attribute_2","_json$attribute_3","_json$attribute_4","_json$attribute_5","_json$attribute_6","_json$attribute_7","_json$attribute_8","_json$attribute_9","_json$attribute_10","_json$etm_date","_json$etm_date2","_json$etm_date3","description","retail_price","shipping_price","values","total_price","quantity","message","divs","subcategoryObj","acc","ToastContainer","Helmet","property","rel","showThumbs","handlePriceChange","RadioGroup","Label","Option","active","selectedClass","as","backgroundColor","_ref2","AttributeComponent","attributeName","attributeErr","selectedAttribute","setSelectedAttribute","availableAttribute","some","key","addon","handleAddOnChange","isNaN","attr1Err","attr2Err","attr3Err","attr4Err","attr5Err","addonprice","dataLayer","order_date","dayjs","order_amount","product_id","product_name","event","handlePurchase","Elements","stripe","CheckoutForm","setNoteModalisOpenToFalse","ShopCheckoutForm","orderData","shopDetails","schedule_delivery","partial","isVisible","setIsVisible","socket","PayContext","setPrice","isStripeLoading","setIsStripLoading","receivedOrid","setReceivedOrId","useStripe","elements","useElements","isEmailValid","setIsEmailValid","isPhoneValid","setIsPhoneValid","validateEmail","test","validatePhone","qrCodeUrl","setQrCodeUrl","linkModalIsOpen","setLinkModalIsOpen","onmessage","parse","ZaplynShopRef","getElement","on","QRCode","toDataURL","url","catch","convertedObject","forEach","shopname","shopref","scheduled_time","newprice","newatrribute_1","newatrribute_2","newatrribute_3","newatrribute_4","newatrribute_5","Order_id","onBlur","replace","shipping_enabled","confirmPayment","confirmParams","return_url","PaymentElement","disabled","handleDownloadQrCode","downloadLink","document","createElement","download","click","ShopZerocheckoutForm","Cart","cartData","backToShop","onRemoveFromCart","onDecrease","onIncrease","setIsLoading","paymentPercentage","setPaymentPercentage","newTotalPrice","setNewTotalPrice","setTotalPrice","scheduleDelivery","setScheduleDelivery","activePeriod","setActivePeriod","React","selectedSlot","setSelectedSlot","slotErr","setSlotErr","invalidSlot","setInvalidSlot","transformedData","useMemo","newResult","proceedToPurchase","toFixed","itemPrice","a","c","newtotal","date","slot","addonPrice","curr","_shopDetails$booked_s","_shopDetails$booked_s2","multiple_bookings","booked_slots","_item$scheduled_time","format","_shopDetails$booked_s3","newslot","_item$scheduled_time2","_item$scheduled_time3","_item$scheduled_time4","slotNo","showIndicators","addonName","marginLeft","marginTop","updatedTotalPrice","handleDeleteProduct","handleDecreaseQuantity","handleIncreaseQuantity","enable_scheduling","LocalizationProvider","dateAdapter","AdapterDayjs","MobileDatePicker","slotProps","textField","renderInput","params","TextField","_shopDetails$booking_","day","handleSlotSelect","booking_time","isBefore","from","PreviewModal","_productDetails$image","productDetails","onCloseClick","onAddToCart","getQueryData","totalPrice","_productDetails$etm_d","_productDetails$etm_d2","_productDetails$etm_d3","_ref3","handleAddToCartClick","shop_id","shop_name","product_quantity","Math","random","substring","randomId","Number","ProductTile","previewModalIsOpen","setPreviewModalIsOpen","setPreviewModalIsOpenToFalse","setPreviewModalIsOpenToTrue","ProductsComponent","products","modProducts","setModProducts","_Object$values","subCategories","_Object$values2","uniqueSubCategories","Set","selectIndex","beforeSelect","afterSelect","ShopFeed","showCart","setShowCart","setCartData","updatePopup","setUpdatePopup","isShopLoading","shopData","isShopError","FetchShopDetails","isShopProductsLoading","shopProducts","isShopProductsError","FetchShopProducts","cartUpdated","setCartUpdated","setTimeout","_shopData$theme","_shopData$theme2","_shopData$theme3","_shopData$theme4","_shopData$theme5","_shopData$theme6","_shopData$theme7","themeBtn","themeBtnStyle","showBorder","tileStyle","font","borderType","setShowCartToFalse","updatedCart","handleAddToCart","product","prevCart","find","cartItem","newZaplynTileRef","PartialPaymentCheckoutForm","tileref","OrderCart","_orderData$theme","_orderData$theme9","_orderData$theme10","loading","setLoading","isOrderDataLoading","isOrderError","orderErr","remaining_amount","shop_description","Products","productref","_orderData$theme2","_orderData$theme3","_orderData$theme4","_orderData$theme5","_orderData$theme6","_orderData$theme7","_orderData$theme8","_orderData$Products$p","_orderData$Products$p2","_orderData$Products$p3","_orderData$Products$p4","_orderData$Products$p5","_orderData$Products$p6","_orderData$Products$p7","_orderData$Products$p8","_orderData$Products$p9","_orderData$Products$p10","_orderData$Products$p11","_orderData$Products$p12","_orderData$Products$p13","_orderData$Products$p14","_orderData$Products$p15","_orderData$Products$p16","_orderData$Products$p17","_orderData$Products$p18","_orderData$Products$p19","_orderData$Products$p20","_orderData$Products$p21","_orderData$Products$p22","_orderData$Products$p23","_orderData$Products$p24","_orderData$Products$p25","_orderData$Products$p26","_orderData$Products$p27","total_amount","already_paid_amount","MobileComponent","MobileCheckoutForm","shopImg","setShopImg","shopName","setShopName","shopDesc","setShopDesc","amount","setAmount","isPayDataLoading","payData","isPayError","payErr","customername","shopimage","shopdesc","Card_popout","opened","setOpened","handleCashoutButtonClick","toggleBox","startsWith","handleAccountButtonClick","handlePaymentMethodsButtonClick","handleSupportButtonClick","Auth","signOut","Hub","dispatch","TopBar","setShowFilteredData","userAvatar","setUserAvatar","homeimage","setHomeImage","getIsVerified","home","basketimage","setBasketImage","basket","addimage","setAddImage","add","folderimage","setFolderImage","folder","searchimage","setSearchImage","handleMymessagesclick","folder2","handlemessageboardsclick","home2","modalIsOpen","setModalIsOpen","pathname","search2","logo","ZaplynIcon","App","aboutRef","useRef","priRef","isFaqOpen","setIsFaqOpen","faqIndex","setFaqIndex","subEmail","setSubEmail","isSubEmailValid","setIsSubEmailValid","isSuccessReg","setIsSuccessReg","isSuccessContact","setIsSuccessContact","isPolicyModalOpen","setIsPolicyModalOpen","handleClick","ref","_ref$current","current","scrollIntoView","behavior","HeroImage","HeroImageTwo","Create","Showcase","Accept","Receive","ShopImage","tickIcon","BottomCardImage","AuthenticatedRoutes","user","setUser","currentAuthenticatedUser","finally","GlobalProvider","Fragment","Outlet","LandingPage","GoogleButton","isHovered","setHovered","federatedSignIn","provider","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Login","setUsername","password","setPassword","passwordType","setPasswordType","autoClose","signIn","togglePassword","Register","signUp","crypto","randomUUID","autoSignIn","enabled","Promise","resolve","reject","componentsProps","tooltip","sx","bgcolor","fontFamily","ResetPassword","forgotPassword","state","ConfirmOtp","useLocation","otp","setOtp","codeResendSuccess","setCodeResendSuccess","confirmSignUp","resendSignUp","NewPassword","forgotPasswordSubmit","PrivacyPolicy","ReactGA","initialize","QueryClient","checkUser","authUser","bypassCache","listener","payload","listen","remove","set","userId","hitType","page","QueryClientProvider","client","PayProvider","Routes","Route","path","element","Navigate","Test","awsConfig","aws_project_region","aws_cognito_region","aws_user_pools_id","aws_user_pools_web_client_id","oauth","domain","scope","redirectSignIn","redirectSignOut","responseType","federationTarget","aws_cognito_username_attributes","aws_cognito_social_providers","aws_cognito_signup_attributes","aws_cognito_mfa_configuration","aws_cognito_mfa_types","aws_cognito_password_protection_settings","passwordPolicyMinLength","passwordPolicyCharacters","aws_cognito_verification_mechanisms","isLocalhost","hostname","match","isStage","localRedirectSignIn","stageRedirectSignIn","productionRedirectSignIn","localRedirectSignOut","stageRedirectSignOut","productionRedirectSignOut","updatedAwsConfig","Amplify","configure","config","rootElement","getElementById","hasChildNodes","hydrate","StrictMode","BrowserRouter","render","setIsHovered","onMouseEnter","onMouseLeave","margin","userPool","AmazonCognitoIdentity","UserPoolId","ClientId","token","cognitoUser","getCurrentUser","getSession","session","isValid","getAccessToken","getJwtToken","Cashout_Page","_Object$keys","cre","setCre","wise_exist","setWise_exist","bank_details","setBank_details","setCurrency","acc_name","setAcc_name","account_number","setAccount_number","sortcode","setSortcode","iban","setIban","abartn","setAbartn","address","setAddress","isPaymentTabOpen","setIsPaymentTabOpen","handleSumbit1","user_id","secret","fernet","Secret","Token","encode","firstLine","isCreditsLoading","credits","isCreditsError","creditsErr","isWiseDetailsLoading","wiseDetails","isWiseDetailsError","wiseDetailsErr","isWiseTransactionsLoading","wiseTransactions","isWiseTransactionsError","wiseTransactionsErr","decode","for","transferid","_wiseTransactions$tra","_wiseTransactions$tra2","_wiseTransactions$tra3","_wiseTransactions$tra4","created_at","estimated_date","selectedSize","selectedColor","getEmail","RegisteredEmail","storage","tmp","UserAttributes","_res","_res$UserAttributes","_res2","_res3","InternalNote","propsnote","tileRef","shopRef","readOnly","note","EditInternalNote","isUserError","userErr","FetchUserData","FetchUserCategories","isProductsListLoading","isProductsListError","productsListErr","FetchProductsListData","filteredData","setFilteredData","showFilteredData","availableProducts","setAvailableProducts","selectedFilterOptions","setSelectedFilterOptions","selectedHomeFilterOptions","setSelectedHomeFilterOptions","selectedButtonFilters","setSelectedButtonFilters","showOrdersFilteredData","setShowOrdersFilteredData","selectedOrderId","setSelectedOrderId","selectedProductName","setSelectedProductName","selectedCustomerName","setSelectedCustomerName","selectedShopId","setSelectedShopId","selectedOrderDate","setSelectedOrderDate","selectedSortType","setSelectedSortType","deliveredDate","setDeliveredDate","orderStartDate","setOrderStartDate","orderEndDate","setOrderEndDate","userAvatarArray","setUserAvatarArray","getUserAttributes","accesskeytoken","curUser","ok","Error","FetchTopCategory","seller","LoadUserData","pageNo","Headers","append","LoadImages","imga","EditLink","CloneProduct","DeleteProduct","FetchOrderData","CreateShop","linkEnabled","img_file","productlist","mobile","categorylist","newTileref","vat","EditShop","FetchShops","EditShopLink","DeleteShop","CloneShop","PostMessagePopup2","editImages","setEditImages","posting","setPosting","justposted","setJustposted","setSize","setColor","currenttileref","baseImage","setBaseImage","maxSizeMB","maxWidthOrHeight","compressedImg","imageCompression","compressedbase64","items","fileName","filename","reset","useSubject","authheader","setData","abortCont","AbortController","myHeaders","signal","abort","Preview","alphabet","floor","file","fileReader","FileReader","readAsDataURL","onload","onerror","Verified","setVerified","global","currentUserInfo","menuclick","setMenuclick","modalIsOpen2","setModalIsOpen2","setModalIsOpenToFalse2","VerifyMessagePopup","setModalIsOpenToFalse","onClick2","setModalIsOpenToTrue2","VerifyMessagePopup2","onClick3","MessageBoard","ProductForm","CreateShopForm","currentusername","Support_Page","Payment","Your_Account","How_It_Works","ReddemCoupon","UserMessages","UserShops","Support","querySelector","message_name","setmessage_name","message_email","setmessage_email","message_subject","setmessage_subject","setmessage","setmobile","tileDetails","SaturnTileRef","supportModelData","messagelist","message_mobile","handleClose","userEmail","userName","ReferralCode","VerifyCode","setVerifyCode","setMessage","ValidCodes","setValidCodes","AuthUser","part1","part2","part3","updateUserAttributes","ZaplynUser","ZaplynEmail","CreatorReferral","FriendReferral","CreateReferralCode","Loaded","onLoad","code","setCode","coupon_id","promocode","extend","utc","tz","de","setDe","setType","last4","setLast4","exp_month","setExp_month","exp_year","setExp_year","saved","setSaved","timeZone","guess","fromDate","setFromDate","subtract","toDate","setToDate","isPaymentMethodsLoading","paymentMehodsData","isPaymentMethodsError","paymentMethodsErr","setPage","pageOffset","setPageOffset","isPaymentRecordsLoading","paymentRecordsData","isPaymentRecordsError","paymentRecordsErr","isFetching","isPaymentRecordsDataFetching","isPreviousData","isPrevPaymentRecordsData","getPaymentRecords","keepPreviousData","handleListPaymentButton","hasOwnProperty","pages","_","String","ttl","resObj","count","sort_code","default","Credits","parseFloat","submitHandler2","ReactPaginate","previousLabel","nextLabel","pageClassName","pageLinkClassName","previousClassName","previousLinkClassName","nextClassName","nextLinkClassName","breakLabel","breakClassName","breakLinkClassName","pageRangeDisplayed","pageCount","marginPagesDisplayed","onPageChange","selected","containerClassName","activeClassName","forcePage","start_date","end_date","columnsToInclude","csvRows","header","csvData","blob","Blob","URL","createObjectURL","transaction_id","mode","is_success","handleSumbit","qtyError","setQtyError","min","onKeyPress","valueAsNumber","qtyErr","reload","defaultThemeImg","darkThemeImg","grayThemeImg","darkblueThemeImg","greenThemeImg","redThemeImg","fontData","currentStep","setCurrentStep","showTheme","setShowTheme","createProductModalIsOpen","setCreateProductModalIsOpen","setCreateProductModalIsOpenToFalse","shopNameError","setShopNameError","shopOwnerEmail","setShopOwnerEmail","shopOwnerEmailError","setShopOwnerEmailError","shopOwnerContact","setShopOwnerContact","shopOwnerContactError","setShopOwnerContactError","shopOwnerAddress","setShopOwneAddress","shopImage","setShopImage","viewImage","setViewImage","chosenCurrency","setChosenCurrency","shopShareLink","setShopShareLink","multipleBooking","setMultipleBooking","setOptions","selectedOptions","setSelectedOptions","showBookingSlots","setShowBookingSlots","selectedBookingDay","setSelectedBookingDay","isSundayMenuOpen","setIsSundayMenuOpen","SundaySlots","setSundaySlots","SundaySlotsCount","setSundaySlotsCount","isMondayMenuOpen","setIsMondayMenuOpen","MondaySlots","setMondaySlots","MondaySlotsCount","setMondaySlotsCount","isTuesdayMenuOpen","setIsTuesDayOpen","TuesdaySlots","setTuesdaySlots","TuesdaySlotsCount","setTuesdaySlotsCount","isWednesdayMenuOpen","setIsWednesdayMenuOpen","WednesdaySlots","setWednesdaySlots","WednesdaySlotsCount","setWednesdaySlotsCount","isThursdayMenuOpen","setIsThursdayMenuOpen","ThursdaySlots","setThursdaySlots","ThursdaySlotsCount","setThursdaySlotsCount","isFridayMenuOpen","setIsFridayMenuOpen","FridaySlots","setFridaySlots","FridaySlotsCount","setFridaySlotsCount","isSaturdayMenuOpen","setIsSaturdayMenuOpen","SaturdaySlots","setSaturdaySlots","SaturdaySlotsCount","setSaturdaySlotsCount","shippingInfo","setShippingInfo","shopDiscount","setShopDiscount","discountError","setDiscountError","selectedTheme","setSelectedTheme","selectedThemeBtn","setSelectedThemeBtn","selectedThemeBtnStyle","setSelectedThemeBtnStyle","selectedThemeTileBorder","setSelectedThemeTileBorder","selectedThemeTileBorderStyle","setSelectedThemeTileBorderStyle","selectedThemeFont","setselectedThemeFont","selectedThemeView","setSelectedThemeView","handleTileView","handleBorderTile","selectedCategoryOptions","setSelectedCategoryOptions","handleCategoryOptionChange","option","isChecked","selectedProducts","setSelectedProducts","selectOptions","label","shift","categoryFilter","toLowerCase","globalErr","setGLobalErr","handleCreateShop","imgLocation","imageRes","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","uniqueCategories","compressedFile","handleDiameter","handleMoveToStep2","nameErr","discountErr","ownerEmailErr","contactErr","prevstep","prevSelectedProducts","prevSelectedTiles","handleSelect","handleBackToStep1","CirclePicker","circleSpacing","colors","fillRule","clipRule","sm","md","handleAddSundaySlot","isLocked","MobileTimePicker","handleAddMondaySlot","handleAddTuesdaySlot","handleAddWednesdaySlot","handleAddThursdaySlot","handleAddFridaySlot","handleAddSaturdaySlot","closeCreateShopModal","CreateShopModal","EditShopModal","setShopOwnerAddress","handleImageUpload","handleEditShop","_imgLocation","_json$theme","_json$theme2","_json$theme3","_json$theme4","_json$theme5","_json$theme6","_json$theme7","_json$booking_time","_json$booking_time$Su","_json$booking_time2","_json$booking_time2$M","_json$booking_time3","_json$booking_time3$T","_json$booking_time4","_json$booking_time4$W","_json$booking_time5","_json$booking_time5$T","_json$booking_time6","_json$booking_time6$F","_json$booking_time7","_json$booking_time7$S","maxh","PreviewShopProductsComponent","reverse","PreviewShopModal","TransferShopPopup","transferTo","setTransferTo","contactPhone","setContactPhone","contactEmail","setContactEmail","Name","phoneNumber","ShopTile","productImages","isShopsLoading","shopsData","isShopsError","settingsToggle","setSettingsToggle","buttonRef","settingsWrapperRef","popupPosition","setPopupPosition","setTileref","internalNoteModalIsOpen","setInternalNoteModalIsOpen","setInternalNoteModalIsOpenToFalse","transferModalIsOpen","setTransferModalIsOpen","setTransferModalIsOpenToFalse","cloneMutation","useMutation","onSuccess","onError","onSettled","top","bottom","getBoundingClientRect","popupTop","pageYOffset","documentElement","scrollTop","innerHeight","popupBottom","handleClickOutside","contains","handleScroll","addEventListener","removeEventListener","handleShareCardClick","toggleSvgOff","toggleSvgOn","setInternalNoteModalIsOpenToTrue","VatTaxes","mutate","setTransferModalIsOpenToTrue","x1","x2","y1","y2","handleShopDelete","setLinkModalIsOpenToFalse","navigator","clipboard","writeText","ErrorPage","shopsErr","createModalIsOpen","setCreateModalIsOpen","setCreateModalIsOpenToFalse","getReferralCode","isLocal","errorInfo","Sentry","setExtras","logError","alert","ChangePassword","currentUser","fields","handleFieldChange","initialState","setValues","useFormFields","oldPassword","confirmPassword","isChanging","setIsChanging","handleChangeClick","changePassword","FormGroup","bsSize","controlId","FormLabel","FormControl","PaymentMethods","acstoken","handleRemovePaymentMethod","handleSetToDefault","_userData$username","showUpgradeTile","setShowUpgradeTile","subscriptionLoading","setSubscriptionLoading","updateSubscriptionLoading","setUpdateSubscriptionLoading","selectedAvatar","setSelectedAvatar","avatarModalIsOpen","setAvatarModalIsOpen","setAvatarModalIsOpenToFalse","invalidateUserDetails","setAvatarModalIsOpenToTrue","setModalIsOpenToTrue","cancelled","expiry_date","next_billing_date","defaultExist","overlay","background","overflow","align","left","right","marginRight","transform","handleAvatarChange","TransferProductPopup","Cards","_message$images","_message$images2","isProdImagesLoading","product_shipping","FilterCards","setIsFilterOpen","subjectlist","newselectedOptions","setNewSelectedOptions","Select","isMulti","closeMenuOnSelect","autosize","noOptionsMessage","customNoOptionsMessage","getOptionValue","getOptionLabel","handleReset","HomeFilterComponent","isFliteredProductsLoading","fliteredProductsData","isFilteredProductsError","filteredProductsErr","isFilteredProductsDataFetching","isFilteredPrevProductsData","refetch","refetchFilteredData","FetchFilteredProductsData","_fetchedProductsData$","sestIsLoading","isFilterOpen","fetchedProducts","globalImages","isFilterCategoryLoading","FilterCategoryList","isFilterCategoryError","fetchedProductsData","productsErr","isProductsDataFetching","isPrevProductsData","pagesArray","setPagesArray","handleButtonFilter","FilterIcon","firstPage","pg","lastPage","OrderCards","_productDetails$total","_productDetails$sched","_productDetails$sched2","_productDetails$sched3","_productDetails$sched4","_productDetails$sched5","_productDetails$sched6","_productDetails$sched7","_productDetails$sched8","_productDetails$total2","_productDetails$sched9","_productDetails$sched10","_productDetails$sched11","_productDetails$sched12","_productDetails$sched13","_productDetails$sched14","_productDetails$sched15","_productDetails$sched16","statusRef","setShowStatus","isShippingOpen","setIsShippingOpen","productData","setProductData","trackingId","setTrackingId","shippingProvider","setShippingProvider","refundAmount","setRefundAmount","isCustomerNoteModalOpen","setIsCustomerNoteModalOpen","trackingIdModal","setTrackingIdModal","refundModal","setRefundModal","showAllItemsModal","setShowAllItemsModal","handleChangeStatus","updatedStatus","tracking_id","shipping_provider","first_product","classList","buyer","add_line_1","add_line_2","customer_note","productRef","_productData$productR","_productData$productR2","_productData$productR3","_productData$productR4","_productData$productR5","_productData$productR6","_productData$productR7","_productData$productR9","_productData$productR10","_productData$productR11","_productData$productR12","_productData$productR13","_productData$productR14","_productData$productR15","_productData$productR16","_productData$productR17","_productData$productR18","_productData$productR19","_productData$productR20","_productData$productR21","_productData$productR22","_productData$productR23","_productData$productR24","_productData$productR25","_productData$productR26","_productData$productR27","_productData$productR28","_productData$productR29","_productData$productR30","_productData$productR31","_productData$productR32","_productData$productR33","_productData$productR34","_productData$productR35","_productData$productR36","_productData$productR37","_productData$productR38","_productData$productR39","_productData$productR40","_productData$productR41","_productData$productR42","_productData$productR43","_productData$productR44","_productData$productR45","_productData$productR46","_productData$productR47","_productData$productR8","ready","dispatched_at","out_for_delivery_at","delivered_at","refunded_at","refund_amount","_productData$productR48","_productData$productR49","_productData$productR50","_productData$productR51","_productData$productR52","_productData$productR53","_productData$productR54","_productData$productR56","_productData$productR57","_productData$productR58","_productData$productR59","_productData$productR60","_productData$productR61","_productData$productR62","_productData$productR63","_productData$productR64","_productData$productR65","_productData$productR66","_productData$productR67","_productData$productR68","_productData$productR69","_productData$productR70","_productData$productR71","_productData$productR72","_productData$productR73","_productData$productR74","_productData$productR75","_productData$productR76","_productData$productR77","_productData$productR78","_productData$productR79","_productData$productR80","_productData$productR81","_productData$productR82","_productData$productR83","_productData$productR84","_productData$productR85","_productData$productR86","_productData$productR87","_productData$productR88","_productData$productR89","_productData$productR90","_productData$productR91","_productData$productR92","_productData$productR93","_productData$productR94","_productData$productR55","setShowAllItemsModalIsClosed","_productData$productR95","_productData$productR96","_productData$productR97","_productData$productR98","_productData$productR99","_productData$productR100","_productData$productR101","_productData$productR102","_productData$productR103","_productData$productR104","_productData$productR105","_productData$productR106","_productData$productR107","_productData$productR108","_productData$productR109","_productData$productR110","_productData$productR111","_productData$productR112","_productData$productR113","_productData$productR114","_productData$productR115","_productData$productR116","_productData$productR117","_productData$productR118","_productData$productR119","_productData$productR120","setTrackingIdModalIsClosed","setRefundModalIsClosed","setIsCustomerNoteModalOpenToFalse","FilterPopup","selectedOrderIdLocal","setSelectedOrderIdLocal","selectedProductNameLocal","setSelectedProductNameLocal","selectedCustomerNameLocal","setSelectedCustomerNameLocal","selectedShopIdLocal","setSelectedShopIdLocal","selectedOrderDateLocal","setSelectedOrderDateLocal","selectedFilterOptionsLocal","setSelectedFilterOptionsLocal","deliveredDatelocal","setDeliveredDatelocal","startDateLocal","setStartDateLocal","endDateLocal","setEndDateLocal","padding","fontSize","FilterComponent","new_order_socket","isAscending","setIsAscending","selectSortType","setSelectSortType","modifiedData","setModifiedData","ordersdata","setOrdersdata","isFliteredOrdersLoading","fliteredOrdersData","isFilteredOrdersError","filteredOrdersErr","isFilteredOrdersDataFetching","isFilteredPrevOrdersData","refetchFilteredOrdersData","sorting","order_status","order_dates","customer_name","delivered_date","FetchFilteredData","dataKeys","sort","b","sortedData","order","filterWrapperRef","isScheduleAscending","setIsScheduleAscending","col","setCol","isOrdersLoading","ordersData","isOrdersError","ordersErr","isOrdersDataFetching","isPrevOrdersData","refetchNewOrdersData","sortType","setSortType","selectFilterList","setSelectFilterList","sortData","setSortData","moddata","savedmessage","setIsOpen","closeAccordian","setCloseAccordian","isMobile","device","setDevice","dimensions","setDimensions","checkDevice","matchMedia","matches","innerWidth","isTablet","isDesktop","useMediaQuery","isOpen1","setIsOpen1","isOpen2","setIsOpen2","isOpen3","setIsOpen3","isOpen4","setIsOpen4","isOpen5","setIsOpen5","isOpen6","setIsOpen6","isOpen7","setIsOpen7","isOpen8","setIsOpen8","isOpen9","setIsOpen9","isOpen10","setIsOpen10","isOpen11","setIsOpen11","isOpen12","setIsOpen12","isOpen13","setIsOpen13","isOpen14","setIsOpen14","isOpen15","setIsOpen15","isOpen16","setIsOpen16","isOpen17","setIsOpen17","isOpen18","setIsOpen18","isOpen19","setIsOpen19","isOpen20","setIsOpen20","frameborder","allow","allowfullscreen","preserveAspectRatio","vectorEffect","setSelected","setSocket","setNew_order_socket","new_order_sock"],"mappings":"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","file":"static/js/main.3c7b2656.chunk.js","sourcesContent":["export default function LoadingModal() {\n  return (\n    <div\n      className=\"absolute mt-24 inset-0  z-100  flex justify-center items-center\"\n      id=\"wrapper\"\n    >\n      <div className=\"w-[600px] flex  gap-2\">\n        <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n        <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n        <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n      </div>\n    </div>\n  );\n}\n","import React, { useState, useContext, useEffect } from \"react\";\nimport ReactSwitch from \"react-switch\";\nimport Modal from \"react-modal\";\nimport getToken from \"./Token\";\nimport getUsername from \"./Account_Infomation/Username\";\n\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Buffer } from \"buffer\";\nimport \"../styles/PostCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport { CompactPicker } from \"react-color\";\nimport ColorComponent from \"./popups/ColorComponent\";\n\nimport SizeComponent from \"./popups/SizeComponent\";\nimport zaplynIconT1 from \"../assets/t1.svg\";\nimport zaplynIconT2 from \"../assets/t2.svg\";\nimport { GlobalContext } from \"./GlobalContext\";\nimport { convertToBase64, createTileRef } from \"../helper/helper\";\nimport { useQueryClient } from \"react-query\";\nimport { S3 } from \"aws-sdk\";\nimport { Link } from \"react-router-dom\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\n\nconst s3 = new S3({\n  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,\n  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,\n  region: process.env.REACT_APP_AWS_REGION,\n  signatureVersion: \"v4\",\n});\n\nwindow.Buffer = Buffer;\n\nconst PostMessagePopup = (props) => {\n  const queryClient = useQueryClient();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const {\n    productCategories,\n    isProductsLoading,\n    userData,\n    isUserDataLoading,\n    isProductsError,\n    fetchedProductsList,\n    isCategoryLoading,\n    isCategoryError,\n    categoryErr,\n  } = useContext(GlobalContext);\n\n  //loading screen\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n  const setIsLoadingModalOpenToTrue = () => {\n    setIsLoadingModalOpen(true);\n  };\n  const setIsLoadingModalOpenToFalse = () => {\n    setIsLoadingModalOpen(false);\n  };\n\n  // create state to store the images that the user adds (Frontend Only)\n  const [images, setImages] = useState([]);\n\n  // shipping checkbox\n  const [isShippingChecked, setIsShippingChecked] = useState(false);\n\n  const handleShippingPrice = () => {\n    setIsShippingChecked(!isShippingChecked);\n  };\n\n  // share link configuration\n  const [checked, setChecked] = useState(false);\n  const [link_enabled, setLink_enabled] = useState(\"no\");\n  const handleChange = (val) => {\n    setChecked(val);\n    setLink_enabled(\"yes\");\n  };\n\n  // variants checkbox\n  const [isVariantChecked, setVariantChecked] = useState(false);\n\n  const handleVariantCheck = () => {\n    setVariantChecked(!isVariantChecked);\n  };\n\n  // variant items\n\n  const [variantItems, setVariantItems] = useState([\n    { variantName: \"\", price: \"\" },\n  ]);\n  const [variantCount, setVariantCount] = useState(1);\n\n  const handleAddVariantItem = () => {\n    if (variantCount < 10) {\n      setVariantItems([...variantItems, { variantName: \"\", price: \"\" }]);\n      setVariantCount(variantCount + 1);\n    }\n  };\n\n  // Addon checkbox\n  const [isAddOnChecked, setAddOnChecked] = useState(false);\n\n  const handleAddOnCheck = () => {\n    setAddOnChecked(!isAddOnChecked);\n  };\n\n  // Addon items\n\n  const [addOnItems, setAddOnItems] = useState([{ addOnName: \"\", price: \"\" }]);\n  const [addOnCount, setAddOnCount] = useState(1);\n\n  const handleAddAddOnItem = () => {\n    if (addOnCount < 10) {\n      setAddOnItems([...addOnItems, { addOnName: \"\", price: \"\" }]);\n      setAddOnCount(addOnCount + 1);\n    }\n  };\n\n  const uploadImage = async (e) => {\n    const newFiles = [];\n    //frontend display\n    const newImages = [];\n    for (let i = 0; i < e.target.files.length; i++) {\n      const base64 = await convertToBase64(e.target.files[i]);\n      newImages.push(base64);\n      newFiles.push(e.target.files[i]);\n    }\n    setImages(newImages);\n    setFiles(newFiles);\n    // console.log(newFiles)\n  };\n\n  // images to be uploaded\n  const [files, setFiles] = useState([]);\n  const [filesError, setFilesError] = useState(\"\");\n\n  const accesstoken = getToken();\n  const username = getUsername();\n  //const [isPending, setIsPending] = useState(false);\n\n  const [subject, setSubject] = useState(\"\"); //subject state for select\n  const [subjectError, setSubjectError] = useState(\"\");\n\n  // product title\n  const [itemTitle, setItemTitle] = useState(\"\");\n  const [titleError, setTitleError] = useState(\"\");\n\n  // product description\n  const [desc, setDesc] = useState(\"\");\n  const [descError, setDescError] = useState(\"\");\n\n  // product price\n  const [body, setBody] = useState(0);\n  const [body2, setBody2] = useState(0);\n  const [totalprice, setTotalprice] = useState(0);\n\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n\n  const [attribute, setAttribute] = useState(\"Size\");\n  const [colorattribute, setColorattribute] = useState(\"no\");\n  const [sizeattribute, setSizeattribute] = useState(\"no\");\n  const [qtyattribute, setQtyattribute] = useState(\"no\");\n\n  const [qty, setQty] = useState(\"\");\n\n  const [ZaplynTileRef, setZaplynTileRef] = useState(createTileRef());\n\n  const [author, setAuthor] = useState(username);\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [selectedEtmDeliveryErr, setSelectedEtmDeliveryErr] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [fromEtmDeliveryErr, setFromEtmDeliveryErr] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n  const [toEtmDeliveryErr, setToEtmDeliveryErr] = useState(\"\");\n\n  const [selectAttributeList, setSelectAttributeList] = useState([]);\n\n  const handleAttributeSelect = (e) => {\n    const newSelected = [...selectAttributeList];\n\n    if (newSelected.includes(e.target.value)) {\n      newSelected.splice(newSelected.indexOf(e.target.value), 1);\n    } else {\n      newSelected.push(e.target.value);\n    }\n    setSelectAttributeList(newSelected);\n  };\n\n  // Category and attribute related Func ---START---\n  //*********----------********** */\n  const [categoryList, setCategoryList] = useState(null);\n  const [subCategoryList, setSubCategoryList] = useState(null);\n  //   const { productCategories } = useContext(GlobalContext);\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n\n  const [isCustomCategorySelected, setIsCustomCategorySelected] =\n    useState(false);\n  const [customSubCategory, setCustomSubCategory] = useState(\"\");\n\n  const [attributes, setAttributes] = useState(null);\n\n  // color-picker\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const handleColorPicker = () => {\n    setShowColorPicker(!showColorPicker);\n  };\n  const handleColorSelection = (color) => {\n    setSelectedAttribute1([...selectedattribute1, color.hex]);\n  };\n\n  const onColorDelete = (index) => {\n    const newColors = selectedattribute1.filter((color, i) => i !== index);\n    setSelectedAttribute1(newColors);\n  };\n\n  //size picker\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const handleAttribute1Click = (name) => {\n    const newSelectedSizes = [...selectedattribute1];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute1(newSelectedSizes);\n  };\n\n  const handleAttribute2Click = (name) => {\n    const newSelectedSizes = [...selectedattribute2];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute2(newSelectedSizes);\n  };\n  const handleAttribute3Click = (name) => {\n    const newSelectedSizes = [...selectedattribute3];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute3(newSelectedSizes);\n  };\n  const handleAttribute4Click = (name) => {\n    const newSelectedSizes = [...selectedattribute4];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute4(newSelectedSizes);\n  };\n  const handleAttribute5Click = (name) => {\n    const newSelectedSizes = [...selectedattribute5];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute5(newSelectedSizes);\n  };\n\n  const [attribute1, setAttribute1] = useState(\"\");\n  const [attribute2, setAttribute2] = useState(\"\");\n  const [attribute3, setAttribute3] = useState(\"\");\n  const [attribute4, setAttribute4] = useState(\"\");\n  const [attribute5, setAttribute5] = useState(\"\");\n\n  //   categorylist\n  useEffect(() => {\n    if (productCategories) {\n      const categories = Object.keys(productCategories);\n      setCategoryList(categories);\n    }\n  }, [productCategories]);\n\n  //   subCategoryList\n  useEffect(() => {\n    if (productCategories && selectedCategory) {\n      setSelectedSubCategory(\"select\");\n      const subcategories = Object.keys(productCategories[selectedCategory]);\n      if (\n        subcategories?.length === 1 &&\n        subcategories[0] === selectedCategory\n      ) {\n        setSubCategoryList([\"custom\"]);\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      } else {\n        const newSubCategoryList = subcategories.filter(\n          (item) => item !== selectedCategory\n        );\n        setSubCategoryList([...newSubCategoryList, \"custom\"]);\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      }\n    }\n  }, [selectedCategory]);\n\n  //   attributes\n  useEffect(() => {\n    if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory === \"custom\"\n    ) {\n      setIsCustomCategorySelected(true);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedSubCategory];\n      setAttributes(attributes);\n    } else if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory !== \"select\"\n    ) {\n      setIsCustomCategorySelected(false);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedSubCategory];\n      setAttributes(attributes);\n    } else if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory === \"select\"\n    ) {\n      setIsCustomCategorySelected(false);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedCategory];\n      setAttributes(attributes);\n    }\n  }, [selectedSubCategory]);\n\n  //   attributes values\n  useEffect(() => {\n    if (productCategories && attributes) {\n      for (let i = 0; i < Object.keys(attributes).length; i++) {\n        if (i === 0) {\n          setAttribute1(Object.keys(attributes)[i]);\n        } else if (i === 1) {\n          setAttribute2(Object.keys(attributes)[i]);\n        } else if (i === 2) {\n          setAttribute3(Object.keys(attributes)[i]);\n        } else if (i === 3) {\n          setAttribute4(Object.keys(attributes)[i]);\n        } else if (i === 4) {\n          setAttribute5(Object.keys(attributes)[i]);\n        }\n      }\n    }\n  }, [attributes]);\n\n  //*********----------********** */\n  // Category and attribute related Func ---END---\n\n  // save button Func - make Post_request\n  const handleSumbit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n\n    const imageUrls = [];\n    for (let i = 0; i < files.length; i++) {\n      const fileName = `${Date.now()}-${username}-${ZaplynTileRef}-${\n        files[i].name\n      }`;\n      const s3Params = {\n        Bucket: \"zaplynimages\",\n        Key: fileName,\n        ContentType: files[i].type,\n        Body: files[i],\n      };\n      try {\n        const { Location } = await s3.upload(s3Params).promise();\n        imageUrls.push(Location);\n      } catch (err) {\n        console.error(`Error uploading image ${i}:`, err);\n      }\n    }\n\n    let categoryErr = false;\n    let titleErr = false;\n    let descErr = false;\n    let filesErr = false;\n    let deliveryErr = false;\n    let fromdeliveryErr = false;\n    let todeliveryErr = false;\n\n    //validate subject field\n    if (selectedCategory === \"\") {\n      setSubjectError(\"Please Select a Category!\");\n      categoryErr = true;\n    } else {\n      setSubjectError(\"\");\n    }\n\n    //validate itemname field\n    if (itemTitle.trim() === \"\") {\n      setTitleError(\"Please Enter your Product Name!\");\n      titleErr = true;\n    } else {\n      setTitleError(\"\");\n    }\n\n    //validate description field\n    if (desc.trim() === \"\") {\n      setDescError(\"Please Enter your Product Details!\");\n      descErr = true;\n    } else {\n      setDescError(\"\");\n    }\n\n    //validate etm_delivery field\n    if (selectedEtmDelivery === \"\" || selectedEtmDelivery === \"select\") {\n      setSelectedEtmDeliveryErr(\"Please Select !\");\n      deliveryErr = true;\n    } else {\n      setSelectedEtmDeliveryErr(\"\");\n    }\n\n    // validate from etm_del\n    if (fromEtmDelivery.trim() === \"\") {\n      setFromEtmDeliveryErr(\"required!\");\n      fromdeliveryErr = true;\n    } else {\n      setFromEtmDeliveryErr(\"\");\n    }\n\n    // validate from etm_del\n    if (toEtmDelivery.trim() === \"\") {\n      setToEtmDeliveryErr(\"required!\");\n      todeliveryErr = true;\n    } else {\n      setToEtmDeliveryErr(\"\");\n    }\n\n    // validate images\n    if (files?.length === 0) {\n      setFilesError(\"Please Upload images for your product\");\n      filesErr = true;\n    } else {\n      setFilesError(\"\");\n    }\n\n    // If any error message is set, the form is not valid\n    if (\n      categoryErr ||\n      titleErr ||\n      descErr ||\n      filesErr ||\n      deliveryErr ||\n      fromdeliveryErr ||\n      todeliveryErr\n    ) {\n      return;\n    } else {\n      // Proceed incase no error found\n\n      let attr1 = \"\";\n      let attr2 = \"\";\n      let attr3 = \"\";\n      let attr4 = \"\";\n      let attr5 = \"\";\n\n      if (attribute1 !== \"\") {\n        attr1 = attribute1 + \"-\" + selectedattribute1.toString();\n      }\n      if (attribute2 !== \"\") {\n        attr2 = attribute2 + \"-\" + selectedattribute2.toString();\n      }\n      if (attribute3 !== \"\") {\n        attr3 = attribute3 + \"-\" + selectedattribute3.toString();\n      }\n\n      if (attribute4 !== \"\") {\n        attr4 = attribute4 + \"-\" + selectedattribute4.toString();\n      }\n      if (attribute5 !== \"\") {\n        attr5 = attribute5 + \"-\" + selectedattribute5.toString();\n      }\n      const content = {\n        author,\n        attribute,\n        totalprice,\n        itemname: itemTitle,\n        desc,\n        body,\n        body2,\n        color: \"\",\n        size: \"\",\n        qty,\n        subject: selectedCategory,\n        sub_category: isCustomCategorySelected\n          ? customSubCategory\n          : selectedSubCategory,\n        custom_category: isCustomCategorySelected ? \"yes\" : \"no\",\n\n        ZaplynTileRef,\n        images: imageUrls.toString(),\n        link_enabled,\n        etm_date:\n          fromEtmDelivery + \",\" + toEtmDelivery + \",\" + selectedEtmDelivery,\n        currency: chosencurrency,\n        variant: variantItems\n          ?.map((item) => [item.variantName, item.price].toString())\n          .toString(),\n        add_ons: addOnItems.reduce((result, obj) => {\n          result[obj.addOnName] = obj.price;\n          return result;\n        }, {}),\n        show_variant: isVariantChecked,\n        attribute_1: attr1 || \"\",\n        attribute_2: attr2 || \"\",\n        attribute_3: attr3 || \"\",\n        attribute_4: attr4 || \"\",\n        attribute_5: attr5 || \"\",\n      };\n\n      // console.log(content);\n\n      const response = await fetch(link + \"message-create/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify(content),\n      });\n\n      const json = await response.json();\n      setIsLoadingModalOpen(true);\n\n      if (json[\"Status\"] === \"Success\") {\n        toast(\"Successful\");\n      } else {\n        toast(\"Oops! Something went wrong!\");\n      }\n\n      // image upload\n      // const options = {\n      //   maxSizeMB: 0.1,\n      //   maxWidthOrHeight: 1280,\n      // };\n\n      // var count = Object.keys(files).length;\n      // setBaseImage([]);\n      // for (let i = 0; i < count; i++) {\n      //   const compressedFile = await imageCompression(files[i], options);\n      //   const base64 = await convertToBase64(compressedFile);\n\n      //   const res = await fetch(link+\"photo-upload/\", {\n      //     method: \"POST\",\n      //     headers: {\n      //       \"Content-Type\": \"application/json\",\n      //       Authorization: \"Bearer \" + accesstoken,\n      //     },\n      //     body: JSON.stringify({\n      //       user: author,\n      //       name: ZaplynTileRef + \"-img-\" + i,\n      //       image: base64,\n      //       ZaplynTileRef: ZaplynTileRef,\n      //     }),\n      //   });\n      //   const resJson = await res.json();\n      //   if (resJson) {\n      //     setBaseImage(resJson[\"image_data\"]);\n      //   }\n      // }\n\n      await queryClient.invalidateQueries([\"productsData\", 1]);\n      await queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n      await queryClient.invalidateQueries(\"categoryData\");\n\n      setIsLoadingModalOpen(false);\n    }\n    props.onClick();\n  };\n\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"sub-categ\", subCategoryList);\n  // console.log(\"ats\", attributes);\n  // console.log(\"at1\", attribute1);\n  // console.log(\"at2\", attribute2);\n  // console.log(\"at3\", attribute3);\n  // console.log(\"at4\", attribute4);\n  // console.log(\"at5\", attribute5);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n\n  // useEffect(() => {\n  //   const newdata = variantItems?.map((item) =>\n  //     [item.variantName, item.price].toString()\n  //   );\n  //   console.log(newdata.toString());\n  // }, [variantItems]);\n\n  if (isUserDataLoading || isCategoryLoading) {\n    return <p>Loading...</p>;\n  }\n\n  if (isCategoryError) {\n    return (\n      <div className=\"mt-2 bg-white flex flex-col items-center rounded-xl justify-centeri\">\n        <div className=\"flex items-center h-full sm:p-16 text-gray-700\">\n          <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              className=\"w-40 h-40 text-gray-600\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n              ></path>\n              <rect\n                width=\"176\"\n                height=\"32\"\n                x=\"168\"\n                y=\"320\"\n                fill=\"currentColor\"\n              ></rect>\n              <polygon\n                fill=\"currentColor\"\n                points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n              ></polygon>\n              <polygon\n                fill=\"currentColor\"\n                points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n              ></polygon>\n            </svg>\n            <p className=\"text-3xl\">\n              Looks like our services are currently offline\n            </p>\n            <div className=\"flex items-center \">\n              <img\n                src={zaplynIconT1}\n                alt=\"\"\n                className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n              />\n\n              <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n              <p className=\"text-lg bg-gradient-to-b from-purple-500 to-pink-500 text-transparent bg-clip-text text-center ml-2\">\n                We'll be back soon!\n              </p>\n              <img\n                src={zaplynIconT2}\n                alt=\"\"\n                className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n              />\n\n              <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n  if (!userData?.premium && fetchedProductsList?.length >= 5) {\n    return (\n      <div className=\"z-40 font-lexand bg-white shadow-md rounded-md p-5\">\n        <p>\n          Oh No! You have already created 5 products. To add more, you need to\n          get the premium plan. Get the plan{\" \"}\n          <Link to=\"/account\">\n            <span\n              onClick={() => props.onClick()}\n              className=\"font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text underline\"\n            >\n              here.\n            </span>\n          </Link>\n        </p>\n      </div>\n    );\n  }\n  return (\n    <div>\n      <div className=\"z-40 font-lexand bg-white shadow-md rounded-md\">\n        <div id=\"containerbox\" className=\"flex flex-col gap-2 p-2\">\n          <div className=\"flex items-center justify-center \">\n            <img\n              src={zaplynIconT1}\n              alt=\"\"\n              className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n            />\n\n            <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n            <p className=\"text-lg text-center ml-2\">Add New Product</p>\n            <img\n              src={zaplynIconT2}\n              alt=\"\"\n              className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n            />\n\n            <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n          </div>\n\n          <div className=\"md:flex md:mt-2 md:gap-4 md:w-full\">\n            {/* details section */}\n            <div className=\"flex flex-col gap-2 md:gap-4 md:w-1/2\">\n              {/* category div */}\n              <div className=\"relative flex flex-col justify-center items-end gap-2\">\n                <div className=\" p-1 w-full \">\n                  <select\n                    class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                    required\n                    defaultValue={selectedCategory}\n                    onChange={(e) => {\n                      if (e.target.value !== \"Select Category\") {\n                        setSubjectError(\"\");\n                        setAttributes(null);\n                        setAttribute1(\"\");\n                        setAttribute2(\"\");\n                        setAttribute3(\"\");\n                        setAttribute4(\"\");\n                        setAttribute5(\"\");\n                        setSelectedAttribute1([]);\n                        setSelectedAttribute2([]);\n                        setSelectedAttribute3([]);\n                        setSelectedAttribute4([]);\n                        setSelectedAttribute5([]);\n                        setSelectedCategory(e.target.value);\n                      } else if (e.target.value === \"Select Category\") {\n                        setSubCategoryList(null);\n                        setAttributes(null);\n                        setAttribute1(\"\");\n                        setAttribute2(\"\");\n                        setAttribute3(\"\");\n                        setAttribute4(\"\");\n                        setAttribute5(\"\");\n                        setSelectedAttribute1([]);\n                        setSelectedAttribute2([]);\n                        setSelectedAttribute3([]);\n                        setSelectedAttribute4([]);\n                        setSelectedAttribute5([]);\n                      }\n                    }}\n                  >\n                    {categoryList == null && <div>loading</div>}\n                    {categoryList != null &&\n                      categoryList.map((category, index) => (\n                        <option key={index} value={category}>\n                          {category}\n                        </option>\n                      ))}\n                  </select>\n                </div>\n                {subCategoryList !== null && (\n                  <div className=\"space-y-2 p-1 w-full \">\n                    <select\n                      class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                      required\n                      value={selectedSubCategory}\n                      onChange={(e) => {\n                        if (e.target.value !== \"Select\") {\n                          setAttribute1(\"\");\n                          setAttribute2(\"\");\n                          setAttribute3(\"\");\n                          setAttribute4(\"\");\n                          setAttribute5(\"\");\n                          setSelectedAttribute1([]);\n                          setSelectedAttribute2([]);\n                          setSelectedAttribute3([]);\n                          setSelectedAttribute4([]);\n                          setSelectedAttribute5([]);\n                          setShowColorPicker(false);\n                          setSelectedSubCategory(e.target.value);\n                        }\n                      }}\n                    >\n                      <option value=\"select\">Select</option>\n                      {subCategoryList == null && <div>loading</div>}\n                      {subCategoryList != null &&\n                        subCategoryList.map((subcategory, index) => (\n                          <option key={index} value={subcategory}>\n                            {subcategory}\n                          </option>\n                        ))}\n                    </select>\n                    {isCustomCategorySelected && (\n                      <input\n                        class=\"focus:outline-none placeholder-gray-500 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer border border-pink-200 rounded-md\"\n                        required\n                        value={customSubCategory}\n                        placeholder=\"Add your custom sub-category here..\"\n                        onChange={(e) => setCustomSubCategory(e.target.value)}\n                      />\n                    )}\n                  </div>\n                )}\n                {subjectError && (\n                  <p className=\" text-xs text-red-700\">{subjectError}</p>\n                )}\n              </div>\n\n              <input\n                id=\"title\"\n                className={`focus:outline-none p-2  shadow-md border  border-pink-300 rounded-md h-10  w-full ${\n                  titleError\n                    ? \"text-right placeholder-red-700 text-xs\"\n                    : \"text-left text-sm\"\n                } `}\n                type=\"Text\"\n                required\n                onClick={() => setTitleError(\"\")}\n                onChange={(e) => setItemTitle(e.target.value)}\n                placeholder={titleError ? `${titleError}` : \"Add Title*\"}\n                rows=\"1\"\n                maxLength={50}\n              />\n              <textarea\n                id=\"description\"\n                className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-24 resize-none ${\n                  descError\n                    ? \"text-right placeholder-red-700 text-xs\"\n                    : \"text-left text-sm\"\n                } `}\n                type=\"Text\"\n                value={desc}\n                onClick={() => setDescError(\"\")}\n                onChange={(e) => setDesc(e.target.value)}\n                required\n                placeholder={descError ? `${descError}` : \"Add Description*\"}\n                rows=\"1\"\n                maxLength={150}\n              />\n              <div className=\"space-y-2 md:space-y-4\">\n                {/* variants div */}\n                <div className=\"flex flex-col items-start  gap-2 \">\n                  <div className=\"flex items-center gap-4\">\n                    {/* <select\n                        className=\"focus:outline-none w-2/7  shadow-md bg-white border border-pink-300 rounded-md text-xs p-2 cursor-pointer \"\n                        required\n                        onChange={(e) => setChosencurrency(e.target.value)}\n                      >\n                        <option value=\"GBP\">GBP</option>\n                        <option value=\"EUR\">EUR</option>\n                        <option value=\"USD\">USD</option>\n                      </select> */}\n                    <p className=\"text-xs\">\n                      {chosencurrency} {`(£)`}\n                    </p>\n                    <p className=\"flex text-sm text-gray-600 my-2\">\n                      Product Variants?\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        placement=\"top\"\n                        arrow\n                        title=\"Add variants to your product/service each with its own price.\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n\n                    <input\n                      type=\"checkbox\"\n                      id=\"variant\"\n                      name=\"variant\"\n                      className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                      checked={isVariantChecked}\n                      onChange={handleVariantCheck}\n                    />\n                    {isVariantChecked && (\n                      <div\n                        onClick={handleAddVariantItem}\n                        className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                      >\n                        <p className=\"text-white text-xs \">Add</p>\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                            fill=\"#fff\"\n                          ></path>\n                        </svg>\n                      </div>\n                    )}\n                  </div>\n\n                  {isVariantChecked && (\n                    <>\n                      {variantItems.map((item, index) => (\n                        <div key={index} className=\"flex gap-2 items-center \">\n                          <input\n                            type=\"text\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                            required\n                            value={item.variantName}\n                            placeholder=\"Variant Name\"\n                            onChange={(e) => {\n                              const updatedItems = [...variantItems];\n                              updatedItems[index].variantName = e.target.value;\n                              setVariantItems(updatedItems);\n                            }}\n                          />\n                          <input\n                            type=\"number\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                            value={item.price}\n                            placeholder=\"Variant Price\"\n                            onChange={(e) => {\n                              const updatedItems = [...variantItems];\n                              updatedItems[index].price = e.target.value;\n                              setVariantItems(updatedItems);\n                            }}\n                          />\n                          <button\n                            onClick={() => {\n                              const updatedItems = [...variantItems];\n                              updatedItems.splice(index, 1);\n                              setVariantItems(updatedItems);\n                              setVariantCount(variantCount - 1);\n                            }}\n                          >\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              className=\"w-5 h-5\"\n                            >\n                              <path\n                                d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                                fill=\"red\"\n                              ></path>\n                            </svg>\n                          </button>\n                        </div>\n                      ))}\n                    </>\n                  )}\n                </div>\n\n                {/* price-div */}\n                <div className=\"flex flex-col gap-1\">\n                  {!isVariantChecked && (\n                    <div className=\"flex flex-row justify-evenly w-full  \">\n                      <div className=\"flex flex-row-reverse  w-full rounded-sm text-sm\">\n                        <input\n                          id=\"messagecontent\"\n                          className=\"focus:outline-none placeholder-gray-400 shadow-md  border-pink-300 rounded-md text-xs p-2 border mr-3 \"\n                          type=\"number\"\n                          value={body}\n                          onChange={(e) => setBody(e.target.value)}\n                          required\n                          placeholder=\"Retail Price\"\n                          rows=\"1\"\n                        />\n                        <p className=\"text-sm m-2 w-1/4 justify-center font-semibold text-gray-600 \">\n                          Retail Price\n                        </p>\n                      </div>\n                    </div>\n                  )}\n                  <div className=\"flex mt-1 w-full justify-start \">\n                    {!isShippingChecked && (\n                      <p className=\"flex text-xs text-gray-600 my-2\">\n                        Shipping Charges?\n                        <Tooltip\n                          enterTouchDelay={0}\n                          TransitionComponent={Zoom}\n                          placement=\"top\"\n                          arrow\n                          title=\"Use this to add shipping charge to each item.\"\n                        >\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-4 h-4\"\n                          >\n                            <path\n                              d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                              fill=\"rgba(235,117,253,1)\"\n                            ></path>\n                          </svg>\n                        </Tooltip>\n                      </p>\n                    )}\n                    <input\n                      type=\"checkbox\"\n                      id=\"shippingPrice\"\n                      name=\"shippingPrice\"\n                      className=\"h-4 w-4 mx-2 my-2\"\n                      checked={isShippingChecked}\n                      onChange={handleShippingPrice}\n                    />\n\n                    {isShippingChecked && (\n                      <div className=\"flex items-end  w-full \">\n                        <div className=\"flex flex-row w-full justify-evenly rounded-md text-sm\">\n                          <p className=\"text-sm w-1/3 m-1 font-semibold text-gray-600 \">\n                            Shipping Price\n                          </p>\n                          <input\n                            id=\"messagecontent\"\n                            className=\"focus:outline-none placeholder-gray-400 mr-1 shadow-md border border-pink-300 rounded-md text-xs p-2 \"\n                            type=\"number\"\n                            value={body2}\n                            onChange={(e) => {\n                              setBody2(e.target.value);\n                              setTotalprice(parseInt(body) + parseInt(body2));\n                            }}\n                            required\n                            placeholder=\"Shipping Price/item\"\n                            rows=\"1\"\n                          />\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                </div>\n\n                {/* Estimated Delivery */}\n                <div>\n                  <div className=\"flex gap-2 items-center justify-between \">\n                    <p className=\"flex text-sm\">\n                      Estimated Delivery Time{\" \"}\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        leaveTouchDelay={5000}\n                        placement=\"top\"\n                        arrow\n                        title=\"Set this time to explain the delivery time of your product or service.\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n                    <div className=\"w-1/3\">\n                      <select\n                        className=\"cursor-pointer w-full mr-4 shadow-md bg-white justify-end focus:outline-none border border-pink-300 rounded-md text-xs p-2\"\n                        required\n                        onChange={(e) => {\n                          setSelectedEtmDelivery(e.target.value);\n                          setSelectedEtmDeliveryErr(\"\");\n                        }}\n                      >\n                        <option value=\"select\">Select </option>\n                        <option value=\"minutes\">Minutes</option>\n                        <option value=\"hours\">Hours</option>\n                        <option value=\"days\">Days</option>\n                      </select>\n                      {selectedEtmDeliveryErr && (\n                        <p className=\" text-xs text-red-700\">\n                          {selectedEtmDeliveryErr}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n\n                  {selectedEtmDelivery !== \"\" &&\n                    selectedEtmDelivery !== \"select\" && (\n                      <div className=\"flex items-center gap-3 mt-2\">\n                        <input\n                          className={`focus:outline-none p-2  shadow-md border  border-pink-300 rounded-md h-10  w-full ${\n                            fromEtmDeliveryErr\n                              ? \"text-right placeholder-red-700 text-xs\"\n                              : \"text-left text-sm\"\n                          } `}\n                          type=\"text\"\n                          onClick={() => setFromEtmDeliveryErr(\"\")}\n                          onChange={(e) => setFromEtmDelivery(e.target.value)}\n                          placeholder={` ${\n                            fromEtmDeliveryErr\n                              ? `${fromEtmDeliveryErr}`\n                              : `${\n                                  selectedEtmDelivery === \"minutes\" ? \"20\" : \"\"\n                                } ${\n                                  selectedEtmDelivery === \"hours\" ? \"4\" : \"\"\n                                }${selectedEtmDelivery === \"days\" ? \"3\" : \"\"}`\n                          }`}\n                        />\n                        <p>To</p>\n                        <input\n                          className={`focus:outline-none p-2  shadow-md border  border-pink-300 rounded-md h-10  w-full ${\n                            toEtmDeliveryErr\n                              ? \"text-right placeholder-red-700 text-xs\"\n                              : \"text-left text-sm\"\n                          } `}\n                          type=\"text\"\n                          onClick={() => setToEtmDeliveryErr(\"\")}\n                          onChange={(e) => setToEtmDelivery(e.target.value)}\n                          placeholder={`${\n                            toEtmDeliveryErr\n                              ? `${toEtmDeliveryErr}`\n                              : `${\n                                  selectedEtmDelivery === \"minutes\" ? \"30\" : \"\"\n                                } ${\n                                  selectedEtmDelivery === \"hours\" ? \"8\" : \"\"\n                                }${selectedEtmDelivery === \"days\" ? \"5\" : \"\"} `\n                          } \n                        `}\n                        />\n\n                        <p className=\" text-gray-500 text-sm\">\n                          {selectedEtmDelivery}\n                        </p>\n                      </div>\n                    )}\n                </div>\n\n                <div className=\"flex my-2 gap-4 items-center w-full justify-between pr-4\">\n                  {/* share-link div */}\n                  <div className=\"text-sm py-2 px-1 border border-pink-300 shadow-md  rounded-md w-1/2 flex flex-row justify-start\">\n                    <p className=\" mr-2 my-1 font-semibold text-gray-600 text-sm\">\n                      Enable Link\n                    </p>\n                    <ReactSwitch checked={checked} onChange={handleChange} />\n                  </div>\n\n                  {/* total-price */}\n                  {/* {body && body2 && (\n                    <p className=\"flex flex-col items-end\">\n                      <span className=\"text-gray-500\"> Total Price:</span>\n                      <span className=\"text-xl text-gray-600\">\n                        {chosencurrency === \"GBP\" && (\n                          <span className=\"mr-1\">£</span>\n                        )}\n                        {chosencurrency === \"EUR\" && (\n                          <span className=\"mr-1\">€</span>\n                        )}\n                        {chosencurrency === \"USD\" && (\n                          <span className=\"mr-1\">$</span>\n                        )}\n                        {parseInt(body) + parseInt(body2)}\n                      </span>\n                    </p>\n                  )} */}\n                </div>\n\n                {attributes !== null &&\n                  attributes !== undefined &&\n                  Object.keys(attributes).length !== 0 && (\n                    <div className=\"flex w-full\">\n                      <p className=\"flex flex-row text-sm justify-start w-1/3 my-1 font-semibold text-gray-600 \">\n                        Add Attribute:\n                        <Tooltip\n                          enterTouchDelay={0}\n                          TransitionComponent={Zoom}\n                          placement=\"top\"\n                          arrow\n                          leaveTouchDelay={5000}\n                          title=\"Optional field. This allows customers to select their preferred option such as color or size of t-shirt, portion size of food, etc.\"\n                        >\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-4 h-4\"\n                          >\n                            <path\n                              d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                              fill=\"rgba(235,117,253,1)\"\n                            ></path>\n                          </svg>\n                        </Tooltip>\n                      </p>\n                      <select\n                        className=\"cursor-pointer w-2/3 mr-4 shadow-md bg-white justify-end focus:outline-none border border-pink-300 rounded-md text-xs p-2\"\n                        required\n                        value=\"select Attributes\"\n                        onChange={(e) => handleAttributeSelect(e)}\n                      >\n                        <option value=\"select\">Select Attributes</option>\n                        {Object.keys(attributes).map((attribute) => (\n                          <option\n                            className={` ${\n                              selectAttributeList.includes(attribute)\n                                ? \"bg-pink-300\"\n                                : \"\"\n                            }`}\n                            value={attribute}\n                          >\n                            {attribute}\n                          </option>\n                        ))}\n                      </select>\n                    </div>\n                  )}\n\n                <div className=\"flex\">\n                  <input\n                    id=\"messagecontent\"\n                    className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-full cursor-pointer rounded-lg bg-gray-200\"\n                    type=\"number\"\n                    value={qty}\n                    onChange={(e) => setQty(e.target.value)}\n                    required\n                    placeholder=\"Qty\"\n                    rows=\"1\"\n                  />\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    arrow\n                    title=\"Maximum amount that can be ordered by customer. Default value is 1.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </div>\n\n                {/* Add ons div */}\n                <div className=\"flex flex-col items-start  gap-2 \">\n                  <div className=\"flex items-center gap-4\">\n                    <p className=\"flex text-sm text-gray-600 my-2\">\n                      Add-ons?\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        placement=\"top\"\n                        arrow\n                        leaveTouchDelay={5000}\n                        title=\"This allows users to choose additional items on top of the product (for example, extra cheese on their burger!).\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n\n                    <input\n                      type=\"checkbox\"\n                      id=\"addon\"\n                      name=\"addon\"\n                      className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                      checked={isAddOnChecked}\n                      onChange={handleAddOnCheck}\n                    />\n                    {isAddOnChecked && (\n                      <div\n                        onClick={handleAddAddOnItem}\n                        className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                      >\n                        <p className=\"text-white text-xs \">Add</p>\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                            fill=\"#fff\"\n                          ></path>\n                        </svg>\n                      </div>\n                    )}\n                  </div>\n\n                  {isAddOnChecked && (\n                    <>\n                      {addOnItems.map((item, index) => (\n                        <div key={index} className=\"flex gap-2 items-center \">\n                          <input\n                            type=\"text\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                            required\n                            value={item.addOnName}\n                            placeholder=\"Add-on Name\"\n                            onChange={(e) => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems[index].addOnName = e.target.value;\n                              setAddOnItems(updatedItems);\n                            }}\n                          />\n                          <input\n                            type=\"number\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                            value={item.price}\n                            placeholder=\"addon Price\"\n                            onChange={(e) => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems[index].price = e.target.value;\n                              setAddOnItems(updatedItems);\n                            }}\n                          />\n                          <button\n                            onClick={() => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems.splice(index, 1);\n                              setAddOnItems(updatedItems);\n                              setAddOnCount(setAddOnCount - 1);\n                            }}\n                          >\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              className=\"w-5 h-5\"\n                            >\n                              <path\n                                d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                                fill=\"red\"\n                              ></path>\n                            </svg>\n                          </button>\n                        </div>\n                      ))}\n                    </>\n                  )}\n                </div>\n\n                <div className=\"p-1\">\n                  {attributes !== null &&\n                    attributes !== undefined &&\n                    Object.keys(attributes).length !== 0 && (\n                      <>\n                        {attribute1 !== \"\" &&\n                        selectAttributeList.includes(attribute1) &&\n                        attribute1 === \"color\" ? (\n                          <>\n                            <p className=\"flex items-center justify-start\">\n                              {attribute1}\n                            </p>\n                            <div className=\"relative flex items-center w-full justify-between  p-0.5 \">\n                              <div className=\"  rounded-md grid grid-cols-6 w-9/12\">\n                                {selectedattribute1?.map((color, index) => (\n                                  <ColorComponent\n                                    key={index}\n                                    color={color}\n                                    index={index}\n                                    onDelete={onColorDelete}\n                                  />\n                                ))}\n                              </div>\n                              <button\n                                className=\"flex items-center rounded-md shadow-md px-2 p-1 w-3/12  text-xs\"\n                                onClick={handleColorPicker}\n                              >\n                                {showColorPicker ? (\n                                  <p className=\"flex pl-2\">\n                                    Close{\" \"}\n                                    <span>\n                                      <svg\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 20 20\"\n                                        width=\"20\"\n                                        height=\"20\"\n                                        className=\"text-red-400 w-4 h-4\"\n                                      >\n                                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                        <path d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\n                                      </svg>\n                                    </span>{\" \"}\n                                  </p>\n                                ) : (\n                                  <button className=\"flex items-center \">\n                                    <svg\n                                      xmlns=\"http://www.w3.org/2000/svg\"\n                                      viewBox=\"0 0 24 24\"\n                                      width=\"20\"\n                                      height=\"20\"\n                                    >\n                                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                      <path d=\"M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 1 1-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1H18.07L11 6.03z\" />\n                                    </svg>\n                                    <p className=\"text-xs\">Chose Color</p>\n                                  </button>\n                                )}\n                              </button>\n\n                              {/* color-picker absolute */}\n                              {showColorPicker && (\n                                <div className=\"absolute -top-24 right-0\">\n                                  <button\n                                    onClick={() => setShowColorPicker(false)}\n                                  >\n                                    x\n                                  </button>\n                                  <CompactPicker\n                                    onChangeComplete={handleColorSelection}\n                                  />\n                                </div>\n                              )}\n                            </div>\n                          </>\n                        ) : (\n                          <>\n                            {attribute1 !== \"\" &&\n                              selectAttributeList.includes(attribute1) && (\n                                <>\n                                  <p className=\"flex items-center justify-start\">\n                                    {attribute1}\n                                  </p>\n                                  <div className=\" flex flex-wrap gap-3  p-2\">\n                                    {attributes[attribute1]\n                                      .split(\",\")\n                                      .map((size) => (\n                                        <SizeComponent\n                                          key={size}\n                                          name={size}\n                                          selectedSizes={selectedattribute1}\n                                          onSelect={() =>\n                                            handleAttribute1Click(size)\n                                          }\n                                        />\n                                      ))}\n                                  </div>\n                                </>\n                              )}\n                          </>\n                        )}\n                        {attribute2 !== \"\" &&\n                          selectAttributeList.includes(attribute2) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute2}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute2]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute2}\n                                      onSelect={() =>\n                                        handleAttribute2Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute3 !== \"\" &&\n                          selectAttributeList.includes(attribute3) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute3}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute3]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute3}\n                                      onSelect={() =>\n                                        handleAttribute3Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute4 !== \"\" &&\n                          selectAttributeList.includes(attribute4) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute4}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute4]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute4}\n                                      onSelect={() =>\n                                        handleAttribute4Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute5 !== \"\" &&\n                          selectAttributeList.includes(attribute5) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute5}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute5]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute5}\n                                      onSelect={() =>\n                                        handleAttribute5Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                      </>\n                    )}\n                </div>\n              </div>\n            </div>\n            {/* image-section */}\n            <div className=\" py-2 md:py-0 my-auto md:w-1/2\">\n              {images?.length > 0 ? (\n                <>\n                  <div className=\" w-full mb-14  \">\n                    <Carousel\n                      infiniteLoop={true}\n                      showStatus={false}\n                      showArrows={false}\n                      swipeable={false}\n                      thumbWidth={50}\n                      className=\"postproductCarousel\"\n                    >\n                      {images.map((image) => (\n                        <img src={image} alt=\"\" className=\"\" />\n                      ))}\n                      {/* {Array.from(images).map((image) => (\n                      <img\n                        src={image ? URL.createObjectURL(image) : null}\n                        alt=\"\"\n                        className=\"h-48 md:h-72 object-contain \"\n                      />\n                    ))} */}\n                    </Carousel>\n                  </div>\n                  <label\n                    htmlFor=\"image_uploads\"\n                    className=\" text-xs cursor-pointer shadow-md px-4 py-1 w-40  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                  >\n                    Change Images\n                  </label>\n                  <input\n                    type=\"file\"\n                    id=\"image_uploads\"\n                    name=\"image_uploads\"\n                    style={{ display: \"none\" }}\n                    multiple\n                    accept=\"image/*\"\n                    onChange={(e) => {\n                      uploadImage(e);\n                    }}\n                  />\n                </>\n              ) : (\n                <>\n                  <label\n                    htmlFor=\"img_uploads\"\n                    className=\"flex flex-col items-center justify-center text-gray-400 cursor-pointer md:w-72\"\n                  >\n                    {\" \"}\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"60\"\n                      height=\"60\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path\n                        d=\"M12 12.586l4.243 4.242-1.415 1.415L13 16.415V22h-2v-5.587l-1.828 1.83-1.415-1.415L12 12.586zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784L18 17a6 6 0 0 0-11.996-.225L6 17v1.978a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z\"\n                        fill=\"rgba(213,63,140)\"\n                      />\n                    </svg>\n                    <p className=\"text-xs \">Click to Upload Image(s)</p>\n                    {filesError && (\n                      <p className=\"text-red-500 text-xs\">{filesError}</p>\n                    )}\n                  </label>\n                  <input\n                    id=\"img_uploads\"\n                    name=\"img_uploads\"\n                    type=\"file\"\n                    style={{ display: \"none\" }}\n                    multiple\n                    accept=\"image/*\"\n                    onChange={(e) => {\n                      uploadImage(e);\n                    }}\n                  />\n                </>\n              )}\n            </div>\n          </div>\n\n          <form\n            id=\"messagesubject\"\n            onSubmit={handleSumbit}\n            className=\" md:pt-2 pb-2\"\n          >\n            <div className=\" flex flex-col text-center \">\n              <div className=\" pl-2 text-center\">\n                <button className=\" focus:outline-none text-center\">\n                  <div className=\"focus:border-0 \">\n                    <div className=\" cursor-pointer w-40 text-md md:text-md shadow-md px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\">\n                      Save\n                    </div>\n                  </div>\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n        {/* Loading Modal*/}\n        <Modal\n          isOpen={isLoadingModalOpen}\n          className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n          overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n          onRequestClose={() => setIsLoadingModalOpen(false)}\n        >\n          <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n            <div className=\"flex items-center justify-center space-x-2\">\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            </div>\n          </div>\n        </Modal>\n      </div>\n    </div>\n  );\n};\n\nexport default PostMessagePopup;\n","export default __webpack_public_path__ + \"static/media/ZaplynLogo.bf78484b.svg\";","import React, { useState, useEffect,useContext } from \"react\";\nimport ProgressBar from \"@badrap/bar-of-progress\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { w3cwebsocket as W3CWebSocket } from \"websocket\";\n\n\nconst Sucess = () => {\n  const progress = new ProgressBar();\n  const search = window.location.search;\n  const [tile, setTile] = useState(search.slice(1, 11));\n  const queryParameters = new URLSearchParams(window.location.search);\n  const payment_intent = queryParameters.get(\"payment_intent\");\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  useEffect(() => {\n    if (tile?.length > 0) {\n      fetch(link+\"order-confirm/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          order_id: tile.slice(0, 10),\n          discount: \"5\",\n          payment_intent: payment_intent || \"\",\n        }),\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          // toast(JSON.stringify( json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        });\n      \n        var ws_scheme =\n          window.location.protocol == \"https:\"\n            ? \"wss://omnistack.org\"\n            : \"wss://omnistack.org\";\n        const sock = new W3CWebSocket(ws_scheme + \"/ws3/fetch-order-status/\");\n    \n        sock.onopen = () => {\n          console.log(\"WebSocket Client Connected\");\n          sock.send(\n            JSON.stringify({\n              order_id: tile.slice(0, 10),\n            })\n          );\n        };\n\n        const sock2 = new W3CWebSocket(ws_scheme + \"/ws3/fetch-new-order/\");\n        sock2.onopen = () => {\n          sock2.send(\n            JSON.stringify({\n              order_id: tile.slice(0, 10),\n            })\n          );\n        };\n        \n    }\n  }, [tile]);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      progress.finish();\n      fetch(link+\"go-back/\", {\n            method: \"POST\",\n            headers: {\n              \"Content-type\": \"application/json; charset=UTF-8\",\n            },\n            body: JSON.stringify({ order_id: tile.slice(0, 10) }),\n          })\n            .then((response) => response.json())\n            .then((json) => {\n              if (json[\"Status\"] == \"success\") {\n                window.location.href = json[\"url\"];\n              }\n            });\n    }, 10000);\n    return () => clearInterval(interval);\n  }, []);\n  return (\n    <div className=\"flex flex-col px-2 mx-2  justify-center items-center gap-2 font-lexand\">\n      <div className=\"flex items-center justify-end w-full max-w-md mr-2 mt-2 md:mr-10\">\n          <p className=\"text-xxs\">powered by</p>\n          <img src={ZaplynLogo} alt=\"\" className=\" h-4\" />\n        </div>\n      <div className=\"bg-white p-8 shadow-md rounded-lg md:w-96   md:mx-auto\">\n        <svg\n          viewBox=\"0 0 24 24\"\n          className=\"text-green-600 w-16 h-16 mx-auto my-6\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z\"\n          ></path>\n        </svg>\n        <div className=\"text-center\">\n        \n          <h3 className=\"md:text-2xl text-base text-gray-900 font-semibold text-center\">\n            Payment Done!\n          </h3>\n          <p className=\"text-gray-600 my-2\">\n            You will receive a confirmation email soon.\n          </p>\n          <p className=\"text-gray-600 my-2\">Order Id: {tile.slice(0, 10)}</p>\n          <p> Have a great day! </p>\n          <button\n            className=\"text-xs md:text-sm p-1 px-4 md:px-6 mt-2 focus:outline-none text-center  cursor-pointer  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full  font-semibold text-gray-600 shadow-md\"\n            onClick={() => {\n              fetch( `https://omnistack.org${process.env.REACT_APP_LINK}`+\"go-back/\", {\n                method: \"POST\",\n                headers: {\n                  \"Content-type\": \"application/json; charset=UTF-8\",\n                },\n                body: JSON.stringify({ order_id: tile.slice(0, 10) }),\n              })\n                .then((response) => response.json())\n                .then((json) => {\n                  if (json[\"Status\"] == \"success\") {\n                    window.location.href = json[\"url\"];\n                  }\n                });\n            }}\n          >\n            Go Back\n          </button>\n          <p className=\"text-gray-600 my-2\">\n          You will be automatically redirected to products page in 10 seconds.\n          </p>\n          {progress.start()}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Sucess;\n","import React from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport Api from \"../../../config/Api.json\";\nimport getToken from \"../../../components/Token\";\n\nconst UnderProcess = () => {\n  let { checkoutsession, tile } = useParams();\n  console.log(checkoutsession);\n  console.log(tile);\n  let accesstoken = getToken();\n  let navigate = useNavigate();\n\n  fetch(`https://omnistack.org${process.env.REACT_APP_LINK}`+\"create-payment-intent/\" + checkoutsession + \"/\" + tile, {\n    method: \"GET\",\n    headers: {\n      Authorization: \"Bearer \" + accesstoken,\n    },\n  })\n    .then((res) => {\n      return res.json();\n    })\n    .then((result) => {\n      // console.log();\n\n      if (result.status === \"succeeded\") {\n        window.location.href = \"https://www.zaplyn-app.com/sucess\";\n        navigate(\"/sucess\");\n      }\n      if (result.status === \"processing\") {\n        window.location.href = \"https://www.zaplyn-app.com/sucess\";\n        navigate(\"/sucess\");\n      }\n    });\n\n  return (\n    <>\n      <div className=\" px-2  mx-2  rounded-lg  justify-items-center overflow-x-auto md:w-28 \">\n        <div className=\"bg-gray-100 h-screen\">\n          <div className=\"bg-white p-6  md:mx-auto\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              className=\"text-green-600 w-16 h-16 mx-auto my-6\"\n            >\n              {/* <path fill=\"currentColor\"\n                            d=\"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z\">\n                        </path> */}\n            </svg>\n            <div className=\"text-center\">\n              <h3 className=\"md:text-2xl text-base text-gray-900 font-semibold text-center\">\n                Payment Under Process....\n              </h3>\n              <p className=\"text-gray-600 my-2\">\n                Please do not refresh the payment is under process!\n              </p>\n              <div className=\"py-10 text-center\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default UnderProcess;\n","import React, { Component } from \"react\";\n\nclass IconComponent extends Component {\n  constructor(props) {\n    super(props);\n    console.log(\"IconCom\", props);\n  }\n  render() {\n    return (\n      <div>\n        <img\n          className=\"rounded-md \"\n          src={`https://omnistack.org/media/${this.props.subject}.png`}\n          alt=\"display image\"\n        />\n        <p className=\"\">{this.props.subject}</p>\n      </div>\n    );\n  }\n}\n\nexport default IconComponent;\n","import React, { createContext, useState } from \"react\";\n\nexport const ThemeContext = createContext();\n\nexport function ThemeProvider({ children }) {\n  const [theme, setTheme] = useState(\"\");\n  const [themBtn, setThemBtn] = useState(\"\");\n  const [themBtnStyle, setThemBtnStyle] = useState(\"\");\n  const [themeTileBorder, setThemeTileBorder] = useState(\"\");\n  const [themeTileBorderStyle, setThemeTileBorderStyle] = useState(\"\");\n  const [themeFont, setThemeFont] = useState(\"\");\n  const [themeView, setThemeView] = useState(\"\");\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme,\n        setTheme,\n        themBtn,\n        setThemBtn,\n        themBtnStyle,\n        themeTileBorder,\n        setThemeTileBorder,\n        themeTileBorderStyle,\n        setThemeTileBorderStyle,\n        themeFont,\n        setThemeFont,\n        setThemBtnStyle,\n        themeView,\n        setThemeView,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n","import React, { useContext, useState } from \"react\";\nimport { ThemeContext } from \"../ThemeContext\";\n\nfunction CustomerNote({ setUserNote, customerNote, closeOnClick }) {\n  const [internalNote, setInternalNote] = useState(customerNote);\n  const [isEditable, setIsEditable] = useState(false);\n\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    themeTileBorder,\n    setThemeTileBorder,\n    themeTileBorderStyle,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n  } = useContext(ThemeContext);\n\n  //   cancel button func\n  const handleCancelClick = () => {\n    closeOnClick();\n  };\n\n  //   save button func\n  const handleSubmit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n    // console.log(internalNote);\n    setUserNote(internalNote);\n    closeOnClick();\n  };\n\n  return (\n    <div>\n      <div className=\"bg-white p-2 rounded-lg\">\n        <div className=\"flex flex-col items-center justify-center\">\n          <p className=\"text-xs text-gray-700 text-left w-full\">Add Note:</p>\n          <textarea\n            name=\"internalnote\"\n            id=\"internalnote\"\n            className={`focus:outline-none p-2 shadow-sm border  border-gray-100 rounded-md text-xs h-20 w-full overflow-hidden `}\n            type=\"Text\"\n            value={internalNote}\n            onChange={(e) => setInternalNote(e.target.value)}\n            required\n            placeholder=\"Enter your note here\"\n            rows=\"1\"\n            maxLength={150}\n          />\n          <div className=\"flex gap-2 text-xs mt-2\">\n            <button\n              onClick={handleCancelClick}\n              className={`${\n                themBtn\n                  ? themBtn\n                  : \"bg-gradient-to-b from-purple-200 to-pink-300 rounded-lg\"\n              } ${\n                themBtnStyle\n                  ? themBtnStyle\n                  : \"bg-gradient-to-b from-purple-200 to-pink-300 rounded-lg\"\n              } px-4 p-1  `}\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              className={`${\n                themBtn\n                  ? themBtn\n                  : \"bg-gradient-to-b from-purple-200 to-pink-300 rounded-lg\"\n              } ${\n                themBtnStyle\n                  ? themBtnStyle\n                  : \"bg-gradient-to-b from-purple-200 to-pink-300 rounded-lg\"\n              } px-4 p-1  `}\n            >\n              Save\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default CustomerNote;\n","import React, { useEffect, useState } from \"react\";\nimport IconComponent from \"../Utility/IconComponent\";\nimport { useParams } from \"react-router-dom\";\nimport { Link } from \"react-router-dom\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport getToken from \"../Token\";\nimport Modal from \"react-modal\";\nimport \"../../styles/PostCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { RadioGroup } from \"@headlessui/react\";\nimport CheckoutForm from \"./CheckoutForm\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport e from \"cors\";\nimport AttributeComponent from \"./sharePage/AttributeComponent\";\nimport { useQuery } from \"react-query\";\nimport Endpoints from \"../../api/endpoints\";\nimport ZaplynLogo from \"../../assets/ZaplynLogo.svg\";\nimport CustomerNote from \"./NoteModal\";\nimport dayjs from \"dayjs\";\nimport { Helmet } from \"react-helmet\";\nconst stripePromise = loadStripe(process.env.REACT_APP_PUBLISHABLE_KEY);\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst ShareFeed = (props) => {\n  const [selectedattr1, setSelectedAttr1] = useState(\"null\");\n  const [selectedattr2, setSelectedAttr2] = useState(\"null\");\n  const [selectedattr3, setSelectedAttr3] = useState(\"null\");\n  const [selectedattr4, setSelectedAttr4] = useState(\"null\");\n  const [selectedattr5, setSelectedAttr5] = useState(\"null\");\n  const [category, setCategory] = useState(\"\");\n\n  const [itemName, setItemName] = useState(\"\");\n  const [qtyOption, setQtyOption] = useState([]);\n  const [images, setImages] = useState([]);\n  const [body, setBody] = useState(\"\");\n  const [body2, setBody2] = useState(\"\");\n  const [totalprice, setTotalprice] = useState(0);\n  const [qty, setQty] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [fetched, setFetched] = useState(\"no\");\n  const [checked, setChecked] = useState(false);\n  const [link_enabled, setLink_enabled] = useState(\"yes\");\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n  const [chosenqty, setChosenqty] = useState(\"1\");\n  const [addsent, setAddsent] = useState(\"no\");\n  const [phone, setPhone] = useState(\"\");\n  const [name, setName] = useState(\"\");\n  const [add1, setAdd1] = useState(\"\");\n  const [add2, setAdd2] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [deleted, setDeleted] = useState(\"no\");\n  const [cs, setCs] = useState(\"\");\n\n  const options = {\n    clientSecret: cs,\n\n    appearance: {\n      /*...*/\n    },\n  };\n\n  // const search = window.location.search;\n  // const params = new URLSearchParams(search);\n  // const status = params.get(\"redirect_status\");\n  const [status, setStatus] = useState(\"\");\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n  const [qty2, setQty2] = useState(useParams()[\"qty\"]);\n  if (tile.slice(9, 10) && status != \"succeeded\") {\n    setStatus(\"succeeded\");\n  }\n\n  const [isCheckoutClicked, setIsCheckoutClicked] = useState(false);\n  //error validation\n  const [errorMessage, setErrorMessage] = useState(\"\");\n\n  //fetch categories\n  const {\n    isLoading: isCategoryLoading,\n    data: productCategories,\n    isError: isCategoryError,\n  } = useQuery(\"categoryData\", Endpoints.GetCategories, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  //variants\n  const [showVariant, setShowVariant] = useState(false);\n  const [variants, setVariants] = useState(null);\n  const [variantPrice, setVariantPrice] = useState(\"\");\n  const [selectedVariant, setSelectedVariant] = useState(\"null\");\n\n  //addons\n  const [showAddOn, setShowAddOn] = useState(false);\n  const [addOns, setAddOns] = useState(null);\n  const [availableAddOn, setAvailableAddOn] = useState(null);\n  const [selectedAddOn, setSelectedAddOn] = useState([]);\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n\n  // Category and attribute related Func ---START---\n  //*********----------********** */\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n  const [attributeValues, setAttributeValues] = useState(null);\n\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const [attribute1, setAttribute1] = useState(\"null\");\n  const [attribute2, setAttribute2] = useState(\"null\");\n  const [attribute3, setAttribute3] = useState(\"null\");\n  const [attribute4, setAttribute4] = useState(\"null\");\n  const [attribute5, setAttribute5] = useState(\"null\");\n\n  const [attribute1Error, setAttribute1Error] = useState(false);\n  const [attribute2Error, setAttribute2Error] = useState(false);\n  const [attribute3Error, setAttribute3Error] = useState(false);\n  const [attribute4Error, setAttribute4Error] = useState(false);\n  const [attribute5Error, setAttribute5Error] = useState(false);\n\n  //*********----------********** */\n  // Category and attribute related Func ---END---selectedVariant\n\n  const [customerNote, setCustomerNote] = useState(\"\");\n\n  const [isNoteModalOpen, setIsNoteModalOpen] = useState(false);\n\n  const setNoteModalisOpenToFalse = () => {\n    setIsNoteModalOpen(false);\n  };\n\n  // variant price change Onclick()\n  const handlePriceChange = (variant) => {\n    setSelectedVariant(variant);\n    setVariantPrice(parseInt(variants[variant]));\n    setTotalprice(parseInt(variants[variant]) + body2);\n  };\n\n  // Addon change Onclick()\n  const handleAddOnChange = (addon) => {\n    const newSelected = [...selectedAddOn];\n\n    if (newSelected.includes(addon)) {\n      newSelected.splice(newSelected.indexOf(addon), 1);\n    } else {\n      newSelected.push(addon);\n    }\n    setSelectedAddOn(newSelected);\n  };\n\n  //checkout button func\n  const handlePurchase = async () => {\n    let attr1Err = false;\n    let attr2Err = false;\n    let attr3Err = false;\n    let attr4Err = false;\n    let attr5Err = false;\n    if (selectedattribute1.length > 0) {\n      if (selectedattribute1.length === 1 && selectedattribute1[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr1 === \"null\") {\n        attr1Err = true;\n        setAttribute1Error(true);\n      }\n    }\n    if (selectedattribute2.length > 0) {\n      if (selectedattribute2.length === 1 && selectedattribute2[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr2 === \"null\") {\n        attr2Err = true;\n        setAttribute2Error(true);\n      }\n    }\n    if (selectedattribute3.length > 0) {\n      if (selectedattribute3.length === 1 && selectedattribute3[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr3 === \"null\") {\n        attr3Err = true;\n        setAttribute3Error(true);\n      }\n    }\n    if (selectedattribute4.length > 0) {\n      if (selectedattribute4.length === 1 && selectedattribute4[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr4 === \"null\") {\n        attr4Err = true;\n        setAttribute4Error(true);\n      }\n    }\n    if (selectedattribute5.length > 0) {\n      if (selectedattribute5.length === 1 && selectedattribute5[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr5 === \"null\") {\n        attr5Err = true;\n        setAttribute5Error(true);\n      }\n    }\n\n    if (attr1Err || attr2Err || attr3Err || attr4Err || attr5Err) {\n      console.log(\"Error\");\n    } else {\n      try {\n        if (addOns !== null) {\n          var addonprice = Object.values(addOns).reduce((acc, value) => {\n            return acc + parseInt(value);\n          }, 0);\n        }\n\n        window.dataLayer.push({\n          order_date: dayjs(Date.now()),\n          order_amount: parseInt(totalprice) * parseInt(chosenqty) + addonprice,\n          product_id: tile.slice(0, 9),\n          product_name: itemName,\n          event: \"checkout\",\n        });\n        const response = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}` +\n            \"create-payment-intent/\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify({\n              qty: chosenqty,\n              totalprice:\n                parseInt(totalprice) * parseInt(chosenqty) + addonprice,\n              ZaplynTileRef: tile.slice(0, 9),\n            }),\n          }\n        );\n        const json = await response.json();\n        if (json) {\n          setCs(json);\n          setIsCheckoutClicked(true);\n        }\n      } catch (error) {\n        console.log(error, \"Something went wrong!\");\n      }\n    }\n  };\n\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  // fetch product data\n  useEffect(() => {\n    if (productCategories) {\n      (async () => {\n        try {\n          const response = await fetch(\n            `https://omnistack.org${process.env.REACT_APP_LINK}share-tile/`,\n            {\n              method: \"POST\",\n              headers: {\n                \"Content-Type\": \"application/json\",\n              },\n              body: JSON.stringify({\n                ZaplynTileRef: tile.slice(0, 9),\n              }),\n            }\n          );\n\n          const json = await response.json();\n          // console.log(json);\n          if (json) {\n            if (json?.deleted === \"no\") {\n              setDeleted(\"no\");\n              setFetched(\"yes\");\n              setSelectedCategory(json?.category);\n              setSelectedSubCategory(json?.sub_category);\n              if (json?.attribute_1 !== \"\") {\n                setAttribute1(json?.attribute_1?.split(\"-\")[0]);\n                setSelectedAttribute1(\n                  json?.attribute_1?.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json?.attribute_2 !== \"\") {\n                setAttribute2(json?.attribute_2?.split(\"-\")[0]);\n                setSelectedAttribute2(\n                  json?.attribute_2?.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json?.attribute_3 !== \"\") {\n                setAttribute3(json?.attribute_3?.split(\"-\")[0]);\n                setSelectedAttribute3(\n                  json?.attribute_3?.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json?.attribute_4 !== \"\") {\n                setAttribute4(json?.attribute_4?.split(\"-\")[0]);\n                setSelectedAttribute4(\n                  json?.attribute_4?.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json?.attribute_5 !== \"\") {\n                setAttribute5(json?.attribute_5?.split(\"-\")[0]);\n                setSelectedAttribute5(\n                  json?.attribute_5?.split(\"-\")[1].split(\",\")\n                );\n              }\n              setItemName(json?.itemname);\n              setChosencurrency(json?.currency);\n              setDesc(json?.description);\n              setLink_enabled(json?.link_enabled);\n              setImages(json?.images);\n\n              setShowVariant(json?.show_variant);\n              setVariants(json?.variant);\n\n              setBody(json?.retail_price);\n              setBody2(json?.shipping_price);\n              if (json?.show_variant === true) {\n                setSelectedVariant(Object.keys(json?.variant)[0]);\n                setVariantPrice(parseInt(Object.values(json?.variant)[0]));\n                setTotalprice(\n                  parseInt(Object.values(json?.variant)[0]) +\n                    json?.shipping_price\n                );\n              } else {\n                setTotalprice(json?.total_price);\n              }\n\n              if (json?.add_ons !== null) {\n                setShowAddOn(true);\n                setAvailableAddOn(json?.add_ons[json.ZaplynTileRef]);\n              }\n\n              setQty(json?.quantity);\n              if (json?.etm_date !== null) {\n                setFromEtmDelivery(json?.etm_date?.split(\",\")[0]);\n                setToEtmDelivery(json?.etm_date?.split(\",\")[1]);\n                setSelectedEtmDelivery(json?.etm_date?.split(\",\")[2]);\n              } else {\n                setSelectedEtmDelivery(json?.etm_date);\n              }\n              if (json?.link_enabled === \"yes\") {\n                setChecked(true);\n              }\n            } else {\n              setDeleted(\"yes\");\n            }\n          }\n        } catch (error) {\n          console.log(\"something went wrong\", error);\n          setErrorMsg(error.message);\n        }\n      })();\n    }\n  }, [productCategories]);\n\n  useEffect(() => {\n    // console.log(\"running\");\n    const divs = [];\n    for (let i = 0; i < qty; i++) {\n      divs.push(i + 1);\n    }\n    setQtyOption(divs);\n  }, [qty]);\n\n  useEffect(() => {\n    if (!isCategoryLoading && selectedCategory && selectedSubCategory) {\n      const subcategoryObj = productCategories[selectedCategory];\n      let attributes;\n      if (selectedSubCategory === \"select\") {\n        attributes = subcategoryObj[selectedCategory];\n      } else {\n        attributes = subcategoryObj[selectedSubCategory];\n      }\n      setAttributeValues(attributes);\n    }\n  }, [selectedSubCategory]);\n\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"ats\", attributeValues);\n  // console.log(\"at1\", attribute1);\n  // console.log(\"at2\", attribute2);\n  // console.log(\"at3\", attribute3);\n  // console.log(\"at4\", attribute4);\n  // console.log(\"at5\", attribute5);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n\n  useEffect(() => {\n    setAddOns(\n      selectedAddOn?.reduce((acc, item) => {\n        acc[item] = availableAddOn[item];\n        return acc;\n      }, {})\n    );\n  }, [selectedAddOn]);\n\n  if (errorMsg) {\n    return (\n      <p className=\"flex items-center justify-center max-w-xl mx-auto text-center mt-10 font-lexand\">\n        The Product you're looking for is Currently Unavailable!. Please try\n        again later. Thankyou!\n      </p>\n    );\n  }\n\n  // console.log(toEtmDelivery, selectedEtmDelivery);\n\n  return (\n    <section>\n      <ToastContainer />\n      <Helmet>\n        <title>{itemName}</title>\n        <meta name=\"description\" content={desc} />\n        <meta name=\"keywords\" content={desc} />\n        <meta property=\"og:title\" content={itemName} />\n        <meta property=\"og:description\" content={desc} />\n        <meta property=\"og:image\" content={images[0]} />\n        <meta property=\"og:url\" content={`https://www.zaplyn.link/${tile}`} />\n        <link rel=\"canonical\" href={`https://www.zaplyn.link/${tile}`} />\n      </Helmet>\n      <div className=\"font-lexand flex flex-col items-center justify-center w-full mt-1 \">\n        <div className=\"flex items-center justify-end w-full max-w-3xl mr-2 md:mr-10\">\n          <p className=\"text-xxs\">powered by</p>\n          <img src={ZaplynLogo} alt=\"\" className=\" h-4\" />\n        </div>\n        <div className=\"flex items-center w-full md:max-w-3xl mt-3\">\n          <p className=\"mx-8 text-xs tracking-tight text-gray-400 \">\n            {selectedCategory} {` > `}\n            {selectedSubCategory === \"select\" ? \"\" : `${selectedSubCategory} >`}\n          </p>\n        </div>\n\n        <div>\n          {checked && deleted === \"no\" && (\n            <div className=\" rounded-md m-1 p-0.5 transform transition-all duration-700 ease-in-out\">\n              {!isCheckoutClicked ? (\n                <div className=\"mx-auto max-w-xl px-4 pt-2 pb-16 sm:px-6 md:grid md:max-w-3xl md:grid-cols-4 md:grid-rows-[auto,auto,1fr] md:gap-x-8 md:px-8 md:pb-24\">\n                  {/* Description and details */}\n                  <div className=\" md:col-span-2 md:col-start-1  md:border-r md:border-gray-200 \">\n                    <div className=\"relative p-2 text-5 w-full mb-2 \">\n                      <Carousel\n                        infiniteLoop={true}\n                        showStatus={false}\n                        showArrows={false}\n                        swipeable={false}\n                        thumbWidth={50}\n                        className=\"postproductCarousel\"\n                      >\n                        {images.map((image) => (\n                          <div key={image}>\n                            <img src={image} alt=\"\" className=\"\" />\n                          </div>\n                        ))}\n                      </Carousel>\n                      <p className=\"hidden absolute top-4 left-4 text-gray-300 bg-yellow-100 text-sm font-serif  rounded-md  p-1 \">\n                        Product Details\n                      </p>\n                    </div>\n                    <h2 className=\"sr-only\">Product information</h2>\n\n                    <div className=\"mt-1\">\n                      <div className=\"md:col-span-2 md:border-r md:border-gray-200 md:pr-8\">\n                        <h1 className=\" text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl\">\n                          {itemName}\n                        </h1>\n                      </div>\n\n                      <div className=\"mt-2 space-y-6\">\n                        <p className=\"text-sm text-gray-600\">{desc}</p>\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Options */}\n                  <div className=\" md:row-span-3 md:col-span-2 md:mt-0 p-2\">\n                    {/* Price flex-div */}\n                    <div className=\"flex justify-between\">\n                      <p className=\"text-2xl tracking-tight text-gray-900\">\n                        {chosencurrency === \"GBP\" && (\n                          <span className=\"mr-1\">£</span>\n                        )}\n                        {chosencurrency === \"EUR\" && (\n                          <span className=\"mr-1\">€</span>\n                        )}\n                        {chosencurrency === \"USD\" && (\n                          <span className=\"mr-1\">$</span>\n                        )}\n                        {parseInt(totalprice) * parseInt(chosenqty)}\n                      </p>\n                      <div>\n                        {showVariant ? (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Price: {variantPrice} {chosencurrency}\n                          </p>\n                        ) : (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Price: {body} {chosencurrency}\n                          </p>\n                        )}\n                        {body2 !== 0 && (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Shipping Price: {body2} {chosencurrency}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n\n                    {/* product variants */}\n                    {showVariant && (\n                      <div className=\"flex flex-wrap gap-2 mt-5 items-center \">\n                        {Object.keys(variants).map((variantName) => (\n                          <div key={variantName}>\n                            <div\n                              className={`${\n                                variantName === selectedVariant\n                                  ? \"bg-gradient-to-b from-purple-200 to-pink-300\"\n                                  : \"bg-gray-100\"\n                              } text-sm p-0.5 rounded-xl`}\n                            >\n                              <button\n                                onClick={() => handlePriceChange(variantName)}\n                                className={`bg-white p-1 px-4 rounded-xl focus:outline-none`}\n                              >\n                                {variantName}\n                              </button>\n                            </div>\n                            <p className=\"text-center text-xs text-gray-500\">\n                              {chosencurrency === \"GBP\" && (\n                                <span className=\"mr-1\">£</span>\n                              )}\n                              {chosencurrency === \"EUR\" && (\n                                <span className=\"mr-1\">€</span>\n                              )}\n                              {chosencurrency === \"USD\" && (\n                                <span className=\"mr-1\">$</span>\n                              )}\n                              {parseInt(variants[variantName])}\n                            </p>\n                          </div>\n                        ))}\n                      </div>\n                    )}\n\n                    <form className=\"mt-5\">\n                      {attributeValues !== null && (\n                        <div className=\"\">\n                          {/* ----------**********---------- */}\n                          {/* attribute-1 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute1?.length > 0 &&\n                          attribute1 === \"color\" ? (\n                            // color\n                            <>\n                              {selectedattribute1?.length > 0 &&\n                              selectedattribute1[0] !== \"\" ? (\n                                <div>\n                                  <h3 className=\"text-sm font-medium text-gray-900\">\n                                    Color\n                                  </h3>\n                                  {attribute1Error && (\n                                    <p className=\"text-red-500 text-xxs\">\n                                      please Select\n                                    </p>\n                                  )}\n\n                                  <RadioGroup\n                                    value={selectedattr1}\n                                    onChange={setSelectedAttr1}\n                                    className=\"mt-4 text-xs\"\n                                  >\n                                    <RadioGroup.Label className=\"sr-only\">\n                                      {\" \"}\n                                      Choose a color{\" \"}\n                                    </RadioGroup.Label>\n                                    <div className=\"flex items-center space-x-3\">\n                                      {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                                      {selectedattribute1.map((color) => (\n                                        <RadioGroup.Option\n                                          key={color}\n                                          value={color}\n                                          className={({ active, checked }) =>\n                                            classNames(\n                                              color.selectedClass,\n                                              active && checked\n                                                ? \"ring ring-offset-1\"\n                                                : \"\",\n                                              !active && checked\n                                                ? \"ring-2\"\n                                                : \"\",\n                                              \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                            )\n                                          }\n                                        >\n                                          <RadioGroup.Label\n                                            as=\"span\"\n                                            className=\"sr-only\"\n                                          >\n                                            {\" \"}\n                                            {color}{\" \"}\n                                          </RadioGroup.Label>\n                                          <span\n                                            aria-hidden=\"true\"\n                                            style={{\n                                              backgroundColor: color,\n                                            }}\n                                            className={classNames(\n                                              color,\n                                              \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                            )}\n                                          />\n                                        </RadioGroup.Option>\n                                      ))}\n                                    </div>\n                                  </RadioGroup>\n                                </div>\n                              ) : (\n                                <>\n                                  {selectedattribute1?.length > 1 && (\n                                    <div>\n                                      <h3 className=\"text-sm font-medium text-gray-900\">\n                                        Color\n                                      </h3>\n                                      {attribute1Error && (\n                                        <p className=\"text-red-500 text-xxs\">\n                                          please Select\n                                        </p>\n                                      )}\n\n                                      <RadioGroup\n                                        value={selectedattr1}\n                                        onChange={setSelectedAttr1}\n                                        className=\"mt-4 text-xs\"\n                                      >\n                                        <RadioGroup.Label className=\"sr-only\">\n                                          {\" \"}\n                                          Choose a color{\" \"}\n                                        </RadioGroup.Label>\n                                        <div className=\"flex items-center space-x-3\">\n                                          {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                                          <>\n                                            {selectedattribute1\n                                              .slice(1)\n                                              .map((color) => (\n                                                <RadioGroup.Option\n                                                  key={color}\n                                                  value={color}\n                                                  className={({\n                                                    active,\n                                                    checked,\n                                                  }) =>\n                                                    classNames(\n                                                      color.selectedClass,\n                                                      active && checked\n                                                        ? \"ring ring-offset-1\"\n                                                        : \"\",\n                                                      !active && checked\n                                                        ? \"ring-2\"\n                                                        : \"\",\n                                                      \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                                    )\n                                                  }\n                                                >\n                                                  <RadioGroup.Label\n                                                    as=\"span\"\n                                                    className=\"sr-only\"\n                                                  >\n                                                    {\" \"}\n                                                    {color}{\" \"}\n                                                  </RadioGroup.Label>\n                                                  <span\n                                                    aria-hidden=\"true\"\n                                                    style={{\n                                                      backgroundColor: color,\n                                                    }}\n                                                    className={classNames(\n                                                      color,\n                                                      \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                                    )}\n                                                  />\n                                                </RadioGroup.Option>\n                                              ))}\n                                          </>\n                                        </div>\n                                      </RadioGroup>\n                                    </div>\n                                  )}\n                                </>\n                              )}\n                            </>\n                          ) : (\n                            <>\n                              {selectedattribute1?.length > 0 && (\n                                <>\n                                  {selectedattribute1.length === 1 &&\n                                  selectedattribute1[0] === \"\" ? (\n                                    <></>\n                                  ) : (\n                                    <>\n                                      <AttributeComponent\n                                        attributeName={attribute1}\n                                        attributeErr={attribute1Error}\n                                        selectedAttribute={selectedattr1}\n                                        setSelectedAttribute={setSelectedAttr1}\n                                        attributeValues={\n                                          attributeValues[attribute1]\n                                        }\n                                        availableAttribute={selectedattribute1}\n                                      />\n                                    </>\n                                  )}\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-2 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute2?.length > 0 && (\n                            <>\n                              {selectedattribute2.length === 1 &&\n                              selectedattribute2[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute2}\n                                    attributeErr={attribute2Error}\n                                    selectedAttribute={selectedattr2}\n                                    setSelectedAttribute={setSelectedAttr2}\n                                    attributeValues={\n                                      attributeValues[attribute2]\n                                    }\n                                    availableAttribute={selectedattribute2}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-3*/}\n                          {/* ----------**********---------- */}\n                          {selectedattribute3?.length > 0 && (\n                            <>\n                              {selectedattribute3.length === 1 &&\n                              selectedattribute3[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute3}\n                                    attributeErr={attribute3Error}\n                                    selectedAttribute={selectedattr3}\n                                    setSelectedAttribute={setSelectedAttr3}\n                                    attributeValues={\n                                      attributeValues[attribute3]\n                                    }\n                                    availableAttribute={selectedattribute3}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-4 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute4?.length > 0 && (\n                            <>\n                              {selectedattribute4.length === 1 &&\n                              selectedattribute4[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute4}\n                                    attributeErr={attribute4Error}\n                                    selectedAttribute={selectedattr4}\n                                    setSelectedAttribute={setSelectedAttr4}\n                                    attributeValues={\n                                      attributeValues[attribute4]\n                                    }\n                                    availableAttribute={selectedattribute4}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-5 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute5?.length > 0 && (\n                            <>\n                              {selectedattribute5.length === 1 &&\n                              selectedattribute5[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute5}\n                                    attributeErr={attribute5Error}\n                                    selectedAttribute={selectedattr5}\n                                    setSelectedAttribute={setSelectedAttr5}\n                                    attributeValues={\n                                      attributeValues[attribute5]\n                                    }\n                                    availableAttribute={selectedattribute5}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                        </div>\n                      )}\n                    </form>\n\n                    {/* quantity */}\n                    {status !== \"succeeded\" && (\n                      <div className=\"flex items-start mt-5 justify-start gap-5\">\n                        <div className=\"flex justify-around items-center gap-2 w-full\">\n                          <p className=\"text-gray-700\">Quantity</p>{\" \"}\n                          {qty === 0 && (\n                            <p className=\"text-gray-400 tex-sm\">\n                              Currently Unavailable\n                            </p>\n                          )}\n                          <select\n                            name=\"qty\"\n                            className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-full cursor-pointer rounded-lg bg-gray-200\"\n                            id=\"qty\"\n                            required\n                            onChange={(e) => setChosenqty(e.target.value)}\n                          >\n                            {qtyOption.map((qty) => (\n                              <option value={qty}>{qty}</option>\n                            ))}\n                          </select>\n                        </div>\n                      </div>\n                    )}\n\n                    {/* Add-ons div */}\n                    {showAddOn && (\n                      <div className=\" mt-2 \">\n                        {availableAddOn !== null &&\n                          availableAddOn !== undefined &&\n                          Object.keys(availableAddOn).length > 0 &&\n                          !Object.keys(availableAddOn).some(\n                            (key) => key === \"\"\n                          ) && (\n                            <>\n                              <p className=\"text-gray-600 \">Add-ons -</p>\n                              <div className=\"flex flex-wrap gap-2 mt-1 items-center\">\n                                {Object.keys(availableAddOn).map((addon) => (\n                                  <div key={addon}>\n                                    <div\n                                      className={`${\n                                        selectedAddOn.includes(addon)\n                                          ? \"bg-gradient-to-b from-purple-200 to-pink-300\"\n                                          : \"bg-gray-100\"\n                                      } text-sm p-0.5 rounded-xl`}\n                                    >\n                                      <button\n                                        onClick={() => handleAddOnChange(addon)}\n                                        className={`bg-white p-1 px-4 rounded-xl focus:outline-none`}\n                                      >\n                                        {addon}\n                                      </button>\n                                    </div>\n                                    <p className=\"text-center text-xs text-gray-500\">\n                                      {!isNaN(\n                                        parseInt(availableAddOn[addon])\n                                      ) && <span className=\"mr-1\">£</span>}\n                                      {isNaN(parseInt(availableAddOn[addon]))\n                                        ? \"\"\n                                        : parseInt(availableAddOn[addon])}\n                                    </p>\n                                  </div>\n                                ))}\n                              </div>\n                            </>\n                          )}\n                      </div>\n                    )}\n\n                    {/* Add note */}\n                    <div className=\"mt-5\">\n                      <button\n                        onClick={() => setIsNoteModalOpen(true)}\n                        className={`flex items-center text-xs   `}\n                      >\n                        {customerNote === \"\" ? (\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-4\"\n                          >\n                            <path d=\"M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z\"></path>\n                          </svg>\n                        ) : (\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-4\"\n                          >\n                            <path d=\"M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z\"></path>\n                          </svg>\n                        )}\n                        {customerNote !== \"\" ? \"View Note\" : \"Add Note:\"}{\" \"}\n                      </button>\n                    </div>\n                    {selectedEtmDelivery !== null &&\n                      selectedEtmDelivery !== \"\" &&\n                      selectedEtmDelivery !== \"select\" && (\n                        <div className=\" mt-8\">\n                          <p className=\"flex gap-2 text-sm items-center justify-end text-gray-700\">\n                            Estimated Delivery:{\" \"}\n                            <span className=\"text-xs text-gray-500\">\n                              {fromEtmDelivery}\n                            </span>\n                            -\n                            <span className=\"text-xs text-gray-500\">\n                              {toEtmDelivery}\n                            </span>\n                            <span className=\"text-xs text-gray-500\">\n                              {selectedEtmDelivery}\n                            </span>\n                          </p>\n                        </div>\n                      )}\n\n                    <button\n                      className=\" mt-2 flex w-full items-center justify-center rounded-full py-3 px-8 text-base font-medium text-gray-700 bg-gradient-to-b from-purple-200 to-pink-300\"\n                      onClick={() => {\n                        handlePurchase();\n                      }}\n                    >\n                      Continue to Checkout\n                    </button>\n                    <p className=\"text-red-600 text-xs text-center mt-2 animate-pulse\">\n                      {errorMessage}\n                    </p>\n                  </div>\n                </div>\n              ) : (\n                <div className=\"flex w-full justify-between space-x-2 sm:space-x-4 p-2 m-1 rounded-lg shadow-lg  \">\n                  <div className=\"relative p-2 text-5 w-24 mb-2 \">\n                    <Carousel\n                      infiniteLoop={true}\n                      showStatus={false}\n                      showArrows={false}\n                      swipeable={false}\n                      showThumbs={false}\n                      thumbWidth={50}\n                      className=\"postproductCarousel\"\n                    >\n                      {images.map((image) => (\n                        <div key={image}>\n                          <img src={image} alt=\"\" className=\"\" />\n                        </div>\n                      ))}\n                    </Carousel>\n                    <p className=\"hidden absolute top-4 left-4 text-gray-300 bg-yellow-100 text-sm font-serif  rounded-md  p-1 \">\n                      Product Details\n                    </p>\n                  </div>\n                  <div className=\"flex flex-col justify-between w-full pb-4\">\n                    <div className=\"flex justify-between w-full pb-2 space-x-2\">\n                      <div className=\"space-y-1\">\n                        <h3 className=\"text-lg font-semibold leading-snug sm:pr-8\">\n                          {itemName}\n                        </h3>\n                        <p className=\"text-sm dark:text-gray-400 w-40 truncate\">\n                          {desc}\n                        </p>\n                      </div>\n                      <div className=\"text-right\">\n                        {addOns !== null ? (\n                          <>\n                            £{\" \"}\n                            {Object.values(addOns).reduce((acc, value) => {\n                              return acc + parseInt(value);\n                            }, 0) +\n                              parseInt(totalprice) * parseInt(chosenqty)}\n                          </>\n                        ) : (\n                          <>\n                            <p className=\"text-lg font-semibold\">\n                              £ {parseInt(totalprice) * parseInt(chosenqty)}£\n                            </p>\n                          </>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"flex justify-between w-full pb-2 space-x-2\">\n                      <div className=\"space-y-1\">\n                        <p className=\"text-xxs md:text-xs font-semibold leading-snug sm:pr-8\">\n                          {chosenqty}{\" \"}\n                          {selectedVariant !== \"null\" && selectedVariant}{\" \"}\n                          {selectedattr1 !== \"null\" &&\n                            attribute1 !== \"color\" &&\n                            selectedattr1.toString()}{\" \"}\n                          {selectedattr2 !== \"null\" && selectedattr2.toString()}{\" \"}\n                          {selectedattr3 !== \"null\" && selectedattr3.toString()}{\" \"}\n                          {selectedattr4 !== \"null\" && selectedattr4.toString()}{\" \"}\n                          {selectedattr5 !== \"null\" && selectedattr5.toString()}{\" \"}\n                        </p>\n                      </div>\n                    </div>\n\n                    <div className=\"flex text-sm divide-x\">\n                      <button\n                        onClick={() => setIsCheckoutClicked(false)}\n                        type=\"button\"\n                        className=\"flex items-center px-4 py-1 pl-0 space-x-1 rounded-lg bg-gradient-to-b from-purple-200 to-pink-300\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5 ml-1\"\n                        >\n                          <path d=\"M9.24264 18.9964H21V20.9964H3V16.7538L12.8995 6.85431L17.1421 11.0969L9.24264 18.9964ZM14.3137 5.44009L16.435 3.31877C16.8256 2.92825 17.4587 2.92825 17.8492 3.31877L20.6777 6.1472C21.0682 6.53772 21.0682 7.17089 20.6777 7.56141L18.5563 9.68273L14.3137 5.44009Z\"></path>\n                        </svg>\n                        <span>Edit</span>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n        {/* Custopm Stripe payment form */}\n        <div className=\"  mb-20 md:mt-2 max-w-xl\">\n          {cs !== \"\" && status !== \"succeeded\" && deleted === \"no\" && (\n            <div className=\" p-1\">\n              <Elements stripe={stripePromise} options={options}>\n                <CheckoutForm\n                  tile={tile}\n                  category={selectedCategory}\n                  subcategory={selectedSubCategory}\n                  attribute_1={`${attribute1}-${selectedattr1.toString()}`}\n                  attribute_2={`${attribute2}-${selectedattr2.toString()}`}\n                  attribute_3={`${attribute3}-${selectedattr3.toString()}`}\n                  attribute_4={`${attribute4}-${selectedattr4.toString()}`}\n                  attribute_5={`${attribute5}-${selectedattr5.toString()}`}\n                  chosenqty={chosenqty}\n                  itemName={itemName}\n                  variant={selectedVariant}\n                  addOns={addOns}\n                  customerNote={customerNote}\n                  price={parseInt(totalprice) * parseInt(chosenqty)}\n                />\n              </Elements>\n            </div>\n          )}\n        </div>\n        {(deleted === \"yes\" || link_enabled === \"no\") && (\n          <div className=\"mx-auto max-w-xl px-4 pt-2 pb-16 sm:px-6 md:grid md:max-w-3xl md:grid-cols-4 md:grid-rows-[auto,auto,1fr] md:gap-x-8 md:px-8 md:pb-24\">\n            <div className=\"md:col-span-2 md:border-r md:border-gray-200 md:pr-8\">\n              <h1 className=\" text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl\">\n                Product was removed or not available.\n              </h1>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* customer note modal */}\n      <Modal\n        isOpen={isNoteModalOpen}\n        className=\"font-lexand mt-10 max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsNoteModalOpen(false)}\n      >\n        <CustomerNote\n          closeOnClick={setNoteModalisOpenToFalse}\n          setUserNote={setCustomerNote}\n          customerNote={customerNote}\n        />\n      </Modal>\n    </section>\n  );\n};\n\nexport default ShareFeed;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport {\n  useStripe,\n  useElements,\n  PaymentElement,\n} from \"@stripe/react-stripe-js\";\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\nimport { Discovery } from \"aws-sdk\";\nimport Modal from \"react-modal\";\nimport { PayContext } from \"../../PayContext\";\nimport QRCode from \"qrcode\";\nconst ShopCheckoutForm = ({\n  orderData,\n  shopDetails,\n  schedule_delivery,\n  partial,\n  customerNote,\n}) => {\n  const [isVisible, setIsVisible] = useState(true);\n\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    setThemBtnStyle,\n    themeTileBorder,\n    setThemeTileBorder,\n    themeTileBorderStyle,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n  } = useContext(ThemeContext);\n\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [add1, setAdd1] = useState(\"\");\n  const [add2, setAdd2] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n  const { socket } = useContext(PayContext);\n  const [price, setPrice] = useState([]);\n  const [isStripeLoading, setIsStripLoading] = useState(true);\n\n  const [receivedOrid, setReceivedOrId] = useState(\"\");\n  const stripe = useStripe();\n  const elements = useElements();\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const [isEmailValid, setIsEmailValid] = useState(true);\n  const [isPhoneValid, setIsPhoneValid] = useState(true);\n\n  const validateEmail = () => {\n    setIsEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email) // regex for email validation\n    );\n  };\n\n  const validatePhone = () => {\n    setIsPhoneValid(\n      /^[\\d\\s()+-]+$/.test(phone) && phone.length >= 10 // regex for phone validation\n    );\n  };\n\n  const [qrCodeUrl, setQrCodeUrl] = useState(\"\");\n  const [linkModalIsOpen, setLinkModalIsOpen] = useState(false);\n  const setLinkModalIsOpenToTrue = () => {\n    setLinkModalIsOpen(true);\n  };\n  const setLinkModalIsOpenToFalse = () => {\n    setLinkModalIsOpen(false);\n  };\n\n  const handleShareCardClick = (order_id) => {\n    QRCode.toDataURL(\"https://zaplyn.link/pay/\" + order_id)\n      .then((url) => {\n        setQrCodeUrl(url);\n      })\n      .catch((err) => console.error(err));\n  };\n\n  const handleDownloadQrCode = () => {\n    const downloadLink = document.createElement(\"a\");\n    downloadLink.href = qrCodeUrl;\n    downloadLink.download = \"qr-code.png\";\n    downloadLink.click();\n  };\n\n  const handleAddress = (e) => {\n    e.preventDefault();\n    validateEmail();\n    validatePhone();\n\n    const datanew = orderData.addon.split(\"-\").map((item) => JSON.parse(item));\n    var convertedObject = datanew.reduce((result, obj) => {\n      Object.keys(obj).forEach((key) => {\n        result[key] = obj[key];\n      });\n      return result;\n    }, {});\n\n    if (isEmailValid && isPhoneValid) {\n      fetch(`https://omnistack.org${process.env.REACT_APP_LINK}`+\"send-address/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          ZaplynTileRef: orderData.ZaplynTileRef,\n          shopname: shopDetails.shopname,\n          shopref: shopDetails.ZaplynShopRef,\n          itemname: orderData.itemname,\n          category: orderData.category,\n          size: orderData.attribute_1 || \"\",\n          color: orderData.color || \"\",\n          sub_category: orderData.sub_category,\n          name: name,\n          phone: phone,\n          email: email,\n          add1: add1,\n          add2: add2,\n          city: city,\n          partial: partial,\n          scheduled_time: schedule_delivery || \"\",\n          country: country,\n          postcode: postcode,\n          customerNote: customerNote,\n          price: orderData.newprice,\n          qty: orderData.quantity,\n          variant: orderData.variantName,\n          add_ons: convertedObject,\n          attribute_1: orderData.newatrribute_1,\n          attribute_2: orderData.newatrribute_2,\n          attribute_3: orderData.newatrribute_3,\n          attribute_4: orderData.newatrribute_4,\n          attribute_5: orderData.newatrribute_5,\n        }),\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          setReceivedOrId(json.Order_id);\n          setIsVisible(false);\n        });\n    } else {\n      console.log(\"invalid credentials\");\n    }\n  };\n\n  const handleSubmit = async (event) => {\n    // We don't want to let default form submission happen here,\n    // which would refresh the page.\n    event.preventDefault();\n\n    if (!stripe || !elements) {\n      // Stripe.js has not yet loaded.\n      // Make sure to disable form submission until Stripe.js has loaded.\n      return;\n    }\n\n    const { error } = await stripe.confirmPayment({\n      //`Elements` instance that was used to create the Payment Element\n      elements,\n      confirmParams: {\n        return_url:\n          \"https://www.zaplyn.link/sucess?\" +\n          receivedOrid +\n          shopDetails.ZaplynShopRef +\n          orderData.quantity.split(\",\")[0],\n      },\n    });\n    console.log();\n\n    if (error) {\n      // This point will only be reached if there is an immediate error when\n      // confirming the payment. Show error to your customer (for example, payment\n      // details incomplete)\n      setErrorMessage(error.message);\n    } else {\n      // Your customer will be redirected to your `return_url`. For some payment\n      // methods like iDEAL, your customer will be redirected to an intermediate\n      // site first to authorize the payment, then redirected to the `return_url`.\n    }\n  };\n  socket.onmessage = (event) => {\n    console.log(JSON.parse(event.data)[\"id\"]);\n    if (JSON.parse(event.data)[\"order_id\"] === receivedOrid) {\n      if (JSON.parse(event.data)[\"payment_status\"] !== \"in-progress\") {\n        window.location.href =\n          \"https://www.zaplyn.link/sucess?\" +\n          receivedOrid +\n          shopDetails.ZaplynShopRef +\n          orderData.quantity.split(\",\")[0];\n      }\n    }\n  };\n  // console.log(orderData);\n  useEffect(() => {\n    if (elements !== null && !isVisible) {\n      const element = elements.getElement(\"payment\");\n      element.on(\"ready\", () => {\n        setIsStripLoading(false);\n      });\n    }\n  }, [elements, isVisible]);\n\n  useEffect(() => {\n    if (receivedOrid) {\n      handleShareCardClick(receivedOrid);\n    }\n  }, [receivedOrid]);\n\n  return (\n    <section className=\"mt-1 flex items-center justify-center max-w-2xl mx-auto \">\n      <div className=\"w-full\">\n        {isVisible ? (\n          <div\n            className={`${\n              themeTileBorder === \"none\"\n                ? ``\n                : themeTileBorder === \"light\"\n                ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                : ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.5`\n            }  mt-5`}\n          >\n            <form\n              id=\"address-form\"\n              onSubmit={handleAddress}\n              className={`${themeTileBorderStyle} bg-white  p-2`}\n            >\n              <div className=\" \">\n                <p className=\"text-gray-400 text-xl\">\n                  Please enter address details:\n                </p>\n\n                <div className=\"container flex flex-col mx-auto space-y-12\">\n                  <div className=\"grid grid-cols-6 gap-4 col-span-full \">\n                    <div className=\"col-span-full \">\n                      <label name=\"f-name\">Name: </label>\n                      <input\n                        required\n                        name=\"f-name\"\n                        placeholder=\"Name\"\n                        type=\"text\"\n                        onChange={(e) => setName(e.target.value)}\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                      />\n                    </div>\n                    <div className=\"col-span-full md:col-span-3\">\n                      <label name=\"email\">Email </label>\n                      <input\n                        required\n                        name=\"email\"\n                        onChange={(e) => setEmail(e.target.value)}\n                        placeholder=\"email\"\n                        type=\"text\"\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                        onBlur={validateEmail}\n                      />\n                      {!isEmailValid && (\n                        <p className=\"text-xs text-red-400 \">\n                          Invalid email address\n                        </p>\n                      )}\n                    </div>\n                    <div className=\"col-span-full md:col-span-3\">\n                      <label name=\"phone number\">Phone Number </label>\n                      <input\n                        required\n                        name=\"phone number\"\n                        onChange={(event) =>\n                          setPhone(event.target.value.replace(/[^0-9+\\s]/g, \"\"))\n                        }\n                        placeholder=\"Phone Number\"\n                        type=\"text\"\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                        onBlur={validatePhone}\n                      />\n                      {!isPhoneValid && (\n                        <p className=\"text-xs text-red-400 \">\n                          Invalid phone number\n                        </p>\n                      )}\n                    </div>\n                    {shopDetails.shipping_enabled && (\n                      <div className=\"col-span-full grid grid-cols-6 gap-4 \">\n                        <div className=\"col-span-full\">\n                          <label name=\"address line 1\">Address line 1 </label>\n                          <input\n                            required\n                            name=\"address line 1\"\n                            placeholder=\"Address line 1\"\n                            type=\"text\"\n                            onChange={(e) => setAdd1(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full\">\n                          <label name=\"address line 1\">Address line 2 </label>\n                          <input\n                            required\n                            name=\"address line 2\"\n                            placeholder=\"Address line 2\"\n                            type=\"text\"\n                            onChange={(e) => setAdd2(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"city\">City </label>\n                          <input\n                            required\n                            name=\"city\"\n                            placeholder=\"City\"\n                            type=\"text\"\n                            onChange={(e) => setCity(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"country\">Country </label>\n                          <input\n                            required\n                            name=\"country\"\n                            placeholder=\"Country\"\n                            type=\"text\"\n                            onChange={(e) => setCountry(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"postcode\">ZIP / Postal </label>\n                          <input\n                            required\n                            name=\"postcode\"\n                            placeholder=\"Postal code\"\n                            type=\"text\"\n                            onChange={(e) => setPostcode(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                className={`cursor-pointer shadow-md w-full p-2 mt-2 text-xl font-semibold ${theme} ${themBtnStyle}`}\n              >\n                Submit\n              </button>\n            </form>\n          </div>\n        ) : (\n          <div className=\"flex flex-col-reverse items-center md:items-start md:justify-center md:flex-row mx-3  md:mx-0 md:w-full\">\n            <div className={`flex flex-col items-center p-2 `}>\n              <p\n                className={`text-left w-full text-gray-500 mb-2 px-2 md:px-6 border border-${theme}-200 shadow-sm  ${themeTileBorderStyle}`}\n              >\n                Pay with card\n              </p>\n              <form\n                id=\"payment-form\"\n                onSubmit={handleSubmit}\n                className=\"flex flex-col\"\n              >\n                {isStripeLoading && (\n                  <div className=\"border rounded p-2 mb-2 text-center\">\n                    <p className=\" text-gray-600\">Loading...</p>\n                  </div>\n                )}\n                <PaymentElement />\n                <button\n                  type=\"submit\"\n                  disabled={!stripe}\n                  className={`cursor-pointer shadow-md p-2 mt-2 text-xl font-semibold   ${themBtn}  ${themBtnStyle}`}\n                >\n                  Continue\n                </button>\n              </form>\n            </div>\n            <div className=\"flex  md:flex-col items-center justify-center p-2 \">\n              <div\n                className={`border-t-2 w-32 md:w-0 md:border-l-2 border-${theme}-100 md:h-40`}\n              ></div>\n              <div\n                className={` font-semibold ${theme} rounded-3xl px-2 mx-1.5 md:mx-0 md:my-2 text-2xl`}\n              >\n                Or\n              </div>\n              <div\n                className={`border-t-2 w-32 md:w-0 md:border-l-2 border-${theme}-100 md:h-40`}\n              ></div>\n            </div>\n            <div className=\"  p-2 rounded-md flex flex-col items-center w-full md:w-5/12 \">\n              <p\n                className={`text-left w-full text-gray-500  px-2 md:px-6 mb-2 border border-${theme}-200 shadow-sm ${themeTileBorderStyle}`}\n              >\n                Pay with phone\n              </p>\n              <div className=\"relative\">\n                <img\n                  src={qrCodeUrl}\n                  alt=\"QR code\"\n                  className=\"w-32 h-32 md:h-60 md:w-60 \"\n                />\n                <button\n                  title=\"Download QR\"\n                  className={`absolute bottom-3 md:bottom-5 -right-3 shadow-md  ${theme}  rounded-b-md rounded-l-md`}\n                  onClick={handleDownloadQrCode}\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    width=\"24\"\n                    height=\"24\"\n                    className=\"h-6 w-6\"\n                  >\n                    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                    <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n        {/* share link modal */}\n        {/* <Modal\n          isOpen={linkModalIsOpen}\n          className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n          overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n          onRequestClose={() => setLinkModalIsOpen(false)}\n        >\n          <button\n            onClick={setLinkModalIsOpenToFalse}\n            className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n          >\n            x\n          </button>\n          <div className=\"bg-white  p-6 rounded-md flex flex-col items-center\">\n            <div className=\"relative\">\n              <img src={qrCodeUrl} alt=\"QR code\" className=\"w-72 h-72\" />\n              <button\n                title=\"Download QR\"\n                className=\"absolute bottom-5 -right-3 shadow-md bg-pink-300 rounded-b-md rounded-l-md\"\n                onClick={handleDownloadQrCode}\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"24\"\n                  height=\"24\"\n                  className=\"h-8 w-8\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                  <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n                </svg>\n              </button>\n            </div>\n            <div className=\"w-full flex justify-center\">\n              <input\n                type=\"text\"\n                className=\"border border-pink-300 rounded-l-md text-sm p-2 md:w-80 text-gray-500\"\n                value={`https://zaplyn.link/pay/${receivedOrid}`}\n                readOnly\n              />\n              <button\n                className=\"bg-white px-2 border border-pink-300 rounded-r-md flex items-center space-x-1 text-gray-700 \"\n                onClick={() => {\n                  navigator.clipboard.writeText(\n                    \"https://zaplyn.link/pay/\" + receivedOrid\n                  );\n                }}\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"20\"\n                  height=\"20\"\n                  className=\"w-4 h-4\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                  <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n                </svg>\n                <span className=\"text-xs\">Copy</span>\n              </button>\n            </div>\n          </div>\n        </Modal> */}\n        {/* Show error message to your customers */}\n        {errorMessage && <div>{errorMessage}</div>}\n      </div>\n    </section>\n  );\n};\n\nexport default ShopCheckoutForm;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\n\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\n\nconst ShopZerocheckoutForm = ({\n  orderData,\n  shopDetails,\n  schedule_delivery,\n  partial,\n  customerNote,\n}) => {\n  const [isVisible, setIsVisible] = useState(true);\n\n  const navigate = useNavigate();\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    setThemBtnStyle,\n    themeTileBorder,\n    setThemeTileBorder,\n    themeTileBorderStyle,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n  } = useContext(ThemeContext);\n\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [add1, setAdd1] = useState(\"\");\n  const [add2, setAdd2] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n\n  const [price, setPrice] = useState([]);\n\n  const [receivedOrid, setReceivedOrId] = useState(\"\");\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const [isEmailValid, setIsEmailValid] = useState(true);\n  const [isPhoneValid, setIsPhoneValid] = useState(true);\n\n  const validateEmail = () => {\n    setIsEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email) // regex for email validation\n    );\n  };\n\n  const validatePhone = () => {\n    setIsPhoneValid(\n      /^[\\d\\s()+-]+$/.test(phone) && phone.length >= 10 // regex for phone validation\n    );\n  };\n\n  const handleAddress = async (e) => {\n    e.preventDefault();\n    validateEmail();\n    validatePhone();\n    const datanew = orderData.addon.split(\"-\").map((item) => JSON.parse(item));\n    var convertedObject = datanew.reduce((result, obj) => {\n      Object.keys(obj).forEach((key) => {\n        result[key] = obj[key];\n      });\n      return result;\n    }, {});\n\n    if (isEmailValid && isPhoneValid) {\n      try {\n        const response = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}`+\"send-address/\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify({\n              ZaplynTileRef: orderData.ZaplynTileRef,\n              shopname: shopDetails.shopname,\n              shopref: shopDetails.ZaplynShopRef,\n              itemname: orderData.itemname,\n              category: orderData.category,\n              size: orderData.attribute_1 || \"\",\n              color: orderData.color || \"\",\n              sub_category: orderData.sub_category,\n              name: name,\n              phone: phone,\n              email: email,\n              add1: add1,\n              add2: add2,\n              city: city,\n              partial: partial,\n              scheduled_time: schedule_delivery || \"\",\n              country: country,\n              customerNote: customerNote,\n              postcode: postcode,\n              price: orderData.newprice,\n              qty: orderData.quantity,\n              variant: orderData.variantName,\n              add_ons: convertedObject,\n              attribute_1: orderData.newatrribute_1,\n              attribute_2: orderData.newatrribute_2,\n              attribute_3: orderData.newatrribute_3,\n              attribute_4: orderData.newatrribute_4,\n              attribute_5: orderData.newatrribute_5,\n            }),\n          }\n        );\n\n        const json = await response.json();\n        if (json) {\n          setReceivedOrId(json.Order_id);\n          navigate(`/sucess?${json.Order_id}`);\n        }\n      } catch (error) {\n        console.log(\"Err\", error);\n      }\n    } else {\n      console.log(\"invalid credentials\");\n    }\n  };\n\n  return (\n    <section className=\"mt-1\">\n      <div>\n        {isVisible ? (\n          <div\n            className={`${\n              themeTileBorder === \"none\"\n                ? ``\n                : themeTileBorder === \"light\"\n                ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                : ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.5`\n            } mt-5`}\n          >\n            <form\n              id=\"address-form\"\n              onSubmit={handleAddress}\n              className={`${themeTileBorderStyle} bg-white  p-2`}\n            >\n              <div className=\" \">\n                <p className=\"text-gray-400 text-xl\">\n                  Please enter address details:\n                </p>\n\n                <div className=\"container flex flex-col mx-auto space-y-12\">\n                  <div className=\"grid grid-cols-6 gap-4 col-span-full \">\n                    <div className=\"col-span-full \">\n                      <label name=\"f-name\">Name: </label>\n                      <input\n                        required\n                        name=\"f-name\"\n                        placeholder=\"Name\"\n                        type=\"text\"\n                        onChange={(e) => setName(e.target.value)}\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                      />\n                    </div>\n                    <div className=\"col-span-full md:col-span-3\">\n                      <label name=\"email\">Email </label>\n                      <input\n                        required\n                        name=\"email\"\n                        onChange={(e) => setEmail(e.target.value)}\n                        placeholder=\"email\"\n                        type=\"text\"\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                        onBlur={validateEmail}\n                      />\n                      {!isEmailValid && (\n                        <p className=\"text-xs text-red-400 \">\n                          Invalid email address\n                        </p>\n                      )}\n                    </div>\n                    <div className=\"col-span-full md:col-span-3\">\n                      <label name=\"phone number\">Phone Number </label>\n                      <input\n                        required\n                        name=\"phone number\"\n                        onChange={(event) =>\n                          setPhone(event.target.value.replace(/[^0-9+\\s]/g, \"\"))\n                        }\n                        placeholder=\"Phone Number\"\n                        type=\"text\"\n                        className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                        onBlur={validatePhone}\n                      />\n                      {!isPhoneValid && (\n                        <p className=\"text-xs text-red-400 \">\n                          Invalid phone number\n                        </p>\n                      )}\n                    </div>\n                    {shopDetails.shipping_enabled && (\n                      <div className=\"col-span-full grid grid-cols-6 gap-4 \">\n                        <div className=\"col-span-full\">\n                          <label name=\"address line 1\">Address line 1 </label>\n                          <input\n                            required\n                            name=\"address line 1\"\n                            placeholder=\"Address line 1\"\n                            type=\"text\"\n                            onChange={(e) => setAdd1(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full\">\n                          <label name=\"address line 1\">Address line 2 </label>\n                          <input\n                            required\n                            name=\"address line 2\"\n                            placeholder=\"Address line 2\"\n                            type=\"text\"\n                            onChange={(e) => setAdd2(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"city\">City </label>\n                          <input\n                            required\n                            name=\"city\"\n                            placeholder=\"City\"\n                            type=\"text\"\n                            onChange={(e) => setCity(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"country\">Country </label>\n                          <input\n                            required\n                            name=\"country\"\n                            placeholder=\"Country\"\n                            type=\"text\"\n                            onChange={(e) => setCountry(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                        <div className=\"col-span-full md:col-span-2 \">\n                          <label name=\"postcode\">ZIP / Postal </label>\n                          <input\n                            required\n                            name=\"postcode\"\n                            placeholder=\"Postal code\"\n                            type=\"text\"\n                            onChange={(e) => setPostcode(e.target.value)}\n                            className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                          />\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                className={`cursor-pointer shadow-md w-full p-2 mt-2 text-xl font-semibold ${theme}  ${themBtnStyle}`}\n              >\n                Submit\n              </button>\n            </form>\n          </div>\n        ) : (\n          <></>\n        )}\n        {/* Show error message to your customers */}\n        {errorMessage && <div>{errorMessage}</div>}\n      </div>\n    </section>\n  );\n};\n\nexport default ShopZerocheckoutForm;\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport Modal from \"react-modal\";\n\nimport { Carousel } from \"react-responsive-carousel\";\nimport \"./ProductTile.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport ShopCheckoutForm from \"./ShopCheckoutForm\";\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\n\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\nimport { MobileDateTimePicker } from \"@mui/x-date-pickers/MobileDateTimePicker\";\nimport TextField from \"@mui/material/TextField\";\nimport dayjs from \"dayjs\";\nimport { MobileDatePicker } from \"@mui/x-date-pickers\";\nimport ShopZerocheckoutForm from \"./shopZeroCheckoutForm\";\nimport CustomerNote from \"../NoteModal\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_PUBLISHABLE_KEY);\n\nfunction Cart({\n  cartData,\n  backToShop,\n  onRemoveFromCart,\n  onDecrease,\n  onIncrease,\n  shopDetails,\n}) {\n  const [isCheckoutClicked, setIsCheckoutClicked] = useState(false);\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const [cs, setCs] = useState(\"\");\n\n  // theme\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    themeTileBorder,\n    setThemeTileBorder,\n    themeTileBorderStyle,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n  } = useContext(ThemeContext);\n  const options = {\n    clientSecret: cs,\n\n    appearance: {\n      /*...*/\n    },\n  };\n\n  // payment percentage\n  const [paymentPercentage, setPaymentPercentage] = useState(\n    shopDetails.partial\n  );\n  const [newTotalPrice, setNewTotalPrice] = useState();\n\n  const [totalprice, setTotalPrice] = useState();\n\n  const [scheduleDelivery, setScheduleDelivery] = useState(null);\n  const [activePeriod, setActivePeriod] = React.useState(dayjs(Date.now()));\n\n  //variants\n  const [showVariant, setShowVariant] = useState(false);\n  const [variants, setVariants] = useState(null);\n  const [variantPrice, setVariantPrice] = useState(\"\");\n\n  const [selectedSlot, setSelectedSlot] = useState(\"{}\");\n  const handleSlotSelect = (e) => {\n    setSelectedSlot(e.target.value);\n  };\n\n  const [slotErr, setSlotErr] = useState(\"\");\n\n  const [invalidSlot, setInvalidSlot] = useState([]);\n\n  const [customerNote, setCustomerNote] = useState(\"\");\n\n  const [isNoteModalOpen, setIsNoteModalOpen] = useState(false);\n\n  const setNoteModalisOpenToFalse = () => {\n    setIsNoteModalOpen(false);\n  };\n\n  const handleDeleteProduct = (id) => {\n    onRemoveFromCart(id);\n    const updatedCart = cartData.filter((item) => item.id !== id);\n    const updatedTotalPrice = updatedCart.reduce(\n      (a, c) => a + c.newtotal * c.quantity,\n      0\n    );\n    setTotalPrice(updatedTotalPrice.toFixed(1));\n  };\n\n  const handleDecreaseQuantity = (id) => {\n    onDecrease(id);\n    const updatedCart = cartData.map((item) =>\n      item.id === id\n        ? {\n            ...item,\n            quantity: item.quantity - 1,\n          }\n        : item\n    );\n    const updatedTotalPrice = updatedCart.reduce(\n      (a, c) => a + c.newtotal * c.quantity,\n      0\n    );\n    setTotalPrice(updatedTotalPrice.toFixed(1));\n  };\n\n  const handleIncreaseQuantity = (id) => {\n    onIncrease(id);\n    const updatedCart = cartData.map((item) =>\n      item.id === id\n        ? {\n            ...item,\n            quantity: parseInt(item.quantity) + 1,\n          }\n        : item\n    );\n    const updatedTotalPrice = updatedCart.reduce(\n      (a, c) => a + c.newtotal * c.quantity,\n      0\n    );\n    setTotalPrice(updatedTotalPrice.toFixed(1));\n  };\n\n  const transformedData = useMemo(() => {\n    const newResult = {};\n\n    cartData.forEach((obj) => {\n      Object.keys(obj).forEach((key) => {\n        if (!newResult[key]) {\n          newResult[key] = \"\";\n        }\n        if (typeof obj[key] === \"object\") {\n          newResult[key] += JSON.stringify(obj[key]) + \"-\";\n        } else {\n          newResult[key] += obj[key] + \",\";\n        }\n      });\n    });\n\n    Object.keys(newResult).forEach((key) => {\n      newResult[key] = newResult[key].slice(0, -1);\n    });\n\n    return newResult;\n  }, [cartData]);\n\n  // checkout\n  const handlePurchase = () => {\n    if (shopDetails.enable_scheduling) {\n      if (selectedSlot !== \"{}\") {\n        proceedToPurchase();\n      } else {\n        setSlotErr(\"Please select!\");\n      }\n    } else {\n      proceedToPurchase();\n    }\n  };\n\n  const proceedToPurchase = async () => {\n    setIsCheckoutClicked(true);\n    setIsLoading(true);\n    if (paymentPercentage === 0) {\n      setCs(\"zero\");\n    } else if (paymentPercentage === 100) {\n      try {\n        var addonprice = cartData\n          .filter((item) => item.add_ons !== null)\n          .map((item) =>\n            Object.values(item.addon[item.ZaplynTileRef]).reduce(\n              (acc, value) => {\n                return acc + parseInt(value);\n              },\n              0\n            )\n          );\n        if (isNaN(parseInt(addonprice))) {\n          addonprice = 0;\n        }\n\n        const response = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}` +\n            \"create-payment-intent/\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify({\n              qty: transformedData.quantity,\n              ZaplynTileRef: transformedData.ZaplynTileRef,\n              totalprice: (\n                parseInt(totalprice) +\n                parseInt(addonprice) -\n                (parseInt(totalprice) + parseInt(addonprice)) *\n                  (shopDetails.discount / 100)\n              ).toFixed(1),\n            }),\n          }\n        );\n        const json = await response.json();\n        if (json) {\n          setCs(json);\n        }\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    } else {\n      try {\n        const response = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}` +\n            \"partial-payment-intent/\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify({\n              totalprice: newTotalPrice,\n            }),\n          }\n        );\n\n        const json = await response.json();\n        if (json) {\n          setCs(json);\n        }\n      } catch (error) {\n        console.log(\"Err\", error);\n      }\n    }\n    setIsLoading(false);\n  };\n\n  useEffect(() => {\n    const itemPrice = cartData.reduce((a, c) => a + c.newtotal * c.quantity, 0);\n    setTotalPrice(itemPrice.toFixed(1));\n  }, [cartData]);\n\n  useEffect(() => {\n    if (selectedSlot !== \"{}\") {\n      setScheduleDelivery({\n        date: activePeriod,\n        slot: JSON.parse(selectedSlot),\n      });\n    }\n  }, [activePeriod, selectedSlot]);\n\n  useEffect(() => {\n    var addonprice = cartData\n      .filter((item) => item.add_ons !== null)\n      .map((item) => item.addonPrice)\n      .reduce((acc, curr) => acc + curr, 0);\n\n    // console.log(addonprice);\n    if (isNaN(parseInt(addonprice))) {\n      addonprice = 0;\n    }\n    // console.log(addonprice);\n    // console.log(totalprice);\n\n    if (paymentPercentage === 0) {\n      setNewTotalPrice(0);\n    } else if (paymentPercentage === 25) {\n      setNewTotalPrice(\n        (\n          (totalprice +\n            addonprice -\n            (totalprice + addonprice) * (shopDetails.discount / 100)) *\n          (shopDetails.partial / 100)\n        ).toFixed(1)\n      );\n    } else if (paymentPercentage === 50) {\n      setNewTotalPrice(\n        (\n          (totalprice +\n            addonprice -\n            (totalprice + addonprice) * (shopDetails.discount / 100)) *\n          (shopDetails.partial / 100)\n        ).toFixed(1)\n      );\n    }\n  }, [paymentPercentage, totalprice, cartData]);\n\n  useEffect(() => {\n    if (\n      !shopDetails?.multiple_bookings &&\n      shopDetails?.booked_slots?.length > 0 &&\n      shopDetails?.booked_slots?.map(\n        (item) =>\n          dayjs(item?.scheduled_time?.date).format(\"DD/MM/YYYY\") ===\n          activePeriod.format(\"DD/MM/YYYY\")\n      )\n    ) {\n      const newslot = shopDetails?.booked_slots\n        ?.filter(\n          (item) =>\n            dayjs(item?.scheduled_time?.date).format(\"DD/MM/YYYY\") ===\n            activePeriod.format(\"DD/MM/YYYY\")\n        )\n        .map((item) => item?.scheduled_time?.slot?.slotNo);\n      setInvalidSlot(newslot);\n    }\n  }, [activePeriod]);\n\n  // console.log(invalidSlot);\n  // console.log(scheduleDelivery);\n\n  // console.log(\"cart\", cartData);\n  // console.log(\"forme\", transformedData);\n  // console.log(dayjs(activePeriod).isBefore(dayjs(), \"day\"));\n\n  // console.log(totalprice);\n  // console.log(newTotalPrice);\n  // console.log(paymentPercentage);\n  // console.log(activePeriod, \"new\", JSON.parse(selectedSlot));\n  return (\n    <section>\n      {isCheckoutClicked ? (\n        <>\n          <div className=\" flex items-center justify-end mt-10\">\n            <button\n              onClick={() => setIsCheckoutClicked(false)}\n              className=\"text-gray-500 font-semibold cursor-pointer\"\n            >\n              back to cart\n            </button>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              className=\"w-5 h-5 ml-1\"\n            >\n              <path\n                d=\"M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z\"\n                fill=\"rgba(173,184,194,1)\"\n              ></path>\n            </svg>\n          </div>\n          {isLoading && <p>Loading ..</p>}\n          {cs !== \"\" && cs !== \"zero\" && (\n            <Elements stripe={stripePromise} options={options}>\n              <ShopCheckoutForm\n                orderData={transformedData}\n                shopDetails={shopDetails}\n                schedule_delivery={scheduleDelivery}\n                partial={paymentPercentage}\n                customerNote={customerNote}\n              />\n            </Elements>\n          )}\n          {cs === \"zero\" && paymentPercentage === 0 && (\n            <ShopZerocheckoutForm\n              orderData={transformedData}\n              shopDetails={shopDetails}\n              schedule_delivery={scheduleDelivery}\n              partial={paymentPercentage}\n              customerNote={customerNote}\n            />\n          )}\n        </>\n      ) : (\n        <div className=\"\">\n          <div className=\"flex flex-col max-w-3xl p-2 space-y-4 sm:p-10 \">\n            {cartData?.length > 0 ? (\n              <>\n                <h2 className=\"text-xl font-semibold\">Your cart</h2>\n                <ul\n                  className={` flex flex-col divide-y gap-4 divide-gray-100 `}\n                >\n                  {cartData.map((item) => (\n                    <li\n                      className={`\n                      ${\n                        themeTileBorder === \"none\"\n                          ? ``\n                          : themeTileBorder === \"light\"\n                          ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                          : ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.5`\n                      }\n                      flex flex-col sm:flex-row sm:justify-between  `}\n                    >\n                      <div\n                        className={`bg-white flex flex-col w-full space-x-2 ${themeTileBorderStyle} py-3 sm:space-x-4  p-1`}\n                      >\n                        {/* product image */}\n                        <div className={` flex p-0.5 rounded-md `}>\n                          <div className=\"w-16 md:w-40\">\n                            <Carousel\n                              infiniteLoop={true}\n                              showStatus={false}\n                              showArrows={false}\n                              showIndicators={false}\n                              swipeable={false}\n                              // thumbWidth={30}\n                              showThumbs={false}\n                              className=\"shopProductCarousel\"\n                            >\n                              {item.images.map((image) => (\n                                <div key={image}>\n                                  <img\n                                    src={image}\n                                    alt=\"\"\n                                    className=\"  w-12 h-12  sm:w-32 sm:h-32 object-contain\"\n                                  />\n                                </div>\n                              ))}\n                            </Carousel>\n                          </div>\n\n                          <div className=\"flex justify-between w-full pb-2 space-x-2 pl-5\">\n                            <div className=\"space-y-1\">\n                              <h3 className=\"text-lg font-semibold leading-snug sm:pr-8\">\n                                {item.itemname}\n                              </h3>\n                              <p className=\"text-xs w-40 md:w-52 text-justify pb-2 truncate \">\n                                {item.description}\n                              </p>\n                            </div>\n                            <div className=\"text-right \">\n                              {item?.show_variant ? (\n                                <p className=\"text-lg font-semibold\">\n                                  {(\n                                    parseInt(item.variant[item.variantName]) *\n                                    item.quantity\n                                  ).toFixed(1)}\n                                  {shopDetails.currency === \"GBP\" && (\n                                    <span className=\"mr-1\">£</span>\n                                  )}\n                                  {shopDetails.currency === \"EUR\" && (\n                                    <span className=\"mr-1\">€</span>\n                                  )}\n                                  {shopDetails.currency === \"USD\" && (\n                                    <span className=\"mr-1\">$</span>\n                                  )}\n                                </p>\n                              ) : (\n                                <p className=\"text-lg font-semibold\">\n                                  {(item.retail_price * item.quantity).toFixed(\n                                    1\n                                  )}\n                                  {shopDetails.currency === \"GBP\" && (\n                                    <span className=\"ml-0.5\">£</span>\n                                  )}\n                                  {shopDetails.currency === \"EUR\" && (\n                                    <span className=\"ml-0.5\">€</span>\n                                  )}\n                                  {shopDetails.currency === \"USD\" && (\n                                    <span className=\"ml-0.5\">$</span>\n                                  )}\n                                </p>\n                              )}\n\n                              {shopDetails.shipping_enabled &&\n                                item.shipping_price !== 0 && (\n                                  <p className=\"text-xs tracking-tight \">\n                                    Shipping Price:{\" \"}\n                                    <span>\n                                      {(\n                                        item.shipping_price * item.quantity\n                                      ).toFixed(1)}\n                                      {shopDetails.currency === \"GBP\" && (\n                                        <span className=\"ml-0.5\">£</span>\n                                      )}\n                                      {shopDetails.currency === \"EUR\" && (\n                                        <span className=\"ml-0.5\">€</span>\n                                      )}\n                                      {shopDetails.currency === \"USD\" && (\n                                        <span className=\"ml-0.5\">$</span>\n                                      )}\n                                    </span>\n                                  </p>\n                                )}\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"flex flex-col pb-4 gap-2\">\n                          {item.etm_date !== null &&\n                            item.etm_date.split(\",\")[2] !== \"\" &&\n                            item.etm_date.split(\",\")[2] !== \"select\" && (\n                              <div className={` text-xs mt-1 `}>\n                                <p className=\"flex gap-2  items-center justify-end \">\n                                  Estimated Delivery:{\" \"}\n                                  <span className=\" \">\n                                    {item.etm_date.split(\",\")[0]}\n                                  </span>\n                                  -\n                                  <span className=\" \">\n                                    {item.etm_date.split(\",\")[1]}\n                                  </span>\n                                  <span className=\" \">\n                                    {item.etm_date.split(\",\")[2]}\n                                  </span>\n                                </p>\n                              </div>\n                            )}\n                          <div className=\"flex w-full \">\n                            <div className=\"flex space-x-2 text-sm divide-x divide-gray-200 w-60 md:w-full overflow-x-auto\">\n                              {item.addon !== null &&\n                                item.addon !== undefined &&\n                                Object.keys(item?.addon[item.ZaplynTileRef])\n                                  .length > 0 &&\n                                Object.keys(\n                                  item?.addon[item.ZaplynTileRef]\n                                ).map((addonName) => (\n                                  <div className=\"ml-2 text-xs\">\n                                    <div className=\"pl-2\">\n                                      <p className=\"text-xs capitalize \">\n                                        {addonName}\n                                      </p>\n                                      <p className=\" text-center\">\n                                        £{\" \"}\n                                        {\n                                          item?.addon[item.ZaplynTileRef][\n                                            addonName\n                                          ]\n                                        }\n                                      </p>\n                                    </div>\n                                  </div>\n                                ))}\n                              {item?.newatrribute_1.split(\"-\")[0] === \"color\" &&\n                                item?.newatrribute_1.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"ml-2\">\n                                    <p className=\"text-xs  capitalize \">\n                                      color\n                                    </p>\n                                    <button\n                                      className=\"rounded-full\"\n                                      style={{\n                                        backgroundColor: `${\n                                          item?.newatrribute_1.split(\"-\")[1]\n                                        }`,\n                                        width: \"18px\",\n                                        height: \"18px\",\n                                        marginLeft: \"5px\",\n                                        marginTop: \"3px\",\n                                      }}\n                                    ></button>\n                                  </div>\n                                )}\n                              {item?.newatrribute_1.split(\"-\")[0] !== \"color\" &&\n                                item?.newatrribute_1.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"ml-2 text-xs\">\n                                    <div className=\"pl-2\">\n                                      <p className=\"text-xs capitalize \">\n                                        {item?.newatrribute_1.split(\"-\")[0]}\n                                      </p>\n                                      <p className=\" \">\n                                        {item?.newatrribute_1.split(\"-\")[1]}\n                                      </p>\n                                    </div>\n                                  </div>\n                                )}\n                              {item?.newatrribute_2.split(\"-\")[0] !== \"null\" &&\n                                item?.newatrribute_2.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"pl-2 text-xs\">\n                                    <p className=\"text-xs  capitalize \">\n                                      {item?.newatrribute_2.split(\"-\")[0]}\n                                    </p>\n                                    <p className=\" \">\n                                      {item?.newatrribute_2.split(\"-\")[1]}\n                                    </p>\n                                  </div>\n                                )}\n                              {item?.newatrribute_3.split(\"-\")[0] !== \"null\" &&\n                                item?.newatrribute_3.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"pl-2 text-xs\">\n                                    <p className=\"text-xs  capitalize \">\n                                      {item?.newatrribute_3.split(\"-\")[0]}\n                                    </p>\n                                    <p className=\" \">\n                                      {item?.newatrribute_3.split(\"-\")[1]}\n                                    </p>\n                                  </div>\n                                )}\n                              {item?.newatrribute_4.split(\"-\")[0] !== \"null\" &&\n                                item?.newatrribute_4.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"pl-2 text-xs\">\n                                    <p className=\"text-xs  capitalize \">\n                                      {item?.newatrribute_4.split(\"-\")[0]}\n                                    </p>\n                                    <p className=\"\">\n                                      {item?.newatrribute_4.split(\"-\")[1]}\n                                    </p>\n                                  </div>\n                                )}\n                              {item?.newatrribute_5.split(\"-\")[0] !== \"null\" &&\n                                item?.newatrribute_5.split(\"-\")[1] !==\n                                  \"null\" && (\n                                  <div className=\"pl-2 text-xs\">\n                                    <p className=\"text-xs  capitalize \">\n                                      {item?.newatrribute_5.split(\"-\")[0]}\n                                    </p>\n                                    <p className=\" \">\n                                      {item?.newatrribute_5.split(\"-\")[1]}\n                                    </p>\n                                  </div>\n                                )}\n                            </div>\n                            <button\n                              onClick={() => handleDeleteProduct(item.id)}\n                              type=\"button\"\n                              className=\"flex items-center px-2 py-1 pl-2 space-x-1\"\n                            >\n                              <svg\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                viewBox=\"0 0 512 512\"\n                                className=\"w-4 h-4 fill-current\"\n                              >\n                                <path d=\"M96,472a23.82,23.82,0,0,0,23.579,24H392.421A23.82,23.82,0,0,0,416,472V152H96Zm32-288H384V464H128Z\"></path>\n                                <rect\n                                  width=\"32\"\n                                  height=\"200\"\n                                  x=\"168\"\n                                  y=\"216\"\n                                ></rect>\n                                <rect\n                                  width=\"32\"\n                                  height=\"200\"\n                                  x=\"240\"\n                                  y=\"216\"\n                                ></rect>\n                                <rect\n                                  width=\"32\"\n                                  height=\"200\"\n                                  x=\"312\"\n                                  y=\"216\"\n                                ></rect>\n                                <path d=\"M328,88V40c0-13.458-9.488-24-21.6-24H205.6C193.488,16,184,26.542,184,40V88H64v32H448V88ZM216,48h80V88H216Z\"></path>\n                              </svg>\n                            </button>\n\n                            {/* quantity div */}\n                            <div className=\"pl-3 flex  items-center gap-1 md:gap-3\">\n                              {parseInt(item.quantity) > 1 && (\n                                <button\n                                  onClick={() =>\n                                    handleDecreaseQuantity(item.id)\n                                  }\n                                  className={`${themBtn} text-lg  flex items-center justify-center  rounded-full h-5 w-5 p-1 `}\n                                >\n                                  <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    viewBox=\"0 0 24 24\"\n                                  >\n                                    <path d=\"M5 11V13H19V11H5Z\"></path>\n                                  </svg>\n                                </button>\n                              )}\n                              <p className=\"text-sm\">{item.quantity}</p>\n                              <button\n                                onClick={() => handleIncreaseQuantity(item.id)}\n                                className={` ${themBtn}  text-lg  flex items-center justify-center  rounded-full h-5 w-5  p-0.5`}\n                              >\n                                <svg\n                                  xmlns=\"http://www.w3.org/2000/svg\"\n                                  viewBox=\"0 0 24 24\"\n                                >\n                                  <path d=\"M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z\"></path>\n                                </svg>\n                              </button>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  ))}\n                </ul>\n\n                {/* schedule Delivery */}\n\n                {shopDetails?.enable_scheduling && (\n                  <div className=\"flex flex-col md:flex-row gap-2 md:items-center\">\n                    <p className=\"text-xs md:text-sm\">Schedule Delivery : </p>\n\n                    <div className=\"flex justify-between items-center md:gap-4\">\n                      <div\n                        className={`${\n                          themeTileBorder === \"none\"\n                            ? ``\n                            : themeTileBorder === \"light\"\n                            ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                            : ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.5`\n                        } w-32 `}\n                      >\n                        <LocalizationProvider dateAdapter={AdapterDayjs}>\n                          <MobileDatePicker\n                            className={`bg-white   ${themeTileBorderStyle} border-none `}\n                            onChange={setActivePeriod}\n                            value={activePeriod}\n                            slotProps={{ textField: { size: \"small\" } }}\n                            renderInput={(params) => <TextField {...params} />}\n                          />\n                        </LocalizationProvider>\n                      </div>\n\n                      {[\n                        \"Sunday\",\n                        \"Monday\",\n                        \"Tuesday\",\n                        \"Wednesday\",\n                        \"Thursday\",\n                        \"Friday\",\n                        \"Saturday\",\n                      ].map((item, index) => (\n                        <div className=\"\">\n                          {activePeriod.day() === index && (\n                            <>\n                              <div\n                                className={`${\n                                  themeTileBorder === \"none\"\n                                    ? ``\n                                    : themeTileBorder === \"light\"\n                                    ? ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.25`\n                                    : ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.5`\n                                }  relative`}\n                              >\n                                <select\n                                  className={`bg-white cursor-pointer shadow-md focus:outline-none ${themeTileBorderStyle} text-xs p-2 `}\n                                  required\n                                  // value={`${dayjs(\n                                  //   JSON.parse(selectedSlot).from\n                                  // ).format(\"HH:mm A\")}${\" - \"}${dayjs(\n                                  //   JSON.parse(selectedSlot).to\n                                  // ).format(\"HH:mm A\")}`}\n                                  onChange={(e) => handleSlotSelect(e)}\n                                  onClick={() => setSlotErr(\"\")}\n                                >\n                                  <option value=\"select\">\n                                    Select Prefered Time Slot\n                                  </option>\n                                  {shopDetails.booking_time[item]?.length > 0 &&\n                                    shopDetails.booking_time[item].map(\n                                      (slot) => (\n                                        <option\n                                          key={slot.slotNo}\n                                          className={` flex gap-2`}\n                                          disabled={\n                                            (shopDetails.booked_slots.map(\n                                              (item) =>\n                                                dayjs(\n                                                  item.scheduled_time.date\n                                                ).format(\"DD/MM/YYYY\") ===\n                                                activePeriod.format(\n                                                  \"DD/MM/YYYY\"\n                                                )\n                                            ) &&\n                                              invalidSlot.includes(\n                                                slot.slotNo\n                                              )) ||\n                                            dayjs(activePeriod).isBefore(\n                                              dayjs(),\n                                              \"day\"\n                                            )\n                                          }\n                                          value={JSON.stringify(slot)}\n                                        >\n                                          {dayjs(slot.from).format(\"HH:mm A\")}\n                                          {\" - \"}\n                                          {dayjs(slot.to).format(\"HH:mm A\")}\n                                        </option>\n                                      )\n                                    )}\n                                </select>\n                                {slotErr !== \"\" && (\n                                  <p className=\"text-red-500 text-xs absolute -bottom-4 right-2\">\n                                    {slotErr}\n                                  </p>\n                                )}\n                              </div>\n                            </>\n                          )}\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                )}\n\n                {/* Add note */}\n                <div>\n                  <button\n                    onClick={() => setIsNoteModalOpen(true)}\n                    className={`flex items-center text-sm   `}\n                  >\n                    {customerNote === \"\" ? (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z\"></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z\"></path>\n                      </svg>\n                    )}\n                    {customerNote !== \"\" ? \"View Note\" : \"Add Note:\"}{\" \"}\n                  </button>\n                </div>\n\n                <div className=\"space-y-1 text-right\">\n                  <p className=\"text-sm \">\n                    Sub Total: &nbsp;\n                    <span className=\"font-semibold\">\n                      {isNaN(\n                        parseInt(\n                          cartData\n                            .filter((item) => item.add_ons !== null)\n                            .map((item) =>\n                              Object.values(\n                                item.addon[item.ZaplynTileRef]\n                              ).reduce((acc, value) => {\n                                return acc + parseInt(value);\n                              }, 0)\n                            )\n                        )\n                      )\n                        ? totalprice\n                        : (\n                            parseInt(\n                              cartData\n                                .filter((item) => item.add_ons !== null)\n                                .map((item) =>\n                                  Object.values(\n                                    item.addon[item.ZaplynTileRef]\n                                  ).reduce((acc, value) => {\n                                    return acc + parseInt(value);\n                                  }, 0)\n                                )\n                            ) + parseInt(totalprice)\n                          ).toFixed(1)}{\" \"}\n                      {shopDetails.currency === \"GBP\" && (\n                        <span className=\"ml-0.5\">£</span>\n                      )}\n                      {shopDetails.currency === \"EUR\" && (\n                        <span className=\"ml-0.5\">€</span>\n                      )}\n                      {shopDetails.currency === \"USD\" && (\n                        <span className=\"ml-0.5\">$</span>\n                      )}\n                    </span>\n                  </p>\n                  <p className=\"text-sm text-gray-400\">\n                    Discount: -\n                    {isNaN(\n                      parseInt(\n                        cartData\n                          .filter((item) => item.add_ons !== null)\n                          .map((item) =>\n                            Object.values(\n                              item.addon[item.ZaplynTileRef]\n                            ).reduce((acc, value) => {\n                              return acc + parseInt(value);\n                            }, 0)\n                          )\n                      )\n                    )\n                      ? (totalprice * (shopDetails.discount / 100)).toFixed(1)\n                      : (\n                          (parseInt(\n                            cartData\n                              .filter((item) => item.add_ons !== null)\n                              .map((item) =>\n                                Object.values(\n                                  item.addon[item.ZaplynTileRef]\n                                ).reduce((acc, value) => {\n                                  return acc + parseInt(value);\n                                }, 0)\n                              )\n                          ) +\n                            parseInt(totalprice)) *\n                          (shopDetails.discount / 100)\n                        ).toFixed(1)}{\" \"}\n                    {shopDetails.currency === \"GBP\" && (\n                      <span className=\"ml-0.5\">£</span>\n                    )}\n                    {shopDetails.currency === \"EUR\" && (\n                      <span className=\"ml-0.5\">€</span>\n                    )}\n                    {shopDetails.currency === \"USD\" && (\n                      <span className=\"ml-0.5\">$</span>\n                    )}\n                  </p>\n                  <p>\n                    Total Amount: &nbsp;\n                    <span className=\"font-semibold\">\n                      {isNaN(\n                        parseInt(\n                          cartData\n                            .filter((item) => item.add_ons !== null)\n                            .map((item) =>\n                              Object.values(\n                                item.addon[item.ZaplynTileRef]\n                              ).reduce((acc, value) => {\n                                return acc + parseInt(value);\n                              }, 0)\n                            )\n                        )\n                      )\n                        ? (\n                            totalprice -\n                            totalprice * (shopDetails.discount / 100)\n                          ).toFixed(1)\n                        : (\n                            parseInt(\n                              cartData\n                                .filter((item) => item.add_ons !== null)\n                                .map((item) =>\n                                  Object.values(\n                                    item.addon[item.ZaplynTileRef]\n                                  ).reduce((acc, value) => {\n                                    return acc + parseInt(value);\n                                  }, 0)\n                                )\n                            ) +\n                            parseInt(totalprice) -\n                            (parseInt(\n                              cartData\n                                .filter((item) => item.add_ons !== null)\n                                .map((item) =>\n                                  Object.values(\n                                    item.addon[item.ZaplynTileRef]\n                                  ).reduce((acc, value) => {\n                                    return acc + parseInt(value);\n                                  }, 0)\n                                )\n                            ) +\n                              parseInt(totalprice)) *\n                              (shopDetails.discount / 100)\n                          ).toFixed(1)}\n                      {shopDetails.currency === \"GBP\" && (\n                        <span className=\"ml-0.5\">£</span>\n                      )}\n                      {shopDetails.currency === \"EUR\" && (\n                        <span className=\"ml-0.5\">€</span>\n                      )}\n                      {shopDetails.currency === \"USD\" && (\n                        <span className=\"ml-0.5\">$</span>\n                      )}\n                    </span>\n                  </p>\n                </div>\n              </>\n            ) : (\n              <>\n                <p>Your bag is empty</p>\n                <p>Looks like you haven't made your choice Yet..</p>\n              </>\n            )}\n            <div>\n              {cartData?.length > 0 && shopDetails.partial !== 100 && (\n                <p className=\"flex justify-end text-xs mb-1 md:text-sm\">\n                  Book now with{\" \"}\n                  {isNaN(\n                    parseInt(\n                      cartData\n                        .filter((item) => item.add_ons !== null)\n                        .map((item) =>\n                          Object.values(item.addon[item.ZaplynTileRef]).reduce(\n                            (acc, value) => {\n                              return acc + parseInt(value);\n                            },\n                            0\n                          )\n                        )\n                    )\n                  )\n                    ? (\n                        (totalprice -\n                          totalprice * (shopDetails.discount / 100)) *\n                        (shopDetails.partial / 100)\n                      ).toFixed(1)\n                    : (\n                        (parseInt(\n                          cartData\n                            .filter((item) => item.add_ons !== null)\n                            .map((item) =>\n                              Object.values(\n                                item.addon[item.ZaplynTileRef]\n                              ).reduce((acc, value) => {\n                                return acc + parseInt(value);\n                              }, 0)\n                            )\n                        ) +\n                          parseInt(totalprice) -\n                          (parseInt(\n                            cartData\n                              .filter((item) => item.add_ons !== null)\n                              .map((item) =>\n                                Object.values(\n                                  item.addon[item.ZaplynTileRef]\n                                ).reduce((acc, value) => {\n                                  return acc + parseInt(value);\n                                }, 0)\n                              )\n                          ) +\n                            parseInt(totalprice)) *\n                            (shopDetails.discount / 100)) *\n                        (shopDetails.partial / 100)\n                      ).toFixed(1)}{\" \"}\n                  {shopDetails.currency === \"GBP\" && (\n                    <span className=\"ml-0.5\">£</span>\n                  )}\n                  {shopDetails.currency === \"EUR\" && (\n                    <span className=\"ml-0.5\">€</span>\n                  )}\n                  {shopDetails.currency === \"USD\" && (\n                    <span className=\"ml-0.5\">$</span>\n                  )}\n                  <span className=\"pl-1\">and pay remaining amount later.</span>\n                </p>\n              )}\n              <div className=\"flex justify-end space-x-4\">\n                <button\n                  onClick={() => backToShop()}\n                  type=\"button\"\n                  className={`flex justify-center gap-1 w-1/2   ${themBtn}  ${themBtnStyle} px-4 py-1 font-semibold text-lg text-gray-700 shadow-md`}\n                >\n                  Back\n                  <span className=\"sr-only sm:not-sr-only\">to shop</span>\n                </button>\n\n                {cartData?.length > 0 && (\n                  <button\n                    onClick={() => {\n                      handlePurchase();\n                    }}\n                    type=\"button\"\n                    className={`flex justify-center gap-1 w-1/2 ${themBtn} ${themBtnStyle} px-4 py-1 font-semibold text-lg text-gray-700 shadow-md`}\n                  >\n                    <span className=\"sr-only sm:not-sr-only\">Continue to</span>\n                    Checkout\n                  </button>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Modal\n        isOpen={isNoteModalOpen}\n        className=\"font-lexand mt-10 max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsNoteModalOpen(false)}\n      >\n        <CustomerNote\n          closeOnClick={setNoteModalisOpenToFalse}\n          setUserNote={setCustomerNote}\n          customerNote={customerNote}\n        />\n      </Modal>\n    </section>\n  );\n}\n\nexport default Cart;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport \"./ProductTile.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport { RadioGroup } from \"@headlessui/react\";\nimport AttributeComponent from \"./AttributeComponent\";\nimport { useQueryClient } from \"react-query\";\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst PreviewModal = ({\n  productDetails,\n  onCloseClick,\n  onAddToCart,\n  productCategories,\n}) => {\n  console.log(productDetails);\n  // theme\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    setThemBtnStyle,\n    themeTileBorder,\n    setThemeTileBorder,\n    themeTileBorderStyle,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n  } = useContext(ThemeContext);\n\n  const queryClient = useQueryClient();\n  const shopDetails = queryClient.getQueryData(\"shopDetails\");\n  const [selectedattr1, setSelectedAttr1] = useState(\"null\");\n  const [selectedattr2, setSelectedAttr2] = useState(\"null\");\n  const [selectedattr3, setSelectedAttr3] = useState(\"null\");\n  const [selectedattr4, setSelectedAttr4] = useState(\"null\");\n  const [selectedattr5, setSelectedAttr5] = useState(\"null\");\n  const [chosenqty, setChosenqty] = useState(\"1\");\n  const [qtyOption, setQtyOption] = useState([]);\n  const [totalPrice, setTotalPrice] = useState(0);\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n  //variants\n  const [showVariant, setShowVariant] = useState(false);\n  const [variants, setVariants] = useState(null);\n  const [variantPrice, setVariantPrice] = useState(\"\");\n  const [selectedVariant, setSelectedVariant] = useState(\"null\");\n\n  //addons\n  const [showAddOn, setShowAddOn] = useState(false);\n  const [addOns, setAddOns] = useState(null);\n  const [availableAddOn, setAvailableAddOn] = useState(null);\n  const [selectedAddOn, setSelectedAddOn] = useState([]);\n\n  // variant price change Onclick()\n  const handlePriceChange = (variant) => {\n    setSelectedVariant(variant);\n    setVariantPrice(parseInt(variants[variant]));\n    setTotalPrice(\n      parseInt(variants[variant]) +\n        (shopDetails.shipping_enabled ? productDetails.shipping_price : 0)\n    );\n  };\n\n  // Addon change Onclick()\n  const handleAddOnChange = (addon) => {\n    const newSelected = [...selectedAddOn];\n\n    if (newSelected.includes(addon)) {\n      newSelected.splice(newSelected.indexOf(addon), 1);\n    } else {\n      newSelected.push(addon);\n    }\n    setSelectedAddOn(newSelected);\n  };\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n\n  const [attributeValues, setAttributeValues] = useState(null);\n\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const [attribute1, setAttribute1] = useState(\"null\");\n  const [attribute2, setAttribute2] = useState(\"null\");\n  const [attribute3, setAttribute3] = useState(\"null\");\n  const [attribute4, setAttribute4] = useState(\"null\");\n  const [attribute5, setAttribute5] = useState(\"null\");\n\n  const randomId = function (length = 6) {\n    return Math.random()\n      .toString(36)\n      .substring(2, length + 2);\n  };\n\n  const [attribute1Error, setAttribute1Error] = useState(false);\n  const [attribute2Error, setAttribute2Error] = useState(false);\n  const [attribute3Error, setAttribute3Error] = useState(false);\n  const [attribute4Error, setAttribute4Error] = useState(false);\n  const [attribute5Error, setAttribute5Error] = useState(false);\n\n  const handleAddToCartClick = () => {\n    window.dataLayer.push({\n      shop_id: shopDetails?.ZaplynShopRef,\n      shop_name: shopDetails?.shopname,\n      product_id: productDetails?.ZaplynTileRef,\n      product_name: productDetails?.itemname,\n      product_quantity: chosenqty,\n      event: \"add_to_cart\",\n    });\n    let attr1Err = false;\n    let attr2Err = false;\n    let attr3Err = false;\n    let attr4Err = false;\n    let attr5Err = false;\n    if (selectedattribute1.length > 0) {\n      if (selectedattribute1.length === 1 && selectedattribute1[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr1 === \"null\") {\n        attr1Err = true;\n        setAttribute1Error(true);\n      }\n    }\n    if (selectedattribute2.length > 0) {\n      if (selectedattribute2.length === 1 && selectedattribute2[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr2 === \"null\") {\n        attr2Err = true;\n        setAttribute2Error(true);\n      }\n    }\n    if (selectedattribute3.length > 0) {\n      if (selectedattribute3.length === 1 && selectedattribute3[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr3 === \"null\") {\n        attr3Err = true;\n        setAttribute3Error(true);\n      }\n    }\n    if (selectedattribute4.length > 0) {\n      if (selectedattribute4.length === 1 && selectedattribute4[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr4 === \"null\") {\n        attr4Err = true;\n        setAttribute4Error(true);\n      }\n    }\n    if (selectedattribute5.length > 0) {\n      if (selectedattribute5.length === 1 && selectedattribute5[0] === \"\") {\n        console.log(\"\");\n      } else if (selectedattr5 === \"null\") {\n        attr5Err = true;\n        setAttribute5Error(true);\n      }\n    }\n\n    if (attr1Err || attr2Err || attr3Err || attr4Err || attr5Err) {\n      console.log(\"Error\");\n    } else {\n      onAddToCart(\n        randomId(5),\n        productDetails,\n        chosenqty,\n        `${attribute1}-${selectedattr1.toString()}`,\n        `${attribute2}-${selectedattr2.toString()}`,\n        `${attribute3}-${selectedattr3.toString()}`,\n        `${attribute4}-${selectedattr4.toString()}`,\n        `${attribute5}-${selectedattr5.toString()}`,\n        Number(totalPrice * parseInt(chosenqty)),\n        Number(totalPrice),\n        selectedVariant,\n        { [productDetails.ZaplynTileRef]: addOns },\n        addOns !== null &&\n          addOns !== undefined &&\n          Object.keys(addOns).length > 0 &&\n          Object.values(addOns)\n            .map((item) => parseInt(item))\n            .reduce((acc, curr) => acc + curr, 0)\n      );\n      onCloseClick();\n    }\n  };\n\n  useEffect(() => {\n    // console.log(\"running\");\n    const divs = [];\n    for (let i = 0; i < productDetails.quantity; i++) {\n      divs.push(i + 1);\n    }\n    setQtyOption(divs);\n  }, [productDetails.quantity]);\n\n  useEffect(() => {\n    setSelectedCategory(productDetails.category);\n    setSelectedSubCategory(productDetails.sub_category);\n    if (productDetails.attribute_1 !== \"\") {\n      setAttribute1(productDetails.attribute_1.split(\"-\")[0]);\n      setSelectedAttribute1(\n        productDetails.attribute_1.split(\"-\")[1].split(\",\")\n      );\n    }\n    if (productDetails.attribute_2 !== \"\") {\n      setAttribute2(productDetails.attribute_2.split(\"-\")[0]);\n      setSelectedAttribute2(\n        productDetails.attribute_2.split(\"-\")[1].split(\",\")\n      );\n    }\n    if (productDetails.attribute_3 !== \"\") {\n      setAttribute3(productDetails.attribute_3.split(\"-\")[0]);\n      setSelectedAttribute3(\n        productDetails.attribute_3.split(\"-\")[1].split(\",\")\n      );\n    }\n    if (productDetails.attribute_4 !== \"\") {\n      setAttribute4(productDetails.attribute_4.split(\"-\")[0]);\n      setSelectedAttribute4(\n        productDetails.attribute_4.split(\"-\")[1].split(\",\")\n      );\n    }\n    if (productDetails.attribute_5 !== \"\") {\n      setAttribute5(productDetails.attribute_5.split(\"-\")[0]);\n      setSelectedAttribute5(\n        productDetails.attribute_5.split(\"-\")[1].split(\",\")\n      );\n    }\n\n    setShowVariant(productDetails?.show_variant);\n    setVariants(productDetails?.variant);\n    if (productDetails.show_variant === true) {\n      setSelectedVariant(Object.keys(productDetails.variant)[0]);\n      setVariantPrice(parseInt(Object.values(productDetails?.variant)[0]));\n      setTotalPrice(\n        parseInt(Object.values(productDetails?.variant)[0]) +\n          (shopDetails.shipping_enabled ? productDetails.shipping_price : 0)\n      );\n    } else {\n      setTotalPrice(\n        shopDetails.shipping_enabled\n          ? productDetails.total_price\n          : productDetails.retail_price\n      );\n    }\n\n    if (productDetails?.add_ons !== null) {\n      setShowAddOn(true);\n      setAvailableAddOn(productDetails?.add_ons[productDetails?.ZaplynTileRef]);\n    }\n\n    const subcategoryObj = productCategories[productDetails.category];\n    let attributes;\n\n    if (productDetails.sub_category === \"select\") {\n      attributes = subcategoryObj[productDetails.category];\n    } else {\n      attributes = subcategoryObj[productDetails.sub_category];\n    }\n    setAttributeValues(attributes);\n\n    if (productDetails.etm_date !== null) {\n      setFromEtmDelivery(productDetails.etm_date?.split(\",\")[0]);\n      setToEtmDelivery(productDetails.etm_date?.split(\",\")[1]);\n      setSelectedEtmDelivery(productDetails.etm_date?.split(\",\")[2]);\n    } else {\n      setSelectedEtmDelivery(productDetails.etm_date);\n    }\n  }, [productDetails]);\n\n  useEffect(() => {\n    setAddOns(\n      selectedAddOn?.reduce((acc, item) => {\n        acc[item] = availableAddOn[item];\n        return acc;\n      }, {})\n    );\n  }, [selectedAddOn]);\n\n  // console.log({ [productDetails.ZaplynTileRef]: addOns });\n\n  // console.log(\"-------------------\");\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"at1\", attribute1Error);\n  // console.log(\"at2\", attribute2Error);\n  // console.log(\"at3\", attribute3Error);\n  // console.log(\"at4\", attribute4Error);\n  // console.log(\"at5\", attribute5Error);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n  // console.log(\"-------------------\");\n\n  return (\n    <section className={` ${themeFont} `}>\n      <div\n        className={`bg-white ${themeTileBorderStyle} mx-auto max-w-xl px-4 pt-2 pb-16 sm:px-6 md:grid md:max-w-3xl md:grid-cols-4 md:grid-rows-[auto,auto,1fr] md:gap-x-8 md:px-8 md:pb-24`}\n      >\n        <div className=\"md:col-span-2 md:border-r md:border-gray-200 md:pr-8\">\n          <h1\n            className={`text-gray-900 text-2xl font-bold tracking-tight  sm:text-3xl`}\n          >\n            {productDetails.itemname}\n          </h1>\n        </div>\n\n        {/* Description and details */}\n        <div className=\" md:col-span-2 md:col-start-1  md:border-r md:border-gray-200 \">\n          <div className=\"relative p-2 text-5 w-full mb-2 \">\n            <Carousel\n              infiniteLoop={true}\n              showStatus={false}\n              showArrows={false}\n              swipeable={false}\n              thumbWidth={50}\n              className=\"shopProductCarousel\"\n            >\n              {productDetails?.images?.map((image, index) => (\n                <div key={index}>\n                  <img src={image} alt=\"\" className=\"\" />\n                </div>\n              ))}\n            </Carousel>\n            <p className=\"hidden absolute top-4 left-4 text-gray-300 bg-yellow-100 text-sm font-serif  rounded-md  p-1 \">\n              Product Details\n            </p>\n          </div>\n          <h2 className=\"sr-only\">Product information</h2>\n\n          <div className=\"mt-1\">\n            <h2 className={`text-gray-900 text-sm font-medium `}>Details</h2>\n\n            <div className=\"mt-2 space-y-6\">\n              <p\n                className={`text-gray-600\n                text-xs `}\n              >\n                {productDetails.description}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Options */}\n        <div className=\" md:row-span-3 md:col-span-2 md:mt-0 p-2\">\n          {/* Price flex-div */}\n          <div className=\"flex justify-between\">\n            <p\n              className={`text-gray-900\n              text-2xl tracking-tight `}\n            >\n              {shopDetails.currency === \"GBP\" && (\n                <span className=\"mr-1\">£</span>\n              )}\n              {shopDetails.currency === \"EUR\" && (\n                <span className=\"mr-1\">€</span>\n              )}\n              {shopDetails.currency === \"USD\" && (\n                <span className=\"mr-1\">$</span>\n              )}\n              {(totalPrice * parseInt(chosenqty)).toFixed(2)}\n            </p>\n            <div>\n              {showVariant ? (\n                <p\n                  className={` text-gray-500\n                   text-xs text-right tracking-tight `}\n                >\n                  Price: {variantPrice.toFixed(1)}\n                  {shopDetails.currency === \"GBP\" && (\n                    <span className=\"mr-1\">£</span>\n                  )}\n                  {shopDetails.currency === \"EUR\" && (\n                    <span className=\"mr-1\">€</span>\n                  )}\n                  {shopDetails.currency === \"USD\" && (\n                    <span className=\"mr-1\">$</span>\n                  )}\n                </p>\n              ) : (\n                <p\n                  className={` text-gray-500\n                   text-xs text-right tracking-tight `}\n                >\n                  Price: {productDetails.retail_price}{\" \"}\n                  {shopDetails.currency === \"GBP\" && (\n                    <span className=\"mr-1\">£</span>\n                  )}\n                  {shopDetails.currency === \"EUR\" && (\n                    <span className=\"mr-1\">€</span>\n                  )}\n                  {shopDetails.currency === \"USD\" && (\n                    <span className=\"mr-1\">$</span>\n                  )}\n                </p>\n              )}\n\n              {shopDetails.shipping_enabled &&\n                productDetails.shipping_price !== 0 && (\n                  <p\n                    className={` text-gray-500\n                   text-xs text-right tracking-tight `}\n                  >\n                    Shipping Price: {productDetails.shipping_price.toFixed(1)}{\" \"}\n                    {shopDetails.currency === \"GBP\" && (\n                      <span className=\"mr-1\">£</span>\n                    )}\n                    {shopDetails.currency === \"EUR\" && (\n                      <span className=\"mr-1\">€</span>\n                    )}\n                    {shopDetails.currency === \"USD\" && (\n                      <span className=\"mr-1\">$</span>\n                    )}\n                  </p>\n                )}\n            </div>\n          </div>\n\n          {/* product variants */}\n          {showVariant && (\n            <div className=\"flex flex-wrap gap-3 mt-5 items-center \">\n              {Object.keys(variants).map((variantName) => (\n                <div key={variantName}>\n                  <div\n                    className={` ${\n                      variantName === selectedVariant ? themBtn : \"bg-gray-100\"\n                    }  text-sm p-0.5 ${themBtnStyle} `}\n                  >\n                    <button\n                      onClick={() => handlePriceChange(variantName)}\n                      className={`bg-white p-1 px-4 focus:outline-none ${themBtnStyle}`}\n                    >\n                      {variantName}\n                    </button>\n                  </div>\n                  <p className=\"text-center text-xs text-gray-500\">\n                    {shopDetails.currency === \"GBP\" && (\n                      <span className=\"mr-1\">£</span>\n                    )}\n                    {shopDetails.currency === \"EUR\" && (\n                      <span className=\"mr-1\">€</span>\n                    )}\n                    {shopDetails.currency === \"USD\" && (\n                      <span className=\"mr-1\">$</span>\n                    )}\n                    {parseInt(variants[variantName]).toFixed(1)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          )}\n\n          <form className=\"mt-5\">\n            {attributeValues !== null && (\n              <div className=\"\">\n                {/* ----------**********---------- */}\n                {/* attribute-1 */}\n                {/* ----------**********---------- */}\n                {selectedattribute1.length > 0 && attribute1 === \"color\" ? (\n                  // color\n                  <>\n                    {selectedattribute1.length > 0 &&\n                    selectedattribute1[0] !== \"\" ? (\n                      <div>\n                        <h3 className=\"text-sm font-medium text-left \">\n                          Color\n                        </h3>\n                        {attribute1Error && (\n                          <p className=\"text-red-500 text-xxs\">please Select</p>\n                        )}\n\n                        <RadioGroup\n                          value={selectedattr1}\n                          onChange={setSelectedAttr1}\n                          className=\"mt-4 text-xs\"\n                        >\n                          <RadioGroup.Label className=\"sr-only\">\n                            {\" \"}\n                            Choose a color{\" \"}\n                          </RadioGroup.Label>\n                          <div className=\"flex items-center space-x-3\">\n                            {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                            {selectedattribute1.map((color) => (\n                              <RadioGroup.Option\n                                key={color}\n                                value={color}\n                                className={({ active, checked }) =>\n                                  classNames(\n                                    color.selectedClass,\n                                    active && checked\n                                      ? \"ring ring-offset-1\"\n                                      : \"\",\n                                    !active && checked ? \"ring-2\" : \"\",\n                                    \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                  )\n                                }\n                              >\n                                <RadioGroup.Label as=\"span\" className=\"sr-only\">\n                                  {\" \"}\n                                  {color}{\" \"}\n                                </RadioGroup.Label>\n                                <span\n                                  aria-hidden=\"true\"\n                                  style={{\n                                    backgroundColor: color,\n                                  }}\n                                  className={classNames(\n                                    color,\n                                    \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                  )}\n                                />\n                              </RadioGroup.Option>\n                            ))}\n                          </div>\n                        </RadioGroup>\n                      </div>\n                    ) : (\n                      <>\n                        {selectedattribute1.length > 1 && (\n                          <div>\n                            <h3 className=\"text-sm font-medium text-left\">\n                              Color\n                            </h3>\n                            {attribute1Error && (\n                              <p className=\"text-red-500 text-xxs\">\n                                please Select\n                              </p>\n                            )}\n\n                            <RadioGroup\n                              value={selectedattr1}\n                              onChange={setSelectedAttr1}\n                              className=\"mt-4 text-xs\"\n                            >\n                              <RadioGroup.Label className=\"sr-only\">\n                                {\" \"}\n                                Choose a color{\" \"}\n                              </RadioGroup.Label>\n                              <div className=\"flex items-center space-x-3\">\n                                {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                                <>\n                                  {selectedattribute1.slice(1).map((color) => (\n                                    <RadioGroup.Option\n                                      key={color}\n                                      value={color}\n                                      className={({ active, checked }) =>\n                                        classNames(\n                                          color.selectedClass,\n                                          active && checked\n                                            ? \"ring ring-offset-1\"\n                                            : \"\",\n                                          !active && checked ? \"ring-2\" : \"\",\n                                          \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                        )\n                                      }\n                                    >\n                                      <RadioGroup.Label\n                                        as=\"span\"\n                                        className=\"sr-only\"\n                                      >\n                                        {\" \"}\n                                        {color}{\" \"}\n                                      </RadioGroup.Label>\n                                      <span\n                                        aria-hidden=\"true\"\n                                        style={{\n                                          backgroundColor: color,\n                                        }}\n                                        className={classNames(\n                                          color,\n                                          \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                        )}\n                                      />\n                                    </RadioGroup.Option>\n                                  ))}\n                                </>\n                              </div>\n                            </RadioGroup>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    {selectedattribute1.length > 0 && (\n                      <>\n                        {selectedattribute1.length === 1 &&\n                        selectedattribute1[0] === \"\" ? (\n                          <></>\n                        ) : (\n                          <>\n                            <AttributeComponent\n                              attributeName={attribute1}\n                              attributeErr={attribute1Error}\n                              selectedAttribute={selectedattr1}\n                              setSelectedAttribute={setSelectedAttr1}\n                              attributeValues={attributeValues[attribute1]}\n                              availableAttribute={selectedattribute1}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                  </>\n                )}\n                {/* ----------**********---------- */}\n                {/* attribute-2 */}\n                {/* ----------**********---------- */}\n                {selectedattribute2.length > 0 && (\n                  <>\n                    {selectedattribute2.length === 1 &&\n                    selectedattribute2[0] === \"\" ? (\n                      <></>\n                    ) : (\n                      <>\n                        <AttributeComponent\n                          attributeName={attribute2}\n                          attributeErr={attribute2Error}\n                          selectedAttribute={selectedattr2}\n                          setSelectedAttribute={setSelectedAttr2}\n                          attributeValues={attributeValues[attribute2]}\n                          availableAttribute={selectedattribute2}\n                        />\n                      </>\n                    )}\n                  </>\n                )}\n                {/* ----------**********---------- */}\n                {/* attribute-3*/}\n                {/* ----------**********---------- */}\n                {selectedattribute3.length > 0 && (\n                  <>\n                    {selectedattribute3.length === 1 &&\n                    selectedattribute3[0] === \"\" ? (\n                      <></>\n                    ) : (\n                      <>\n                        <AttributeComponent\n                          attributeName={attribute3}\n                          attributeErr={attribute3Error}\n                          selectedAttribute={selectedattr3}\n                          setSelectedAttribute={setSelectedAttr3}\n                          attributeValues={attributeValues[attribute3]}\n                          availableAttribute={selectedattribute3}\n                        />\n                      </>\n                    )}\n                  </>\n                )}\n                {/* ----------**********---------- */}\n                {/* attribute-4 */}\n                {/* ----------**********---------- */}\n                {selectedattribute4.length > 0 && (\n                  <>\n                    {selectedattribute4.length === 1 &&\n                    selectedattribute4[0] === \"\" ? (\n                      <></>\n                    ) : (\n                      <>\n                        <AttributeComponent\n                          attributeName={attribute4}\n                          attributeErr={attribute4Error}\n                          selectedAttribute={selectedattr4}\n                          setSelectedAttribute={setSelectedAttr4}\n                          attributeValues={attributeValues[attribute4]}\n                          availableAttribute={selectedattribute4}\n                        />\n                      </>\n                    )}\n                  </>\n                )}\n                {/* ----------**********---------- */}\n                {/* attribute-5 */}\n                {/* ----------**********---------- */}\n                {selectedattribute5.length > 0 && (\n                  <>\n                    {selectedattribute5.length === 1 &&\n                    selectedattribute5[0] === \"\" ? (\n                      <></>\n                    ) : (\n                      <>\n                        <AttributeComponent\n                          attributeName={attribute5}\n                          attributeErr={attribute5Error}\n                          selectedAttribute={selectedattr5}\n                          setSelectedAttribute={setSelectedAttr5}\n                          attributeValues={attributeValues[attribute5]}\n                          availableAttribute={selectedattribute5}\n                        />\n                      </>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n\n            {/* quantity */}\n            {productDetails.quantity !== 0 ? (\n              <>\n                <div>\n                  <div className=\"flex mt-4 justify-between\">\n                    <p className=\"\">Quantity</p>\n                  </div>\n                  <select\n                    name=\"qty\"\n                    className={`  ${theme}\n                     focus:outline-none  shadow-md text-sm p-2 w-full cursor-pointer ${\n                       themBtnStyle === \"rounded-full\"\n                         ? \"rounded-xl\"\n                         : themBtnStyle\n                     }`}\n                    id=\"qty\"\n                    required\n                    onChange={(e) => setChosenqty(e.target.value)}\n                  >\n                    {qtyOption.map((qty) => (\n                      <option key={qty} className={``} value={qty}>\n                        {qty}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              </>\n            ) : (\n              <p className=\" tex-sm mt-4\">Currently Unavailable</p>\n            )}\n          </form>\n\n          {/* Add-ons div */}\n          {showAddOn && (\n            <div className=\" mt-2 \">\n              {availableAddOn !== null &&\n                availableAddOn !== undefined &&\n                Object.keys(availableAddOn).length > 0 &&\n                !Object.keys(availableAddOn).some((key) => key === \"\") && (\n                  <>\n                    <p className=\"text-gray-600 text-left\">Add-ons -</p>\n                    <div className=\"flex flex-wrap gap-2 mt-1 items-center\">\n                      {Object.keys(availableAddOn).map((addon) => (\n                        <div key={addon}>\n                          <div\n                            className={` ${\n                              selectedAddOn.includes(addon)\n                                ? themBtn\n                                : \"bg-gray-100\"\n                            }  text-sm p-0.5 ${themBtnStyle} `}\n                          >\n                            <button\n                              onClick={() => handleAddOnChange(addon)}\n                              className={`bg-white p-1 px-4  focus:outline-none ${themBtnStyle}`}\n                            >\n                              {addon}\n                            </button>\n                          </div>\n                          <p className=\"text-center text-xs text-gray-500\">\n                            {!isNaN(parseInt(availableAddOn[addon])) && (\n                              <span className=\"mr-1\">£</span>\n                            )}\n                            {isNaN(parseInt(availableAddOn[addon]))\n                              ? \"\"\n                              : parseInt(availableAddOn[addon])}\n                          </p>\n                        </div>\n                      ))}\n                    </div>\n                  </>\n                )}\n            </div>\n          )}\n\n          {selectedEtmDelivery !== null &&\n            selectedEtmDelivery !== \"\" &&\n            selectedEtmDelivery !== \"select\" && (\n              <div className=\" mt-8\">\n                <p className=\"flex gap-2 text-sm items-center justify-end \">\n                  Estimated Delivery:{\" \"}\n                  <span className=\"text-xs \">{fromEtmDelivery}</span>-\n                  <span className=\"text-xs \">{toEtmDelivery}</span>\n                  <span className=\"text-xs \">{selectedEtmDelivery}</span>\n                </p>\n              </div>\n            )}\n\n          {productDetails.quantity !== 0 && (\n            <button\n              onClick={handleAddToCartClick}\n              className={`mt-2 flex w-full items-center justify-center py-3 px-8 text-base font-medium text-gray-700 ${themBtn} ${themBtnStyle}`}\n            >\n              Add to Cart\n            </button>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default PreviewModal;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport \"./ProductTile.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport Modal from \"react-modal\";\nimport PreviewModal from \"./PreviewModal\";\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\n\nfunction ProductTile({\n  productDetails,\n  onAddToCart,\n  productCategories,\n  shopDetails,\n}) {\n  // theme\n  const { theme, themBtn, themeTileBorder, themeView, themeTileBorderStyle } =\n    useContext(ThemeContext);\n\n  // product preview modal\n  const [previewModalIsOpen, setPreviewModalIsOpen] = useState(false);\n  const setPreviewModalIsOpenToTrue = () => {\n    setPreviewModalIsOpen(true);\n  };\n  const setPreviewModalIsOpenToFalse = () => {\n    setPreviewModalIsOpen(false);\n  };\n\n  const [totalPrice, setTotalPrice] = useState(\"\");\n\n  useEffect(() => {\n    if (productDetails.show_variant === true) {\n      setTotalPrice(\n        parseInt(Object.values(productDetails?.variant)[0]) +\n          (shopDetails.shipping_enabled ? productDetails.shipping_price : 0)\n      );\n    } else {\n      setTotalPrice(\n        shopDetails.shipping_enabled\n          ? productDetails.total_price\n          : productDetails.retail_price\n      );\n    }\n  }, [productDetails]);\n\n  return (\n    <div className={`${themeView === \"grid\" ? \" \" : \"\"} `}>\n      {/* product tile border div */}\n      <div\n        onClick={setPreviewModalIsOpenToTrue}\n        className={`\n          ${\n            themeTileBorder === \"none\"\n              ? ``\n              : themeTileBorder === \"light\"\n              ? ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.25`\n              : ` ${theme} ${themeTileBorderStyle} shadow-sm p-0.5`\n          }    `}\n      >\n        {/*product tile */}\n        <div\n          className={`bg-white ${themeTileBorderStyle} shadow-sm flex ${\n            themeView === \"grid\"\n              ? \"md:flex-col md:gap-2 md:h-72 \"\n              : \" space-x-4 w-full \"\n          }   p-2   cursor-pointer hover:opacity-60 `}\n        >\n          {/* product image */}\n          <div\n            className={`  ${\n              themeView === \"grid\" ? \"w-5/12 md:w-full\" : \"w-24\"\n            } `}\n          >\n            <Carousel\n              infiniteLoop={true}\n              showStatus={false}\n              showIndicators={false}\n              showArrows={false}\n              swipeable={false}\n              showThumbs={false}\n              className=\"shopProductCarousel\"\n            >\n              {productDetails.images.map((image) => (\n                <div key={image}>\n                  <img\n                    src={image}\n                    alt=\"\"\n                    className={`${\n                      themeView === \"grid\"\n                        ? \"h-48 md:h-36  object-cover\"\n                        : \"h-20  object-contain\"\n                    } `}\n                  />\n                </div>\n              ))}\n            </Carousel>\n          </div>\n          <div className=\"flex flex-col  justify-between  pb-4\">\n            <div\n              className={`flex ${\n                themeView === \"grid\" ? \"flex-col pl-2\" : \"\"\n              }  justify-between w-full pb-1 `}\n            >\n              <div className=\"space-y-1  \">\n                <h3 className=\"text-lg w-40 pr-4   font-semibold leading-snug \">\n                  {productDetails.itemname}\n                </h3>\n                <p\n                  className={`text-xs  w-40  text-justify  truncate text-gray-700\n            } `}\n                >\n                  {productDetails.description}\n                </p>\n              </div>\n              <div\n                className={` ${\n                  themeView === \"grid\"\n                    ? \" text-gray-600 mt-2\"\n                    : \"text-right font-semibold \"\n                }  `}\n              >\n                <p className=\"text-lg \">{totalPrice}£</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      {/* preview modal */}\n      <Modal\n        isOpen={previewModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-5 md:my-10 rounded-md shadow-lg text-center focus:outline-none\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setPreviewModalIsOpen(false)}\n      >\n        <button\n          onClick={setPreviewModalIsOpenToFalse}\n          className={` ${themBtn} flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer ${themeTileBorderStyle} text-sm font-semibold flex-shrink`}\n        >\n          x\n        </button>\n        <PreviewModal\n          onCloseClick={setPreviewModalIsOpenToFalse}\n          productDetails={productDetails}\n          onAddToCart={onAddToCart}\n          productCategories={productCategories}\n        />\n      </Modal>\n    </div>\n  );\n}\n\nexport default ProductTile;\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport ProductTile from \"./ProductTile\";\nimport { useQueryClient } from \"react-query\";\nimport { ThemeContext } from \"../../ThemeContext\";\n\nfunction ProductsComponent({\n  onAddToCart,\n  selectedCategory,\n  selectedSubCategory,\n  setSelectedSubCategory,\n}) {\n  const queryClient = useQueryClient();\n  const shopDetails = queryClient.getQueryData(\"shopDetails\");\n  const productCategories = queryClient.getQueryData(\"categoryData\");\n  const products = queryClient.getQueryData(\"shopProducts\");\n\n  const [modProducts, setModProducts] = useState(null);\n\n  // theme\n  const { theme, themBtn, themBtnStyle, themeView, setThemeView } =\n    useContext(ThemeContext);\n\n  useEffect(() => {\n    const data = Object.values(products)?.filter(\n      (item) => item.category === selectedCategory\n    );\n    setModProducts(data);\n  }, [products, selectedCategory]);\n\n  const subCategories = useMemo(() => {\n    if (products) {\n      return Object.values(products)\n        ?.filter((item) => item.category === selectedCategory)\n        .map((item) => item.sub_category);\n    }\n  }, [products, selectedCategory]);\n\n  const uniqueSubCategories = useMemo(() => {\n    return [...new Set(subCategories)];\n  }, [subCategories]);\n\n  // Find the index of 'select' in the array\n  const selectIndex = uniqueSubCategories.indexOf(\"select\");\n\n  // Split the array into two parts\n  const beforeSelect = uniqueSubCategories.slice(0, selectIndex);\n  const afterSelect = uniqueSubCategories.slice(selectIndex + 1);\n\n  return (\n    <div className=\"p-1 flex flex-col w-full mx-auto\">\n      <div className=\"mb-5\">\n        <div className=\"\">\n          {uniqueSubCategories.includes(\"select\") ? (\n            <ul className=\"flex  space-y-2 items-center justify-center flex-wrap  divide-x divide-gray-200 overflow-hidden  \">\n              <li>\n                <p\n                  onClick={() => setSelectedSubCategory(\"select\")}\n                  className={` cursor-pointer ${themBtnStyle} capitalize   px-4 py-0.5 font-semibold text-xs text-gray-700\n              mx-1  ${selectedSubCategory === \"select\" ? `${theme} ` : \"\"}}`}\n                >\n                  All\n                </p>\n              </li>\n              {beforeSelect.map((item) => (\n                <li key={item}>\n                  <p\n                    onClick={() => setSelectedSubCategory(item)}\n                    className={` cursor-pointer ${themBtnStyle} capitalize   px-4 py-0.5 font-semibold text-xs text-gray-700\n              mx-1  ${selectedSubCategory === item ? `${theme} ` : \"\"}}`}\n                  >\n                    {item}\n                  </p>\n                </li>\n              ))}\n              {afterSelect.map((item) => (\n                <li key={item}>\n                  <p\n                    onClick={() => setSelectedSubCategory(item)}\n                    className={` cursor-pointer ${themBtnStyle} capitalize   px-4 py-0.5 font-semibold text-xs text-gray-700\n              mx-1  ${selectedSubCategory === item ? `${theme} ` : \"\"}}`}\n                  >\n                    {item}\n                  </p>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <ul className=\"flex  space-y-2 items-center justify-center flex-wrap  divide-x divide-gray-200 overflow-hidden  \">\n              {uniqueSubCategories.map((item) => (\n                <li key={item}>\n                  <p\n                    onClick={() => setSelectedSubCategory(item)}\n                    className={` cursor-pointer ${themBtnStyle} capitalize   px-4 py-0.5 font-semibold text-xs text-gray-700\n              mx-1  ${selectedSubCategory === item ? `${theme} ` : \"\"}}`}\n                  >\n                    {item}\n                  </p>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n      <div\n        className={`${\n          themeView === \"grid\"\n            ? \"grid md:grid-cols-2 max-w-xl mx-auto \"\n            : \"flex flex-col md:mx-auto \"\n        }  mt-2  gap-5 `}\n      >\n        {selectedSubCategory === \"select\"\n          ? modProducts?.map((item) => (\n              <ProductTile\n                shopDetails={shopDetails}\n                productCategories={productCategories}\n                productDetails={item}\n                onAddToCart={onAddToCart}\n              />\n            ))\n          : modProducts\n              ?.filter((item) => item.sub_category === selectedSubCategory)\n              .map((item) => (\n                <ProductTile\n                  shopDetails={shopDetails}\n                  productCategories={productCategories}\n                  productDetails={item}\n                  onAddToCart={onAddToCart}\n                />\n              ))}\n      </div>\n    </div>\n  );\n}\n\nexport default ProductsComponent;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport Endpoints from \"../../../api/endpoints\";\nimport Cart from \"./Cart\";\nimport ProductsComponent from \"./ProductsComponent\";\nimport { ThemeContext } from \"../../ThemeContext\";\nimport \"./Theme.css\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport usePageSEO from \"../../../lib/use-page-seo\";\nimport { Helmet } from \"react-helmet\";\nconst ShopFeed = () => {\n  const queryClient = useQueryClient();\n  // const search = window.location.search;\n  // const params = new URLSearchParams(search);\n  // const status = params.get(\"redirect_status\");\n  const [status, setStatus] = useState(\"\");\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n  if (tile.slice(9, 10) && status !== \"succeeded\") {\n    setStatus(\"succeeded\");\n  }\n\n  // theme\n  const {\n    theme,\n    setTheme,\n    themBtn,\n    setThemBtn,\n    themBtnStyle,\n    setThemBtnStyle,\n    setThemeTileBorder,\n    setThemeTileBorderStyle,\n    themeFont,\n    setThemeFont,\n    themeView,\n    setThemeView,\n  } = useContext(ThemeContext);\n\n  const [showCart, setShowCart] = useState(false);\n  const [cartData, setCartData] = useState([]);\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"select\");\n\n  const [updatePopup, setUpdatePopup] = useState(false);\n  const setShowCartToFalse = () => {\n    setShowCart(false);\n  };\n\n  //fetch shop data\n  const {\n    isLoading: isShopLoading,\n    data: shopData,\n    isError: isShopError,\n  } = useQuery(\"shopDetails\", () => Endpoints.FetchShopDetails(tile), {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  //fetch shop products\n  const {\n    isLoading: isShopProductsLoading,\n    data: shopProducts,\n    isError: isShopProductsError,\n  } = useQuery(\"shopProducts\", () => Endpoints.FetchShopProducts(tile), {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  // console.log(shopData);\n\n  // usePageSEO({\n  //   title: shopData?.shopname || \"Zaplyn\",\n  //   description:\n  //     shopData?.description || \"Zaplyn, digital commerce for everyone\",\n  //   keywords: [\"zaplyn\", \"online\", \"shop\"] || [],\n  //   ogTitle: shopData?.shopname || \"Zaplyn\",\n  //   ogDescription:\n  //     shopData?.description || \"Zaplyn, digital commerce for everyone\",\n  //   ogImage: shopData?.image || \"\",\n  //   orUrl: `https://www.zaplyn.link/shop/${tile}` || window.location.href,\n  // });\n\n  //fetch categories\n  const {\n    isLoading: isCategoryLoading,\n    data: productCategories,\n    isError: isCategoryError,\n  } = useQuery(\"categoryData\", Endpoints.GetCategories, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  const [cartUpdated, setCartUpdated] = useState(false);\n\n  const handleAddToCart = (\n    id,\n    product,\n    quantity,\n    newatrribute_1,\n    newatrribute_2,\n    newatrribute_3,\n    newatrribute_4,\n    newatrribute_5,\n    newprice,\n    newtotal,\n    variantName,\n    addon,\n    addonPrice\n  ) => {\n    setCartData((prevCart) => {\n      const existingCartItem = prevCart.find(\n        (cartItem) =>\n          cartItem.ZaplynTileRef === product.ZaplynTileRef &&\n          cartItem.newatrribute_1 === newatrribute_1 &&\n          cartItem.newatrribute_2 === newatrribute_2 &&\n          cartItem.newatrribute_3 === newatrribute_3 &&\n          cartItem.newatrribute_4 === newatrribute_4 &&\n          cartItem.newatrribute_5 === newatrribute_5\n      );\n      if (existingCartItem) {\n        return prevCart.map((cartItem) =>\n          cartItem.newZaplynTileRef === product.ZaplynTileRef &&\n          cartItem.newatrribute_1 === newatrribute_1 &&\n          cartItem.newatrribute_2 === newatrribute_2 &&\n          cartItem.newatrribute_3 === newatrribute_3 &&\n          cartItem.newatrribute_4 === newatrribute_4 &&\n          cartItem.newatrribute_5 === newatrribute_5\n            ? {\n                ...cartItem,\n                quantity: parseInt(cartItem.quantity) + parseInt(quantity),\n              }\n            : cartItem\n        );\n      } else {\n        return [\n          ...prevCart,\n          {\n            ...product,\n            id,\n            quantity: quantity,\n            newatrribute_1,\n            newatrribute_2,\n            newatrribute_3,\n            newatrribute_4,\n            newatrribute_5,\n            newprice,\n            newtotal,\n            variantName,\n            addon,\n            addonPrice,\n          },\n        ];\n      }\n    });\n    setUpdatePopup(true);\n    setTimeout(() => setUpdatePopup(false), 1000);\n  };\n\n  const handleRemoveFromCart = (id) => {\n    const updatedCart = cartData.filter((item) => item.id !== id);\n    setCartData(updatedCart);\n  };\n\n  const handleDecrease = (id) => {\n    const updatedCart = cartData.map((item) =>\n      item.id === id\n        ? {\n            ...item,\n            quantity: parseInt(item.quantity) - 1,\n            newprice: item.newtotal * (parseInt(item.quantity) - 1),\n          }\n        : item\n    );\n    setCartData(updatedCart);\n  };\n\n  const handleIncrease = (id) => {\n    const updatedCart = cartData.map((item) =>\n      item.id === id\n        ? {\n            ...item,\n            quantity: parseInt(item.quantity) + 1,\n            newprice: item.newtotal * (parseInt(item.quantity) + 1),\n          }\n        : item\n    );\n    setCartData(updatedCart);\n  };\n\n  useEffect(() => {\n    setCartUpdated(true);\n\n    // Reset the cart update status after a delay (e.g., 2 seconds)\n    setTimeout(() => {\n      setCartUpdated(false);\n    }, 900);\n  }, [cartData]);\n\n  useEffect(() => {\n    if (shopData) {\n      if (shopData?.deleted !== \"yes\") {\n        setSelectedCategory(shopData?.category.split(\",\")[0]);\n        setTheme(shopData?.theme?.theme);\n        setThemBtn(shopData?.theme?.themeBtn);\n        setThemBtnStyle(shopData?.theme?.themeBtnStyle);\n\n        setThemeTileBorder(shopData?.theme?.showBorder);\n\n        setThemeTileBorderStyle(shopData?.theme?.tileStyle);\n\n        setThemeFont(shopData?.theme?.font);\n        setThemeView(shopData?.theme?.borderType);\n      }\n    }\n  }, [shopData]);\n\n  if (isShopLoading || isShopProductsLoading) {\n    return <p>Loading data ...</p>;\n  }\n\n  return (\n    <section className={`relative ${themeFont} `}>\n      {/* {updatePopup && (\n        <div\n          className=\"absolute inset-0 z-100 w-full flex justify-center items-center\"\n          id=\"wrapper\"\n        >\n          <div className=\" flex flex-col items-center justify-center \">\n            <p\n              className={`${theme} font-bold text-transparent bg-clip-text text-xl`}\n            >\n              Added to Cart.🎉\n            </p>\n          </div>\n        </div>\n      )} */}\n\n      <Helmet>\n        <title>{shopData?.shopname}</title>\n        <meta name=\"description\" content={shopData?.description} />\n        <meta name=\"keywords\" content={shopData?.description} />\n        <meta property=\"og:title\" content={shopData?.shopname} />\n        <meta property=\"og:description\" content={shopData?.description} />\n        <meta property=\"og:image\" content={shopData?.image} />\n        <meta\n          property=\"og:url\"\n          content={`https://www.zaplyn.link/shop/${tile}`}\n        />\n        <link rel=\"canonical\" href={`https://www.zaplyn.link/shop/${tile}`} />\n      </Helmet>\n\n      {shopData?.link_enabled ? (\n        <div className=\"flex flex-col max-w-3xl mx-auto p-2 \">\n          <div className=\"flex items-center justify-end w-full max-w-3xl mr-2 md:mr-10\">\n            <p className=\"text-xxs\">powered by</p>\n            <img src={ZaplynLogo} alt=\"\" className=\" h-4\" />\n          </div>\n          <div className=\"flex w-full \">\n            {shopData.image && (\n              <img\n                src={shopData.image}\n                alt=\"\"\n                className=\"w-20 h-20 rounded-full \"\n              />\n            )}\n            <div\n              onClick={() => setShowCart(false)}\n              className=\"ml-2 flex flex-grow flex-col cursor-pointer  \"\n            >\n              <p className=\"text-2xl md:text-4xl\">{shopData.shopname}</p>\n              <p\n                className={`text-gray-500\n                `}\n              >\n                {shopData.description}\n              </p>\n            </div>\n            <div className={`md:flex relative items-center justify-end `}>\n              <button\n                onClick={() => setShowCart(true)}\n                className=\"  items-end pt-2 md:pt-0\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"20\"\n                  height=\"20\"\n                >\n                  <path\n                    d=\"M4.00488 16V4H2.00488V2H5.00488C5.55717 2 6.00488 2.44772 6.00488 3V15H18.4433L20.4433 7H8.00488V5H21.7241C22.2764 5 22.7241 5.44772 22.7241 6C22.7241 6.08176 22.7141 6.16322 22.6942 6.24254L20.1942 16.2425C20.083 16.6877 19.683 17 19.2241 17H5.00488C4.4526 17 4.00488 16.5523 4.00488 16ZM6.00488 23C4.90031 23 4.00488 22.1046 4.00488 21C4.00488 19.8954 4.90031 19 6.00488 19C7.10945 19 8.00488 19.8954 8.00488 21C8.00488 22.1046 7.10945 23 6.00488 23ZM18.0049 23C16.9003 23 16.0049 22.1046 16.0049 21C16.0049 19.8954 16.9003 19 18.0049 19C19.1095 19 20.0049 19.8954 20.0049 21C20.0049 22.1046 19.1095 23 18.0049 23Z\"\n                    fill={`#000`}\n                  ></path>\n                </svg>\n\n                <span>Cart</span>\n              </button>\n              <span\n                className={` z-20 absolute top-0 right-0 md:top-2 md:right-2 ${theme} h-4 w-4 text-center rounded-full text-xs`}\n              >\n                {cartData.length}\n              </span>\n              <span\n                class={` ${\n                  cartUpdated\n                    ? \"animate-ping h-32 w-32 absolute -top-12 -left-8  md:-left-10\"\n                    : // : \" h-32 w-32 absolute -top-12 -left-8  md:-left-10\"\n                      \"h-4 w-4 absolute inline-flex  top-0 right-0 md:top-2 md:right-2\"\n                } rounded-full ${theme}  `}\n              ></span>\n            </div>\n          </div>\n\n          {showCart ? (\n            <div>\n              <Cart\n                shopDetails={shopData}\n                cartData={cartData}\n                backToShop={setShowCartToFalse}\n                onRemoveFromCart={handleRemoveFromCart}\n                onDecrease={handleDecrease}\n                onIncrease={handleIncrease}\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"flex flex-col max-w-xl mx-auto mt-10  \">\n                {shopData?.category.split(\",\").length > 0 && (\n                  <ul\n                    className={`flex items-center  divide-x divide-gray-200 pl-2 pr-2 pb-3 w-80 md:w-full md:pl-0 overflow-x-auto ${\n                      shopData?.category.split(\",\").length < 3\n                        ? \" justify-center\"\n                        : \"\"\n                    }`}\n                  >\n                    {shopData?.category.split(\",\").map((category, index) => (\n                      <li key={index} className=\"\">\n                        <button\n                          onClick={() => {\n                            setSelectedCategory(category);\n                            setSelectedSubCategory(\"select\");\n                          }}\n                          className=\"px-2 \"\n                        >\n                          {category === selectedCategory ? (\n                            <p\n                              className={` ${themBtnStyle} ${themBtn} px-4 py-0.5 font-semibold text-sm text-gray-700 `}\n                            >\n                              {category}\n                            </p>\n                          ) : (\n                            <p className=\"font-semibold text-sm px-4 py-0.5\">\n                              {category}\n                            </p>\n                          )}\n                        </button>\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n              {selectedCategory !== \"\" && (\n                <div className={`p-1 flex flex-col max-w-xl mx-auto`}>\n                  <ProductsComponent\n                    selectedSubCategory={selectedSubCategory}\n                    setSelectedSubCategory={setSelectedSubCategory}\n                    onAddToCart={handleAddToCart}\n                    selectedCategory={selectedCategory}\n                  />\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      ) : (\n        <>\n          <p className=\"text-center text-gray-600 mt-20 font-lexand\">\n            The Shop you're looking for isn't available. Please contact shop\n            Owner!\n          </p>\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default ShopFeed;\n","import React, { useEffect, useState } from \"react\";\nimport {\n  useStripe,\n  useElements,\n  PaymentElement,\n} from \"@stripe/react-stripe-js\";\n\nconst PartialPaymentCheckoutForm = (props) => {\n  const stripe = useStripe();\n  const elements = useElements();\n  const [isStripeLoading, setIsStripLoading] = useState(true);\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const handleSubmit = async (event) => {\n    // We don't want to let default form submission happen here,\n    // which would refresh the page.\n    event.preventDefault();\n\n    if (!stripe || !elements) {\n      // Stripe.js has not yet loaded.\n      // Make sure to disable form submission until Stripe.js has loaded.\n      return;\n    }\n\n    const { error } = await stripe.confirmPayment({\n      //`Elements` instance that was used to create the Payment Element\n      elements,\n      confirmParams: {\n        return_url:\n          \"https://www.zaplyn.link/sucess?\" +\n          props.orderData.order_id +\n          props.tileref +\n          props.qty,\n      },\n    });\n    console.log();\n\n    if (error) {\n      // This point will only be reached if there is an immediate error when\n      // confirming the payment. Show error to your customer (for example, payment\n      // details incomplete)\n      setErrorMessage(error.message);\n    } else {\n      // Your customer will be redirected to your `return_url`. For some payment\n      // methods like iDEAL, your customer will be redirected to an intermediate\n      // site first to authorize the payment, then redirected to the `return_url`.\n    }\n  };\n\n  useEffect(() => {\n    if (elements) {\n      const element = elements.getElement(\"payment\");\n      element.on(\"ready\", () => {\n        setIsStripLoading(false);\n      });\n    }\n  }, [elements]);\n\n  return (\n    <section className=\"mt-1\">\n      <div>\n        <form id=\"payment-form\" onSubmit={handleSubmit}>\n          {isStripeLoading && (\n            <div className=\"border rounded p-2 mb-1 text-center\">\n              <p className=\" text-gray-600\">Loading...</p>\n            </div>\n          )}\n          <PaymentElement />\n          {!isStripeLoading && (\n            <button\n              type=\"submit\"\n              disabled={!stripe}\n              className=\"bg-checkoutbutton shadow-md w-full p-2 mt-2 text-xl font-semibold text-white \"\n            >\n              Continue\n            </button>\n          )}\n        </form>\n        {/* Show error message to your customers */}\n        {errorMessage && <div>{errorMessage}</div>}\n      </div>\n    </section>\n  );\n};\n\nexport default PartialPaymentCheckoutForm;\n","import { useParams } from \"react-router-dom\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport Endpoints from \"../../../api/endpoints\";\n\nimport \"./Theme.css\";\nimport React, { useEffect, useState } from \"react\";\n\nimport { Carousel } from \"react-responsive-carousel\";\nimport \"./ProductTile.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport PartialPaymentCheckoutForm from \"./partialPaymentCheckout\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_PUBLISHABLE_KEY2);\n\nfunction OrderCart() {\n  // theme\n\n  const [status, setStatus] = useState(\"\");\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n  if (tile.slice(9, 10) && status !== \"succeeded\") {\n    setStatus(\"succeeded\");\n  }\n  const [cs, setCs] = useState(\"\");\n\n  const options = {\n    clientSecret: cs,\n\n    appearance: {\n      /*...*/\n    },\n  };\n\n  const [isCheckoutClicked, setIsCheckoutClicked] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const getOrderData = async () => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}`+\"fetch-partial-order/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            order_id: tile.slice(0, 10),\n          }),\n        }\n      );\n\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(\"err\", error);\n    }\n  };\n\n  // fetch payData\n  const {\n    isLoading: isOrderDataLoading,\n    data: orderData,\n    isError: isOrderError,\n    error: orderErr,\n  } = useQuery(\"partailOrderDetails\", getOrderData, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  // checkout\n  const handlePurchase = async () => {\n    setIsCheckoutClicked(true);\n    setLoading(true);\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}`+\"partial-payment-intent/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            totalprice: orderData?.remaining_amount,\n          }),\n        }\n      );\n      const json = await response.json();\n      if (json) {\n        setCs(json);\n      }\n    } catch (error) {\n      console.log(\"err\", error);\n    }\n    setLoading(false);\n  };\n\n  if (isOrderDataLoading) {\n    return <p>Loading...</p>;\n  }\n\n  if (orderErr) {\n    return <p>Please try again Later...</p>;\n  }\n\n  return (\n    <div className={` ${orderData?.theme?.font}  min-h-screen`}>\n      {orderData ? (\n        <>\n          {\" \"}\n          {orderData?.remaining_amount === 0 ? (\n            <p>No data Available ..</p>\n          ) : (\n            <div className=\"flex flex-col max-w-3xl mx-auto p-2 \">\n              <div className=\"flex items-center justify-end w-full max-w-3xl mr-2 md:mr-10\">\n                <p className=\"text-xxs\">powered by</p>\n                <img src={ZaplynLogo} alt=\"\" className=\" h-4\" />\n              </div>\n              <div className=\"flex w-full \">\n                <img\n                  src={orderData?.image}\n                  alt=\"\"\n                  className=\"w-20 h-20 rounded-full \"\n                />\n                <div className=\"ml-2 flex flex-grow flex-col cursor-pointer  \">\n                  <p className=\"text-2xl md:text-4xl\">{orderData?.shopname}</p>\n                  <p className={`text-gray-500`}>\n                    {orderData?.shop_description}\n                  </p>\n                </div>\n              </div>\n\n              <div>\n                {\" \"}\n                <section>\n                  {isCheckoutClicked ? (\n                    <>\n                      <div className=\" flex items-center justify-end mt-10\">\n                        <button\n                          onClick={() => setIsCheckoutClicked(false)}\n                          className=\"text-gray-500 font-semibold cursor-pointer\"\n                        >\n                          back to cart\n                        </button>\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5 ml-1\"\n                        >\n                          <path\n                            d=\"M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z\"\n                            fill=\"rgba(173,184,194,1)\"\n                          ></path>\n                        </svg>\n                      </div>\n                      {/* {loading && (\n                        <div className=\"border rounded p-2 mb-1 text-center\">\n                          <p className=\" text-gray-600\">Loading...</p>\n                        </div>\n                      )} */}\n                      {cs !== \"\" && (\n                        <Elements stripe={stripePromise} options={options}>\n                          <PartialPaymentCheckoutForm\n                            orderData={orderData}\n                            tileref={Object.keys(orderData.Products).toString()}\n                            qty={Object.keys(orderData.Products)\n                              .map((item) => orderData.Products[item].quantity)\n                              .toString()}\n                          />\n                        </Elements>\n                      )}\n                    </>\n                  ) : (\n                    <div className=\"\">\n                      <div className=\"flex flex-col max-w-3xl p-2 space-y-4 sm:p-10 \">\n                        <>\n                          <h2 className=\"text-xl font-semibold\">Your cart</h2>\n                          <ul\n                            className={` flex flex-col divide-y gap-4 divide-gray-100 `}\n                          >\n                            {orderData &&\n                              Object.keys(orderData?.Products).map(\n                                (productref) => (\n                                  <li\n                                    className={`\n                                        ${\n                                          orderData?.theme?.showBorder ===\n                                          \"none\"\n                                            ? ``\n                                            : orderData?.theme?.showBorder ===\n                                              \"light\"\n                                            ? ` ${orderData?.theme?.theme} ${orderData?.theme?.tileStyle} shadow-sm p-0.25`\n                                            : ` ${orderData?.theme?.theme} ${orderData?.theme?.tileStyle} shadow-sm p-0.5`\n                                        }\n                  \n                  flex flex-col sm:flex-row sm:justify-between  `}\n                                  >\n                                    <div\n                                      className={`bg-white  flex flex-col w-full space-x-2 ${orderData?.theme?.tileStyle} py-3 sm:space-x-4  p-1`}\n                                    >\n                                      {/* product image */}\n                                      <div\n                                        className={` flex p-0.5 rounded-md `}\n                                      >\n                                        <Carousel\n                                          infiniteLoop={true}\n                                          showStatus={false}\n                                          showArrows={false}\n                                          showIndicators={false}\n                                          swipeable={false}\n                                          // thumbWidth={30}\n                                          showThumbs={false}\n                                          className=\"shopProductCarousel\"\n                                        >\n                                          <div>\n                                            <img\n                                              src={\n                                                orderData?.Products[productref]\n                                                  .images\n                                              }\n                                              alt=\"\"\n                                              className=\" flex-shrink-0 object-cover w-12 h-12 border-transparent rounded outline-none sm:w-32 sm:h-32 bg-gray-500\"\n                                            />\n                                          </div>\n                                        </Carousel>\n\n                                        <div className=\"flex justify-between w-full pb-2 space-x-2 pl-3\">\n                                          <div className=\"space-y-1\">\n                                            <h3 className=\"text-lg font-semibold leading-snug sm:pr-8\">\n                                              {\n                                                orderData?.Products[productref]\n                                                  .itemname\n                                              }\n                                            </h3>\n                                            <p className=\"text-xs w-40 md:w-52 text-justify pb-2 truncate \">\n                                              {/* {orderData?.Products[productref].description} */}\n                                            </p>\n                                          </div>\n                                          <div className=\"text-right \">\n                                            <p className=\"text-lg font-semibold\">\n                                              {(\n                                                orderData?.Products[productref]\n                                                  .retail_price *\n                                                orderData?.Products[productref]\n                                                  .quantity\n                                              ).toFixed(1)}\n                                              <span className=\"ml-0.5\">£</span>\n                                            </p>\n\n                                            {orderData?.Products[productref]\n                                              .shipping_price !== 0 && (\n                                              <p className=\"text-xs tracking-tight \">\n                                                Shipping Price:{\" \"}\n                                                <span>\n                                                  {(\n                                                    orderData?.Products[\n                                                      productref\n                                                    ].shipping_price *\n                                                    orderData?.Products[\n                                                      productref\n                                                    ].quantity\n                                                  ).toFixed(1)}\n                                                  <span className=\"ml-0.5\">\n                                                    £\n                                                  </span>\n                                                </span>\n                                              </p>\n                                            )}\n                                          </div>\n                                        </div>\n                                      </div>\n                                      <div className=\"flex flex-col pb-4 gap-2\">\n                                        {orderData?.Products[productref]\n                                          .etm_date !== null &&\n                                          orderData?.Products[\n                                            productref\n                                          ].etm_date.split(\",\")[2] !== \"\" &&\n                                          orderData?.Products[\n                                            productref\n                                          ].etm_date.split(\",\")[2] !==\n                                            \"select\" && (\n                                            <div className={` text-xs mt-1 `}>\n                                              <p className=\"flex gap-2  items-center justify-end \">\n                                                Estimated Delivery:{\" \"}\n                                                <span className=\" \">\n                                                  {\n                                                    orderData?.Products[\n                                                      productref\n                                                    ].etm_date.split(\",\")[0]\n                                                  }\n                                                </span>\n                                                -\n                                                <span className=\" \">\n                                                  {\n                                                    orderData?.Products[\n                                                      productref\n                                                    ].etm_date.split(\",\")[1]\n                                                  }\n                                                </span>\n                                                <span className=\" \">\n                                                  {\n                                                    orderData?.Products[\n                                                      productref\n                                                    ].etm_date.split(\",\")[2]\n                                                  }\n                                                </span>\n                                              </p>\n                                            </div>\n                                          )}\n                                        <div className=\"flex w-full \">\n                                          <div className=\"flex space-x-2 text-sm divide-x divide-gray-200 w-60 md:w-full overflow-x-auto\">\n                                            <div className=\"flex items-start text-xs  justify-start ml-2 pt-1 w-full  space-x-1 divide-x  \">\n                                              {Object.keys(\n                                                orderData?.Products[productref]\n                                                  ?.variant\n                                              ).length > 0 &&\n                                                Object.values(\n                                                  orderData?.Products[\n                                                    productref\n                                                  ]?.variant\n                                                ).toString() !== \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700`}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      {Object.keys(\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.variant\n                                                      )}\n                                                    </p>\n                                                    <p className=\" text-gray-500\">\n                                                      <span className=\"mr-1\">\n                                                        £\n                                                      </span>\n\n                                                      {Object.values(\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.variant\n                                                      )}\n                                                    </p>\n                                                  </div>\n                                                )}\n\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_1.split(\"-\")[0] ===\n                                                \"color\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_1.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700`}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      color\n                                                    </p>\n                                                    <button\n                                                      className=\"rounded-full\"\n                                                      style={{\n                                                        backgroundColor: `${\n                                                          orderData?.Products[\n                                                            productref\n                                                          ]?.attribute_1.split(\n                                                            \"-\"\n                                                          )[1]\n                                                        }`,\n                                                        width: \"18px\",\n                                                        height: \"18px\",\n                                                        marginLeft: \"5px\",\n                                                        marginTop: \"3px\",\n                                                      }}\n                                                    ></button>\n                                                  </div>\n                                                )}\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_1.split(\"-\")[0] !==\n                                                \"color\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_1.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div className=\"ml-2\">\n                                                    <div\n                                                      className={`text-gray-700\n                                                        `}\n                                                    >\n                                                      <p className=\"  capitalize \">\n                                                        {\n                                                          orderData?.Products[\n                                                            productref\n                                                          ]?.attribute_1.split(\n                                                            \"-\"\n                                                          )[0]\n                                                        }\n                                                      </p>\n                                                      <p className=\" text-gray-500\">\n                                                        {\n                                                          orderData?.Products[\n                                                            productref\n                                                          ]?.attribute_1.split(\n                                                            \"-\"\n                                                          )[1]\n                                                        }\n                                                      </p>\n                                                    </div>\n                                                  </div>\n                                                )}\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_2.split(\"-\")[0] !==\n                                                \"null\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_2.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700\n                                                        `}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_2.split(\n                                                          \"-\"\n                                                        )[0]\n                                                      }\n                                                    </p>\n                                                    <p className=\" text-gray-500\">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_2.split(\n                                                          \"-\"\n                                                        )[1]\n                                                      }\n                                                    </p>\n                                                  </div>\n                                                )}\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_3.split(\"-\")[0] !==\n                                                \"null\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_3.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700\n                                                        `}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_3.split(\n                                                          \"-\"\n                                                        )[0]\n                                                      }\n                                                    </p>\n                                                    <p className=\" text-gray-500\">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_3.split(\n                                                          \"-\"\n                                                        )[1]\n                                                      }\n                                                    </p>\n                                                  </div>\n                                                )}\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_4.split(\"-\")[0] !==\n                                                \"null\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_4.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700\n                                                        `}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_4.split(\n                                                          \"-\"\n                                                        )[0]\n                                                      }\n                                                    </p>\n                                                    <p className=\"text-gray-500\">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_4.split(\n                                                          \"-\"\n                                                        )[1]\n                                                      }\n                                                    </p>\n                                                  </div>\n                                                )}\n                                              {orderData?.Products[\n                                                productref\n                                              ]?.attribute_5.split(\"-\")[0] !==\n                                                \"null\" &&\n                                                orderData?.Products[\n                                                  productref\n                                                ]?.attribute_5.split(\"-\")[1] !==\n                                                  \"null\" && (\n                                                  <div\n                                                    className={`text-gray-700\n                                                        `}\n                                                  >\n                                                    <p className=\"  capitalize \">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_5.split(\n                                                          \"-\"\n                                                        )[0]\n                                                      }\n                                                    </p>\n                                                    <p className=\" text-gray-500\">\n                                                      {\n                                                        orderData?.Products[\n                                                          productref\n                                                        ]?.attribute_5.split(\n                                                          \"-\"\n                                                        )[1]\n                                                      }\n                                                    </p>\n                                                  </div>\n                                                )}\n                                            </div>\n                                          </div>\n\n                                          {/* quantity div */}\n                                          <div className=\"pl-3 flex w-28   items-center gap-1 md:gap-3\">\n                                            <p className=\"flex text-sm\">\n                                              Quantity :{\" \"}\n                                              {\n                                                orderData?.Products[productref]\n                                                  .quantity\n                                              }\n                                            </p>\n                                          </div>\n                                        </div>\n                                      </div>\n                                    </div>\n                                  </li>\n                                )\n                              )}\n                          </ul>\n\n                          <div className=\"space-y-1 text-right\">\n                            <p>\n                              Total Amount: &nbsp;\n                              <span className=\"font-semibold\">\n                                {orderData?.total_amount.toFixed(1)}\n                                <span className=\"ml-0.5\">£</span>\n                              </span>\n                            </p>\n                            <p className=\"text-sm \">\n                              Amount Paid: &nbsp;\n                              <span\n                                className={`text-sm  text-gray-600\n                                    `}\n                              >\n                                {orderData?.already_paid_amount.toFixed(1)}{\" \"}\n                                <span className=\"ml-0.5\">£</span>\n                              </span>\n                            </p>\n                            <p className=\"  font-semibold\">\n                              Remaining Amount:{\" \"}\n                              {orderData?.remaining_amount.toFixed(1)}\n                              <span className=\"ml-0.5\">£</span>\n                            </p>\n                          </div>\n                        </>\n\n                        <div>\n                          <div className=\"flex justify-end space-x-4\">\n                            <button\n                              onClick={() => {\n                                handlePurchase();\n                              }}\n                              type=\"button\"\n                              className={`flex justify-center gap-1 w-1/2 ${orderData?.theme?.themeBtn} ${orderData?.theme?.themeBtnStyle} px-4 py-1 font-semibold text-lg text-gray-700 shadow-md`}\n                            >\n                              <span className=\"sr-only sm:not-sr-only\">\n                                Continue to\n                              </span>\n                              Checkout\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </section>\n              </div>\n            </div>\n          )}\n        </>\n      ) : (\n        <> </>\n      )}\n    </div>\n  );\n}\n\nexport default OrderCart;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n  useStripe,\n  useElements,\n  PaymentElement,\n} from \"@stripe/react-stripe-js\";\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\nimport { Discovery } from \"aws-sdk\";\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\n\nconst MobileComponent = ({ theme }) => {\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n\n  const [receivedOrid, setReceivedOrId] = useState(tile.slice(0, 10));\n  const [isStripeLoading, setIsStripLoading] = useState(true);\n\n  const [price, setPrice] = useState([]);\n\n  const stripe = useStripe();\n\n  const elements = useElements();\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const handleSubmit = async (event) => {\n    // We don't want to let default form submission happen here,\n    // which would refresh the page.\n    event.preventDefault();\n\n    if (!stripe || !elements) {\n      // Stripe.js has not yet loaded.\n      // Make sure to disable form submission until Stripe.js has loaded.\n      return;\n    }\n\n    const { error } = await stripe.confirmPayment({\n      //`Elements` instance that was used to create the Payment Element\n      elements,\n      confirmParams: {\n        return_url: `https://www.zaplyn.link/sucess?${receivedOrid}`,\n      },\n    });\n\n    if (error) {\n      // This point will only be reached if there is an immediate error when\n      // confirming the payment. Show error to your customer (for example, payment\n      // details incomplete)\n      setErrorMessage(error.message);\n    } else {\n      // Your customer will be redirected to your `return_url`. For some payment\n      // methods like iDEAL, your customer will be redirected to an intermediate\n      // site first to authorize the payment, then redirected to the `return_url`.\n    }\n  };\n\n  useEffect(() => {\n    if (elements) {\n      const element = elements.getElement(\"payment\");\n      element.on(\"ready\", () => {\n        setIsStripLoading(false);\n      });\n    }\n  }, [elements]);\n\n  return (\n    <section className=\"mt-1\">\n      <div className=\"rounded-md shadow-sm p-1\">\n        <form id=\"payment-form\" onSubmit={handleSubmit}>\n          {isStripeLoading && (\n            <div className=\"border rounded p-2 mb-1 text-center\">\n              <p className=\" text-gray-600\">Loading...</p>\n            </div>\n          )}\n          <PaymentElement />\n          {!isStripeLoading && (\n            <button\n              type=\"submit\"\n              disabled={!stripe}\n              className={`cursor-pointer shadow-md w-full p-2 mt-2 text-xl font-semibold ${\n                theme !== null &&\n                theme !== undefined &&\n                Object.keys(theme).length > 0\n                  ? `${theme?.themeBtn} ${theme?.themeBtnStyle}`\n                  : \"bg-gradient-to-t from-pink-300 to-purple-200 rounded-xl \"\n              }`}\n            >\n              Continue\n            </button>\n          )}\n        </form>\n\n        {/* Show error message to your customers */}\n        {errorMessage && <div>{errorMessage}</div>}\n      </div>\n    </section>\n  );\n};\n\nexport default MobileComponent;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nimport { convertCurrency } from \"../../../helper/helper\";\nimport { ThemeContext } from \"../../ThemeContext\";\nimport { Discovery } from \"aws-sdk\";\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport MobileComponent from \"./MobileComponent\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { useQuery } from \"react-query\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_PUBLISHABLE_KEY2);\nconst MobileCheckoutForm = () => {\n  const [cs, setCs] = useState(\"\");\n  const options = {\n    clientSecret: cs,\n\n    appearance: {\n      /*...*/\n    },\n  };\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n  const [shopImg, setShopImg] = useState(\"\");\n  const [name, setName] = useState(\"\");\n  const [shopName, setShopName] = useState(\"\");\n  const [shopDesc, setShopDesc] = useState(\"\");\n  const [amount, setAmount] = useState();\n  const [theme, setTheme] = useState();\n\n  const [receivedOrid, setReceivedOrId] = useState(tile.slice(0, 10));\n\n  const getPayData = async () => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}`+\"payment-intent-mobile/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            order_id: receivedOrid,\n          }),\n        }\n      );\n\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(\"err\", error);\n    }\n  };\n\n  // fetch payData\n  const {\n    isLoading: isPayDataLoading,\n    data: payData,\n    isError: isPayError,\n    error: payErr,\n  } = useQuery(\"payDetails\", getPayData, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  useEffect(() => {\n    if (payData) {\n      setCs(payData?.cs);\n      setName(payData?.customername);\n      setShopName(payData?.shopname);\n      setShopImg(payData?.shopimage);\n      setShopDesc(payData?.shopdesc);\n      setAmount(payData?.amount);\n      setTheme(payData?.theme);\n    }\n  }, [payData]);\n\n  return (\n    <section className={`mt-1 flex flex-col max-w-xl mx-auto ${theme?.font}`}>\n      <div className=\"flex items-center justify-end w-full max-w-3xl mr-2 md:mr-10\">\n        <p className=\"text-xxs\">powered by</p>\n        <img src={ZaplynLogo} alt=\"\" className=\" h-4\" />\n      </div>\n      {isPayDataLoading && <p>Loading...</p>}\n      {shopImg && shopImg !== \"null\" && (\n        <div className=\"flex w-full \">\n          {shopImg && (\n            <img src={shopImg} alt=\"\" className=\"w-20 h-20 rounded-full \"></img>\n          )}\n          {shopName && (\n            <div className=\"ml-2 flex flex-grow flex-col cursor-pointer  \">\n              <p className=\"text-2xl md:text-4xl\">{shopName}</p>\n              <p\n                className={`text-gray-500\n              `}\n              >\n                {shopDesc}\n              </p>\n            </div>\n          )}\n        </div>\n      )}\n\n      {name && (\n        <div className=\"max-w-md flex flex-col items-center justify-center mx-auto\">\n          <div className=\"flex flex-col items-start w-full p-2 \">\n            <p>\n              Hi <span className=\"capitalize\">{name},</span>\n            </p>\n            <p>Continue with your payment here.</p>\n          </div>\n\n          {cs === \"null\" && <p>Payment already done for this order</p>}\n\n          {cs !== \"\" && cs !== \"null\" && (\n            <Elements stripe={stripePromise} options={options}>\n              <MobileComponent theme={theme} />\n            </Elements>\n          )}\n\n          {/* Show error message to your customers */}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default MobileCheckoutForm;\n","export default __webpack_public_path__ + \"static/media/basket.d00632e4.svg\";","export default __webpack_public_path__ + \"static/media/folder.cf9a9551.svg\";","export default __webpack_public_path__ + \"static/media/home.1d968c64.svg\";","export default __webpack_public_path__ + \"static/media/add.e1e62106.svg\";","export default __webpack_public_path__ + \"static/media/search.ce6cce49.svg\";","export default __webpack_public_path__ + \"static/media/folder2.f768eb9c.svg\";","export default __webpack_public_path__ + \"static/media/zaplynuser.a05c70ba.svg\";","export default __webpack_public_path__ + \"static/media/basket2.08968a30.svg\";","export default __webpack_public_path__ + \"static/media/home2.9579592e.svg\";","export default __webpack_public_path__ + \"static/media/search2.b25f804e.svg\";","export default __webpack_public_path__ + \"static/media/add2.c85111e2.svg\";","import React, { useState, useContext } from \"react\";\nimport getToken from \"./Token\";\n\nimport getUsername from \"./Account_Infomation/Username\";\nimport { Auth, Hub } from \"aws-amplify\";\nimport { withAuthenticator, AmplifySignOut } from \"@aws-amplify/ui-react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { GlobalContext } from \"./GlobalContext\";\nconst Card_popout = (props) => {\n  const [opened, setOpened] = useState(false);\n  const { userData } = useContext(GlobalContext);\n  const navigate = useNavigate();\n\n  const handleSignOutButtonClick = async () => {\n    try {\n      await Auth.signOut();\n      Hub.dispatch(\"UI Auth\", {\n        // channel must be 'UI Auth'\n        event: \"AuthStateChange\", // event must be 'AuthStateChange'\n        message: \"signedout\", // message must be 'signedout'\n      });\n\n      navigate(\"/login\");\n    } catch (error) {\n      console.log(\"error signing out: \", error);\n    }\n  };\n\n  const toggleBox = () => {\n    setOpened(!opened);\n  };\n\n  const handlePaymentMethodsButtonClick = () => {\n    setOpened(!opened);\n  };\n\n  const handleSupportButtonClick = () => {\n    // this.props.clickpayments(\"supportpage\");\n    setOpened(!opened);\n  };\n\n  const handleAccountButtonClick = () => {\n    setOpened(!opened);\n  };\n\n  const handleCashoutButtonClick = () => {\n    setOpened(!opened);\n  };\n\n  return (\n    <div>\n      <button class=\"focus:outline-none\" onClick={toggleBox}>\n        {props.children}\n      </button>\n\n      {opened && (\n        <div class=\"z-50 absolute right-0 rounded-md mb-2 shadow-md bg-white p-1 w-48 max-w-md flex-col flex-shrink\">\n          <p className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\">\n            User:{\" \"}\n            {userData && userData.username.startsWith(\"google\")\n              ? userData.name\n              : userData.username}\n          </p>\n          <p\n            onClick={handleAccountButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            <Link to=\"/account\">Your Account</Link>{\" \"}\n          </p>\n\n          <p\n            onClick={handlePaymentMethodsButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            <Link to=\"/payments\">Wallet</Link>{\" \"}\n          </p>\n\n          <p\n            onClick={handleSupportButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            {\" \"}\n            <Link to=\"/support\">Support</Link>{\" \"}\n          </p>\n\n          {/* <p\n            onClick={handleCashoutButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            {\" \"}\n            <Link to=\"/cashout\">Cash out</Link>{\" \"}\n          </p> */}\n          <p\n            onClick={handleCashoutButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            {\" \"}\n            <Link to=\"/redeem-coupon\">Reedem Coupon</Link>{\" \"}\n          </p>\n          <p\n            onClick={handleCashoutButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            {\" \"}\n            <Link to=\"/how-it-works\">How It Works</Link>{\" \"}\n          </p>\n\n          <p\n            onClick={handleSignOutButtonClick}\n            className=\"hover:bg-indigo-300 mb-1 hover:text-white rounded-md text-left text-xs text-bold pl-2 pt-1 pb-1\"\n          >\n            Sign Out{\" \"}\n          </p>\n          {/*\n\t\t\t\t\t\t<p onClick={handleSignOutButtonClick} className= \"hover:bg-blue-900 hover:text-white rounded-sm text-left text-sm pl-2 pt-1 pb-1\">\n\t\t\t\t\t \t<button onClick={handleSignOutButtonClick} className=\"signOutButton\">SignOut</button>\n\t\t\t\t\t \t</p>\n\t\t\t\t\t\t*/}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Card_popout;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport basket from \"../assets/basket.svg\";\nimport folder from \"../assets/folder.svg\";\nimport home from \"../assets/home.svg\";\nimport add from \"../assets/add.svg\";\nimport search from \"../assets/search.svg\";\nimport profile from \"../assets/zaplynuser.svg\";\nimport basket2 from \"../assets/basket2.svg\";\nimport folder2 from \"../assets/folder2.svg\";\nimport home2 from \"../assets/home2.svg\";\nimport add2 from \"../assets/add2.svg\";\nimport search2 from \"../assets/search2.svg\";\nimport ZaplynIcon from \"../assets/ZaplynLogo.svg\";\nimport Modal from \"react-modal\";\nimport getIsVerified from \"./Account_Infomation/isVerified.js\";\nimport PostMessagePopup from \"./PostMessagePopup\";\nimport Card_popout from \"./Card_popout.js\";\nimport { GlobalContext } from \"./GlobalContext.js\";\nimport Endpoints from \"../api/endpoints\";\nimport { useQuery } from \"react-query\";\n\nimport getToken from \"./Token\";\nimport getUsername from \"./Account_Infomation/Username\";\n\nfunction TopBar(props) {\n  const { setShowFilteredData, userData, userAvatar, setUserAvatar } =\n    useContext(GlobalContext);\n  const isUserVerified = getIsVerified();\n  const [homeimage, setHomeImage] = useState(home);\n  const [basketimage, setBasketImage] = useState(basket);\n  const [addimage, setAddImage] = useState(add);\n  const [folderimage, setFolderImage] = useState(folder);\n  const [searchimage, setSearchImage] = useState(search);\n\n  const handleMymessagesclick = () => {\n    setHomeImage(home);\n    setSearchImage(search);\n    setBasketImage(basket);\n    setFolderImage(folder2);\n    setAddImage(add);\n  };\n\n  const handlemessageboardsclick = () => {\n    setShowFilteredData(false);\n    setHomeImage(home2);\n    setSearchImage(search);\n    setBasketImage(basket);\n    setFolderImage(folder);\n    setAddImage(add);\n  };\n\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const setModalIsOpenToTrue = () => {\n    setHomeImage(home);\n    setSearchImage(search);\n    setBasketImage(basket);\n    setFolderImage(folder);\n    setAddImage(add2);\n    console.log(isUserVerified);\n    if (isUserVerified) {\n      // console.log(\"d\");\n      setModalIsOpen(true);\n    }\n  };\n  const setModalIsOpenToFalse = () => {\n    setHomeImage(home);\n    setSearchImage(search);\n    setBasketImage(basket);\n    setFolderImage(folder);\n    setAddImage(add);\n    setModalIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (window.location.pathname === \"/home\") {\n      setHomeImage(home2);\n    } else if (window.location.pathname === \"/orders\") {\n      setFolderImage(folder2);\n    } else if (window.location.pathname === \"/shops\") {\n      setSearchImage(search2);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (userData) {\n      setUserAvatar(userData?.logo);\n    }\n  }, [userData]);\n\n  return (\n    <header>\n      <div className=\"z-30 fixed top-0 w-full border-b border-indigo-200 bg-gradient-to-r from-pink-200 via-gray-200 to-indigo-200  shadow-sm\">\n        {/* Navbar mobile devices */}\n        <div className=\"md:hidden flex flex-col bg-gradient-to-t from-pink-200 via-gray-200 to-indigo-200 \">\n          {/* top-row */}\n          <div className=\" px-5 flex shadow-sm items-center justify-between \">\n            {/* Zaplyn logo*/}\n            <div className=\"flex \">\n              <div onClick={handlemessageboardsclick}>\n                <Link to=\"/home\">\n                  <img\n                    src={ZaplynIcon}\n                    alt=\"zaplyn\"\n                    className=\"w-28 cursor-pointer\"\n                  />\n                </Link>\n              </div>\n            </div>\n            {/* Profile_Icon */}\n            <div id=\"profile\" className=\"relative \">\n              <Card_popout>\n                <button\n                  onClick={() => {\n                    setShowFilteredData(false);\n                  }}\n                  className=\"  border:none  \"\n                >\n                  <img\n                    src={\n                      userAvatar ||\n                      \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_placeholder.svg\"\n                    }\n                    alt=\"\"\n                    className=\"h-8 w-8 mt-1.5 md:mt-0 lg:h-10 lg:w-10 rounded-full cursor-pointer\"\n                  />\n                </button>\n              </Card_popout>\n            </div>\n          </div>\n          {/* bottom-row */}\n\n          <div className=\"flex pt-1  flex-row border-t border-purple-200 shadow-md items-center justify-center space-x-16 lg:space-x-20\">\n            {/* Home_Icon */}\n            <div id=\"home\" className=\"\">\n              <Link to=\"/home\">\n                <div\n                  className=\"flex flex-col items-center  text-xs font-semibold \"\n                  onClick={handlemessageboardsclick}\n                >\n                  <img src={homeimage} alt=\"\" className=\"h-6 w-6 \" />\n                  <p className=\"text-xxs\">Home</p>\n                </div>\n              </Link>\n            </div>\n            {/* Add_Icon */}\n\n            <div id=\"add\" className=\" \">\n              <Link to=\"/add-product\">\n                <div\n                  className=\"cursor-pointer text-center flex flex-col items-center hover:text-black  text-xs font-semibold\"\n                  onClick={handlemessageboardsclick}\n                >\n                  <img src={addimage} alt=\"\" className=\"h-6 w-6 \" />\n                  <p className=\"text-xxs\">Add New</p>\n                </div>\n              </Link>\n            </div>\n            {/* <div id=\"add\" className=\"  \">\n              <p\n                className=\"cursor-pointer text-center flex flex-col items-center hover:text-black  text-xs font-semibold\"\n                onClick={setModalIsOpenToTrue}\n              >\n                <img src={addimage} alt=\"\" className=\"h-6 w-6 \" />\n                <p className=\"text-xxs\">Add New</p>\n              </p>\n\n              <Modal\n                isOpen={modalIsOpen}\n                className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n                overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n                onRequestClose={() => setModalIsOpen(false)}\n              >\n                <button\n                  onClick={setModalIsOpenToFalse}\n                  className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n                >\n                  x\n                </button>\n                <PostMessagePopup\n                  onClick={setModalIsOpenToFalse}\n                  onPost={\n                    (value) => props.postprop(value)\n                  }\n                />\n              </Modal>\n            </div> */}\n            {/* Manage_Icon */}\n            <div className=\"\">\n              <p\n                id=\"manage\"\n                className=\"  flex flex-col items-center cursor-pointer  hover:text-black  text-xs font-semibold \"\n                onClick={handleMymessagesclick}\n              >\n                <Link to=\"/orders\">\n                  <img src={folderimage} alt=\"\" className=\" h-6 w-6\" />\n                  <p className=\"text-xxs\">Orders</p>\n                </Link>\n              </p>\n            </div>\n            {/* Shops_Icon */}\n            <div id=\"shops\" className=\"relative \">\n              <Link to=\"/shops\">\n                <button\n                  className=\"flex flex-col  items-center cursor-pointer  text-black  text-xs font-semibold\"\n                  onClick={() => {\n                    setHomeImage(home);\n                    setSearchImage(search2);\n                    setBasketImage(basket);\n                    setFolderImage(folder);\n                    setAddImage(add);\n                  }}\n                >\n                  <img src={searchimage} alt=\"\" className=\"h-6 w-6\" />\n                  <p className=\"text-xxs pb-0.5\">Shops</p>\n                </button>\n              </Link>\n            </div>\n          </div>\n        </div>\n        {/* Navbar md+ devices */}\n        <div className=\"hidden md:flex px-5 py-1 shadow-md items-center justify-between \">\n          {/* Zaplyn logo*/}\n          <div className=\"flex \">\n            <div onClick={handlemessageboardsclick}>\n              <Link to=\"/home\">\n                <img\n                  src={ZaplynIcon}\n                  alt=\"zaplyn\"\n                  className=\"w-36 cursor-pointer\"\n                />\n              </Link>\n            </div>\n          </div>\n          <div className=\"flex items-center w-1/2 justify-between\">\n            {/* Home_Icon */}\n            <div id=\"home\" className=\" w-16 mt-4 align-bottom flex flex-row \">\n              <Link to=\"/home\">\n                <div\n                  className=\"flex flex-row   cursor-pointer text-center  text-xs font-semibold \"\n                  onClick={handlemessageboardsclick}\n                >\n                  <img src={homeimage} alt=\"\" className=\"h-4 w-4 mr-1\" />\n                  <p className=\"hidden md:flex flex-row text-xs text-gray-700\">\n                    Home\n                  </p>\n                </div>\n              </Link>\n            </div>\n\n            {/* Add_Icon */}\n\n            <div id=\"add\" className=\"mt-4 flex flex-row \">\n              <Link to=\"/add-product\">\n                <div\n                  className=\"text-center flex flex-row items-center hover:text-black  text-xs font-semibold \"\n                  onClick={handlemessageboardsclick}\n                >\n                  <img src={addimage} alt=\"\" className=\"h-4 w-4 \" />\n                  <p className=\"hidden md:block w-16 text-xs text-gray-700 \">\n                    Add New\n                  </p>\n                </div>\n              </Link>\n            </div>\n\n            {/* <div id=\"add\" className=\"mt-4 flex flex-row \">\n              <p\n                className=\"cursor-pointer text-center flex flex-row items-center hover:text-black  text-xs font-semibold\"\n                onClick={setModalIsOpenToTrue}\n              >\n                <img src={addimage} alt=\"\" className=\"h-4 w-4 \" />\n                <p className=\"hidden md:block w-16 text-xs text-gray-700 \">\n                  Add New\n                </p>\n              </p>\n            </div> */}\n            {/* Manage_Icon */}\n            <div className=\"mx-2 flex flex-row mt-4\">\n              <Link to=\"/orders\">\n                <p\n                  id=\"manage\"\n                  className=\"  flex flex-row md:items-center cursor-pointer  text-black  text-xs font-semibold \"\n                  onClick={handleMymessagesclick}\n                >\n                  <img\n                    src={folderimage}\n                    alt=\"\"\n                    className=\"h4 w-4 flex flex-row mr-1\"\n                  />\n\n                  <span className=\"hidden md:flex flex-row gap-1 text-xs text-gray-700\">\n                    Orders\n                  </span>\n                </p>\n              </Link>\n            </div>\n            {/* Shops_Icon */}\n            <div id=\"shops\" className=\"relative mx-2 flex flex-row mt-4\">\n              <Link to=\"/shops\">\n                <button\n                  className=\" text-xs text-black font-semibold flex flex-row gap-1 \"\n                  onClick={() => {\n                    setHomeImage(home);\n                    setSearchImage(search2);\n                    setBasketImage(basket);\n                    setFolderImage(folder);\n                    setAddImage(add);\n                  }}\n                >\n                  <img\n                    src={searchimage}\n                    alt=\"\"\n                    className=\"h-4 w-4 flex flex-row mr-1\"\n                  />\n                  <div className=\"hidden md:flex flex-row gap-1 text-xs text-gray-700\">\n                    Shops\n                  </div>\n                </button>\n              </Link>\n            </div>\n\n            {/* Profile_Icon */}\n            <div id=\"profile\" className=\"relative \">\n              <Card_popout>\n                <button\n                  onClick={() => {\n                    setShowFilteredData(false);\n                  }}\n                  className=\"  border:none  \"\n                >\n                  <img\n                    src={\n                      userAvatar ||\n                      \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_placeholder.svg\"\n                    }\n                    alt=\"\"\n                    className=\"h-8 w-8 md:mt-0 lg:h-10 lg:w-10 rounded-full cursor-pointer\"\n                  />\n                </button>\n              </Card_popout>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* React tool-tip(s)  */}\n      {/* <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"home\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={hometext}\n      />\n      <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"search\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={searchtext}\n      />\n      <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"cart\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={carttext}\n      />\n      <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"manage\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={managetext}\n      />\n      <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"profile\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={profiletext}\n      />\n      <ReactTooltip\n        style={{ backgroundColor: \"#D7E3F0\", borderRadius: 10, zIndex: 100 }}\n        anchorId=\"add\"\n        place=\"bottom\"\n        variant=\"warning\"\n        content={addtext}\n      /> */}\n    </header>\n  );\n}\n\nexport default TopBar;\n","export default __webpack_public_path__ + \"static/media/Hero Images.ef4efc7e.png\";","export default __webpack_public_path__ + \"static/media/Image_Online Shopping.62c96f37.png\";","export default __webpack_public_path__ + \"static/media/Create.a96e7ccf.png\";","export default __webpack_public_path__ + \"static/media/Accept.477a1c92.png\";","export default __webpack_public_path__ + \"static/media/Showcase.88a20e43.png\";","export default __webpack_public_path__ + \"static/media/Receive.c4fc28f2.png\";","export default __webpack_public_path__ + \"static/media/Zaplyn Shop_Image.17261ddf.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJBSURBVHgB3Za/a9tQEMfvnuSU0KHeCoW0Mp0CMa3HbvLQPZA1kGRN6FTI0CV4KHToH9DN9n+QrYWSRnQpHUpaWtIswaZpDV4a54cJ0bPeyz0nsi0/SbZkT/mC4CTdu4/P792dAG67cFzHi72alckYNjJ4ApJlr1eLlhTwg3PPmS3k6uPEGQnkP49sw4AtKcGODYTgCCGr5sLDSqxf1Au5V8vKGbMsARYhkbDiurwUlTFGwCwxk9kly4JUwjpBi2FQnD6sD2UuL2Ah1xp8yobdCLY1OUxJWvKOWR5+Gsiw8+vPKiKWYYoSAoqZ/Jzj3wcyZAxXIKXaZ273GpY64QGGb6i9G3X0o9RsnMP60nt4++qr9k7FlPuNRxrQo6KGlLDN1R1o/mvD4/lsqA8XnaIGlFI+hQlgyxt5WF7Ph/oh9GP3gNQpQn/euzffoPTiM7RP3VSwLgSNexowSuogfPn0FzbXdnrQJDAN7hu0ua0wh5evn8HzxRwcHhx3oYcH/xPDhPROfNv0Daq/71ELFFTp43YNNpY+dO0kmSH0Y/cyNAzPiVvkZ5oUpsQHYgc6jdg/2h1Vi81GG+4/uAvjiuI55sKcXhZKngelUQGSwG6Q1cG7AFD1PEp5G6YmrAwPZK0s0O2s0Qmqw8QsmomMa/+YDqT5xZAXJ4IqGMWYndcHcGjhIzkqKLW7KiRl0ZawS14Ig928j5eakeS2Qq3PjvNTp5Gu0uDsSwXsBfxdszzPsCU1YgbXvVGAd6KKOsln4u3XFeosBM4eoSskAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/BottomCardImage.614f2de2.png\";","import React, { useEffect, useRef, useState } from \"react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport ZaplynLogo from \"../../assets/ZaplynLogo.svg\";\nimport LineArrowRight from \"../../assets/images/Line arrow-right.png\";\nimport HeroImage from \"../../assets/images/Hero Images.png\";\nimport HeroImageTwo from \"../../assets/images/Image_Online Shopping.png\";\nimport Create from \"../../assets/images/Create.png\";\nimport Accept from \"../../assets/images/Accept.png\";\nimport Showcase from \"../../assets/images/Showcase.png\";\nimport Receive from \"../../assets/images/Receive.png\";\n\nimport ShopImage from \"../../assets/images/Zaplyn Shop_Image.png\";\nimport verifyIcon from \"../../assets/images/verify.png\";\nimport lightningIcon from \"../../assets/images/lightning_fill.png\";\nimport percentageICon from \"../../assets/images/percentage-square.png\";\nimport categoryIcon from \"../../assets/images/category-2.png\";\nimport tickIcon from \"../../assets/images/tick-circle.png\";\nimport BottomCardImage from \"../../assets/images/BottomCardImage.png\";\n\nimport Modal from \"react-modal\";\n\nfunction App() {\n  const navigate = useNavigate();\n  const aboutRef = useRef(null);\n  const priRef = useRef(null);\n  const [isFaqOpen, setIsFaqOpen] = useState(false);\n  const [faqIndex, setFaqIndex] = useState();\n\n  const [subEmail, setSubEmail] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [isEmailValid, setIsEmailValid] = useState(true);\n  const [isSubEmailValid, setIsSubEmailValid] = useState(true);\n\n  const [isSuccessReg, setIsSuccessReg] = useState(false);\n  const [isSuccessContact, setIsSuccessContact] = useState(false);\n\n  const [isPolicyModalOpen, setIsPolicyModalOpen] = useState(false);\n\n  const validateEmail = () => {\n    setIsEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email) // regex for email validation\n    );\n  };\n\n  const validateSubEmail = () => {\n    setIsSubEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(subEmail) // regex for email validation\n    );\n  };\n\n  const handleFAQindexchange = (index) => {\n    if (faqIndex === index) {\n      setIsFaqOpen(false);\n      setFaqIndex(-1);\n    } else {\n      setIsFaqOpen(false);\n      setFaqIndex(index);\n      setIsFaqOpen(true);\n    }\n  };\n\n  const handleRegister = async (e) => {\n    e.preventDefault();\n    validateSubEmail();\n\n    var isValidEmail = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(subEmail); // regex for email validation\n\n    if (isValidEmail) {\n      try {\n        var data = {\n          email: subEmail,\n        };\n        const response = await fetch(\n          \"https://4fr5ssfnjl.execute-api.eu-west-2.amazonaws.com/prod/register\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify(data),\n          }\n        );\n        const json = await response.json();\n\n        if (json) {\n          setIsSuccessReg(true);\n          setSubEmail(\"\");\n        }\n        navigate(\"/register\", { state: { useremail: subEmail } });\n      } catch (error) {\n        console.log(\"There was a SyntaxError\", error);\n      }\n      const response = await fetch(\n        \"https://omnistack.org/Zaplyn/\" + \"send-register-email/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify(data),\n        }\n      );\n    }\n  };\n\n  const handleRegister2 = async (e) => {\n    e.preventDefault();\n    validateEmail();\n\n    var isValidEmail = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email); // regex for email validation\n\n    if (isValidEmail) {\n      try {\n        var data = {\n          email: email,\n        };\n        const response = await fetch(\n          \"https://4fr5ssfnjl.execute-api.eu-west-2.amazonaws.com/prod/register\",\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n            },\n            body: JSON.stringify(data),\n          }\n        );\n        const json = await response.json();\n\n        if (json) {\n          setIsSuccessReg(true);\n          setSubEmail(\"\");\n          navigate(\"/register\", { state: { useremail: email } });\n        }\n      } catch (error) {\n        console.log(\"There was a SyntaxError\", error);\n      }\n      const response = await fetch(\n        \"https://omnistack.org/Zaplyn/\" + \"send-register-email/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify(data),\n        }\n      );\n    }\n  };\n\n  const handleClick = (ref) => {\n    ref.current?.scrollIntoView({ behavior: \"smooth\" });\n  };\n\n  useEffect(() => {\n    if (isSuccessReg) {\n      setTimeout(() => setIsSuccessReg(false), 3000);\n    }\n    if (isSuccessContact) {\n      setTimeout(() => setIsSuccessContact(false), 3000);\n    }\n  }, [isSuccessReg, isSuccessContact]);\n\n  const handleAccordianToggle = (index) => {\n    console.log(\"toggle\");\n    setIsFaqOpen(!isFaqOpen);\n    setFaqIndex(index);\n  };\n  return (\n    <section className=\"bg-[#f5f5f5] font-lexand\">\n      <section className=\" font-lexand  text-[#450089]\">\n        {/* header */}\n        <div className=\"bg-landingHeader shadow-md\">\n          <div className=\" flex flex-col max-w-7xl mx-auto \">\n            <div className=\"flex items-center justify-between px-5 xl:px-2 \">\n              <div>\n                <img\n                  src={ZaplynLogo}\n                  alt=\"\"\n                  className=\"w-40 xl:w-60  h-16 xl:h-20\"\n                />\n              </div>\n              <div className=\"hidden md:flex gap-5 text-[#450089] \">\n                <button\n                  onClick={() => handleClick(aboutRef)}\n                  className=\"About  text-[18px] font-medium leading-none\"\n                >\n                  About\n                </button>\n                <button\n                  onClick={() => handleClick(priRef)}\n                  className=\"HowItWorks  text-[18px] font-medium leading-none\"\n                >\n                  Pricing\n                </button>\n\n                {/* <button\n                  onClick={() => handleClick(FAQsRef)}\n                  className=\"Faqs text-[18px] font-medium leading-none\"\n                >\n                  FAQs\n                </button> */}\n              </div>\n              <div className=\" \">\n                <Link to=\"/register\">\n                  <button className=\"text-xs px-4 py-1 md:py-2 lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white \">\n                    Get started\n                  </button>\n                </Link>\n              </div>\n            </div>\n          </div>\n        </div>\n        {/* hero  */}\n        <div className=\"bg-landingHero pb-8\">\n          <div className=\" flex flex-col max-w-7xl mx-auto \">\n            <div className=\"flex flex-col md:flex-row items-center justify-between max-w-2xl lg:max-w-4xl xl:max-w-7xl mx-auto p-5 mt-5 gap-10 \">\n              <div className=\"flex flex-col  md:w-[480px] lg:w-[600px] xl:w-[620px] \">\n                <div className=\"flex items-center gap-2\">\n                  <img src={LineArrowRight} alt=\"\" className=\"w-5 h-5 \" />\n                  <p className=\" text-[#450089] rounded-xl text-center text-xs md:text-sm p-1\">\n                    All in-one platform\n                  </p>\n                </div>\n                <h1 className=\"text-[#450089] text-[26px] md:text-[29px] lg:text-[42px] xl:text-5xl  py-2\">\n                  Create your{\" \"}\n                  <span className=\"text-[#D53F8C]\">online store</span> in a zap.\n                </h1>\n                <p className=\"hidden md:block text-xs md:text-sm xl:text-lg text-justify px-1 pr-2 text-[#450089]\">\n                  Build own online store without any engineering knowledge and\n                  start selling your products today.\n                </p>\n                <div className=\"hidden md:flex items-center justify-start gap-2 mt-8 md:pr-16 xl:pr-40\">\n                  <Link to=\"/register\">\n                    <button\n                      type=\"button\"\n                      onClick={() => {}}\n                      className=\"text-xs px-4 py-2 lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white font-medium active:opacity-70\"\n                    >\n                      Get started for free\n                    </button>\n                  </Link>\n                </div>\n              </div>\n\n              <div className=\"\">\n                <img\n                  src={HeroImage}\n                  alt=\"\"\n                  className=\"max-w-xs md:max-w-[240px] lg:max-w-xs xl:max-w-sm\"\n                />\n              </div>\n\n              <div className=\"md:hidden flex flex-col items-start justify-start w-full gap-2 mt-4\">\n                <p className=\"text-xs md:text-sm xl:text-lg text-justify px-1 pr-2 text-[#450089]\">\n                  Build own online store without any engineering knowledge and\n                  start selling your products today.\n                </p>\n                <Link to=\"/register\">\n                  <button\n                    type=\"button\"\n                    onClick={() => {}}\n                    className=\"text-xs px-4 py-2 mt-3 rounded-full bg-landingBtn text-white font-medium active:opacity-70\"\n                  >\n                    Get started for free\n                  </button>\n                </Link>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n      {/* details */}\n      <section ref={aboutRef} className=\" font-lexand bg-[#f5f5f5]\">\n        {/* get started in minute */}\n        <div className=\" flex flex-col max-w-7xl mx-auto \">\n          <div className=\"flex items-center justify-between max-w-2xl lg:max-w-4xl xl:max-w-6xl mx-auto p-5 mt-5 gap-10 \">\n            <div className=\"flex flex-col md:w-[480px]  xl:w-[550px] \">\n              <h1 className=\"text-[#450089] text-[20px] md:text-[24px] lg:text-[31px] xl:text-3xl  py-2\">\n                Start your e-commerce business on Zaplyn{\" \"}\n                <span className=\"text-[#D53F8C]\">in minutes</span>{\" \"}\n              </h1>\n              <p className=\"text-xs lg:text-sm xl:text-base text-justify px-1 pr-2 text-[#450089]\">\n                Do you want to sell your products online but don't know where to\n                start? Create own e-commerce store on Zaplyn - all by yourself\n                without any engineering knowledge.\n              </p>\n              <div className=\"flex items-center justify-start gap-2 mt-8 md:pr-16 xl:pr-40\">\n                <Link to=\"/register\">\n                  <button\n                    type=\"button\"\n                    onClick={() => {}}\n                    className=\"text-xs px-4 py-2 lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white font-medium active:opacity-70\"\n                  >\n                    Get started\n                  </button>\n                </Link>\n              </div>\n            </div>\n\n            <div className=\"hidden md:block  \">\n              <img src={HeroImageTwo} alt=\"\" className=\"max-w-xs shadow-md \" />\n            </div>\n          </div>\n        </div>\n\n        {/* All the tools you need to sell online */}\n        <div className=\"flex flex-col max-w-7xl mx-auto items-center py-10 text-[#450089]\">\n          <h3 className=\" font-medium text-[20px] md:text-[26px] lg:text-[31px] xl:text-3xl \">\n            All the tools you need to{\" \"}\n            <span className=\"text-[#D53F8C]\"> sell online</span>{\" \"}\n          </h3>\n          <p className=\"text-center p-2 text-xs lg:text-sm max-w-md xl:max-w-lg mx-auto py-5 lg:pb-8 \">\n            From easy-to-use online store builder to payment transfers - Zaplyn\n            provides all the features you need for running e-commerce business.\n          </p>\n          <div className=\"grid md:grid-cols-2  lg:grid-cols-4 gap-10 lg:gap-4   text-semibold text-[#450089]\">\n            <div className=\"flex flex-col bg-white rounded-md pb-5  text-center shadow-md\">\n              <img\n                src={Create}\n                alt=\"\"\n                className=\"w-80 lg:max-w-[230px] xl:max-w-[300px]  \"\n              />\n              <p className=\"py-5 lg:text-xs\">Create your online-shop </p>\n            </div>\n            <div className=\"flex flex-col bg-white rounded-md pb-5 text-center shadow-md\">\n              <img\n                src={Showcase}\n                alt=\"\"\n                className=\"w-80 lg:max-w-[230px] xl:max-w-[300px]  \"\n              />\n              <p className=\"py-5 lg:text-xs\">Showcase your products</p>\n            </div>\n            <div className=\"flex flex-col bg-white rounded-md pb-5 text-center shadow-md\">\n              <img\n                src={Accept}\n                alt=\"\"\n                className=\"w-80 lg:max-w-[230px] xl:max-w-[300px]   \"\n              />\n              <p className=\"py-5 lg:text-xs\">Accept and manage orders</p>\n            </div>\n            <div className=\"flex flex-col bg-white rounded-md pb-5 text-center shadow-md\">\n              <img\n                src={Receive}\n                alt=\"\"\n                className=\"w-80 lg:max-w-[230px] xl:max-w-[300px]   \"\n              />\n              <p className=\"py-5 lg:text-xs\">Receive payments</p>\n            </div>\n          </div>\n        </div>\n\n        {/* create store */}\n        <div className=\" flex flex-col max-w-7xl mx-auto \">\n          {/* */}\n          <div className=\"flex  justify-between max-w-2xl lg:max-w-4xl xl:max-w-5xl mx-auto p-5 mt-5 gap-10 \">\n            <div className=\"hidden lg:block lg:w-5/12\">\n              <img src={ShopImage} alt=\"\" className=\"shadow-md rounded-md\" />\n            </div>\n            <div className=\"lg:w-6/12\">\n              <div className=\"\">\n                <h1 className=\"text-[#450089]  text-[18px] md:text-[26px] lg:text-[31px] xl:text-3xl  py-2\">\n                  Creating own online store has never been{\" \"}\n                  <span className=\"text-[#D53F8C]\"> easier</span>{\" \"}\n                </h1>\n              </div>\n              <div className=\"grid md:grid-cols-2 gap-5  py-5\">\n                <div className=\"flex flex-col   justify-start gap-2 bg-white p-5 rounded-md shadow-sm\">\n                  <div className=\"flex items-center gap-2 justify-start\">\n                    <img src={verifyIcon} alt=\"\" className=\"w-5 h-5\" />\n                    <p className=\"text-[#D53F8C]\">It’s simple</p>\n                  </div>\n                  <p className=\"text-[#450089] text-xs lg:w-40\">\n                    Create your ecommerce shop on Zaplyn in 10 minutes -- as\n                    easy as making an instagram post.\n                  </p>\n                </div>\n                <div className=\"flex flex-col  justify-start gap-2 bg-white p-5 rounded-md shadow-sm\">\n                  <div className=\"flex items-center gap-2 justify-start\">\n                    <img src={lightningIcon} alt=\"\" className=\"w-5 h-5\" />\n                    <p className=\"text-[#D53F8C]\">It’s fast</p>\n                  </div>\n                  <p className=\"text-[#450089] text-xs lg:w-40\">\n                    Sell online without any need for expensive websites or high\n                    fees.\n                  </p>\n                </div>\n                <div className=\"flex flex-col   justify-start gap-2 bg-white p-5 rounded-md shadow-sm\">\n                  <div className=\"flex items-center gap-2 justify-start\">\n                    <img src={percentageICon} alt=\"\" className=\"w-5 h-5\" />\n                    <p className=\"text-[#D53F8C]\">It’s flexible</p>\n                  </div>\n                  <p className=\"text-[#450089] text-xs lg:w-40\">\n                    Add unlimited products to your shop, customise shop with a\n                    range of themes and colours.\n                  </p>\n                </div>\n                <div className=\"flex flex-col   justify-start gap-2 bg-white p-5 rounded-md shadow-sm\">\n                  <div className=\"flex items-center gap-2 justify-start\">\n                    <img src={categoryIcon} alt=\"\" className=\"w-5 h-5\" />\n                    <p className=\"text-[#D53F8C]\">It’s affordable</p>\n                  </div>\n                  <p className=\"text-[#450089] text-xs lg:w-40\">\n                    Only 5.99 a month for your shop, small fees for online\n                    payments. Simply the cheapest option in the world.\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* pricing */}\n\n      <section ref={priRef}>\n        <div className=\"bg-landingPlanCard rounded-md shadow-sm flex flex-col md:max-w-2xl lg:max-w-3xl xl:max-w-[920px] mx-2 md:mx-auto items-center p-10\">\n          <h3 className=\"text-[#450089] font-medium text-[24px] md:text-[26px] lg:text-[31px] xl:text-3xl \">\n            Choose your plan\n          </h3>\n\n          <div className=\"flex flex-col md:flex-row md:items-center md:justify-between p-5  mt-5 md:mt-10  gap-10 max-w-5xl mx-auto text-[#450089]\">\n            <div className=\"flex flex-col bg-white rounded-md   text-center shadow-md h-[350px] w-60 xl:w-72 justify-between p-5  \">\n              <div>\n                <p className=\"\">Starter Plan</p>\n                <p className=\"text-4xl pt-3 text-[#D53F8C]\">Free</p>\n              </div>\n              <div className=\"flex flex-col items-start  h-full mt-8 space-y-3 text-xs font-semibold\">\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p>Up to 5 products </p>\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p>Unlimited orders</p>\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p> Zaplyn fees: 2.5% + 20p </p>\n                </div>\n              </div>\n              <div>\n                <Link to=\"/register\">\n                  <button className=\"text-xs w-full px-4 py-1  lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white \">\n                    select\n                  </button>\n                </Link>\n              </div>\n            </div>\n            <div className=\"flex flex-col bg-white rounded-md  text-center shadow-md h-[350px] w-60 xl:w-72 justify-between p-5 \">\n              <div>\n                <p>Premium Plan</p>\n                <p className=\"text-4xl pt-3 text-[#D53F8C]\">\n                  £5.99<span className=\"text-xs \">/month</span>{\" \"}\n                </p>\n              </div>\n              <div className=\"flex flex-col items-start  h-full mt-8 space-y-3 text-xs font-semibold\">\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p>Everything in free</p>{\" \"}\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p>Unlimited products</p>\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p> Zaplyn fees: 2.5% + 25p</p>\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p>Unlimited shops</p>\n                </div>\n                <div className=\"flex gap-2 items-center\">\n                  {\" \"}\n                  <img src={tickIcon} alt=\"\" className=\"w-5 h-5  \" />\n                  <p> Customer support 24/7</p>\n                </div>\n              </div>\n\n              <div>\n                <Link to=\"/register\">\n                  <button className=\"text-xs w-full px-4 py-1 lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white \">\n                    select\n                  </button>\n                </Link>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* FAQ section */}\n      {/* <section\n        ref={FAQsRef}\n        className=\"mt-10 md:mt-16 text-[#450089] font-lexand \"\n      >\n        <div className=\"flex flex-col max-w-7xl mx-auto items-center \">\n          <div className=\"flex flex-col  w-full px-5 gap-3  md:max-w-xl lg:max-w-3xl xl:max-w-3xl  \">\n            <h2 className=\"text-2xl md:text-3xl xl:text-4xl   text-left  font-medium pb-5 md:pb-2 \">\n              FAQs\n            </h2>\n            {FAQdata.map((item, index) => (\n              <div\n                key={index}\n                className=\"border-b-2 border-[#DAF6FF] pb-5 text-xs md:text-sm\"\n              >\n                <div className=\"flex items-center justify-between\">\n                  <p className=\"font-semibold\">{item.q}</p>\n                  <button\n                    onClick={() => handleFAQindexchange(index)}\n                    className=\"w-5 h-5\"\n                  >\n                    {isFaqOpen && faqIndex === index ? (\n                      <img src={ArrowUp} alt=\"\" className=\"\" />\n                    ) : (\n                      <img src={ArrowDown} alt=\"\" className=\"\" />\n                    )}\n                  </button>\n                </div>\n                <p\n                  className={` overflow-hidden transition-[max-height] duration-500 ease-in pt-3 ${\n                    isFaqOpen && faqIndex === index ? \"max-h-40\" : \"max-h-0\"\n                  }`}\n                >\n                  {item.a}\n                </p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </section> */}\n\n      {/* Bottom card */}\n\n      <section className=\"flex flex-col max-w-7xl mx-auto items-center\">\n        <div className=\" bg-landingBottomCard my-10 rounded-md shadow-sm flex flex-col-reverse md:flex-row mx-5 md:max-w-2xl lg:max-w-4xl md:mx-auto\">\n          <div className=\"flex flex-col items-center justify-center md:w-4/6 p-5\">\n            <h2 className=\"text-2xl md:text-3xl xl:text-4xl   text-left  font-medium  py-3\">\n              Start selling online today\n            </h2>\n            <div className=\" mt-3\">\n              <Link to=\"/register\">\n                <button className=\"text-lg px-4 py-1 md:py-2 lg:px-5 xl:px-8 xl:text-base rounded-full bg-landingBtn text-white \">\n                  Get started\n                </button>\n              </Link>\n            </div>\n          </div>\n          <div className=\"md:w-2/6\">\n            <img\n              src={BottomCardImage}\n              alt=\"\"\n              className=\"rounded-t-md md:rounded-none\"\n            />\n          </div>\n        </div>\n      </section>\n\n      {/* footer */}\n\n      <footer className=\"bg-landingFooter font-lexand\">\n        {/* mobile */}\n        <div className=\"md:hidden flex flex-col items-center text-[#000F99] \">\n          <div className=\"\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40 xl:w-60 \" />\n          </div>\n          {/* <p className=\"text-sm font-semibold\">Terms & Conditions</p> */}\n          <button\n            onClick={() => setIsPolicyModalOpen(true)}\n            className=\"text-sm text-center\"\n          >\n            Privacy Policy\n          </button>\n          <p className=\"text-xs pt-2 pb-2 text-[#3362BA]\">\n            2023 @ All Rights Reserved by General Enterprises\n          </p>\n        </div>\n\n        {/* md+ devices  */}\n        <div className=\"hidden  md:flex flex-col items-center text-[#000F99]  md:max-w-3xl lg:max-w-5xl  mx-auto\">\n          <div className=\"flex items-center justify-around  w-full\">\n            <div className=\"py-5\">\n              <img src={ZaplynLogo} alt=\"\" className=\"w-40 xl:w-60 \" />\n            </div>\n            <button\n              onClick={() => handleClick(aboutRef)}\n              className=\"text-sm font-semibold\"\n            >\n              About\n            </button>\n            <button\n              onClick={() => handleClick(priRef)}\n              className=\"text-sm font-semibold\"\n            >\n              Pricing\n            </button>\n            {/* <button\n              onClick={() => handleClick(FAQsRef)}\n              className=\"text-sm font-semibold\"\n            >\n              FAQs\n            </button> */}\n            {/* <p className=\"text-sm font-semibold\">Terms & Conditions</p> */}\n            <Link\n              to=\"/privacy-policy\"\n              className=\"text-sm font-semibold\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Privacy Policy\n            </Link>\n          </div>\n          <div>\n            <p className=\"text-xs  pb-2 text-[#3362BA]\">\n              2023 @ All Rights Reserved by General Enterprises{\" \"}\n            </p>\n          </div>\n        </div>\n      </footer>\n    </section>\n  );\n}\n\nexport default App;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARISURBVHgB5VY7jxxFEK6q7hmfzV0C0REg3T8gsIRYISc8NnJqMo4IAgjIyeEHEGEhuAUnXIguMJbIkE9IhOQm4iIL6VZwtzPdVa7qx+zM7p3k2O7Vzky/6quvXt0AL3rD6yYezr/dD9Ic9IRt8DbiIXj969cl5DekfvnrGhuL0HbomydfPrhz9lyAj+ffvdqhzFcAexEa6B0Bg4OeCHoT6Jr07nWMdSw6nQOdI+3b25U3uSVT++jrH996OpZP485fCtZLvMsMe7praHFDKUISl77cIMKVN7KIfYoqHCTc/eyjP167FvCcwxyZ2zSq2ps8Ytsb9ccFAIAFMSsSQdJ8GgVRRZB0jqtwanYQPrgS8Pf3v3ldkPdYN4g2265PZAJ0ai4S/Q0MjQUpvAPUeYZsBbb1Uw46ibtffPLn/hagF/cGF9vZRpWjiMrXhOlD9cZAbNqLMVRImTAcXMATF4gp9H93sAUoIe6Qq9216epIhOw78UImW6FVH3dPPH5oXG0uyWF9U/atKW6uIN+024DohONgfDAGhsulTwJFIApRNS3eDAzvBnKHpkAyoTLKm/ThsuI5h4olYdwqAJeNJlS1NT0YC01bw0UplgU4hIgwCxotHvEo2GJXhMWYQf0VgOh0W3TVmoMZ2RybTAQYy5wxjIMAXvSqm1podmHp4vlIhSGoeyRHs4wIbjKsthrIDIyr8ZOPzLNmwqKAj6tFj7cgEs068tBwXJgAceqYjagdAIOp0a5NuCv9vcDhzR49dF4xNNUtWjpVuktucsqAoCOXqwxVq9BMqw22HH6AVMnW+QuwCQ/ZP7ZEkgsTkxQt9kpsc84bQbWYdVHqmPUThMiFJAE5WmN0ssXQvmIskaVO+g+aY3Z0nOqmsba6arVT/WQRaRxJ3U4agspVmfpDRZuh8Okux5/7wkXrhXoU8VqGabCkgOKLpPyilM6Uys96c/V5QH/IAjMNk9NboTsay9JKI+O8mAKqgFjsldVjHAMwWSKnEpDMbnkb0H2siTlTlqc3pF8kRZMsKGY2c/qrAH22uFXQiQI5AaySEJdqUi3gtNIQva3B+LgFPpJyUkAtrqY7xskRuAbUMLU1xsgKdWUwlDktK7WQI67PUfXlKaU0yAixFoVS6jbbwJV2mpUtTsmOnCKMiomNEamTogLmNfpoGguWYwOyg7h3U8FIjFXZKLzcYhgF/xbCCf1qWmNkhbzW1VxqMiNjkhTYOKVTgSi+jjfkny3AO79+eoaRzt1Ey3FEVklqcDQf5gE7M/O8mprtJlBOirJXiS7v3799tgVoLfDqkS5crbWUHBzjRWpulvFdaH3NSGffEHRWg2V1/u/qZLx9Avjeb58/hZvNCeoFaPMeU1ElnxtQC7mFGA/G57FmyzbCyfe/vLOc6AvXtIfzn/YvPRxcILTrKyGUK+FOCrdLHQijq6LppBWmE//Kk68e3D6Dl7I9A443IvAkVSn/AAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATeSURBVHgB7VZNbFRVFD7nvkeNFG1ZUBMp5OGCEI1M0fgf0pkKxUpMpitdkFgjJoAktisXmkhNNDFsqk3UIIZWk2pafrrRdCHOJBiwarQsUUuniW5YwPjDgs5773DO/Xnz2k5Lp2w57cvc+96553zn/wLcodugz/JjWXngNghhFXQi/1WgaE0hQgwi5QH/lkLys4dP752FOklBnTSaH21riFUBkQJAg58AA/So+NGLExmok5b1wDe7j7Wh7zeF4EMEuD70/EykVG+M2FQBhbHyKGQRoVIYoXhCUahweA5pmPAu/gYQE84e+TpXqhvA2ec+f4eFH2H3grg5BEWsHENUDMbjNeq13ttHryUk/J2BoObjdzFg/7sjO/tXDOD73cfaY4VFtopCZEE6zlZJWrhyilE8QOKFCq+1Z9DwaF7muRGrHUdHnplaqKtmDhDAFsFGGqDDiEQGMvuE18h/IA9vwOUCSVaQ/Drz0J7zUdXMj+WSkJIFuZ2AIg0MQf/prVaKWp39NezCF1skRDHWC8CIsg851RYEWEuNJ4yZem2A0kIj0Fe0cgAK2p3nE0lYfcPhBeN+eakoAcnam1vupoZGXwfKmGBOUhwHKwJwbs+nGZbcQylHzCd0UTDxtUEW4x/KtsL+wZ34/IEHNXKXNJIwpLD3zX2TmWUBFLKfBHxoXNupg2gyrZpkxtRqvEWySdVtuY3YeehhzXdl9n/Dbs7IvxxsDj0a7+25ECwJoGENFPgn0JFGa13iehtXeZOKprBsy26CXYe26/35k9Pww8nLtoIcP9otBgBeobfnt+ZFAM7tGsyyNYH1WiLA6dq+/1Hce/wFWLuhkchGVozfmmvFjteNZy+MTcP5U5eTqJFLA0yyUrwZhBC2LQLgW2uMZMtvd7JsemA9NLY0wrPv5XDdhkb9eWvHZsge3qHXk2N/wI+npm3cE/+7igFw5avBYeIBzy32be4sK89/iau1mZD7vGS6tFGNR8Ffk3/DfY/cD/e23gObntiohT99wBjysygf+9Pwa/MVJ53IkD2vpTtqWSjfZwaHHju4yAO5Yl+54kGOlyVKud5ZU7leocJbBbo2U4Z1LWvh8VdNzH8Z/R1+4kfKziVkDJQ0AnQuNPlb4tHVkRI9PwlzEwdLHkKeea85xdVOAjh3fQ7Pvl2EqwxC6NfRSwzgUhUlmJaY8jglASABFnYPDD1VSuus2R6/23N8gKfgG6F2mwwWO3TcNORHcuJK6T8zpPS0xOo0TE9HHlCheEd5Qx8MP/nKQl01OyGHbCqN0ZWjacQG89WZf42/bStIuN18SkrPtm+iYi1dPixBus3qRCTE+Y6itOMI3eQzbdnsCaqFZChaQk9ND0T2qDHNxdG2XqC0eeAmtmucQKm4Q3KeoD4AcUlKybrO3QlMjiMmfYUw6R3uqkCpkQX2nF4oFV9cMYCuideKXP8fsrKUQLIo3Byy7+3FxPA4PnROsXVI/UeHFt+GHLol6duuL9pvIGyJQe55nNW+ynJ2v2yyXZqMXLmUvnJVpMmgV+bqGeD742xFvssllfyL74/UVn5LALXoy+7TmYgnJt/1gshdUE2J/gO+yvWNdE7VI69uAEIn8mdYORRYaWDqXJXiCub6xrtKUCetCoCjj/Nn8pHHAKKo2DfeXYY7tAq6CeUTW2dT8V0MAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVNSURBVHgB7VfNbhtVFD7njhsHsXGeIG5fIGGD1FUdgYCCSuKqJE1L5fEyEhIpGxYsMt7wj5wIiQALMhaqaCk0JpVIq1ZKEIIuMS9A3CfAICSieO69nHN/xo7/kpYlXGUy154593znO9859xrgvz4QHmNsFjZywRPBVBuDk1pgqw3Y2v9rv1HeLbfgEcexAWy/sJ7PwHgpQQglinxCplIIUCggQXcH0UwQdw9AVJbqxeZx1j0SwA5FC9l2lZyG7FRhADTX5AjpbkBIsHcFAX/Pc6R5nGiMXrv10sNR64tRD398dr0gxg5+UxpDDUh/QityoOlSBEaD0Fqj/Y7BAfxKc1QGKJRUALvV+e/nHgvAg+c+KwHiDi02QXkGuyiidUTECeMEleDvgADAGjF0lcERsVrxPxCTGoJbHy7eLT0SgJ+f+WQu0SomR1q76LRzzkwYx5r9pgxUSvULyyiwRI4ZKKjUDlAqEb9z8V5hkK8+DewUqvmxE1mKnITGOTaXyb1OKLfmM3RpAKByZWshWp/bzAcC9yS9J90zZeYsUvP59/bfeCqqz7RGMjAejK0Q8rwCm1sbkXA5B/eZHpoIIWLnbBcIKGjSCEfsGTBMQZq+CfFkUB2ZggcUPRmFLC6fbyB1p44hFRvddeXy1kKli8wVzrs0pBIQ856wKbRgiS0dvnXpp8nhDJjoA47CGiEb8VwYASqnfhJnZXFrMfJmnxe3ztD7eeWcS8OQsPmn/xYABUUXClUeCoDUXlD0OjnF3oi9qGiBcKHLuQ1eGdZsmQKmNgC+ZDVXC69BWigNBEDiy3HuLXJPG1MpdMe5Di9svVqDnkHP5my+nTbQVYvrFbY3ADh95JfDX3J9ALInslOdiJ1zY2AjYurOD3DOY0ypkyAyIaWm0RGdBeNLltYDV8aQgf1pb5vxk0QBNRyjcAvCqdlF0yjevhLDkFGuF7m0GFytenGbtKAjjUHJBEKMgmNAGR2QuDEz2ccAdbacFYoxMneL3JTj9Nfnvtq49uK3k3DEuHr9bPPN68/ThqUbGg9rgRnlriq1/KOPASqBPU+36XpWA7b9WiGFkEnCL2dvNqhBrQH8WS/XB2+/by/ep+iDaWvHqRRoA7NBEQmtPgZkIB8yOo5YgqsAV3au9PxmRAuLLxIxsTfI+XvknDzGvorAirOzgSFvFplGH4CZO0tNMmxyudhG4qlzxtxOwTFjmIJ6r/P3L91/XWqIfRX4CkqFaUXYXI2f6mfAsIBYc23Ttl/jiBZhLfCFkC4khT5UER/M31tRSq/qtA0zWJ9SsB3VgtnttjsEgPIVm8i9oUcteDOBNI/0TnPpm2K60Efzd1cIX6RdJwQr5jR61hIxY75rw0FlKICzd8pN2ulq2rGgUxbwcHNCjLxNlZzTO5F/Jl3vAH928FuzTUvt0/h0cygAk4asWqYFWl4DNhqrAzdHJdUP/GSNnZuad46EAavTNJk10LJBrPVGPxBAkUoroZuLFGS69droKLKYD5wfz2+TcxVxzwDfP9wuqLujNvZUP4Bv9EbPY+ih9MbLN7iTbfiDhz+cKKFmpMjOUkUs89abHlo6h1LkeeL2ACkCZrK8Gj8dD/Iz8lR87dzNWRngKuliUvrTEPV7cjpNJx+ulM7JyF2J6RUCDQD6zZCgPr8an94d5mPkqfjy7Ve+kxDMEBM11oHNqZhye31apr6FmzMk2FMx5aWWYPbUKOdHMtA9+MwngyBSInNG8Q8Tu7fbqLllm98H2DS9JJOJ3x2Q738FoHtU5zZz++Pj01qdyFGPyLXpFxHsQ6P3wPn/OM74B51oDp6mRyDOAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWlSURBVHgB7VdNaB1VFD7nzuQlJGpe/AmCi7yEgKItJKBo/EteF1WzsUo3uqroRlwk4FLaJrUVN9K4sCuhKYoWClZshVDQVIloG7RdVBBa7ERqoUkKr6kvvzNzPPfec+/M870QXOsNL3Nn5tz7fec75557B+C/3nArg6+HP+5KoKkvgbAj5fv1QIG+EiraUIgbEECi+FlQgJifxQSYBPwMMEoTqrxzYufFf01geuhoMS3EI2mgRjdAFRNUoH+xuQYQK4QY7LNEBbl32ZXtiIkh20X8m4zT+Nj7x8vRlgSmhw6XsNA6nYAqac+yiTUQWkCw3idYC54yqCYWBwoT0ARQv0OxidYTGPrgs6fm8ngqf3Nh6HAxDJu/5W5JUyPLkcgyJdc3tAn5ggQkZnynO6Sko/t6hBvDcwZhcHZ0z4XipgRWw8IIIHbz5GRRLBI3EGC0E3PHMGJDdCoaLtJnULRGDt2Sp5KC9dFNCbDFHpkKxTEzPg+uX+nJyZIko4IAIIfGySWcDEUvkbHFkYYEzg991MeelqydlxSz2bz8iOIhiVQkNqlWy5AWJdCGwL4TOgDFt1//pategaak3XrtNaOcMl4GCTqaDGCPre4oUbFXN1jbpeDls3Hjtpak/XUENhLodgOFNfo04F9TWxM8/Mo22HGoDD07uoRXil4JHtF8R4i9j3ZCc2uB6pwQR3SMEFKfiKFnErBMRnNlTLLUsu3BV7dj74sPmX7ntk64/utNrCysWhWYagsT3LXvMbivdBd888llPDd1TVwgN5eZF3lZcqP6EIhUqfYKKLOQ0YW2Qo1lW2cbOMkLrU3w0tjjBnyJSV2enbcRd2EjkyYSGv6jFOsIpA4OPV2Xwob5lVO/wfJ81by7cWmBf4smEQttIewaH4B7DfgKHD8wC7cWVy2W+afBXVKSkTblkl0XAi5vNXpomUx2CdfK7xU6/cYpbLn/TliaX2GDAJpZ9hfGn4R7BPzE+CwsLa7pfQJ8fdAzkA4Tokti5WfNQwY+c80icpGjfHy4VW9UNTFOyhCHx59m8Ha4zeAnx86TJpFPXLMoc2uRZNqUVKMcCKS0Gretgdw5IqbPnuiYP//uM3B3twX/cv9PdGu+WlP5iCC/ft0VbaFokAM6BqkUd1/1TAkmv351n8Fp58FBBi/CXwvL8NW+H5jEsrfRq6GFl6FVXBIwE5C95/scalirgN88cqtAHOGc0Cth8OAgdmjw+WU4vV+Dr5qYa7AndvfAwO5eg3bm0yvw49R1W50gCwuaAAfQUAFb513Nhtq6yM+HDpWxo6fDgE/tnaHbfM1YAjwy+IC/ffblEkC2E/po2FpAjXOActnpJHf5085eFxm8yqBn9n7PnlczWxsqsxJcW1uOZXe0O6lb3jYOUB+CRIxcDc9MjGhYuVqBmfdm4Ga0xLE3y9BuCVo16xZMHbkEz721HVaqMXz3xR/mvd1flK6yZFeFzvGMTZh18Gpioq/Ee7SEpHjodu3cn+bU42yMHWY739LCGn1+4Gd3AkJdK/KOgN3BQKVpVBcCDHBOtnLyAbDZ57PYJmi2DecmBlc4ZV9yM4DkQU05SSGs1BEYmHoz4kuF0C1CRbaOewXkhCXbMIDs+tnWgdnRAMhXJL+4XI2Pjkz2X6wjoFtC8KGvH2ZofkISFu4g5GysItYGfOJlR0qH60SjY3nM2t0wbpngYZE702Un0PzhCM22TQ4bpOCIUe4QatWRp0I0UhBObEqgfPa1CqqkzPZzjny+kAohcjlsY+4PSeZRmssNkgOkzSXtWFKemOyvbK6AJsG5EKyqfh47xsPmwHsGOcldaUbZOrKAODO3Ovh/hY844wk2909MDkT/xEPYop0cPtoXq7AYp2FJV9CUP7vW+bn/JIMCf67p2sIfJ+aTLIANditVKuLPp2iswdfQ/y3f/gYz6edxODNeewAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from \"react\";\nimport { Navigate, useNavigate, useParams } from \"react-router-dom\";\nimport { Auth } from \"aws-amplify\";\nimport { Outlet } from \"react-router-dom\";\nimport TopBar from \"../components/TopBar\";\nimport { GlobalProvider } from \"../components/GlobalContext\";\nimport LandingPage from \"../components/Pages/LandingPage\";\n\nfunction AuthenticatedRoutes() {\n  const [user, setUser] = useState(null);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    Auth.currentAuthenticatedUser()\n      .then((user) => setUser(user))\n      .catch(() => setUser(null))\n      .finally(() => setLoading(false));\n  }, []);\n\n  const navigate = useNavigate();\n  const { username } = useParams();\n  // useEffect(() => {\n  //   const checkAuth = async () => {\n  //     try {\n  //       await Auth.currentAuthenticatedUser();\n  //     } catch (error) {\n  //       navigate(\"/login\");\n  //     }\n  //   };\n\n  //   checkAuth();\n  // }, [navigate]);\n\n  // console.log(user);\n\n  if (loading) {\n    return <div>...</div>;\n  }\n  return (\n    <GlobalProvider>\n      <React.Fragment>\n        {user ? (\n          <div className=\"font-lexand\">\n            <TopBar />\n            <Outlet />\n          </div>\n        ) : (\n          <LandingPage />\n        )}\n      </React.Fragment>\n    </GlobalProvider>\n  );\n}\n\nexport default AuthenticatedRoutes;\n","import React from \"react\";\nimport { Auth } from \"aws-amplify\";\nfunction GoogleButton() {\n  const [isHovered, setHovered] = React.useState(false);\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  return (\n    <div className=\"w-3/4\">\n      <button\n        onClick={() => {\n          setIsLoading(true);\n          Auth.federatedSignIn({ provider: \"Google\" });\n        }}\n        type=\"button\"\n        disabled={isLoading}\n        className=\"flex items-center justify-center border w-full p-1.5\"\n      >\n        {\" \"}\n        <span className=\"flex grow items-center justify-center\">\n          {isLoading ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"mr-2 h-4 w-4 animate-spin\"\n            >\n              <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"1em\"\n              height=\"1em\"\n              viewBox=\"0 0 48 48\"\n              className=\"w-5 h-5 mr-2\"\n            >\n              <path\n                fill=\"#ffc107\"\n                d=\"M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917\"\n              ></path>\n              <path\n                fill=\"#ff3d00\"\n                d=\"m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691\"\n              ></path>\n              <path\n                fill=\"#4caf50\"\n                d=\"M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44\"\n              ></path>\n              <path\n                fill=\"#1976d2\"\n                d=\"M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917\"\n              ></path>\n            </svg>\n          )}{\" \"}\n          Continue with Google\n        </span>\n        {/* <span className=\"w-5 h-5\">\n          <MoveRight\n            className={` ${\n              isHovered && !isLoading ? \"w-5 h-5\" : \"w-0 h-5\"\n            } transition-all duration-300 ease-in-out text-gray-500`}\n          />\n        </span> */}\n      </button>\n    </div>\n  );\n}\n\nexport default GoogleButton;\n","import React, { useState } from \"react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { Auth } from \"aws-amplify\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport GoogleButton from \"./GoogleButton\";\n\nfunction Login() {\n  const navigate = useNavigate();\n  const [username, setUsername] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [passwordType, setPasswordType] = useState(\"password\");\n  const [loading, setLoading] = useState(false);\n\n  const togglePassword = () => {\n    if (passwordType === \"password\") {\n      setPasswordType(\"text\");\n      return;\n    }\n    setPasswordType(\"password\");\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    if (loading) {\n      return;\n    }\n    setLoading(true);\n    try {\n      await Auth.signIn(username, password);\n      navigate(\"/home\");\n    } catch (error) {\n      toast(error.message);\n    }\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"flex bg-authBg h-screen font-lexand \">\n      <ToastContainer autoClose={2500} />\n      <div className=\"flex flex-col justify-center items-center w-full max-w-md   mx-auto p-2\">\n        <div className=\" border border-pink-200 bg-white p-5 w-full shadow-md rounded-md\">\n          <div className=\" flex flex-col items-center mb-5\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40\" />\n            {/* <h4 className=\"text-3xl font-bold\">Hello Again!</h4>\n            <span className=\"py-4 text-xl text-center text-gray-500\">\n              Explore More by connecting with us.\n            </span> */}\n          </div>\n          <div className=\"py-2\">\n            <h4 className=\"text-2xl font-semibold text-center\">\n              Sign in to your account\n            </h4>\n          </div>\n\n          <form className=\"py-4\" onSubmit={handleSubmit}>\n            <div className=\" flex flex-col items-center gap-5\">\n              <div className=\"w-3/4\">\n                <p className=\"text-left text-sm\">Username *</p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"text\"\n                  value={username}\n                  required\n                  onChange={(e) => setUsername(e.target.value)}\n                  placeholder=\"Enter your username\"\n                />\n              </div>\n              <div className=\"w-3/4\">\n                <p className=\"text-left text-sm\">Password *</p>\n                <div className=\"flex items-center justify-between border border-pink-100 pr-2  w-full rounded-xl shadow-sm text-sm\">\n                  <input\n                    className=\"flex pl-5 p-2 flex-grow focus:outline-none bg-transparent bg-none\"\n                    type={passwordType}\n                    value={password}\n                    required\n                    onChange={(e) => setPassword(e.target.value)}\n                    placeholder=\"Enter your password\"\n                  />\n\n                  <div\n                    className=\"flex  items-center justify-end\"\n                    onClick={togglePassword}\n                  >\n                    {passwordType === \"password\" ? (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 \"\n                      >\n                        <path d=\"M4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457ZM14.7577 16.1718L13.2937 14.7078C12.902 14.8952 12.4634 15.0002 12.0003 15.0002C10.3434 15.0002 9.00026 13.657 9.00026 12.0002C9.00026 11.537 9.10522 11.0984 9.29263 10.7067L7.82866 9.24277C7.30514 10.0332 7.00026 10.9811 7.00026 12.0002C7.00026 14.7616 9.23884 17.0002 12.0003 17.0002C13.0193 17.0002 13.9672 16.6953 14.7577 16.1718ZM7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925L16.947 12.7327C16.9821 12.4936 17.0003 12.249 17.0003 12.0002C17.0003 9.23873 14.7617 7.00016 12.0003 7.00016C11.7514 7.00016 11.5068 7.01833 11.2677 7.05343L7.97446 3.76015Z\"></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z\"></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <button\n                className=\"rounded-lg px-4 py-1 mt-2 w-3/4 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                type=\"submit\"\n              >\n                {loading ? \"loading..\" : \"Sign In\"}\n              </button>\n              <div className=\"relative w-3/4\">\n                <div className=\"absolute inset-0 flex items-center\">\n                  <span className=\"w-full border-t\" />\n                </div>\n                <div className=\"relative flex justify-center text-xs uppercase\">\n                  <span className=\"bg-white px-2 text-muted-foreground\">\n                    Or\n                  </span>\n                </div>\n              </div>\n              <GoogleButton />\n            </div>\n\n            <div className=\"flex flex-col gap-2 text-center text-xs md:text-sm py-4\">\n              <span className=\"text-gray-500\">\n                <Link className=\"text-red-500\" to=\"/resetpassword\">\n                  Forgot Password ?\n                </Link>\n              </span>\n              <span className=\"text-gray-500\">\n                Don't have an account?{\" \"}\n                <Link className=\"text-red-500\" to=\"/register\">\n                  Register Now\n                </Link>\n              </span>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Login;\n","import React, { useState } from \"react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { Auth } from \"aws-amplify\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nimport Modal from \"react-modal\";\nimport GoogleButton from \"./GoogleButton\";\nfunction Register() {\n  const navigate = useNavigate();\n  const [username, setUsername] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [passwordType, setPasswordType] = useState(\"password\");\n  const [loading, setLoading] = useState(false);\n\n  const [isEmailValid, setIsEmailValid] = useState(true);\n  const [isPhoneValid, setIsPhoneValid] = useState(true);\n  const [isPolicyModalOpen, setIsPolicyModalOpen] = useState(false);\n\n  const validateEmail = () => {\n    setIsEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email) // regex for email validation\n    );\n  };\n\n  const validatePhone = () => {\n    setIsPhoneValid(\n      /^[\\d\\s()+-]+$/.test(phone) && phone.length >= 10 // regex for phone validation\n    );\n  };\n\n  const togglePassword = () => {\n    if (passwordType === \"password\") {\n      setPasswordType(\"text\");\n      return;\n    }\n    setPasswordType(\"password\");\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n\n    if (loading) {\n      return;\n    }\n    if (isEmailValid && isPhoneValid) {\n      setLoading(true);\n      try {\n        await Auth.signUp({\n          username: `${email.slice(0, 3)}-${crypto.randomUUID().slice(0, 5)}`,\n          password,\n          attributes: { email, \"custom:Zaplyn\": \"true\" },\n          autoSignIn: {\n            enabled: true,\n          },\n        });\n\n        await new Promise((resolve, reject) => {\n          setTimeout(() => {\n            resolve();\n          }, 1000);\n        });\n\n        navigate(\"/home\");\n      } catch (error) {\n        toast(error.message);\n      }\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"flex bg-authBg bg-cover bg-center bg-no-repeat min-h-screen font-lexand \">\n      <ToastContainer autoClose={2500} />\n      <div className=\"flex flex-col justify-center items-center w-full max-w-md my-10 mx-auto p-2\">\n        <div className=\" border border-pink-200 bg-white p-5 w-full shadow-md rounded-md\">\n          <div className=\" flex flex-col items-center mb-5\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40\" />\n            {/* <h4 className=\"text-3xl font-bold\">Hello Again!</h4>\n            <span className=\"py-4 text-xl text-center text-gray-500\">\n              Explore More by connecting with us.\n            </span> */}\n          </div>\n\n          <div className=\"py-2\">\n            <h4 className=\"text-2xl font-semibold text-center\">\n              Create account\n            </h4>\n          </div>\n\n          <form className=\"py-4\" onSubmit={handleSubmit}>\n            <div className=\" flex flex-col items-center gap-4\">\n              {/* <div className=\"w-3/4\">\n                <p className=\"text-left text-sm\">\n                  Username <span className=\"text-red-500\">*</span>\n                </p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"text\"\n                  required\n                  value={username}\n                  onChange={(e) => setUsername(e.target.value)}\n                  placeholder=\"Enter your username\"\n                />\n              </div> */}\n\n              <div className=\" w-3/4\">\n                <p className=\"text-left text-sm \">\n                  Email <span className=\"text-red-500\">*</span>\n                </p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"text\"\n                  value={email}\n                  required\n                  onChange={(e) => setEmail(e.target.value)}\n                  placeholder=\"Enter your email\"\n                  onBlur={validateEmail}\n                />\n                {!isEmailValid && (\n                  <span className=\"text-xs text-red-500\">\n                    Please use a valid email!\n                  </span>\n                )}\n              </div>\n              <div className=\"w-3/4\">\n                <div className=\"flex items-center gap-2 text-left text-sm\">\n                  <p>\n                    {\" \"}\n                    Password <span className=\"text-red-500\">*</span>\n                  </p>\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top-start\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    componentsProps={{\n                      tooltip: {\n                        sx: {\n                          bgcolor: \"#dadada\",\n                          fontFamily: \"lexand\",\n                          \"& .MuiTooltip-arrow\": {\n                            color: \"#dadada\",\n                          },\n                        },\n                      },\n                    }}\n                    title={\n                      <span className=\"text-black md:text-sm\">\n                        Should contain at least\n                        <li>one lowercase letter</li>\n                        <li> one uppercase letter</li>\n                        <li> one digit </li>\n                        <li>and one special character {` (@$!%*?&)`}</li>\n                        <li>Minimum length - 8</li>\n                      </span>\n                    }\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"#f784de\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </div>\n                <div className=\"flex items-center justify-between border border-pink-100 pr-2  w-full rounded-xl shadow-sm text-sm\">\n                  <input\n                    className=\"flex pl-5 p-2 flex-grow focus:outline-none bg-transparent bg-none\"\n                    type={passwordType}\n                    value={password}\n                    required\n                    onChange={(e) => setPassword(e.target.value)}\n                    placeholder=\"Enter your password\"\n                  />\n\n                  <div\n                    className=\"flex  items-center justify-end\"\n                    onClick={togglePassword}\n                  >\n                    {passwordType === \"password\" ? (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 \"\n                      >\n                        <path d=\"M4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457ZM14.7577 16.1718L13.2937 14.7078C12.902 14.8952 12.4634 15.0002 12.0003 15.0002C10.3434 15.0002 9.00026 13.657 9.00026 12.0002C9.00026 11.537 9.10522 11.0984 9.29263 10.7067L7.82866 9.24277C7.30514 10.0332 7.00026 10.9811 7.00026 12.0002C7.00026 14.7616 9.23884 17.0002 12.0003 17.0002C13.0193 17.0002 13.9672 16.6953 14.7577 16.1718ZM7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925L16.947 12.7327C16.9821 12.4936 17.0003 12.249 17.0003 12.0002C17.0003 9.23873 14.7617 7.00016 12.0003 7.00016C11.7514 7.00016 11.5068 7.01833 11.2677 7.05343L7.97446 3.76015Z\"></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z\"></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n\n              {/* <div className=\"w-3/4\">\n                <p className=\"text-left text-sm\">\n                  Phone Number <span className=\"text-red-500\">*</span>\n                </p>\n\n                <PhoneInput\n                  className=\"focus:outline-none\"\n                  // type=\"number\"\n                  // placeholder=\"(555) 555-1212\"\n                  inputStyle={{\n                    width: \"100%\",\n\n                    borderColor: \"#ebd0e3\",\n                  }}\n                  containerStyle={{\n                    margin: \"2px\",\n                    borderColor: \"#ebd0e3\",\n                  }}\n                  buttonStyle={{ borderColor: \"#ebd0e3\" }}\n                  value={phone}\n                  country={\"gb\"}\n                  onChange={(e) => setPhone(e)}\n                  onBlur={validatePhone}\n                />\n              </div> */}\n              <button\n                className=\"rounded-lg px-4 py-1 w-3/4 mt-2 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                type=\"submit\"\n              >\n                {loading ? \"loading..\" : \"Sign Up\"}\n              </button>\n              <div className=\"relative w-3/4\">\n                <div className=\"absolute inset-0 flex items-center\">\n                  <span className=\"w-full border-t\" />\n                </div>\n                <div className=\"relative flex justify-center text-xs uppercase\">\n                  <span className=\"bg-white px-2 text-muted-foreground\">\n                    Or\n                  </span>\n                </div>\n              </div>\n              <GoogleButton />\n            </div>\n\n            <div className=\"flex flex-col items-center mt-3\">\n              <p className={\"text-xs text-center\"}>\n                By registering, you confirm that you accept our{\" \"}\n                <span\n                  className={\"text-xs text-pink-500 cursor-pointer\"}\n                  onClick={() => setIsPolicyModalOpen(!isPolicyModalOpen)}\n                >\n                  Privacy Policy.\n                </span>\n              </p>\n            </div>\n\n            <div className=\"text-center text-sm py-4\">\n              <span className=\"text-gray-500\">\n                Have an Account?{\" \"}\n                <Link className=\"text-red-500\" to=\"/login\">\n                  Login Now\n                </Link>\n              </span>\n            </div>\n          </form>\n        </div>\n      </div>\n\n      {/* policy Modal */}\n      <Modal\n        isOpen={isPolicyModalOpen}\n        className=\" max-w-xl z-50  p-2  mx-5 sm:mx-auto mt-10 h-5/6 rounded-lg focus:outline-none  shadow-md text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-30 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsPolicyModalOpen(false)}\n      >\n        <button\n          onClick={() => setIsPolicyModalOpen(false)}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-[#00D32F] text-[#000F99] rounded-md text-sm  flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"bg-white  py-2 px-5 flex flex-col items-start font-poppins overflow-y-scroll h-full rounded-md text-xs md:text-sm \">\n          <h1 className=\"font-semibold pt-5 pb-2 text-xl\">Privacy Policy</h1>\n          <p className=\"text-justify py-1\">Last updated: June 26, 2023</p>\n          <p className=\"text-justify py-1\">\n            This Privacy Policy describes Our policies and procedures on the\n            collection, use and disclosure of Your information when You use the\n            Service and tells You about Your privacy rights and how the law\n            protects You.\n          </p>\n          <p className=\"text-justify py-1\">\n            We use Your Personal data to provide and improve the Service. By\n            using the Service, You agree to the collection and use of\n            information in accordance with this Privacy Policy. This Privacy\n            Policy has been created with the help of the{\" \"}\n            <a\n              href=\"https://www.privacypolicies.com/privacy-policy-generator/\"\n              target=\"_blank\"\n            >\n              Privacy Policy Generator\n            </a>\n            .\n          </p>\n          <h1 className=\"font-semibold pt-5 pb-2 text-xl\">\n            Interpretation and Definitions\n          </h1>\n          <h2 className=\"font-semibold text-sm \">Interpretation</h2>\n          <p className=\"text-justify py-1\">\n            The words of which the initial letter is capitalized have meanings\n            defined under the following conditions. The following definitions\n            shall have the same meaning regardless of whether they appear in\n            singular or in plural.\n          </p>\n          <h2 className=\"font-semibold text-sm \">Definitions</h2>\n          <p className=\"text-justify py-1\">\n            For the purposes of this Privacy Policy:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Account</strong> means a unique account created for You\n                to access our Service or parts of our Service.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Affiliate</strong> means an entity that controls, is\n                controlled by or is under common control with a party, where\n                &quot;control&quot; means ownership of 50% or more of the\n                shares, equity interest or other securities entitled to vote for\n                election of directors or other managing authority.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Application</strong> refers to Puntville, the software\n                program provided by the Company.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Company</strong> (referred to as either &quot;the\n                Company&quot;, &quot;We&quot;, &quot;Us&quot; or &quot;Our&quot;\n                in this Agreement) refers to General Enterprises , 65 Pendant\n                Court, E16 2TG, London, UK.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Cookies</strong> are small files that are placed on Your\n                computer, mobile device or any other device by a website,\n                containing the details of Your browsing history on that website\n                among its many uses.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Country</strong> refers to: United Kingdom\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Device</strong> means any device that can access the\n                Service such as a computer, a cellphone or a digital tablet.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Personal Data</strong> is any information that relates\n                to an identified or identifiable individual.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Service</strong> refers to the Application or the\n                Website or both.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Service Provider</strong> means any natural or legal\n                person who processes the data on behalf of the Company. It\n                refers to third-party companies or individuals employed by the\n                Company to facilitate the Service, to provide the Service on\n                behalf of the Company, to perform services related to the\n                Service or to assist the Company in analyzing how the Service is\n                used.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Usage Data</strong> refers to data collected\n                automatically, either generated by the use of the Service or\n                from the Service infrastructure itself (for example, the\n                duration of a page visit).\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Website</strong> refers to zaplyn, accessible from{\" \"}\n                <a\n                  href=\"www.zaplyn.link\"\n                  rel=\"external nofollow noopener\"\n                  target=\"_blank\"\n                  className=\"text-blue-700\"\n                >\n                  www.zaplyn.link\n                </a>\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>You</strong> means the individual accessing or using the\n                Service, or the company, or other legal entity on behalf of\n                which such individual is accessing or using the Service, as\n                applicable.\n              </p>\n            </li>\n          </ul>\n          <h1 className=\"font-semibold pt-5 pb-2  text-xl\">\n            Collecting and Using Your Personal Data\n          </h1>\n          <h2 className=\"font-semibold text-sm \">Types of Data Collected</h2>\n          <h3 className=\"font-semibold\">Personal Data</h3>\n          <p className=\"text-justify py-1\">\n            While using Our Service, We may ask You to provide Us with certain\n            personally identifiable information that can be used to contact or\n            identify You. Personally identifiable information may include, but\n            is not limited to:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li>\n              <p className=\"text-justify\">Email address</p>\n            </li>\n            <li>\n              <p className=\"text-justify\">First name and last name</p>\n            </li>\n            <li>\n              <p className=\"text-justify\">Usage Data</p>\n            </li>\n          </ul>\n          <h3 className=\"font-semibold\">Usage Data</h3>\n          <p className=\"text-justify py-1\">\n            Usage Data is collected automatically when using the Service.\n          </p>\n          <p className=\"text-justify py-1\">\n            Usage Data may include information such as Your Device's Internet\n            Protocol address (e.g. IP address), browser type, browser version,\n            the pages of our Service that You visit, the time and date of Your\n            visit, the time spent on those pages, unique device identifiers and\n            other diagnostic data.\n          </p>\n          <p className=\"text-justify py-1\">\n            When You access the Service by or through a mobile device, We may\n            collect certain information automatically, including, but not\n            limited to, the type of mobile device You use, Your mobile device\n            unique ID, the IP address of Your mobile device, Your mobile\n            operating system, the type of mobile Internet browser You use,\n            unique device identifiers and other diagnostic data.\n          </p>\n          <p className=\"text-justify py-1\">\n            We may also collect information that Your browser sends whenever You\n            visit our Service or when You access the Service by or through a\n            mobile device.\n          </p>\n          <h3 className=\"font-semibold\">\n            Information Collected while Using the Application\n          </h3>\n          <p className=\"text-justify py-1\">\n            While using Our Application, in order to provide features of Our\n            Application, We may collect, with Your prior permission:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li>Information regarding your location</li>\n          </ul>\n          <p className=\"text-justify py-1\">\n            We use this information to provide features of Our Service, to\n            improve and customize Our Service. The information may be uploaded\n            to the Company's servers and/or a Service Provider's server or it\n            may be simply stored on Your device.\n          </p>\n          <p className=\"text-justify py-1\">\n            You can enable or disable access to this information at any time,\n            through Your Device settings.\n          </p>\n          <h3 className=\"font-semibold\">Tracking Technologies and Cookies</h3>\n          <p className=\"text-justify py-1\">\n            We use Cookies and similar tracking technologies to track the\n            activity on Our Service and store certain information. Tracking\n            technologies used are beacons, tags, and scripts to collect and\n            track information and to improve and analyze Our Service. The\n            technologies We use may include:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li className=\"text-justify py-1\">\n              <strong>Cookies or Browser Cookies.</strong> A cookie is a small\n              file placed on Your Device. You can instruct Your browser to\n              refuse all Cookies or to indicate when a Cookie is being sent.\n              However, if You do not accept Cookies, You may not be able to use\n              some parts of our Service. Unless you have adjusted Your browser\n              setting so that it will refuse Cookies, our Service may use\n              Cookies.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>Web Beacons.</strong> Certain sections of our Service and\n              our emails may contain small electronic files known as web beacons\n              (also referred to as clear gifs, pixel tags, and single-pixel\n              gifs) that permit the Company, for example, to count users who\n              have visited those pages or opened an email and for other related\n              website statistics (for example, recording the popularity of a\n              certain section and verifying system and server integrity).\n            </li>\n          </ul>\n          <p className=\"text-justify py-1\">\n            Cookies can be &quot;Persistent&quot; or &quot;Session&quot;\n            Cookies. Persistent Cookies remain on Your personal computer or\n            mobile device when You go offline, while Session Cookies are deleted\n            as soon as You close Your web browser. Learn more about cookies on\n            the{\" \"}\n            <a\n              href=\"https://www.privacypolicies.com/blog/privacy-policy-template/#Use_Of_Cookies_Log_Files_And_Tracking\"\n              target=\"_blank\"\n            >\n              Privacy Policies website\n            </a>{\" \"}\n            article.\n          </p>\n          <p className=\"text-justify py-1\">\n            We use both Session and Persistent Cookies for the purposes set out\n            below:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Necessary / Essential Cookies</strong>\n              </p>\n              <p className=\"text-justify py-1\">Type: Session Cookies</p>\n              <p className=\"text-justify py-1\">Administered by: Us</p>\n              <p className=\"text-justify py-1\">\n                Purpose: These Cookies are essential to provide You with\n                services available through the Website and to enable You to use\n                some of its features. They help to authenticate users and\n                prevent fraudulent use of user accounts. Without these Cookies,\n                the services that You have asked for cannot be provided, and We\n                only use these Cookies to provide You with those services.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-left py-1\">\n                <strong>Cookies Policy / Notice Acceptance Cookies</strong>\n              </p>\n              <p className=\"text-justify py-1\">Type: Persistent Cookies</p>\n              <p className=\"text-justify py-1\">Administered by: Us</p>\n              <p className=\"text-justify py-1\">\n                Purpose: These Cookies identify if users have accepted the use\n                of cookies on the Website.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>Functionality Cookies</strong>\n              </p>\n              <p className=\"text-justify py-1\">Type: Persistent Cookies</p>\n              <p className=\"text-justify py-1\">Administered by: Us</p>\n              <p className=\"text-justify py-1\">\n                Purpose: These Cookies allow us to remember choices You make\n                when You use the Website, such as remembering your login details\n                or language preference. The purpose of these Cookies is to\n                provide You with a more personal experience and to avoid You\n                having to re-enter your preferences every time You use the\n                Website.\n              </p>\n            </li>\n          </ul>\n          <p className=\"text-justify py-1\">\n            For more information about the cookies we use and your choices\n            regarding cookies, please visit our Cookies Policy or the Cookies\n            section of our Privacy Policy.\n          </p>\n          <h2 className=\"font-semibold text-sm \">Use of Your Personal Data</h2>\n          <p className=\"text-justify py-1\">\n            The Company may use Personal Data for the following purposes:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>To provide and maintain our Service</strong>, including\n                to monitor the usage of our Service.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>To manage Your Account:</strong> to manage Your\n                registration as a user of the Service. The Personal Data You\n                provide can give You access to different functionalities of the\n                Service that are available to You as a registered user.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>For the performance of a contract:</strong> the\n                development, compliance and undertaking of the purchase contract\n                for the products, items or services You have purchased or of any\n                other contract with Us through the Service.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>To contact You:</strong> To contact You by email,\n                telephone calls, SMS, or other equivalent forms of electronic\n                communication, such as a mobile application's push notifications\n                regarding updates or informative communications related to the\n                functionalities, products or contracted services, including the\n                security updates, when necessary or reasonable for their\n                implementation.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>To provide You</strong> with news, special offers and\n                general information about other goods, services and events which\n                we offer that are similar to those that you have already\n                purchased or enquired about unless You have opted not to receive\n                such information.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>To manage Your requests:</strong> To attend and manage\n                Your requests to Us.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>For business transfers:</strong> We may use Your\n                information to evaluate or conduct a merger, divestiture,\n                restructuring, reorganization, dissolution, or other sale or\n                transfer of some or all of Our assets, whether as a going\n                concern or as part of bankruptcy, liquidation, or similar\n                proceeding, in which Personal Data held by Us about our Service\n                users is among the assets transferred.\n              </p>\n            </li>\n            <li>\n              <p className=\"text-justify py-1\">\n                <strong>For other purposes</strong>: We may use Your information\n                for other purposes, such as data analysis, identifying usage\n                trends, determining the effectiveness of our promotional\n                campaigns and to evaluate and improve our Service, products,\n                services, marketing and your experience.\n              </p>\n            </li>\n          </ul>\n          <p className=\"text-justify py-1\">\n            We may share Your personal information in the following situations:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li className=\"text-justify py-1\">\n              <strong>With Service Providers:</strong> We may share Your\n              personal information with Service Providers to monitor and analyze\n              the use of our Service, to contact You.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>For business transfers:</strong> We may share or transfer\n              Your personal information in connection with, or during\n              negotiations of, any merger, sale of Company assets, financing, or\n              acquisition of all or a portion of Our business to another\n              company.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>With Affiliates:</strong> We may share Your information\n              with Our affiliates, in which case we will require those\n              affiliates to honor this Privacy Policy. Affiliates include Our\n              parent company and any other subsidiaries, joint venture partners\n              or other companies that We control or that are under common\n              control with Us.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>With business partners:</strong> We may share Your\n              information with Our business partners to offer You certain\n              products, services or promotions.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>With other users:</strong> when You share personal\n              information or otherwise interact in the public areas with other\n              users, such information may be viewed by all users and may be\n              publicly distributed outside.\n            </li>\n            <li className=\"text-justify py-1\">\n              <strong>With Your consent</strong>: We may disclose Your personal\n              information for any other purpose with Your consent.\n            </li>\n          </ul>\n          <h2 className=\"font-semibold text-sm \">\n            Retention of Your Personal Data\n          </h2>\n          <p className=\"text-justify py-1\">\n            The Company will retain Your Personal Data only for as long as is\n            necessary for the purposes set out in this Privacy Policy. We will\n            retain and use Your Personal Data to the extent necessary to comply\n            with our legal obligations (for example, if we are required to\n            retain your data to comply with applicable laws), resolve disputes,\n            and enforce our legal agreements and policies.\n          </p>\n          <p className=\"text-justify py-1\">\n            The Company will also retain Usage Data for internal analysis\n            purposes. Usage Data is generally retained for a shorter period of\n            time, except when this data is used to strengthen the security or to\n            improve the functionality of Our Service, or We are legally\n            obligated to retain this data for longer time periods.\n          </p>\n          <h2 className=\"font-semibold text-sm \">\n            Transfer of Your Personal Data\n          </h2>\n          <p className=\"text-justify py-1\">\n            Your information, including Personal Data, is processed at the\n            Company's operating offices and in any other places where the\n            parties involved in the processing are located. It means that this\n            information may be transferred to — and maintained on — computers\n            located outside of Your state, province, country or other\n            governmental jurisdiction where the data protection laws may differ\n            than those from Your jurisdiction.\n          </p>\n          <p className=\"text-justify py-1\">\n            Your consent to this Privacy Policy followed by Your submission of\n            such information represents Your agreement to that transfer.\n          </p>\n          <p className=\"text-justify py-1\">\n            The Company will take all steps reasonably necessary to ensure that\n            Your data is treated securely and in accordance with this Privacy\n            Policy and no transfer of Your Personal Data will take place to an\n            organization or a country unless there are adequate controls in\n            place including the security of Your data and other personal\n            information.\n          </p>\n          <h2 className=\"font-semibold text-sm \">Delete Your Personal Data</h2>\n          <p className=\"text-justify py-1\">\n            You have the right to delete or request that We assist in deleting\n            the Personal Data that We have collected about You.\n          </p>\n          <p className=\"text-justify py-1\">\n            Our Service may give You the ability to delete certain information\n            about You from within the Service.\n          </p>\n          <p className=\"text-justify py-1\">\n            You may update, amend, or delete Your information at any time by\n            signing in to Your Account, if you have one, and visiting the\n            account settings section that allows you to manage Your personal\n            information. You may also contact Us to request access to, correct,\n            or delete any personal information that You have provided to Us.\n          </p>\n          <p className=\"text-justify py-1\">\n            Please note, however, that We may need to retain certain information\n            when we have a legal obligation or lawful basis to do so.\n          </p>\n          <h2 className=\"font-semibold text-sm \">\n            Disclosure of Your Personal Data\n          </h2>\n          <h3 className=\"font-semibold\">Business Transactions</h3>\n          <p className=\"text-justify py-1\">\n            If the Company is involved in a merger, acquisition or asset sale,\n            Your Personal Data may be transferred. We will provide notice before\n            Your Personal Data is transferred and becomes subject to a different\n            Privacy Policy.\n          </p>\n          <h3 className=\"font-semibold\">Law enforcement</h3>\n          <p className=\"text-justify py-1\">\n            Under certain circumstances, the Company may be required to disclose\n            Your Personal Data if required to do so by law or in response to\n            valid requests by public authorities (e.g. a court or a government\n            agency).\n          </p>\n          <h3 className=\"font-semibold\">Other legal requirements</h3>\n          <p className=\"text-justify py-1\">\n            The Company may disclose Your Personal Data in the good faith belief\n            that such action is necessary to:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li className=\"text-justify py-1\">\n              Comply with a legal obligation\n            </li>\n            <li className=\"text-justify py-1\">\n              Protect and defend the rights or property of the Company\n            </li>\n            <li className=\"text-justify py-1\">\n              Prevent or investigate possible wrongdoing in connection with the\n              Service\n            </li>\n            <li className=\"text-justify py-1\">\n              Protect the personal safety of Users of the Service or the public\n            </li>\n            <li className=\"text-justify py-1\">\n              Protect against legal liability\n            </li>\n          </ul>\n          <h2 className=\"font-semibold text-sm \">\n            Security of Your Personal Data\n          </h2>\n          <p className=\"text-justify py-1\">\n            The security of Your Personal Data is important to Us, but remember\n            that no method of transmission over the Internet, or method of\n            electronic storage is 100% secure. While We strive to use\n            commercially acceptable means to protect Your Personal Data, We\n            cannot guarantee its absolute security.\n          </p>\n          <h1 className=\"font-semibold pt-5 pb-2  text-xl\">\n            Children's Privacy\n          </h1>\n          <p className=\"text-justify py-1\">\n            Our Service does not address anyone under the age of 13. We do not\n            knowingly collect personally identifiable information from anyone\n            under the age of 13. If You are a parent or guardian and You are\n            aware that Your child has provided Us with Personal Data, please\n            contact Us. If We become aware that We have collected Personal Data\n            from anyone under the age of 13 without verification of parental\n            consent, We take steps to remove that information from Our servers.\n          </p>\n          <p className=\"text-justify py-1\">\n            If We need to rely on consent as a legal basis for processing Your\n            information and Your country requires consent from a parent, We may\n            require Your parent's consent before We collect and use that\n            information.\n          </p>\n          <h1 className=\"font-semibold pt-5 pb-2  text-xl\">\n            Links to Other Websites\n          </h1>\n          <p className=\"text-justify py-1\">\n            Our Service may contain links to other websites that are not\n            operated by Us. If You click on a third party link, You will be\n            directed to that third party's site. We strongly advise You to\n            review the Privacy Policy of every site You visit.\n          </p>\n          <p className=\"text-justify py-1\">\n            We have no control over and assume no responsibility for the\n            content, privacy policies or practices of any third party sites or\n            services.\n          </p>\n          <h1 className=\"font-semibold pt-5 pb-2 text-xl\">\n            Changes to this Privacy Policy\n          </h1>\n          <p className=\"text-justify py-1\">\n            We may update Our Privacy Policy from time to time. We will notify\n            You of any changes by posting the new Privacy Policy on this page.\n          </p>\n          <p className=\"text-justify py-1\">\n            We will let You know via email and/or a prominent notice on Our\n            Service, prior to the change becoming effective and update the\n            &quot;Last updated&quot; date at the top of this Privacy Policy.\n          </p>\n          <p className=\"text-justify py-1\">\n            You are advised to review this Privacy Policy periodically for any\n            changes. Changes to this Privacy Policy are effective when they are\n            posted on this page.\n          </p>\n          <h1 className=\"font-semibold pt-5 pb-2 text-xl\">Contact Us</h1>\n          <p className=\"text-justify py-1\">\n            If you have any questions about this Privacy Policy, You can contact\n            us:\n          </p>\n          <ul className=\"list-disc p-5\">\n            <li className=\"text-left py-1\">\n              By email:{\" \"}\n              <a\n                href=\"/cdn-cgi/l/email-protection\"\n                class=\"__cf_email__\"\n                data-cfemail=\"4f2c20213b2e2c3b0f282a212a3d2e232a213b2a3d3f3d263c2a3c612c20613a24\"\n              >\n                contact@generalenterprises.co.uk\n              </a>\n            </li>\n          </ul>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n\nexport default Register;\n","import React, { useState } from \"react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { Auth } from \"aws-amplify\";\nimport { ToastContainer, toast } from \"react-toastify\";\nfunction ResetPassword() {\n  const navigate = useNavigate();\n  const [username, setUsername] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    if (loading) {\n      return;\n    }\n    setLoading(true);\n    try {\n      await Auth.forgotPassword(username);\n      navigate(\"/newpassword\", { state: { username: username } });\n    } catch (error) {\n      toast(error.message);\n    }\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"flex bg-authBg h-screen font-lexand \">\n      <ToastContainer autoClose={2500} />\n      <div className=\"flex flex-col justify-center items-center w-full max-w-md  mx-auto p-2\">\n        <div className=\" border border-pink-200 bg-white p-5 w-full shadow-md rounded-md\">\n          <div className=\" flex flex-col items-center mb-5\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40\" />\n            {/* <h4 className=\"text-3xl font-bold\">Hello Again!</h4>\n            <span className=\"py-4 text-xl text-center text-gray-500\">\n              Explore More by connecting with us.\n            </span> */}\n          </div>\n          <div className=\"py-2\">\n            <h4 className=\"text-2xl font-semibold text-center\">\n              Reset Your Password\n            </h4>\n          </div>\n\n          <form className=\"py-4\" onSubmit={handleSubmit}>\n            <div className=\" flex flex-col items-center gap-5\">\n              <div className=\"w-3/4\">\n                <p className=\"text-left\">Username *</p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"text\"\n                  required\n                  value={username}\n                  onChange={(e) => setUsername(e.target.value)}\n                  placeholder=\"Username\"\n                />\n              </div>\n              <button\n                className=\"rounded-lg px-4 py-1 w-3/4 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                type=\"submit\"\n              >\n                {loading ? \"loading..\" : \"Send Code\"}\n              </button>\n            </div>\n\n            <div className=\"text-center py-4\">\n              <span className=\"text-gray-500\">\n                <Link className=\"\" to=\"/login\">\n                  Back to sign In\n                </Link>\n              </span>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ResetPassword;\n","import React, { useEffect, useState } from \"react\";\nimport {\n  Link,\n  useLocation,\n  useNavigate,\n  useParams,\n  useSearchParams,\n} from \"react-router-dom\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { Auth } from \"aws-amplify\";\n\nfunction ConfirmOtp() {\n  const navigate = useNavigate();\n  const { state } = useLocation();\n  const { username, email } = state;\n\n  const [otp, setOtp] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [codeResendSuccess, setCodeResendSuccess] = useState(false);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    if (loading) {\n      return;\n    }\n    setLoading(true);\n    try {\n      await Auth.confirmSignUp(username, otp);\n      navigate(\"/login\");\n    } catch (error) {\n      console.log(\"err\", error.message);\n    }\n    setLoading(false);\n  };\n\n  const handleResendCode = async () => {\n    try {\n      await Auth.resendSignUp(username);\n      setCodeResendSuccess(true);\n    } catch (error) {\n      console.log(\"err\", error.message);\n    }\n  };\n\n  useEffect(() => {\n    if (codeResendSuccess) {\n      setTimeout(() => setCodeResendSuccess(false), 5000);\n    }\n  }, [codeResendSuccess]);\n\n  return (\n    <div className=\"flex bg-authBg h-screen font-lexand\">\n      <div className=\"flex flex-col justify-center items-center w-full max-w-md  mx-auto p-2\">\n        <div className=\" border border-pink-200 bg-white p-5 w-full shadow-md rounded-md\">\n          <div className=\" flex flex-col items-center mb-5\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40\" />\n            {/* <h4 className=\"text-3xl font-bold\">Hello Again!</h4>\n            <span className=\"py-4 text-xl text-center text-gray-500\">\n              Explore More by connecting with us.\n            </span> */}\n          </div>\n\n          <form className=\"py-4\" onSubmit={handleSubmit}>\n            <div className=\" flex flex-col items-center gap-5\">\n              {/* <div className=\"w-3/4\">\n                <p className=\"text-left\">Username *</p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"text\"\n                  value={username}\n                  disabled\n                />\n              </div> */}\n              <div className=\" w-3/4\">\n                <p className=\"text-left \">Verification Code *</p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"number\"\n                  value={otp}\n                  required\n                  onChange={(e) => setOtp(e.target.value)}\n                  placeholder=\"Enter code\"\n                />\n                <p className=\"text-xs bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text pt-2 animate-pulse\">\n                  Verification code sent to {email}{\" \"}\n                </p>\n              </div>\n              <button\n                className=\"rounded-lg px-4 py-1 w-3/4 mt-2 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                type=\"submit\"\n              >\n                {loading ? \"loading..\" : \"Confirm\"}\n              </button>\n              <p\n                className=\"rounded-lg px-4 py-1 w-3/4 mt-2 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                onClick={handleResendCode}\n              >\n                {codeResendSuccess ? \"Code Sent\" : \"Resend code\"}\n              </p>\n            </div>\n\n            <div className=\"text-center py-4\">\n              <span className=\"text-gray-500\">\n                <Link className=\"\" to=\"/login\">\n                  Back to sign In\n                </Link>\n              </span>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ConfirmOtp;\n","import React, { useState } from \"react\";\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\nimport ZaplynLogo from \"../../../assets/ZaplynLogo.svg\";\nimport { Auth } from \"aws-amplify\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nfunction NewPassword() {\n  const navigate = useNavigate();\n  const { state } = useLocation();\n  const { username } = state;\n  const [password, setPassword] = useState(\"\");\n  const [passwordType, setPasswordType] = useState(\"password\");\n\n  const togglePassword = () => {\n    if (passwordType === \"password\") {\n      setPasswordType(\"text\");\n      return;\n    }\n    setPasswordType(\"password\");\n  };\n\n  const [otp, setOtp] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    if (loading) {\n      return;\n    }\n    setLoading(true);\n    try {\n      await Auth.forgotPasswordSubmit(username, otp, password);\n      navigate(\"/login\");\n    } catch (error) {\n      toast(error.message);\n    }\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"flex bg-authBg h-screen font-lexand \">\n      <ToastContainer />\n      <div className=\"flex flex-col justify-center items-center w-full max-w-md  mx-auto p-2\">\n        <div className=\" border border-pink-200 bg-white p-5 w-full shadow-md rounded-md\">\n          <div className=\" flex flex-col items-center mb-5\">\n            <img src={ZaplynLogo} alt=\"\" className=\"w-40\" />\n          </div>\n          <div className=\"py-2\">\n            <h4 className=\"text-2xl font-semibold text-center\">\n              Reset your Password\n            </h4>\n          </div>\n\n          <form className=\"py-4\" onSubmit={handleSubmit}>\n            <div className=\" flex flex-col items-center gap-5\">\n              <div className=\" w-3/4\">\n                <p className=\"text-left \">Verification Code *</p>\n                <input\n                  className=\"border border-pink-100  px-5 p-2 w-full rounded-xl shadow-sm text-sm focus:outline-none\"\n                  type=\"number\"\n                  value={otp}\n                  required\n                  onChange={(e) => setOtp(e.target.value)}\n                  placeholder=\"Enter Code\"\n                />\n                <p className=\"text-xs bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text pt-2 animate-pulse\">\n                  Verification code sent to your registered email.\n                </p>\n              </div>\n              <div className=\"w-3/4\">\n                <p className=\"text-left flex gap-2 items-center\">\n                  New Password *{\" \"}\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top-start\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    componentsProps={{\n                      tooltip: {\n                        sx: {\n                          bgcolor: \"#dadada\",\n                          fontFamily: \"lexand\",\n                          \"& .MuiTooltip-arrow\": {\n                            color: \"#dadada\",\n                          },\n                        },\n                      },\n                    }}\n                    title={\n                      <span className=\"text-black md:text-sm\">\n                        Should contain at least\n                        <li>one lowercase letter</li>\n                        <li> one uppercase letter</li>\n                        <li> one digit </li>\n                        <li>and one special character {` (@$!%*?&)`}</li>\n                        <li>Minimum length - 8</li>\n                      </span>\n                    }\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"#f784de\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <div className=\"flex items-center justify-between border border-pink-100 pr-2  w-full rounded-xl shadow-sm text-sm\">\n                  <input\n                    className=\"flex pl-5 p-2 flex-grow focus:outline-none bg-transparent bg-none\"\n                    type={passwordType}\n                    value={password}\n                    required\n                    onChange={(e) => setPassword(e.target.value)}\n                    placeholder=\"Enter your password\"\n                  />\n\n                  <div\n                    className=\"flex  items-center justify-end\"\n                    onClick={togglePassword}\n                  >\n                    {passwordType === \"password\" ? (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 \"\n                      >\n                        <path d=\"M4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457ZM14.7577 16.1718L13.2937 14.7078C12.902 14.8952 12.4634 15.0002 12.0003 15.0002C10.3434 15.0002 9.00026 13.657 9.00026 12.0002C9.00026 11.537 9.10522 11.0984 9.29263 10.7067L7.82866 9.24277C7.30514 10.0332 7.00026 10.9811 7.00026 12.0002C7.00026 14.7616 9.23884 17.0002 12.0003 17.0002C13.0193 17.0002 13.9672 16.6953 14.7577 16.1718ZM7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925L16.947 12.7327C16.9821 12.4936 17.0003 12.249 17.0003 12.0002C17.0003 9.23873 14.7617 7.00016 12.0003 7.00016C11.7514 7.00016 11.5068 7.01833 11.2677 7.05343L7.97446 3.76015Z\"></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z\"></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <button\n                className=\"rounded-lg px-4 py-1 w-3/4 mt-2 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 text-gray-50 text-xl shadow-sm text-center\"\n                type=\"submit\"\n              >\n                {loading ? \"loading..\" : \"Confirm\"}\n              </button>\n            </div>\n\n            <div className=\"text-center py-4\">\n              <span className=\"text-gray-500\">\n                <Link className=\"\" to=\"/login\">\n                  Back to sign In\n                </Link>\n              </span>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default NewPassword;\n","import React from \"react\";\n\nfunction PrivacyPolicy() {\n  return (\n    <div className=\"bg-white  py-2 px-5 flex flex-col items-start font-lexand overflow-y-scroll h-full rounded-md text-xs md:text-sm \">\n      <h1 className=\"font-semibold pt-5 pb-2 text-xl\">Privacy Policy</h1>\n      <p className=\"text-justify py-1\">Last updated: January 31, 2025</p>\n      <p className=\"text-justify py-1\">\n        This Privacy Policy describes Our policies and procedures on the\n        collection, use and disclosure of Your information when You use the\n        Service and tells You about Your privacy rights and how the law protects\n        You.\n      </p>\n      <p className=\"text-justify py-1\">\n        We use Your Personal data to provide and improve the Service. By using\n        the Service, You agree to the collection and use of information in\n        accordance with this Privacy Policy.{\" \"}\n      </p>\n      <h1 className=\"font-semibold pt-5 pb-2 text-xl\">\n        Interpretation and Definitions\n      </h1>\n      <h2 className=\"font-semibold text-sm \">Interpretation</h2>\n      <p className=\"text-justify py-1\">\n        The words of which the initial letter is capitalized have meanings\n        defined under the following conditions. The following definitions shall\n        have the same meaning regardless of whether they appear in singular or\n        in plural.\n      </p>\n      <h2 className=\"font-semibold text-sm \">Definitions</h2>\n      <p className=\"text-justify py-1\">\n        For the purposes of this Privacy Policy:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Account</strong> means a unique account created for You to\n            access our Service or parts of our Service.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Affiliate</strong> means an entity that controls, is\n            controlled by or is under common control with a party, where\n            &quot;control&quot; means ownership of 50% or more of the shares,\n            equity interest or other securities entitled to vote for election of\n            directors or other managing authority.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Application</strong> refers to Zaplyn, the software program\n            provided by the Company.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Company</strong> (referred to as either &quot;the\n            Company&quot;, &quot;We&quot;, &quot;Us&quot; or &quot;Our&quot; in\n            this Agreement) refers to General Enterprises , 65 Pendant Court,\n            E16 2TG, London, UK.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Cookies</strong> are small files that are placed on Your\n            computer, mobile device or any other device by a website, containing\n            the details of Your browsing history on that website among its many\n            uses.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Country</strong> refers to: United Kingdom\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Device</strong> means any device that can access the Service\n            such as a computer, a cellphone or a digital tablet.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Personal Data</strong> is any information that relates to an\n            identified or identifiable individual.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Service</strong> refers to the Application or the Website or\n            both.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Service Provider</strong> means any natural or legal person\n            who processes the data on behalf of the Company. It refers to\n            third-party companies or individuals employed by the Company to\n            facilitate the Service, to provide the Service on behalf of the\n            Company, to perform services related to the Service or to assist the\n            Company in analyzing how the Service is used.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Usage Data</strong> refers to data collected automatically,\n            either generated by the use of the Service or from the Service\n            infrastructure itself (for example, the duration of a page visit).\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Website</strong> refers to zaplyn, accessible from{\" \"}\n            <a\n              href=\"www.zaplyn.link\"\n              rel=\"external nofollow noopener\"\n              target=\"_blank\"\n              className=\"text-blue-700\"\n            >\n              www.zaplyn.link\n            </a>\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>You</strong> means the individual accessing or using the\n            Service, or the company, or other legal entity on behalf of which\n            such individual is accessing or using the Service, as applicable.\n          </p>\n        </li>\n      </ul>\n      <h1 className=\"font-semibold pt-5 pb-2  text-xl\">\n        Collecting and Using Your Personal Data\n      </h1>\n      <h2 className=\"font-semibold text-sm \">Types of Data Collected</h2>\n      <h3 className=\"font-semibold\">Personal Data</h3>\n      <p className=\"text-justify py-1\">\n        While using Our Service, We may ask You to provide Us with certain\n        personally identifiable information that can be used to contact or\n        identify You. Personally identifiable information may include, but is\n        not limited to:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li>\n          <p className=\"text-justify\">Email address</p>\n        </li>\n        <li>\n          <p className=\"text-justify\">First name and last name</p>\n        </li>\n        <li>\n          <p className=\"text-justify\">Usage Data</p>\n        </li>\n      </ul>\n      <h3 className=\"font-semibold\">Usage Data</h3>\n      <p className=\"text-justify py-1\">\n        Usage Data is collected automatically when using the Service.\n      </p>\n      <p className=\"text-justify py-1\">\n        Usage Data may include information such as Your Device's Internet\n        Protocol address (e.g. IP address), browser type, browser version, the\n        pages of our Service that You visit, the time and date of Your visit,\n        the time spent on those pages, unique device identifiers and other\n        diagnostic data.\n      </p>\n      <p className=\"text-justify py-1\">\n        When You access the Service by or through a mobile device, We may\n        collect certain information automatically, including, but not limited\n        to, the type of mobile device You use, Your mobile device unique ID, the\n        IP address of Your mobile device, Your mobile operating system, the type\n        of mobile Internet browser You use, unique device identifiers and other\n        diagnostic data.\n      </p>\n      <p className=\"text-justify py-1\">\n        We may also collect information that Your browser sends whenever You\n        visit our Service or when You access the Service by or through a mobile\n        device.\n      </p>\n      <h3 className=\"font-semibold\">\n        Information Collected while Using the Application\n      </h3>\n      <p className=\"text-justify py-1\">\n        While using Our Application, in order to provide features of Our\n        Application, We may collect, with Your prior permission:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li>Information regarding your location</li>\n      </ul>\n      <p className=\"text-justify py-1\">\n        We use this information to provide features of Our Service, to improve\n        and customize Our Service. The information may be uploaded to the\n        Company's servers and/or a Service Provider's server or it may be simply\n        stored on Your device.\n      </p>\n      <p className=\"text-justify py-1\">\n        You can enable or disable access to this information at any time,\n        through Your Device settings.\n      </p>\n      <h3 className=\"font-semibold\">Tracking Technologies and Cookies</h3>\n      <p className=\"text-justify py-1\">\n        We use Cookies and similar tracking technologies to track the activity\n        on Our Service and store certain information. Tracking technologies used\n        are beacons, tags, and scripts to collect and track information and to\n        improve and analyze Our Service. The technologies We use may include:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li className=\"text-justify py-1\">\n          <strong>Cookies or Browser Cookies.</strong> A cookie is a small file\n          placed on Your Device. You can instruct Your browser to refuse all\n          Cookies or to indicate when a Cookie is being sent. However, if You do\n          not accept Cookies, You may not be able to use some parts of our\n          Service. Unless you have adjusted Your browser setting so that it will\n          refuse Cookies, our Service may use Cookies.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>Web Beacons.</strong> Certain sections of our Service and our\n          emails may contain small electronic files known as web beacons (also\n          referred to as clear gifs, pixel tags, and single-pixel gifs) that\n          permit the Company, for example, to count users who have visited those\n          pages or opened an email and for other related website statistics (for\n          example, recording the popularity of a certain section and verifying\n          system and server integrity).\n        </li>\n      </ul>\n      <p className=\"text-justify py-1\">\n        Cookies can be &quot;Persistent&quot; or &quot;Session&quot; Cookies.\n        Persistent Cookies remain on Your personal computer or mobile device\n        when You go offline, while Session Cookies are deleted as soon as You\n        close Your web browser. Learn more about cookies on the{\" \"}\n        <a\n          href=\"https://www.privacypolicies.com/blog/privacy-policy-template/#Use_Of_Cookies_Log_Files_And_Tracking\"\n          target=\"_blank\"\n          className=\"text-blue-700\"\n          rel=\"noopener noreferrer\"\n        >\n          Privacy Policies website\n        </a>{\" \"}\n        article.\n      </p>\n      <p className=\"text-justify py-1\">\n        We use both Session and Persistent Cookies for the purposes set out\n        below:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Necessary / Essential Cookies</strong>\n          </p>\n          <p className=\"text-justify py-1\">Type: Session Cookies</p>\n          <p className=\"text-justify py-1\">Administered by: Us</p>\n          <p className=\"text-justify py-1\">\n            Purpose: These Cookies are essential to provide You with services\n            available through the Website and to enable You to use some of its\n            features. They help to authenticate users and prevent fraudulent use\n            of user accounts. Without these Cookies, the services that You have\n            asked for cannot be provided, and We only use these Cookies to\n            provide You with those services.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-left py-1\">\n            <strong>Cookies Policy / Notice Acceptance Cookies</strong>\n          </p>\n          <p className=\"text-justify py-1\">Type: Persistent Cookies</p>\n          <p className=\"text-justify py-1\">Administered by: Us</p>\n          <p className=\"text-justify py-1\">\n            Purpose: These Cookies identify if users have accepted the use of\n            cookies on the Website.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>Functionality Cookies</strong>\n          </p>\n          <p className=\"text-justify py-1\">Type: Persistent Cookies</p>\n          <p className=\"text-justify py-1\">Administered by: Us</p>\n          <p className=\"text-justify py-1\">\n            Purpose: These Cookies allow us to remember choices You make when\n            You use the Website, such as remembering your login details or\n            language preference. The purpose of these Cookies is to provide You\n            with a more personal experience and to avoid You having to re-enter\n            your preferences every time You use the Website.\n          </p>\n        </li>\n      </ul>\n      <p className=\"text-justify py-1\">\n        For more information about the cookies we use and your choices regarding\n        cookies, please visit our Cookies Policy or the Cookies section of our\n        Privacy Policy.\n      </p>\n      <h2 className=\"font-semibold text-sm \">Use of Your Personal Data</h2>\n      <p className=\"text-justify py-1\">\n        The Company may use Personal Data for the following purposes:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>To provide and maintain our Service</strong>, including to\n            monitor the usage of our Service.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>To manage Your Account:</strong> to manage Your registration\n            as a user of the Service. The Personal Data You provide can give You\n            access to different functionalities of the Service that are\n            available to You as a registered user.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>For the performance of a contract:</strong> the development,\n            compliance and undertaking of the purchase contract for the\n            products, items or services You have purchased or of any other\n            contract with Us through the Service.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>To contact You:</strong> To contact You by email, telephone\n            calls, SMS, or other equivalent forms of electronic communication,\n            such as a mobile application's push notifications regarding updates\n            or informative communications related to the functionalities,\n            products or contracted services, including the security updates,\n            when necessary or reasonable for their implementation.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>To provide You</strong> with news, special offers and\n            general information about other goods, services and events which we\n            offer that are similar to those that you have already purchased or\n            enquired about unless You have opted not to receive such\n            information.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>To manage Your requests:</strong> To attend and manage Your\n            requests to Us.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>For business transfers:</strong> We may use Your information\n            to evaluate or conduct a merger, divestiture, restructuring,\n            reorganization, dissolution, or other sale or transfer of some or\n            all of Our assets, whether as a going concern or as part of\n            bankruptcy, liquidation, or similar proceeding, in which Personal\n            Data held by Us about our Service users is among the assets\n            transferred.\n          </p>\n        </li>\n        <li>\n          <p className=\"text-justify py-1\">\n            <strong>For other purposes</strong>: We may use Your information for\n            other purposes, such as data analysis, identifying usage trends,\n            determining the effectiveness of our promotional campaigns and to\n            evaluate and improve our Service, products, services, marketing and\n            your experience.\n          </p>\n        </li>\n      </ul>\n      <p className=\"text-justify py-1\">\n        We may share Your personal information in the following situations:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li className=\"text-justify py-1\">\n          <strong>With Service Providers:</strong> We may share Your personal\n          information with Service Providers to monitor and analyze the use of\n          our Service, to contact You.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>For business transfers:</strong> We may share or transfer Your\n          personal information in connection with, or during negotiations of,\n          any merger, sale of Company assets, financing, or acquisition of all\n          or a portion of Our business to another company.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>With Affiliates:</strong> We may share Your information with\n          Our affiliates, in which case we will require those affiliates to\n          honor this Privacy Policy. Affiliates include Our parent company and\n          any other subsidiaries, joint venture partners or other companies that\n          We control or that are under common control with Us.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>With business partners:</strong> We may share Your information\n          with Our business partners to offer You certain products, services or\n          promotions.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>With other users:</strong> when You share personal information\n          or otherwise interact in the public areas with other users, such\n          information may be viewed by all users and may be publicly distributed\n          outside.\n        </li>\n        <li className=\"text-justify py-1\">\n          <strong>With Your consent</strong>: We may disclose Your personal\n          information for any other purpose with Your consent.\n        </li>\n      </ul>\n      <h2 className=\"font-semibold text-sm \">\n        Retention of Your Personal Data\n      </h2>\n      <p className=\"text-justify py-1\">\n        The Company will retain Your Personal Data only for as long as is\n        necessary for the purposes set out in this Privacy Policy. We will\n        retain and use Your Personal Data to the extent necessary to comply with\n        our legal obligations (for example, if we are required to retain your\n        data to comply with applicable laws), resolve disputes, and enforce our\n        legal agreements and policies.\n      </p>\n      <p className=\"text-justify py-1\">\n        The Company will also retain Usage Data for internal analysis purposes.\n        Usage Data is generally retained for a shorter period of time, except\n        when this data is used to strengthen the security or to improve the\n        functionality of Our Service, or We are legally obligated to retain this\n        data for longer time periods.\n      </p>\n      <h2 className=\"font-semibold text-sm \">Transfer of Your Personal Data</h2>\n      <p className=\"text-justify py-1\">\n        Your information, including Personal Data, is processed at the Company's\n        operating offices and in any other places where the parties involved in\n        the processing are located. It means that this information may be\n        transferred to — and maintained on — computers located outside of Your\n        state, province, country or other governmental jurisdiction where the\n        data protection laws may differ than those from Your jurisdiction.\n      </p>\n      <p className=\"text-justify py-1\">\n        Your consent to this Privacy Policy followed by Your submission of such\n        information represents Your agreement to that transfer.\n      </p>\n      <p className=\"text-justify py-1\">\n        The Company will take all steps reasonably necessary to ensure that Your\n        data is treated securely and in accordance with this Privacy Policy and\n        no transfer of Your Personal Data will take place to an organization or\n        a country unless there are adequate controls in place including the\n        security of Your data and other personal information.\n      </p>\n      <h2 className=\"font-semibold text-sm \">Delete Your Personal Data</h2>\n      <p className=\"text-justify py-1\">\n        You have the right to delete or request that We assist in deleting the\n        Personal Data that We have collected about You.\n      </p>\n      <p className=\"text-justify py-1\">\n        Our Service may give You the ability to delete certain information about\n        You from within the Service.\n      </p>\n      <p className=\"text-justify py-1\">\n        You may update, amend, or delete Your information at any time by signing\n        in to Your Account, if you have one, and visiting the account settings\n        section that allows you to manage Your personal information. You may\n        also contact Us to request access to, correct, or delete any personal\n        information that You have provided to Us.\n      </p>\n      <p className=\"text-justify py-1\">\n        Please note, however, that We may need to retain certain information\n        when we have a legal obligation or lawful basis to do so.\n      </p>\n      <h2 className=\"font-semibold text-sm \">\n        Disclosure of Your Personal Data\n      </h2>\n      <h3 className=\"font-semibold\">Business Transactions</h3>\n      <p className=\"text-justify py-1\">\n        If the Company is involved in a merger, acquisition or asset sale, Your\n        Personal Data may be transferred. We will provide notice before Your\n        Personal Data is transferred and becomes subject to a different Privacy\n        Policy.\n      </p>\n      <h3 className=\"font-semibold\">Law enforcement</h3>\n      <p className=\"text-justify py-1\">\n        Under certain circumstances, the Company may be required to disclose\n        Your Personal Data if required to do so by law or in response to valid\n        requests by public authorities (e.g. a court or a government agency).\n      </p>\n      <h3 className=\"font-semibold\">Other legal requirements</h3>\n      <p className=\"text-justify py-1\">\n        The Company may disclose Your Personal Data in the good faith belief\n        that such action is necessary to:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li className=\"text-justify py-1\">Comply with a legal obligation</li>\n        <li className=\"text-justify py-1\">\n          Protect and defend the rights or property of the Company\n        </li>\n        <li className=\"text-justify py-1\">\n          Prevent or investigate possible wrongdoing in connection with the\n          Service\n        </li>\n        <li className=\"text-justify py-1\">\n          Protect the personal safety of Users of the Service or the public\n        </li>\n        <li className=\"text-justify py-1\">Protect against legal liability</li>\n      </ul>\n      <h2 className=\"font-semibold text-sm \">Security of Your Personal Data</h2>\n      <p className=\"text-justify py-1\">\n        The security of Your Personal Data is important to Us, but remember that\n        no method of transmission over the Internet, or method of electronic\n        storage is 100% secure. While We strive to use commercially acceptable\n        means to protect Your Personal Data, We cannot guarantee its absolute\n        security.\n      </p>\n      <h1 className=\"font-semibold pt-5 pb-2  text-xl\">Children's Privacy</h1>\n      <p className=\"text-justify py-1\">\n        Our Service does not address anyone under the age of 13. We do not\n        knowingly collect personally identifiable information from anyone under\n        the age of 13. If You are a parent or guardian and You are aware that\n        Your child has provided Us with Personal Data, please contact Us. If We\n        become aware that We have collected Personal Data from anyone under the\n        age of 13 without verification of parental consent, We take steps to\n        remove that information from Our servers.\n      </p>\n      <p className=\"text-justify py-1\">\n        If We need to rely on consent as a legal basis for processing Your\n        information and Your country requires consent from a parent, We may\n        require Your parent's consent before We collect and use that\n        information.\n      </p>\n      <h1 className=\"font-semibold pt-5 pb-2  text-xl\">\n        Links to Other Websites\n      </h1>\n      <p className=\"text-justify py-1\">\n        Our Service may contain links to other websites that are not operated by\n        Us. If You click on a third party link, You will be directed to that\n        third party's site. We strongly advise You to review the Privacy Policy\n        of every site You visit.\n      </p>\n      <p className=\"text-justify py-1\">\n        We have no control over and assume no responsibility for the content,\n        privacy policies or practices of any third party sites or services.\n      </p>\n      <h1 className=\"font-semibold pt-5 pb-2 text-xl\">\n        Changes to this Privacy Policy\n      </h1>\n      <p className=\"text-justify py-1\">\n        We may update Our Privacy Policy from time to time. We will notify You\n        of any changes by posting the new Privacy Policy on this page.\n      </p>\n      <p className=\"text-justify py-1\">\n        We will let You know via email and/or a prominent notice on Our Service,\n        prior to the change becoming effective and update the &quot;Last\n        updated&quot; date at the top of this Privacy Policy.\n      </p>\n      <p className=\"text-justify py-1\">\n        You are advised to review this Privacy Policy periodically for any\n        changes. Changes to this Privacy Policy are effective when they are\n        posted on this page.\n      </p>\n      <h1 className=\"font-semibold pt-5 pb-2 text-xl\">Contact Us</h1>\n      <p className=\"text-justify py-1\">\n        If you have any questions about this Privacy Policy, You can contact us:\n      </p>\n      <ul className=\"list-disc p-5\">\n        <li className=\"text-left py-1\">\n          By email: <p>contact@generalenterprises.co.uk</p>\n        </li>\n      </ul>\n    </div>\n  );\n}\n\nexport default PrivacyPolicy;\n","import React, { useEffect, useState } from \"react\";\n\nimport {\n  BrowserRouter as Router,\n  Route,\n  Navigate,\n  Routes,\n  useLocation,\n} from \"react-router-dom\";\n\nimport \"./components/burgercss.css\";\nimport Sucess from \"./components/Pages/payment/Sucess\";\nimport UnderProcess from \"./components/Pages/payment/UnderProcess\";\nimport ShareFeed from \"./components/Pages/Share.js\";\n\nimport Test from \"./Test.js\";\nimport { QueryClient, QueryClientProvider } from \"react-query\";\nimport ShopFeed from \"./components/Pages/sharePage/ShopFeed\";\nimport { ThemeProvider } from \"./components/ThemeContext\";\nimport { PayProvider } from \"./components/PayContext\";\nimport OrderCart from \"./components/Pages/sharePage/OrderCart\";\nimport MobileCheckoutForm from \"./components/Pages/sharePage/MobileCheckoutForm\";\nimport AuthenticatedRoutes from \"./routes/AuthenticatedRoutes\";\nimport Login from \"./components/Pages/auth/Login\";\nimport Register from \"./components/Pages/auth/Register\";\nimport ResetPassword from \"./components/Pages/auth/ResetPassword\";\nimport ConfirmOtp from \"./components/Pages/auth/ConfirmOtp\";\nimport NewPassword from \"./components/Pages/auth/NewPassword\";\nimport LandingPage from \"./components/Pages/LandingPage\";\nimport { Auth, Hub } from \"aws-amplify\";\nimport ReactGA from \"react-ga4\";\nimport PrivacyPolicy from \"./components/privacy-policy\";\n\nReactGA.initialize(process.env.REACT_APP_GA_ID);\nconst queryClient = new QueryClient();\nfunction App() {\n  document.title = \"Zaplyn App\";\n  const location = useLocation();\n\n  const [user, setUser] = useState(undefined);\n  const [loading, setLoading] = useState(true);\n\n  const checkUser = async () => {\n    try {\n      const authUser = await Auth.currentAuthenticatedUser({\n        bypassCache: true,\n      });\n      setUser(authUser);\n    } catch (error) {\n      setUser(null);\n    }\n  };\n\n  useEffect(() => {\n    checkUser();\n  }, []);\n\n  useEffect(() => {\n    const listener = (data) => {\n      if (data.payload.event === \"signIn\" || data.payload.event === \"signOut\") {\n        checkUser();\n      }\n    };\n    Hub.listen(\"auth\", listener);\n    return () => Hub.remove(\"auth\", listener);\n  }, []);\n\n  useEffect(() => {\n    if (user) {\n      ReactGA.set({ userId: user?.username });\n      window.dataLayer.push({\n        userId: user?.username,\n        event: \"userIdSet\",\n      });\n    } else {\n      ReactGA.set({ userId: null });\n    }\n  }, [user]);\n  useEffect(() => {\n    ReactGA.send({\n      hitType: \"pageview\",\n      page: location.pathname,\n      title: location.pathname,\n    });\n  }, [location]);\n\n  if (user === undefined) {\n    return <p>...</p>;\n  }\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <ThemeProvider>\n        <PayProvider>\n          <Routes>\n            {user ? (\n              <Route path=\"/\" element={<AuthenticatedRoutes />}>\n                <Route path=\"/\" element={<Navigate to=\"/home\" replace />} />\n                <Route path=\"/*\" element={<Test />} />\n              </Route>\n            ) : (\n              <>\n                <Route path=\"/\" element={<LandingPage />} />\n                <Route path=\"/login\" element={<Login />} />\n                <Route path=\"/register\" element={<Register />} />\n                <Route path=\"/resetpassword\" element={<ResetPassword />} />\n                <Route path=\"/verifyemail\" element={<ConfirmOtp />} />\n                <Route path=\"/newpassword\" element={<NewPassword />} />\n              </>\n            )}\n\n            <Route path=\"/share/:tile\" element={<ShareFeed />} />\n\n            <Route path=\"/cart/:tile\" element={<OrderCart />} />\n\n            <Route path=\"/pay/:tile\" element={<MobileCheckoutForm />} />\n\n            <Route path=\"/shop/:tile\" element={<ShopFeed />} />\n            <Route\n              path=\"/underprocess/:checkoutsession/:tile\"\n              element={<UnderProcess />}\n            />\n\n            <Route path=\"/sucess\" element={<Sucess />} />\n            <Route path=\"/privacy-policy\" element={<PrivacyPolicy />} />\n\n            <Route path=\"*\" element={<Navigate to=\"/\" />} />\n          </Routes>\n        </PayProvider>\n      </ThemeProvider>\n    </QueryClientProvider>\n  );\n}\n\nexport default App;\n// export default withAuthenticator(App, false, (document.title = \"zaplyn App\"));\n","const awsConfig = {\n  aws_project_region: \"eu-west-2\",\n  // aws_cognito_identity_pool_id:\n  //   \"eu-west-2:0a47724a-e942-4957-b42e-5ba44604d6b8\",\n  aws_cognito_region: \"eu-west-2\",\n  aws_user_pools_id: \"eu-west-2_PLEKK7M02\",\n  aws_user_pools_web_client_id: \"3a4ot1guf8mf43f43ousl7noq0\",\n  oauth: {\n    domain: \"zaplyn-web.auth.eu-west-2.amazoncognito.com\",\n    scope: [\n      \"phone\",\n      \"email\",\n      \"openid\",\n      \"profile\",\n      \"aws.cognito.signin.user.admin\",\n    ],\n    redirectSignIn:\n      \"http://localhost:3000/home/,https://dev.zaplyn.link/home/,https://www.zaplyn.link/home/\",\n    redirectSignOut:\n      \"http://localhost:3000/,https://dev.zaplyn.link/,https://www.zaplyn.link/\",\n    responseType: \"code\",\n  },\n  federationTarget: \"COGNITO_USER_POOLS\",\n  aws_cognito_username_attributes: [\"EMAIL\"],\n  aws_cognito_social_providers: [\"GOOGLE\"],\n  aws_cognito_signup_attributes: [\"EMAIL\"],\n  aws_cognito_mfa_configuration: \"OFF\",\n  aws_cognito_mfa_types: [\"SMS\"],\n  aws_cognito_password_protection_settings: {\n    passwordPolicyMinLength: 8,\n    passwordPolicyCharacters: [],\n  },\n  aws_cognito_verification_mechanisms: [\"EMAIL\"],\n};\n\nconst isLocalhost = Boolean(\n  window.location.hostname === \"localhost\" ||\n    window.location.hostname === \"[::1]\" ||\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nconst isStage = window.location.hostname === \"dev.zaplyn.link\";\nconst isProduction =\n  window.location.hostname === \"www.zaplyn.link\" ||\n  window.location.hostname === \"zaplyn.link\";\n// Assuming you have two redirect URIs, and the first is for localhost and second is for production\nconst [localRedirectSignIn, stageRedirectSignIn, productionRedirectSignIn] =\n  awsConfig.oauth.redirectSignIn.split(\",\");\n\nconst [localRedirectSignOut, stageRedirectSignOut, productionRedirectSignOut] =\n  awsConfig.oauth.redirectSignOut.split(\",\");\n\nconst updatedAwsConfig = {\n  ...awsConfig,\n  oauth: {\n    ...awsConfig.oauth,\n    redirectSignIn: isLocalhost\n      ? localRedirectSignIn\n      : isStage\n      ? stageRedirectSignIn\n      : productionRedirectSignIn,\n    redirectSignOut: isLocalhost\n      ? localRedirectSignOut\n      : isStage\n      ? stageRedirectSignOut\n      : productionRedirectSignOut,\n  },\n};\nexport default updatedAwsConfig;\n","import React from \"react\";\nimport { hydrate, render } from \"react-dom\";\nimport App from \"./App\";\nimport \"./index.css\";\nimport \"./styles/output.css\";\nimport { Amplify } from \"aws-amplify\";\nimport config from \"./aws-exports\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nAmplify.configure(config);\n\nconst rootElement = document.getElementById(\"root\");\nif (rootElement.hasChildNodes()) {\n  hydrate(\n    <React.StrictMode>\n      <BrowserRouter>\n        <App />\n      </BrowserRouter>\n    </React.StrictMode>,\n    rootElement\n  );\n} else {\n  render(\n    <React.StrictMode>\n      <BrowserRouter>\n        <App />\n      </BrowserRouter>\n    </React.StrictMode>,\n    rootElement\n  );\n}\n","import { useState } from \"react\";\nimport React from \"react\";\n\nfunction ColorComponent({ index, onDelete, color }) {\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div\n      className=\"relative\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <button\n        className=\"rounded-full\"\n        style={{\n          backgroundColor: color,\n          width: \"30px\",\n          height: \"30px\",\n          margin: \"5px\",\n        }}\n      ></button>\n      <div className=\" md:hidden absolute cursor-pointer inset-0 flex items-center justify-center\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          width=\"20\"\n          height=\"20\"\n          className=\"w-4 h-4\"\n          onClick={() => onDelete(index)}\n        >\n          <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n          <path d=\"M7 6V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5zm6.414 8l1.768-1.768-1.414-1.414L12 12.586l-1.768-1.768-1.414 1.414L10.586 14l-1.768 1.768 1.414 1.414L12 15.414l1.768 1.768 1.414-1.414L13.414 14zM9 4v2h6V4H9z\" />\n        </svg>\n      </div>\n      {isHovered && (\n        <div className=\"hidden absolute cursor-pointer inset-0 md:flex items-center justify-center\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            width=\"20\"\n            height=\"20\"\n            onClick={() => onDelete(index)}\n          >\n            <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n            <path d=\"M7 6V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5zm6.414 8l1.768-1.768-1.414-1.414L12 12.586l-1.768-1.768-1.414 1.414L10.586 14l-1.768 1.768 1.414 1.414L12 15.414l1.768 1.768 1.414-1.414L13.414 14zM9 4v2h6V4H9z\" />\n          </svg>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default ColorComponent;\n","export default __webpack_public_path__ + \"static/media/defaultTheme.6ac21693.svg\";","export default __webpack_public_path__ + \"static/media/darkTheme.a7c2d691.svg\";","export default __webpack_public_path__ + \"static/media/grayTheme.864bb6da.svg\";","export default __webpack_public_path__ + \"static/media/darkBlueTheme.087b049f.svg\";","export default __webpack_public_path__ + \"static/media/greenTheme.8b2f1409.svg\";","export default __webpack_public_path__ + \"static/media/redTheme.98b2a2d1.svg\";","import * as AmazonCognitoIdentity from \"amazon-cognito-identity-js\";\n\nconst getToken = () => {\n  const poolData = {\n    UserPoolId: \"eu-west-2_PLEKK7M02\",\n    ClientId: \"3a4ot1guf8mf43f43ousl7noq0\",\n    // UserPoolId: \"eu-west-2_UXJYfjlKr\",\n    // ClientId: \"5k305rgnr1t5g9btchop69qfv8\",\n  };\n  const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);\n  let token = \"\";\n\n  const cognitoUser = userPool.getCurrentUser();\n  if (cognitoUser != null) {\n    cognitoUser.getSession((err, session) => {\n      if (err) {\n        console.log(err);\n      } else if (!session.isValid()) {\n        console.log(\"Invalid session.\");\n      } else {\n        //console.log(\"AccessToken: \" + session.getAccessToken().getJwtToken());\n        token = session.getAccessToken().getJwtToken();\n      }\n    });\n  } else {\n    console.log(\"User not found.\");\n  }\n\n  return token;\n};\n\nexport default getToken;\n","import React, { useState, useEffect } from \"react\";\nimport getToken from \"../Token\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport fernet from \"fernet\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { useQuery } from \"react-query\";\n\nconst Cashout_Page = () => {\n  const [cre, setCre] = useState(\"\");\n  const accesstoken = getToken();\n  const [wise_exist, setWise_exist] = useState(\"\");\n  const [bank_details, setBank_details] = useState(\"\");\n  const [currency, setCurrency] = useState(\"GBP\");\n  const [acc_name, setAcc_name] = useState(\"\");\n  const [account_number, setAccount_number] = useState(\"\");\n  const [sortcode, setSortcode] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [iban, setIban] = useState(\"\");\n  const [abartn, setAbartn] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n  const [address, setAddress] = useState(\"\");\n\n  //payment tab toggle\n  const [isPaymentTabOpen, setIsPaymentTabOpen] = useState(true);\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const getCredits = async () => {\n    try {\n      const response = await fetch(link + \"credits/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: getUsername(),\n        }),\n      });\n      const json = await response.json();\n      if (json) {\n        return json;\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n  const handleSumbit = (e) => {\n    e.preventDefault(); //prevents refreshing page\n    setCre(\"\");\n  };\n\n  const handleSumbit1 = (e) => {\n    window.dataLayer.push({\n      user_id: getUsername(),\n      event: \"cashout_click\",\n    });\n    e.preventDefault(); //prevents refreshing page\n    let accesstoken = getToken();\n    var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n    var token = new fernet.Token({\n      secret: secret,\n    });\n    if (currency === \"EUR\") {\n      fetch(link + \"create-wise-account/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(getUsername()),\n          acc_name: token.encode(acc_name),\n          email: token.encode(email),\n          iban: token.encode(iban),\n          currency: token.encode(\"EUR\"),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          if (json[\"Notification-text\"] === \"Account Added\") {\n            setWise_exist(\"yes\");\n          }\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        });\n    }\n    if (currency === \"GBP\") {\n      fetch(link + \"create-wise-account/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(getUsername()),\n          acc_name: token.encode(acc_name),\n          email: token.encode(email),\n          account_number: token.encode(account_number),\n          sortcode: token.encode(sortcode),\n          currency: token.encode(\"GBP\"),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          if (json[\"Notification-text\"] === \"Account Added\") {\n            setWise_exist(\"yes\");\n          }\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        });\n    }\n    if (currency === \"USD\") {\n      fetch(link + \"create-wise-account/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(getUsername()),\n          acc_name: token.encode(acc_name),\n          email: token.encode(email),\n          account_number: token.encode(account_number),\n          abartn: token.encode(abartn),\n          city: token.encode(city),\n          country: token.encode(country),\n          postcode: token.encode(postcode),\n          firstLine: token.encode(address),\n          currency: token.encode(\"USD\"),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          if (json[\"Notification-text\"] === \"Account Added\") {\n            setWise_exist(\"yes\");\n          }\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        });\n    }\n  };\n\n  const getWiseAccountDetails = async () => {\n    try {\n      const response = await fetch(link + \"check-wise-account/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: getUsername(),\n        }),\n      });\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const getWiseTransaction = async () => {\n    try {\n      const response = await fetch(link + \"check-wise-transactions/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: getUsername(),\n        }),\n      });\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const {\n    isLoading: isCreditsLoading,\n    data: credits,\n    isError: isCreditsError,\n    error: creditsErr,\n  } = useQuery(\"userCredits\", getCredits, {\n    refetchOnMount: false,\n  });\n\n  const {\n    isLoading: isWiseDetailsLoading,\n    data: wiseDetails,\n    isError: isWiseDetailsError,\n    error: wiseDetailsErr,\n  } = useQuery(\"wiseDetails\", getWiseAccountDetails, {\n    refetchOnMount: false,\n  });\n\n  const {\n    isLoading: isWiseTransactionsLoading,\n    data: wiseTransactions,\n    isError: isWiseTransactionsError,\n    error: wiseTransactionsErr,\n  } = useQuery(\"wiseTransactions\", getWiseTransaction, {\n    refetchOnMount: false,\n  });\n\n  useEffect(() => {\n    if (wiseDetails) {\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n      if (wiseDetails[\"exist\"] === \"yes\") {\n        setWise_exist(\"yes\");\n        setBank_details(JSON.parse(token.decode(wiseDetails[\"details\"])));\n      } else {\n        setWise_exist(\"no\");\n      }\n    }\n  }, [wiseDetails]);\n\n  if (isCreditsLoading || isWiseDetailsLoading) {\n    return <p className=\"pt-20 text-center\">Loading ...</p>;\n  }\n\n  if (isCreditsError || isWiseDetailsError || isWiseTransactionsError) {\n    return (\n      <p className=\"pt-20 text-center text-xs\">\n        Something Went wrong! Please try again later..\n      </p>\n    );\n  }\n\n  return (\n    <section className=\"p-5  pb-40 flex flex-col items-center justify-between max-w-2xl mx-auto\">\n      <ToastContainer autoClose={2500} />\n\n      {/* <div className=\"flex w-full items-center justify-around \">\n        <button\n          onClick={() => {\n            setIsPaymentTabOpen(true);\n            getWiseAccountDetails();\n          }}\n          className={`py-1 px-4 rounded-full text-xs font-semibold  cursor-pointer  ${\n            isPaymentTabOpen\n              ? \"  bg-gradient-to-b text-gray-900 from-purple-200 to-pink-300 to-20% shadow-md\"\n              : \"bg-gradient-to-b text-gray-700 from-purple-100 to-pink-100 to-20% \"\n          }`}\n        >\n          <p>Payment Methods</p>\n        </button>\n        <button\n          onClick={() => {\n            setIsPaymentTabOpen(false);\n            getWiseTransaction();\n          }}\n          className={`py-1 px-4 rounded-full text-xs font-semibold  cursor-pointer  ${\n            !isPaymentTabOpen\n              ? \"  bg-gradient-to-b text-gray-900 from-purple-200 to-pink-300 to-20% shadow-md\"\n              : \"bg-gradient-to-b text-gray-700 from-purple-100 to-pink-100 to-20% \"\n          }`}\n        >\n          <p>List Payment</p>\n        </button>\n      </div> */}\n\n      {isPaymentTabOpen ? (\n        <>\n          {wise_exist === \"yes\" && (\n            <div className=\" m-3 pb-10\">\n              <div className=\"text-xs md:text-sm\">\n                {bank_details !== \"\" &&\n                Object.keys(bank_details).length === 2 ? (\n                  <div className=\"border border-pink-300 flex flex-col p-3 rounded-lg\">\n                    <p>\n                      <span className=\"text-gray-600 p-1\">\n                        Account Holder Name :\n                      </span>{\" \"}\n                      {bank_details[\"Account Holder Name\"]}\n                    </p>\n                    <p>\n                      <span className=\"text-gray-600 p-1\">IBAN :</span>{\" \"}\n                      {bank_details[\"IBAN\"]}\n                    </p>\n                  </div>\n                ) : (\n                  <div className=\"border border-pink-300 flex flex-col p-3 rounded-lg\">\n                    <p>\n                      <span className=\"text-gray-600 p-1\">\n                        Account Holder Name :\n                      </span>{\" \"}\n                      {bank_details[\"Account Holder Name\"]}\n                    </p>\n                    <div className=\"flex gap-4 px-1 pt-2\">\n                      <p>\n                        <span className=\"text-gray-600\">Account Number :</span>{\" \"}\n                        {bank_details[\"Account Number\"]}\n                      </p>\n                      <br></br>\n                      {bank_details[\"Sort Code\"] && (\n                        <p>\n                          <span className=\"text-gray-600\">Sort Code :</span>{\" \"}\n                          {bank_details[\"Sort Code\"]}\n                        </p>\n                      )}\n                      {bank_details[\"ABA RTN\"] && (\n                        <p>\n                          <span className=\"text-gray-600\">ABA RTN :</span>{\" \"}\n                          {bank_details[\"ABA RTN\"]}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n              <form className=\"w-full max-w-lg mt-5\" onSubmit={handleSumbit}>\n                <div className=\"flex flex-wrap -mx-3 mb-2\">\n                  <div className=\"w-full p-3\">\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Enter number of credits you want to cash out\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={cre}\n                      onChange={(e) => setCre(e.target.value)}\n                      placeholder=\"Credits\"\n                    />\n                  </div>\n                </div>\n                <div className=\"flex justify-center\">\n                  <div className=\"flex items-center px-10\">\n                    <button\n                      className=\"text-xs md:text-sm p-1 px-4 md:px-6 focus:outline-none text-center  cursor-pointer  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full  font-semibold text-gray-600 shadow-md\"\n                      onClick={() => {\n                        toast(\"Processing, please wait!\");\n                        fetch(\n                          `https://omnistack.org${process.env.REACT_APP_LINK}` +\n                            \"create-quote/\",\n                          {\n                            method: \"POST\",\n                            headers: {\n                              \"Content-Type\": \"application/json\",\n                              Authorization: \"Bearer \" + accesstoken,\n                            },\n                            body: JSON.stringify({\n                              user: getUsername(),\n                              amount: cre,\n                            }),\n                          }\n                        )\n                          .then((response) => response.json())\n                          .then((json) =>\n                            toast(\n                              JSON.stringify(json[\"Notification-text\"]).replace(\n                                /\"|'/g,\n                                \"\"\n                              )\n                            )\n                          );\n                        setCre(\"\");\n                      }}\n                    >\n                      Cash out\n                    </button>\n                    <br></br>\n                  </div>\n                  <button\n                    className=\"text-xs md:text-sm p-1 px-4 md:px-6 focus:outline-none text-center  cursor-pointer  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full  font-semibold text-gray-600 shadow-md\"\n                    onClick={() => {\n                      fetch(\n                        `https://omnistack.org${process.env.REACT_APP_LINK}` +\n                          \"delete-wise-account/\",\n                        {\n                          method: \"POST\",\n                          headers: {\n                            \"Content-Type\": \"application/json\",\n                            Authorization: \"Bearer \" + accesstoken,\n                          },\n                          body: JSON.stringify({\n                            user: getUsername(),\n                          }),\n                        }\n                      )\n                        .then((response) => response.json())\n                        .then((json) => {\n                          toast(\n                            JSON.stringify(json[\"Notification-text\"]).replace(\n                              /\"|'/g,\n                              \"\"\n                            )\n                          );\n                          if (json[\"status\"] == \"success\") {\n                            setWise_exist(\"no\");\n                          }\n                        });\n                      setCre(\"\");\n                    }}\n                  >\n                    Delete Payment method\n                  </button>\n                  <div className=\"\"></div>\n                </div>\n              </form>\n            </div>\n          )}\n\n          {wise_exist === \"no\" && (\n            <div className=\"\">\n              <div className=\" flex flex-col items-center justify-center \">\n                <p className=\"text-gray-700 font-semibold text-xs m-1 \">\n                  Please add bank account for cashout credits.\n                </p>\n                <div className=\"flex gap-2\">\n                  <p className=\"text-gray-700 font-semibold text-xs m-1 \">\n                    Choose currency\n                  </p>\n                  <select\n                    className=\" py-1 px-4 bg-gradient-to-b from-purple-200 to-pink-300 rounded-full text-xs text-gray-600 shadow-md\"\n                    onChange={(e) => {\n                      setCurrency(e.target.value);\n                    }}\n                  >\n                    <option value=\"GBP\">GBP</option>\n                    <option value=\"EUR\">EUR</option>\n                    <option value=\"USD\">USD</option>\n                  </select>\n                </div>\n              </div>\n              <form className=\" max-w-lg mx-auto\" onSubmit={handleSumbit1}>\n                {currency !== \"\" && currency === \"EUR\" && (\n                  <div className=\"w-full p-3\">\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Account Holder Name\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={acc_name}\n                      onChange={(e) => setAcc_name(e.target.value)}\n                      name=\"acc_name-name\"\n                      placeholder=\"Account Holder Name\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Email\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={email}\n                      onChange={(e) => setEmail(e.target.value)}\n                      name=\"email\"\n                      placeholder=\"E-mail\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Iban\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={iban}\n                      onChange={(e) => setIban(e.target.value)}\n                      name=\"iban\"\n                      placeholder=\"Iban\"\n                    />\n                  </div>\n                )}\n                {currency !== \"\" && currency === \"GBP\" && (\n                  <div className=\"w-full p-3\">\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Account Holder Name\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={acc_name}\n                      onChange={(e) => setAcc_name(e.target.value)}\n                      name=\"acc_name-name\"\n                      placeholder=\"Account Holder Name\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Email\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={email}\n                      onChange={(e) => setEmail(e.target.value)}\n                      name=\"email\"\n                      placeholder=\"E-mail\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Account-Number\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={account_number}\n                      onChange={(e) => setAccount_number(e.target.value)}\n                      name=\"account_number\"\n                      placeholder=\"account-number\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Sort Code\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={sortcode}\n                      onChange={(e) => setSortcode(e.target.value)}\n                      name=\"sortcode\"\n                      placeholder=\"sort-code\"\n                    />\n                  </div>\n                )}\n\n                {currency !== \"\" && currency === \"USD\" && (\n                  <div className=\"w-full p-3\">\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Account Holder Name\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={acc_name}\n                      onChange={(e) => setAcc_name(e.target.value)}\n                      name=\"acc_name-name\"\n                      placeholder=\"Account Holder Name\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Email\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={email}\n                      onChange={(e) => setEmail(e.target.value)}\n                      name=\"email\"\n                      placeholder=\"E-mail\"\n                    />\n                    <br></br>\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Account-Number\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={account_number}\n                      onChange={(e) => setAccount_number(e.target.value)}\n                      name=\"account_number\"\n                      placeholder=\"account-number\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      ABA RTN\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={abartn}\n                      onChange={(e) => setAbartn(e.target.value)}\n                      name=\"abartn\"\n                      placeholder=\"ABA RTN\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Country Code\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={country}\n                      onChange={(e) => setCountry(e.target.value)}\n                      name=\"country\"\n                      placeholder=\"country-code\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      City\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={city}\n                      onChange={(e) => setCity(e.target.value)}\n                      name=\"city\"\n                      placeholder=\"city\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Post Code\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={postcode}\n                      onChange={(e) => setPostcode(e.target.value)}\n                      name=\"postcode\"\n                      placeholder=\"postcode\"\n                    />\n                    <label\n                      className=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n                      for=\"grid-first-name\"\n                    >\n                      Address\n                    </label>\n                    <input\n                      className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n                      type=\"text\"\n                      value={address}\n                      onChange={(e) => setAddress(e.target.value)}\n                      name=\"address\"\n                      placeholder=\"address\"\n                    />\n                  </div>\n                )}\n\n                {currency !== \"\" && (\n                  <button\n                    className=\"ml-3 focus:outline-none text-center  cursor-pointer py-1 px-6 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full text-lg font-semibold text-gray-600 shadow-md\"\n                    onClick={() => handleSumbit1}\n                  >\n                    Submit\n                  </button>\n                )}\n              </form>\n            </div>\n          )}\n        </>\n      ) : (\n        <>\n          {wiseTransactions !== null && (\n            <div className=\"overflow-x-auto mt-5 pl-2 pr-2\">\n              <table className=\"min-w-full text-xxs md:text-xs \">\n                <thead className=\"\">\n                  <tr className=\"text-center md:text-left \">\n                    <th className=\"p-1 md:p-3\">Created at</th>\n                    <th className=\"p-1 md:p-3\">Transfer Id</th>\n                    <th className=\"p-1 md:p-3 text-right\">Amount</th>\n                    <th className=\"p-1 md:p-3\">Estimated Date</th>\n                    <th className=\"p-1 md:p-3\">Status</th>\n                  </tr>\n                </thead>\n                {Object.keys(wiseTransactions)?.map((transferid) => (\n                  <tbody key={transferid}>\n                    <tr className=\"border-b border-opacity-20 border-gray-700 text-xxs md:text-xs \">\n                      <td className=\"p-1 md:p-3\">\n                        <p>\n                          {wiseTransactions[transferid].created_at?.slice(\n                            0,\n                            10\n                          )}{\" \"}\n                          {wiseTransactions[transferid].created_at?.slice(\n                            11,\n                            19\n                          )}\n                        </p>\n                      </td>\n                      <td className=\"p-1 md:p-3\">\n                        <p>{transferid}</p>\n                      </td>\n                      <td className=\"p-1 md:p-3 text-right\">\n                        <p>\n                          {wiseTransactions[transferid].currency === \"GBP\" && (\n                            <span className=\"mr-0.25\">£</span>\n                          )}\n                          {wiseTransactions[transferid].currency === \"EUR\" && (\n                            <span className=\"mr-0.25\">€</span>\n                          )}\n                          {wiseTransactions[transferid].currency === \"USD\" && (\n                            <span className=\"mr-0.25\">$</span>\n                          )}{\" \"}\n                          {wiseTransactions[transferid].amount}\n                        </p>\n                      </td>\n                      <td className=\"p-1 md:p-3\">\n                        <p>\n                          {wiseTransactions[transferid].estimated_date?.slice(\n                            0,\n                            10\n                          )}{\" \"}\n                          {wiseTransactions[transferid].estimated_date?.slice(\n                            11,\n                            19\n                          )}\n                        </p>\n                      </td>\n                      <td className=\"p-1 md:p-3 text-right\">\n                        <p className=\"font-semibold \">\n                          {wiseTransactions[transferid].status}\n                        </p>\n                      </td>\n                    </tr>\n                  </tbody>\n                ))}\n              </table>\n            </div>\n          )}\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default Cashout_Page;\n","import * as AmazonCognitoIdentity from \"amazon-cognito-identity-js\";\n\nconst getUsername = () => {\n  var base = \"stupidbug\";\n\n  const poolData = {\n    UserPoolId: \"eu-west-2_PLEKK7M02\",\n    ClientId: \"3a4ot1guf8mf43f43ousl7noq0\",\n    // UserPoolId: \"eu-west-2_UXJYfjlKr\",\n    // ClientId: \"5k305rgnr1t5g9btchop69qfv8\",\n  };\n  const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);\n\n  const cognitoUser = userPool.getCurrentUser();\n\n  if (cognitoUser == null) {\n    return base;\n  }\n\n  return cognitoUser.username;\n};\n\nexport default getUsername;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport {\n  useStripe,\n  useElements,\n  PaymentElement,\n} from \"@stripe/react-stripe-js\";\nimport QRCode from \"qrcode\";\nimport { PayContext } from \"../PayContext\";\n\nconst CheckoutForm = (props) => {\n  const { socket } = useContext(PayContext);\n  const [isVisible, setIsVisible] = useState(true);\n\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [add1, setAdd1] = useState(\"\");\n  const [add2, setAdd2] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n\n  const [receivedOrid, setReceivedOrId] = useState(\"\");\n  const stripe = useStripe();\n  const elements = useElements();\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const [isEmailValid, setIsEmailValid] = useState(true);\n  const [isPhoneValid, setIsPhoneValid] = useState(true);\n\n  const validateEmail = () => {\n    setIsEmailValid(\n      /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email) // regex for email validation\n    );\n  };\n\n  const validatePhone = () => {\n    setIsPhoneValid(\n      /^[\\d\\s()+-]+$/.test(phone) && phone.length >= 10 // regex for phone validation\n    );\n  };\n  const [isStripeLoading, setIsStripLoading] = useState(true);\n\n  const [qrCodeUrl, setQrCodeUrl] = useState(\"\");\n  const [linkModalIsOpen, setLinkModalIsOpen] = useState(false);\n  const setLinkModalIsOpenToTrue = () => {\n    setLinkModalIsOpen(true);\n  };\n  const setLinkModalIsOpenToFalse = () => {\n    setLinkModalIsOpen(false);\n  };\n\n  const handleShareCardClick = (order_id) => {\n    QRCode.toDataURL(\"https://zaplyn.link/pay/\" + order_id)\n      .then((url) => {\n        setQrCodeUrl(url);\n      })\n      .catch((err) => console.error(err));\n  };\n\n  const handleDownloadQrCode = () => {\n    const downloadLink = document.createElement(\"a\");\n    downloadLink.href = qrCodeUrl;\n    downloadLink.download = \"qr-code.png\";\n    downloadLink.click();\n  };\n\n  const handleAddress = (e) => {\n    e.preventDefault();\n    validateEmail();\n    validatePhone();\n\n    if (isEmailValid && isPhoneValid) {\n      fetch(`https://omnistack.org${process.env.REACT_APP_LINK}`+\"send-address/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          ZaplynTileRef: props.tile.slice(0, 9),\n          shopname: \"\",\n          shopref: \"\",\n          itemname: props.itemName,\n          category: props.category,\n          size: props.selectedSize || \"\",\n          color: props.selectedColor || \"\",\n          name: name,\n          variant: props.variant,\n          phone: phone,\n          email: email,\n          partial: 100,\n          add1: add1,\n          add2: add2,\n          city: city,\n          price: props.price,\n          add_ons: { [props.tile]: props.addOns },\n          scheduled_time: \"\",\n          country: country,\n          customerNote: props.customerNote,\n          postcode: postcode,\n          qty: props.chosenqty,\n          attribute_1: props.attribute_1,\n          attribute_2: props.attribute_2,\n          attribute_3: props.attribute_3,\n          attribute_4: props.attribute_4,\n          attribute_5: props.attribute_5,\n        }),\n      })\n        .then((response) => response.json())\n        .then((json) => {\n          setReceivedOrId(json.Order_id);\n          setIsVisible(false);\n        });\n    } else {\n      console.log(\"invalid credentials\");\n    }\n  };\n  // console.log(\"-------------\");\n  // console.log(\"props\", props.attribute_1);\n  // console.log(\"props\", props.attribute_2);\n  // console.log(\"props\", props.attribute_3);\n  // console.log(\"props\", props.attribute_4);\n  // console.log(\"props\", props.attribute_5);\n  // console.log(\"-------------\");\n  const handleSubmit = async (event) => {\n    // We don't want to let default form submission happen here,\n    // which would refresh the page.\n    event.preventDefault();\n\n    if (!stripe || !elements) {\n      // Stripe.js has not yet loaded.\n      // Make sure to disable form submission until Stripe.js has loaded.\n      return;\n    }\n\n    const { error } = await stripe.confirmPayment({\n      //`Elements` instance that was used to create the Payment Element\n      elements,\n      confirmParams: {\n        return_url:\n          \"https://www.zaplyn.link/sucess?\" +\n          receivedOrid +\n          props.tile +\n          props.chosenqty,\n      },\n    });\n    console.log();\n\n    if (error) {\n      // This point will only be reached if there is an immediate error when\n      // confirming the payment. Show error to your customer (for example, payment\n      // details incomplete)\n      setErrorMessage(error.message);\n    } else {\n      // Your customer will be redirected to your `return_url`. For some payment\n      // methods like iDEAL, your customer will be redirected to an intermediate\n      // site first to authorize the payment, then redirected to the `return_url`.\n    }\n  };\n\n  socket.onmessage = (event) => {\n    console.log(JSON.parse(event.data)[\"id\"]);\n    if (JSON.parse(event.data)[\"order_id\"] === receivedOrid) {\n      if (JSON.parse(event.data)[\"payment_status\"] !== \"in-progress\") {\n        window.location.href =\n          \"https://www.zaplyn.link/sucess?\" +\n          receivedOrid +\n          props.tile +\n          props.chosenqty;\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (elements !== null && !isVisible) {\n      const element = elements.getElement(\"payment\");\n      element.on(\"ready\", () => {\n        setIsStripLoading(false);\n      });\n    }\n  }, [elements, isVisible]);\n\n  useEffect(() => {\n    if (receivedOrid) {\n      handleShareCardClick(receivedOrid);\n    }\n  }, [receivedOrid]);\n\n  return (\n    <section className=\" mt-1 \">\n      <div>\n        {isVisible ? (\n          <form\n            id=\"address-form\"\n            onSubmit={handleAddress}\n            className=\"border border-gray-300 rounded-lg shadow-lg p-2 mx-2\"\n          >\n            <div className=\" \">\n              <p className=\"text-gray-400 text-xl\">\n                Please enter address details:\n              </p>\n\n              <div className=\"container flex flex-col mx-auto space-y-12\">\n                <div className=\"grid grid-cols-6 gap-4 col-span-full \">\n                  <div className=\"col-span-full \">\n                    <label name=\"f-name\">\n                      Name: <span className=\"text-red-500\"> *</span>{\" \"}\n                    </label>\n                    <input\n                      required\n                      name=\"f-name\"\n                      placeholder=\"Name\"\n                      type=\"text\"\n                      onChange={(e) => setName(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                  <div className=\"col-span-full md:col-span-3\">\n                    <label name=\"email\">\n                      Email: <span className=\"text-red-500\"> *</span>{\" \"}\n                    </label>\n                    <input\n                      required\n                      name=\"email\"\n                      onChange={(e) => setEmail(e.target.value)}\n                      placeholder=\"email\"\n                      type=\"text\"\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                      onBlur={validateEmail}\n                    />\n                    {!isEmailValid && (\n                      <p className=\"text-xs text-red-400 \">\n                        Invalid email address\n                      </p>\n                    )}\n                  </div>\n                  <div className=\"col-span-full md:col-span-3\">\n                    <label name=\"phone number\">\n                      Phone Number: <span className=\"text-red-500\">*</span>{\" \"}\n                    </label>\n                    <input\n                      required\n                      name=\"phone number\"\n                      onChange={(event) =>\n                        setPhone(event.target.value.replace(/[^0-9+\\s]/g, \"\"))\n                      }\n                      placeholder=\"Phone Number\"\n                      type=\"text\"\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                      onBlur={validatePhone}\n                    />\n                    {!isPhoneValid && (\n                      <p className=\"text-xs text-red-400 \">\n                        Invalid phone number\n                      </p>\n                    )}\n                  </div>\n                  <div className=\"col-span-full\">\n                    <label name=\"address line 1\">Address line 1 </label>\n                    <input\n                      name=\"address line 1\"\n                      placeholder=\"Address line 1\"\n                      type=\"text\"\n                      onChange={(e) => setAdd1(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                  <div className=\"col-span-full\">\n                    <label name=\"address line 1\">Address line 2 </label>\n                    <input\n                      name=\"address line 2\"\n                      placeholder=\"Address line 2\"\n                      type=\"text\"\n                      onChange={(e) => setAdd2(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                  <div className=\"col-span-full md:col-span-2 \">\n                    <label name=\"city\">City </label>\n                    <input\n                      name=\"city\"\n                      placeholder=\"City\"\n                      type=\"text\"\n                      onChange={(e) => setCity(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                  <div className=\"col-span-full md:col-span-2 \">\n                    <label name=\"country\">Country </label>\n                    <input\n                      name=\"country\"\n                      placeholder=\"Country\"\n                      type=\"text\"\n                      onChange={(e) => setCountry(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                  <div className=\"col-span-full md:col-span-2 \">\n                    <label name=\"postcode\">ZIP / Postal </label>\n                    <input\n                      name=\"postcode\"\n                      placeholder=\"Postal code\"\n                      type=\"text\"\n                      onChange={(e) => setPostcode(e.target.value)}\n                      className=\"w-full rounded-md border p-1 border-gray-200 text-gray-900\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </div>\n            <button\n              type=\"submit\"\n              className=\" bg-checkoutbutton cursor-pointer shadow-md w-full p-2 mt-2 text-xl font-semibold text-white \"\n            >\n              Submit\n            </button>\n          </form>\n        ) : (\n          <div className=\"flex flex-col-reverse items-center md:items-start md:justify-center md:flex-row mx-3  md:mx-0 md:w-full\">\n            <div className={`flex flex-col items-center p-2 `}>\n              <p\n                className={`text-left w-full text-gray-500 mb-2 px-2 md:px-6 border border-pink-200 shadow-sm `}\n              >\n                Pay with card\n              </p>\n              <form\n                id=\"payment-form\"\n                onSubmit={handleSubmit}\n                className=\"flex flex-col\"\n              >\n                {isStripeLoading && (\n                  <div className=\"border rounded p-2 mb-2 text-center\">\n                    <p className=\" text-gray-600\">Loading...</p>\n                  </div>\n                )}\n                <PaymentElement />\n                <button\n                  type=\"submit\"\n                  disabled={!stripe}\n                  className={`cursor-pointer  bg-gradient-to-t from-pink-300 to-purple-200 shadow-md p-2 mt-2 text-xl font-semibold   `}\n                >\n                  Continue\n                </button>\n              </form>\n            </div>\n            <div className=\"flex  md:flex-col items-center justify-center p-2 \">\n              <div\n                className={`border-t-2 w-32 md:w-0 md:border-l-2 border-pink-100 md:h-40`}\n              ></div>\n              <div\n                className={` font-semibold  bg-gradient-to-t from-pink-300 to-purple-200 rounded-3xl px-2 mx-1.5 md:mx-0 md:my-2 text-2xl`}\n              >\n                Or\n              </div>\n              <div\n                className={`border-t-2 w-32 md:w-0 md:border-l-2 border-pink-100 md:h-40`}\n              ></div>\n            </div>\n            <div className=\"  p-2 rounded-md flex flex-col items-center w-full md:w-5/12 \">\n              <p\n                className={`text-left w-full text-gray-500  px-2 md:px-6 mb-2 border border-pink-200 shadow-sm`}\n              >\n                Pay with phone\n              </p>\n              <div className=\"relative\">\n                <img\n                  src={qrCodeUrl}\n                  alt=\"QR code\"\n                  className=\"w-32 h-32  md:w-52 md:h-52 \"\n                />\n                <button\n                  title=\"Download QR\"\n                  className={`absolute bottom-3 md:bottom-5 -right-3 shadow-md   rounded-b-md rounded-l-md`}\n                  onClick={handleDownloadQrCode}\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    width=\"24\"\n                    height=\"24\"\n                    className=\"h-6 w-6\"\n                  >\n                    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                    <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n        {/* Show error message to your customers */}\n        {errorMessage && <div>{errorMessage}</div>}\n      </div>\n    </section>\n  );\n};\n\nexport default CheckoutForm;\n","import * as AmazonCognitoIdentity from \"amazon-cognito-identity-js\";\n\nconst getEmail = () => {\n  var RegisteredEmail = \"Error Getting Referral Code\";\n\n  const poolData = {\n    UserPoolId: \"eu-west-2_PLEKK7M02\",\n    ClientId: \"3a4ot1guf8mf43f43ousl7noq0\",\n    // UserPoolId: \"eu-west-2_UXJYfjlKr\",\n    // ClientId: \"5k305rgnr1t5g9btchop69qfv8\",\n  };\n  const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);\n\n  const cognitoUser = userPool.getCurrentUser();\n\n  // Code to Get Users Email\n\n  for (var key in cognitoUser.storage) {\n    var tmp = key.split(\".\");\n    if (tmp[tmp.length - 1] !== \"userData\") continue;\n    var res = JSON.parse(cognitoUser.storage[key]);\n    for (var i = 0; i < res.UserAttributes.length; i++) {\n      if (res.UserAttributes[i][\"Name\"] === \"email\") {\n        RegisteredEmail = res.UserAttributes[i][\"Value\"];\n      }\n    }\n  }\n\n  return RegisteredEmail;\n};\n\nexport default getEmail;\n","import { Auth, Hub } from \"aws-amplify\";\nimport * as AmazonCognitoIdentity from \"amazon-cognito-identity-js\";\n\nconst getIsVerified = () => {\n  const poolData = {\n    UserPoolId: \"eu-west-2_PLEKK7M02\",\n    ClientId: \"3a4ot1guf8mf43f43ousl7noq0\",\n    // UserPoolId: \"eu-west-2_UXJYfjlKr\",\n    // ClientId: \"5k305rgnr1t5g9btchop69qfv8\",\n  };\n  const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);\n\n  const cognitoUser = userPool?.getCurrentUser();\n  // const handleSignOutButtonClick = async () => {\n  //   try {\n  //     await Auth.signOut();\n  //     Hub.dispatch(\"UI Auth\", {\n  //       // channel must be 'UI Auth'\n  //       event: \"AuthStateChange\", // event must be 'AuthStateChange'\n  //       message: \"signedout\", // message must be 'signedout'\n  //     });\n  //   } catch (error) {\n  //     console.log(\"error signing out: \", error);\n  //   }\n  // };\n  // console.log(cognitoUser);\n\n  // Code to Check if the user is verified\n\n  for (var key in cognitoUser?.storage) {\n    var tmp = key.split(\".\");\n    var flag = 0;\n    if (tmp[tmp.length - 1] !== \"userData\") continue;\n    var res = JSON.parse(cognitoUser?.storage[key]);\n    for (var i = 0; i < res?.UserAttributes?.length; i++) {\n      if (res?.UserAttributes[i][\"Name\"] === \"custom:isVerified\") {\n        if (res?.UserAttributes[i][\"Value\"] === \"true\") {\n          return true;\n        }\n      }\n    }\n  }\n\n  return false;\n};\n\nexport default getIsVerified;\n","import React, { useContext, useState } from \"react\";\nimport Endpoints from \"../../api/endpoints\";\nimport { GlobalContext } from \"../GlobalContext\";\nimport { useQueryClient } from \"react-query\";\n\nfunction InternalNote({ propsnote, tileRef, shopRef, closeOnClick }) {\n  const queryClient = useQueryClient();\n  const [internalNote, setInternalNote] = useState(propsnote);\n  const [isEditable, setIsEditable] = useState(false);\n\n  //   cancel button func\n  const handleCancelClick = () => {\n    setInternalNote(propsnote);\n    setIsEditable(false);\n  };\n\n  //   save button func\n  const handleSubmit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n    // console.log(internalNote);\n    const content = {\n      ZaplynTileRef: tileRef || \"0\",\n      ZaplynShopRef: shopRef || \"0\",\n      note: internalNote,\n    };\n\n    const res = await Endpoints.EditInternalNote(content);\n    if (res) {\n      if (tileRef) {\n        await queryClient.invalidateQueries([\"productsData\"]);\n      } else {\n        await queryClient.invalidateQueries(\"shopsData\");\n      }\n      closeOnClick();\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"bg-white p-2 rounded-lg\">\n        <div className=\"flex flex-col items-center justify-center\">\n          <textarea\n            name=\"internalnote\"\n            id=\"internalnote\"\n            className={`focus:outline-none p-2 shadow-md border  border-pink-300 rounded-md text-xs h-20 w-full overflow-hidden ${\n              isEditable ? \"bg-gray-100 \" : \"bg-gray-200 text-gray-600\"\n            }`}\n            type=\"Text\"\n            value={internalNote}\n            onChange={(e) => setInternalNote(e.target.value)}\n            required\n            placeholder=\"Add Note*\"\n            rows=\"1\"\n            readOnly={!isEditable}\n            maxLength={150}\n          />\n\n          {!isEditable ? (\n            <button\n              onClick={() => setIsEditable(true)}\n              className=\"py-1 mt-1 px-4 bg-gradient-to-b from-purple-300 to-pink-500 to-20% rounded-full text-xs font-semibold text-white shadow-md\"\n            >\n              Edit\n            </button>\n          ) : (\n            <div className=\"flex gap-2 mt-1 text-sm\">\n              <button\n                onClick={handleCancelClick}\n                className=\"px-4 p-1 rounded-full text-white hover:text-gray-700 bg-red-700 hover:bg-red-300\"\n              >\n                Cancel\n              </button>\n              <button\n                onClick={handleSubmit}\n                className=\"px-4 p-1 rounded-full text-white hover:text-gray-700 bg-green-700 hover:bg-green-300\"\n              >\n                Save\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default InternalNote;\n","export default __webpack_public_path__ + \"static/media/toggle-line.7ca60944.svg\";","export default __webpack_public_path__ + \"static/media/toggle-fill.23286ffc.svg\";","export default __webpack_public_path__ + \"static/media/filter.84a487c3.png\";","import React, { createContext, useState, useReducer } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useQuery } from \"react-query\";\nimport Endpoints from \"../api/endpoints\";\nimport dayjs from \"dayjs\";\n\n// Initial state\n// const initialState = [];\n// transactions: []\n\n// Create context\nexport const GlobalContext = createContext();\n\n// Reducer\n// export const AppReducer = (state, action) => {\n//   switch(action.type) {\n//     case 'DELETE_TRANSACTION':\n//       return {\n//         ...state,\n//         transactions: state.Shortlist.filter(transaction => transaction.id !== action.payload)\n//       }\n//     case 'ADD_TRANSACTION':\n//       return {\n//         ...state,\n//         transactions: [action.payload, ...state.transactions]\n//       }\n//     default:\n//       return state;\n//   }\n// }\n\n// Provider component\n\nexport const GlobalProvider = ({ children }) => {\n  // fetch userData\n  const {\n    isLoading: isUserDataLoading,\n    data: userData,\n    isError: isUserError,\n    error: userErr,\n  } = useQuery(\"userDetails\", Endpoints.FetchUserData, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  // fetch category list\n  const {\n    isLoading: isCategoryLoading,\n    data: productCategories,\n    isError: isCategoryError,\n    error: categoryErr,\n  } = useQuery(\"categoryData\", Endpoints.FetchUserCategories, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n    enabled: !!userData,\n  });\n\n  // fetch products data\n  // const {\n  //   isLoading: isProductsLoading,\n  //   data: fetchedProducts,\n  //   isError: isProductsError,\n  //   error: productsErr,\n  // } = useQuery(\"productsData\", Endpoints.LoadUserData, {\n  //   refetchOnMount: false,\n  //   refetchOnWindowFocus: false,\n  // });\n\n  // fetch products data\n  const {\n    isLoading: isProductsListLoading,\n    data: fetchedProductsList,\n    isError: isProductsListError,\n    error: productsListErr,\n  } = useQuery(\"productsDataList\", Endpoints.FetchProductsListData, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  //Homepage filter\n  const [filteredData, setFilteredData] = useState(null);\n  const [showFilteredData, setShowFilteredData] = useState(false);\n\n  // shops page product data\n  const [availableProducts, setAvailableProducts] = useState(null);\n\n  const [selectedFilterOptions, setSelectedFilterOptions] = useState([]);\n\n  const [selectedHomeFilterOptions, setSelectedHomeFilterOptions] = useState(\n    []\n  );\n\n  const [selectedButtonFilters, setSelectedButtonFilters] = useState([]);\n\n  const [showOrdersFilteredData, setShowOrdersFilteredData] = useState(false);\n  const [selectedOrderId, setSelectedOrderId] = useState(\"\");\n  const [selectedProductName, setSelectedProductName] = useState(\"\");\n  const [selectedCustomerName, setSelectedCustomerName] = useState(\"\");\n  const [selectedShopId, setSelectedShopId] = useState(\"\");\n  const [selectedOrderDate, setSelectedOrderDate] = useState(\"\");\n  const [selectedSortType, setSelectedSortType] = useState(\"latest\");\n\n  const [deliveredDate, setDeliveredDate] = React.useState(\"\");\n  const [orderStartDate, setOrderStartDate] = React.useState(\"\");\n  const [orderEndDate, setOrderEndDate] = React.useState(\"\");\n\n  // userAvatar\n  const [userAvatarArray, setUserAvatarArray] = useState([\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_1.svg\",\n      id: 1,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_2.svg\",\n      id: 2,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_3.svg\",\n      id: 3,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_4.svg\",\n      id: 4,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_5.svg\",\n      id: 5,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_6.svg\",\n      id: 6,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_7.svg\",\n      id: 7,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_8.svg\",\n      id: 8,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_9.svg\",\n      id: 9,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_10.svg\",\n      id: 10,\n    },\n    {\n      url: \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_11.svg\",\n      id: 11,\n    },\n  ]);\n  const [userAvatar, setUserAvatar] = useState(\n    \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_placeholder.svg\"\n  );\n\n  // const [state, dispatch] = useReducer(AppReducer, initialState);\n\n  // Actions\n  // function deleteTransaction(id) {\n  //   dispatch({\n  //     type: 'DELETE_TRANSACTION',\n  //     payload: id\n  //   });\n  // }\n\n  // function addTransaction(transaction) {\n  //   dispatch({\n  //     type: 'ADD_TRANSACTION',\n  //     payload: transaction\n  //   });\n  // }\n\n  return (\n    <GlobalContext.Provider\n      value={{\n        isUserDataLoading,\n        userData,\n        isUserError,\n        userErr,\n        userAvatarArray,\n        userAvatar,\n        setUserAvatar,\n        isCategoryLoading,\n        productCategories,\n        isCategoryError,\n        filteredData,\n        setFilteredData,\n        showFilteredData,\n        setShowFilteredData,\n        availableProducts,\n        setAvailableProducts,\n        categoryErr,\n        showOrdersFilteredData,\n        setShowOrdersFilteredData,\n        selectedFilterOptions,\n        setSelectedFilterOptions,\n        selectedHomeFilterOptions,\n        setSelectedHomeFilterOptions,\n        selectedButtonFilters,\n        setSelectedButtonFilters,\n        selectedOrderId,\n        setSelectedOrderId,\n        selectedProductName,\n        setSelectedProductName,\n        selectedCustomerName,\n        setSelectedCustomerName,\n        selectedShopId,\n        setSelectedShopId,\n        selectedOrderDate,\n        setSelectedOrderDate,\n        selectedSortType,\n        setSelectedSortType,\n        deliveredDate,\n        setDeliveredDate,\n        orderStartDate,\n        setOrderStartDate,\n        orderEndDate,\n        setOrderEndDate,\n        isProductsListLoading,\n        fetchedProductsList,\n        isProductsListError,\n        productsListErr,\n      }}\n    >\n      {children}\n    </GlobalContext.Provider>\n  );\n};\n","import { Auth } from \"aws-amplify\";\n\nconst getUserAttributes = async () => {\n  const user = await Auth.currentAuthenticatedUser();\n\n  const { attributes, username } = user;\n  return { ...attributes, username };\n};\nexport default getUserAttributes;\n","import getUserAttributes from \"../components/Account_Infomation/get-user-attributes\";\nimport getUsername from \"../components/Account_Infomation/Username\";\nimport getToken from \"../components/Token\";\nimport { createTileRef } from \"../helper/helper\";\n\n//userData\nconst FetchUserData = async () => {\n  const accesskeytoken = getToken();\n  const curUser = await getUserAttributes();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"get-user-data/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({ user: curUser.username }),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n\n    return { ...json, ...curUser };\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//topcategories for fiter button\nconst FetchTopCategory = async () => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"top-cat/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        seller: curUser,\n      }),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//products data\nconst LoadUserData = async (pageNo = 1) => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  var myHeaders = new Headers();\n  myHeaders.append(\"Authorization\", \"Bearer \" + accesskeytoken);\n  try {\n    const response = await fetch(link + \"message-list/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        user: curUser,\n        page: pageNo,\n      }),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\nconst FetchProductsListData = async () => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  try {\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` + \"message-list2/\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesskeytoken,\n        },\n        body: JSON.stringify({\n          user: curUser,\n        }),\n      }\n    );\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    console.log(\"Error\", error);\n  }\n};\n\n//images data\nconst LoadImages = async () => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"image-list/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        user: curUser,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    if (json) {\n      const newImages = Object.keys(json).map((key) => {\n        const { name, image } = json[key];\n        return { id: key, name, imga: image };\n      });\n      return newImages;\n    }\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n// Edit product sharing link\nconst EditLink = async (tileRef) => {\n  const accesskeytoken = getToken();\n  try {\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` + \"link/\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesskeytoken,\n        },\n        body: JSON.stringify({\n          ZaplynTileRef: tileRef,\n        }),\n      }\n    );\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//Clone Product\nconst CloneProduct = async (content) => {\n  const accesskeytoken = getToken();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"message-create/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify(content),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    if (json) {\n      // console.log(json);\n      return json;\n    }\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//Delete Product\nconst DeleteProduct = async (tileRef) => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"message-delete/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        ZaplynTileRef: tileRef,\n        user: curUser,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    if (json) {\n      return json;\n    }\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n// fetch-orders\nconst FetchOrderData = async (pageNo = 1) => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"fetch-orders/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({ user: curUser, page: pageNo }),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//category list\nconst GetCategories = async () => {\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"subject-list/\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//user specific category list\nconst FetchUserCategories = async () => {\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const curUser = getUsername();\n  try {\n    const response = await fetch(link + \"subject-list/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({ username: curUser }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n// Edit  Internal note\nconst EditInternalNote = async (content) => {\n  const accesskeytoken = getToken();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"create-note/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify(content),\n    });\n\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//create Shop\nconst CreateShop = async ({\n  currency,\n  shopname,\n  linkEnabled,\n  img_file,\n  productlist,\n  multiple_bookings,\n  booking_time,\n  email,\n  mobile,\n  address,\n  partial,\n  enable_scheduling,\n  shipping_enabled,\n  theme,\n  description,\n  categorylist,\n  discount,\n}) => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const newTileref = createTileRef();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"shop-create/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        author: curUser,\n        ZaplynShopRef: newTileref,\n        description: description,\n        currency: currency,\n        discount: discount || \"\",\n        vat: \"10\",\n        link_enabled: linkEnabled,\n        shipping_enabled,\n        multiple_bookings,\n        email,\n        mobile,\n        address,\n        partial,\n        booking_time,\n        enable_scheduling,\n        shopname: shopname,\n        image: img_file,\n        theme,\n        ZaplynTileRef: productlist,\n        category: categorylist,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//Edit Shop\nconst EditShop = async ({\n  shopRef,\n  currency,\n  shopname,\n  linkEnabled,\n  img_file,\n  multiple_bookings,\n  partial,\n  booking_time,\n  productlist,\n  email,\n  mobile,\n  address,\n  shipping_enabled,\n  description,\n  enable_scheduling,\n  theme,\n  categorylist,\n  discount,\n}) => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"shop-edit/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        author: curUser,\n        ZaplynShopRef: shopRef,\n        description: description,\n        currency: currency,\n        discount: discount || \"0\",\n        vat: \"10\",\n        link_enabled: linkEnabled,\n        multiple_bookings,\n        partial,\n        booking_time,\n        email,\n        mobile,\n        address,\n        shopname: shopname,\n        image: img_file,\n        theme,\n        shipping_enabled,\n        enable_scheduling,\n        ZaplynTileRef: productlist,\n        category: categorylist,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//Clone Shop\nconst CloneShop = async (content) => {\n  const accesskeytoken = getToken();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"shop-create/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify(content),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//fetch Shop\nconst FetchShops = async () => {\n  const accesskeytoken = getToken();\n  const curUser = getUsername();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"fetch-shops/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        user: curUser,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n// Edit Shop sharing link\nconst EditShopLink = async (shopRef) => {\n  const accesskeytoken = getToken();\n  try {\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` + \"shop-link/\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesskeytoken,\n        },\n        body: JSON.stringify({\n          ZaplynShopRef: shopRef,\n        }),\n      }\n    );\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n//Delete Shop\nconst DeleteShop = async (shopRef) => {\n  const accesskeytoken = getToken();\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  try {\n    const response = await fetch(link + \"shop-delete/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        ZaplynShopRef: shopRef,\n      }),\n    });\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\n// Shop Share page Endpoints\nconst FetchShopDetails = async (tile) => {\n  try {\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` + \"share-shop/\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          ZaplynShopRef: tile.slice(0, 9),\n        }),\n      }\n    );\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n// shop Products\nconst FetchShopProducts = async (tile) => {\n  try {\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` +\n        \"share-shop-tiles/\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({\n          ZaplynShopRef: tile.slice(0, 9),\n        }),\n      }\n    );\n    if (!response.ok) {\n      throw new Error(\"Something went wrong!\");\n    }\n    const json = await response.json();\n    return json;\n  } catch (error) {\n    // console.log(\"Something went wrong, please try again later\", error);\n    throw error;\n  }\n};\n\nconst Endpoints = {\n  FetchUserData,\n  FetchTopCategory,\n  LoadUserData,\n  LoadImages,\n  EditLink,\n  EditInternalNote,\n  CloneProduct,\n  DeleteProduct,\n  FetchOrderData,\n  GetCategories,\n  FetchUserCategories,\n  CreateShop,\n  EditShop,\n  FetchShops,\n  EditShopLink,\n  FetchProductsListData,\n\n  DeleteShop,\n  CloneShop,\n  FetchShopDetails,\n  FetchShopProducts,\n};\n\nexport default Endpoints;\n","import React, { useContext } from \"react\";\nimport ReactSwitch from \"react-switch\";\nimport { useState, useEffect } from \"react\";\nimport imageCompression from \"browser-image-compression\";\nimport getToken from \"./Token\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport useSubject from \"./Subject\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Buffer } from \"buffer\";\nimport Modal from \"react-modal\";\nimport \"../styles/PostCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport ColorComponent from \"./popups/ColorComponent\";\nimport { CompactPicker } from \"react-color\";\nimport SizeComponent from \"./popups/SizeComponent\";\nimport { useQueryClient } from \"react-query\";\nimport { GlobalContext } from \"./GlobalContext\";\nimport { S3 } from \"aws-sdk\";\nimport { convertToBase64 } from \"../helper/helper\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nwindow.Buffer = Buffer;\n\nconst PostMessagePopup2 = (props) => {\n  const queryClient = useQueryClient();\n\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const [images, setImages] = useState([]);\n  const [editImages, setEditImages] = useState([]);\n  const { productCategories } = useContext(GlobalContext);\n\n  const [files, setFiles] = useState([]);\n  const [posting, setPosting] = useState(false);\n  const [justposted, setJustposted] = useState(\"no\");\n  const accesstoken = getToken();\n  const username = getUsername();\n  //const [isPending, setIsPending] = useState(false);\n\n  const [body, setBody] = useState(\"\");\n  const [body2, setBody2] = useState(\"\");\n  const [totalprice, setTotalprice] = useState(0);\n  const [size, setSize] = useState([]);\n  const [color, setColor] = useState([]);\n  const [attribute, setAttribute] = useState(\"Size\");\n  const [colorattribute, setColorattribute] = useState(\"no\");\n  const [sizeattribute, setSizeattribute] = useState(\"no\");\n  const [qtyattribute, setQtyattribute] = useState(\"no\");\n  const [qty, setQty] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [fetched, setFetched] = useState(\"no\");\n  const [ZaplynTileRef, setZaplynTileRef] = useState(props.currenttileref);\n\n  const [author, setAuthor] = useState(username);\n\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n\n  const [itemTitle, setItemTitle] = useState(\"\");\n\n  // shipping checkbox\n  const [isShippingChecked, setIsShippingChecked] = useState(false);\n\n  const handleShippingPrice = () => {\n    setIsShippingChecked(!isShippingChecked);\n    setBody2(0);\n  };\n\n  // variants checkbox\n  const [isVariantChecked, setVariantChecked] = useState(false);\n\n  const handleVariantCheck = () => {\n    setVariantChecked(!isVariantChecked);\n  };\n\n  // variant items\n\n  const [variantItems, setVariantItems] = useState([\n    { variantName: \"\", price: \"\" },\n  ]);\n  const [variantCount, setVariantCount] = useState(variantItems?.length);\n\n  const handleAddVariantItem = () => {\n    if (variantCount < 10) {\n      setVariantItems([...variantItems, { variantName: \"\", price: \"\" }]);\n      setVariantCount(variantCount + 1);\n    }\n  };\n\n  // Addon checkbox\n  const [isAddOnChecked, setAddOnChecked] = useState(false);\n\n  const handleAddOnCheck = () => {\n    setAddOnChecked(!isAddOnChecked);\n  };\n\n  // Addon items\n\n  const [addOnItems, setAddOnItems] = useState([{ addOnName: \"\", price: \"\" }]);\n  const [addOnCount, setAddOnCount] = useState(1);\n\n  const handleAddAddOnItem = () => {\n    if (addOnCount < 10) {\n      setAddOnItems([...addOnItems, { addOnName: \"\", price: \"\" }]);\n      setAddOnCount(addOnCount + 1);\n    }\n  };\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n\n  // loading modal\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n\n  // Category and attribute related Func ---START---\n  //*********----------********** */\n  const [categoryList, setCategoryList] = useState(null);\n  const [subCategoryList, setSubCategoryList] = useState(null);\n  //   const { productCategories } = useContext(GlobalContext);\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n\n  const [attributes, setAttributes] = useState(null);\n\n  // color-picker\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const handleColorPicker = () => {\n    setShowColorPicker(!showColorPicker);\n  };\n  const handleColorSelection = (color) => {\n    setSelectedAttribute1([...selectedattribute1, color.hex]);\n  };\n\n  const onColorDelete = (index) => {\n    const newColors = selectedattribute1.filter((color, i) => i !== index);\n    setSelectedAttribute1(newColors);\n  };\n\n  //size picker\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const handleAttribute1Click = (name) => {\n    const newSelectedSizes = [...selectedattribute1];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute1(newSelectedSizes);\n  };\n\n  const handleAttribute2Click = (name) => {\n    const newSelectedSizes = [...selectedattribute2];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute2(newSelectedSizes);\n  };\n  const handleAttribute3Click = (name) => {\n    const newSelectedSizes = [...selectedattribute3];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute3(newSelectedSizes);\n  };\n  const handleAttribute4Click = (name) => {\n    const newSelectedSizes = [...selectedattribute4];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute4(newSelectedSizes);\n  };\n  const handleAttribute5Click = (name) => {\n    const newSelectedSizes = [...selectedattribute5];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute5(newSelectedSizes);\n  };\n\n  const [attribute1, setAttribute1] = useState(\"\");\n  const [attribute2, setAttribute2] = useState(\"\");\n  const [attribute3, setAttribute3] = useState(\"\");\n  const [attribute4, setAttribute4] = useState(\"\");\n  const [attribute5, setAttribute5] = useState(\"\");\n\n  //   categorylist\n  useEffect(() => {\n    if (productCategories) {\n      const categories = Object.keys(productCategories);\n      setCategoryList(categories);\n    }\n  }, [productCategories]);\n\n  //*********----------********** */\n  // Category and attribute related Func ---END---\n\n  const [baseImage, setBaseImage] = useState([]);\n\n  const handleSumbit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n\n    const imageUrls = [];\n    for (let i = 0; i < files.length; i++) {\n      const fileName = `${Date.now()}-${files[i].name}`;\n      const s3Params = {\n        Bucket: \"zaplynimages\",\n        Key: fileName,\n        ContentType: files[i].type,\n        Body: files[i],\n      };\n      try {\n        const response = await fetch(link + \"zaplyn-image-upload/\", {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            image: editImages[i],\n            filename: fileName,\n          }),\n        });\n\n        const json = await response.json();\n        imageUrls.push(json.url);\n      } catch (err) {\n        console.error(`Error uploading image ${i}:`, err);\n      }\n    }\n\n    let attr1 = \"\";\n    let attr2 = \"\";\n    let attr3 = \"\";\n    let attr4 = \"\";\n    let attr5 = \"\";\n\n    if (attribute1 !== \"\") {\n      attr1 = attribute1 + \"-\" + selectedattribute1.toString();\n    }\n    if (attribute2 !== \"\") {\n      attr2 = attribute2 + \"-\" + selectedattribute2.toString();\n    }\n    if (attribute3 !== \"\") {\n      attr3 = attribute3 + \"-\" + selectedattribute3.toString();\n    }\n\n    if (attribute4 !== \"\") {\n      attr4 = attribute4 + \"-\" + selectedattribute4.toString();\n    }\n    if (attribute5 !== \"\") {\n      attr5 = attribute5 + \"-\" + selectedattribute5.toString();\n    }\n    const content = {\n      author,\n      attribute,\n      totalprice,\n      itemname: itemTitle,\n      desc,\n      body: body || 0,\n      body2,\n      color: \"\",\n      size: \"\",\n      qty,\n      images: imageUrls.toString() || images.toString(),\n      subject: selectedCategory,\n      sub_category: selectedSubCategory,\n      ZaplynTileRef,\n      link_enabled,\n      variant: variantItems\n        ?.map((item) => [item.variantName, item.price].toString())\n        .toString(),\n      show_variant: isVariantChecked,\n      add_ons: addOnItems.reduce((result, obj) => {\n        result[obj.addOnName] = obj.price;\n        return result;\n      }, {}),\n      etm_date:\n        fromEtmDelivery + \",\" + toEtmDelivery + \",\" + selectedEtmDelivery,\n      currency: chosencurrency,\n      attribute_1: attr1 || \"\",\n      attribute_2: attr2 || \"\",\n      attribute_3: attr3 || \"\",\n      attribute_4: attr4 || \"\",\n      attribute_5: attr5 || \"\",\n    };\n\n    const response = await fetch(link + \"message-edit/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesstoken,\n      },\n      body: JSON.stringify(content),\n    });\n\n    const json = await response.json();\n\n    if (json) {\n      setDesc(\"\");\n      setJustposted(\"yes\");\n      document.getElementById(\"messagesubject\").reset();\n      setBody(\"\");\n      setBody2(\"\");\n\n      setIsLoadingModalOpen(true);\n      await queryClient.invalidateQueries(\"productsData\");\n      props.onClick();\n\n      // await queryClient.invalidateQueries(\"productImages\");\n      setIsLoadingModalOpen(false);\n    }\n\n    // const options = {\n    //   maxSizeMB: 0.2,\n    //   maxWidthOrHeight: 1280,\n    // };\n\n    // var count = Object.keys(files).length;\n    // // console.log(count);\n    // setBaseImage([]);\n    // if (count > 0) {\n    //   for (let i = 0; i < count; i++) {\n    //     const compressedFile = await imageCompression(files[i], options);\n    //     const base64 = await convertBase64(compressedFile);\n\n    //     await fetch(link+\"photo-upload/\", {\n    //       method: \"POST\",\n    //       headers: {\n    //         \"Content-Type\": \"application/json\",\n    //         Authorization: \"Bearer \" + accesstoken,\n    //       },\n    //       body: JSON.stringify({\n    //         user: author,\n    //         name: ZaplynTileRef + \"-img-\" + i,\n    //         image: base64,\n    //         ZaplynTileRef: ZaplynTileRef,\n    //       }),\n    //     })\n    //       .then((response) => response.json())\n    //       .then((json) => setBaseImage(json[\"image_data\"]));\n    //   }\n    // }\n  };\n\n  const uploadImage = async (e) => {\n    const newFiles = [];\n    //frontend display\n    const newImages = [];\n    console.log(e.target.files);\n    for (let i = 0; i < e.target.files.length; i++) {\n      const options = {\n        maxSizeMB: 0.2,\n        maxWidthOrHeight: 1280,\n      };\n      const compressedImg = await imageCompression(e.target.files[i], options);\n      const compressedbase64 = await convertToBase64(compressedImg);\n      const base64 = await convertToBase64(e.target.files[i]);\n      newImages.push(compressedbase64);\n      newFiles.push(e.target.files[i]);\n      // newImages.push(e.target.files[i]);\n    }\n    setEditImages(newImages);\n    setFiles(newFiles);\n  };\n\n  const [checked, setChecked] = useState(false);\n  const [link_enabled, setLink_enabled] = useState(\"no\");\n  const handleChange = (val) => {\n    setChecked(val);\n    if (val) {\n      setLink_enabled(\"yes\");\n    } else {\n      setLink_enabled(\"no\");\n    }\n  };\n\n  useEffect(() => {\n    if (fetched == \"no\") {\n      fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}` + \"fetch-message/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: author,\n            ZaplynTileRef: ZaplynTileRef,\n          }),\n        }\n      )\n        .then((response) => response.json())\n        .then((json) => {\n          // console.log(\"fetcheddata\", json);\n\n          setSelectedCategory(json.category);\n          setSelectedSubCategory(json.sub_category);\n          if (json.attribute_1 !== \"\") {\n            setAttribute1(json.attribute_1.split(\"-\")[0]);\n            setSelectedAttribute1(json.attribute_1.split(\"-\")[1].split(\",\"));\n          }\n          if (json.attribute_2 !== \"\") {\n            setAttribute2(json.attribute_2.split(\"-\")[0]);\n            setSelectedAttribute2(json.attribute_2.split(\"-\")[1].split(\",\"));\n          }\n          if (json.attribute_3 !== \"\") {\n            setAttribute3(json.attribute_3.split(\"-\")[0]);\n            setSelectedAttribute3(json.attribute_3.split(\"-\")[1].split(\",\"));\n          }\n          if (json.attribute_4 !== \"\") {\n            setAttribute4(json.attribute_4.split(\"-\")[0]);\n            setSelectedAttribute4(json.attribute_4.split(\"-\")[1].split(\",\"));\n          }\n          if (json.attribute_5 !== \"\") {\n            setAttribute5(json.attribute_5.split(\"-\")[0]);\n            setSelectedAttribute5(json.attribute_5.split(\"-\")[1].split(\",\"));\n          }\n\n          setChosencurrency(json.currency);\n          setDesc(json.description);\n          setLink_enabled(json.link_enabled);\n          setBody(json.retail_price);\n          setImages(json.images);\n          if (json.etm_date !== null) {\n            setFromEtmDelivery(json.etm_date?.split(\",\")[0]);\n            setToEtmDelivery(json.etm_date?.split(\",\")[1]);\n            setSelectedEtmDelivery(json.etm_date?.split(\",\")[2]);\n          }\n          setVariantChecked(json.show_variant);\n          if (json.show_variant === true) {\n            let items = [];\n            setVariantCount(Object.keys(json.variant).length);\n            for (let i = 0; i < Object.keys(json.variant).length; i++) {\n              const updatedItems = [...items, { variantName: \"\", price: \"\" }];\n              updatedItems[i].variantName = Object.keys(json.variant)[i];\n              updatedItems[i].price = Object.values(json.variant)[i];\n              items = [...updatedItems];\n            }\n            setVariantItems(items);\n          }\n\n          if (\n            json?.add_ons !== null &&\n            json?.add_ons !== undefined &&\n            json.add_ons[json.ZaplynTileRef] !== null &&\n            json.add_ons[json.ZaplynTileRef] !== undefined &&\n            Object.keys(json.add_ons[json.ZaplynTileRef]).length > 0\n          ) {\n            setAddOnChecked(true);\n            let items = [];\n            setAddOnCount(Object.keys(json.add_ons[json.ZaplynTileRef]).length);\n            for (\n              let i = 0;\n              i < Object.keys(json.add_ons[json.ZaplynTileRef]).length;\n              i++\n            ) {\n              const updatedItems = [...items, { addOnName: \"\", price: \"\" }];\n              updatedItems[i].addOnName = Object.keys(\n                json.add_ons[json.ZaplynTileRef]\n              )[i];\n              updatedItems[i].price = Object.values(\n                json.add_ons[json.ZaplynTileRef]\n              )[i];\n              items = [...updatedItems];\n            }\n            setAddOnItems(items);\n          }\n          setItemTitle(json.itemname);\n          setBody2(json.shipping_price);\n          setTotalprice(json.total_price);\n          setQty(json.quantity);\n          if (json.link_enabled === \"yes\") {\n            setChecked(true);\n          }\n          setFetched(\"yes\");\n        });\n    }\n  }, []);\n\n  //   subCategoryList\n  useEffect(() => {\n    if (productCategories && selectedCategory && fetched === \"yes\") {\n      const subcategories = Object.keys(productCategories[selectedCategory]);\n      if (\n        subcategories?.length === 1 &&\n        subcategories[0] === selectedCategory\n      ) {\n        setSubCategoryList(null);\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      } else {\n        setSubCategoryList(\n          subcategories.filter((item) => item !== selectedCategory)\n        );\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      }\n    }\n  }, [selectedCategory, fetched]);\n\n  //   attributes\n  useEffect(() => {\n    if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory !== \"select\" &&\n      fetched === \"yes\"\n    ) {\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedSubCategory];\n      setAttributes(attributes);\n    } else if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory === \"select\" &&\n      fetched === \"yes\"\n    ) {\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedCategory];\n      setAttributes(attributes);\n    }\n  }, [selectedSubCategory, fetched]);\n\n  //   attributes values\n  useEffect(() => {\n    if (productCategories && attributes && fetched === \"yes\") {\n      for (let i = 0; i < Object.keys(attributes).length; i++) {\n        if (i === 0) {\n          setAttribute1(Object.keys(attributes)[i]);\n        } else if (i === 1) {\n          setAttribute2(Object.keys(attributes)[i]);\n        } else if (i === 2) {\n          setAttribute3(Object.keys(attributes)[i]);\n        } else if (i === 3) {\n          setAttribute4(Object.keys(attributes)[i]);\n        } else if (i === 4) {\n          setAttribute5(Object.keys(attributes)[i]);\n        }\n      }\n    }\n  }, [attributes, fetched]);\n  useEffect(() => {\n    if (body2 !== \"\" && body2 !== 0) {\n      setIsShippingChecked(true);\n    }\n  }, [body2]);\n\n  // console.log(files);\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"sub-categ\", subCategoryList);\n  // console.log(\"ats\", attributes);\n  // console.log(\"at1\", attribute1);\n  // console.log(\"at2\", attribute2);\n  // console.log(\"at3\", attribute3);\n  // console.log(\"at4\", attribute4);\n  // console.log(\"at5\", attribute5);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n\n  return (\n    <div className=\"z-40 bg-white rounded-lg\">\n      <div id=\"containerbox\" className=\"flex flex-col gap-2 p-2\">\n        <p className=\"text-lg \">Edit your Product</p>\n\n        <div className=\"md:flex md:mt-2 md:gap-4 md:w-full\">\n          {/* details section */}\n          <div className=\"flex flex-col gap-2 md:gap-4 md:w-1/2\">\n            {/* category div */}\n            <div className=\"relative flex flex-col justify-center items-end gap-2\">\n              <div className=\" p-1 w-full \">\n                <select\n                  class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                  required\n                  value={selectedCategory}\n                  onChange={(e) => {\n                    if (e.target.value !== \"Select Category\") {\n                      setAttributes(null);\n                      setAttribute1(\"\");\n                      setAttribute2(\"\");\n                      setAttribute3(\"\");\n                      setAttribute4(\"\");\n                      setAttribute5(\"\");\n                      setSelectedAttribute1([]);\n                      setSelectedAttribute2([]);\n                      setSelectedAttribute3([]);\n                      setSelectedAttribute4([]);\n                      setSelectedAttribute5([]);\n                      setSelectedCategory(e.target.value);\n                    } else if (e.target.value === \"Select Category\") {\n                      setSubCategoryList(null);\n                      setAttributes(null);\n                      setAttribute1(\"\");\n                      setAttribute2(\"\");\n                      setAttribute3(\"\");\n                      setAttribute4(\"\");\n                      setAttribute5(\"\");\n                      setSelectedAttribute1([]);\n                      setSelectedAttribute2([]);\n                      setSelectedAttribute3([]);\n                      setSelectedAttribute4([]);\n                      setSelectedAttribute5([]);\n                    }\n                  }}\n                >\n                  {categoryList == null && <div>loading</div>}\n                  {categoryList != null &&\n                    categoryList.map((category, index) => (\n                      <option key={index} value={category}>\n                        {category}\n                      </option>\n                    ))}\n                </select>\n              </div>\n              {subCategoryList !== null && (\n                <div className=\" p-1 w-full \">\n                  <select\n                    class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                    required\n                    defaultValue={selectedSubCategory}\n                    value={selectedSubCategory}\n                    onChange={(e) => {\n                      if (e.target.value !== \"Select\") {\n                        setAttribute1(\"\");\n                        setAttribute2(\"\");\n                        setAttribute3(\"\");\n                        setAttribute4(\"\");\n                        setAttribute5(\"\");\n                        setSelectedAttribute1([]);\n                        setSelectedAttribute2([]);\n                        setSelectedAttribute3([]);\n                        setSelectedAttribute4([]);\n                        setSelectedAttribute5([]);\n                        setShowColorPicker(false);\n                        setSelectedSubCategory(e.target.value);\n                      }\n                    }}\n                  >\n                    {subCategoryList == null && <div>loading</div>}\n                    {subCategoryList != null &&\n                      subCategoryList.map((subcategory, index) => (\n                        <option key={index} value={subcategory}>\n                          {subcategory}\n                        </option>\n                      ))}\n                  </select>\n                </div>\n              )}\n              {/* {subjectError && (\n                <p className=\" text-xs text-red-700\">{subjectError}</p>\n              )} */}\n            </div>\n            <input\n              id=\"title\"\n              className=\"focus:outline-none p-2  shadow-md border border-pink-300 rounded-md text-sm w-full\"\n              type=\"Text\"\n              required\n              value={itemTitle || \"\"}\n              onChange={(e) => setItemTitle(e.target.value)}\n              placeholder=\"Add Title*\"\n              rows=\"1\"\n              maxLength={50}\n            />\n            <textarea\n              id=\"description\"\n              className=\"focus:outline-none p-2 shadow-md border border-pink-300 rounded-md text-sm w-full h-24 resize-none\"\n              type=\"Text\"\n              value={desc}\n              onChange={(e) => setDesc(e.target.value)}\n              required\n              placeholder=\"Add Description*\"\n              rows=\"1\"\n              maxLength={150}\n            />\n            <div className=\"space-y-2 md:space-y-4\">\n              {/* variants div */}\n              <div className=\"flex flex-col items-start  gap-2 \">\n                <div className=\"flex items-center gap-3\">\n                  {/* <select\n                    className=\"focus:outline-none w-2/7  shadow-md bg-white border border-pink-300 rounded-md text-xs p-2 cursor-pointer \"\n                    required\n                    onChange={(e) => setChosencurrency(e.target.value)}\n                  >\n                    <option value=\"GBP\">GBP</option>\n                    <option value=\"EUR\">EUR</option>\n                    <option value=\"USD\">USD</option>\n                  </select> */}\n                  <p className=\"text-xs\">\n                    {chosencurrency} {`(£)`}\n                  </p>\n                  <p className=\"flex text-xs md:text-sm text-gray-600 my-2\">\n                    Product Variants?{\" \"}\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      arrow\n                      title=\"Add variants to your product/service each with its own price.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n\n                  <input\n                    type=\"checkbox\"\n                    id=\"variant\"\n                    name=\"variant\"\n                    className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                    checked={isVariantChecked}\n                    onChange={handleVariantCheck}\n                  />\n                  {isVariantChecked && (\n                    <div\n                      onClick={handleAddVariantItem}\n                      className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                  )}\n                </div>\n\n                {isVariantChecked && (\n                  <>\n                    {variantItems?.map((item, index) => (\n                      <div key={index} className=\"flex gap-2 items-center \">\n                        <input\n                          type=\"text\"\n                          className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                          required\n                          value={item.variantName}\n                          placeholder=\"Variant Name\"\n                          onChange={(e) => {\n                            const updatedItems = [...variantItems];\n                            updatedItems[index].variantName = e.target.value;\n                            setVariantItems(updatedItems);\n                          }}\n                        />\n                        <input\n                          type=\"number\"\n                          className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                          value={item.price}\n                          placeholder=\"Variant Price\"\n                          onChange={(e) => {\n                            const updatedItems = [...variantItems];\n                            updatedItems[index].price = e.target.value;\n                            setVariantItems(updatedItems);\n                          }}\n                        />\n                        <button\n                          onClick={() => {\n                            const updatedItems = [...variantItems];\n                            updatedItems.splice(index, 1);\n                            setVariantItems(updatedItems);\n                            setVariantCount(variantCount - 1);\n                          }}\n                        >\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-5 h-5\"\n                          >\n                            <path\n                              d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                              fill=\"red\"\n                            ></path>\n                          </svg>\n                        </button>\n                      </div>\n                    ))}\n                  </>\n                )}\n              </div>\n\n              {/* price-div */}\n              <div className=\"flex flex-col gap-1\">\n                {!isVariantChecked && (\n                  <div className=\"flex flex-row justify-evenly w-full  \">\n                    <div className=\"flex flex-row-reverse  w-full rounded-sm text-sm\">\n                      <input\n                        id=\"messagecontent\"\n                        className=\"focus:outline-none placeholder-gray-400 shadow-md  border-pink-300 rounded-md text-xs p-2 border mr-3 \"\n                        type=\"number\"\n                        value={body}\n                        onChange={(e) => setBody(e.target.value)}\n                        required\n                        placeholder=\"Retail Price\"\n                        rows=\"1\"\n                      />\n                      <p className=\"text-sm m-2 w-1/4 justify-center font-semibold text-gray-600 \">\n                        Retail Price\n                      </p>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex mt-1 w-full justify-start \">\n                  {!isShippingChecked && (\n                    <p className=\"flex text-xs text-gray-600 my-2\">\n                      Shipping Charges?\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        placement=\"top\"\n                        arrow\n                        title=\"Use this to add shipping charge to each item.\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n                  )}\n                  <input\n                    type=\"checkbox\"\n                    id=\"shippingPrice\"\n                    name=\"shippingPrice\"\n                    className=\"h-4 w-4 mx-2 my-2\"\n                    checked={isShippingChecked}\n                    onChange={handleShippingPrice}\n                  />\n\n                  {isShippingChecked && (\n                    <div className=\"flex items-end  w-full \">\n                      <div className=\"flex flex-row w-full justify-evenly rounded-md text-sm\">\n                        <p className=\"text-sm w-1/3 m-1 font-semibold text-gray-600 \">\n                          Shipping Price\n                        </p>\n                        <input\n                          id=\"messagecontent\"\n                          className=\"focus:outline-none placeholder-gray-400 mr-1 shadow-md border border-pink-300 rounded-md text-xs p-2 \"\n                          type=\"number\"\n                          value={body2}\n                          onChange={(e) => {\n                            setBody2(e.target.value);\n                            setTotalprice(parseInt(body) + parseInt(body2));\n                          }}\n                          required\n                          placeholder=\"Shipping Price/item\"\n                          rows=\"1\"\n                        />\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n\n              {/* Add ons div */}\n              <div className=\"flex flex-col items-start  gap-2 \">\n                <div className=\"flex items-center gap-4\">\n                  <p className=\"flex text-sm text-gray-600 my-2 \">\n                    Add-ons?\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      arrow\n                      leaveTouchDelay={5000}\n                      title=\"This allows users to choose additional items on top of the product (for example, extra cheese on their burger!).\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n\n                  <input\n                    type=\"checkbox\"\n                    id=\"addon\"\n                    name=\"addon\"\n                    className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                    checked={isAddOnChecked}\n                    onChange={handleAddOnCheck}\n                  />\n                  {isAddOnChecked && (\n                    <div\n                      onClick={handleAddAddOnItem}\n                      className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                  )}\n                </div>\n\n                {isAddOnChecked && (\n                  <>\n                    {addOnItems.map((item, index) => (\n                      <div key={index} className=\"flex gap-2 items-center \">\n                        <input\n                          type=\"text\"\n                          className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                          required\n                          value={item.addOnName}\n                          placeholder=\"Add-on Name\"\n                          onChange={(e) => {\n                            const updatedItems = [...addOnItems];\n                            updatedItems[index].addOnName = e.target.value;\n                            setAddOnItems(updatedItems);\n                          }}\n                        />\n                        <input\n                          type=\"number\"\n                          className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                          value={item.price}\n                          placeholder=\"addon Price\"\n                          onChange={(e) => {\n                            const updatedItems = [...addOnItems];\n                            updatedItems[index].price = e.target.value;\n                            setAddOnItems(updatedItems);\n                          }}\n                        />\n                        <button\n                          onClick={() => {\n                            const updatedItems = [...addOnItems];\n                            updatedItems.splice(index, 1);\n                            setAddOnItems(updatedItems);\n                            setAddOnCount(addOnCount - 1);\n                          }}\n                        >\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-5 h-5\"\n                          >\n                            <path\n                              d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                              fill=\"red\"\n                            ></path>\n                          </svg>\n                        </button>\n                      </div>\n                    ))}\n                  </>\n                )}\n              </div>\n\n              {/* Estimated Delivery */}\n              <div>\n                <div className=\"flex gap-2 items-center justify-between \">\n                  <p className=\"flex text-sm\">\n                    Estimated Delivery Time{\" \"}\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      leaveTouchDelay={5000}\n                      placement=\"top\"\n                      arrow\n                      title=\"Set this time to explain the delivery time of your product or service.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                  <select\n                    className=\"cursor-pointer w-1/3 mr-4 shadow-md bg-white justify-end focus:outline-none border border-pink-300 rounded-md text-xs p-2\"\n                    required\n                    value={selectedEtmDelivery}\n                    onChange={(e) => setSelectedEtmDelivery(e.target.value)}\n                  >\n                    <option value=\"select\">Select </option>\n                    <option value=\"minutes\">Minutes</option>\n                    <option value=\"hours\">Hours</option>\n                    <option value=\"days\">Days</option>\n                  </select>\n                </div>\n\n                {selectedEtmDelivery !== \"\" &&\n                  selectedEtmDelivery !== \"select\" && (\n                    <div className=\"flex items-center gap-3 mt-2\">\n                      <input\n                        className=\"focus:outline-none p-1  shadow-md border placehol border-pink-300 rounded-md h-8 w-full text-left text-sm\"\n                        type=\"text\"\n                        onChange={(e) => setFromEtmDelivery(e.target.value)}\n                        value={fromEtmDelivery}\n                        placeholder={`${\n                          selectedEtmDelivery === \"minutes\" ? \"20\" : \"\"\n                        } ${selectedEtmDelivery === \"hours\" ? \"4\" : \"\"}${\n                          selectedEtmDelivery === \"days\" ? \"3\" : \"\"\n                        } `}\n                      />\n                      <p>To</p>\n                      <input\n                        className=\"focus:outline-none p-1  shadow-md border placehol border-pink-300 rounded-md h-8  w-full text-left text-sm\"\n                        type=\"text\"\n                        onChange={(e) => setToEtmDelivery(e.target.value)}\n                        value={toEtmDelivery}\n                        placeholder={`${\n                          selectedEtmDelivery === \"minutes\" ? \"30\" : \"\"\n                        } ${selectedEtmDelivery === \"hours\" ? \"8\" : \"\"}${\n                          selectedEtmDelivery === \"days\" ? \"5\" : \"\"\n                        } `}\n                      />\n\n                      <p className=\" text-gray-500 text-sm\">\n                        {selectedEtmDelivery}\n                      </p>\n                    </div>\n                  )}\n              </div>\n\n              <div className=\"flex my-2 gap-4 items-center w-full justify-between pr-5\">\n                {/* share-link div */}\n                <div className=\"text-sm py-2 px-1 border border-pink-300 shadow-md  rounded-md w-1/2 flex flex-row justify-start\">\n                  <p className=\" mr-2 my-1 font-semibold text-gray-600 text-sm\">\n                    Enable Link\n                  </p>\n                  <ReactSwitch checked={checked} onChange={handleChange} />\n                </div>\n\n                {/* total-price */}\n                {/* {body && body2 && (\n                  <p className=\"flex flex-col items-end\">\n                    <span className=\"text-gray-500\"> Total Price:</span>\n                    <span className=\"text-xl text-gray-600\">\n                      {chosencurrency === \"GBP\" && (\n                        <span className=\"mr-1\">£</span>\n                      )}\n                      {chosencurrency === \"EUR\" && (\n                        <span className=\"mr-1\">€</span>\n                      )}\n                      {chosencurrency === \"USD\" && (\n                        <span className=\"mr-1\">$</span>\n                      )}\n                      {parseInt(body) + parseInt(body2)}\n                    </span>\n                  </p>\n                )} */}\n              </div>\n\n              <p className=\" flex items-start text-sm  text-gray-500\">\n                Quantity\n                <Tooltip\n                  enterTouchDelay={0}\n                  TransitionComponent={Zoom}\n                  placement=\"top\"\n                  arrow\n                  title=\"Maximum amount that can be ordered by customer. Default value is 1.\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    className=\"w-4 h-4\"\n                  >\n                    <path\n                      d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                      fill=\"rgba(235,117,253,1)\"\n                    ></path>\n                  </svg>\n                </Tooltip>\n              </p>\n\n              <input\n                id=\"messagecontent\"\n                className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-full cursor-pointer rounded-lg bg-gray-200\"\n                type=\"number\"\n                value={qty}\n                onChange={(e) => setQty(e.target.value)}\n                required\n                placeholder=\"Qty\"\n                rows=\"1\"\n              />\n\n              <div className=\"p-1 \">\n                {attributes !== null &&\n                  attributes !== undefined &&\n                  Object.keys(attributes).length !== 0 && (\n                    <>\n                      {attribute1 !== \"\" && attribute1 === \"color\" ? (\n                        <>\n                          <p className=\"flex items-center justify-start\">\n                            {attribute1}\n                          </p>\n                          <div className=\"relative flex items-center w-full justify-between  p-0.5 \">\n                            <div className=\"  rounded-md grid grid-cols-6 w-9/12\">\n                              {selectedattribute1?.map((color, index) => (\n                                <ColorComponent\n                                  key={index}\n                                  color={color}\n                                  index={index}\n                                  onDelete={onColorDelete}\n                                />\n                              ))}\n                            </div>\n                            <button\n                              className=\"flex items-center rounded-md shadow-md px-2 p-1 w-3/12  text-xs\"\n                              onClick={handleColorPicker}\n                            >\n                              {showColorPicker ? (\n                                <p className=\"flex pl-2\">\n                                  Close{\" \"}\n                                  <span>\n                                    <svg\n                                      xmlns=\"http://www.w3.org/2000/svg\"\n                                      viewBox=\"0 0 20 20\"\n                                      width=\"20\"\n                                      height=\"20\"\n                                      className=\"text-red-400 w-4 h-4\"\n                                    >\n                                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                      <path d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\n                                    </svg>\n                                  </span>{\" \"}\n                                </p>\n                              ) : (\n                                <button className=\"flex items-center \">\n                                  <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    viewBox=\"0 0 24 24\"\n                                    width=\"20\"\n                                    height=\"20\"\n                                  >\n                                    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                    <path d=\"M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 1 1-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1H18.07L11 6.03z\" />\n                                  </svg>\n                                  <p className=\"text-xs\">Chose Color</p>\n                                </button>\n                              )}\n                            </button>\n\n                            {/* color-picker absolute */}\n                            {showColorPicker && (\n                              <div className=\"absolute -top-24 right-0\">\n                                <button\n                                  onClick={() => setShowColorPicker(false)}\n                                >\n                                  x\n                                </button>\n                                <CompactPicker\n                                  onChangeComplete={handleColorSelection}\n                                />\n                              </div>\n                            )}\n                          </div>\n                        </>\n                      ) : (\n                        <div className=\"\">\n                          {attribute1 !== \"\" && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute1}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3 p-1\">\n                                {attributes[attribute1]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute1}\n                                      onSelect={() =>\n                                        handleAttribute1Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        </div>\n                      )}\n                      {attribute2 !== \"\" && (\n                        <>\n                          <p className=\"flex items-center justify-start\">\n                            {attribute2}\n                          </p>\n                          <div className=\" flex flex-wrap gap-3  p-2\">\n                            {attributes[attribute2].split(\",\").map((size) => (\n                              <SizeComponent\n                                key={size}\n                                name={size}\n                                selectedSizes={selectedattribute2}\n                                onSelect={() => handleAttribute2Click(size)}\n                              />\n                            ))}\n                          </div>\n                        </>\n                      )}\n                      {attribute3 !== \"\" && (\n                        <>\n                          <p className=\"flex items-center justify-start\">\n                            {attribute3}\n                          </p>\n                          <div className=\" flex flex-wrap gap-3  p-2\">\n                            {attributes[attribute3].split(\",\").map((size) => (\n                              <SizeComponent\n                                key={size}\n                                name={size}\n                                selectedSizes={selectedattribute3}\n                                onSelect={() => handleAttribute3Click(size)}\n                              />\n                            ))}\n                          </div>\n                        </>\n                      )}\n                      {attribute4 !== \"\" && (\n                        <>\n                          <p className=\"flex items-center justify-start\">\n                            {attribute4}\n                          </p>\n                          <div className=\" flex flex-wrap gap-3  p-2\">\n                            {attributes[attribute4].split(\",\").map((size) => (\n                              <SizeComponent\n                                key={size}\n                                name={size}\n                                selectedSizes={selectedattribute4}\n                                onSelect={() => handleAttribute4Click(size)}\n                              />\n                            ))}\n                          </div>\n                        </>\n                      )}\n                      {attribute5 !== \"\" && (\n                        <>\n                          <p className=\"flex items-center justify-start\">\n                            {attribute5}\n                          </p>\n                          <div className=\" flex flex-wrap gap-3  p-2\">\n                            {attributes[attribute5].split(\",\").map((size) => (\n                              <SizeComponent\n                                key={size}\n                                name={size}\n                                selectedSizes={selectedattribute5}\n                                onSelect={() => handleAttribute5Click(size)}\n                              />\n                            ))}\n                          </div>\n                        </>\n                      )}\n                    </>\n                  )}\n              </div>\n            </div>\n          </div>\n          {/* image-section */}\n          <div className=\" py-2 md:py-0 my-auto md:w-1/2\">\n            {images?.length > 0 ? (\n              <>\n                <div className=\" w-full mb-14  \" style={{ height: \"100%\" }}>\n                  {editImages.length > 0 ? (\n                    <Carousel\n                      infiniteLoop={true}\n                      showStatus={false}\n                      showArrows={false}\n                      swipeable={false}\n                      thumbWidth={50}\n                      className=\"postproductCarousel\"\n                    >\n                      {editImages.map((image) => (\n                        <img src={image} alt=\"\" className=\"  \" />\n                      ))}\n                    </Carousel>\n                  ) : (\n                    <Carousel\n                      infiniteLoop={true}\n                      showStatus={false}\n                      showArrows={false}\n                      swipeable={false}\n                      thumbWidth={50}\n                      className=\"postproductCarousel\"\n                    >\n                      {images.map((image) => (\n                        <img src={image} alt=\"\" className=\"\" />\n                      ))}\n                    </Carousel>\n                  )}\n                </div>\n                <label\n                  htmlFor=\"image_uploads\"\n                  className=\" text-xs align-middle cursor-pointer shadow-md px-4 py-1 w-40  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                >\n                  Change Images\n                </label>\n                <input\n                  type=\"file\"\n                  id=\"image_uploads\"\n                  name=\"image_uploads\"\n                  style={{ display: \"none\" }}\n                  multiple\n                  accept=\"image/*\"\n                  onChange={(e) => {\n                    uploadImage(e);\n                  }}\n                />\n              </>\n            ) : (\n              <>\n                <label\n                  htmlFor=\"img_uploads\"\n                  className=\"flex flex-col items-center justify-center text-gray-400 cursor-pointer md:w-72\"\n                >\n                  {\" \"}\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    width=\"120\"\n                    height=\"120\"\n                  >\n                    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                    <path\n                      d=\"M12 12.586l4.243 4.242-1.415 1.415L13 16.415V22h-2v-5.587l-1.828 1.83-1.415-1.415L12 12.586zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784L18 17a6 6 0 0 0-11.996-.225L6 17v1.978a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z\"\n                      fill=\"rgba(50,152,219,1)\"\n                    />\n                  </svg>\n                  <p>Click to Upload Image(s)</p>\n                </label>\n                <input\n                  id=\"img_uploads\"\n                  name=\"img_uploads\"\n                  type=\"file\"\n                  style={{ display: \"none\" }}\n                  multiple\n                  accept=\"image/*\"\n                  onChange={(e) => {\n                    uploadImage(e);\n                  }}\n                />\n              </>\n            )}\n          </div>\n        </div>\n\n        <form\n          id=\"messagesubject\"\n          onSubmit={handleSumbit}\n          className=\" md:pt-2 pb-2\"\n        >\n          <div className=\" flex flex-col text-center \">\n            <div className=\" pl-2 text-center\">\n              <button className=\" focus:outline-none text-center\">\n                <div className=\"focus:border-0 \">\n                  <div className=\" cursor-pointer w-40 text-md md:text-md shadow-md px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\">\n                    Save\n                  </div>\n                </div>\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nexport default PostMessagePopup2;\n","import { useState, useEffect } from \"react\";\n\nconst useSubject = (url, authheader) => {\n  const [data, setData] = useState(null);\n\n  //{ signal: abortCont.signal } in 2nd param of fetch\n  useEffect(() => {\n    const abortCont = new AbortController();\n    var myHeaders = new Headers();\n    myHeaders.append(\"Authorization\", \"Bearer \" + authheader);\n\n    setTimeout(() => {\n      fetch(url, {\n        signal: abortCont.signal,\n        headers: myHeaders,\n      })\n        .then((res) => {\n          if (!res.ok) {\n            throw Error(\"could not fetch the data for that resource\");\n          }\n          return res.json();\n        })\n        .then((data) => {\n          setData(data);\n        })\n        .catch((err) => {\n          if (err.name === \"AbortError\") {\n            console.log(\"fetch aborted\");\n          } else {\n          }\n        });\n    }, 1000);\n\n    return () => abortCont.abort();\n  }, [url, authheader]);\n\n  return { data };\n};\n\nexport default useSubject;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { RadioGroup } from \"@headlessui/react\";\nimport \"../../styles/PostCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport { GlobalContext } from \"../GlobalContext\";\nimport { useParams } from \"react-router\";\nimport AttributeComponent from \"../Pages/sharePage/AttributeComponent\";\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst Preview = ({ productDetails }) => {\n  const { productCategories } = useContext(GlobalContext);\n  const [selectedattr1, setSelectedAttr1] = useState(\"null\");\n  const [selectedattr2, setSelectedAttr2] = useState(\"null\");\n  const [selectedattr3, setSelectedAttr3] = useState(\"null\");\n  const [selectedattr4, setSelectedAttr4] = useState(\"null\");\n  const [selectedattr5, setSelectedAttr5] = useState(\"null\");\n  const [category, setCategory] = useState(\"\");\n\n  //variants\n  const [showVariant, setShowVariant] = useState(false);\n  const [variants, setVariants] = useState(null);\n  const [variantPrice, setVariantPrice] = useState(\"\");\n  const [selectedVariant, setSelectedVariant] = useState(\"null\");\n\n  //addons\n  const [showAddOn, setShowAddOn] = useState(false);\n  const [addOns, setAddOns] = useState(null);\n  const [availableAddOn, setAvailableAddOn] = useState(null);\n  const [selectedAddOn, setSelectedAddOn] = useState([]);\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n\n  const [itemName, setItemName] = useState(\"\");\n  const [qtyOption, setQtyOption] = useState([]);\n  const [images, setImages] = useState([]);\n  const [body, setBody] = useState(\"\");\n  const [body2, setBody2] = useState(\"\");\n  const [totalprice, setTotalprice] = useState(0);\n  const [qty, setQty] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [fetched, setFetched] = useState(\"no\");\n  const [checked, setChecked] = useState(false);\n  const [link_enabled, setLink_enabled] = useState(\"yes\");\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n  const [chosenqty, setChosenqty] = useState(\"1\");\n  const [addsent, setAddsent] = useState(\"no\");\n  const [phone, setPhone] = useState(\"\");\n  const [name, setName] = useState(\"\");\n  const [add1, setAdd1] = useState(\"\");\n  const [add2, setAdd2] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [postcode, setPostcode] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [deleted, setDeleted] = useState(\"no\");\n  const [cs, setCs] = useState(\"\");\n  const options = {\n    clientSecret: cs,\n\n    appearance: {\n      /*...*/\n    },\n  };\n\n  const handlePriceChange = (variant) => {\n    setSelectedVariant(variant);\n    setVariantPrice(parseInt(variants[variant]));\n    setTotalprice(parseInt(variants[variant]) + body2);\n  };\n\n  // Addon change Onclick()\n  const handleAddOnChange = (addon) => {\n    const newSelected = [...selectedAddOn];\n\n    if (newSelected.includes(addon)) {\n      newSelected.splice(newSelected.indexOf(addon), 1);\n    } else {\n      newSelected.push(addon);\n    }\n    setSelectedAddOn(newSelected);\n  };\n\n  // const search = window.location.search;\n  // const params = new URLSearchParams(search);\n  // const status = params.get(\"redirect_status\");\n  const [status, setStatus] = useState(\"\");\n  const [tile, setTile] = useState(useParams()[\"tile\"]);\n  const [qty2, setQty2] = useState(useParams()[\"qty\"]);\n\n  //error validation\n  const [errorMessage, setErrorMessage] = useState(\"\");\n\n  // Category and attribute related Func ---START---\n  //*********----------********** */\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n\n  const [attributes, setAttributes] = useState(null);\n\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const [attribute1, setAttribute1] = useState(\"null\");\n  const [attribute2, setAttribute2] = useState(\"null\");\n  const [attribute3, setAttribute3] = useState(\"null\");\n  const [attribute4, setAttribute4] = useState(\"null\");\n  const [attribute5, setAttribute5] = useState(\"null\");\n\n  //*********----------********** */\n  // Category and attribute related Func ---END---\n\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  // fetch product data\n  useEffect(() => {\n    if (productCategories) {\n      (async () => {\n        try {\n          const response = await fetch(\n            `https://omnistack.org${process.env.REACT_APP_LINK}` +\n              \"share-tile/\",\n            {\n              method: \"POST\",\n              headers: {\n                \"Content-Type\": \"application/json\",\n              },\n              body: JSON.stringify({\n                ZaplynTileRef: productDetails.ZaplynTileRef,\n              }),\n            }\n          );\n\n          const json = await response.json();\n          if (json) {\n            if (json.deleted === \"no\") {\n              setDeleted(\"no\");\n              setFetched(\"yes\");\n              setSelectedCategory(json.category);\n              setSelectedSubCategory(json.sub_category);\n              if (json.attribute_1 !== \"\") {\n                setAttribute1(json.attribute_1.split(\"-\")[0]);\n                setSelectedAttribute1(\n                  json.attribute_1.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json.attribute_2 !== \"\") {\n                setAttribute2(json.attribute_2.split(\"-\")[0]);\n                setSelectedAttribute2(\n                  json.attribute_2.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json.attribute_3 !== \"\") {\n                setAttribute3(json.attribute_3.split(\"-\")[0]);\n                setSelectedAttribute3(\n                  json.attribute_3.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json.attribute_4 !== \"\") {\n                setAttribute4(json.attribute_4.split(\"-\")[0]);\n                setSelectedAttribute4(\n                  json.attribute_4.split(\"-\")[1].split(\",\")\n                );\n              }\n              if (json.attribute_5 !== \"\") {\n                setAttribute5(json.attribute_5.split(\"-\")[0]);\n                setSelectedAttribute5(\n                  json.attribute_5.split(\"-\")[1].split(\",\")\n                );\n              }\n              setItemName(json.itemname);\n              setChosencurrency(json.currency);\n              setDesc(json.description);\n              setLink_enabled(json.link_enabled);\n              setImages(json.images);\n              setShowVariant(json?.show_variant);\n              setVariants(json?.variant);\n              setBody(json.retail_price);\n              setBody2(json.shipping_price);\n              if (json.show_variant === true) {\n                setSelectedVariant(Object.keys(json?.variant)[0]);\n                setVariantPrice(parseInt(Object.values(json?.variant)[0]));\n                setTotalprice(\n                  parseInt(Object.values(json?.variant)[0]) +\n                    json?.shipping_price\n                );\n              } else {\n                setTotalprice(json.total_price);\n              }\n\n              if (json?.add_ons !== null) {\n                setShowAddOn(true);\n                setAvailableAddOn(json.add_ons[json.ZaplynTileRef]);\n              }\n              setQty(json.quantity);\n              if (json.etm_date !== null) {\n                setFromEtmDelivery(json.etm_date?.split(\",\")[0]);\n                setToEtmDelivery(json.etm_date?.split(\",\")[1]);\n                setSelectedEtmDelivery(json.etm_date?.split(\",\")[2]);\n              } else {\n                setSelectedEtmDelivery(json.etm_date);\n              }\n              if (json.link_enabled === \"yes\") {\n                setChecked(true);\n              }\n            } else {\n              setDeleted(\"yes\");\n            }\n          }\n        } catch (error) {\n          console.log(\"something went wrong\", error);\n          setErrorMsg(error.message);\n        }\n      })();\n    }\n  }, [productCategories]);\n\n  useEffect(() => {\n    // console.log(\"running\");\n    const divs = [];\n    for (let i = 0; i < qty; i++) {\n      divs.push(i + 1);\n    }\n    setQtyOption(divs);\n  }, [qty]);\n\n  useEffect(() => {\n    if (productCategories && selectedCategory && selectedSubCategory) {\n      const subcategoryObj = productCategories[selectedCategory];\n      let attributes;\n      if (selectedSubCategory === \"select\") {\n        attributes = subcategoryObj[selectedCategory];\n      } else {\n        attributes = subcategoryObj[selectedSubCategory];\n      }\n      setAttributes(attributes);\n    }\n  }, [selectedSubCategory]);\n\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"ats\", attributes);\n  // console.log(\"at1\", attribute1);\n  // console.log(\"at2\", attribute2);\n  // console.log(\"at3\", attribute3);\n  // console.log(\"at4\", attribute4);\n  // console.log(\"at5\", attribute5);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n\n  return (\n    <section className=\"bg-white rounded-lg\">\n      <div className=\"font-lexand flex flex-col items-center justify-center  \">\n        <div>\n          {deleted === \"no\" && (\n            <div>\n              {images?.length > 0 ? (\n                <div className=\"mx-auto max-w-xl px-4 pt-2 pb-1 sm:px-6 md:grid md:max-w-3xl md:grid-cols-4 md:grid-rows-[auto,auto,1fr] md:gap-x-8 md:px-8 md:pb-2\">\n                  <div className=\"md:col-span-2 md:border-r md:border-gray-200 md:pr-8\">\n                    <h1 className=\" text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl\">\n                      {itemName}\n                    </h1>\n                  </div>\n\n                  {/* Description and details */}\n                  <div className=\" md:col-span-2 md:col-start-1  md:border-r md:border-gray-200 \">\n                    <div className=\"relative p-2 text-5 w-full mb-1 \">\n                      <Carousel\n                        infiniteLoop={true}\n                        showStatus={false}\n                        showArrows={false}\n                        swipeable={false}\n                        thumbWidth={50}\n                        className=\"postproductCarousel\"\n                      >\n                        {images.map((image) => (\n                          <div key={image}>\n                            <img src={image} alt=\"\" className=\"\" />\n                          </div>\n                        ))}\n                      </Carousel>\n                      <p className=\"hidden absolute top-4 left-4 text-gray-300 bg-yellow-100 text-sm font-serif  rounded-md  p-1 \">\n                        Product Details\n                      </p>\n                    </div>\n                    <h2 className=\"sr-only\">Product information</h2>\n\n                    <div className=\"mt-1\">\n                      <h2 className=\"text-sm font-medium text-gray-900\">\n                        Details\n                      </h2>\n\n                      <div className=\"mt-2 space-y-6\">\n                        <p className=\"text-sm text-gray-600\">{desc}</p>\n                      </div>\n                    </div>\n                  </div>\n\n                  {/* Options */}\n                  <div className=\" md:row-span-3 md:col-span-2 md:mt-0 p-2\">\n                    {/* Price flex-div */}\n                    <div className=\"flex justify-between\">\n                      <p className=\"text-2xl tracking-tight text-gray-900\">\n                        {chosencurrency === \"GBP\" && (\n                          <span className=\"mr-1\">£</span>\n                        )}\n                        {chosencurrency === \"EUR\" && (\n                          <span className=\"mr-1\">€</span>\n                        )}\n                        {chosencurrency === \"USD\" && (\n                          <span className=\"mr-1\">$</span>\n                        )}\n                        {parseInt(totalprice) * parseInt(chosenqty)}\n                      </p>\n                      <div>\n                        {showVariant ? (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Price: {variantPrice} {chosencurrency}\n                          </p>\n                        ) : (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Price: {body} {chosencurrency}\n                          </p>\n                        )}\n                        {body2 !== 0 && (\n                          <p className=\"text-xs tracking-tight text-gray-500\">\n                            Shipping Price: {body2} {chosencurrency}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n\n                    {/* product variants */}\n                    {showVariant && (\n                      <div className=\"flex flex-wrap gap-2 mt-5 items-center \">\n                        {variants !== null &&\n                          Object.keys(variants).length > 0 &&\n                          Object.keys(variants).map((variantName) => (\n                            <div key={variantName}>\n                              <div\n                                className={`${\n                                  variantName === selectedVariant\n                                    ? \" bg-gradient-to-b from-purple-200 to-pink-300\"\n                                    : \"bg-gray-100\"\n                                } text-sm p-0.5 rounded-xl`}\n                              >\n                                <button\n                                  onClick={() => handlePriceChange(variantName)}\n                                  className={`bg-white p-1 px-4 rounded-xl focus:outline-none`}\n                                >\n                                  {variantName}\n                                </button>\n                              </div>\n                              <p className=\"text-center text-xs text-gray-500\">\n                                {chosencurrency === \"GBP\" && (\n                                  <span className=\"mr-1\">£</span>\n                                )}\n                                {chosencurrency === \"EUR\" && (\n                                  <span className=\"mr-1\">€</span>\n                                )}\n                                {chosencurrency === \"USD\" && (\n                                  <span className=\"mr-1\">$</span>\n                                )}\n                                {parseInt(variants[variantName])}\n                              </p>\n                            </div>\n                          ))}\n                      </div>\n                    )}\n\n                    <form className=\"mt-5\">\n                      {attributes !== null && (\n                        <div className=\"\">\n                          {/* ----------**********---------- */}\n                          {/* attribute-1 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute1.length > 0 &&\n                          attribute1 === \"color\" ? (\n                            // color\n                            <>\n                              {selectedattribute1.length > 0 &&\n                              selectedattribute1[0] !== \"\" ? (\n                                <div>\n                                  <h3 className=\"text-sm font-medium text-gray-900\">\n                                    Color\n                                  </h3>\n\n                                  <RadioGroup\n                                    value={selectedattr1}\n                                    onChange={setSelectedAttr1}\n                                    className=\"mt-4 text-xs\"\n                                  >\n                                    <RadioGroup.Label className=\"sr-only\">\n                                      {\" \"}\n                                      Choose a color{\" \"}\n                                    </RadioGroup.Label>\n                                    <div className=\"flex items-center space-x-3\">\n                                      {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                                      {selectedattribute1.map((color) => (\n                                        <RadioGroup.Option\n                                          key={color}\n                                          value={color}\n                                          className={({ active, checked }) =>\n                                            classNames(\n                                              color.selectedClass,\n                                              active && checked\n                                                ? \"ring ring-offset-1\"\n                                                : \"\",\n                                              !active && checked\n                                                ? \"ring-2\"\n                                                : \"\",\n                                              \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                            )\n                                          }\n                                        >\n                                          <RadioGroup.Label\n                                            as=\"span\"\n                                            className=\"sr-only\"\n                                          >\n                                            {\" \"}\n                                            {color}{\" \"}\n                                          </RadioGroup.Label>\n                                          <span\n                                            aria-hidden=\"true\"\n                                            style={{\n                                              backgroundColor: color,\n                                            }}\n                                            className={classNames(\n                                              color,\n                                              \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                            )}\n                                          />\n                                        </RadioGroup.Option>\n                                      ))}\n                                    </div>\n                                  </RadioGroup>\n                                </div>\n                              ) : (\n                                <>\n                                  {selectedattribute1.length > 1 && (\n                                    <div>\n                                      <h3 className=\"text-sm font-medium text-gray-900\">\n                                        Color\n                                      </h3>\n\n                                      <RadioGroup\n                                        value={selectedattr1}\n                                        onChange={setSelectedAttr1}\n                                        className=\"mt-4 text-xs\"\n                                      >\n                                        <RadioGroup.Label className=\"sr-only\">\n                                          {\" \"}\n                                          Choose a color{\" \"}\n                                        </RadioGroup.Label>\n                                        <div className=\"flex items-center space-x-3\">\n                                          {/* {productDetails.color.split(\",\").map((color) => ( */}\n\n                                          <>\n                                            {selectedattribute1\n                                              .slice(1)\n                                              .map((color) => (\n                                                <RadioGroup.Option\n                                                  key={color}\n                                                  value={color}\n                                                  className={({\n                                                    active,\n                                                    checked,\n                                                  }) =>\n                                                    classNames(\n                                                      color.selectedClass,\n                                                      active && checked\n                                                        ? \"ring ring-offset-1\"\n                                                        : \"\",\n                                                      !active && checked\n                                                        ? \"ring-2\"\n                                                        : \"\",\n                                                      \"relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 focus:outline-none\"\n                                                    )\n                                                  }\n                                                >\n                                                  <RadioGroup.Label\n                                                    as=\"span\"\n                                                    className=\"sr-only\"\n                                                  >\n                                                    {\" \"}\n                                                    {color}{\" \"}\n                                                  </RadioGroup.Label>\n                                                  <span\n                                                    aria-hidden=\"true\"\n                                                    style={{\n                                                      backgroundColor: color,\n                                                    }}\n                                                    className={classNames(\n                                                      color,\n                                                      \"h-8 w-8 rounded-full border border-black border-opacity-10\"\n                                                    )}\n                                                  />\n                                                </RadioGroup.Option>\n                                              ))}\n                                          </>\n                                        </div>\n                                      </RadioGroup>\n                                    </div>\n                                  )}\n                                </>\n                              )}\n                            </>\n                          ) : (\n                            <>\n                              {selectedattribute1.length > 0 && (\n                                <>\n                                  {selectedattribute1.length === 1 &&\n                                  selectedattribute1[0] === \"\" ? (\n                                    <></>\n                                  ) : (\n                                    <>\n                                      <AttributeComponent\n                                        attributeName={attribute1}\n                                        selectedAttribute={selectedattr1}\n                                        setSelectedAttribute={setSelectedAttr1}\n                                        attributeValues={attributes[attribute1]}\n                                        availableAttribute={selectedattribute1}\n                                      />\n                                    </>\n                                  )}\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-2 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute2.length > 0 && (\n                            <>\n                              {selectedattribute2.length === 1 &&\n                              selectedattribute2[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute2}\n                                    selectedAttribute={selectedattr2}\n                                    setSelectedAttribute={setSelectedAttr2}\n                                    attributeValues={attributes[attribute2]}\n                                    availableAttribute={selectedattribute2}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-3*/}\n                          {/* ----------**********---------- */}\n                          {selectedattribute3.length > 0 && (\n                            <>\n                              {selectedattribute3.length === 1 &&\n                              selectedattribute3[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute3}\n                                    selectedAttribute={selectedattr3}\n                                    setSelectedAttribute={setSelectedAttr3}\n                                    attributeValues={attributes[attribute3]}\n                                    availableAttribute={selectedattribute3}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-4 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute4.length > 0 && (\n                            <>\n                              {selectedattribute4.length === 1 &&\n                              selectedattribute4[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute4}\n                                    selectedAttribute={selectedattr4}\n                                    setSelectedAttribute={setSelectedAttr4}\n                                    attributeValues={attributes[attribute4]}\n                                    availableAttribute={selectedattribute4}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                          {/* ----------**********---------- */}\n                          {/* attribute-5 */}\n                          {/* ----------**********---------- */}\n                          {selectedattribute5.length > 0 && (\n                            <>\n                              {selectedattribute5.length === 1 &&\n                              selectedattribute5[0] === \"\" ? (\n                                <></>\n                              ) : (\n                                <>\n                                  <AttributeComponent\n                                    attributeName={attribute5}\n                                    selectedAttribute={selectedattr5}\n                                    setSelectedAttribute={setSelectedAttr5}\n                                    attributeValues={attributes[attribute5]}\n                                    availableAttribute={selectedattribute5}\n                                  />\n                                </>\n                              )}\n                            </>\n                          )}\n                        </div>\n                      )}\n\n                      {/* quantity */}\n                      {status != \"succeeded\" && (\n                        <div>\n                          <div className=\"flex mt-4 justify-between\">\n                            <p className=\"text-gray-700\">Quantity</p>{\" \"}\n                            {qty === 0 && (\n                              <p className=\"text-gray-400 tex-sm\">\n                                Currently Unavailable\n                              </p>\n                            )}\n                          </div>\n                          <select\n                            name=\"qty\"\n                            className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-full cursor-pointer rounded-lg bg-gray-200\"\n                            id=\"qty\"\n                            required\n                            onChange={(e) => setChosenqty(e.target.value)}\n                          >\n                            {qtyOption.map((qty) => (\n                              <option key={qty} value={qty}>\n                                {qty}\n                              </option>\n                            ))}\n                          </select>\n                        </div>\n                      )}\n                    </form>\n\n                    {/* Add-ons div */}\n                    {showAddOn && (\n                      <div className=\" mt-2 \">\n                        {availableAddOn !== null &&\n                          !Object.keys(availableAddOn).some(\n                            (key) => key === \"\"\n                          ) && (\n                            <>\n                              <p className=\"text-gray-600 \">Add-ons -</p>\n                              <div className=\"flex flex-wrap gap-2 mt-1 items-center\">\n                                {Object.keys(availableAddOn).map((addon) => (\n                                  <div key={addon}>\n                                    <div\n                                      className={`${\n                                        selectedAddOn.includes(addon)\n                                          ? \"bg-gradient-to-b from-purple-200 to-pink-300\"\n                                          : \"bg-gray-100\"\n                                      }  text-sm p-0.5 rounded-xl`}\n                                    >\n                                      <button\n                                        onClick={() => handleAddOnChange(addon)}\n                                        className={` bg-white p-1 px-4 rounded-xl focus:outline-none`}\n                                      >\n                                        {addon}\n                                      </button>\n                                    </div>\n                                    <p className=\"text-center text-xs text-gray-500\">\n                                      {!isNaN(\n                                        parseInt(availableAddOn[addon])\n                                      ) && <span className=\"mr-1\">£</span>}\n                                      {isNaN(parseInt(availableAddOn[addon]))\n                                        ? \"\"\n                                        : parseInt(availableAddOn[addon])}\n                                    </p>\n                                  </div>\n                                ))}\n                              </div>\n                            </>\n                          )}\n                      </div>\n                    )}\n\n                    {selectedEtmDelivery !== null &&\n                      selectedEtmDelivery !== \"\" &&\n                      selectedEtmDelivery !== \"select\" && (\n                        <div className=\" mt-8\">\n                          <p className=\"flex gap-2 text-sm items-center justify-end text-gray-700\">\n                            Estimated Delivery:{\" \"}\n                            <span className=\"text-xs text-gray-500\">\n                              {fromEtmDelivery}\n                            </span>\n                            -\n                            <span className=\"text-xs text-gray-500\">\n                              {toEtmDelivery}\n                            </span>\n                            <span className=\"text-xs text-gray-500\">\n                              {selectedEtmDelivery}\n                            </span>\n                          </p>\n                        </div>\n                      )}\n\n                    <button\n                      className=\"cursor-not-allowed mt-10 flex w-full items-center justify-center rounded-full py-3 px-8 text-base font-medium text-gray-400 bg-gradient-to-b from-gray-200 to-gray-300\"\n                      onClick={() => {\n                        window.dataLayer.push({\n                          order_date: \"null\",\n                          order_amount:\n                            parseInt(totalprice) * parseInt(chosenqty),\n                          product_id: tile.slice(0, 9),\n                          product_name: itemName,\n                          event: \"checkout\",\n                        });\n                      }}\n                    >\n                      Continue to Checkout\n                    </button>\n                    <p className=\"text-red-600 text-xs text-center mt-2 animate-pulse\">\n                      {errorMessage}\n                    </p>\n                  </div>\n                </div>\n              ) : (\n                <></>\n              )}\n              {/* info */}\n              <p className=\"md:col-span-4 text-gray-800 rounded-md text-xs mt-6 mb-5\">\n                [ This is how the product is shown on Zaplyn Link ]\n              </p>\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default Preview;\n","import getUsername from \"../components/Account_Infomation/Username\";\n\nconst username = getUsername();\nconst alphabet = \"abcdefghijklmnopqrstuvwxyz\";\n\nexport function createTileRef() {\n  var part1 = username.substring(0, 3);\n  var part2 = Math.floor(Math.random() * (999 - 100 + 1) + 100);\n  var part3 =\n    alphabet[Math.floor(Math.random() * alphabet.length)] +\n    alphabet[Math.floor(Math.random() * alphabet.length)] +\n    alphabet[Math.floor(Math.random() * alphabet.length)];\n\n  var tmp = part1 + part2 + part3;\n  // console.log(tmp);\n\n  return tmp;\n}\n\nexport function convertToBase64(file) {\n  return new Promise((resolve, reject) => {\n    const fileReader = new FileReader();\n    fileReader.readAsDataURL(file);\n\n    fileReader.onload = () => {\n      resolve(fileReader.result);\n    };\n\n    fileReader.onerror = (error) => {\n      reject(error);\n    };\n  });\n}\n\nexport function convertCurrency(fromCurr, toCurr) {\n  const exchangeRates = {\n    USD: 1.0,\n    GBP: 0.8,\n    EUR: 0.9,\n  };\n  return exchangeRates[toCurr] / exchangeRates[fromCurr];\n}\n","import React, { useContext, useEffect, useState } from \"react\";\n\nimport Your_Account from \"./components/Pages/Your_Account.js\";\nimport getUsername from \"./components/Account_Infomation/Username.js\";\nimport Cashout_Page from \"./components/Pages/Cashout_Page.js\";\nimport Support_Page from \"./components/Pages/Support_Page.js\";\nimport getIsVerified from \"./components/Account_Infomation/isVerified.js\";\nimport Modal from \"react-modal\";\nimport VerifyMessagePopup from \"./components/VerifyMessagePopup.js\";\nimport { withAuthenticator } from \"@aws-amplify/ui-react\";\nimport { Auth } from \"aws-amplify\";\nimport How_It_Works from \"./components/Pages/How_It_Works.js\";\nimport ReddemCoupon from \"./components/Pages/ReddemCoupon.js\";\nimport {\n  BrowserRouter as Router,\n  Route,\n  Routes,\n  Navigate,\n} from \"react-router-dom\";\nimport { PayProvider } from \"./components/PayContext\";\nimport \"./components/burgercss.css\";\nimport Payment from \"./components/Payment.js\";\nimport MessageBoard from \"./components/Pages/MessageBoard.js\";\nimport UserMessages from \"./components/Pages/UserMessages.js\";\nimport VerifyMessagePopup2 from \"./components/VerifyMessagePopup2.js\";\nimport UserShops from \"./components/Pages/shop/UserShops.js\";\nimport { GlobalContext } from \"./components/GlobalContext.js\";\nimport ProductForm from \"./components/product/product-form.js\";\nimport CreateShopForm from \"./components/Pages/shop/create-shop-form.js\";\nfunction Test() {\n  const [Verified, setVerified] = useState(getIsVerified());\n\n  global.username = Auth.currentUserInfo().username;\n\n  const customStyles = {\n    overlay: {\n      background: \"rgba(52, 52, 52, 0.9)\",\n    },\n\n    content: {\n      top: \"50%\",\n      left: \"50%\",\n      right: \"auto\",\n      bottom: \"auto\",\n      marginRight: \"-50%\",\n      transform: \"translate(-50%, -50%)\",\n      backgroundColor: \"#FFFFFF\",\n    },\n  };\n\n  document.title = \"Zaplyn App\";\n  const [menuclick, setMenuclick] = useState(false);\n\n  const [modalIsOpen, setModalIsOpen] = useState(!Verified);\n  const [modalIsOpen2, setModalIsOpen2] = useState(false);\n  const setModalIsOpenToFalse = () => {\n    setModalIsOpen(false);\n  };\n  const setModalIsOpenToTrue2 = () => {\n    setModalIsOpen2(true);\n  };\n  const setModalIsOpenToFalse2 = () => {\n    setModalIsOpen2(false);\n  };\n\n  return (\n    <React.Fragment>\n      <Modal\n        isOpen={modalIsOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n      >\n        <VerifyMessagePopup\n          onClick={setModalIsOpenToFalse}\n          onClick2={setModalIsOpenToTrue2}\n        />\n      </Modal>\n\n      {modalIsOpen2 && (\n        <Modal\n          isOpen={modalIsOpen2}\n          className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n          overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        >\n          <button\n            onClick={setModalIsOpenToFalse2}\n            className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n          >\n            x\n          </button>\n          <VerifyMessagePopup2 onClick3={setModalIsOpenToFalse2} />\n        </Modal>\n      )}\n      <PayProvider>\n        <Routes>\n          <Route path=\"home\" element={<MessageBoard />} />\n          <Route path=\"add-product\" element={<ProductForm />} />\n          <Route path=\"create-shop\" element={<CreateShopForm />} />\n          <Route\n            path={`cashout`}\n            element={<Cashout_Page currentusername={getUsername()} />}\n          />\n          <Route\n            path=\"support\"\n            element={<Support_Page currentusername={getUsername()} />}\n          />\n          <Route\n            path=\"payments\"\n            element={<Payment currentusername={getUsername()} />}\n          />\n          <Route\n            path=\"account\"\n            element={<Your_Account currentusername={getUsername()} />}\n          />\n          <Route path=\"how-it-works\" element={<How_It_Works />} />\n          <Route path=\"redeem-coupon\" element={<ReddemCoupon />} />\n\n          <Route\n            path=\"orders\"\n            element={<UserMessages currentusername={getUsername()} />}\n          />\n          <Route path=\"shops\" element={<UserShops />} />\n          <Route path=\"*\" element={<Navigate to=\"home\" />} />\n        </Routes>\n      </PayProvider>\n    </React.Fragment>\n  );\n}\n\nexport default Test;\n","import React from \"react\";\nimport Support from \"../Support/Support\";\n\nexport default function Support_Page() {\n  return (\n    <div className=\"p-2\">\n      <div class=\"content-wrapper\" className=\"flex justify-center pt-16\">\n        <div class=\"questions-wrapper py-10\">\n          <div class=\"questions\">\n            <h2 class=\"block uppercase tracking-wide text-gray-700 text-xl font-bold mb-2\">\n              How can we help you?\n            </h2>\n            <p>If you have any questions or need assistance, please</p>\n            <p>\n              tell us by filling out the form below and we will get back to you!\n            </p>\n          </div>\n        </div>\n      </div>\n      {/* <section> */}\n      <div class=\"contact-box flex justify-center m-3 pb-10\">\n        <Support />\n      </div>\n      {/* </section> */}\n    </div>\n  );\n}\n","import React from \"react\";\nimport { useState, useCallback, useEffect } from \"react\";\nimport getToken from \"../Token\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport { Link } from \"react-router-dom\";\n\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\n\nexport default function Support(props) {\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const contactForm = document.querySelector(\"content-wrapper\");\n  const [posting, setPosting] = useState(false);\n  const accesstoken = getToken();\n  const username = getUsername();\n  const [body, setBody] = useState(\"\");\n  const [message_name, setmessage_name] = useState(\"\");\n  const [message_email, setmessage_email] = useState(\"\");\n  const [message_subject, setmessage_subject] = useState(\"\");\n  const [message, setmessage] = useState(\"\");\n  const [mobile, setmobile] = useState(\"\");\n\n  const handleSumbit = (e) => {\n    e.preventDefault(); //prevents refreshing page\n    const content = {\n      message_name,\n      message_email,\n      message_subject,\n      message,\n    };\n\n    if (typeof props.tileDetails != \"undefined\") {\n      content.SaturnTileRef = props.tileDetails.supportModelData.SaturnTileRef;\n    } else {\n      content.SaturnTileRef = 0;\n    }\n\n    global.messagelist.push(content);\n    // document.getElementById(\"messagesubject\").reset();\n  };\n\n  return (\n    <div>\n      <form class=\"w-full max-w-lg\" onSubmit={handleSumbit}>\n        <div class=\"flex flex-wrap -mx-3 mb-6\">\n          {/* Name input */}\n\n          <div class=\"w-full p-3\">\n            <label\n              class=\"block uppercase tracking-wide text-gray-700 text-sm font-bold mb-2\"\n              for=\"grid-first-name\"\n            >\n              Full Name\n            </label>\n            <input\n              class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n              type=\"text\"\n              value={message_name}\n              onChange={(e) => setmessage_name(e.target.value)}\n              name=\"message-name\"\n              placeholder=\"Name\"\n              // required\n            />\n          </div>\n\n          {/* Email Input */}\n\n          <div class=\"w-full p-3\">\n            <label\n              class=\"block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2\"\n              for=\"grid-password\"\n            >\n              E-mail\n            </label>\n            <input\n              class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n              type=\"email\"\n              value={message_email}\n              onChange={(e) => setmessage_email(e.target.value)}\n              name=\"message-email\"\n              placeholder=\"Email\"\n              // required\n            />\n          </div>\n          <div class=\"w-full p-3\">\n            <label\n              class=\"block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2\"\n              for=\"grid-password\"\n            >\n              Mobile\n            </label>\n            <input\n              class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n              type=\"mobile\"\n              value={mobile}\n              onChange={(e) => setmobile(e.target.value)}\n              name=\"message-email\"\n              placeholder=\"Mobile\"\n              // required\n            />\n          </div>\n\n          {/* Subject Input */}\n\n          <div class=\"w-full p-3\">\n            <label\n              class=\"block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2\"\n              for=\"grid-last-name\"\n            >\n              Subject\n            </label>\n            <input\n              class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n              type=\"text\"\n              value={message_subject}\n              onChange={(e) => setmessage_subject(e.target.value)}\n              name=\"message-subject\"\n              placeholder=\"Subject\"\n              // required\n            />\n          </div>\n        </div>\n\n        {/* Message Input */}\n\n        <div class=\"flex flex-wrap -mx-3 mb-6\">\n          <div class=\"w-full px-3\">\n            <label\n              class=\"block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2\"\n              for=\"grid-password\"\n            >\n              Message\n            </label>\n            <textarea\n              class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 cursor-pointer w-full rounded-lg bg-white border border-pink-300\"\n              id=\"message\"\n              name=\"message\"\n              value={message}\n              onChange={(e) => setmessage(e.target.value)}\n              placeholder=\"Message\"\n              // required\n            ></textarea>\n          </div>\n        </div>\n        <ToastContainer />\n        <div class=\"flex justify-center\">\n          <div class=\"flex items-center px-10\">\n            <button\n              className=\"col-span-2 focus:outline-none text-center\"\n              onClick={() => {\n                fetch(link + \"contact-email/\", {\n                  method: \"POST\",\n                  headers: {\n                    \"Content-Type\": \"application/json\",\n                    Authorization: \"Bearer \" + accesstoken,\n                  },\n                  body: JSON.stringify({\n                    message_name: username,\n                    message_email: message_email,\n                    message_mobile: mobile,\n                    message_subject: message_subject,\n                    message: message,\n                  }),\n                })\n                  .then((response) => response.json())\n                  .then((json) => {\n                    if (\n                      message_email !== \"\" &&\n                      mobile !== \"\" &&\n                      message_subject !== \"\" &&\n                      message !== \"\"\n                    ) {\n                      toast(\n                        JSON.stringify(json[\"Notifications-text\"]).replace(\n                          /\"|'/g,\n                          \"\"\n                        )\n                      );\n                    } else {\n                      toast(\"Please fill all fields to create support request\");\n                    }\n                  });\n\n                setmessage_name(\"\");\n                setmessage_email(\"\");\n                setmessage_subject(\"\");\n                setmessage(\"\");\n                setmobile(\"\");\n              }}\n            >\n              <div className=\"focus:border-0 flex-3 \">\n                <div className=\"md:w-40 sm:w-30 button cursor-pointer py-2 px-4 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full text-xs font-semibold text-gray-600 shadow-md \">\n                  Submit\n                </div>\n              </div>\n            </button>\n          </div>\n          <div class=\"flex items-center px-10\">\n            {typeof props.tileDetails != \"undefined\" && (\n              <span\n                className=\"px-10 md:w-40 sm:w-30 button cursor-pointer text-center hover:text-white flex items-center justify-center shadow-lg font-semibold hover:bg-red-800 focus:outline-none rounded-full h-8 bg-yellow-400\"\n                onClick={props.handleClose}\n              >\n                Close\n              </span>\n            )}\n            {/* {typeof props.tileDetails == 'undefined' &&\n                            <Link to=\"\">\n                                <button className=\"px-10 md:w-40 sm:w-30 button cursor-pointer text-center hover:text-white flex items-center justify-center shadow-lg font-semibold hover:bg-red-800 focus:outline-none rounded-full h-8 bg-yellow-400\">\n                                    Back\n                                </button>\n                            </Link>\n\n                        } */}\n          </div>\n          <div class=\"\"></div>\n        </div>\n      </form>\n    </div>\n  );\n}\n","import React, { useContext } from \"react\";\n\nimport { useState, useCallback } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Auth } from \"aws-amplify\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport getToken from \"./Token\";\nimport getEmail from \"./Account_Infomation/RegEmail\";\n\nimport { useEffect } from \"react\";\nimport { useQueryClient } from \"react-query\";\nimport { GlobalContext } from \"./GlobalContext\";\n\nconst VerifyMessagePopup = (props) => {\n  const queryClient = useQueryClient();\n\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  //var link = \"http://localhost:8000/api/\";\n  const userEmail = getEmail();\n  const userName = getUsername();\n\n  const alphabet = \"abcdefghijklmnopqrstuvwxyz\";\n  const code = \"dan442m\";\n  var ReferralCode = \"\";\n\n  const [posting, setPosting] = useState(false);\n\n  //const [isPending, setIsPending] = useState(false);\n\n  const [subject, setSubject] = useState(null); //subject state for select\n\n  //const {data: subjectlist} = useSubject(/*link+\"topic-list/'*/'http://localhost:8000/api/topic-list/', accesstoken).then(setSubject(Object.keys(subjectlist)[0]));\n\n  const [body, setBody] = useState(\"\");\n\n  const [VerifyCode, setVerifyCode] = useState(\"\");\n\n  const [message, setMessage] = useState(\"Referral Code\");\n  const [ValidCodes, setValidCodes] = useState(\"Referral Code\");\n\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n  const accesstoken = getToken();\n\n  var myHeaders = new Headers();\n\n  function CreateConnection() {\n    var CreatorReferral = VerifyCode || \"dan442m\";\n    var FriendReferral = ReferralCode;\n\n    const ConnectContent = {\n      CreatorReferral,\n      FriendReferral,\n    };\n    fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}` +\n        \"create-zaplyn-connection/\",\n      {\n        method: \"POST\",\n        body: JSON.stringify({\n          CreatorReferral: VerifyCode || \"dan442m\",\n          FriendReferral: ReferralCode,\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      }\n    )\n      .then((response) => response.json())\n      .then((json) => console.log(\"\"))\n      .catch((err) => console.log(err));\n  }\n\n  async function AuthUser() {\n    await CreateReferralCode();\n    const user = await Auth.currentAuthenticatedUser();\n    await Auth.updateUserAttributes(user, {\n      \"custom:isVerified\": \"true\",\n    });\n    await queryClient.invalidateQueries(\"userDetails\");\n  }\n\n  useEffect(() => {\n    var Loaded = false;\n    async function onLoad() {\n      let accesskeytoken = getToken();\n      myHeaders.append(\"Authorization\", \"Bearer \" + accesskeytoken);\n      await fetch(link + \"zaplynreferral-list/\", {\n        headers: myHeaders,\n      })\n        .then((res) => {\n          if (!res.ok) {\n            throw Error(\"could not fetch the data for that resource\");\n          }\n          return res.json();\n        })\n        .then((data) => {\n          //console.log(data);\n          setValidCodes(data);\n          Loaded = true;\n          // for (var i in ValidCodes) {\n          //   console.log(props);\n          //   console.log(ValidCodes[i][\"ReferralCode\"]);\n          //   if (code == ValidCodes[i][\"ReferralCode\"]) {\n          //     return true;\n          //   }\n          // }\n        })\n        .catch((err) => {\n          if (err.name === \"AbortError\") {\n          } else {\n          }\n        });\n    }\n    if (!Loaded) {\n      onLoad();\n    }\n  }, []);\n\n  async function CreateReferralCode() {\n    var part1 = userEmail.substring(0, 3);\n    var part2 = Math.floor(Math.random() * (999 - 100 + 1) + 100);\n    var part3 = alphabet[Math.floor(Math.random() * alphabet.length)];\n\n    ReferralCode = part1 + part2 + part3;\n\n    const user = await Auth.currentAuthenticatedUser();\n    await Auth.updateUserAttributes(user, {\n      \"custom:ReferralCode\": ReferralCode,\n    });\n    const content = {\n      ZaplynUser: userName,\n      ZaplynEmail: userEmail,\n      ReferralCode,\n    };\n\n    fetch(link + \"zaplynreferral-create/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesstoken,\n      },\n      body: JSON.stringify(content),\n    })\n      .then((response) => response.json())\n      .then((json) => CreateConnection())\n      .catch((err) => console.log(err));\n  }\n\n  const handleSumbit = (e) => {\n    e.preventDefault(); //prevents refreshing page\n    //CurValidCodes();\n\n    // console.log(ValidCodes);\n\n    for (var i in ValidCodes) {\n      if (VerifyCode === ValidCodes[i][\"ReferralCode\"]) {\n        AuthUser();\n        props.onClick();\n        props.onClick2();\n        continue;\n      }\n    }\n\n    setVerifyCode(\"\");\n    setMessage(\"Invalid Code\");\n  };\n\n  const handleSumbitCancel = (e) => {\n    e.preventDefault(); //prevents refreshing page\n    //CurValidCodes();\n\n    // console.log(ValidCodes);\n\n    AuthUser();\n    props.onClick();\n    props.onClick2();\n\n    setVerifyCode(\"\");\n    setMessage(\"Invalid Code\");\n  };\n  //need to make onclickfunction to update message board feed when submit in messageboard component\n\n  return (\n    <div className=\"bg-white rounded-md p-2 \">\n      <form id=\"messagesubject\" className=\"\">\n        <p className=\" text-center\">\n          Please input the referral code provided to you by an existing user of\n          the app\n        </p>\n        <div className=\" flex flex-col text-center pt-2\">\n          <div className=\"col-span-2 flex-3 px-4 flex-grow\">\n            <input\n              className=\"focus:outline-none p-2 w-full  rounded-md bg-gray-300 text-center\"\n              maxLength={7}\n              value={VerifyCode}\n              required\n              onChange={(e) => setVerifyCode(e.target.value)}\n              placeholder={message}\n              type=\"text\"\n              rows=\"1\"\n            />\n          </div>\n          <p></p>\n          <div className=\"flex flex-col md:flex-row items-center justify-center gap-2 text-center pt-5\">\n            <button\n              onClick={handleSumbit}\n              className=\" px-5 py-1 w-full   text-center shadow-md rounded-full focus:outline-none cursor-pointer bg-gradient-to-t from-pink-300 to-purple-200 transform active:scale-90 text-sm \"\n            >\n              Verify\n            </button>\n            <button\n              onClick={handleSumbitCancel}\n              className=\" px-5 py-1 w-full   text-center shadow-md rounded-full focus:outline-none cursor-pointer bg-gradient-to-t from-pink-300 to-purple-200 transform active:scale-90 text-sm \"\n            >\n              I don't have a referral code\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  );\n};\n\nexport default VerifyMessagePopup;\n","import React from \"react\";\nimport { useState } from \"react\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport getToken from \"../Token\";\n\nfunction ReddemCoupon() {\n  const [code, setCode] = useState(\"\");\n  const accesstoken = getToken();\n\n  return (\n    <div className=\" mt-40 flex items-center justify-center  \">\n      <ToastContainer autoClose={2500} />\n      <div className=\"  bg-pink-300 rounded-lg \">\n        <div className=\"container flex flex-col flex-wrap content-center justify-center p-4 py-20 mx-auto md:p-10\">\n          <p className=\"pt-2 pb-8 text-xl antialiased text-center text-gray-600\">\n            Enter your promo code here.\n          </p>\n          <div className=\"flex flex-row\">\n            <input\n              type=\"text\"\n              placeholder=\"Enter...\"\n              className=\"w-3/5 p-3 rounded-l-lg sm:w-2/3 focus:outline-none\"\n              value={code}\n              onChange={(e) => setCode(e.target.value)}\n            />\n            <button\n              type=\"button\"\n              className=\"w-2/5 p-3 font-semibold rounded-r-lg sm:w-1/3 focus:outline-none bg-pink-500 text-gray-900\"\n              onClick={() => {\n                window.dataLayer.push({\n                  coupon_id: code,\n                  user_id: getUsername(),\n                  event: \"redeem_coupon\",\n                });\n\n                fetch(\n                  `https://omnistack.org${process.env.REACT_APP_LINK}` +\n                    \"use-zaplyn-promocode/\",\n                  {\n                    method: \"POST\",\n                    headers: {\n                      \"Content-Type\": \"application/json\",\n                      Authorization: \"Bearer \" + accesstoken,\n                    },\n                    body: JSON.stringify({\n                      user: getUsername(),\n                      promocode: code,\n                    }),\n                  }\n                )\n                  .then((response) => response.json())\n                  .then((json) =>\n                    toast(\n                      JSON.stringify(json[\"Notification_text\"]).replace(\n                        /\"|'/g,\n                        \"\"\n                      )\n                    )\n                  );\n                setCode(\"\");\n              }}\n            >\n              Claim\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ReddemCoupon;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport CheckoutForm from \"./Pages/CheckoutForm\";\nimport getToken from \"./Token\";\nimport { useState, useEffect, useContext } from \"react\";\nimport Api from \"../config/Api.json\";\nimport fernet from \"fernet\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Buffer } from \"buffer\";\nimport { GlobalContext } from \"./GlobalContext\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport tz from \"dayjs/plugin/timezone\";\nimport ReactPaginate from \"react-paginate\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport Cashout_Page from \"./Pages/Cashout_Page\";\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { MobileDatePicker } from \"@mui/x-date-pickers\";\nimport TextField from \"@mui/material/TextField\";\nwindow.Buffer = Buffer;\ndayjs.extend(utc);\ndayjs.extend(tz);\n\nconst Payment = (props) => {\n  const queryClient = useQueryClient();\n  const accesstoken = getToken();\n  const [data, setData] = useState([]);\n  const [de, setDe] = useState(\"\");\n  const [type, setType] = useState(\"\");\n  const [last4, setLast4] = useState(\"\");\n  const [exp_month, setExp_month] = useState(\"\");\n  const [exp_year, setExp_year] = useState(\"\");\n  const [code, setCode] = useState(\"\");\n  const [saved, setSaved] = useState(\"no\");\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const { userData } = useContext(GlobalContext);\n  const [isPaymentTabOpen, setIsPaymentTabOpen] = useState(true);\n  const timeZone = dayjs.tz.guess();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n\n  const [fromDate, setFromDate] = React.useState(dayjs().subtract(1, \"month\"));\n  const [toDate, setToDate] = React.useState(dayjs());\n\n  const getCredits = async () => {\n    try {\n      const response = await fetch(link + \"credits/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: getUsername(),\n        }),\n      });\n      const json = await response.json();\n      if (json) {\n        return json;\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const {\n    isLoading: isCreditsLoading,\n    data: credits,\n    isError: isCreditsError,\n    error: creditsErr,\n  } = useQuery(\"userCredits\", getCredits, {\n    refetchOnMount: false,\n  });\n\n  const handleAddPaymentMethod = async () => {\n    try {\n      const response = await fetch(link + \"save-card/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({ user: props.currentusername }),\n      });\n      const json = await response.json();\n      if (json) {\n        window.location.href = json[\"url\"];\n        window.dataLayer.push({\n          userId: props.currentusername,\n          event: \"add_payment_method\",\n        });\n        console.log(\"added\");\n      }\n    } catch (error) {\n      console.log(\"err\", error);\n    }\n  };\n\n  const getPaymentMethods = async () => {\n    try {\n      const response = await fetch(link + \"get-payment-methods/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({ user: props.currentusername }),\n      });\n\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(\"Error\", error);\n    }\n  };\n\n  // payment methods\n  const {\n    isLoading: isPaymentMethodsLoading,\n    data: paymentMehodsData,\n    isError: isPaymentMethodsError,\n    error: paymentMethodsErr,\n  } = useQuery(\"paymentMehodsData\", getPaymentMethods, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  // payment history/records\n\n  const [page, setPage] = useState(0);\n  const [pageOffset, setPageOffset] = useState(0);\n\n  const getPaymentRecords = async (pageNo = 1) => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}` +\n          \"payment-records/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: props.currentusername,\n            page: pageNo + 1,\n          }),\n        }\n      );\n\n      const json = await response.json();\n      // console.log(json);\n      if (json) {\n        return json;\n      }\n    } catch (error) {}\n  };\n  // payment records\n  const {\n    isLoading: isPaymentRecordsLoading,\n    data: paymentRecordsData,\n    isError: isPaymentRecordsError,\n    error: paymentRecordsErr,\n    isFetching: isPaymentRecordsDataFetching,\n    isPreviousData: isPrevPaymentRecordsData,\n  } = useQuery(\n    [\"paymentRecordsData\", { pageOffset }],\n    () => getPaymentRecords(pageOffset),\n    {\n      keepPreviousData: true,\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n    }\n  );\n\n  const handlePageChange = (e) => {\n    setPageOffset(e.selected);\n  };\n\n  const pagesArray = Array(\n    paymentRecordsData?.find((item) => item.hasOwnProperty(\"pages\")).pages\n  )\n    .fill()\n    .map((_, index) => index + 1);\n\n  const submitHandler2 = () => {\n    setIsPaymentTabOpen(true);\n  };\n\n  const removeItem = (index) => {\n    setData([...data.slice(0, index - 1), ...data.slice(index)]);\n  };\n\n  const handleListPaymentButton = async () => {\n    setIsPaymentTabOpen(false);\n  };\n\n  const handleRemovePaymentMethod = async () => {\n    removeItem(data.id);\n    let accesstoken = getToken();\n    if (data.sort_code === \"undefined\") {\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n\n      window.dataLayer.push({\n        user_id: props.currentusername,\n        event: \"remove_payment_method\",\n      });\n\n      const response = await fetch(link + \"delete-payment-method/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(props.currentusername),\n          type: token.encode(data.type),\n          last4: token.encode(data.last4),\n          exp_month: token.encode(data.exp_month),\n          exp_year: token.encode(data.exp_year),\n          sort_code: token.encode(\"null\"),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      });\n      const json = await response.json();\n      if (json) {\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n      }\n    } else {\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n      const response = await fetch(link + \"delete-payment-method/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(props.currentusername),\n          type: token.encode(data.type),\n          last4: token.encode(data.last4),\n          exp_month: token.encode(\"null\"),\n          exp_year: token.encode(\"null\"),\n          sort_code: token.encode(data.sort_code),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      });\n      const json = await response.json();\n      if (json) {\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n      }\n    }\n  };\n\n  const handleSetToDefault = async () => {\n    let accesstoken = getToken();\n    console.log(code, type);\n    if (data.sort_code === \"undefined\") {\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n      console.log(data.type, data.last4, data.exp_month, data.exp_year);\n      await fetch(link + \"set-default-payment/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(props.currentusername),\n          type: token.encode(data.type),\n          last4: token.encode(data.last4),\n          exp_month: token.encode(data.exp_month),\n          exp_year: token.encode(data.exp_year),\n          sort_code: token.encode(\"null\"),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      })\n        .then((response) => response.json())\n        .then((json) =>\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"))\n        );\n\n      setDe(\"Default\");\n      setType(data.type);\n      setLast4(data.last4);\n      setCode(\"null\");\n      setExp_month(data.exp_month);\n      setExp_year(data.exp_year);\n    } else {\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n      console.log(data.type, data.last4);\n      await fetch(link + \"set-default-payment/\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          user: token.encode(props.currentusername),\n          type: token.encode(data.type),\n          last4: token.encode(data.last4),\n          exp_month: token.encode(\"null\"),\n          exp_year: token.encode(\"null\"),\n          sort_code: token.encode(data.sort_code),\n        }),\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n      })\n        .then((response) => response.json())\n        .then((json) =>\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"))\n        );\n      setDe(\"Default\");\n      setType(data.type);\n      setLast4(data.last4);\n      setCode(data.sort_code);\n      setExp_month(\"null\");\n      setExp_year(\"null\");\n    }\n  };\n  const handleDownload = async () => {\n    try {\n      const accesstoken = getToken();\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}` +\n          \"payment-records-date/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: props.currentusername,\n            start_date: fromDate.format(\"YYYY-MM-DD\"),\n            end_date: toDate.format(\"YYYY-MM-DD\"),\n          }),\n        }\n      );\n      const json = await response.json();\n      // Convert JSON to CSV\n      const columnsToInclude = [\n        \"order_id\",\n        \"transaction_id\",\n        \"created_at\",\n        \"amount\",\n        \"currency\",\n        \"is_success\",\n        \"mode\",\n        \"refund_id\",\n        \"estimated_date\",\n        \"fees\",\n        \"Discount\",\n      ];\n      // Convert JSON to CSV\n      const csvRows = [];\n      csvRows.push(columnsToInclude.join(\",\"));\n\n      json.forEach((item) => {\n        const values = columnsToInclude.map((header) => {\n          const escaped = (\"\" + item[header]).replace(/\"/g, '\"\"');\n          return `\"${escaped}\"`;\n        });\n        csvRows.push(values.join(\",\"));\n      });\n\n      const csvData = csvRows.join(\"\\n\");\n\n      // Create a Blob from the CSV data\n      const blob = new Blob([csvData], { type: \"text/csv\" });\n      const url = window.URL.createObjectURL(blob);\n\n      // Create a link and trigger download\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"href\", url);\n      a.setAttribute(\"download\", \"data.csv\");\n      a.click();\n    } catch (error) {\n      toast(\"Something went wrong!\");\n    }\n  };\n\n  useEffect(() => {\n    let accesstoken = getToken();\n\n    fetch(link + \"set-default-payment2/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-type\": \"application/json; charset=UTF-8\",\n        Authorization: \"Bearer \" + accesstoken,\n      },\n      body: JSON.stringify({ user: props.currentusername }),\n    })\n      .then((response) => response.json())\n      .then((json) => {\n        if (\n          json[\"Notification-text\"] ===\n          \"Added payment method is now setup for future transactions.\"\n        ) {\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        }\n      });\n\n    handleListPaymentButton();\n  }, []);\n\n  useEffect(() => {\n    if (paymentMehodsData) {\n      // console.log(json);\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n        token: String(paymentMehodsData),\n        ttl: 0,\n      });\n      var result = token.decode();\n      const resObj = JSON.parse(result);\n      var count = Object.keys(resObj).length;\n      setData([]);\n      for (let i = 1; i < count + 1; i++) {\n        setData((data) => [\n          ...data,\n          {\n            id: i,\n            type: resObj[i][\"type\"],\n            last4: String(resObj[i][\"last4\"]),\n            exp_month: String(resObj[i][\"exp_month\"]),\n            exp_year: String(resObj[i][\"exp_year\"]),\n            sort_code: String(resObj[i][\"sort_code\"]),\n            default: resObj[i][\"default\"],\n          },\n        ]);\n      }\n    }\n  }, [paymentMehodsData]);\n\n  return (\n    <section className=\"pt-20  pb-40 flex flex-col items-center justify-between max-w-2xl mx-auto\">\n      <ToastContainer autoClose={3000} />\n      {credits && credits?.Credits !== \"\" && (\n        <p className=\" mb-1 rounded-sm text-center pt-5 md:!py-2  \">\n          Available Credits: {parseFloat(credits?.Credits).toFixed(1)}{\" \"}\n        </p>\n      )}\n      <div className=\"flex w-full items-center justify-around pt-5 \">\n        <button\n          onClick={handleListPaymentButton}\n          className={`py-1 px-4 rounded-full text-xs font-semibold  cursor-pointer  ${\n            !isPaymentTabOpen\n              ? \"  bg-gradient-to-b text-gray-900 from-purple-200 to-pink-300 to-20% shadow-md\"\n              : \"bg-gradient-to-b text-gray-700 from-purple-100 to-pink-100 to-20% \"\n          }`}\n        >\n          <p>List Payment</p>\n        </button>\n        <button\n          onClick={submitHandler2}\n          className={`py-1 px-4 rounded-full text-xs font-semibold  cursor-pointer  ${\n            isPaymentTabOpen\n              ? \"  bg-gradient-to-b text-gray-900 from-purple-200 to-pink-300 to-20% shadow-md\"\n              : \"bg-gradient-to-b text-gray-700 from-purple-100 to-pink-100 to-20% \"\n          }`}\n        >\n          <p>Cashout</p>\n        </button>\n      </div>\n\n      {isPaymentTabOpen ? (\n        <Cashout_Page />\n      ) : (\n        <>\n          <div id=\"column layout\" className=\"flex \">\n            {isPaymentRecordsLoading && <p>Loading ...</p>}\n            {paymentRecordsData != null && (\n              //   /* <p>Payment History</p> */\n              <div className=\"flex flex-col gap-2 items-center mt-5\">\n                <ReactPaginate\n                  previousLabel={\n                    <span className=\"flex items-center justify-center w-6 h-6 border rounded-md shadow-md  border-pink-300\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z\"></path>\n                      </svg>\n                    </span>\n                  }\n                  nextLabel={\n                    <span className=\"flex items-center justify-center w-6 h-6 border rounded-md shadow-md  border-pink-300\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4\"\n                      >\n                        <path d=\"M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z\"></path>\n                      </svg>\n                    </span>\n                  }\n                  pageClassName=\" flex items-center justify-center w-6 h-6 text-xs border rounded shadow-md  border-pink-300 md:hover:bg-pink-100 mx-1\"\n                  pageLinkClassName=\"page-link\"\n                  previousClassName=\"page-item\"\n                  previousLinkClassName=\"page-link\"\n                  nextClassName=\"page-item\"\n                  nextLinkClassName=\"page-link\"\n                  breakLabel=\"...\"\n                  breakClassName=\"page-item\"\n                  breakLinkClassName=\"page-link\"\n                  pageRangeDisplayed={3}\n                  pageCount={\n                    paymentRecordsData?.find((item) =>\n                      item.hasOwnProperty(\"pages\")\n                    ).pages\n                  }\n                  marginPagesDisplayed={1}\n                  onPageChange={handlePageChange}\n                  containerClassName=\"flex items-center justify-center mt-2\"\n                  activeClassName=\"bg-pink-400 text-white\"\n                  forcePage={pageOffset}\n                />\n\n                {isPaymentRecordsDataFetching && <p>Loading ...</p>}\n\n                <div className=\"container p-2 mx-auto sm:p-4 font-lexand\">\n                  <div className=\"flex  gap-2 justify-end pb-3 \">\n                    <div className=\"flex  gap-2\">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <MobileDatePicker\n                          className={`bg-white  border-none w-28 h-8 text-xs `}\n                          onChange={setFromDate}\n                          value={fromDate}\n                          slotProps={{ textField: { size: \"small\" } }}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      -\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <MobileDatePicker\n                          className={`bg-white  border-none w-28 h-8 text-xs `}\n                          onChange={setToDate}\n                          value={toDate}\n                          slotProps={{ textField: { size: \"small\" } }}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                    </div>\n                    <button\n                      onClick={handleDownload}\n                      disabled={!paymentRecordsData}\n                      className=\"border rounded-md shadow p-1.5 px-2 flex items-center gap-2 h-full text-sm self-end\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        className=\"lucide lucide-file-down w-7 h-7\"\n                      >\n                        <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n                        <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n                        <path d=\"M12 18v-6\" />\n                        <path d=\"m9 15 3 3 3-3\" />\n                      </svg>{\" \"}\n                    </button>\n                  </div>\n                  <div className=\"overflow-x-auto\">\n                    <table className=\"min-w-full text-xxs md:text-xs \">\n                      <thead className=\"\">\n                        <tr className=\"text-center md:text-left\">\n                          <th className=\"p-1 md:p-3\">Created at</th>\n                          <th className=\"p-1 md:p-3\">Order Id</th>\n                          <th className=\"p-1 md:p-3\">Transaction Id</th>\n                          <th className=\"p-1 md:p-3 text-right\">Amount</th>\n                          <th className=\"p-1 md:p-3 \">mode</th>\n\n                          <th className=\"p-1 md:p-3\">Status</th>\n                        </tr>\n                      </thead>\n                      {paymentRecordsData\n                        ?.filter((item) => !item.hasOwnProperty(\"pages\"))\n                        .map((item) => (\n                          <tbody key={item.created_at}>\n                            <tr className=\"border-b border-opacity-20 border-gray-700 text-xxs md:text-xs \">\n                              <td className=\"p-1 md:p-3\">\n                                <p>\n                                  {dayjs\n                                    .utc(item.created_at)\n                                    .tz(timeZone)\n                                    .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                                </p>\n                              </td>\n                              <td className=\"p-1 md:p-3\">\n                                <p>{item.order_id}</p>\n                              </td>\n                              <td className=\"p-1 md:p-3\">\n                                {item.transaction_id === null && (\n                                  <p className=\"text-center\">-</p>\n                                )}\n                                {item.transaction_id && (\n                                  <p>{item.transaction_id}</p>\n                                )}\n                              </td>\n                              <td className=\"p-1 md:p-3 text-right\">\n                                <p>\n                                  {item.currency === \"null\" && (\n                                    <span className=\"mr-0.25\"></span>\n                                  )}\n                                  {item.currency === \"GBP\" && (\n                                    <span className=\"mr-0.25\">£</span>\n                                  )}\n                                  {item.currency === \"EUR\" && (\n                                    <span className=\"mr-0.25\">€</span>\n                                  )}\n                                  {item.currency === \"USD\" && (\n                                    <span className=\"mr-0.25\">$</span>\n                                  )}{\" \"}\n                                  {item.amount.toFixed(2)}\n                                </p>\n                              </td>\n\n                              <td className=\"p-1 md:p-3\">\n                                <p>{item.mode}</p>\n                              </td>\n\n                              <td className=\"p-2 md:p-3 text-right\">\n                                <p className=\"font-semibold  text-gray-100\">\n                                  {item.is_success ? (\n                                    <span className=\"bg-green-600 rounded-full px-4 py-1 \">\n                                      Success\n                                    </span>\n                                  ) : (\n                                    <span className=\"bg-red-600 rounded-full px-4 py-1 \">\n                                      Failed\n                                    </span>\n                                  )}\n                                </p>\n                              </td>\n                            </tr>\n                          </tbody>\n                        ))}\n                    </table>\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default Payment;\n","import React from \"react\";\n\nimport { useState, useCallback } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Auth } from \"aws-amplify\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport getToken from \"./Token\";\nimport getEmail from \"./Account_Infomation/RegEmail\";\n\nimport { useEffect } from \"react\";\n\nconst VerifyMessagePopup2 = (props) => {\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  //var link = \"http://localhost:8000/api/\";\n\n\n\n  const handleSumbit = (e) => {\n    e.preventDefault(); //prevents refreshing page\n    props.onClick3();\n  };\n\n  //need to make onclickfunction to update message board feed when submit in messageboard component\n\n  return (\n    <div className=\"bg-white rounded-md font-lexand py-5 \">\n      <p className=\" text-center\">Welcome to zaplyn!</p>\n      <p className=\" text-center\">Want to Know how it works?</p>\n      <div className=\" flex  flex-col text-center pt-2\">\n        <p></p>\n        <div className=\"col-span-2 flex-1 pl-2 text-center pt-5\">\n          <button\n            className=\"col-span-2 focus:outline-none text-center\"\n            onClick={handleSumbit}\n          >\n            <div className=\"focus:border-0 flex-3 \">\n              <div className=\" button text-center shadow-md rounded-full px-5 focus:outline-none cursor-pointer bg-gradient-to-t from-pink-300 to-purple-200 transform active:scale-90 text-xl font-semibold\">\n                <Link to=\"/how-it-works\">Yes</Link>{\" \"}\n              </div>\n            </div>\n          </button>\n          <span> </span>\n          <button\n            className=\"col-span-2 focus:outline-none text-center sm:ml-4\"\n            onClick={handleSumbit}\n          >\n            <div className=\"focus:border-0 flex-3 \">\n              <div className=\" button cursor-pointer rounded-full px-5 text-center shadow-md focus:outline-none bg-gradient-to-t from-pink-300 to-purple-200 transform active:scale-90 text-xl font-semibold\">\n                <Link to=\"/\">No thanks</Link>{\" \"}\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default VerifyMessagePopup2;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport ReactSwitch from \"react-switch\";\nimport Modal from \"react-modal\";\nimport getToken from \"../Token\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport imageCompression from \"browser-image-compression\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Buffer } from \"buffer\";\nimport \"../../styles/PostCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\nimport { CompactPicker } from \"react-color\";\nimport ColorComponent from \"../popups/ColorComponent\";\n\nimport SizeComponent from \"../popups/SizeComponent\";\nimport zaplynIconT1 from \"../../assets/t1.svg\";\nimport zaplynIconT2 from \"../../assets/t2.svg\";\nimport { GlobalContext } from \"../GlobalContext\";\nimport { convertToBase64, createTileRef } from \"../../helper/helper\";\nimport { useQueryClient } from \"react-query\";\nimport { S3 } from \"aws-sdk\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\n\nconst s3 = new S3({\n  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,\n  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,\n  region: process.env.REACT_APP_AWS_REGION,\n  signatureVersion: \"v4\",\n});\n\nwindow.Buffer = Buffer;\n\nconst ProductForm = (props) => {\n  const queryClient = useQueryClient();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const navigate = useNavigate();\n  const {\n    productCategories,\n    isProductsLoading,\n    userData,\n    isUserDataLoading,\n    isProductsError,\n    fetchedProductsList,\n    isCategoryLoading,\n    isCategoryError,\n    categoryErr,\n  } = useContext(GlobalContext);\n\n  //loading screen\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n  const setIsLoadingModalOpenToTrue = () => {\n    setIsLoadingModalOpen(true);\n  };\n  const setIsLoadingModalOpenToFalse = () => {\n    setIsLoadingModalOpen(false);\n  };\n\n  // create state to store the images that the user adds (Frontend Only)\n  const [images, setImages] = useState([]);\n\n  // shipping checkbox\n  const [isShippingChecked, setIsShippingChecked] = useState(false);\n\n  const handleShippingPrice = () => {\n    setIsShippingChecked(!isShippingChecked);\n  };\n\n  // share link configuration\n  const [checked, setChecked] = useState(false);\n  const [link_enabled, setLink_enabled] = useState(\"no\");\n  const handleChange = (val) => {\n    setChecked(val);\n    setLink_enabled(\"yes\");\n  };\n\n  // variants checkbox\n  const [isVariantChecked, setVariantChecked] = useState(false);\n\n  const handleVariantCheck = () => {\n    setVariantChecked(!isVariantChecked);\n  };\n\n  // variant items\n\n  const [variantItems, setVariantItems] = useState([\n    { variantName: \"\", price: \"\" },\n  ]);\n  const [variantCount, setVariantCount] = useState(1);\n\n  const handleAddVariantItem = () => {\n    if (variantCount < 10) {\n      setVariantItems([...variantItems, { variantName: \"\", price: \"\" }]);\n      setVariantCount(variantCount + 1);\n    }\n  };\n\n  // Addon checkbox\n  const [isAddOnChecked, setAddOnChecked] = useState(false);\n\n  const handleAddOnCheck = () => {\n    setAddOnChecked(!isAddOnChecked);\n  };\n\n  // Addon items\n\n  const [addOnItems, setAddOnItems] = useState([{ addOnName: \"\", price: \"\" }]);\n  const [addOnCount, setAddOnCount] = useState(1);\n\n  const handleAddAddOnItem = () => {\n    if (addOnCount < 10) {\n      setAddOnItems([...addOnItems, { addOnName: \"\", price: \"\" }]);\n      setAddOnCount(addOnCount + 1);\n    }\n  };\n\n  const uploadImage = async (e) => {\n    const newFiles = [];\n    //frontend display\n    const newImages = [];\n    for (let i = 0; i < e.target.files.length; i++) {\n      const options = {\n        maxSizeMB: 0.2,\n        maxWidthOrHeight: 1280,\n      };\n      const compressedImg = await imageCompression(e.target.files[i], options);\n      const compressedbase64 = await convertToBase64(compressedImg);\n      const base64 = await convertToBase64(e.target.files[i]);\n      newImages.push(compressedbase64);\n      newFiles.push(e.target.files[i]);\n    }\n    setImages(newImages);\n    setFiles(newFiles);\n    // console.log(newFiles)\n  };\n\n  // images to be uploaded\n  const [files, setFiles] = useState([]);\n  const [filesError, setFilesError] = useState(\"\");\n\n  const accesstoken = getToken();\n  const username = getUsername();\n  //const [isPending, setIsPending] = useState(false);\n\n  const [subject, setSubject] = useState(\"\"); //subject state for select\n  const [subjectError, setSubjectError] = useState(\"\");\n\n  // product title\n  const [itemTitle, setItemTitle] = useState(\"\");\n  const [titleError, setTitleError] = useState(\"\");\n\n  // product description\n  const [desc, setDesc] = useState(\"\");\n  const [descError, setDescError] = useState(\"\");\n\n  // product quantity\n  const [qty, setQty] = useState(\"\");\n  const [qtyError, setQtyError] = useState(\"\");\n\n  // product price\n  const [body, setBody] = useState(0);\n  const [body2, setBody2] = useState(0);\n  const [totalprice, setTotalprice] = useState(0);\n\n  const [chosencurrency, setChosencurrency] = useState(\"GBP\");\n\n  const [attribute, setAttribute] = useState(\"Size\");\n  const [colorattribute, setColorattribute] = useState(\"no\");\n  const [sizeattribute, setSizeattribute] = useState(\"no\");\n  const [qtyattribute, setQtyattribute] = useState(\"no\");\n\n  const [ZaplynTileRef, setZaplynTileRef] = useState(createTileRef());\n\n  const [author, setAuthor] = useState(username);\n\n  // estimated delivery\n  const [selectedEtmDelivery, setSelectedEtmDelivery] = useState(\"\");\n  const [selectedEtmDeliveryErr, setSelectedEtmDeliveryErr] = useState(\"\");\n  const [fromEtmDelivery, setFromEtmDelivery] = useState(\"\");\n  const [fromEtmDeliveryErr, setFromEtmDeliveryErr] = useState(\"\");\n  const [toEtmDelivery, setToEtmDelivery] = useState(\"\");\n  const [toEtmDeliveryErr, setToEtmDeliveryErr] = useState(\"\");\n\n  const [selectAttributeList, setSelectAttributeList] = useState([]);\n\n  const handleAttributeSelect = (e) => {\n    const newSelected = [...selectAttributeList];\n\n    if (newSelected.includes(e.target.value)) {\n      newSelected.splice(newSelected.indexOf(e.target.value), 1);\n    } else {\n      newSelected.push(e.target.value);\n    }\n    setSelectAttributeList(newSelected);\n  };\n\n  // Category and attribute related Func ---START---\n  //*********----------********** */\n  const [categoryList, setCategoryList] = useState(null);\n  const [subCategoryList, setSubCategoryList] = useState(null);\n  //   const { productCategories } = useContext(GlobalContext);\n\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"\");\n\n  const [isCustomCategorySelected, setIsCustomCategorySelected] =\n    useState(false);\n  const [customSubCategory, setCustomSubCategory] = useState(\"\");\n\n  const [attributes, setAttributes] = useState(null);\n\n  // color-picker\n  const [showColorPicker, setShowColorPicker] = useState(false);\n  const handleColorPicker = () => {\n    setShowColorPicker(!showColorPicker);\n  };\n  const handleColorSelection = (color) => {\n    setSelectedAttribute1([...selectedattribute1, color.hex]);\n  };\n\n  const onColorDelete = (index) => {\n    const newColors = selectedattribute1.filter((color, i) => i !== index);\n    setSelectedAttribute1(newColors);\n  };\n\n  //size picker\n  const [selectedattribute1, setSelectedAttribute1] = useState([]);\n  const [selectedattribute2, setSelectedAttribute2] = useState([]);\n  const [selectedattribute3, setSelectedAttribute3] = useState([]);\n  const [selectedattribute4, setSelectedAttribute4] = useState([]);\n  const [selectedattribute5, setSelectedAttribute5] = useState([]);\n\n  const handleAttribute1Click = (name) => {\n    const newSelectedSizes = [...selectedattribute1];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute1(newSelectedSizes);\n  };\n\n  const handleAttribute2Click = (name) => {\n    const newSelectedSizes = [...selectedattribute2];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute2(newSelectedSizes);\n  };\n  const handleAttribute3Click = (name) => {\n    const newSelectedSizes = [...selectedattribute3];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute3(newSelectedSizes);\n  };\n  const handleAttribute4Click = (name) => {\n    const newSelectedSizes = [...selectedattribute4];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute4(newSelectedSizes);\n  };\n  const handleAttribute5Click = (name) => {\n    const newSelectedSizes = [...selectedattribute5];\n\n    if (newSelectedSizes.includes(name)) {\n      newSelectedSizes.splice(newSelectedSizes.indexOf(name), 1);\n    } else {\n      newSelectedSizes.push(name);\n    }\n\n    setSelectedAttribute5(newSelectedSizes);\n  };\n\n  const [attribute1, setAttribute1] = useState(\"\");\n  const [attribute2, setAttribute2] = useState(\"\");\n  const [attribute3, setAttribute3] = useState(\"\");\n  const [attribute4, setAttribute4] = useState(\"\");\n  const [attribute5, setAttribute5] = useState(\"\");\n\n  //   categorylist\n  useEffect(() => {\n    if (productCategories) {\n      const categories = Object.keys(productCategories);\n      setCategoryList(categories);\n    }\n  }, [productCategories]);\n\n  //   subCategoryList\n  useEffect(() => {\n    if (productCategories && selectedCategory) {\n      setSelectedSubCategory(\"select\");\n      const subcategories = Object.keys(productCategories[selectedCategory]);\n      if (\n        subcategories?.length === 1 &&\n        subcategories[0] === selectedCategory\n      ) {\n        setSubCategoryList([\"custom\"]);\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      } else {\n        const newSubCategoryList = subcategories.filter(\n          (item) => item !== selectedCategory\n        );\n        setSubCategoryList([...newSubCategoryList, \"custom\"]);\n        const subcategoryObj = productCategories[selectedCategory];\n        // console.log(productCategories[selectedCategory]);\n        const attributes = subcategoryObj[selectedCategory];\n        // console.log(subcategoryObj[selectedCategory]);\n        setAttributes(attributes);\n      }\n    }\n  }, [selectedCategory]);\n\n  //   attributes\n  useEffect(() => {\n    if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory === \"custom\"\n    ) {\n      setIsCustomCategorySelected(true);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedSubCategory];\n      setAttributes(attributes);\n    } else if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory !== \"select\"\n    ) {\n      setIsCustomCategorySelected(false);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedSubCategory];\n      setAttributes(attributes);\n    } else if (\n      productCategories &&\n      selectedSubCategory !== \"\" &&\n      selectedSubCategory === \"select\"\n    ) {\n      setIsCustomCategorySelected(false);\n      const subcategoryObj = productCategories[selectedCategory];\n      const attributes = subcategoryObj[selectedCategory];\n      setAttributes(attributes);\n    }\n  }, [selectedSubCategory]);\n\n  //   attributes values\n  useEffect(() => {\n    if (productCategories && attributes) {\n      for (let i = 0; i < Object.keys(attributes).length; i++) {\n        if (i === 0) {\n          setAttribute1(Object.keys(attributes)[i]);\n        } else if (i === 1) {\n          setAttribute2(Object.keys(attributes)[i]);\n        } else if (i === 2) {\n          setAttribute3(Object.keys(attributes)[i]);\n        } else if (i === 3) {\n          setAttribute4(Object.keys(attributes)[i]);\n        } else if (i === 4) {\n          setAttribute5(Object.keys(attributes)[i]);\n        }\n      }\n    }\n  }, [attributes]);\n\n  //*********----------********** */\n  // Category and attribute related Func ---END---\n\n  // save button Func - make Post_request\n  const handleSumbit = async (e) => {\n    e.preventDefault(); // Prevents page from refreshing initially\n    console.log(files);\n\n    const imageUrls = [];\n    for (let i = 0; i < images.length; i++) {\n      const fileName = `${Date.now()}-${username}-${ZaplynTileRef}-${\n        files[i].name\n      }`;\n\n      try {\n        const response = await fetch(link + \"zaplyn-image-upload/\", {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            image: images[i],\n            filename: fileName,\n          }),\n        });\n\n        const json = await response.json();\n        imageUrls.push(json.url);\n      } catch (err) {\n        console.error(`Error uploading image ${i}:`, err);\n      }\n    }\n\n    let categoryErr = false;\n    let titleErr = false;\n    let descErr = false;\n    let qtyErr = false;\n    let filesErr = false;\n    let deliveryErr = false;\n    let fromdeliveryErr = false;\n    let todeliveryErr = false;\n\n    // Validate required fields\n    if (selectedCategory === \"\") {\n      setSubjectError(\"Please Select a Category!\");\n      categoryErr = true;\n    } else {\n      setSubjectError(\"\");\n    }\n\n    if (itemTitle.trim() === \"\") {\n      setTitleError(\"Please Enter your Product Name!\");\n      titleErr = true;\n    } else {\n      setTitleError(\"\");\n    }\n\n    if (desc.trim() === \"\") {\n      setDescError(\"Please Enter your Product Details!\");\n      descErr = true;\n    } else {\n      setDescError(\"\");\n    }\n\n    if (String(qty).trim() === \"\") {\n      setQtyError(\"Please Enter the Quantity!\");\n      qtyErr = true;\n    } else {\n      setQtyError(\"\");\n    }\n\n    if (selectedEtmDelivery === \"\" || selectedEtmDelivery === \"select\") {\n      setSelectedEtmDeliveryErr(\"Please Select !\");\n      deliveryErr = true;\n    } else {\n      setSelectedEtmDeliveryErr(\"\");\n    }\n\n    if (String(fromEtmDelivery).trim() === \"\") {\n      setFromEtmDeliveryErr(\"required!\");\n      fromdeliveryErr = true;\n    } else {\n      setFromEtmDeliveryErr(\"\");\n    }\n\n    if (String(toEtmDelivery).trim() === \"\") {\n      setToEtmDeliveryErr(\"required!\");\n      todeliveryErr = true;\n    } else {\n      setToEtmDeliveryErr(\"\");\n    }\n\n    if (files?.length === 0) {\n      setFilesError(\"Please Upload images for your product\");\n      filesErr = true;\n    } else {\n      setFilesError(\"\");\n    }\n\n    // If there are any errors, do not submit\n    if (\n      categoryErr ||\n      titleErr ||\n      descErr ||\n      qtyErr ||\n      filesErr ||\n      deliveryErr ||\n      fromdeliveryErr ||\n      todeliveryErr\n    ) {\n      return;\n    } else {\n      // Proceed if no error found\n      let attr1 = \"\";\n      let attr2 = \"\";\n      let attr3 = \"\";\n      let attr4 = \"\";\n      let attr5 = \"\";\n\n      if (attribute1 !== \"\") {\n        attr1 = attribute1 + \"-\" + selectedattribute1.toString();\n      }\n      if (attribute2 !== \"\") {\n        attr2 = attribute2 + \"-\" + selectedattribute2.toString();\n      }\n      if (attribute3 !== \"\") {\n        attr3 = attribute3 + \"-\" + selectedattribute3.toString();\n      }\n      if (attribute4 !== \"\") {\n        attr4 = attribute4 + \"-\" + selectedattribute4.toString();\n      }\n      if (attribute5 !== \"\") {\n        attr5 = attribute5 + \"-\" + selectedattribute5.toString();\n      }\n\n      const content = {\n        author,\n        attribute,\n        totalprice,\n        itemname: itemTitle,\n        desc,\n        body,\n        body2,\n        color: \"\",\n        size: \"\",\n        qty,\n        subject: selectedCategory,\n        sub_category: isCustomCategorySelected\n          ? customSubCategory\n          : selectedSubCategory,\n        custom_category: isCustomCategorySelected ? \"yes\" : \"no\",\n        ZaplynTileRef,\n        images: imageUrls.toString(),\n        link_enabled,\n        etm_date:\n          fromEtmDelivery + \",\" + toEtmDelivery + \",\" + selectedEtmDelivery,\n        currency: chosencurrency,\n        variant: variantItems\n          ?.map((item) => [item.variantName, item.price].toString())\n          .toString(),\n        add_ons: addOnItems.reduce((result, obj) => {\n          result[obj.addOnName] = obj.price;\n          return result;\n        }, {}),\n        show_variant: isVariantChecked,\n        attribute_1: attr1 || \"\",\n        attribute_2: attr2 || \"\",\n        attribute_3: attr3 || \"\",\n        attribute_4: attr4 || \"\",\n        attribute_5: attr5 || \"\",\n      };\n\n      window.dataLayer.push({\n        product_id: ZaplynTileRef,\n        product_name: itemTitle,\n        event: \"create_product\",\n      });\n      console.log(content);\n      console.log(JSON.stringify(content));\n\n      const response = await fetch(link + \"message-create/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify(content),\n      });\n\n      const json = await response.json();\n      setIsLoadingModalOpen(true);\n\n      if (json[\"Status\"] === \"Success\") {\n        toast(\"Successful\");\n        navigate(\"/home\");\n      } else {\n        toast(\"Oops! Something went wrong!\");\n      }\n\n      await queryClient.invalidateQueries([\"productsData\", 1]);\n      await queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n      await queryClient.invalidateQueries(\"categoryData\");\n\n      setIsLoadingModalOpen(false);\n\n      // Refresh the page after successful submission\n      window.location.reload(); // This will reload the page\n    }\n    props.onClick();\n  };\n\n  // console.log(\"categ\", selectedCategory);\n  // console.log(\"sub-categ\", selectedSubCategory);\n  // console.log(\"sub-categ\", subCategoryList);\n  // console.log(\"ats\", attributes);\n  // console.log(\"at1\", attribute1);\n  // console.log(\"at2\", attribute2);\n  // console.log(\"at3\", attribute3);\n  // console.log(\"at4\", attribute4);\n  // console.log(\"at5\", attribute5);\n\n  // console.log(\"selectedatrr\", selectedattribute1);\n  // console.log(\"selectedatrr\", selectedattribute2);\n  // console.log(\"selectedatrr\", selectedattribute3);\n  // console.log(\"selectedatrr\", selectedattribute4);\n  // console.log(\"selectedatrr\", selectedattribute5);\n\n  // useEffect(() => {\n  //   const newdata = variantItems?.map((item) =>\n  //     [item.variantName, item.price].toString()\n  //   );\n  //   console.log(newdata.toString());\n  // }, [variantItems]);\n\n  if (isUserDataLoading || isCategoryLoading) {\n    return <p>Loading...</p>;\n  }\n\n  if (isCategoryError) {\n    return (\n      <div className=\"mt-2 bg-white flex flex-col items-center rounded-xl justify-center pt-20 md:pt-16\">\n        <div className=\"flex items-center h-full sm:p-16 text-gray-700\">\n          <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              className=\"w-40 h-40 text-gray-600\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n              ></path>\n              <rect\n                width=\"176\"\n                height=\"32\"\n                x=\"168\"\n                y=\"320\"\n                fill=\"currentColor\"\n              ></rect>\n              <polygon\n                fill=\"currentColor\"\n                points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n              ></polygon>\n              <polygon\n                fill=\"currentColor\"\n                points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n              ></polygon>\n            </svg>\n            <p className=\"text-3xl\">\n              Looks like our services are currently offline\n            </p>\n            <div className=\"flex items-center \">\n              <img\n                src={zaplynIconT1}\n                alt=\"\"\n                className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n              />\n\n              <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n              <p className=\"text-lg bg-gradient-to-b from-purple-500 to-pink-500 text-transparent bg-clip-text text-center ml-2\">\n                We'll be back soon!\n              </p>\n              <img\n                src={zaplynIconT2}\n                alt=\"\"\n                className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n              />\n\n              <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n  if (!userData?.premium && fetchedProductsList?.length >= 5) {\n    return (\n      <div className=\"z-40 font-lexand bg-white  rounded-md w-full max-w-6xl mx-auto  pt-24 md:pt-20\">\n        <p className=\"max-w-5xl mx-auto md:shadow p-5\">\n          Oh No! You have already created 5 products. To add more, you need to\n          get the premium plan. Get the plan{\" \"}\n          <Link to=\"/account\">\n            <span\n              onClick={() => props.onClick()}\n              className=\"font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text underline\"\n            >\n              here.\n            </span>\n          </Link>\n        </p>\n      </div>\n    );\n  }\n  return (\n    <div className=\"\">\n      <ToastContainer autoClose={1500} />\n      <div className=\"max-w-7xl mx-auto font-lexand  pt-20 md:pt-16 overflow-hidden  rounded-md\">\n        <div\n          id=\"containerbox\"\n          className=\"flex flex-col max-w-5xl mx-auto gap-2 p-2\"\n        >\n          <div className=\"flex items-center justify-center \">\n            <img\n              src={zaplynIconT1}\n              alt=\"\"\n              className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n            />\n\n            <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n            <p className=\"text-lg text-center ml-2\">Add New Product</p>\n            <img\n              src={zaplynIconT2}\n              alt=\"\"\n              className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n            />\n\n            <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n          </div>\n\n          <div className=\"md:flex md:mt-2 md:gap-4 md:w-full\">\n            {/* details section */}\n            <div className=\"flex flex-col gap-2 md:gap-4 md:w-1/2\">\n              {/* category div */}\n              <div className=\"relative flex flex-col justify-center items-end gap-2\">\n                <div className=\" p-1 w-full \">\n                  <select\n                    class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                    required\n                    defaultValue={selectedCategory}\n                    onChange={(e) => {\n                      if (e.target.value !== \"Select Category\") {\n                        setSubjectError(\"\");\n                        setAttributes(null);\n                        setAttribute1(\"\");\n                        setAttribute2(\"\");\n                        setAttribute3(\"\");\n                        setAttribute4(\"\");\n                        setAttribute5(\"\");\n                        setSelectedAttribute1([]);\n                        setSelectedAttribute2([]);\n                        setSelectedAttribute3([]);\n                        setSelectedAttribute4([]);\n                        setSelectedAttribute5([]);\n                        setSelectedCategory(e.target.value);\n                      } else if (e.target.value === \"Select Category\") {\n                        setSubCategoryList(null);\n                        setAttributes(null);\n                        setAttribute1(\"\");\n                        setAttribute2(\"\");\n                        setAttribute3(\"\");\n                        setAttribute4(\"\");\n                        setAttribute5(\"\");\n                        setSelectedAttribute1([]);\n                        setSelectedAttribute2([]);\n                        setSelectedAttribute3([]);\n                        setSelectedAttribute4([]);\n                        setSelectedAttribute5([]);\n                      }\n                    }}\n                  >\n                    {categoryList == null && <div>loading</div>}\n                    {categoryList != null &&\n                      categoryList.map((category, index) => (\n                        <option key={index} value={category}>\n                          {category}\n                        </option>\n                      ))}\n                  </select>\n                </div>\n                {subCategoryList !== null && (\n                  <div className=\"space-y-2 p-1 w-full \">\n                    <select\n                      class=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md\"\n                      required\n                      value={selectedSubCategory}\n                      onChange={(e) => {\n                        if (e.target.value !== \"Select\") {\n                          setAttribute1(\"\");\n                          setAttribute2(\"\");\n                          setAttribute3(\"\");\n                          setAttribute4(\"\");\n                          setAttribute5(\"\");\n                          setSelectedAttribute1([]);\n                          setSelectedAttribute2([]);\n                          setSelectedAttribute3([]);\n                          setSelectedAttribute4([]);\n                          setSelectedAttribute5([]);\n                          setShowColorPicker(false);\n                          setSelectedSubCategory(e.target.value);\n                        }\n                      }}\n                    >\n                      <option value=\"select\">Select</option>\n                      {subCategoryList == null && <div>loading</div>}\n                      {subCategoryList != null &&\n                        subCategoryList.map((subcategory, index) => (\n                          <option key={index} value={subcategory}>\n                            {subcategory}\n                          </option>\n                        ))}\n                    </select>\n                    {isCustomCategorySelected && (\n                      <input\n                        class=\"focus:outline-none placeholder-gray-500 shadow-md text-sm p-2 md:p-2 w-full cursor-pointer border border-pink-200 rounded-md\"\n                        required\n                        value={customSubCategory}\n                        placeholder=\"Add your custom sub-category here..\"\n                        onChange={(e) => setCustomSubCategory(e.target.value)}\n                      />\n                    )}\n                  </div>\n                )}\n                {subjectError && (\n                  <p className=\" text-xs text-red-700\">{subjectError}</p>\n                )}\n              </div>\n\n              <input\n                id=\"title\"\n                className={`focus:outline-none p-2  shadow-md border  border-pink-300 rounded-md h-10  w-full ${\n                  titleError\n                    ? \"text-right placeholder-red-700 text-xs\"\n                    : \"text-left text-sm\"\n                } `}\n                type=\"Text\"\n                required\n                onClick={() => setTitleError(\"\")}\n                onChange={(e) => setItemTitle(e.target.value)}\n                placeholder={titleError ? `${titleError}` : \"Add Title*\"}\n                rows=\"1\"\n                maxLength={50}\n              />\n              <textarea\n                id=\"description\"\n                className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-24 resize-none ${\n                  descError\n                    ? \"text-right placeholder-red-700 text-xs\"\n                    : \"text-left text-sm\"\n                } `}\n                type=\"Text\"\n                value={desc}\n                onClick={() => setDescError(\"\")}\n                onChange={(e) => setDesc(e.target.value)}\n                required\n                placeholder={descError ? `${descError}` : \"Add Description*\"}\n                rows=\"1\"\n                maxLength={150}\n              />\n\n              <div className=\"space-y-2 md:space-y-4\">\n                {/* variants div */}\n                <div className=\"flex flex-col items-start  gap-2 \">\n                  <div className=\"flex items-center gap-4\">\n                    {/* <select\n                        className=\"focus:outline-none w-2/7  shadow-md bg-white border border-pink-300 rounded-md text-xs p-2 cursor-pointer \"\n                        required\n                        onChange={(e) => setChosencurrency(e.target.value)}\n                      >\n                        <option value=\"GBP\">GBP</option>\n                        <option value=\"EUR\">EUR</option>\n                        <option value=\"USD\">USD</option>\n                      </select> */}\n                    <p className=\"text-xs\">\n                      {chosencurrency} {`(£)`}\n                    </p>\n                    <p className=\"flex text-sm text-gray-600 my-2\">\n                      Product Variants?\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        placement=\"top\"\n                        arrow\n                        title=\"Add variants to your product/service each with its own price.\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n\n                    <input\n                      type=\"checkbox\"\n                      id=\"variant\"\n                      name=\"variant\"\n                      className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                      checked={isVariantChecked}\n                      onChange={handleVariantCheck}\n                    />\n                    {isVariantChecked && (\n                      <div\n                        onClick={handleAddVariantItem}\n                        className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                      >\n                        <p className=\"text-white text-xs \">Add</p>\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                            fill=\"#fff\"\n                          ></path>\n                        </svg>\n                      </div>\n                    )}\n                  </div>\n\n                  {isVariantChecked && (\n                    <>\n                      {variantItems.map((item, index) => (\n                        <div key={index} className=\"flex gap-2 items-center \">\n                          <input\n                            type=\"text\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                            required\n                            value={item.variantName}\n                            placeholder=\"Variant Name\"\n                            onChange={(e) => {\n                              const updatedItems = [...variantItems];\n                              updatedItems[index].variantName = e.target.value;\n                              setVariantItems(updatedItems);\n                            }}\n                          />\n                          <input\n                            type=\"number\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                            value={item.price}\n                            placeholder=\"Variant Price\"\n                            onChange={(e) => {\n                              const updatedItems = [...variantItems];\n                              updatedItems[index].price = e.target.value;\n                              setVariantItems(updatedItems);\n                            }}\n                          />\n                          <button\n                            onClick={() => {\n                              const updatedItems = [...variantItems];\n                              updatedItems.splice(index, 1);\n                              setVariantItems(updatedItems);\n                              setVariantCount(variantCount - 1);\n                            }}\n                          >\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              className=\"w-5 h-5\"\n                            >\n                              <path\n                                d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                                fill=\"red\"\n                              ></path>\n                            </svg>\n                          </button>\n                        </div>\n                      ))}\n                    </>\n                  )}\n                </div>\n\n                {/* price-div */}\n                <div className=\"flex flex-col gap-1\">\n                  {!isVariantChecked && (\n                    <div className=\"flex flex-row justify-evenly w-full  \">\n                      <div className=\"flex flex-row-reverse  w-full rounded-sm text-sm\">\n                        {/* <input\n                          id=\"messagecontent\"\n                          className=\"focus:outline-none placeholder-gray-400 shadow-md  border-pink-300 rounded-md text-xs p-2 border mr-3 \"\n                          type=\"number\"\n                          value={body}\n                          onChange={(e) => setBody(e.target.value)}\n                          required\n                          placeholder=\"Retail Price\"\n                          rows=\"1\"\n                        /> */}\n                        <input\n                          id=\"messagecontent\"\n                          className=\"focus:outline-none placeholder-gray-400 shadow-md border-pink-300 rounded-md text-xs p-2 border mr-3\"\n                          type=\"number\"\n                          value={body}\n                          onChange={(e) => {\n                            const value = e.target.value;\n                            if (value >= 0) {\n                              setBody(value);\n                            } else {\n                              // alert(\"Retail price cannot be negative.\");\n                            }\n                          }}\n                          required\n                          placeholder=\"Retail Price\"\n                          rows=\"1\"\n                        />\n\n                        <p className=\"text-sm m-2 w-1/4 justify-center font-semibold text-gray-600 \">\n                          Retail Price\n                        </p>\n                      </div>\n                    </div>\n                  )}\n                </div>\n\n                {attributes !== null &&\n                  attributes !== undefined &&\n                  Object.keys(attributes).length !== 0 && (\n                    <div className=\"flex w-full\">\n                      <p className=\"flex flex-row text-sm justify-start w-1/3 my-1 font-semibold text-gray-600 \">\n                        Add Attribute:\n                        <Tooltip\n                          enterTouchDelay={0}\n                          TransitionComponent={Zoom}\n                          placement=\"top\"\n                          arrow\n                          leaveTouchDelay={5000}\n                          title=\"Optional field. This allows customers to select their preferred option such as color or size of t-shirt, portion size of food, etc.\"\n                        >\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            viewBox=\"0 0 24 24\"\n                            className=\"w-4 h-4\"\n                          >\n                            <path\n                              d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                              fill=\"rgba(235,117,253,1)\"\n                            ></path>\n                          </svg>\n                        </Tooltip>\n                      </p>\n                      <select\n                        className=\"cursor-pointer w-2/3 mr-4 shadow-md bg-white justify-end focus:outline-none border border-pink-300 rounded-md text-xs p-2\"\n                        required\n                        value=\"select Attributes\"\n                        onChange={(e) => handleAttributeSelect(e)}\n                      >\n                        <option value=\"select\">Select Attributes</option>\n                        {Object.keys(attributes).map((attribute) => (\n                          <option\n                            className={` ${\n                              selectAttributeList.includes(attribute)\n                                ? \"bg-pink-300\"\n                                : \"\"\n                            }`}\n                            value={attribute}\n                          >\n                            {attribute}\n                          </option>\n                        ))}\n                      </select>\n                    </div>\n                  )}\n\n                {/* Add ons div */}\n                <div className=\"flex flex-col items-start  gap-2 \">\n                  <div className=\"flex items-center gap-4\">\n                    <p className=\"flex text-sm text-gray-600 my-2\">\n                      Add-ons?\n                      <Tooltip\n                        enterTouchDelay={0}\n                        TransitionComponent={Zoom}\n                        placement=\"top\"\n                        arrow\n                        leaveTouchDelay={5000}\n                        title=\"This allows users to choose additional items on top of the product (for example, extra cheese on their burger!).\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                            fill=\"rgba(235,117,253,1)\"\n                          ></path>\n                        </svg>\n                      </Tooltip>\n                    </p>\n\n                    <input\n                      type=\"checkbox\"\n                      id=\"addon\"\n                      name=\"addon\"\n                      className=\"h-4 w-4 mx-2 my-2 bg-red-100 border-red-300 text-red-500 focus:ring-red-200\"\n                      checked={isAddOnChecked}\n                      onChange={handleAddOnCheck}\n                    />\n                    {isAddOnChecked && (\n                      <div\n                        onClick={handleAddAddOnItem}\n                        className=\"flex items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                      >\n                        <p className=\"text-white text-xs \">Add</p>\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path\n                            d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                            fill=\"#fff\"\n                          ></path>\n                        </svg>\n                      </div>\n                    )}\n                  </div>\n\n                  {isAddOnChecked && (\n                    <>\n                      {addOnItems.map((item, index) => (\n                        <div key={index} className=\"flex gap-2 items-center \">\n                          <input\n                            type=\"text\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full  `}\n                            required\n                            value={item.addOnName}\n                            placeholder=\"Add-on Name\"\n                            onChange={(e) => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems[index].addOnName = e.target.value;\n                              setAddOnItems(updatedItems);\n                            }}\n                          />\n                          <input\n                            type=\"number\"\n                            className={`focus:outline-none p-2 text-sm shadow-md border  border-pink-300 rounded-md h-8  w-full \n                             `}\n                            value={item.price}\n                            placeholder=\"addon Price\"\n                            onChange={(e) => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems[index].price = e.target.value;\n                              setAddOnItems(updatedItems);\n                            }}\n                          />\n                          <button\n                            onClick={() => {\n                              const updatedItems = [...addOnItems];\n                              updatedItems.splice(index, 1);\n                              setAddOnItems(updatedItems);\n                              setAddOnCount(setAddOnCount - 1);\n                            }}\n                          >\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              className=\"w-5 h-5\"\n                            >\n                              <path\n                                d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                                fill=\"red\"\n                              ></path>\n                            </svg>\n                          </button>\n                        </div>\n                      ))}\n                    </>\n                  )}\n                </div>\n\n                <div className=\"p-1\">\n                  {attributes !== null &&\n                    attributes !== undefined &&\n                    Object.keys(attributes).length !== 0 && (\n                      <>\n                        {attribute1 !== \"\" &&\n                        selectAttributeList.includes(attribute1) &&\n                        attribute1 === \"color\" ? (\n                          <>\n                            <p className=\"flex items-center justify-start\">\n                              {attribute1}\n                            </p>\n                            <div className=\"relative flex items-center w-full justify-between  p-0.5 \">\n                              <div className=\"  rounded-md grid grid-cols-6 w-9/12\">\n                                {selectedattribute1?.map((color, index) => (\n                                  <ColorComponent\n                                    key={index}\n                                    color={color}\n                                    index={index}\n                                    onDelete={onColorDelete}\n                                  />\n                                ))}\n                              </div>\n                              <button\n                                className=\"flex items-center rounded-md shadow-md px-2 p-1 w-3/12  text-xs\"\n                                onClick={handleColorPicker}\n                              >\n                                {showColorPicker ? (\n                                  <p className=\"flex pl-2\">\n                                    Close{\" \"}\n                                    <span>\n                                      <svg\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 20 20\"\n                                        width=\"20\"\n                                        height=\"20\"\n                                        className=\"text-red-400 w-4 h-4\"\n                                      >\n                                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                        <path d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\" />\n                                      </svg>\n                                    </span>{\" \"}\n                                  </p>\n                                ) : (\n                                  <button className=\"flex items-center \">\n                                    <svg\n                                      xmlns=\"http://www.w3.org/2000/svg\"\n                                      viewBox=\"0 0 24 24\"\n                                      width=\"20\"\n                                      height=\"20\"\n                                    >\n                                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                      <path d=\"M19.228 18.732l1.768-1.768 1.767 1.768a2.5 2.5 0 1 1-3.535 0zM8.878 1.08l11.314 11.313a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121L8.88 1.08zM11 6.03L3.929 13.1H18.07L11 6.03z\" />\n                                    </svg>\n                                    <p className=\"text-xs\">Chose Color</p>\n                                  </button>\n                                )}\n                              </button>\n\n                              {/* color-picker absolute */}\n                              {showColorPicker && (\n                                <div className=\"absolute -top-24 right-0\">\n                                  <button\n                                    onClick={() => setShowColorPicker(false)}\n                                  >\n                                    x\n                                  </button>\n                                  <CompactPicker\n                                    onChangeComplete={handleColorSelection}\n                                  />\n                                </div>\n                              )}\n                            </div>\n                          </>\n                        ) : (\n                          <>\n                            {attribute1 !== \"\" &&\n                              selectAttributeList.includes(attribute1) && (\n                                <>\n                                  <p className=\"flex items-center justify-start\">\n                                    {attribute1}\n                                  </p>\n                                  <div className=\" flex flex-wrap gap-3  p-2\">\n                                    {attributes[attribute1]\n                                      .split(\",\")\n                                      .map((size) => (\n                                        <SizeComponent\n                                          key={size}\n                                          name={size}\n                                          selectedSizes={selectedattribute1}\n                                          onSelect={() =>\n                                            handleAttribute1Click(size)\n                                          }\n                                        />\n                                      ))}\n                                  </div>\n                                </>\n                              )}\n                          </>\n                        )}\n                        {attribute2 !== \"\" &&\n                          selectAttributeList.includes(attribute2) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute2}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute2]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute2}\n                                      onSelect={() =>\n                                        handleAttribute2Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute3 !== \"\" &&\n                          selectAttributeList.includes(attribute3) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute3}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute3]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute3}\n                                      onSelect={() =>\n                                        handleAttribute3Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute4 !== \"\" &&\n                          selectAttributeList.includes(attribute4) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute4}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute4]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute4}\n                                      onSelect={() =>\n                                        handleAttribute4Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                        {attribute5 !== \"\" &&\n                          selectAttributeList.includes(attribute5) && (\n                            <>\n                              <p className=\"flex items-center justify-start\">\n                                {attribute5}\n                              </p>\n                              <div className=\" flex flex-wrap gap-3  p-2\">\n                                {attributes[attribute5]\n                                  .split(\",\")\n                                  .map((size) => (\n                                    <SizeComponent\n                                      key={size}\n                                      name={size}\n                                      selectedSizes={selectedattribute5}\n                                      onSelect={() =>\n                                        handleAttribute5Click(size)\n                                      }\n                                    />\n                                  ))}\n                              </div>\n                            </>\n                          )}\n                      </>\n                    )}\n                </div>\n\n                <div className=\"flex my-2 gap-4 items-center w-full justify-between pr-4\">\n                  {/* share-link div */}\n                  <div className=\"text-sm py-2 px-1 border border-pink-300 shadow-md  rounded-md w-1/2 flex flex-row justify-start\">\n                    <p className=\" mr-2 my-1 font-semibold text-gray-600 text-sm\">\n                      Enable Link\n                    </p>\n                    <ReactSwitch checked={checked} onChange={handleChange} />\n                  </div>\n\n                  {/* total-price */}\n                  {/* {body && body2 && (\n                    <p className=\"flex flex-col items-end\">\n                      <span className=\"text-gray-500\"> Total Price:</span>\n                      <span className=\"text-xl text-gray-600\">\n                        {chosencurrency === \"GBP\" && (\n                          <span className=\"mr-1\">£</span>\n                        )}\n                        {chosencurrency === \"EUR\" && (\n                          <span className=\"mr-1\">€</span>\n                        )}\n                        {chosencurrency === \"USD\" && (\n                          <span className=\"mr-1\">$</span>\n                        )}\n                        {parseInt(body) + parseInt(body2)}\n                      </span>\n                    </p>\n                  )} */}\n                </div>\n              </div>\n            </div>\n            {/* image and delevery */}\n            <div className=\" space-y-4 py-2 md:py-0 md:w-1/2\">\n              {/* images */}\n              <div className=\"col-span-full\">\n                <label\n                  htmlFor=\"cover-photo\"\n                  className=\"block text-sm font-medium leading-6 text-gray-900\"\n                >\n                  Product Images\n                </label>\n                <div className=\"mt-2 flex justify-center rounded-lg border border-dashed border-gray-900/25 px-6 py-10\">\n                  {images?.length > 0 ? (\n                    <div>\n                      <div className=\" w-full mb-14  \">\n                        <Carousel\n                          infiniteLoop={true}\n                          showStatus={false}\n                          showArrows={false}\n                          swipeable={false}\n                          thumbWidth={50}\n                          className=\"postproductCarousel\"\n                        >\n                          {images.map((image) => (\n                            <img src={image} alt=\"\" className=\"\" />\n                          ))}\n                        </Carousel>\n                      </div>\n                      <label\n                        htmlFor=\"image_uploads\"\n                        className=\" text-xs cursor-pointer shadow-md px-4 py-1 w-40  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                      >\n                        Change Images\n                      </label>\n                      <input\n                        type=\"file\"\n                        id=\"image_uploads\"\n                        name=\"image_uploads\"\n                        style={{ display: \"none\" }}\n                        multiple\n                        accept=\"image/*\"\n                        onChange={(e) => {\n                          uploadImage(e);\n                        }}\n                      />\n                    </div>\n                  ) : (\n                    <div className=\"text-center \">\n                      <label\n                        htmlFor=\"img_uploads\"\n                        className=\"relative cursor-pointer rounded-md bg-white font-semibold text-pink-600 500\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          width=\"60\"\n                          height=\"60\"\n                          className=\"mx-auto\"\n                        >\n                          <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                          <path\n                            d=\"M12 12.586l4.243 4.242-1.415 1.415L13 16.415V22h-2v-5.587l-1.828 1.83-1.415-1.415L12 12.586zM12 2a7.001 7.001 0 0 1 6.954 6.194 5.5 5.5 0 0 1-.953 10.784L18 17a6 6 0 0 0-11.996-.225L6 17v1.978a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2z\"\n                            fill=\"rgba(213,63,140)\"\n                          />\n                        </svg>\n                        <div className=\"mt-4 flex text-sm leading-6 text-pink-600\">\n                          <span>Click to Upload Image(s)</span>\n                          <input\n                            id=\"img_uploads\"\n                            name=\"img_uploads\"\n                            className=\"sr-only\"\n                            type=\"file\"\n                            multiple\n                            accept=\"image/*\"\n                            onChange={(e) => {\n                              uploadImage(e);\n                            }}\n                          />\n                        </div>\n                        {filesError && (\n                          <p className=\" text-xs text-red-700\">{filesError}</p>\n                        )}\n                        <p className=\"text-xs leading-5 text-gray-600\">\n                          PNG, JPG, GIF up to 10MB\n                        </p>\n                      </label>\n                    </div>\n                  )}\n                </div>\n              </div>\n\n              {/* quantity */}\n              <div className=\"flex\">\n                <input\n                  id=\"messagecontent\"\n                  className=\"focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-full cursor-pointer rounded-lg bg-gray-200\"\n                  type=\"number\"\n                  min=\"0\"\n                  value={qty}\n                  onKeyPress={(e) => {\n                    // Prevent entering negative sign or scientific notation\n                    if (e.key === \"-\" || e.key === \"e\") {\n                      e.preventDefault();\n                    }\n                  }}\n                  onChange={(e) => {\n                    const value = e.target.valueAsNumber; // Ensure numeric type\n                    if (value < 0 || isNaN(value)) {\n                      toast.error(\"Quantity cannot be negative\"); // Toast message\n                      setQty(\"\"); // Clear the invalid input\n                    } else {\n                      setQty(value);\n                    }\n                  }}\n                  required\n                  placeholder=\"Qty\"\n                />\n                {qtyError && (\n                  <p className=\" text-xs text-red-700\">{qtyError}</p>\n                )}\n\n                <Tooltip\n                  enterTouchDelay={0}\n                  TransitionComponent={Zoom}\n                  placement=\"top\"\n                  arrow\n                  title=\"Maximum amount that can be ordered by customer. Default value is 1.\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    className=\"w-4 h-4\"\n                  >\n                    <path\n                      d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                      fill=\"rgba(235,117,253,1)\"\n                    ></path>\n                  </svg>\n                </Tooltip>\n              </div>\n\n              {/* Estimated Delivery */}\n              <div>\n                <div className=\"flex gap-2 items-center justify-between \">\n                  <p className=\"flex text-sm\">\n                    Estimated Delivery Time{\" \"}\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      leaveTouchDelay={5000}\n                      placement=\"top\"\n                      arrow\n                      title=\"Set this time to explain the delivery time of your product or service.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                  <div className=\"w-1/3\">\n                    <select\n                      className=\"cursor-pointer w-full mr-4 shadow-md bg-white justify-end focus:outline-none border border-pink-300 rounded-md text-xs p-2\"\n                      required\n                      onChange={(e) => {\n                        setSelectedEtmDelivery(e.target.value);\n                        setSelectedEtmDeliveryErr(\"\");\n                      }}\n                    >\n                      <option value=\"select\">Select </option>\n                      <option value=\"minutes\">Minutes</option>\n                      <option value=\"hours\">Hours</option>\n                      <option value=\"days\">Days</option>\n                    </select>\n                    {selectedEtmDeliveryErr && (\n                      <p className=\" text-xs text-red-700\">\n                        {selectedEtmDeliveryErr}\n                      </p>\n                    )}\n                  </div>\n                </div>\n\n                {selectedEtmDelivery !== \"\" &&\n                  selectedEtmDelivery !== \"select\" && (\n                    <div className=\"flex items-center gap-3 mt-2\">\n                      <input\n                        className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md h-10 w-full ${\n                          fromEtmDeliveryErr\n                            ? \"text-right placeholder-red-700 text-xs\"\n                            : \"text-left text-sm\"\n                        }`}\n                        type=\"number\"\n                        min=\"0\"\n                        onClick={() => setFromEtmDeliveryErr(\"\")}\n                        onKeyPress={(e) => {\n                          // Prevent entering negative sign\n                          if (e.key === \"-\" || e.key === \"e\") {\n                            e.preventDefault();\n                          }\n                        }}\n                        onChange={(e) => {\n                          const value = e.target.valueAsNumber; // Ensure numeric type\n                          if (value < 0 || isNaN(value)) {\n                            setFromEtmDeliveryErr(\"Value cannot be negative\");\n                            setFromEtmDelivery(\"\"); // Reset invalid input\n                          } else {\n                            setFromEtmDelivery(value);\n                            setFromEtmDeliveryErr(\"\");\n                          }\n                        }}\n                        placeholder={`${\n                          fromEtmDeliveryErr\n                            ? `${fromEtmDeliveryErr}`\n                            : `${\n                                selectedEtmDelivery === \"minutes\" ? \"20\" : \"\"\n                              } ${selectedEtmDelivery === \"hours\" ? \"4\" : \"\"}${\n                                selectedEtmDelivery === \"days\" ? \"3\" : \"\"\n                              }`\n                        }`}\n                      />\n\n                      <p>To</p>\n                      <input\n                        className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md h-10 w-full ${\n                          toEtmDeliveryErr\n                            ? \"text-right placeholder-red-700 text-xs\"\n                            : \"text-left text-sm\"\n                        }`}\n                        type=\"number\"\n                        min=\"0\"\n                        onClick={() => setToEtmDeliveryErr(\"\")}\n                        onKeyPress={(e) => {\n                          // Prevent entering negative sign or scientific notation\n                          if (e.key === \"-\" || e.key === \"e\") {\n                            e.preventDefault();\n                          }\n                        }}\n                        onChange={(e) => {\n                          const value = e.target.valueAsNumber; // Ensure numeric type\n                          if (value < 0 || isNaN(value)) {\n                            setToEtmDeliveryErr(\"Value cannot be negative\");\n                            setToEtmDelivery(\"\"); // Reset invalid input\n                          } else {\n                            setToEtmDelivery(value);\n                            setToEtmDeliveryErr(\"\");\n                          }\n                        }}\n                        placeholder={`${\n                          toEtmDeliveryErr\n                            ? `${toEtmDeliveryErr}`\n                            : `${\n                                selectedEtmDelivery === \"minutes\" ? \"30\" : \"\"\n                              } ${selectedEtmDelivery === \"hours\" ? \"8\" : \"\"}${\n                                selectedEtmDelivery === \"days\" ? \"5\" : \"\"\n                              }`\n                        }`}\n                      />\n\n                      <p className=\" text-gray-500 text-sm\">\n                        {selectedEtmDelivery}\n                      </p>\n                    </div>\n                  )}\n              </div>\n\n              {/* shipping charges */}\n              <div className=\"flex mt-1 w-full justify-start \">\n                {!isShippingChecked && (\n                  <p className=\"flex text-xs text-gray-600 my-2\">\n                    Shipping Charges?\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      arrow\n                      title=\"Use this to add shipping charge to each item.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                )}\n                <input\n                  type=\"checkbox\"\n                  id=\"shippingPrice\"\n                  name=\"shippingPrice\"\n                  className=\"h-4 w-4 mx-2 my-2\"\n                  checked={isShippingChecked}\n                  onChange={handleShippingPrice}\n                />\n\n                {isShippingChecked && (\n                  <div className=\"flex items-end  w-full \">\n                    <div className=\"flex flex-row w-full justify-evenly rounded-md text-sm\">\n                      <p className=\"text-sm w-1/3 m-1 font-semibold text-gray-600 \">\n                        Shipping Price\n                      </p>\n                      <input\n                        id=\"messagecontent\"\n                        className=\"focus:outline-none placeholder-gray-400 mr-1 shadow-md border border-pink-300 rounded-md text-xs p-2\"\n                        type=\"number\"\n                        value={body2}\n                        onChange={(e) => {\n                          const value = e.target.valueAsNumber; // Convert input to a number\n                          if (value < 0 || isNaN(value)) {\n                            setBody2(0); // Reset invalid input\n                          } else {\n                            setBody2(value); // Set valid input\n                            setTotalprice(\n                              parseInt(body || 0) + parseInt(value || 0)\n                            ); // Update total price\n                          }\n                        }}\n                        min=\"0\" // Prevent negative values at the browser level\n                        required\n                        placeholder=\"Shipping Price/item\"\n                      />\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n\n          <form\n            id=\"messagesubject\"\n            onSubmit={handleSumbit}\n            className=\" md:pt-2 pb-2\"\n          >\n            <div className=\" flex flex-col items-center  \">\n              <div className=\" pl-2 \">\n                <button className=\" cursor-pointer w-40 md:w-52 text-md md:text-md shadow-md px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\">\n                  Save\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n        {/* Loading Modal*/}\n        <Modal\n          isOpen={isLoadingModalOpen}\n          className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n          overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n          onRequestClose={() => setIsLoadingModalOpen(false)}\n        >\n          <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n            <div className=\"flex items-center justify-center space-x-2\">\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n              <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            </div>\n          </div>\n        </Modal>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductForm;\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport { convertToBase64 } from \"../../../helper/helper\";\nimport imageCompression from \"browser-image-compression\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport ReactSwitch from \"react-switch\";\nimport Select from \"react-select\";\nimport Modal from \"react-modal\";\nimport Endpoints from \"../../../api/endpoints\";\nimport { toast } from \"react-toastify\";\nimport { useQueryClient } from \"react-query\";\nimport PostMessagePopup from \"../../PostMessagePopup\";\nimport { S3 } from \"aws-sdk\";\nimport { Link, useNavigate } from \"react-router-dom\";\n\nimport defaultThemeImg from \"../../../assets/defaultTheme.svg\";\nimport darkThemeImg from \"../../../assets/darkTheme.svg\";\nimport grayThemeImg from \"../../../assets/grayTheme.svg\";\nimport darkblueThemeImg from \"../../../assets/darkBlueTheme.svg\";\nimport greenThemeImg from \"../../../assets/greenTheme.svg\";\nimport redThemeImg from \"../../../assets/redTheme.svg\";\nimport \"../sharePage/Theme.css\";\n\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport TextField from \"@mui/material/TextField\";\nimport dayjs from \"dayjs\";\nimport { MobileTimePicker } from \"@mui/x-date-pickers\";\nimport { CirclePicker } from \"react-color\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nimport getToken from \"../../Token\";\n\nconst s3 = new S3({\n  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,\n  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,\n  region: process.env.REACT_APP_AWS_REGION,\n  signatureVersion: \"v4\",\n});\n\nconst themeData = [\n  {\n    theme: \"default\",\n    themeBtn: \"defaultBtn\",\n    themImg: defaultThemeImg,\n  },\n  {\n    theme: \"dark\",\n    themeBtn: \"darkBtn\",\n    themImg: darkThemeImg,\n  },\n  {\n    theme: \"gray\",\n    themeBtn: \"grayBtn\",\n    themImg: grayThemeImg,\n  },\n  {\n    theme: \"darkBlue\",\n    themeBtn: \"darkBlueBtn\",\n    themImg: darkblueThemeImg,\n  },\n  {\n    theme: \"greenAndBlue\",\n    themeBtn: \"greenAndBlueBtn\",\n    themImg: greenThemeImg,\n  },\n  {\n    theme: \"redAndPink\",\n    themeBtn: \"redAndPinkBtn\",\n    themImg: redThemeImg,\n  },\n];\n\nconst fontData = [\n  {\n    font: \"caveat\",\n  },\n  {\n    font: \"lexand\",\n  },\n  { font: \"Inconsolata\" },\n  {\n    font: \"dancing\",\n  },\n  {\n    font: \"dmsans\",\n  },\n  {\n    font: \"dongle\",\n  },\n  {\n    font: \"fredoka\",\n  },\n  {\n    font: \"indie\",\n  },\n  {\n    font: \"lato\",\n  },\n  {\n    font: \"manjari\",\n  },\n  {\n    font: \"merriweather\",\n  },\n  {\n    font: \"mina\",\n  },\n  {\n    font: \"miriam\",\n  },\n  {\n    font: \"oswald\",\n  },\n  {\n    font: \"ptserif\",\n  },\n  {\n    font: \"raleway\",\n  },\n];\n\nfunction CreateShopForm() {\n  const queryClient = useQueryClient();\n  const navigate = useNavigate();\n\n  // step\n  const [currentStep, setCurrentStep] = useState(1);\n  const [showTheme, setShowTheme] = useState(false);\n\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n  //create product modal\n  const [createProductModalIsOpen, setCreateProductModalIsOpen] =\n    useState(false);\n  const setCreateProductModalIsOpenToFalse = () => {\n    setCreateProductModalIsOpen(false);\n  };\n\n  const {\n    userData,\n    fetchedProductsList,\n    availableProducts: products,\n  } = useContext(GlobalContext);\n  //create shop\n  const [shopName, setShopName] = useState(\"\");\n  const [shopNameError, setShopNameError] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [descError, setDescError] = useState(\"\");\n\n  const [shopOwnerEmail, setShopOwnerEmail] = useState(\"\");\n  const [shopOwnerEmailError, setShopOwnerEmailError] = useState(\"\");\n\n  const [shopOwnerContact, setShopOwnerContact] = useState(\"\");\n  const [shopOwnerContactError, setShopOwnerContactError] = useState(\"\");\n\n  const [shopOwnerAddress, setShopOwneAddress] = useState(\"\");\n\n  const [shopImage, setShopImage] = useState(\"\");\n  const [viewImage, setViewImage] = useState(\"\");\n\n  const [chosenCurrency, setChosenCurrency] = useState(\"GBP\");\n  const [shopShareLink, setShopShareLink] = useState(false);\n  const [scheduleDelivery, setScheduleDelivery] = useState(false);\n\n  const [multipleBooking, setMultipleBooking] = useState(true);\n\n  const [options, setOptions] = useState([\"lexand\", \"caveat\"]);\n  const [selectedOptions, setSelectedOptions] = useState(\"lexand\");\n\n  const handleOptionChange = (selectedOptions) => {\n    setSelectedOptions(selectedOptions);\n  };\n\n  // payment percentage\n  const [paymentPercentage, setPaymentPercentage] = useState(100);\n\n  //\n  //------------------ Booking Slots start ----------------\n  //\n  const [showBookingSlots, setShowBookingSlots] = useState(false);\n\n  // slot items\n\n  const [selectedBookingDay, setSelectedBookingDay] = useState(\"Sunday\");\n\n  // sunday\n  const [isSundayMenuOpen, setIsSundayMenuOpen] = useState(false);\n  const [SundaySlots, setSundaySlots] = useState([]);\n  const [SundaySlotsCount, setSundaySlotsCount] = useState(1);\n  const handleAddSundaySlot = () => {\n    if (SundaySlotsCount < 10) {\n      setSundaySlots([\n        ...SundaySlots,\n        {\n          slotNo: SundaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSundaySlotsCount(SundaySlotsCount + 1);\n    }\n  };\n\n  // monday\n  const [isMondayMenuOpen, setIsMondayMenuOpen] = useState(false);\n\n  const [MondaySlots, setMondaySlots] = useState([]);\n  const [MondaySlotsCount, setMondaySlotsCount] = useState(1);\n  const handleAddMondaySlot = () => {\n    if (MondaySlotsCount < 10) {\n      setMondaySlots([\n        ...MondaySlots,\n        {\n          slotNo: MondaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setMondaySlotsCount(MondaySlotsCount + 1);\n    }\n  };\n\n  // tuesday\n\n  const [isTuesdayMenuOpen, setIsTuesDayOpen] = useState(false);\n\n  const [TuesdaySlots, setTuesdaySlots] = useState([]);\n  const [TuesdaySlotsCount, setTuesdaySlotsCount] = useState(1);\n  const handleAddTuesdaySlot = () => {\n    if (TuesdaySlotsCount < 10) {\n      setTuesdaySlots([\n        ...TuesdaySlots,\n        {\n          slotNo: TuesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setTuesdaySlotsCount(TuesdaySlotsCount + 1);\n    }\n  };\n\n  // wednesday\n\n  const [isWednesdayMenuOpen, setIsWednesdayMenuOpen] = useState(false);\n\n  const [WednesdaySlots, setWednesdaySlots] = useState([]);\n  const [WednesdaySlotsCount, setWednesdaySlotsCount] = useState(1);\n  const handleAddWednesdaySlot = () => {\n    if (WednesdaySlotsCount < 10) {\n      setWednesdaySlots([\n        ...WednesdaySlots,\n        {\n          slotNo: WednesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setWednesdaySlotsCount(WednesdaySlotsCount + 1);\n    }\n  };\n\n  // Thursday\n\n  const [isThursdayMenuOpen, setIsThursdayMenuOpen] = useState(false);\n\n  const [ThursdaySlots, setThursdaySlots] = useState([]);\n  const [ThursdaySlotsCount, setThursdaySlotsCount] = useState(1);\n  const handleAddThursdaySlot = () => {\n    if (ThursdaySlotsCount < 10) {\n      setThursdaySlots([\n        ...ThursdaySlots,\n        {\n          slotNo: ThursdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setThursdaySlotsCount(ThursdaySlotsCount + 1);\n    }\n  };\n\n  // friday\n\n  const [isFridayMenuOpen, setIsFridayMenuOpen] = useState(false);\n\n  const [FridaySlots, setFridaySlots] = useState([]);\n  const [FridaySlotsCount, setFridaySlotsCount] = useState(1);\n  const handleAddFridaySlot = () => {\n    if (FridaySlotsCount < 10) {\n      setFridaySlots([\n        ...FridaySlots,\n        {\n          slotNo: FridaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setFridaySlotsCount(FridaySlotsCount + 1);\n    }\n  };\n\n  // saturday\n  const [isSaturdayMenuOpen, setIsSaturdayMenuOpen] = useState(false);\n\n  const [SaturdaySlots, setSaturdaySlots] = useState([]);\n  const [SaturdaySlotsCount, setSaturdaySlotsCount] = useState(1);\n  const handleAddSaturdaySlot = () => {\n    if (SaturdaySlotsCount < 10) {\n      setSaturdaySlots([\n        ...SaturdaySlots,\n        {\n          slotNo: SaturdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSaturdaySlotsCount(SaturdaySlotsCount + 1);\n    }\n  };\n\n  //\n  //------------------ Booking Slots End ----------------\n  //\n\n  const [shippingInfo, setShippingInfo] = useState(false);\n\n  const [shopDiscount, setShopDiscount] = useState(\"\");\n  const [discountError, setDiscountError] = useState(\"\");\n\n  // theme\n\n  const [selectedTheme, setSelectedTheme] = useState(\"default\");\n  const [selectedThemeBtn, setSelectedThemeBtn] = useState(\"defaultBtn\");\n  const [selectedThemeBtnStyle, setSelectedThemeBtnStyle] = useState(\"\");\n  const [selectedThemeTileBorder, setSelectedThemeTileBorder] =\n    useState(\"none\");\n\n  const [selectedThemeTileBorderStyle, setSelectedThemeTileBorderStyle] =\n    useState(\"rounded-lg\");\n  const [selectedThemeFont, setselectedThemeFont] = useState(\"lexand\");\n\n  const [selectedThemeView, setSelectedThemeView] = useState(\"list\");\n\n  const handleTileView = (event) => {\n    setSelectedThemeView(event.target.value);\n  };\n\n  const handleBorderTile = (event) => {\n    setSelectedThemeTileBorder(event.target.value);\n  };\n\n  const handleColorSelection = (color) => {\n    if (color.hex === \"#9e9e9e\") {\n      setSelectedTheme(\"gray\");\n      setSelectedThemeBtn(\"grayBtn\");\n    }\n    if (color.hex === \"#e53935\") {\n      setSelectedTheme(\"red\");\n      setSelectedThemeBtn(\"redBtn\");\n    }\n    if (color.hex === \"#ffeb3b\") {\n      setSelectedTheme(\"yellow\");\n      setSelectedThemeBtn(\"yellowBtn\");\n    }\n    if (color.hex === \"#4caf50\") {\n      setSelectedTheme(\"green\");\n      setSelectedThemeBtn(\"greenBtn\");\n    }\n    if (color.hex === \"#2196f3\") {\n      setSelectedTheme(\"blue\");\n      setSelectedThemeBtn(\"blueBtn\");\n    }\n    if (color.hex === \"#3f51b5\") {\n      setSelectedTheme(\"indigo\");\n      setSelectedThemeBtn(\"indigoBtn\");\n    }\n    if (color.hex === \"#9c27b0\") {\n      setSelectedTheme(\"purple\");\n      setSelectedThemeBtn(\"purpleBtn\");\n    }\n    if (color.hex === \"#e91e63\") {\n      setSelectedTheme(\"pink\");\n      setSelectedThemeBtn(\"pinkBtn\");\n    }\n    if (color.hex === \"#673ab7\") {\n      setSelectedTheme(\"deep-purple\");\n      setSelectedThemeBtn(\"deep-purpleBtn\");\n    }\n    if (color.hex === \"#03a9f4\") {\n      setSelectedTheme(\"light-blue\");\n      setSelectedThemeBtn(\"light-blueBtn\");\n    }\n    if (color.hex === \"#009688\") {\n      setSelectedTheme(\"teal\");\n      setSelectedThemeBtn(\"tealBtn\");\n    }\n    if (color.hex === \"#cddc39\") {\n      setSelectedTheme(\"lime\");\n      setSelectedThemeBtn(\"limeBtn\");\n    }\n    if (color.hex === \"#ffc107\") {\n      setSelectedTheme(\"amber\");\n      setSelectedThemeBtn(\"amberBtn\");\n    }\n    if (color.hex === \"#ff5722\") {\n      setSelectedTheme(\"deep-orange\");\n      setSelectedThemeBtn(\"deep-orangeBtn\");\n    }\n    if (color.hex === \"#795548\") {\n      setSelectedTheme(\"brown\");\n      setSelectedThemeBtn(\"brownBtn\");\n    }\n  };\n\n  //   categories\n  const [selectedCategoryOptions, setSelectedCategoryOptions] = useState([]);\n  const handleCategoryOptionChange = (e) => {\n    const option = e.target.value;\n    const isChecked = e.target.checked;\n\n    if (isChecked) {\n      setSelectedCategoryOptions([...selectedCategoryOptions, option]);\n    } else {\n      setSelectedCategoryOptions(\n        selectedCategoryOptions.filter((item) => item !== option)\n      );\n    }\n  };\n\n  const [availableProducts, setAvailableProducts] = useState(null);\n\n  const handleMoveToStep2 = () => {\n    let nameErr = false;\n    let descErr = false;\n    let discountErr = false;\n    let ownerEmailErr = false;\n    let contactErr = false;\n    //validate shop name field\n    if (shopName.trim() === \"\") {\n      nameErr = true;\n      setShopNameError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopNameError(\"\");\n    }\n\n    //validate description field\n    if (desc.trim() === \"\") {\n      descErr = true;\n      setDescError(\"Please Enter your Shop Details!\");\n    } else {\n      setDescError(\"\");\n    }\n\n    //validate discount field\n    if (shopDiscount.trim() === \"\") {\n      discountErr = true;\n      setDiscountError(\"required!\");\n    } else {\n      setDiscountError(\"\");\n    }\n\n    //validate shop owner email field\n    if (shopOwnerEmail.trim() === \"\") {\n      ownerEmailErr = true;\n      setShopOwnerEmailError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopOwnerEmailError(\"\");\n    }\n\n    //validate shope owner contact field\n    if (shopOwnerContact.trim() === \"\") {\n      contactErr = true;\n      setShopOwnerContactError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopOwnerContactError(\"\");\n    }\n\n    if (nameErr || descErr || discountErr || ownerEmailErr || contactErr) {\n      setGLobalErr(\"Error\");\n    } else {\n      setCurrentStep((prevstep) => prevstep + 1);\n    }\n  };\n  const handleBackToStep1 = () => {\n    setCurrentStep((prevstep) => prevstep - 1);\n  };\n\n  const [selectedProducts, setSelectedProducts] = useState([]);\n\n  const handleSelect = (tile) => {\n    setSelectedProducts((prevSelectedTiles) => [...prevSelectedTiles, tile]);\n  };\n\n  const handleRemove = (tile) => {\n    setSelectedProducts((prevSelectedProducts) =>\n      prevSelectedProducts.filter((item) => item !== tile)\n    );\n  };\n\n  useEffect(() => {\n    const selectOptions = fetchedProductsList?.map((option) => ({\n      value: option.ZaplynTileRef,\n      label: option.itemname,\n      category: option.category,\n      image: option?.images.shift(),\n    }));\n    setAvailableProducts(selectOptions);\n  }, [fetchedProductsList]);\n\n  const handleImageUpload = async (e) => {\n    const options = {\n      maxSizeMB: 0.2,\n      maxWidthOrHeight: 1280,\n    };\n    const compressedFile = await imageCompression(e.target.files[0], options);\n    const base64 = await convertToBase64(compressedFile);\n\n    setViewImage(base64);\n\n    // setShopImage(base64);\n    setShopImage(e.target.files[0]);\n    // setShopImage(compressedFile);\n    // console.log(\"file\",e.target.files[0])\n    // console.log(\"file\",compressedFile)\n  };\n\n  useEffect(() => {\n    if (availableProducts && selectedCategoryOptions) {\n      const filteredData = availableProducts?.filter((item) => {\n        let categoryFilter = true;\n        if (selectedCategoryOptions?.length > 0) {\n          categoryFilter = selectedCategoryOptions\n            .map((option) => option.toLowerCase())\n            .includes(item.category.toLowerCase());\n        }\n\n        return categoryFilter;\n      });\n\n      setSelectedProducts(\n        filteredData\n          .filter((item) => selectedProducts.includes(item.value))\n          .map((item) => item.value)\n      );\n      // console.log(\"newPRods\", filteredData.filter());\n    }\n  }, [selectedCategoryOptions]);\n\n  const [globalErr, setGLobalErr] = useState(\"\");\n\n  const handleCreateShop = async (e) => {\n    e.preventDefault();\n    setIsLoadingModalOpen(true);\n    try {\n      const fileName = `${Date.now()}-${shopImage.name}`;\n      const s3Params = {\n        Bucket: \"zaplynimages\",\n        Key: fileName,\n        ContentType: shopImage.type,\n        Body: shopImage,\n      };\n\n      //validate shope name field\n      if (shopName.trim() === \"\") {\n        setShopNameError(\"Please Enter your Product Name!\");\n      } else {\n        setShopNameError(\"\");\n      }\n\n      //validate description field\n      if (desc.trim() === \"\") {\n        setDescError(\"Please Enter your Product Details!\");\n      } else {\n        setDescError(\"\");\n      }\n\n      //validate discount field\n      if (shopDiscount.trim() === \"\") {\n        setDiscountError(\"required!\");\n      } else {\n        setDiscountError(\"\");\n      }\n\n      if (shopNameError || descError || discountError) {\n        setGLobalErr(\"Error\");\n      } else {\n        let imgLocation;\n        if (shopImage) {\n          const accesstoken = getToken();\n          const imageRes = await fetch(\n            `https://omnistack.org${process.env.REACT_APP_LINK}zaplyn-image-upload/`,\n            {\n              method: \"POST\",\n              headers: {\n                \"Content-Type\": \"application/json\",\n                Authorization: \"Bearer \" + accesstoken,\n              },\n              body: JSON.stringify({\n                image: viewImage,\n                filename: fileName,\n              }),\n            }\n          );\n          imgLocation = await imageRes.json();\n        }\n        const response = await Endpoints.CreateShop({\n          currency: chosenCurrency,\n          shopname: shopName,\n          description: desc,\n          enable_scheduling: scheduleDelivery,\n          shipping_enabled: shippingInfo,\n          linkEnabled: shopShareLink,\n          discount: shopDiscount || \"\",\n          multiple_bookings: multipleBooking,\n          partial: Number(paymentPercentage),\n          email: shopOwnerEmail,\n          mobile: shopOwnerContact,\n          address: shopOwnerAddress,\n          booking_time: {\n            Sunday: SundaySlots,\n            Monday: MondaySlots,\n            Tuesday: TuesdaySlots,\n            Wednesday: WednesdaySlots,\n            Thursday: ThursdaySlots,\n            Friday: FridaySlots,\n            Saturday: SaturdaySlots,\n          },\n          img_file: imgLocation.url || \"\",\n          theme: `${selectedTheme},${selectedThemeBtn},${selectedThemeBtnStyle},${selectedThemeTileBorder},${selectedThemeTileBorderStyle},${selectedThemeFont},null,${selectedThemeView}`,\n          productlist: selectedProducts.toString() || \"\",\n          categorylist: selectedCategoryOptions.toString() || \"\",\n        });\n\n        window.dataLayer.push({\n          shop_id: \"null\",\n          shop_name: shopName,\n          event: \"create_shop\",\n        });\n\n        if (response) {\n          toast(response[\"Notification-text\"]);\n          await queryClient.invalidateQueries(\"shopsData\");\n          setIsLoadingModalOpen(false);\n          navigate(\"/shops\");\n        }\n      }\n    } catch (error) {\n      console.log(error);\n      setIsLoadingModalOpen(false);\n    }\n  };\n\n  // useEffect(() => {\n  //   if (scheduleDelivery) {\n  //     setShowBookingSlots(true);\n  //   } else {\n  //     setShowBookingSlots(false);\n  //   }\n  // }, [scheduleDelivery]);\n\n  const categories = useMemo(() => {\n    return fetchedProductsList?.map((item) => item.category);\n  }, [fetchedProductsList]);\n\n  const uniqueCategories = useMemo(() => {\n    return [...new Set(categories)];\n  }, [categories]);\n\n  if (!userData?.premium) {\n    return (\n      <div className=\"z-40 mt-20 md:mt-24 font-lexand bg-white shadow-md rounded-md max-w-2xl p-5  mx-auto\">\n        <p>\n          You can create shops with a premium plan. Get the premium plan{\" \"}\n          <Link to=\"/account\">\n            <span className=\"font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text underline\">\n              here!\n            </span>\n          </Link>\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"max-w-5xl p-4 pt-20 md:pt-16 mx-auto font-lexand\">\n      {!showBookingSlots && !showTheme && currentStep === 1 && (\n        <>\n          <h1 className=\"text-xl font-bold  capitalize \">Create new Shop</h1>\n          <form onSubmit={handleCreateShop}>\n            <div className=\"grid grid-cols-1 gap-6 mt-4 sm:grid-cols-6\">\n              {shopImage ? (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <img src={viewImage} alt=\"\" className=\"w-full h-full\" />\n                    </div>\n                  </div>\n                </div>\n              ) : (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <label\n                        htmlFor=\"file-upload\"\n                        className=\"relative cursor-pointer \"\n                      >\n                        <svg\n                          className=\"mx-auto h-12 w-12 text-black\"\n                          stroke=\"currentColor\"\n                          fill=\"none\"\n                          viewBox=\"0 0 48 48\"\n                          aria-hidden=\"true\"\n                        >\n                          <path\n                            d=\"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02\"\n                            strokeWidth=\"2\"\n                            strokeLinejoin=\"round\"\n                            strokeLinecap=\"round\"\n                          />\n                        </svg>\n                        <div className=\" text-xs text-gray-600\">\n                          <span className=\"bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500\">\n                            Upload a file\n                          </span>\n                          <p className=\"pl-1 text-black\">or drag and drop</p>\n                          <p className=\"text-xs text-black\">\n                            PNG, JPG, GIF up to 10MB\n                          </p>\n                        </div>\n                      </label>\n                      <input\n                        id=\"file-upload\"\n                        name=\"file-upload\"\n                        type=\"file\"\n                        style={{ display: \"none\" }}\n                        accept=\"image/*\"\n                        onChange={handleImageUpload}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n              <div className=\"sm:col-span-4\">\n                <div>\n                  <label className=\"text-black flex \" htmlFor=\"shopname\">\n                    Shop Name\n                  </label>\n                  <input\n                    id=\"shopname\"\n                    className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                      shopNameError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    type=\"Text\"\n                    required\n                    value={shopName}\n                    onClick={() => setShopNameError(\"\")}\n                    onChange={(e) => setShopName(e.target.value)}\n                    placeholder={\n                      shopNameError ? `${shopNameError}` : \"Add Shop Name*\"\n                    }\n                    rows=\"1\"\n                    maxLength={50}\n                  />\n                </div>\n\n                <div>\n                  <label\n                    className=\"text-black flex\"\n                    htmlFor=\"passwordConfirmation\"\n                  >\n                    Description\n                  </label>\n                  <textarea\n                    id=\"textarea\"\n                    type=\"textarea\"\n                    className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-24 resize-none ${\n                      descError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    value={desc}\n                    onClick={() => setDescError(\"\")}\n                    onChange={(e) => setDesc(e.target.value)}\n                    required\n                    placeholder={\n                      descError ? `${descError}` : \"Add Description*\"\n                    }\n                    rows=\"1\"\n                    maxLength={150}\n                  ></textarea>\n                </div>\n              </div>\n            </div>\n\n            <hr class=\"mt-6 mb-1 border-b-1 border-gray-200\" />\n\n            <div className=\" grid grid-cols-1 gap-2 mt-4 sm:grid-cols-2\">\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneremail\">\n                  Email\n                </label>\n                <input\n                  id=\"shopowneremail\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerEmailError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Text\"\n                  required\n                  value={shopOwnerEmail}\n                  onClick={() => setShopOwnerEmailError(\"\")}\n                  onChange={(e) => setShopOwnerEmail(e.target.value)}\n                  placeholder={\n                    shopOwnerEmailError\n                      ? `${shopOwnerEmailError}`\n                      : \"Add Email*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"showownercontact\">\n                  Contact\n                </label>\n                <input\n                  id=\"showownercontact\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerContactError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Number\"\n                  required\n                  value={shopOwnerContact}\n                  onClick={() => setShopOwnerContactError(\"\")}\n                  onChange={(e) => setShopOwnerContact(e.target.value)}\n                  placeholder={\n                    shopOwnerContactError\n                      ? `${shopOwnerContactError}`\n                      : \"Add Contact*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-2\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneraddresss\">\n                  Address\n                </label>\n                <textarea\n                  id=\"shopowneraddresss\"\n                  type=\"textarea\"\n                  className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-16 resize-none text-left text-sm `}\n                  value={shopOwnerAddress}\n                  onChange={(e) => setShopOwneAddress(e.target.value)}\n                  placeholder=\"Address\"\n                  rows=\"1\"\n                  maxLength={150}\n                ></textarea>\n              </div>\n            </div>\n            <hr class=\"mt-4 mb-1 border-b-1 border-gray-200\" />\n\n            <div className=\"flex flex-wrap items-center justify-between mt-2\">\n              <div className=\"flex items-end text-xs md:text-sm gap-2  \">\n                {/* <p>Default Currency</p>\n                <select\n                  className=\"focus:outline-none w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  onChange={(e) => setChosenCurrency(e.target.value)}\n                >\n                  <option value=\"GBP\">GBP</option>\n                  <option value=\"EUR\">EUR</option>\n                  <option value=\"USD\">USD</option>\n                </select> */}\n                <p className=\"text-xs\">\n                  {chosenCurrency} {`(£)`}\n                </p>\n              </div>\n\n              {/* <div className=\"flex items-center text-xs md:text-sm gap-2\">\n                <p>VAT </p>\n                <input\n                  id=\"vat\"\n                  className=\"focus:outline-none p-1 h-8 text-gray-600 w-8 bg-transparent \"\n                  value=\"10\"\n                  readOnly\n                  required\n                  rows=\"1\"\n                />\n              </div> */}\n\n              <div className=\"flex gap-2 items-end\">\n                <label\n                  className=\"text-black flex  text-xs md:text-sm\"\n                  htmlFor=\"shopDiscount\"\n                >\n                  Shop Discount {`(%)`}\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    arrow\n                    leaveTouchDelay={5000}\n                    title=\"Set an amount from 0 to 100 if you want to offer a discount on the total order amount. Default amount is 0.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </label>\n                <input\n                  id=\"shopDiscount\"\n                  className={`focus:outline-none p-1  shadow-md border text-xs border-pink-300 rounded-md h-8  w-20 md:w-40 ${\n                    discountError\n                      ? \"text-right placeholder-red-700\"\n                      : \"text-left\"\n                  } `}\n                  type=\"Number\"\n                  required\n                  value={shopDiscount}\n                  onClick={() => setDiscountError(\"\")}\n                  onChange={(e) => setShopDiscount(e.target.value)}\n                  placeholder={\n                    discountError ? `${discountError}` : \"Add Discount *\"\n                  }\n                  rows=\"1\"\n                  maxLength={5}\n                />\n              </div>\n\n              <div className=\"text-sm py-2 px-2 border border-pink-300 shadow-md  rounded-md mt-2 flex items-center justify-start\">\n                <p className=\" mr-2 my-1 font-semibold text-gray-600 text-xs md:text-sm\">\n                  Enable Link\n                </p>\n                <ReactSwitch\n                  checked={shopShareLink}\n                  onChange={() => setShopShareLink(!shopShareLink)}\n                  height={20}\n                  handleDiameter={12}\n                  width={40}\n                />\n              </div>\n\n              <button\n                onClick={() => setShowTheme(true)}\n                className=\"py-1 px-4 bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text rounded-lg  font-bold text-sm md:text-lg animate-pulse shadow-md\"\n              >\n                Themes\n              </button>\n            </div>\n\n            <div className=\"flex flex-wrap mt-2 items-center justify-between\">\n              <div className=\"text-sm py-2 mt-2  rounded-md  flex flex-col gap-1 justify-start\">\n                <div className=\"flex gap-2\">\n                  <p className=\" flex  text-gray-600 text-sm\">\n                    Require Appointment Booking\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      leaveTouchDelay={5000}\n                      arrow\n                      title=\"Enabling this feature allows your customers to book an appointment at designated time slots that you save here.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                  <ReactSwitch\n                    checked={scheduleDelivery}\n                    onChange={() => setScheduleDelivery(!scheduleDelivery)}\n                    handleDiameter={12}\n                    height={20}\n                    width={40}\n                  />\n                </div>\n\n                <div\n                  className={`flex flex-wrap items-center justify-between ${\n                    !scheduleDelivery ? \"opacity-60\" : \"\"\n                  }`}\n                >\n                  <div\n                    onClick={() => {\n                      if (scheduleDelivery) {\n                        setShowBookingSlots(true);\n                      } else {\n                        console.log(\"\");\n                      }\n                    }}\n                    className=\" ml-1 px-2 border border-pink-300 shadow-md  rounded-md flex items-center justify-start cursor-pointer\"\n                  >\n                    <p className=\" mr-2 font-semibold text-gray-600 text-xs md:text-sm\">\n                      Add Time Slot\n                    </p>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-5 h-5\"\n                    >\n                      <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                    </svg>\n                  </div>\n                </div>\n              </div>\n              <div className=\"text-sm py-2 mt-2 px-2 border border-pink-300 shadow-md  rounded-md  flex items-center justify-start\">\n                <p className=\" mr-2 my-1 flex text-gray-600 text-xs md:text-sm\">\n                  Ask for Shipping Information?\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Enabling this feature allows you to collect shipping address from customers. Use it only if necessary, for example if you are planning to ship physical goods.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <ReactSwitch\n                  checked={shippingInfo}\n                  onChange={() => setShippingInfo(!shippingInfo)}\n                  handleDiameter={12}\n                  height={20}\n                  width={40}\n                />\n              </div>\n\n              <div className=\"flex items-end text-xs md:text-sm gap-2 mt-1  \">\n                <p className=\"flex\">\n                  Payment required for booking order\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Set the amount to be paid by customer in advance to book the order (from 0 to 100%).\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <select\n                  className=\"focus:outline-none w-16 md:w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  onChange={(e) => setPaymentPercentage(e.target.value)}\n                >\n                  <option value=\"100\">100 %</option>\n                  <option value=\"50\">50 %</option>\n                  <option value=\"25\">25 %</option>\n                  <option value=\"0\">0 %</option>\n                </select>\n              </div>\n            </div>\n\n            <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n              <div className=\" relative w-full\">\n                {uniqueCategories?.length > 0 ? (\n                  <p\n                    onClick={handleMoveToStep2}\n                    className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                  >\n                    Add Products\n                  </p>\n                ) : (\n                  <>\n                    <p className=\" absolute -top-4 right-4 text-xs text-gray-500\">\n                      You do not have any products to add!{\" \"}\n                    </p>\n                    <p\n                      onClick={() => {\n                        setCreateProductModalIsOpen(true);\n                      }}\n                      className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                    >\n                      Create Product\n                    </p>\n                  </>\n                )}\n              </div>\n              <button\n                type=\"submit\"\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                <span className=\"text-sm text-gray-600\">skip &</span> Create\n                Shop\n              </button>\n            </div>\n          </form>\n        </>\n      )}\n\n      {/* products section */}\n      {!showBookingSlots && !showTheme && currentStep === 2 && (\n        <>\n          <div\n            className={`${uniqueCategories?.length > 0 ? \"block\" : \"hidden\"}`}\n          >\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Categories for you shop\n            </h6>\n            <div className=\"grid grid-cols-2 md:grid-cols-4\">\n              {uniqueCategories?.map((option) => (\n                <label key={option}>\n                  <input\n                    type=\"checkbox\"\n                    value={option}\n                    checked={selectedCategoryOptions.includes(option)}\n                    onChange={handleCategoryOptionChange}\n                  />\n                  <span className=\"ml-2\">{option}</span>\n                </label>\n              ))}\n            </div>\n            <hr class=\"mt-6 border-b-1 border-gray-200\" />\n          </div>\n          {selectedCategoryOptions?.length > 0 ? (\n            selectedCategoryOptions?.map((category, index) => (\n              <div className=\"p-1\" key={index}>\n                <h1 className=\"text-gray-700 text-left\">{category}</h1>\n                <div className=\"grid md:grid-cols-3 p-1\">\n                  {availableProducts\n                    ?.filter((item) => item.category === category)\n                    .map((product) => (\n                      <div\n                        className={`flex gap-2 p-1 m-1 cursor-pointer  ${\n                          selectedProducts?.includes(product.value)\n                            ? \"bg-gray-100 opacity-30 border border-pink-300 rounded-lg\"\n                            : \"\"\n                        }`}\n                        key={product.value}\n                        onClick={() =>\n                          selectedProducts?.includes(product.value)\n                            ? handleRemove(product.value)\n                            : handleSelect(product.value)\n                        }\n                      >\n                        <img\n                          src={product.image}\n                          alt=\"\"\n                          className=\"w-12 h-12 rounded-md\"\n                        />\n                        <div className=\"text-xs text-left\">\n                          <p className=\"text-sm\">{product.label}</p>\n                          <p className=\"text-gray-500\">{product.value}</p>\n                        </div>\n                      </div>\n                    ))}\n                </div>\n              </div>\n            ))\n          ) : (\n            <></>\n          )}\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={handleBackToStep1}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={handleCreateShop}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Create Shop\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* theme section */}\n      {!showBookingSlots && showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Themes for you shop\n            </h6>\n\n            <div className=\"flex items-center justify-center max-w-md mx-auto \">\n              <CirclePicker\n                onChangeComplete={handleColorSelection}\n                circleSpacing={20}\n                colors={[\n                  \"#9e9e9e\",\n                  \"#e53935\",\n                  \"#ffeb3b\",\n                  \"#4caf50\",\n                  \"#2196f3\",\n                  \"#3f51b5\",\n                  \"#9c27b0\",\n                  \"#e91e63\",\n                  \"#673ab7\",\n                  \"#03a9f4\",\n                  \"#009688\",\n                  \"#cddc39\",\n                  \"#ffc107\",\n                  \"#ff5722\",\n                  \"#795548\",\n                ]}\n              />\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <p className=\" text-gray-400 font-semibold \">BUTTON STYLES</p>\n            <div className=\"flex mt-2 gap-4 items-center justify-around\">\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"\")}\n                  className={`${selectedThemeBtn} relative cursor-pointer px-4 text-sm   shadow-md md:px-10 py-1 md:p-1.5  `}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Default</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-xl\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer  px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-lg`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-xl\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-full\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-full`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-full\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded Full</p>\n              </div>\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <div className=\"space-y-2\">\n              <p className=\"text-gray-400 font-semibold \">TILE STYLES</p>\n\n              {/* tileview */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product Tile View</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"list\"\n                    value=\"list\"\n                    checked={selectedThemeView === \"list\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"list\">List</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"grid\"\n                    value={`grid`}\n                    checked={selectedThemeView === \"grid\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"grid\">Grid</label>\n                </div>\n              </div>\n\n              {/* tile Border */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product tile Border</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"none\"\n                    value=\"none\"\n                    checked={selectedThemeTileBorder === \"none\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"none\">None</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"light\"\n                    value={`light`}\n                    checked={selectedThemeTileBorder === \"light\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"light\">Light</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"heavy\"\n                    value={`heavy`}\n                    checked={selectedThemeTileBorder === \"heavy\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"heavy\">Heavy</label>\n                </div>\n              </div>\n\n              {/* tile style */}\n\n              <div>\n                <p className=\"py-2  \">Product Tile</p>\n                <div className=\"flex flex-col md:flex-row items-center justify-around\">\n                  <div\n                    onClick={() => setSelectedThemeTileBorderStyle(\"\")}\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? ` ${selectedTheme} p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? ` ${selectedTheme}p-0.5`\n                          : \"\"\n                      }  \n                      ${\n                        selectedThemeTileBorderStyle === \"\"\n                          ? \"\"\n                          : \"cursor-pointer opacity-40\"\n                      } w-full md:w-60`}\n                    >\n                      <div className=\" flex bg-white shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16 bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Square</p>\n                    {selectedThemeTileBorderStyle === \"\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n\n                  <div\n                    onClick={() =>\n                      setSelectedThemeTileBorderStyle(\"rounded-lg\")\n                    }\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? ` ${selectedTheme}  p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? ` ${selectedTheme} p-0.5`\n                          : \"\"\n                      } \n                      ${\n                        selectedThemeTileBorderStyle === \"rounded-lg\"\n                          ? \"\"\n                          : \"cursor-pointer opacity-40\"\n                      } w-full md:w-60 rounded-lg`}\n                    >\n                      <div className=\" flex bg-white rounded-lg shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16  bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Rounded</p>\n                    {selectedThemeTileBorderStyle === \"rounded-lg\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n\n              <hr class=\"mt-4 border-b-1 border-gray-200\" />\n              {/* font */}\n\n              <div className=\"flex gap-4 items-center md:justify-center \">\n                {/* <div className=\"flex flex-col gap-4  \"> */}\n                <p className=\"text-gray-400 text-sm font-semibold \">\n                  FONT STYLES\n                </p>\n                <select\n                  className={`${selectedThemeFont}  focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-40 md:w-52 md:p-2  cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md`}\n                  required\n                  value={selectedThemeFont}\n                  onChange={(e) => setselectedThemeFont(e.target.value)}\n                >\n                  {fontData.map((item, index) => (\n                    <option\n                      key={index}\n                      value={item.font}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${\n                        item.font\n                      } p-2 px-4 md:px-6 rounded-md shadow-sm capitalize`}\n                    >\n                      {item.font}\n                    </option>\n                  ))}\n                </select>\n\n                {/* <div className=\"grid md:grid-cols-2\">\n                  {fontData.map((item, index) => (\n                    <p\n                      key={index}\n                      value={item.font}\n                      onClick={() => setselectedThemeFont(item.font)}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${item.font} p-2 px-4 md:px-6 rounded-md shadow-sm `}\n                    >\n                      Select font for your Shop.\n                    </p>\n                  ))} \n                </div> */}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowTheme(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowTheme(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* booking slots section */}\n      {showBookingSlots && !showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Add Time Slots\n            </h6>\n\n            <div className=\"flex gap-3 items-center mb-3\">\n              <p className=\"text-xs md:text-sm\">\n                Allow multiple bookings in same time period?\n              </p>\n              <ReactSwitch\n                checked={multipleBooking}\n                onChange={() => setMultipleBooking(!multipleBooking)}\n                height={20}\n                handleDiameter={12}\n                width={40}\n              />\n            </div>\n\n            {/* Weekdays Navbar */}\n            <div className=\" m-2 flex w-full justify-center items-center overflow-x-auto overflow-y-hidden mx-auto  \">\n              {[\n                { sm: \"Sun\", md: \"Sunday\" },\n                { sm: \"Mon\", md: \"Monday\" },\n                { sm: \"Tue\", md: \"Tuesday\" },\n                { sm: \"Wed\", md: \"Wednesday\" },\n                { sm: \"Thu\", md: \"Thursday\" },\n                { sm: \"Fri\", md: \"Friday\" },\n                { sm: \"Sat\", md: \"Saturday\" },\n              ].map((item, index) => (\n                <p\n                  className={`${\n                    selectedBookingDay === item.md\n                      ? \"bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text border border-b-0 rounded-t-lg \"\n                      : \" border-b text-gray-600\"\n                  } md:px-3 px-2  border-pink-200 text-sm `}\n                  onClick={() => setSelectedBookingDay(item.md)}\n                >\n                  <span className=\"hidden md:block\">{item.md}</span>\n                  <span className=\"md:hidden \">{item.sm}</span>\n                </p>\n              ))}\n            </div>\n\n            {/* Sunday */}\n            {selectedBookingDay === \"Sunday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSundaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSundayMenuOpen(!isSundayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSundayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          {/* <p onClick={() => setSundaySlots(SundaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Sunday</p> */}\n                          <p\n                            onClick={() => setSundaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SundaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].from = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"from\"}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].to = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"to\"}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SundaySlots];\n                          updatedItems.splice(index, 1);\n                          setSundaySlots(updatedItems);\n                          setSundaySlotsCount(SundaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Monday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddMondaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsMondayMenuOpen(!isMondayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isMondayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setMondaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          {/* <p onClick={() => setMondaySlots(MondaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Monday</p> */}\n                          <p\n                            onClick={() => setMondaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {MondaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].from = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].to = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...MondaySlots];\n                          updatedItems.splice(index, 1);\n                          setMondaySlots(updatedItems);\n                          setMondaySlotsCount(MondaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Tuesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddTuesdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsTuesDayOpen(!isTuesdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isTuesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setTuesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          {/* <p onClick={() => setTuesdaySlots(TuesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Tuesday</p> */}\n                          <p\n                            onClick={() => setTuesdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {TuesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].from = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].to = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...TuesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setTuesdaySlots(updatedItems);\n                          setTuesdaySlotsCount(TuesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Wednesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddWednesdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() =>\n                        setIsWednesdayMenuOpen(!isWednesdayMenuOpen)\n                      }\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isWednesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setWednesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          {/* <p onClick={() => setWednesdaySlots(WednesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Wednesday</p> */}\n                          <p\n                            onClick={() => setWednesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {WednesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].from = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].to = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...WednesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setWednesdaySlots(updatedItems);\n                          setWednesdaySlotsCount(WednesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Thursday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddThursdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsThursdayMenuOpen(!isThursdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isThursdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setThursdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          {/* <p onClick={() => setThursdaySlots(ThursdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Thursday</p> */}\n                          <p\n                            onClick={() => setThursdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {ThursdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].from = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].to = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...ThursdaySlots];\n                          updatedItems.splice(index, 1);\n                          setThursdaySlots(updatedItems);\n                          setThursdaySlotsCount(ThursdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Friday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddFridaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsFridayMenuOpen(!isFridayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isFridayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setFridaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          {/* <p onClick={() => setFridaySlots(FridaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Friday</p> */}\n                          <p\n                            onClick={() => setFridaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {FridaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].from = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].to = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...FridaySlots];\n                          updatedItems.splice(index, 1);\n                          setFridaySlots(updatedItems);\n                          setFridaySlotsCount(FridaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Saturday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSaturdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSaturdayMenuOpen(!isSaturdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSaturdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setSaturdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          {/* <p onClick={() => setSaturdaySlots(SaturdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Saturday</p> */}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SaturdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].from = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].to = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SaturdaySlots];\n                          updatedItems.splice(index, 1);\n                          setSaturdaySlots(updatedItems);\n                          setSaturdaySlotsCount(SaturdaySlots - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowBookingSlots(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowBookingSlots(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* Create Product Modal */}\n      <Modal\n        isOpen={createProductModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setCreateProductModalIsOpen(false)}\n      >\n        <button\n          onClick={setCreateProductModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PostMessagePopup\n          onClick={setCreateProductModalIsOpenToFalse}\n          closeCreateShopModal={() => {}}\n        />\n      </Modal>\n\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md  text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateShopForm;\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport { convertToBase64 } from \"../../../../helper/helper\";\nimport imageCompression from \"browser-image-compression\";\nimport { GlobalContext } from \"../../../GlobalContext\";\nimport ReactSwitch from \"react-switch\";\nimport Select from \"react-select\";\nimport Modal from \"react-modal\";\nimport Endpoints from \"../../../../api/endpoints\";\nimport { toast } from \"react-toastify\";\nimport { useQueryClient } from \"react-query\";\nimport PostMessagePopup from \"../../../PostMessagePopup\";\nimport { S3 } from \"aws-sdk\";\nimport { Link } from \"react-router-dom\";\nimport defaultThemeImg from \"../../../../assets/defaultTheme.svg\";\nimport darkThemeImg from \"../../../../assets/darkTheme.svg\";\nimport grayThemeImg from \"../../../../assets/grayTheme.svg\";\nimport darkblueThemeImg from \"../../../../assets/darkBlueTheme.svg\";\nimport greenThemeImg from \"../../../../assets/greenTheme.svg\";\nimport redThemeImg from \"../../../../assets/redTheme.svg\";\nimport \"../../sharePage/Theme.css\";\n\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport TextField from \"@mui/material/TextField\";\nimport dayjs from \"dayjs\";\nimport { MobileTimePicker } from \"@mui/x-date-pickers\";\nimport { CirclePicker } from \"react-color\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nimport getToken from \"../../../Token\";\n\nconst s3 = new S3({\n  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,\n  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,\n  region: process.env.REACT_APP_AWS_REGION,\n  signatureVersion: \"v4\",\n});\n\nconst themeData = [\n  {\n    theme: \"default\",\n    themeBtn: \"defaultBtn\",\n    themImg: defaultThemeImg,\n  },\n  {\n    theme: \"dark\",\n    themeBtn: \"darkBtn\",\n    themImg: darkThemeImg,\n  },\n  {\n    theme: \"gray\",\n    themeBtn: \"grayBtn\",\n    themImg: grayThemeImg,\n  },\n  {\n    theme: \"darkBlue\",\n    themeBtn: \"darkBlueBtn\",\n    themImg: darkblueThemeImg,\n  },\n  {\n    theme: \"greenAndBlue\",\n    themeBtn: \"greenAndBlueBtn\",\n    themImg: greenThemeImg,\n  },\n  {\n    theme: \"redAndPink\",\n    themeBtn: \"redAndPinkBtn\",\n    themImg: redThemeImg,\n  },\n];\n\nconst fontData = [\n  {\n    font: \"caveat\",\n  },\n  {\n    font: \"lexand\",\n  },\n  { font: \"Inconsolata\" },\n  {\n    font: \"dancing\",\n  },\n  {\n    font: \"dmsans\",\n  },\n  {\n    font: \"dongle\",\n  },\n  {\n    font: \"fredoka\",\n  },\n  {\n    font: \"indie\",\n  },\n  {\n    font: \"lato\",\n  },\n  {\n    font: \"manjari\",\n  },\n  {\n    font: \"merriweather\",\n  },\n  {\n    font: \"mina\",\n  },\n  {\n    font: \"miriam\",\n  },\n  {\n    font: \"oswald\",\n  },\n  {\n    font: \"ptserif\",\n  },\n  {\n    font: \"raleway\",\n  },\n];\n\nfunction CreateShopModal({ closeOnClick }) {\n  const queryClient = useQueryClient();\n\n  // step\n  const [currentStep, setCurrentStep] = useState(1);\n  const [showTheme, setShowTheme] = useState(false);\n\n  //create product modal\n  const [createProductModalIsOpen, setCreateProductModalIsOpen] =\n    useState(false);\n  const setCreateProductModalIsOpenToFalse = () => {\n    setCreateProductModalIsOpen(false);\n  };\n\n  const {\n    userData,\n    fetchedProductsList,\n    availableProducts: products,\n  } = useContext(GlobalContext);\n  //create shop\n  const [shopName, setShopName] = useState(\"\");\n  const [shopNameError, setShopNameError] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [descError, setDescError] = useState(\"\");\n\n  const [shopOwnerEmail, setShopOwnerEmail] = useState(\"\");\n  const [shopOwnerEmailError, setShopOwnerEmailError] = useState(\"\");\n\n  const [shopOwnerContact, setShopOwnerContact] = useState(\"\");\n  const [shopOwnerContactError, setShopOwnerContactError] = useState(\"\");\n\n  const [shopOwnerAddress, setShopOwneAddress] = useState(\"\");\n\n  const [shopImage, setShopImage] = useState(\"\");\n  const [viewImage, setViewImage] = useState(\"\");\n\n  const [chosenCurrency, setChosenCurrency] = useState(\"GBP\");\n  const [shopShareLink, setShopShareLink] = useState(false);\n  const [scheduleDelivery, setScheduleDelivery] = useState(false);\n\n  const [multipleBooking, setMultipleBooking] = useState(true);\n\n  const [options, setOptions] = useState([\"lexand\", \"caveat\"]);\n  const [selectedOptions, setSelectedOptions] = useState(\"lexand\");\n\n  const handleOptionChange = (selectedOptions) => {\n    setSelectedOptions(selectedOptions);\n  };\n\n  // payment percentage\n  const [paymentPercentage, setPaymentPercentage] = useState(100);\n\n  //\n  //------------------ Booking Slots start ----------------\n  //\n  const [showBookingSlots, setShowBookingSlots] = useState(false);\n\n  // slot items\n\n  const [selectedBookingDay, setSelectedBookingDay] = useState(\"Sunday\");\n\n  // sunday\n  const [isSundayMenuOpen, setIsSundayMenuOpen] = useState(false);\n  const [SundaySlots, setSundaySlots] = useState([]);\n  const [SundaySlotsCount, setSundaySlotsCount] = useState(1);\n  const handleAddSundaySlot = () => {\n    if (SundaySlotsCount < 10) {\n      setSundaySlots([\n        ...SundaySlots,\n        {\n          slotNo: SundaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSundaySlotsCount(SundaySlotsCount + 1);\n    }\n  };\n\n  // monday\n  const [isMondayMenuOpen, setIsMondayMenuOpen] = useState(false);\n\n  const [MondaySlots, setMondaySlots] = useState([]);\n  const [MondaySlotsCount, setMondaySlotsCount] = useState(1);\n  const handleAddMondaySlot = () => {\n    if (MondaySlotsCount < 10) {\n      setMondaySlots([\n        ...MondaySlots,\n        {\n          slotNo: MondaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setMondaySlotsCount(MondaySlotsCount + 1);\n    }\n  };\n\n  // tuesday\n\n  const [isTuesdayMenuOpen, setIsTuesDayOpen] = useState(false);\n\n  const [TuesdaySlots, setTuesdaySlots] = useState([]);\n  const [TuesdaySlotsCount, setTuesdaySlotsCount] = useState(1);\n  const handleAddTuesdaySlot = () => {\n    if (TuesdaySlotsCount < 10) {\n      setTuesdaySlots([\n        ...TuesdaySlots,\n        {\n          slotNo: TuesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setTuesdaySlotsCount(TuesdaySlotsCount + 1);\n    }\n  };\n\n  // wednesday\n\n  const [isWednesdayMenuOpen, setIsWednesdayMenuOpen] = useState(false);\n\n  const [WednesdaySlots, setWednesdaySlots] = useState([]);\n  const [WednesdaySlotsCount, setWednesdaySlotsCount] = useState(1);\n  const handleAddWednesdaySlot = () => {\n    if (WednesdaySlotsCount < 10) {\n      setWednesdaySlots([\n        ...WednesdaySlots,\n        {\n          slotNo: WednesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setWednesdaySlotsCount(WednesdaySlotsCount + 1);\n    }\n  };\n\n  // Thursday\n\n  const [isThursdayMenuOpen, setIsThursdayMenuOpen] = useState(false);\n\n  const [ThursdaySlots, setThursdaySlots] = useState([]);\n  const [ThursdaySlotsCount, setThursdaySlotsCount] = useState(1);\n  const handleAddThursdaySlot = () => {\n    if (ThursdaySlotsCount < 10) {\n      setThursdaySlots([\n        ...ThursdaySlots,\n        {\n          slotNo: ThursdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setThursdaySlotsCount(ThursdaySlotsCount + 1);\n    }\n  };\n\n  // friday\n\n  const [isFridayMenuOpen, setIsFridayMenuOpen] = useState(false);\n\n  const [FridaySlots, setFridaySlots] = useState([]);\n  const [FridaySlotsCount, setFridaySlotsCount] = useState(1);\n  const handleAddFridaySlot = () => {\n    if (FridaySlotsCount < 10) {\n      setFridaySlots([\n        ...FridaySlots,\n        {\n          slotNo: FridaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setFridaySlotsCount(FridaySlotsCount + 1);\n    }\n  };\n\n  // saturday\n  const [isSaturdayMenuOpen, setIsSaturdayMenuOpen] = useState(false);\n\n  const [SaturdaySlots, setSaturdaySlots] = useState([]);\n  const [SaturdaySlotsCount, setSaturdaySlotsCount] = useState(1);\n  const handleAddSaturdaySlot = () => {\n    if (SaturdaySlotsCount < 10) {\n      setSaturdaySlots([\n        ...SaturdaySlots,\n        {\n          slotNo: SaturdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSaturdaySlotsCount(SaturdaySlotsCount + 1);\n    }\n  };\n\n  //\n  //------------------ Booking Slots End ----------------\n  //\n\n  const [shippingInfo, setShippingInfo] = useState(false);\n\n  const [shopDiscount, setShopDiscount] = useState(\"\");\n  const [discountError, setDiscountError] = useState(\"\");\n\n  // theme\n\n  const [selectedTheme, setSelectedTheme] = useState(\"default\");\n  const [selectedThemeBtn, setSelectedThemeBtn] = useState(\"defaultBtn\");\n  const [selectedThemeBtnStyle, setSelectedThemeBtnStyle] = useState(\"\");\n  const [selectedThemeTileBorder, setSelectedThemeTileBorder] =\n    useState(\"none\");\n\n  const [selectedThemeTileBorderStyle, setSelectedThemeTileBorderStyle] =\n    useState(\"rounded-lg\");\n  const [selectedThemeFont, setselectedThemeFont] = useState(\"lexand\");\n\n  const [selectedThemeView, setSelectedThemeView] = useState(\"list\");\n\n  const handleTileView = (event) => {\n    setSelectedThemeView(event.target.value);\n  };\n\n  const handleBorderTile = (event) => {\n    setSelectedThemeTileBorder(event.target.value);\n  };\n\n  const handleColorSelection = (color) => {\n    if (color.hex === \"#9e9e9e\") {\n      setSelectedTheme(\"gray\");\n      setSelectedThemeBtn(\"grayBtn\");\n    }\n    if (color.hex === \"#e53935\") {\n      setSelectedTheme(\"red\");\n      setSelectedThemeBtn(\"redBtn\");\n    }\n    if (color.hex === \"#ffeb3b\") {\n      setSelectedTheme(\"yellow\");\n      setSelectedThemeBtn(\"yellowBtn\");\n    }\n    if (color.hex === \"#4caf50\") {\n      setSelectedTheme(\"green\");\n      setSelectedThemeBtn(\"greenBtn\");\n    }\n    if (color.hex === \"#2196f3\") {\n      setSelectedTheme(\"blue\");\n      setSelectedThemeBtn(\"blueBtn\");\n    }\n    if (color.hex === \"#3f51b5\") {\n      setSelectedTheme(\"indigo\");\n      setSelectedThemeBtn(\"indigoBtn\");\n    }\n    if (color.hex === \"#9c27b0\") {\n      setSelectedTheme(\"purple\");\n      setSelectedThemeBtn(\"purpleBtn\");\n    }\n    if (color.hex === \"#e91e63\") {\n      setSelectedTheme(\"pink\");\n      setSelectedThemeBtn(\"pinkBtn\");\n    }\n    if (color.hex === \"#673ab7\") {\n      setSelectedTheme(\"deep-purple\");\n      setSelectedThemeBtn(\"deep-purpleBtn\");\n    }\n    if (color.hex === \"#03a9f4\") {\n      setSelectedTheme(\"light-blue\");\n      setSelectedThemeBtn(\"light-blueBtn\");\n    }\n    if (color.hex === \"#009688\") {\n      setSelectedTheme(\"teal\");\n      setSelectedThemeBtn(\"tealBtn\");\n    }\n    if (color.hex === \"#cddc39\") {\n      setSelectedTheme(\"lime\");\n      setSelectedThemeBtn(\"limeBtn\");\n    }\n    if (color.hex === \"#ffc107\") {\n      setSelectedTheme(\"amber\");\n      setSelectedThemeBtn(\"amberBtn\");\n    }\n    if (color.hex === \"#ff5722\") {\n      setSelectedTheme(\"deep-orange\");\n      setSelectedThemeBtn(\"deep-orangeBtn\");\n    }\n    if (color.hex === \"#795548\") {\n      setSelectedTheme(\"brown\");\n      setSelectedThemeBtn(\"brownBtn\");\n    }\n  };\n\n  //   categories\n  const [selectedCategoryOptions, setSelectedCategoryOptions] = useState([]);\n  const handleCategoryOptionChange = (e) => {\n    const option = e.target.value;\n    const isChecked = e.target.checked;\n\n    if (isChecked) {\n      setSelectedCategoryOptions([...selectedCategoryOptions, option]);\n    } else {\n      setSelectedCategoryOptions(\n        selectedCategoryOptions.filter((item) => item !== option)\n      );\n    }\n  };\n\n  const [availableProducts, setAvailableProducts] = useState(null);\n\n  const handleMoveToStep2 = () => {\n    let nameErr = false;\n    let descErr = false;\n    let discountErr = false;\n    let ownerEmailErr = false;\n    let contactErr = false;\n    //validate shop name field\n    if (shopName.trim() === \"\") {\n      nameErr = true;\n      setShopNameError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopNameError(\"\");\n    }\n\n    //validate description field\n    if (desc.trim() === \"\") {\n      descErr = true;\n      setDescError(\"Please Enter your Shop Details!\");\n    } else {\n      setDescError(\"\");\n    }\n\n    //validate discount field\n    if (shopDiscount.trim() === \"\") {\n      discountErr = true;\n      setDiscountError(\"required!\");\n    } else {\n      setDiscountError(\"\");\n    }\n\n    //validate shop owner email field\n    if (shopOwnerEmail.trim() === \"\") {\n      ownerEmailErr = true;\n      setShopOwnerEmailError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopOwnerEmailError(\"\");\n    }\n\n    //validate shope owner contact field\n    if (shopOwnerContact.trim() === \"\") {\n      contactErr = true;\n      setShopOwnerContactError(\"Please Enter your Shop Name!\");\n    } else {\n      setShopOwnerContactError(\"\");\n    }\n\n    if (nameErr || descErr || discountErr || ownerEmailErr || contactErr) {\n      setGLobalErr(\"Error\");\n    } else {\n      setCurrentStep((prevstep) => prevstep + 1);\n    }\n  };\n  const handleBackToStep1 = () => {\n    setCurrentStep((prevstep) => prevstep - 1);\n  };\n\n  const [selectedProducts, setSelectedProducts] = useState([]);\n\n  const handleSelect = (tile) => {\n    setSelectedProducts((prevSelectedTiles) => [...prevSelectedTiles, tile]);\n  };\n\n  const handleRemove = (tile) => {\n    setSelectedProducts((prevSelectedProducts) =>\n      prevSelectedProducts.filter((item) => item !== tile)\n    );\n  };\n\n  useEffect(() => {\n    const selectOptions = fetchedProductsList?.map((option) => ({\n      value: option.ZaplynTileRef,\n      label: option.itemname,\n      category: option.category,\n      image: option?.images.shift(),\n    }));\n    setAvailableProducts(selectOptions);\n  }, [fetchedProductsList]);\n\n  const handleImageUpload = async (e) => {\n    const options = {\n      maxSizeMB: 0.2,\n      maxWidthOrHeight: 1280,\n    };\n    const compressedFile = await imageCompression(e.target.files[0], options);\n    const base64 = await convertToBase64(compressedFile);\n\n    setViewImage(base64);\n\n    // setShopImage(base64);\n    setShopImage(e.target.files[0]);\n    // setShopImage(compressedFile);\n    // console.log(\"file\",e.target.files[0])\n    // console.log(\"file\",compressedFile)\n  };\n\n  useEffect(() => {\n    if (availableProducts && selectedCategoryOptions) {\n      const filteredData = availableProducts?.filter((item) => {\n        let categoryFilter = true;\n        if (selectedCategoryOptions?.length > 0) {\n          categoryFilter = selectedCategoryOptions\n            .map((option) => option.toLowerCase())\n            .includes(item.category.toLowerCase());\n        }\n\n        return categoryFilter;\n      });\n\n      setSelectedProducts(\n        filteredData\n          .filter((item) => selectedProducts.includes(item.value))\n          .map((item) => item.value)\n      );\n      // console.log(\"newPRods\", filteredData.filter());\n    }\n  }, [selectedCategoryOptions]);\n\n  const [globalErr, setGLobalErr] = useState(\"\");\n\n  const handleCreateShop = async (e) => {\n    e.preventDefault();\n    const fileName = `${Date.now()}-${shopImage.name}`;\n    const s3Params = {\n      Bucket: \"zaplynimages\",\n      Key: fileName,\n      ContentType: shopImage.type,\n      Body: shopImage,\n    };\n\n    //validate shope name field\n    if (shopName.trim() === \"\") {\n      setShopNameError(\"Please Enter your Product Name!\");\n    } else {\n      setShopNameError(\"\");\n    }\n\n    //validate description field\n    if (desc.trim() === \"\") {\n      setDescError(\"Please Enter your Product Details!\");\n    } else {\n      setDescError(\"\");\n    }\n\n    //validate discount field\n    if (shopDiscount.trim() === \"\") {\n      setDiscountError(\"required!\");\n    } else {\n      setDiscountError(\"\");\n    }\n\n    if (shopNameError || descError || discountError) {\n      setGLobalErr(\"Error\");\n    } else {\n      let imgLocation;\n      if (shopImage) {\n        const accesstoken = getToken();\n        const imageRes = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}zaplyn-image-upload/`,\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              Authorization: \"Bearer \" + accesstoken,\n            },\n            body: JSON.stringify({\n              image: viewImage,\n              filename: fileName,\n            }),\n          }\n        );\n        imgLocation = await imageRes.json();\n      }\n      const response = await Endpoints.CreateShop({\n        currency: chosenCurrency,\n        shopname: shopName,\n        description: desc,\n        enable_scheduling: scheduleDelivery,\n        shipping_enabled: shippingInfo,\n        linkEnabled: shopShareLink,\n        discount: shopDiscount || \"\",\n        multiple_bookings: multipleBooking,\n        partial: Number(paymentPercentage),\n        email: shopOwnerEmail,\n        mobile: shopOwnerContact,\n        address: shopOwnerAddress,\n        booking_time: {\n          Sunday: SundaySlots,\n          Monday: MondaySlots,\n          Tuesday: TuesdaySlots,\n          Wednesday: WednesdaySlots,\n          Thursday: ThursdaySlots,\n          Friday: FridaySlots,\n          Saturday: SaturdaySlots,\n        },\n        img_file: imgLocation.url || \"\",\n        theme: `${selectedTheme},${selectedThemeBtn},${selectedThemeBtnStyle},${selectedThemeTileBorder},${selectedThemeTileBorderStyle},${selectedThemeFont},null,${selectedThemeView}`,\n        productlist: selectedProducts.toString() || \"\",\n        categorylist: selectedCategoryOptions.toString() || \"\",\n      });\n\n      if (response) {\n        toast(response[\"Notification-text\"]);\n        await queryClient.invalidateQueries(\"shopsData\");\n        closeOnClick();\n      }\n    }\n  };\n\n  // useEffect(() => {\n  //   if (scheduleDelivery) {\n  //     setShowBookingSlots(true);\n  //   } else {\n  //     setShowBookingSlots(false);\n  //   }\n  // }, [scheduleDelivery]);\n\n  const categories = useMemo(() => {\n    return fetchedProductsList?.map((item) => item.category);\n  }, [fetchedProductsList]);\n\n  const uniqueCategories = useMemo(() => {\n    return [...new Set(categories)];\n  }, [categories]);\n\n  if (!userData?.premium) {\n    return (\n      <div className=\"z-40 font-lexand bg-white shadow-md rounded-md p-5\">\n        <p>\n          You can create shops with a premium plan. Get the premium plan{\" \"}\n          <Link to=\"/account\">\n            <span\n              onClick={() => closeOnClick()}\n              className=\"font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text underline\"\n            >\n              here!\n            </span>\n          </Link>\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"max-w-2xl p-4 mx-auto bg-gray-50  rounded-md shadow-md font-lexand\">\n      {!showBookingSlots && !showTheme && currentStep === 1 && (\n        <>\n          <h1 className=\"text-xl font-bold  capitalize \">Create new Shop</h1>\n          <form onSubmit={handleCreateShop}>\n            <div className=\"grid grid-cols-1 gap-6 mt-4 sm:grid-cols-6\">\n              {shopImage ? (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <img src={viewImage} alt=\"\" className=\"w-full h-full\" />\n                    </div>\n                  </div>\n                </div>\n              ) : (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <label\n                        htmlFor=\"file-upload\"\n                        className=\"relative cursor-pointer \"\n                      >\n                        <svg\n                          className=\"mx-auto h-12 w-12 text-black\"\n                          stroke=\"currentColor\"\n                          fill=\"none\"\n                          viewBox=\"0 0 48 48\"\n                          aria-hidden=\"true\"\n                        >\n                          <path\n                            d=\"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02\"\n                            strokeWidth=\"2\"\n                            strokeLinejoin=\"round\"\n                            strokeLinecap=\"round\"\n                          />\n                        </svg>\n                        <div className=\" text-xs text-gray-600\">\n                          <span className=\"bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500\">\n                            Upload a file\n                          </span>\n                          <p className=\"pl-1 text-black\">or drag and drop</p>\n                          <p className=\"text-xs text-black\">\n                            PNG, JPG, GIF up to 10MB\n                          </p>\n                        </div>\n                      </label>\n                      <input\n                        id=\"file-upload\"\n                        name=\"file-upload\"\n                        type=\"file\"\n                        style={{ display: \"none\" }}\n                        accept=\"image/*\"\n                        onChange={handleImageUpload}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n              <div className=\"sm:col-span-4\">\n                <div>\n                  <label className=\"text-black flex \" htmlFor=\"shopname\">\n                    Shop Name\n                  </label>\n                  <input\n                    id=\"shopname\"\n                    className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                      shopNameError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    type=\"Text\"\n                    required\n                    value={shopName}\n                    onClick={() => setShopNameError(\"\")}\n                    onChange={(e) => setShopName(e.target.value)}\n                    placeholder={\n                      shopNameError ? `${shopNameError}` : \"Add Shop Name*\"\n                    }\n                    rows=\"1\"\n                    maxLength={50}\n                  />\n                </div>\n\n                <div>\n                  <label\n                    className=\"text-black flex\"\n                    htmlFor=\"passwordConfirmation\"\n                  >\n                    Description\n                  </label>\n                  <textarea\n                    id=\"textarea\"\n                    type=\"textarea\"\n                    className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-24 resize-none ${\n                      descError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    value={desc}\n                    onClick={() => setDescError(\"\")}\n                    onChange={(e) => setDesc(e.target.value)}\n                    required\n                    placeholder={\n                      descError ? `${descError}` : \"Add Description*\"\n                    }\n                    rows=\"1\"\n                    maxLength={150}\n                  ></textarea>\n                </div>\n              </div>\n            </div>\n\n            <hr class=\"mt-6 mb-1 border-b-1 border-gray-200\" />\n\n            <div className=\" grid grid-cols-1 gap-2 mt-4 sm:grid-cols-2\">\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneremail\">\n                  Email\n                </label>\n                <input\n                  id=\"shopowneremail\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerEmailError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Text\"\n                  required\n                  value={shopOwnerEmail}\n                  onClick={() => setShopOwnerEmailError(\"\")}\n                  onChange={(e) => setShopOwnerEmail(e.target.value)}\n                  placeholder={\n                    shopOwnerEmailError\n                      ? `${shopOwnerEmailError}`\n                      : \"Add Email*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"showownercontact\">\n                  Contact\n                </label>\n                <input\n                  id=\"showownercontact\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerContactError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Number\"\n                  required\n                  value={shopOwnerContact}\n                  onClick={() => setShopOwnerContactError(\"\")}\n                  onChange={(e) => setShopOwnerContact(e.target.value)}\n                  placeholder={\n                    shopOwnerContactError\n                      ? `${shopOwnerContactError}`\n                      : \"Add Contact*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-2\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneraddresss\">\n                  Address\n                </label>\n                <textarea\n                  id=\"shopowneraddresss\"\n                  type=\"textarea\"\n                  className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-16 resize-none text-left text-sm `}\n                  value={shopOwnerAddress}\n                  onChange={(e) => setShopOwneAddress(e.target.value)}\n                  placeholder=\"Address\"\n                  rows=\"1\"\n                  maxLength={150}\n                ></textarea>\n              </div>\n            </div>\n            <hr class=\"mt-4 mb-1 border-b-1 border-gray-200\" />\n\n            <div className=\"flex flex-wrap items-center justify-between mt-2\">\n              <div className=\"flex items-end text-xs md:text-sm gap-2  \">\n                {/* <p>Default Currency</p>\n                <select\n                  className=\"focus:outline-none w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  onChange={(e) => setChosenCurrency(e.target.value)}\n                >\n                  <option value=\"GBP\">GBP</option>\n                  <option value=\"EUR\">EUR</option>\n                  <option value=\"USD\">USD</option>\n                </select> */}\n                <p className=\"text-xs\">\n                  {chosenCurrency} {`(£)`}\n                </p>\n              </div>\n\n              {/* <div className=\"flex items-center text-xs md:text-sm gap-2\">\n                <p>VAT </p>\n                <input\n                  id=\"vat\"\n                  className=\"focus:outline-none p-1 h-8 text-gray-600 w-8 bg-transparent \"\n                  value=\"10\"\n                  readOnly\n                  required\n                  rows=\"1\"\n                />\n              </div> */}\n\n              <div className=\"flex gap-2 items-end\">\n                <label\n                  className=\"text-black flex  text-xs md:text-sm\"\n                  htmlFor=\"shopDiscount\"\n                >\n                  Shop Discount {`(%)`}\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    arrow\n                    leaveTouchDelay={5000}\n                    title=\"Set an amount from 0 to 100 if you want to offer a discount on the total order amount. Default amount is 0.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </label>\n                <input\n                  id=\"shopDiscount\"\n                  className={`focus:outline-none p-1  shadow-md border text-xs border-pink-300 rounded-md h-8  w-20 md:w-40 ${\n                    discountError\n                      ? \"text-right placeholder-red-700\"\n                      : \"text-left\"\n                  } `}\n                  type=\"Number\"\n                  required\n                  value={shopDiscount}\n                  onClick={() => setDiscountError(\"\")}\n                  onChange={(e) => setShopDiscount(e.target.value)}\n                  placeholder={\n                    discountError ? `${discountError}` : \"Add Discount *\"\n                  }\n                  rows=\"1\"\n                  maxLength={5}\n                />\n              </div>\n\n              <div className=\"text-sm py-2 px-2 border border-pink-300 shadow-md  rounded-md mt-2 flex items-center justify-start\">\n                <p className=\" mr-2 my-1 font-semibold text-gray-600 text-xs md:text-sm\">\n                  Enable Link\n                </p>\n                <ReactSwitch\n                  checked={shopShareLink}\n                  onChange={() => setShopShareLink(!shopShareLink)}\n                  height={20}\n                  handleDiameter={12}\n                  width={40}\n                />\n              </div>\n\n              <button\n                onClick={() => setShowTheme(true)}\n                className=\"py-1 px-4 bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text rounded-lg  font-bold text-sm md:text-lg animate-pulse shadow-md\"\n              >\n                Themes\n              </button>\n            </div>\n\n            <div className=\"flex flex-wrap mt-2 items-center justify-between\">\n              <div className=\"text-sm py-2 mt-2  rounded-md  flex flex-col gap-1 justify-start\">\n                <div className=\"flex gap-2\">\n                  <p className=\" flex  text-gray-600 text-sm\">\n                    Require Appointment Booking\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      leaveTouchDelay={5000}\n                      arrow\n                      title=\"Enabling this feature allows your customers to book an appointment at designated time slots that you save here.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                  <ReactSwitch\n                    checked={scheduleDelivery}\n                    onChange={() => setScheduleDelivery(!scheduleDelivery)}\n                    handleDiameter={12}\n                    height={20}\n                    width={40}\n                  />\n                </div>\n\n                <div\n                  className={`flex flex-wrap items-center justify-between ${\n                    !scheduleDelivery ? \"opacity-60\" : \"\"\n                  }`}\n                >\n                  <div\n                    onClick={() => {\n                      if (scheduleDelivery) {\n                        setShowBookingSlots(true);\n                      } else {\n                        console.log(\"\");\n                      }\n                    }}\n                    className=\" ml-1 px-2 border border-pink-300 shadow-md  rounded-md flex items-center justify-start cursor-pointer\"\n                  >\n                    <p className=\" mr-2 font-semibold text-gray-600 text-xs md:text-sm\">\n                      Add Time Slot\n                    </p>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-5 h-5\"\n                    >\n                      <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                    </svg>\n                  </div>\n                </div>\n              </div>\n              <div className=\"text-sm py-2 mt-2 px-2 border border-pink-300 shadow-md  rounded-md  flex items-center justify-start\">\n                <p className=\" mr-2 my-1 flex text-gray-600 text-xs md:text-sm\">\n                  Ask for Shipping Information?\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Enabling this feature allows you to collect shipping address from customers. Use it only if necessary, for example if you are planning to ship physical goods.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <ReactSwitch\n                  checked={shippingInfo}\n                  onChange={() => setShippingInfo(!shippingInfo)}\n                  handleDiameter={12}\n                  height={20}\n                  width={40}\n                />\n              </div>\n\n              <div className=\"flex items-end text-xs md:text-sm gap-2 mt-1  \">\n                <p className=\"flex\">\n                  Payment required for booking order\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Set the amount to be paid by customer in advance to book the order (from 0 to 100%).\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <select\n                  className=\"focus:outline-none w-16 md:w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  onChange={(e) => setPaymentPercentage(e.target.value)}\n                >\n                  <option value=\"100\">100 %</option>\n                  <option value=\"50\">50 %</option>\n                  <option value=\"25\">25 %</option>\n                  <option value=\"0\">0 %</option>\n                </select>\n              </div>\n            </div>\n\n            <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n              <div className=\" relative w-full\">\n                {uniqueCategories?.length > 0 ? (\n                  <p\n                    onClick={handleMoveToStep2}\n                    className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                  >\n                    Add Products\n                  </p>\n                ) : (\n                  <>\n                    <p className=\" absolute -top-4 right-4 text-xs text-gray-500\">\n                      You do not have any products to add!{\" \"}\n                    </p>\n                    <p\n                      onClick={() => {\n                        setCreateProductModalIsOpen(true);\n                      }}\n                      className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                    >\n                      Create Product\n                    </p>\n                  </>\n                )}\n              </div>\n              <button\n                type=\"submit\"\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                <span className=\"text-sm text-gray-600\">skip &</span> Create\n                Shop\n              </button>\n            </div>\n          </form>\n        </>\n      )}\n\n      {/* products section */}\n      {!showBookingSlots && !showTheme && currentStep === 2 && (\n        <>\n          <div\n            className={`${uniqueCategories?.length > 0 ? \"block\" : \"hidden\"}`}\n          >\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Categories for you shop\n            </h6>\n            <div className=\"grid grid-cols-2 md:grid-cols-4\">\n              {uniqueCategories?.map((option) => (\n                <label key={option}>\n                  <input\n                    type=\"checkbox\"\n                    value={option}\n                    checked={selectedCategoryOptions.includes(option)}\n                    onChange={handleCategoryOptionChange}\n                  />\n                  <span className=\"ml-2\">{option}</span>\n                </label>\n              ))}\n            </div>\n            <hr class=\"mt-6 border-b-1 border-gray-200\" />\n          </div>\n          {selectedCategoryOptions?.length > 0 ? (\n            selectedCategoryOptions?.map((category, index) => (\n              <div className=\"p-1\" key={index}>\n                <h1 className=\"text-gray-700 text-left\">{category}</h1>\n                <div className=\"grid md:grid-cols-3 p-1\">\n                  {availableProducts\n                    ?.filter((item) => item.category === category)\n                    .map((product) => (\n                      <div\n                        className={`flex gap-2 p-1 m-1 cursor-pointer  ${\n                          selectedProducts?.includes(product.value)\n                            ? \"bg-gray-100 opacity-30 border border-pink-300 rounded-lg\"\n                            : \"\"\n                        }`}\n                        key={product.value}\n                        onClick={() =>\n                          selectedProducts?.includes(product.value)\n                            ? handleRemove(product.value)\n                            : handleSelect(product.value)\n                        }\n                      >\n                        <img\n                          src={product.image}\n                          alt=\"\"\n                          className=\"w-12 h-12 rounded-md\"\n                        />\n                        <div className=\"text-xs text-left\">\n                          <p className=\"text-sm\">{product.label}</p>\n                          <p className=\"text-gray-500\">{product.value}</p>\n                        </div>\n                      </div>\n                    ))}\n                </div>\n              </div>\n            ))\n          ) : (\n            <></>\n          )}\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={handleBackToStep1}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={handleCreateShop}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Create Shop\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* theme section */}\n      {!showBookingSlots && showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Themes for you shop\n            </h6>\n\n            <div className=\"flex items-center justify-center max-w-md mx-auto \">\n              <CirclePicker\n                onChangeComplete={handleColorSelection}\n                circleSpacing={20}\n                colors={[\n                  \"#9e9e9e\",\n                  \"#e53935\",\n                  \"#ffeb3b\",\n                  \"#4caf50\",\n                  \"#2196f3\",\n                  \"#3f51b5\",\n                  \"#9c27b0\",\n                  \"#e91e63\",\n                  \"#673ab7\",\n                  \"#03a9f4\",\n                  \"#009688\",\n                  \"#cddc39\",\n                  \"#ffc107\",\n                  \"#ff5722\",\n                  \"#795548\",\n                ]}\n              />\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <p className=\" text-gray-400 font-semibold \">BUTTON STYLES</p>\n            <div className=\"flex mt-2 gap-4 items-center justify-around\">\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"\")}\n                  className={`${selectedThemeBtn} relative cursor-pointer px-4 text-sm   shadow-md md:px-10 py-1 md:p-1.5  `}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Default</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-xl\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer  px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-lg`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-xl\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-full\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-full`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-full\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded Full</p>\n              </div>\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <div className=\"space-y-2\">\n              <p className=\"text-gray-400 font-semibold \">TILE STYLES</p>\n\n              {/* tileview */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product Tile View</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"list\"\n                    value=\"list\"\n                    checked={selectedThemeView === \"list\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"list\">List</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"grid\"\n                    value={`grid`}\n                    checked={selectedThemeView === \"grid\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"grid\">Grid</label>\n                </div>\n              </div>\n\n              {/* tile Border */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product tile Border</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"none\"\n                    value=\"none\"\n                    checked={selectedThemeTileBorder === \"none\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"none\">None</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"light\"\n                    value={`light`}\n                    checked={selectedThemeTileBorder === \"light\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"light\">Light</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"heavy\"\n                    value={`heavy`}\n                    checked={selectedThemeTileBorder === \"heavy\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"heavy\">Heavy</label>\n                </div>\n              </div>\n\n              {/* tile style */}\n\n              <div>\n                <p className=\"py-2  \">Product Tile</p>\n                <div className=\"flex flex-col md:flex-row items-center justify-around\">\n                  <div\n                    onClick={() => setSelectedThemeTileBorderStyle(\"\")}\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? ` ${selectedTheme} p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? ` ${selectedTheme}p-0.5`\n                          : \"\"\n                      }  \n                      ${\n                        selectedThemeTileBorderStyle === \"\"\n                          ? \"\"\n                          : \"cursor-pointer opacity-40\"\n                      } w-full md:w-60`}\n                    >\n                      <div className=\" flex bg-white shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16 bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Square</p>\n                    {selectedThemeTileBorderStyle === \"\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n\n                  <div\n                    onClick={() =>\n                      setSelectedThemeTileBorderStyle(\"rounded-lg\")\n                    }\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? ` ${selectedTheme}  p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? ` ${selectedTheme} p-0.5`\n                          : \"\"\n                      } \n                      ${\n                        selectedThemeTileBorderStyle === \"rounded-lg\"\n                          ? \"\"\n                          : \"cursor-pointer opacity-40\"\n                      } w-full md:w-60 rounded-lg`}\n                    >\n                      <div className=\" flex bg-white rounded-lg shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16  bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Rounded</p>\n                    {selectedThemeTileBorderStyle === \"rounded-lg\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n\n              <hr class=\"mt-4 border-b-1 border-gray-200\" />\n              {/* font */}\n\n              <div className=\"flex gap-4 items-center md:justify-center \">\n                {/* <div className=\"flex flex-col gap-4  \"> */}\n                <p className=\"text-gray-400 text-sm font-semibold \">\n                  FONT STYLES\n                </p>\n                <select\n                  className={`${selectedThemeFont}  focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 w-40 md:w-52 md:p-2  cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md`}\n                  required\n                  value={selectedThemeFont}\n                  onChange={(e) => setselectedThemeFont(e.target.value)}\n                >\n                  {fontData.map((item, index) => (\n                    <option\n                      key={index}\n                      value={item.font}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${\n                        item.font\n                      } p-2 px-4 md:px-6 rounded-md shadow-sm capitalize`}\n                    >\n                      {item.font}\n                    </option>\n                  ))}\n                </select>\n\n                {/* <div className=\"grid md:grid-cols-2\">\n                  {fontData.map((item, index) => (\n                    <p\n                      key={index}\n                      value={item.font}\n                      onClick={() => setselectedThemeFont(item.font)}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${item.font} p-2 px-4 md:px-6 rounded-md shadow-sm `}\n                    >\n                      Select font for your Shop.\n                    </p>\n                  ))} \n                </div> */}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowTheme(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowTheme(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* booking slots section */}\n      {showBookingSlots && !showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Add Time Slots\n            </h6>\n\n            <div className=\"flex gap-3 items-center mb-3\">\n              <p className=\"text-xs md:text-sm\">\n                Allow multiple bookings in same time period?\n              </p>\n              <ReactSwitch\n                checked={multipleBooking}\n                onChange={() => setMultipleBooking(!multipleBooking)}\n                height={20}\n                handleDiameter={12}\n                width={40}\n              />\n            </div>\n\n            {/* Weekdays Navbar */}\n            <div className=\" m-2 flex w-full justify-center items-center overflow-x-auto overflow-y-hidden mx-auto  \">\n              {[\n                { sm: \"Sun\", md: \"Sunday\" },\n                { sm: \"Mon\", md: \"Monday\" },\n                { sm: \"Tue\", md: \"Tuesday\" },\n                { sm: \"Wed\", md: \"Wednesday\" },\n                { sm: \"Thu\", md: \"Thursday\" },\n                { sm: \"Fri\", md: \"Friday\" },\n                { sm: \"Sat\", md: \"Saturday\" },\n              ].map((item, index) => (\n                <p\n                  className={`${\n                    selectedBookingDay === item.md\n                      ? \"bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text border border-b-0 rounded-t-lg \"\n                      : \" border-b text-gray-600\"\n                  } md:px-3 px-2  border-pink-200 text-sm `}\n                  onClick={() => setSelectedBookingDay(item.md)}\n                >\n                  <span className=\"hidden md:block\">{item.md}</span>\n                  <span className=\"md:hidden \">{item.sm}</span>\n                </p>\n              ))}\n            </div>\n\n            {/* Sunday */}\n            {selectedBookingDay === \"Sunday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSundaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSundayMenuOpen(!isSundayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSundayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          {/* <p onClick={() => setSundaySlots(SundaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Sunday</p> */}\n                          <p\n                            onClick={() => setSundaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SundaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].from = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"from\"}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].to = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"to\"}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SundaySlots];\n                          updatedItems.splice(index, 1);\n                          setSundaySlots(updatedItems);\n                          setSundaySlotsCount(SundaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Monday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddMondaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsMondayMenuOpen(!isMondayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isMondayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setMondaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          {/* <p onClick={() => setMondaySlots(MondaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Monday</p> */}\n                          <p\n                            onClick={() => setMondaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {MondaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].from = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].to = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...MondaySlots];\n                          updatedItems.splice(index, 1);\n                          setMondaySlots(updatedItems);\n                          setMondaySlotsCount(MondaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Tuesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddTuesdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsTuesDayOpen(!isTuesdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isTuesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setTuesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          {/* <p onClick={() => setTuesdaySlots(TuesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Tuesday</p> */}\n                          <p\n                            onClick={() => setTuesdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {TuesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].from = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].to = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...TuesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setTuesdaySlots(updatedItems);\n                          setTuesdaySlotsCount(TuesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Wednesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddWednesdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() =>\n                        setIsWednesdayMenuOpen(!isWednesdayMenuOpen)\n                      }\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isWednesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setWednesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          {/* <p onClick={() => setWednesdaySlots(WednesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Wednesday</p> */}\n                          <p\n                            onClick={() => setWednesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {WednesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].from = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].to = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...WednesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setWednesdaySlots(updatedItems);\n                          setWednesdaySlotsCount(WednesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Thursday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddThursdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsThursdayMenuOpen(!isThursdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isThursdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setThursdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          {/* <p onClick={() => setThursdaySlots(ThursdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Thursday</p> */}\n                          <p\n                            onClick={() => setThursdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {ThursdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].from = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].to = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...ThursdaySlots];\n                          updatedItems.splice(index, 1);\n                          setThursdaySlots(updatedItems);\n                          setThursdaySlotsCount(ThursdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Friday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddFridaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsFridayMenuOpen(!isFridayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isFridayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setFridaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          {/* <p onClick={() => setFridaySlots(FridaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Friday</p> */}\n                          <p\n                            onClick={() => setFridaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {FridaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].from = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].to = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...FridaySlots];\n                          updatedItems.splice(index, 1);\n                          setFridaySlots(updatedItems);\n                          setFridaySlotsCount(FridaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Saturday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSaturdaySlot}\n                      className=\"flex my-3 w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSaturdayMenuOpen(!isSaturdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSaturdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setSaturdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          {/* <p onClick={() => setSaturdaySlots(SaturdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Saturday</p> */}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SaturdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].from = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].to = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SaturdaySlots];\n                          updatedItems.splice(index, 1);\n                          setSaturdaySlots(updatedItems);\n                          setSaturdaySlotsCount(SaturdaySlots - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowBookingSlots(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowBookingSlots(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* Create Product Modal */}\n      <Modal\n        isOpen={createProductModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setCreateProductModalIsOpen(false)}\n      >\n        <button\n          onClick={setCreateProductModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PostMessagePopup\n          onClick={setCreateProductModalIsOpenToFalse}\n          closeCreateShopModal={closeOnClick}\n        />\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateShopModal;\n","import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport { convertToBase64, createTileRef } from \"../../../../helper/helper\";\nimport imageCompression from \"browser-image-compression\";\nimport { GlobalContext } from \"../../../GlobalContext\";\nimport ReactSwitch from \"react-switch\";\nimport Select from \"react-select\";\nimport Modal from \"react-modal\";\nimport Endpoints from \"../../../../api/endpoints\";\nimport { toast } from \"react-toastify\";\nimport { useQueryClient } from \"react-query\";\nimport PostMessagePopup from \"../../../PostMessagePopup\";\nimport defaultThemeImg from \"../../../../assets/defaultTheme.svg\";\nimport darkThemeImg from \"../../../../assets/darkTheme.svg\";\nimport grayThemeImg from \"../../../../assets/grayTheme.svg\";\nimport darkblueThemeImg from \"../../../../assets/darkBlueTheme.svg\";\nimport greenThemeImg from \"../../../../assets/greenTheme.svg\";\nimport redThemeImg from \"../../../../assets/redTheme.svg\";\nimport \"../../sharePage/Theme.css\";\nimport { S3 } from \"aws-sdk\";\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport TextField from \"@mui/material/TextField\";\nimport dayjs from \"dayjs\";\nimport { MobileTimePicker } from \"@mui/x-date-pickers\";\nimport { CirclePicker } from \"react-color\";\nimport { Tooltip } from \"@mui/material\";\nimport Zoom from \"@mui/material/Zoom\";\nimport getToken from \"../../../Token\";\n\nconst s3 = new S3({\n  accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,\n  secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,\n  region: process.env.REACT_APP_AWS_REGION,\n  signatureVersion: \"v4\",\n});\n\nconst themeData = [\n  {\n    theme: \"default\",\n    themeBtn: \"defaultBtn\",\n    themImg: defaultThemeImg,\n  },\n  {\n    theme: \"dark\",\n    themeBtn: \"darkBtn\",\n    themImg: darkThemeImg,\n  },\n  {\n    theme: \"gray\",\n    themeBtn: \"grayBtn\",\n    themImg: grayThemeImg,\n  },\n  {\n    theme: \"darkBlue\",\n    themeBtn: \"darkBlueBtn\",\n    themImg: darkblueThemeImg,\n  },\n  {\n    theme: \"greenAndBlue\",\n    themeBtn: \"greenAndBlueBtn\",\n    themImg: greenThemeImg,\n  },\n  {\n    theme: \"redAndPink\",\n    themeBtn: \"redAndPinkBtn\",\n    themImg: redThemeImg,\n  },\n];\n\nconst fontData = [\n  {\n    font: \"caveat\",\n  },\n  {\n    font: \"lexand\",\n  },\n  { font: \"Inconsolata\" },\n  {\n    font: \"dancing\",\n  },\n  {\n    font: \"dmsans\",\n  },\n  {\n    font: \"dongle\",\n  },\n  {\n    font: \"fredoka\",\n  },\n  {\n    font: \"indie\",\n  },\n  {\n    font: \"lato\",\n  },\n  {\n    font: \"manjari\",\n  },\n  {\n    font: \"merriweather\",\n  },\n  {\n    font: \"mina\",\n  },\n  {\n    font: \"miriam\",\n  },\n  {\n    font: \"oswald\",\n  },\n  {\n    font: \"ptserif\",\n  },\n  {\n    font: \"raleway\",\n  },\n];\n\nfunction EditShopModal({ shopData, closeOnClick }) {\n  const queryClient = useQueryClient();\n\n  const { fetchedProductsList, availableProducts: products } =\n    useContext(GlobalContext);\n\n  // step\n  const [currentStep, setCurrentStep] = useState(1);\n\n  const [showTheme, setShowTheme] = useState(false);\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n  //create product modal\n  const [createProductModalIsOpen, setCreateProductModalIsOpen] =\n    useState(false);\n  const setCreateProductModalIsOpenToFalse = () => {\n    setCreateProductModalIsOpen(false);\n  };\n\n  // shop data\n  const [shopName, setShopName] = useState(\"\");\n  const [shopNameError, setShopNameError] = useState(\"\");\n  const [desc, setDesc] = useState(\"\");\n  const [descError, setDescError] = useState(\"\");\n\n  const [shopOwnerEmail, setShopOwnerEmail] = useState(\"\");\n  const [shopOwnerEmailError, setShopOwnerEmailError] = useState(\"\");\n\n  const [shopOwnerContact, setShopOwnerContact] = useState(\"\");\n  const [shopOwnerContactError, setShopOwnerContactError] = useState(\"\");\n\n  const [shopOwnerAddress, setShopOwnerAddress] = useState(\"\");\n\n  const [shopImage, setShopImage] = useState(\"\");\n  const [viewImage, setViewImage] = useState(\"\");\n\n  const [chosenCurrency, setChosenCurrency] = useState(\"\");\n  const [shopShareLink, setShopShareLink] = useState(false);\n\n  const [scheduleDelivery, setScheduleDelivery] = useState(false);\n  const [shippingInfo, setShippingInfo] = useState(false);\n\n  const [shopDiscount, setShopDiscount] = useState(null);\n\n  const [multipleBooking, setMultipleBooking] = useState(true);\n\n  // payment percentage\n  const [paymentPercentage, setPaymentPercentage] = useState(100);\n\n  //\n  //------------------ Booking Slots start ----------------\n  //\n  const [showBookingSlots, setShowBookingSlots] = useState(false);\n\n  // slot items\n\n  const [selectedBookingDay, setSelectedBookingDay] = useState(\"Sunday\");\n\n  // sunday\n  const [isSundayMenuOpen, setIsSundayMenuOpen] = useState(false);\n  const [SundaySlots, setSundaySlots] = useState([]);\n  const [SundaySlotsCount, setSundaySlotsCount] = useState(1);\n  const handleAddSundaySlot = () => {\n    if (SundaySlotsCount < 10) {\n      setSundaySlots([\n        ...SundaySlots,\n        {\n          slotNo: SundaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSundaySlotsCount(SundaySlotsCount + 1);\n    }\n  };\n\n  // monday\n  const [isMondayMenuOpen, setIsMondayMenuOpen] = useState(false);\n\n  const [MondaySlots, setMondaySlots] = useState([]);\n  const [MondaySlotsCount, setMondaySlotsCount] = useState(1);\n  const handleAddMondaySlot = () => {\n    if (MondaySlotsCount < 10) {\n      setMondaySlots([\n        ...MondaySlots,\n        {\n          slotNo: MondaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setMondaySlotsCount(MondaySlotsCount + 1);\n    }\n  };\n\n  // tuesday\n\n  const [isTuesdayMenuOpen, setIsTuesDayOpen] = useState(false);\n\n  const [TuesdaySlots, setTuesdaySlots] = useState([]);\n  const [TuesdaySlotsCount, setTuesdaySlotsCount] = useState(1);\n  const handleAddTuesdaySlot = () => {\n    if (TuesdaySlotsCount < 10) {\n      setTuesdaySlots([\n        ...TuesdaySlots,\n        {\n          slotNo: TuesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setTuesdaySlotsCount(TuesdaySlotsCount + 1);\n    }\n  };\n\n  // wednesday\n\n  const [isWednesdayMenuOpen, setIsWednesdayMenuOpen] = useState(false);\n\n  const [WednesdaySlots, setWednesdaySlots] = useState([]);\n  const [WednesdaySlotsCount, setWednesdaySlotsCount] = useState(1);\n  const handleAddWednesdaySlot = () => {\n    if (WednesdaySlotsCount < 10) {\n      setWednesdaySlots([\n        ...WednesdaySlots,\n        {\n          slotNo: WednesdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setWednesdaySlotsCount(WednesdaySlotsCount + 1);\n    }\n  };\n\n  // Thursday\n\n  const [isThursdayMenuOpen, setIsThursdayMenuOpen] = useState(false);\n\n  const [ThursdaySlots, setThursdaySlots] = useState([]);\n  const [ThursdaySlotsCount, setThursdaySlotsCount] = useState(1);\n  const handleAddThursdaySlot = () => {\n    if (ThursdaySlotsCount < 10) {\n      setThursdaySlots([\n        ...ThursdaySlots,\n        {\n          slotNo: ThursdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setThursdaySlotsCount(ThursdaySlotsCount + 1);\n    }\n  };\n\n  // friday\n\n  const [isFridayMenuOpen, setIsFridayMenuOpen] = useState(false);\n\n  const [FridaySlots, setFridaySlots] = useState([]);\n  const [FridaySlotsCount, setFridaySlotsCount] = useState(1);\n  const handleAddFridaySlot = () => {\n    if (FridaySlotsCount < 10) {\n      setFridaySlots([\n        ...FridaySlots,\n        {\n          slotNo: FridaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setFridaySlotsCount(FridaySlotsCount + 1);\n    }\n  };\n\n  // saturday\n  const [isSaturdayMenuOpen, setIsSaturdayMenuOpen] = useState(false);\n\n  const [SaturdaySlots, setSaturdaySlots] = useState([]);\n  const [SaturdaySlotsCount, setSaturdaySlotsCount] = useState(1);\n  const handleAddSaturdaySlot = () => {\n    if (SaturdaySlotsCount < 10) {\n      setSaturdaySlots([\n        ...SaturdaySlots,\n        {\n          slotNo: SaturdaySlotsCount + 1,\n          from: dayjs(Date.now()),\n          to: dayjs(Date.now()),\n          isLocked: false,\n        },\n      ]);\n      setSaturdaySlotsCount(SaturdaySlotsCount + 1);\n    }\n  };\n\n  //\n  //------------------ Booking Slots End ----------------\n  //\n\n  // theme\n  const [selectedTheme, setSelectedTheme] = useState(\"redAndPink\");\n  const [selectedThemeBtn, setSelectedThemeBtn] = useState(\"redAndPinkBtn\");\n  const [selectedThemeBtnStyle, setSelectedThemeBtnStyle] = useState(\"\");\n  const [selectedThemeTileBorder, setSelectedThemeTileBorder] =\n    useState(\"none\");\n  const [selectedThemeTileBorderStyle, setSelectedThemeTileBorderStyle] =\n    useState(\"rounded-lg\");\n  const [selectedThemeFont, setselectedThemeFont] = useState(\"lexand\");\n  const [selectedThemeView, setSelectedThemeView] = useState(\"list\");\n\n  const handleTileView = (event) => {\n    setSelectedThemeView(event.target.value);\n  };\n\n  const handleBorderTile = (event) => {\n    setSelectedThemeTileBorder(event.target.value);\n  };\n\n  const handleColorSelection = (color) => {\n    if (color.hex === \"#9e9e9e\") {\n      setSelectedTheme(\"gray\");\n      setSelectedThemeBtn(\"grayBtn\");\n    }\n    if (color.hex === \"#e53935\") {\n      setSelectedTheme(\"red\");\n      setSelectedThemeBtn(\"redBtn\");\n    }\n    if (color.hex === \"#ffeb3b\") {\n      setSelectedTheme(\"yellow\");\n      setSelectedThemeBtn(\"yellowBtn\");\n    }\n    if (color.hex === \"#4caf50\") {\n      setSelectedTheme(\"green\");\n      setSelectedThemeBtn(\"greenBtn\");\n    }\n    if (color.hex === \"#2196f3\") {\n      setSelectedTheme(\"blue\");\n      setSelectedThemeBtn(\"blueBtn\");\n    }\n    if (color.hex === \"#3f51b5\") {\n      setSelectedTheme(\"indigo\");\n      setSelectedThemeBtn(\"indigoBtn\");\n    }\n    if (color.hex === \"#9c27b0\") {\n      setSelectedTheme(\"purple\");\n      setSelectedThemeBtn(\"purpleBtn\");\n    }\n    if (color.hex === \"#e91e63\") {\n      setSelectedTheme(\"pink\");\n      setSelectedThemeBtn(\"pinkBtn\");\n    }\n    if (color.hex === \"#673ab7\") {\n      setSelectedTheme(\"deep-purple\");\n      setSelectedThemeBtn(\"deep-purpleBtn\");\n    }\n    if (color.hex === \"#03a9f4\") {\n      setSelectedTheme(\"light-blue\");\n      setSelectedThemeBtn(\"light-blueBtn\");\n    }\n    if (color.hex === \"#009688\") {\n      setSelectedTheme(\"teal\");\n      setSelectedThemeBtn(\"tealBtn\");\n    }\n    if (color.hex === \"#cddc39\") {\n      setSelectedTheme(\"lime\");\n      setSelectedThemeBtn(\"limeBtn\");\n    }\n    if (color.hex === \"#ffc107\") {\n      setSelectedTheme(\"amber\");\n      setSelectedThemeBtn(\"amberBtn\");\n    }\n    if (color.hex === \"#ff5722\") {\n      setSelectedTheme(\"deep-orange\");\n      setSelectedThemeBtn(\"deep-orangeBtn\");\n    }\n    if (color.hex === \"#795548\") {\n      setSelectedTheme(\"brown\");\n      setSelectedThemeBtn(\"brownBtn\");\n    }\n  };\n\n  //fetched || selected products\n  //   categories\n  const [selectedCategoryOptions, setSelectedCategoryOptions] = useState([]);\n  const handleCategoryOptionChange = (e) => {\n    const option = e.target.value;\n    const isChecked = e.target.checked;\n\n    if (isChecked) {\n      setSelectedCategoryOptions([...selectedCategoryOptions, option]);\n    } else {\n      setSelectedCategoryOptions(\n        selectedCategoryOptions.filter((item) => item !== option)\n      );\n    }\n  };\n\n  const [availableProducts, setAvailableProducts] = useState(null);\n\n  const handleMoveToStep2 = () => {\n    setCurrentStep((prevstep) => prevstep + 1);\n  };\n  const handleBackToStep1 = () => {\n    setCurrentStep((prevstep) => prevstep - 1);\n  };\n\n  const [selectedProducts, setSelectedProducts] = useState([]);\n\n  const handleSelect = (tile) => {\n    setSelectedProducts((prevSelectedTiles) => [...prevSelectedTiles, tile]);\n  };\n\n  const handleRemove = (tile) => {\n    setSelectedProducts((prevSelectedProducts) =>\n      prevSelectedProducts.filter((item) => item !== tile)\n    );\n  };\n\n  useEffect(() => {\n    const selectOptions = fetchedProductsList?.map((option) => ({\n      value: option.ZaplynTileRef,\n      label: option.itemname,\n      category: option.category,\n      image: option?.images.shift(),\n    }));\n    setAvailableProducts(selectOptions);\n  }, [fetchedProductsList]);\n\n  useEffect(() => {\n    if (availableProducts && selectedCategoryOptions) {\n      const filteredData = availableProducts?.filter((item) => {\n        let categoryFilter = true;\n        if (selectedCategoryOptions?.length > 0) {\n          categoryFilter = selectedCategoryOptions\n            .map((option) => option.toLowerCase())\n            .includes(item.category.toLowerCase());\n        }\n\n        return categoryFilter;\n      });\n\n      setSelectedProducts(\n        filteredData\n          .filter((item) => selectedProducts.includes(item.value))\n          .map((item) => item.value)\n      );\n      // console.log(\"newPRods\", filteredData.filter());\n    }\n  }, [selectedCategoryOptions]);\n\n  const handleImageUpload = async (e) => {\n    const options = {\n      maxSizeMB: 0.2,\n      maxWidthOrHeight: 1280,\n    };\n    const compressedFile = await imageCompression(e.target.files[0], options);\n    const base64 = await convertToBase64(compressedFile);\n\n    setShopImage(base64);\n    setViewImage(e.target.files[0]);\n  };\n\n  const handleEditShop = async (e) => {\n    e.preventDefault();\n\n    try {\n      const fileName = `${Date.now()}-${viewImage.name}`;\n\n      let imgLocation;\n      if (viewImage) {\n        const accesstoken = getToken();\n        const imageRes = await fetch(\n          `https://omnistack.org${process.env.REACT_APP_LINK}zaplyn-image-upload/`,\n          {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              Authorization: \"Bearer \" + accesstoken,\n            },\n            body: JSON.stringify({\n              image: shopImage,\n              filename: fileName,\n            }),\n          }\n        );\n        imgLocation = await imageRes.json();\n      }\n\n      const response = await Endpoints.EditShop({\n        shopRef: shopData.ZaplynShopRef,\n        currency: chosenCurrency,\n        shopname: shopName,\n        description: desc,\n        linkEnabled: shopShareLink,\n        partial: Number(paymentPercentage),\n        multiple_bookings: multipleBooking,\n        email: shopOwnerEmail,\n        mobile: shopOwnerContact,\n        address: shopOwnerAddress,\n        booking_time: {\n          Sunday: SundaySlots,\n          Monday: MondaySlots,\n          Tuesday: TuesdaySlots,\n          Wednesday: WednesdaySlots,\n          Thursday: ThursdaySlots,\n          Friday: FridaySlots,\n          Saturday: SaturdaySlots,\n        },\n        enable_scheduling: scheduleDelivery,\n        shipping_enabled: shippingInfo,\n        discount: shopDiscount || 0,\n        img_file: imgLocation?.url || shopImage || \"\",\n        theme: `${selectedTheme},${selectedThemeBtn},${selectedThemeBtnStyle},${selectedThemeTileBorder},${selectedThemeTileBorderStyle},${selectedThemeFont},null,${selectedThemeView}`,\n        productlist: selectedProducts.toString() || \"\",\n        categorylist: selectedCategoryOptions.toString() || \"\",\n      });\n\n      if (response) {\n        toast(response[\"Notification-text\"]);\n        await queryClient.invalidateQueries(\"shopsData\");\n        setIsLoadingModalOpen(false);\n        closeOnClick();\n      }\n    } catch (error) {\n      console.log(error);\n      setIsLoadingModalOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n    fetch(link + \"share-shop/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({\n        ZaplynShopRef: shopData.ZaplynShopRef,\n      }),\n    })\n      .then((response) => response.json())\n      .then((json) => {\n        // console.log(json);\n        // toast(JSON.stringify( json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        setShopImage(json.image);\n        setShopName(json.shopname);\n        setDesc(json.description);\n        setShopShareLink(json.link_enabled);\n        setChosenCurrency(json.currency);\n        setShopDiscount(json.discount);\n        setScheduleDelivery(json?.enable_scheduling);\n        setShippingInfo(json?.shipping_enabled);\n        setSelectedProducts(json.ZaplynTileRef.split(\",\"));\n        setSelectedCategoryOptions(json.category.split(\",\"));\n        setSelectedTheme(json.theme?.theme);\n        setSelectedThemeBtn(json.theme?.themeBtn);\n        setPaymentPercentage(json.partial);\n        setShopOwnerContact(json?.mobile);\n        setShopOwnerEmail(json?.email);\n        setShopOwnerAddress(json?.address);\n        setSelectedThemeBtnStyle(json?.theme?.themeBtnStyle);\n\n        setSelectedThemeTileBorder(json.theme?.showBorder);\n        setSelectedThemeView(json.theme?.borderType);\n\n        setMultipleBooking(json?.multiple_bookings);\n        if (\n          json?.booking_time !== null &&\n          Object.keys(json?.booking_time).length > 0\n        ) {\n          setSundaySlots(json.booking_time.Sunday);\n          setMondaySlots(json.booking_time.Monday);\n          setTuesdaySlots(json.booking_time.Tuesday);\n          setWednesdaySlots(json.booking_time.Wednesday);\n          setThursdaySlots(json.booking_time.Thursday);\n          setFridaySlots(json.booking_time.Friday);\n          setSaturdaySlots(json.booking_time.Saturday);\n\n          setSundaySlotsCount(json.booking_time?.Sunday?.length);\n          setMondaySlotsCount(json.booking_time?.Monday?.length);\n          setTuesdaySlotsCount(json.booking_time?.Tuesday?.length);\n          setWednesdaySlotsCount(json.booking_time?.Wednesday?.length);\n          setThursdaySlotsCount(json.booking_time?.Thursday?.length);\n          setFridaySlotsCount(json.booking_time?.Friday?.length);\n          setSaturdaySlotsCount(json.booking_time?.Saturday?.length);\n        }\n\n        setSelectedThemeTileBorderStyle(json.theme?.tileStyle);\n        setselectedThemeFont(json.theme?.font);\n      });\n  }, []);\n\n  const categories = useMemo(() => {\n    return fetchedProductsList?.map((item) => item.category);\n  }, [fetchedProductsList]);\n\n  const uniqueCategories = useMemo(() => {\n    return [...new Set(categories)];\n  }, [categories]);\n\n  return (\n    <div className=\"max-w-2xl p-4 mx-auto bg-gray-50  rounded-md shadow-md font-lexand\">\n      {/* shop details section */}\n      {!showBookingSlots && !showTheme && currentStep === 1 && (\n        <>\n          <h1 className=\"text-xl font-bold  capitalize \">Edit Shop</h1>\n          <form onSubmit={handleEditShop}>\n            <div className=\"grid grid-cols-1 gap-6 mt-4 sm:grid-cols-6\">\n              {shopImage ? (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <img src={shopImage} alt=\"\" className=\"w-full h-full\" />\n                    </div>\n                  </div>\n                  <label\n                    htmlFor=\"file-edit\"\n                    className=\"relative cursor-pointer \"\n                  >\n                    <div className=\" text-xs text-white mt-1\">\n                      <span className=\"rounded-md px-2 py-0.5 font-medium bg-gradient-to-b from-purple-200 to-pink-300 focus:outline-none\">\n                        Edit logo\n                      </span>\n                    </div>\n                  </label>\n                  <input\n                    id=\"file-edit\"\n                    name=\"file-edit\"\n                    type=\"file\"\n                    style={{ display: \"none\" }}\n                    accept=\"image/*\"\n                    onChange={handleImageUpload}\n                  />\n                </div>\n              ) : (\n                <div className=\" row-start-2 sm:row-start-1 sm:col-span-2\">\n                  <label className=\" text-sm flex font-medium text-black\">\n                    Shop Logo\n                  </label>\n                  <div className=\"mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md\">\n                    <div className=\"space-y-1 text-center\">\n                      <label\n                        htmlFor=\"file-upload\"\n                        className=\"relative cursor-pointer \"\n                      >\n                        <svg\n                          className=\"mx-auto h-12 w-12 text-black\"\n                          stroke=\"currentColor\"\n                          fill=\"none\"\n                          viewBox=\"0 0 48 48\"\n                          aria-hidden=\"true\"\n                        >\n                          <path\n                            d=\"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02\"\n                            strokeWidth=\"2\"\n                            strokeLinejoin=\"round\"\n                            strokeLinecap=\"round\"\n                          />\n                        </svg>\n                        <div className=\" text-xs text-gray-600\">\n                          <span className=\"bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500\">\n                            Upload a file\n                          </span>\n                          <p className=\"pl-1 text-black\">or drag and drop</p>\n                          <p className=\"text-xs text-black\">\n                            PNG, JPG, GIF up to 10MB\n                          </p>\n                        </div>\n                      </label>\n                      <input\n                        id=\"file-upload\"\n                        name=\"file-upload\"\n                        type=\"file\"\n                        style={{ display: \"none\" }}\n                        accept=\"image/*\"\n                        onChange={handleImageUpload}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n\n              <div className=\"sm:col-span-4\">\n                <div>\n                  <label className=\"text-black flex \" htmlFor=\"shopname\">\n                    Shop Name\n                  </label>\n                  <input\n                    id=\"shopname\"\n                    className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                      shopNameError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    type=\"Text\"\n                    required\n                    value={shopName}\n                    onClick={() => setShopNameError(\"\")}\n                    onChange={(e) => setShopName(e.target.value)}\n                    placeholder={\n                      shopNameError ? `${shopNameError}` : \"Add Shop Name*\"\n                    }\n                    rows=\"1\"\n                    maxh={50}\n                  />\n                </div>\n\n                <div>\n                  <label\n                    className=\"text-black flex\"\n                    htmlFor=\"passwordConfirmation\"\n                  >\n                    Description\n                  </label>\n                  <textarea\n                    id=\"textarea\"\n                    type=\"textarea\"\n                    className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-24 resize-none ${\n                      descError\n                        ? \"text-right placeholder-red-700 text-xs\"\n                        : \"text-left text-sm\"\n                    } `}\n                    value={desc}\n                    onClick={() => setDescError(\"\")}\n                    onChange={(e) => setDesc(e.target.value)}\n                    required\n                    placeholder={\n                      descError ? `${descError}` : \"Add Description*\"\n                    }\n                    rows=\"1\"\n                    maxh={150}\n                  ></textarea>\n                </div>\n              </div>\n            </div>\n\n            <hr class=\"mt-6 mb-1 border-b-1 border-gray-200\" />\n\n            <div className=\" grid grid-cols-1 gap-2 mt-4 sm:grid-cols-2\">\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneremail\">\n                  Email\n                </label>\n                <input\n                  id=\"shopowneremail\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerEmailError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Text\"\n                  required\n                  value={shopOwnerEmail}\n                  onClick={() => setShopOwnerEmailError(\"\")}\n                  onChange={(e) => setShopOwnerEmail(e.target.value)}\n                  placeholder={\n                    shopOwnerEmailError\n                      ? `${shopOwnerEmailError}`\n                      : \"Add Email*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-1\">\n                <label className=\"text-black flex \" htmlFor=\"showownercontact\">\n                  Contact\n                </label>\n                <input\n                  id=\"showownercontact\"\n                  className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full ${\n                    shopOwnerContactError\n                      ? \"text-right placeholder-red-700 text-xs\"\n                      : \"text-left text-sm\"\n                  } `}\n                  type=\"Number\"\n                  required\n                  value={shopOwnerContact}\n                  onClick={() => setShopOwnerContactError(\"\")}\n                  onChange={(e) => setShopOwnerContact(e.target.value)}\n                  placeholder={\n                    shopOwnerContactError\n                      ? `${shopOwnerContactError}`\n                      : \"Add Contact*\"\n                  }\n                  rows=\"1\"\n                  maxLength={50}\n                />\n              </div>\n              <div className=\"sm:col-span-2\">\n                <label className=\"text-black flex \" htmlFor=\"shopowneraddresss\">\n                  Address\n                </label>\n                <textarea\n                  id=\"shopowneraddresss\"\n                  type=\"textarea\"\n                  className={`focus:outline-none p-2 shadow-md border border-pink-300 rounded-md w-full h-16 resize-none text-left text-sm `}\n                  value={shopOwnerAddress}\n                  onChange={(e) => setShopOwnerAddress(e.target.value)}\n                  placeholder=\"Address\"\n                  rows=\"1\"\n                  maxLength={150}\n                ></textarea>\n              </div>\n            </div>\n            <hr class=\"mt-4 mb-1 border-b-1 border-gray-200\" />\n            <div className=\"flex flex-wrap items-center justify-between mt-2\">\n              <div className=\"flex items-end text-xs md:text-sm gap-2  \">\n                {/* <p>Default Currency</p>\n                <select\n                  className=\"focus:outline-none w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  onChange={(e) => setChosenCurrency(e.target.value)}\n                >\n                  <option value=\"GBP\">GBP</option>\n                  <option value=\"EUR\">EUR</option>\n                  <option value=\"USD\">USD</option>\n                </select> */}\n                <p className=\"text-xs\">\n                  {chosenCurrency} {`(£)`}\n                </p>\n              </div>\n\n              {/* <div className=\"flex items-center text-xs md:text-sm gap-2\">\n                <p>VAT </p>\n                <input\n                  id=\"vat\"\n                  className=\"focus:outline-none p-1 h-8 text-gray-600 w-8 bg-transparent \"\n                  value=\"10\"\n                  readOnly\n                  required\n                  rows=\"1\"\n                />\n              </div> */}\n\n              <div className=\"flex gap-2 items-end\">\n                <label\n                  className=\"text-black flex  text-xs md:text-sm\"\n                  htmlFor=\"shopDiscount\"\n                >\n                  Shop Discount {`(%)`}{\" \"}\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    arrow\n                    leaveTouchDelay={5000}\n                    title=\"Set an amount from 0 to 100 if you want to offer a discount on the total order amount. Default amount is 0.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </label>\n                <input\n                  id=\"shopDiscount\"\n                  className=\"focus:outline-none p-1  shadow-md border text-xs border-pink-300 rounded-md h-8  w-24 md:w-40 text-left\"\n                  type=\"Number\"\n                  required\n                  value={shopDiscount}\n                  onChange={(e) => setShopDiscount(e.target.value)}\n                  placeholder=\"Add Discount *\"\n                  rows=\"1\"\n                  maxh={5}\n                />\n              </div>\n\n              <div className=\"text-sm py-2 px-2 border border-pink-300 shadow-md  rounded-md mt-2 flex items-center justify-start\">\n                <p className=\" mr-2 my-1 font-semibold text-gray-600 text-xs md:text-sm\">\n                  Enable Link\n                </p>\n                <ReactSwitch\n                  checked={shopShareLink}\n                  onChange={() => setShopShareLink(!shopShareLink)}\n                  height={20}\n                  handleDiameter={12}\n                  width={40}\n                />\n              </div>\n\n              <button\n                onClick={() => setShowTheme(true)}\n                className=\"py-1 px-4 bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text rounded-lg  font-bold text-sm md:text-lg animate-pulse shadow-md\"\n              >\n                Themes\n              </button>\n            </div>\n\n            <div className=\"flex flex-wrap mt-2 items-center justify-between\">\n              <div className=\"text-sm py-2  mt-2  rounded-md  flex flex-col gap-1 justify-start\">\n                <div className=\"flex gap-2\">\n                  <p className=\"  flex text-gray-600 text-xs md:text-sm\">\n                    Require Appointment Booking\n                    <Tooltip\n                      enterTouchDelay={0}\n                      TransitionComponent={Zoom}\n                      placement=\"top\"\n                      leaveTouchDelay={5000}\n                      arrow\n                      title=\"Enabling this feature allows your customers to book an appointment at designated time slots that you save here.\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                          fill=\"rgba(235,117,253,1)\"\n                        ></path>\n                      </svg>\n                    </Tooltip>\n                  </p>\n                  <ReactSwitch\n                    checked={scheduleDelivery}\n                    onChange={() => setScheduleDelivery(!scheduleDelivery)}\n                    handleDiameter={12}\n                    height={20}\n                    width={40}\n                  />\n                </div>\n                <div\n                  className={`flex flex-wrap items-center justify-between ${\n                    !scheduleDelivery ? \"opacity-60\" : \"\"\n                  }`}\n                >\n                  <div\n                    onClick={() => {\n                      if (scheduleDelivery) {\n                        setShowBookingSlots(true);\n                      } else {\n                        console.log(\"\");\n                      }\n                    }}\n                    className=\" ml-1 px-2 border border-pink-300 shadow-md  rounded-md flex items-center justify-start cursor-pointer\"\n                  >\n                    <p className=\" mr-2 font-semibold text-gray-600 text-xs md:text-sm\">\n                      Add Time Slot\n                    </p>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-5 h-5\"\n                    >\n                      <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                    </svg>\n                  </div>\n                </div>\n              </div>\n              <div className=\"text-sm py-2 mt-2 px-2 border border-pink-300 shadow-md  rounded-md  flex items-center justify-start\">\n                <p className=\" mr-2 my-1 flex  text-gray-600 text-xs md:text-sm\">\n                  Ask for Shipping Information?\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Enabling this feature allows you to collect shipping address from customers. Use it only if necessary, for example if you are planning to ship physical goods.\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <ReactSwitch\n                  checked={shippingInfo}\n                  onChange={() => setShippingInfo(!shippingInfo)}\n                  handleDiameter={12}\n                  height={20}\n                  width={40}\n                />\n              </div>\n\n              <div className=\"flex items-end text-xs md:text-sm gap-2 mt-1  \">\n                <p className=\"flex\">\n                  Payment required for booking order\n                  <Tooltip\n                    enterTouchDelay={0}\n                    TransitionComponent={Zoom}\n                    placement=\"top\"\n                    leaveTouchDelay={5000}\n                    arrow\n                    title=\"Set the amount to be paid by customer in advance to book the order (from 0 to 100%).\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4 h-4\"\n                    >\n                      <path\n                        d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z\"\n                        fill=\"rgba(235,117,253,1)\"\n                      ></path>\n                    </svg>\n                  </Tooltip>\n                </p>\n                <select\n                  className=\"focus:outline-none w-16 md:w-20 tify-end  shadow-md bg-white border border-pink-300 rounded-md p-1 cursor-pointer\"\n                  required\n                  value={paymentPercentage}\n                  onChange={(e) => setPaymentPercentage(e.target.value)}\n                >\n                  <option value={parseInt(\"100\")}>100 %</option>\n                  <option value={parseInt(\"50\")}>50 %</option>\n                  <option value={parseInt(\"25\")}>25 %</option>\n                  <option value={parseInt(\"0\")}>0 %</option>\n                </select>\n              </div>\n            </div>\n\n            <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n              <div className=\" relative w-full\">\n                {uniqueCategories?.length > 0 ? (\n                  <p\n                    onClick={handleMoveToStep2}\n                    className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                  >\n                    Products\n                  </p>\n                ) : (\n                  <>\n                    <p className=\" absolute -top-4 right-4 text-xs text-gray-500\">\n                      You do not have any products to add!{\" \"}\n                    </p>\n                    <p\n                      onClick={() => {\n                        setCreateProductModalIsOpen(true);\n                      }}\n                      className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n                    >\n                      Create Product\n                    </p>\n                  </>\n                )}\n              </div>\n              <button\n                type=\"submit\"\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Save\n              </button>\n            </div>\n          </form>\n        </>\n      )}\n\n      {/* products section */}\n      {!showBookingSlots && !showTheme && currentStep === 2 && (\n        <>\n          <div\n            className={`${uniqueCategories?.length > 0 ? \"block\" : \"hidden\"}`}\n          >\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Categories for you shop\n            </h6>\n            <div className=\"grid grid-cols-2 md:grid-cols-4\">\n              {uniqueCategories?.map((option) => (\n                <label key={option}>\n                  <input\n                    type=\"checkbox\"\n                    value={option}\n                    checked={selectedCategoryOptions.includes(option)}\n                    onChange={handleCategoryOptionChange}\n                  />\n                  <span className=\"ml-2\">{option}</span>\n                </label>\n              ))}\n            </div>\n            <hr class=\"mt-6 border-b-1 border-gray-200\" />\n          </div>\n          {selectedCategoryOptions?.length > 0 ? (\n            selectedCategoryOptions?.map((category, index) => (\n              <div className=\"p-1\" key={index}>\n                <h1 className=\"text-gray-700 text-left\">{category}</h1>\n                <div className=\"grid md:grid-cols-3 p-1\">\n                  {availableProducts\n                    ?.filter((item) => item.category === category)\n                    .map((product) => (\n                      <div\n                        className={`flex gap-2 p-1 m-1 cursor-pointer  ${\n                          selectedProducts?.includes(product.value)\n                            ? \"bg-gray-100 opacity-30 border border-pink-300 rounded-lg\"\n                            : \"\"\n                        }`}\n                        key={product.value}\n                        onClick={() =>\n                          selectedProducts?.includes(product.value)\n                            ? handleRemove(product.value)\n                            : handleSelect(product.value)\n                        }\n                      >\n                        <img\n                          src={product.image}\n                          alt=\"\"\n                          className=\"w-12 h-12 rounded-md\"\n                        />\n                        <div className=\"text-xs text-left\">\n                          <p className=\"text-sm\">{product.label}</p>\n                          <p className=\"text-gray-500\">{product.value}</p>\n                        </div>\n                      </div>\n                    ))}\n                </div>\n              </div>\n            ))\n          ) : (\n            <></>\n          )}\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={handleBackToStep1}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={handleEditShop}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save Changes\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* theme section */}\n      {!showBookingSlots && showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Available Themes for you shop\n            </h6>\n\n            <div className=\"flex items-center justify-center max-w-md mx-auto \">\n              <CirclePicker\n                onChangeComplete={handleColorSelection}\n                circleSpacing={20}\n                colors={[\n                  \"#9e9e9e\",\n                  \"#e53935\",\n                  \"#ffeb3b\",\n                  \"#4caf50\",\n                  \"#2196f3\",\n                  \"#3f51b5\",\n                  \"#9c27b0\",\n                  \"#e91e63\",\n                  \"#673ab7\",\n                  \"#03a9f4\",\n                  \"#009688\",\n                  \"#cddc39\",\n                  \"#ffc107\",\n                  \"#ff5722\",\n                  \"#795548\",\n                ]}\n              />\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <p className=\" text-gray-400 font-semibold \">BUTTON STYLES</p>\n            <div className=\"flex mt-2 gap-4 items-center justify-around\">\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer px-4 text-sm   shadow-md md:px-10 py-1 md:p-1.5  `}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Default</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-xl\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer  px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-lg`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-xl\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded</p>\n              </div>\n              <div>\n                <button\n                  onClick={() => setSelectedThemeBtnStyle(\"rounded-full\")}\n                  className={` ${selectedThemeBtn} relative cursor-pointer px-4 text-sm  shadow-md md:px-10 py-1 md:p-1.5   rounded-full`}\n                >\n                  Button\n                  {selectedThemeBtnStyle === \"rounded-full\" && (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"#70ab77\"\n                      className=\"absolute top-0 right-0 flex-shrink-0 w-6 h-6 text-violet-400\"\n                    >\n                      <path\n                        fillRule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clipRule=\"evenodd\"\n                      ></path>\n                    </svg>\n                  )}\n                </button>\n                <p className=\"text-xs pt-0.5 text-gray-600\"> Rounded Full</p>\n              </div>\n            </div>\n            <hr class=\"mt-4 border-b-1 border-gray-200\" />\n\n            <div className=\"space-y-2\">\n              <p className=\"text-gray-400 font-semibold \">TILE STYLES</p>\n              {/* tileview */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product Tile View</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"list\"\n                    value=\"list\"\n                    checked={selectedThemeView === \"list\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"list\">List</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"grid\"\n                    value={`grid`}\n                    checked={selectedThemeView === \"grid\"}\n                    onChange={handleTileView}\n                  />\n                  <label htmlFor=\"grid\">Grid</label>\n                </div>\n              </div>\n              {/* tile Border */}\n              <div className=\"flex gap-3 items-center\">\n                <p className=\" my-2\">Product tile Border</p>\n\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"none\"\n                    value=\"none\"\n                    checked={selectedThemeTileBorder === \"none\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"none\">None</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"light\"\n                    value={`light`}\n                    checked={selectedThemeTileBorder === \"light\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"light\">Light</label>\n                </div>\n                <div className=\"flex items-center gap-1 text-xs\">\n                  <input\n                    type=\"radio\"\n                    id=\"heavy\"\n                    value={`heavy`}\n                    checked={selectedThemeTileBorder === \"heavy\"}\n                    onChange={handleBorderTile}\n                  />\n                  <label htmlFor=\"heavy\">Heavy</label>\n                </div>\n              </div>\n\n              {/* tile style */}\n\n              <div>\n                <p className=\"py-2  \">Product Tile</p>\n                <div className=\"flex flex-col md:flex-row items-center justify-around\">\n                  <div\n                    onClick={() => setSelectedThemeTileBorderStyle(\"\")}\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? `${selectedTheme} p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? `${selectedTheme} p-0.5`\n                          : \"\"\n                      }  \n                    ${\n                      selectedThemeTileBorderStyle === \"\"\n                        ? \"\"\n                        : \"cursor-pointer opacity-40\"\n                    } w-full md:w-60`}\n                    >\n                      <div className=\" flex bg-white shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16 bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Square</p>\n                    {selectedThemeTileBorderStyle === \"\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n\n                  <div\n                    onClick={() =>\n                      setSelectedThemeTileBorderStyle(\"rounded-lg\")\n                    }\n                    className={` relative flex flex-col items-center justify-center w-full`}\n                  >\n                    <div\n                      className={` ${\n                        selectedThemeTileBorder === \"light\"\n                          ? ` ${selectedTheme}  p-0.25`\n                          : selectedThemeTileBorder === \"heavy\"\n                          ? ` ${selectedTheme} p-0.5`\n                          : \"\"\n                      } \n                    ${\n                      selectedThemeTileBorderStyle === \"rounded-lg\"\n                        ? \"\"\n                        : \"cursor-pointer opacity-40\"\n                    } w-full md:w-60 rounded-lg`}\n                    >\n                      <div className=\" flex bg-white rounded-lg shadow-md p-1 gap-1\">\n                        <div className=\"w-16 h-16  bg-gray-500 rounded-lg\" />\n                        <div className=\"w-full space-y-2 p-1\">\n                          <div className=\" h-4 bg-gray-300 rounded-xl\" />\n                          <div className=\"w-12 h-2 bg-gray-300 rounded-xl\" />\n                        </div>\n                      </div>\n                    </div>\n                    <p className=\"text-xs text-gray-400\">Rounded</p>\n                    {selectedThemeTileBorderStyle === \"rounded-lg\" && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"absolute top-0 right-1 md:right-10 flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                  </div>\n                </div>\n              </div>\n\n              <hr class=\"mt-4 border-b-1 border-gray-200\" />\n              {/* font */}\n\n              <div className=\"flex gap-4 items-center md:justify-center \">\n                {/* <div className=\"flex flex-col gap-4  \"> */}\n                <p className=\"text-gray-400 text-sm font-semibold \">\n                  FONT STYLES\n                </p>\n                <select\n                  className={`${selectedThemeFont}  focus:outline-none placeholder-gray-600 shadow-md text-sm p-2 md:p-2  cursor-pointer bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md`}\n                  required\n                  value={selectedThemeFont}\n                  onChange={(e) => setselectedThemeFont(e.target.value)}\n                >\n                  {fontData.map((item, index) => (\n                    <option\n                      key={index}\n                      value={item.font}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${\n                        item.font\n                      } p-2 px-4 md:px-6 rounded-md shadow-sm capitalize `}\n                    >\n                      {item.font}\n                    </option>\n                  ))}\n                </select>\n\n                {/* <div className=\"grid md:grid-cols-2\">\n                  {fontData.map((item, index) => (\n                    <p\n                      key={index}\n                      value={item.font}\n                      onClick={() => setselectedThemeFont(item.font)}\n                      className={` ${\n                        selectedThemeFont === item.font\n                          ? \"opacity-80 border-gray-800 border\"\n                          : \"cursor-pointer\"\n                      } ${item.font} p-2 px-4 md:px-6 rounded-md shadow-sm `}\n                    >\n                      Select font for your Shop.\n                    </p>\n                  ))}\n                </div> */}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowTheme(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowTheme(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* booking slots section */}\n      {showBookingSlots && !showTheme && (\n        <>\n          <div className=\"\">\n            <h6 class=\"text-gray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Add Time Slots\n            </h6>\n\n            <div className=\"flex gap-3 items-center mb-3\">\n              <p className=\"text-xs md:text-sm\">\n                Allow multiple bookings in same time period?\n              </p>\n              <ReactSwitch\n                checked={multipleBooking}\n                onChange={() => setMultipleBooking(!multipleBooking)}\n                height={20}\n                handleDiameter={12}\n                width={40}\n              />\n            </div>\n\n            {/* Weekdays Navbar */}\n            <div className=\" m-2 flex w-full md:justify-center items-center overflow-x-auto overflow-y-hidden mx-auto  \">\n              {[\n                { sm: \"Sun\", md: \"Sunday\" },\n                { sm: \"Mon\", md: \"Monday\" },\n                { sm: \"Tue\", md: \"Tuesday\" },\n                { sm: \"Wed\", md: \"Wednesday\" },\n                { sm: \"Thu\", md: \"Thursday\" },\n                { sm: \"Fri\", md: \"Friday\" },\n                { sm: \"Sat\", md: \"Saturday\" },\n              ].map((item, index) => (\n                <p\n                  className={`${\n                    selectedBookingDay === item.md\n                      ? \"bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text border border-b-0 rounded-t-lg \"\n                      : \" border-b text-gray-600\"\n                  } md:px-3 px-2  border-pink-200 text-sm `}\n                  onClick={() => setSelectedBookingDay(item.md)}\n                >\n                  <span className=\"hidden md:block\">{item.md}</span>\n                  <span className=\"md:hidden \">{item.sm}</span>\n                </p>\n              ))}\n            </div>\n\n            {/* Sunday */}\n            {selectedBookingDay === \"Sunday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSundaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSundayMenuOpen(!isSundayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSundayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          {/* <p onClick={() => setSundaySlots(SundaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Sunday</p> */}\n                          <p\n                            onClick={() => setSundaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setSundaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SundaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].from = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"from\"}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SundaySlots];\n                            updatedItems[index].to = e;\n                            setSundaySlots(updatedItems);\n                          }}\n                          defaultValue={\"to\"}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SundaySlots];\n                          updatedItems.splice(index, 1);\n                          setSundaySlots(updatedItems);\n                          setSundaySlotsCount(SundaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Monday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddMondaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsMondayMenuOpen(!isMondayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isMondayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setMondaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          {/* <p onClick={() => setMondaySlots(MondaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Monday</p> */}\n                          <p\n                            onClick={() => setMondaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setMondaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {MondaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].from = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...MondaySlots];\n                            updatedItems[index].to = e;\n                            setMondaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...MondaySlots];\n                          updatedItems.splice(index, 1);\n                          setMondaySlots(updatedItems);\n                          setMondaySlotsCount(MondaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Tuesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddTuesdaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsTuesDayOpen(!isTuesdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isTuesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setTuesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          {/* <p onClick={() => setTuesdaySlots(TuesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Tuesday</p> */}\n                          <p\n                            onClick={() => setTuesdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setTuesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {TuesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].from = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...TuesdaySlots];\n                            updatedItems[index].to = e;\n                            setTuesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...TuesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setTuesdaySlots(updatedItems);\n                          setTuesdaySlotsCount(TuesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Wednesday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddWednesdaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() =>\n                        setIsWednesdayMenuOpen(!isWednesdayMenuOpen)\n                      }\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isWednesdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setWednesdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          {/* <p onClick={() => setWednesdaySlots(WednesdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Wednesday</p> */}\n                          <p\n                            onClick={() => setWednesdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setWednesdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {WednesdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].from = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...WednesdaySlots];\n                            updatedItems[index].to = e;\n                            setWednesdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...WednesdaySlots];\n                          updatedItems.splice(index, 1);\n                          setWednesdaySlots(updatedItems);\n                          setWednesdaySlotsCount(WednesdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Thursday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddThursdaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsThursdayMenuOpen(!isThursdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isThursdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setThursdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          {/* <p onClick={() => setThursdaySlots(ThursdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Thursday</p> */}\n                          <p\n                            onClick={() => setThursdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          <p\n                            onClick={() => setThursdaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {ThursdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].from = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...ThursdaySlots];\n                            updatedItems[index].to = e;\n                            setThursdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...ThursdaySlots];\n                          updatedItems.splice(index, 1);\n                          setThursdaySlots(updatedItems);\n                          setThursdaySlotsCount(ThursdaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Friday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddFridaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsFridayMenuOpen(!isFridayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isFridayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setFridaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setFridaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          {/* <p onClick={() => setFridaySlots(FridaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Friday</p> */}\n                          <p\n                            onClick={() => setFridaySlots(SaturdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Saturday\n                          </p>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {FridaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].from = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...FridaySlots];\n                            updatedItems[index].to = e;\n                            setFridaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...FridaySlots];\n                          updatedItems.splice(index, 1);\n                          setFridaySlots(updatedItems);\n                          setFridaySlotsCount(FridaySlotsCount - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n            {selectedBookingDay === \"Saturday\" && (\n              <>\n                <div className=\"space-y-2 flex flex-col max-w-lg mx-auto\">\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      onClick={handleAddSaturdaySlot}\n                      className=\"flex my-3 cursor-pointer w-20 items-center gap-2 bg-gradient-to-br from-purple-300 to-pink-500 px-2 p-1 rounded-lg shadow-sm \"\n                    >\n                      <p className=\"text-white text-xs \">Add</p>\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-4 h-4\"\n                      >\n                        <path\n                          d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                          fill=\"#fff\"\n                        ></path>\n                      </svg>\n                    </div>\n                    <div\n                      onClick={() => setIsSaturdayMenuOpen(!isSaturdayMenuOpen)}\n                      className=\"w-6 h-6 relative \"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        className=\"w-6 h-6 rounded-md p-0.5 shadow-sm\"\n                      >\n                        <path d=\"M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"></path>\n                      </svg>\n\n                      {isSaturdayMenuOpen && (\n                        <div className=\"absolute top-2 right-6 text-xs w-40 text-left space-y-1 z-50 bg-white p-4 rounded-md shadow-md\">\n                          <p\n                            onClick={() => setSaturdaySlots(SundaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Sunday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(MondaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Monday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(TuesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Tuesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(WednesdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Wednesday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(ThursdaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Thursday\n                          </p>\n                          <p\n                            onClick={() => setSaturdaySlots(FridaySlots)}\n                            className=\"text-gray-500 hover:text-gray-900 py-1 \"\n                          >\n                            Copy From Friday\n                          </p>\n                          {/* <p onClick={() => setSaturdaySlots(SaturdaySlots)} className=\"text-gray-500 hover:text-gray-900 py-1 \">Copy From Saturday</p> */}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                  {SaturdaySlots?.map((item, index) => (\n                    <div key={index} className=\"flex gap-2 items-center \">\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>From</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].from = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.from}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <LocalizationProvider dateAdapter={AdapterDayjs}>\n                        <p>To</p>\n                        <MobileTimePicker\n                          className={` border-none  `}\n                          onChange={(e) => {\n                            const updatedItems = [...SaturdaySlots];\n                            updatedItems[index].to = e;\n                            setSaturdaySlots(updatedItems);\n                          }}\n                          value={item.to}\n                          renderInput={(params) => <TextField {...params} />}\n                        />\n                      </LocalizationProvider>\n                      <button\n                        onClick={() => {\n                          const updatedItems = [...SaturdaySlots];\n                          updatedItems.splice(index, 1);\n                          setSaturdaySlots(updatedItems);\n                          setSaturdaySlotsCount(SaturdaySlots - 1);\n                        }}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-5 h-5\"\n                        >\n                          <path\n                            d=\"M17 4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7V2H17V4ZM9 9V17H11V9H9ZM13 9V17H15V9H13Z\"\n                            fill=\"red\"\n                          ></path>\n                        </svg>\n                      </button>\n                    </div>\n                  ))}\n                </div>\n              </>\n            )}\n          </div>\n\n          <div className=\"flex flex-col md:flex-row justify-end mt-8 gap-4\">\n            <div className=\" relative w-full\">\n              <p\n                onClick={() => setShowBookingSlots(false)}\n                className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n              >\n                Back\n              </p>\n            </div>\n            <button\n              onClick={() => setShowBookingSlots(false)}\n              className=\"cursor-pointer w-full  shadow-md md:px-6 py-1 md:p-2  bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Create Product Modal */}\n      <Modal\n        isOpen={createProductModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setCreateProductModalIsOpen(false)}\n      >\n        <button\n          onClick={setCreateProductModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PostMessagePopup\n          onClick={setCreateProductModalIsOpenToFalse}\n          closeCreateShopModal={closeOnClick}\n        />\n      </Modal>\n    </div>\n  );\n}\n\nexport default EditShopModal;\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport { useQueryClient } from \"react-query\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport { convertCurrency } from \"../../../../helper/helper\";\n\nfunction PreviewShopProductsComponent({\n  selectedCategory,\n  selectedSubCategory,\n  setSelectedSubCategory,\n  theme,\n  themBtn,\n  themBtnStyle,\n  themeTileBorder,\n  themeTileBorderStyle,\n  themeFont,\n  themeView,\n}) {\n  const queryClient = useQueryClient();\n  const shopDetails = queryClient.getQueryData(\"shopDetails\");\n  const products = queryClient.getQueryData(\"shopProducts\");\n\n  const [modProducts, setModProducts] = useState(null);\n\n  useEffect(() => {\n    const data = Object.values(products)?.filter(\n      (item) => item.category === selectedCategory\n    );\n    setModProducts(data);\n  }, [products, selectedCategory]);\n\n  const subCategories = useMemo(() => {\n    if (products) {\n      return Object.values(products)\n        ?.filter((item) => item.category === selectedCategory)\n        .map((item) => item.sub_category);\n    }\n  }, [products, selectedCategory]);\n\n  const uniqueSubCategories = useMemo(() => {\n    return [...new Set(subCategories)];\n  }, [subCategories]);\n\n  return (\n    <div className=\"p-1 flex flex-col \">\n      <div>\n        <ul className=\"flex items-center justify-center divide-x divide-gray-200 overflow-x-auto\">\n          {uniqueSubCategories\n            ?.slice()\n            .reverse()\n            .map((item) => (\n              <li key={item}>\n                <p\n                  onClick={() => setSelectedSubCategory(item)}\n                  className={` cursor-pointer ${themBtnStyle}   px-4 py-0.5 font-semibold text-xs  mx-1  ${\n                    selectedSubCategory === item\n                      ? `${themBtn} text-black `\n                      : \"text-gray-500\"\n                  }   `}\n                >\n                  {item !== \"select\" ? `${item}` : \"All\"}\n                </p>\n              </li>\n            ))}\n        </ul>\n      </div>\n      <ul\n        className={`${\n          themeView === \"grid\"\n            ? \"grid md:grid-cols-2 gap-5 md:max-w-lg mx-auto\"\n            : \"flex flex-col divide-y divide-gray-200 md:mx-auto \"\n        }  mt-2 `}\n      >\n        {selectedSubCategory === \"select\"\n          ? modProducts?.map((item) => (\n              <div\n                className={`${\n                  themeTileBorder === \"none\"\n                    ? ``\n                    : themeTileBorder === \"light\"\n                    ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                    : ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.5`\n                }\n                ${themeView === \"grid\" ? \" \" : \"\"}\n                mt-5`}\n              >\n                <div\n                  key={item}\n                  className={`${\n                    theme === \"dark\" ? \"\" : \"bg-white\"\n                  } ${themeTileBorderStyle} shadow-sm flex ${\n                    themeView === \"grid\"\n                      ? \"md:flex-col md:gap-2 md:h-72 \"\n                      : \" space-x-4 w-full \"\n                  }  p-2 cursor-pointer hover:opacity-60`}\n                >\n                  {/* product image */}\n                  <div\n                    className={` ${\n                      themeView === \"grid\" ? \"w-5/12 md:w-full\" : \"w-24\"\n                    }`}\n                  >\n                    <Carousel\n                      infiniteLoop={true}\n                      showStatus={false}\n                      showIndicators={false}\n                      showArrows={false}\n                      swipeable={false}\n                      showThumbs={false}\n                      className=\"shopProductCarousel\"\n                    >\n                      {item.images.map((image) => (\n                        <div key={image}>\n                          <img\n                            src={image}\n                            alt=\"\"\n                            className={`${\n                              themeView === \"grid\"\n                                ? \"h-48 md:h-36  object-cover\"\n                                : \"h-20  object-contain\"\n                            } `}\n                          />\n                        </div>\n                      ))}\n                    </Carousel>\n                  </div>\n                  <div className=\"flex flex-col  justify-between  pb-4\">\n                    <div\n                      className={`flex ${\n                        themeView === \"grid\" ? \"flex-col pl-2\" : \"\"\n                      }  justify-between w-full pb-1 `}\n                    >\n                      <div className=\"space-y-1  \">\n                        <h3 className=\"text-lg w-40 text-left font-semibold leading-snug \">\n                          {item.itemname}\n                        </h3>\n                        <p\n                          className={`text-xs w-40 text-left pb-2 truncate text-gray-700\n            } `}\n                        >\n                          {item.description}\n                        </p>\n                      </div>\n                      <div\n                        className={` ${\n                          themeView === \"grid\"\n                            ? \" text-gray-600 mt-2  text-left\"\n                            : \"text-right font-semibold \"\n                        }  `}\n                      >\n                        <p className=\"text-lg \">\n                          {item.total_price.toFixed(1)}£\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            ))\n          : modProducts\n              ?.filter((item) => item.sub_category === selectedSubCategory)\n              .map((item) => (\n                <div\n                  className={`${\n                    themeTileBorder === \"none\"\n                      ? ``\n                      : themeTileBorder === \"light\"\n                      ? ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.25`\n                      : ` ${theme}  ${themeTileBorderStyle} shadow-sm p-0.5`\n                  }\n                ${themeView === \"grid\" ? \" \" : \"\"}\n                mt-5`}\n                >\n                  <div\n                    key={item}\n                    className={`${\n                      theme === \"dark\" ? \"\" : \"bg-white\"\n                    } ${themeTileBorderStyle} shadow-sm flex ${\n                      themeView === \"grid\"\n                        ? \"md:flex-col md:gap-2 md:h-72 \"\n                        : \" space-x-4 w-full \"\n                    }  p-2 cursor-pointer hover:opacity-60`}\n                  >\n                    {/* product image */}\n                    <div\n                      className={` ${\n                        themeView === \"grid\" ? \"w-5/12 md:w-full\" : \"w-24\"\n                      }`}\n                    >\n                      <Carousel\n                        infiniteLoop={true}\n                        showStatus={false}\n                        showIndicators={false}\n                        showArrows={false}\n                        swipeable={false}\n                        showThumbs={false}\n                        className=\"shopProductCarousel\"\n                      >\n                        {item.images.map((image) => (\n                          <div key={image}>\n                            <img\n                              src={image}\n                              alt=\"\"\n                              className={`${\n                                themeView === \"grid\"\n                                  ? \"h-48 md:h-36  object-cover\"\n                                  : \"h-20  object-contain\"\n                              } `}\n                            />\n                          </div>\n                        ))}\n                      </Carousel>\n                    </div>\n                    <div className=\"flex flex-col  justify-between  pb-4\">\n                      <div\n                        className={`flex ${\n                          themeView === \"grid\" ? \"flex-col pl-2\" : \"\"\n                        }  justify-between w-full pb-1 `}\n                      >\n                        <div className=\"space-y-1  \">\n                          <h3 className=\"text-lg w-40 text-left  font-semibold leading-snug \">\n                            {item.itemname}\n                          </h3>\n                          <p\n                            className={`text-xs w-40 text-left  pb-2 truncate text-gray-700\n            } `}\n                          >\n                            {item.description}\n                          </p>\n                        </div>\n                        <div\n                          className={` ${\n                            themeView === \"grid\"\n                              ? \" text-gray-600 mt-2  text-left\"\n                              : \"text-right font-semibold \"\n                          }  `}\n                        >\n                          <p className=\"text-lg \">\n                            {item.total_price.toFixed(1)}£\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n      </ul>\n    </div>\n  );\n}\n\nexport default PreviewShopProductsComponent;\n","import React, { useEffect, useState } from \"react\";\nimport Endpoints from \"../../../../api/endpoints\";\nimport { useQuery } from \"react-query\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport PreviewShopProductsComponent from \"./PreviewShopProductsComponent\";\n\nimport \"../../sharePage/Theme.css\";\n\nfunction PreviewShopModal({ shopDetails }) {\n  const [selectedCategory, setSelectedCategory] = useState(\"\");\n  const [selectedSubCategory, setSelectedSubCategory] = useState(\"select\");\n  // theme\n  const [theme, setTheme] = useState(\"\");\n  const [themBtn, setThemBtn] = useState(\"\");\n  const [themBtnStyle, setThemBtnStyle] = useState(\"\");\n  const [themeTileBorder, setThemeTileBorder] = useState(\"\");\n  const [themeTileBorderStyle, setThemeTileBorderStyle] = useState(\"\");\n  const [themeFont, setThemeFont] = useState(\"\");\n  const [themeView, setThemeView] = useState(\"\");\n\n  //fetch shop data\n  const {\n    isLoading: isShopLoading,\n    data: shopData,\n    isError: isShopError,\n  } = useQuery(\"shopDetails\", () =>\n    Endpoints.FetchShopDetails(shopDetails.ZaplynShopRef)\n  );\n\n  //fetch shop products\n  const {\n    isLoading: isShopProductsLoading,\n    data: shopProducts,\n    isError: isShopProductsError,\n  } = useQuery(\"shopProducts\", () =>\n    Endpoints.FetchShopProducts(shopDetails.ZaplynShopRef)\n  );\n\n  useEffect(() => {\n    if (shopData) {\n      setSelectedCategory(shopData.category.split(\",\")[0]);\n      setTheme(shopData?.theme?.theme);\n      setThemBtn(shopData?.theme?.themeBtn);\n      setThemBtnStyle(shopData?.theme?.themeBtnStyle);\n      setThemeTileBorder(shopData?.theme?.showBorder);\n      setThemeTileBorderStyle(shopData?.theme?.tileStyle);\n      setThemeFont(shopData?.theme?.font);\n      setThemeView(shopData?.theme?.borderType);\n    }\n  }, [shopData]);\n  // console.log(theme);\n  // console.log(themBtn);\n  // console.log(themBtnStyle);\n  // console.log(themeTileBorder);\n  // console.log(themeTileBorderStyle);\n  // console.log(themeFont);\n  // console.log(shopData);\n  return (\n    <div>\n      {isShopProductsLoading || isShopLoading ? (\n        <p className=\"text-center text-gray-400\">Loading...</p>\n      ) : (\n        <div\n          className={`flex flex-col max-w-3xl mx-auto p-2  rounded-lg ${themeFont} ${\n            theme === \"dark\" ? \"dark\" : \"bg-white\"\n          }\n        `}\n        >\n          <div className=\"flex w-full \">\n            <img\n              src={shopData?.image}\n              alt=\"\"\n              className=\"w-20 h-20 rounded-full \"\n            />\n            <div className=\"ml-2 flex flex-grow flex-col cursor-pointer  \">\n              <p className=\"text-2xl md:text-4xl\">{shopData.shopname}</p>\n              <p className=\"text-gray-600\">{shopData.description}</p>\n            </div>\n          </div>\n          <div className=\"flex flex-col max-w-xl mx-auto mt-10  \">\n            {shopData?.category.split(\",\").length > 0 && (\n              <ul\n                className={`flex items-center  divide-x divide-gray-200 pl-2 pr-2 pb-3 w-80 md:w-full md:pl-0 overflow-x-auto ${\n                  shopData?.category.split(\",\").length < 3\n                    ? \" justify-center\"\n                    : \"\"\n                }`}\n              >\n                {shopData?.category.split(\",\").map((category, index) => (\n                  <li key={index}>\n                    <button\n                      onClick={() => {\n                        setSelectedCategory(category);\n                        setSelectedSubCategory(\"select\");\n                      }}\n                      className=\"px-2 \"\n                    >\n                      {category === selectedCategory ? (\n                        <p\n                          className={` ${themBtn}  ${themBtnStyle} px-4 py-0.5 font-semibold text-sm text-gray-700 shadow-md`}\n                        >\n                          {category}\n                        </p>\n                      ) : (\n                        <p className=\"font-semibold text-sm px-4 py-0.5\">\n                          {category}\n                        </p>\n                      )}\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          {selectedCategory !== \"\" && (\n            <div className=\"\">\n              <PreviewShopProductsComponent\n                theme={theme}\n                themBtn={themBtn}\n                themBtnStyle={themBtnStyle}\n                themeTileBorder={themeTileBorder}\n                themeTileBorderStyle={themeTileBorderStyle}\n                themeFont={themeFont}\n                themeView={themeView}\n                selectedSubCategory={selectedSubCategory}\n                setSelectedSubCategory={setSelectedSubCategory}\n                selectedCategory={selectedCategory}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default PreviewShopModal;\n","import React, { useState } from \"react\";\nimport { useQueryClient } from \"react-query\";\nimport getToken from \"../Token\";\nimport { createTileRef } from \"../../helper/helper\";\n\nfunction TransferShopPopup({ tile, closeOnClick }) {\n  const queryClient = useQueryClient();\n  const [transferTo, setTransferTo] = useState(\"\");\n  const [contactPhone, setContactPhone] = useState(\"\");\n  const [contactEmail, setContactEmail] = useState(\"\");\n\n  //   cancel button func\n  const handleCancelClick = () => {\n    setTransferTo(\"\");\n    setContactEmail(\"\");\n    setContactPhone(\"\");\n    closeOnClick();\n  };\n\n  //   save button func\n  const handleSubmit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n    // console.log(internalNote);\n\n    const content = {\n      shopRef: tile.ZaplynShopRef,\n      username: transferTo,\n      Name: tile.shopname,\n      email: contactEmail,\n      phoneNumber: contactPhone,\n    };\n    const accesstoken = getToken();\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}transfer-shop/`,\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify(content),\n      }\n    );\n\n    const res = await response.json();\n\n    if (res) {\n      await queryClient.invalidateQueries(\"shopsData\");\n    }\n\n    closeOnClick();\n  };\n\n  return (\n    <div>\n      <div className=\"bg-white p-4 rounded-lg\">\n        <div className=\"flex flex-col gap-2 md:gap-4 \">\n          <div className=\"\">\n            <label\n              className=\"text-black flex text-xs \"\n              htmlFor=\"shopownerusername\"\n            >\n              Username\n            </label>\n            <input\n              id=\"shopownerusername\"\n              className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full text-left text-sm  `}\n              type=\"Text\"\n              required\n              value={transferTo}\n              onChange={(e) => setTransferTo(e.target.value)}\n              placeholder=\"Add username*\"\n              rows=\"1\"\n              maxLength={50}\n            />{\" \"}\n          </div>\n\n          <div className=\"\">\n            <label\n              className=\"text-black flex text-xs \"\n              htmlFor=\"shopowneremail\"\n            >\n              Email\n            </label>\n            <input\n              id=\"shopowneremail\"\n              className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full text-left text-sm  `}\n              type=\"Text\"\n              required\n              value={contactEmail}\n              onChange={(e) => setContactEmail(e.target.value)}\n              placeholder=\"Add Email*\"\n              rows=\"1\"\n              maxLength={50}\n            />\n          </div>\n          <div className=\"\">\n            <label\n              className=\"text-black flex text-xs \"\n              htmlFor=\"showownercontact\"\n            >\n              Contact\n            </label>\n            <input\n              id=\"showownercontact\"\n              className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full text-left text-sm  `}\n              type=\"Number\"\n              required\n              value={contactPhone}\n              onChange={(e) => setContactPhone(e.target.value)}\n              placeholder=\"Add Contact*\"\n              rows=\"1\"\n              maxLength={50}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex gap-2 mt-3 text-sm\">\n          <button\n            onClick={handleCancelClick}\n            className=\"px-6 py-0.5 rounded-full text-gray-700 border hover:bg-gray-100 \"\n          >\n            Cancel\n          </button>\n          <button\n            onClick={handleSubmit}\n            className=\" cursor-pointer  px-6 py-0.5   bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TransferShopPopup;\n","import { useState, useRef, useEffect, useContext } from \"react\";\nimport Modal from \"react-modal\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport PostMessagePopup2 from \"../../PostMessagePopup2\";\nimport QRCode from \"qrcode\";\nimport Preview from \"../../popups/Preview\";\nimport InternalNote from \"../../popups/InternalNote\";\nimport Endpoints from \"../../../api/endpoints\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport toggleSvgOn from \"../../../assets/icons/toggle-line.svg\";\nimport toggleSvgOff from \"../../../assets/icons/toggle-fill.svg\";\nimport { useMutation, useQueryClient } from \"react-query\";\nimport ErrImage from \"../../../assets/imageErr.jpg\";\nimport EditShopModal from \"./modal/EditShopModal\";\nimport { createTileRef } from \"../../../helper/helper\";\nimport PreviewShopModal from \"./modal/PreviewShopModal\";\nimport TransferShopPopup from \"../../popups/transfer-shop-popup\";\n\nconst ShopTile = ({ shopDetails }) => {\n  const queryClient = useQueryClient();\n  const { productImages, isShopsLoading, shopsData, isShopsError } =\n    useContext(GlobalContext);\n\n  const [settingsToggle, setSettingsToggle] = useState(false);\n  const [qrCodeUrl, setQrCodeUrl] = useState(\"\");\n\n  const buttonRef = useRef(null);\n  const settingsWrapperRef = useRef(null);\n  const [popupPosition, setPopupPosition] = useState({});\n\n  const [tileref, setTileref] = useState(\"\");\n\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n\n  // Edit modal\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const setModalIsOpenToTrue = () => {\n    setModalIsOpen(true);\n  };\n  const setModalIsOpenToFalse = () => {\n    setModalIsOpen(false);\n  };\n\n  // internal note modal\n  const [internalNoteModalIsOpen, setInternalNoteModalIsOpen] = useState(false);\n  const setInternalNoteModalIsOpenToTrue = () => {\n    setInternalNoteModalIsOpen(true);\n  };\n  const setInternalNoteModalIsOpenToFalse = () => {\n    setInternalNoteModalIsOpen(false);\n  };\n\n  // transfer modal\n  const [transferModalIsOpen, setTransferModalIsOpen] = useState(false);\n  const setTransferModalIsOpenToTrue = () => {\n    setTransferModalIsOpen(true);\n  };\n  const setTransferModalIsOpenToFalse = () => {\n    setTransferModalIsOpen(false);\n  };\n\n  // product preview modal\n  const [previewModalIsOpen, setPreviewModalIsOpen] = useState(false);\n  const setPreviewModalIsOpenToTrue = () => {\n    setPreviewModalIsOpen(true);\n  };\n  const setPreviewModalIsOpenToFalse = () => {\n    setPreviewModalIsOpen(false);\n  };\n\n  //link modal\n  const [linkModalIsOpen, setLinkModalIsOpen] = useState(false);\n  const setLinkModalIsOpenToTrue = () => {\n    setLinkModalIsOpen(true);\n  };\n  const setLinkModalIsOpenToFalse = () => {\n    setLinkModalIsOpen(false);\n  };\n\n  const handleShareCardClick = (tileref) => {\n    QRCode.toDataURL(\"https://zaplyn.link/shop/\" + tileref)\n      .then((url) => {\n        setQrCodeUrl(url);\n      })\n      .catch((err) => console.error(err));\n  };\n\n  const handleDownloadQrCode = () => {\n    const downloadLink = document.createElement(\"a\");\n    downloadLink.href = qrCodeUrl;\n    downloadLink.download = \"qr-code.png\";\n    downloadLink.click();\n  };\n\n  // toggle shop share link\n  const handleShareLinkStatus = async () => {\n    await Endpoints.EditShopLink(shopDetails.ZaplynShopRef);\n    await queryClient.invalidateQueries(\"shopsData\");\n  };\n\n  // clone shop\n  const cloneMutation = useMutation(Endpoints.CloneShop, {\n    onSuccess: () => {\n      console.log(\"Clone Successful\");\n    },\n    onError: (err) => {\n      console.log(\"there was an error\", err);\n    },\n    onSettled: () => {\n      setSettingsToggle(false);\n      queryClient.invalidateQueries(\"shopsData\");\n    },\n  });\n\n  const handleClone = async () => {\n    const newTileref = createTileRef();\n    const content = {\n      ZaplynShopRef: newTileref,\n      shopname: \"copy of \" + shopDetails.shopname,\n      author: shopDetails.author,\n      link_enabled: shopDetails.link_enabled,\n      currency: shopDetails.currency,\n      created_at: shopDetails.created_at,\n      enable_scheduling: shopDetails?.enable_scheduling,\n      vat: shopDetails.VatTaxes,\n      discount: shopDetails.discount,\n      mobile: shopDetails.mobile,\n      address: shopDetails.address,\n      email: shopDetails.email,\n      multiple_bookings: shopDetails.multiple_bookings,\n      booking_time: shopDetails.booking_time,\n      partial: shopDetails.partial,\n      shipping_enabled: shopDetails.shipping_enabled,\n      category: shopDetails.category.toString(),\n      theme: Object.values(shopDetails.theme).toString(),\n      ZaplynTileRef: shopDetails.ZaplynTileRef.toString(),\n      description: shopDetails.description || \"\",\n      image: shopDetails.image || \"\",\n    };\n    cloneMutation.mutate(content);\n  };\n\n  //shop delete\n  const handleShopDelete = async (shopref) => {\n    window.dataLayer.push({\n      shop_id: shopref,\n      shop_name: shopDetails?.shopname,\n      event: \"delete_shop\",\n    });\n    const res = await Endpoints.DeleteShop(shopref);\n    if (res) {\n      await queryClient.invalidateQueries(\"shopsData\");\n      toast(res[\"Notification-text\"]);\n    }\n  };\n\n  // handling Settings Toggle\n  useEffect(() => {\n    if (settingsToggle && buttonRef.current) {\n      const { top, bottom } = buttonRef.current.getBoundingClientRect();\n      const scrollTop =\n        window.pageYOffset || document.documentElement.scrollTop;\n      const popupTop = top + scrollTop <= window.innerHeight / 2 ? \"top-0\" : \"\";\n      const popupBottom = bottom >= window.innerHeight / 2 ? \"bottom-0\" : \"\";\n\n      setPopupPosition(`absolute ${popupTop} ${popupBottom} right-8 `);\n    }\n  }, [settingsToggle]);\n\n  // handle settings popup\n  useEffect(() => {\n    function handleClickOutside(event) {\n      if (\n        settingsToggle &&\n        buttonRef.current &&\n        settingsWrapperRef.current &&\n        !buttonRef.current.contains(event.target) &&\n        !settingsWrapperRef.current.contains(event.target)\n      ) {\n        setSettingsToggle(false);\n      }\n    }\n\n    function handleScroll() {\n      if (settingsToggle) {\n        setSettingsToggle(false);\n      }\n    }\n\n    document.addEventListener(\"click\", handleClickOutside);\n    window.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [settingsToggle]);\n\n  // if (cloneImgMutation.isLoading) {\n  //   return (\n  //     <div>\n  //       <LoadingModal />\n  //     </div>\n  //   );\n  // }\n\n  return (\n    <>\n      {isShopsLoading ? (\n        <>Loading...</>\n      ) : (\n        <div\n          className=\"relative p-2 flex gap-2 m-2 border border-pink-300 rounded-lg\n        \"\n        >\n          <p className=\"absolute right-2 botton-1 text-xxs md:text-xs text-gray-500\">\n            {shopDetails.ZaplynShopRef}\n          </p>\n          <img\n            src={shopDetails.image || ErrImage}\n            alt=\"\"\n            className=\"h-full w-28 rounded-l-lg object-cover\"\n          />\n          <div className=\"w-full  pt-2\">\n            <div className=\"flex w-full justify-between\">\n              <p className=\"text-sm md:text-lg\">{shopDetails.shopname}</p>\n            </div>\n            <div className=\"flex gap-4 mt-4\">\n              {shopDetails.ZaplynTileRef[0] !== \"\" && (\n                <p className=\"text-gray-700 text-xs md:text-sm\">\n                  {shopDetails.ZaplynTileRef.length}{\" \"}\n                  {shopDetails.ZaplynTileRef.length > 1\n                    ? \"Products\"\n                    : \"Product\"}\n                </p>\n              )}\n            </div>\n            <div className=\"flex items-center justify-between md:mt-4 mt-6\">\n              {/* sharelink button */}\n              <button\n                className=\"flex justify-center gap-1 w-1/2 rounded-full bg-gradient-to-t from-pink-300 to-white px-4 py-1 font-semibold text-lg text-gray-700 shadow-md\"\n                onClick={() => {\n                  setLinkModalIsOpenToTrue();\n                  handleShareCardClick(shopDetails.ZaplynShopRef);\n                  // toast(\"Sharing link copied!\");\n                }}\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"20\"\n                  height=\"20\"\n                  className=\"\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                  <path d=\"M13.06 8.11l1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415 1.415-1.414zm6.718 6.011l-1.414-1.414a5 5 0 1 0-7.071-7.071l-.354.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 0 1 9.9 9.9z\" />\n                </svg>\n                <p className=\"text-sm\">Link</p>\n              </button>\n\n              {/* settings */}\n              <div className=\"relative inline-block \">\n                {/* settingsbutton */}\n                <button\n                  ref={buttonRef}\n                  onClick={() => setSettingsToggle(!settingsToggle)}\n                  className=\"relative block text-gray-700 rounded-md focus:ring-pink-300 dark:focus:ring-pink-300 focus:ring dark:bg-pink-800 focus:outline-none\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 24 24\"\n                    width=\"24\"\n                    height=\"24\"\n                  >\n                    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                    <path d=\"M3.34 17a10.018 10.018 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A9.99 9.99 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 9.99 9.99 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672c.579.59 1.093 1.261 1.525 2.01.433.749.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 9.99 9.99 0 0 1-2.501 4.337 3 3 0 0 0-4.631 2.674 9.99 9.99 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10.018 10.018 0 0 1 3.34 17zm5.66.196a4.993 4.993 0 0 1 2.25 2.77c.499.047 1 .048 1.499.001A4.993 4.993 0 0 1 15 17.197a4.993 4.993 0 0 1 3.525-.565c.29-.408.54-.843.748-1.298A4.993 4.993 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8.126 8.126 0 0 0-.75-1.298A4.993 4.993 0 0 1 15 6.804a4.993 4.993 0 0 1-2.25-2.77c-.499-.047-1-.048-1.499-.001A4.993 4.993 0 0 1 9 6.803a4.993 4.993 0 0 1-3.525.565 7.99 7.99 0 0 0-.748 1.298A4.993 4.993 0 0 1 6 12c0 1.26-.47 2.437-1.273 3.334a8.126 8.126 0 0 0 .75 1.298A4.993 4.993 0 0 1 9 17.196zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\" />\n                  </svg>\n                </button>\n\n                {/* settings-popup */}\n                {settingsToggle && (\n                  <div\n                    ref={settingsWrapperRef}\n                    className={`  absolute z-50 ${popupPosition} right-0  w-48 py-2 mt-2 origin-top-right bg-white rounded-md shadow-xl dark:bg-gray-800`}\n                  >\n                    <button\n                      onClick={handleShareLinkStatus}\n                      className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      {shopDetails.link_enabled ? (\n                        <>\n                          <img src={toggleSvgOff} className=\"h-6 mr-1\" alt=\"\" />\n                          Turn Off\n                        </>\n                      ) : (\n                        <>\n                          <img src={toggleSvgOn} className=\"h-6  mr-1\" alt=\"\" />\n                          Turn On\n                        </>\n                      )}\n                    </button>\n\n                    <button\n                      onClick={() => setPreviewModalIsOpenToTrue()}\n                      className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        height=\"24\"\n                      >\n                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                        <path d=\"M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Preview</span>\n                    </button>\n\n                    <button\n                      onClick={() => {\n                        setModalIsOpenToTrue();\n                        // setTileref(message.ZaplynTileRef);\n                      }}\n                      className=\"flex w-full items-center px-3 py-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        height=\"24\"\n                      >\n                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                        <path d=\"M5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zm16 2H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L9.243 19H21v2zM15.728 6.858l1.414 1.414 1.414-1.414-1.414-1.414-1.414 1.414z\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Edit</span>\n                    </button>\n\n                    <button\n                      onClick={setInternalNoteModalIsOpenToTrue}\n                      className=\"relative flex w-full items-center cursor-pointer p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        height=\"24\"\n                      >\n                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                        <path d=\"M21 15l-6 5.996L4.002 21A.998.998 0 0 1 3 20.007V3.993C3 3.445 3.445 3 3.993 3h16.014c.548 0 .993.456.993 1.002V15zM19 5H5v14h8v-5a1 1 0 0 1 .883-.993L14 13l5-.001V5zm-.829 9.999L15 15v3.169l3.171-3.17z\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Internal Note</span>\n                    </button>\n\n                    <button\n                      onClick={handleClone}\n                      className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        height=\"24\"\n                      >\n                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                        <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Clone</span>\n                    </button>\n\n                    <button\n                      onClick={setTransferModalIsOpenToTrue}\n                      className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                        class=\"lucide lucide-share\"\n                      >\n                        <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" />\n                        <polyline points=\"16 6 12 2 8 6\" />\n                        <line x1=\"12\" x2=\"12\" y1=\"2\" y2=\"15\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Transfer</span>\n                    </button>\n\n                    <button\n                      onClick={() =>\n                        handleShopDelete(shopDetails.ZaplynShopRef)\n                      }\n                      className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        height=\"24\"\n                      >\n                        <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                        <path d=\"M4 8h16v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8zm2 2v10h12V10H6zm3 2h2v6H9v-6zm4 0h2v6h-2v-6zM7 5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2h5v2H2V5h5zm2-1v1h6V4H9z\" />\n                      </svg>\n\n                      <span className=\"mx-1\">Delete</span>\n                    </button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n      {/* Preview modal */}\n      <Modal\n        isOpen={previewModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setPreviewModalIsOpen(false)}\n      >\n        <button\n          onClick={setPreviewModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PreviewShopModal shopDetails={shopDetails} />\n      </Modal>\n\n      {/* share link modal */}\n      <Modal\n        isOpen={linkModalIsOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setLinkModalIsOpen(false)}\n      >\n        <button\n          onClick={setLinkModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"bg-white  p-6 rounded-md flex flex-col items-center\">\n          <div className=\"relative\">\n            <img src={qrCodeUrl} alt=\"QR code\" className=\"w-72 h-72\" />\n            <button\n              title=\"Download QR\"\n              className=\"absolute bottom-5 -right-3 shadow-md bg-pink-300 rounded-b-md rounded-l-md\"\n              onClick={handleDownloadQrCode}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24\"\n                height=\"24\"\n                className=\"h-8 w-8\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n              </svg>\n            </button>\n          </div>\n          <div className=\"w-full flex justify-center\">\n            <input\n              type=\"text\"\n              className=\"border border-pink-300 rounded-l-md text-sm p-2 md:w-80 text-gray-500\"\n              value={`https://zaplyn.link/shop/${shopDetails.ZaplynShopRef}`}\n              readOnly\n            />\n            <button\n              className=\" px-2 border border-pink-300 rounded-r-md flex active:bg-pink-300 transition duration-200 ease-in-out items-center space-x-1 text-gray-700 focus:outline-none\"\n              onClick={() => {\n                window.dataLayer.push({\n                  shop_id: shopDetails.ZaplynShopRef,\n                  shop_name: shopDetails.shopname,\n                  product_id: \"null\",\n                  product_name: \"null\",\n                  event: \"share_click\",\n                });\n                navigator.clipboard.writeText(\n                  \"https://zaplyn.link/shop/\" + shopDetails.ZaplynShopRef\n                );\n              }}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"20\"\n                height=\"20\"\n                className=\"w-4 h-4\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n              </svg>\n              <span className=\"text-xs\">Copy</span>\n            </button>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Edit Shop modal */}\n      <Modal\n        isOpen={modalIsOpen}\n        className=\"font-lexand max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setModalIsOpen(false)}\n      >\n        <button\n          onClick={setModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <EditShopModal\n          closeOnClick={setModalIsOpenToFalse}\n          shopData={shopDetails}\n          //   images={images}\n        />\n      </Modal>\n\n      {/* Internal note Modal */}\n      <Modal\n        isOpen={internalNoteModalIsOpen}\n        className=\"font-lexand max-w-md z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setInternalNoteModalIsOpen(false)}\n      >\n        <button\n          onClick={setInternalNoteModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n\n        <InternalNote\n          propsnote={shopDetails.note}\n          shopRef={shopDetails.ZaplynShopRef}\n          closeOnClick={setInternalNoteModalIsOpenToFalse}\n        />\n      </Modal>\n\n      {/* Transfer Modal */}\n      <Modal\n        isOpen={transferModalIsOpen}\n        className=\"font-lexand max-w-md z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setTransferModalIsOpen(false)}\n      >\n        <button\n          onClick={setTransferModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n\n        <TransferShopPopup\n          tile={shopDetails}\n          closeOnClick={setTransferModalIsOpenToFalse}\n        />\n      </Modal>\n\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n};\n\nexport default ShopTile;\n","export default \"data:image/jpeg;base64,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\"","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nfunction ErrorPage() {\n  return (\n    <section className=\"flex items-center h-full sm:p-16\">\n      <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 512 512\"\n          className=\"w-40 h-40 text-gray-600\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n          ></path>\n          <rect\n            width=\"176\"\n            height=\"32\"\n            x=\"168\"\n            y=\"320\"\n            fill=\"currentColor\"\n          ></rect>\n          <polygon\n            fill=\"currentColor\"\n            points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n          ></polygon>\n          <polygon\n            fill=\"currentColor\"\n            points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n          ></polygon>\n        </svg>\n        <p className=\"text-3xl\">\n          Looks like our services are currently offline\n        </p>\n        <Link to=\"/home\">\n          <p className=\"px-8 py-3 font-semibold rounded bg-violet-400 text-gray-900\">\n            Back to homepage\n          </p>\n        </Link>\n      </div>\n    </section>\n  );\n}\n\nexport default ErrorPage;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport getToken from \"../../Token\";\nimport getUsername from \"../../Account_Infomation/Username\";\nimport { convertToBase64, createTileRef } from \"../../../helper/helper\";\nimport imageCompression from \"browser-image-compression\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport CreateShopModal from \"./modal/CreateShopModal\";\nimport Modal from \"react-modal\";\nimport Endpoints from \"../../../api/endpoints\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport ErrImage from \"../../../assets/imageErr.jpg\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport ShopTile from \"./ShopTile\";\nimport { Link } from \"react-router-dom\";\nimport ErrorPage from \"../ErrorPage\";\nimport LoadingModal from \"../../popups/LoadingModal\";\nimport zaplynIconT1 from \"../../../assets/t1.svg\";\nimport zaplynIconT2 from \"../../../assets/t2.svg\";\nfunction UserShops() {\n  const curUser = getUsername();\n  const accesstoken = getToken();\n  const queryClient = useQueryClient();\n  const { productImages, setAvailableProducts } = useContext(GlobalContext);\n\n  //fetch shops\n  const {\n    isLoading: isShopsLoading,\n    data: shopsData,\n    isError: isShopsError,\n    error: shopsErr,\n  } = useQuery(\"shopsData\", Endpoints.FetchShops, {\n    refetchOnMount: true,\n    refetchOnWindowFocus: true,\n  });\n\n  //create shop modal\n  const [createModalIsOpen, setCreateModalIsOpen] = useState(false);\n  const setCreateModalIsOpenToFalse = () => {\n    setCreateModalIsOpen(false);\n  };\n\n  if (isShopsLoading) {\n    return <LoadingModal />;\n  }\n  if (isShopsError) {\n    return (\n      <div className=\"pt-24 flex flex-col items-center justify-centeri\">\n        <div className=\"flex items-center h-full sm:p-16 text-gray-700\">\n          <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              className=\"w-40 h-40 text-gray-600\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n              ></path>\n              <rect\n                width=\"176\"\n                height=\"32\"\n                x=\"168\"\n                y=\"320\"\n                fill=\"currentColor\"\n              ></rect>\n              <polygon\n                fill=\"currentColor\"\n                points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n              ></polygon>\n              <polygon\n                fill=\"currentColor\"\n                points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n              ></polygon>\n            </svg>\n            <p className=\"text-3xl\">\n              Looks like our services are currently offline\n            </p>\n            <div className=\"flex items-center \">\n              <img\n                src={zaplynIconT1}\n                alt=\"\"\n                className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n              />\n\n              <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n              <p className=\"text-lg bg-gradient-to-b from-purple-500 to-pink-500 text-transparent bg-clip-text text-center ml-2\">\n                We'll be back soon!\n              </p>\n              <img\n                src={zaplynIconT2}\n                alt=\"\"\n                className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n              />\n\n              <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // console.log(shopsData);\n  // console.log(isShopsError);\n  // console.log(shopsErr);\n\n  return (\n    <div className=\"pt-24 flex flex-col max-w-4xl mx-auto p-5\">\n      <ToastContainer autoClose={1500} />\n      {/* Create new Shop */}\n      <Link\n        to=\"/create-shop\"\n        className=\"flex gap-2 items-center justify-center cursor-pointer w-40 text-md md:text-md shadow-md px-6 py-1   bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n      >\n        Create\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          width=\"20\"\n          height=\"20\"\n        >\n          <path\n            d=\"M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z\"\n            fill=\"#878080\"\n          ></path>\n        </svg>\n      </Link>\n\n      {/* Available shops div */}\n      <div className=\"p-2 grid md:grid-cols-2 \">\n        {shopsData &&\n          Object.keys(shopsData).map((shopref) => (\n            <ShopTile key={shopref} shopDetails={shopsData[shopref]} />\n          ))}\n      </div>\n\n      {/* Create Shop Modal*/}\n      <Modal\n        isOpen={createModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setCreateModalIsOpen(false)}\n      >\n        <button\n          onClick={setCreateModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <CreateShopModal closeOnClick={setCreateModalIsOpenToFalse} />\n      </Modal>\n    </div>\n  );\n}\n\nexport default UserShops;\n","import * as AmazonCognitoIdentity from \"amazon-cognito-identity-js\";\n\nconst getReferralCode = () => {\n  // console.log(\"dsafasdf passes\");\n  var ReferralCode = \"Error Getting Referral Code\";\n\n  const poolData = {\n    UserPoolId: \"eu-west-2_PLEKK7M02\",\n    ClientId: \"3a4ot1guf8mf43f43ousl7noq0\",\n    // UserPoolId: \"eu-west-2_UXJYfjlKr\",\n    // ClientId: \"5k305rgnr1t5g9btchop69qfv8\",\n  };\n  const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);\n\n  const cognitoUser = userPool.getCurrentUser();\n\n  // Code to get users referral code\n\n  for (var key in cognitoUser.storage) {\n    var tmp = key.split(\".\");\n    if (tmp[tmp.length - 1] !== \"userData\") continue;\n    var res = JSON.parse(cognitoUser.storage[key]);\n    for (var i = 0; i < res.UserAttributes.length; i++) {\n      // console.log(res.UserAttributes[i], i);\n      if (res.UserAttributes[i][\"Name\"] === \"custom:ReferralCode\") {\n        // console.log(\"referral\");\n        // console.log(res.UserAttributes[i][\"Value\"]);\n        ReferralCode = res.UserAttributes[i][\"Value\"];\n      }\n    }\n  }\n\n  return ReferralCode;\n};\n\nexport default getReferralCode;\n","import * as Sentry from \"@sentry/browser\";\n\nconst isLocal = process.env.NODE_ENV === \"development\";\n\nexport function initSentry() {\n  if (isLocal) {\n    return;\n  }\n\n  Sentry.init({ dsn: \"https://5f83aa2e21064e47bab8a1f308f940eb@sentry.io/5185720\" });\n}\n\nexport function logError(error, errorInfo = null) {\n  if (isLocal) {\n    return;\n  }\n\n  Sentry.withScope((scope) => {\n    errorInfo && scope.setExtras(errorInfo);\n    Sentry.captureException(error);\n  });\n}\n\nexport function onError(error) {\n  let errorInfo = {};\n  let message = error.toString();\n\n  // Auth errors\n  if (!(error instanceof Error) && error.message) {\n    errorInfo = error;\n    message = error.message;\n    error = new Error(message);\n    // API errors\n  } else if (error.config && error.config.url) {\n    errorInfo.url = error.config.url;\n  }\n\n  logError(error, errorInfo);\n\n  alert(message);\n}","import React, { useState } from \"react\";\nimport { Auth } from \"aws-amplify\";\nimport { useNavigate } from \"react-router-dom\";\nimport { FormGroup, FormControl, FormLabel } from \"react-bootstrap\";\nimport { useFormFields } from \"../../lib/hooksLib\";\nimport { onError } from \"../../lib/errorLib\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport \"./ChangePassword.css\";\n\nconst ChangePassword = () => {\n  const currentUser = getUsername();\n  const navigate = useNavigate();\n  const [fields, handleFieldChange] = useFormFields({\n    password: \"\",\n    oldPassword: \"\",\n    confirmPassword: \"\",\n  });\n  const [isChanging, setIsChanging] = useState(false);\n\n  function validateForm() {\n    return (\n      fields.oldPassword.length > 0 &&\n      fields.password.length > 0 &&\n      fields.password === fields.confirmPassword\n    );\n  }\n\n  async function handleChangeClick(event) {\n    console.log(\"asdsad\");\n    event.preventDefault();\n\n    setIsChanging(true);\n    console.log(currentUser, fields.oldPassword, fields.password);\n\n    try {\n      const currentUser = await Auth.currentAuthenticatedUser();\n      await Auth.changePassword(\n        currentUser,\n        fields.oldPassword,\n        fields.password\n      );\n\n      navigate(\"/settings\");\n    } catch (error) {\n      onError(error);\n      setIsChanging(false);\n    }\n  }\n\n  return (\n    <div className=\" px-2  mx-2  rounded-lg  justify-items-center overflow-x-auto \">\n      <div className=\"EditPassword\">\n        <form onSubmit={handleChangeClick}>\n          <FormGroup bsSize=\"large\" controlId=\"oldPassword\">\n            <FormLabel>Old Password</FormLabel>\n            <FormControl\n              type=\"password\"\n              onChange={handleFieldChange}\n              value={fields.oldPassword}\n              className=\"my-2 focus:outline-none placeholder-gray-600 shadow-lg text-sm p-2 cursor-pointer w-full rounded-lg bg-yellow-200\"\n            />\n          </FormGroup>\n\n          <FormGroup bsSize=\"large\" controlId=\"password\">\n            <FormLabel>New Password</FormLabel>\n            <FormControl\n              type=\"password\"\n              onChange={handleFieldChange}\n              value={fields.password}\n              className=\"my-2 focus:outline-none placeholder-gray-600 shadow-lg text-sm p-2 cursor-pointer w-full rounded-lg bg-yellow-200\"\n            />\n          </FormGroup>\n          <FormGroup bsSize=\"large\" controlId=\"confirmPassword\">\n            <FormLabel>Confirm Password</FormLabel>\n            <FormControl\n              type=\"password\"\n              onChange={handleFieldChange}\n              value={fields.confirmPassword}\n              className=\"my-2 focus:outline-none placeholder-gray-600 shadow-lg text-sm p-2 cursor-pointer w-full rounded-lg bg-yellow-200\"\n            />\n            <div className=\"pb-2\"></div>\n          </FormGroup>\n          {/* <LoaderButton\n            block\n            type=\"submit\"\n            bsSize=\"large\"\n            disabled={!validateForm()}\n            isLoading={isChanging}\n            className=\" w-48 h-8 rounded-sm shadow-lg focus:outline-none cursor-pointer hover:bg-red-800 hover:text-white bg-yellow-400 text-sm font-semibold flex-shrink\"\n          >\n            Change Password\n          </LoaderButton> */}\n          <button\n            onClick={handleChangeClick}\n            className=\"mt-5 p-2 w-40 button cursor-pointer text-center hover:text-white flex items-center justify-center shadow-lg font-semibold hover:bg-red-800 focus:outline-none rounded-full h-8 bg-yellow-400\"\n          >\n            {\" \"}\n            Change Password\n          </button>\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport default ChangePassword;\n","import { useState } from \"react\";\n\nexport function useFormFields(initialState) {\n  const [fields, setValues] = useState(initialState);\n\n  return [\n    fields,\n    function(event) {\n      setValues({\n        ...fields,\n        [event.target.id]: event.target.value\n      });\n    }\n  ];\n}","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport CheckoutForm from \"./Pages/CheckoutForm\";\nimport getToken from \"./Token\";\nimport { useState, useEffect, useContext } from \"react\";\nimport Api from \"../config/Api.json\";\nimport fernet from \"fernet\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { Buffer } from \"buffer\";\nimport { GlobalContext } from \"./GlobalContext\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport tz from \"dayjs/plugin/timezone\";\nimport ReactPaginate from \"react-paginate\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport Cashout_Page from \"./Pages/Cashout_Page\";\n\nwindow.Buffer = Buffer;\ndayjs.extend(utc);\ndayjs.extend(tz);\n\nconst PaymentMethods = (props) => {\n  const queryClient = useQueryClient();\n  const accesstoken = getToken();\n  const currentusername = getUsername();\n  const [data, setData] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const [de, setDe] = useState(\"\");\n  const [type, setType] = useState(\"\");\n  const [last4, setLast4] = useState(\"\");\n  const [exp_month, setExp_month] = useState(\"\");\n  const [exp_year, setExp_year] = useState(\"\");\n  const [code, setCode] = useState(\"\");\n  const [saved, setSaved] = useState(\"no\");\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const { userData } = useContext(GlobalContext);\n  const [isPaymentTabOpen, setIsPaymentTabOpen] = useState(true);\n  const timeZone = dayjs.tz.guess();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n\n  const handleAddPaymentMethod = async () => {\n    try {\n      setIsLoading(true);\n      const response = await fetch(link + \"save-card/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-type\": \"application/json; charset=UTF-8\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({ user: currentusername }),\n      });\n      const json = await response.json();\n      if (json) {\n        window.location.href = json[\"url\"];\n        window.dataLayer.push({\n          userId: currentusername,\n          event: \"add_payment_method\",\n        });\n      }\n    } catch (error) {\n      toast(\"Something went wrong!\");\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const getPaymentMethods = async () => {\n    const acstoken = getToken();\n    try {\n      const response = await fetch(link + \"get-payment-methods/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + acstoken,\n        },\n        body: JSON.stringify({ user: currentusername }),\n      });\n\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(\"Error\", error);\n    }\n  };\n\n  // payment methods\n  const {\n    isLoading: isPaymentMethodsLoading,\n    data: paymentMehodsData,\n    isError: isPaymentMethodsError,\n    error: paymentMethodsErr,\n  } = useQuery(\"paymentMehodsData\", getPaymentMethods, {\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n\n  // payment history/records\n\n  const [page, setPage] = useState(0);\n  const [pageOffset, setPageOffset] = useState(0);\n\n  const getPaymentRecords = async (pageNo = 1) => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}` +\n          \"payment-records/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: currentusername,\n            page: pageNo + 1,\n          }),\n        }\n      );\n\n      const json = await response.json();\n      // console.log(json);\n      if (json) {\n        return json;\n      }\n    } catch (error) {}\n  };\n  // payment records\n  const {\n    isLoading: isPaymentRecordsLoading,\n    data: paymentRecordsData,\n    isError: isPaymentRecordsError,\n    error: paymentRecordsErr,\n    isFetching: isPaymentRecordsDataFetching,\n    isPreviousData: isPrevPaymentRecordsData,\n  } = useQuery(\n    [\"paymentRecordsData\", { pageOffset }],\n    () => getPaymentRecords(pageOffset),\n    {\n      keepPreviousData: true,\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n    }\n  );\n\n  const handlePageChange = (e) => {\n    setPageOffset(e.selected);\n  };\n\n  const pagesArray = Array(\n    paymentRecordsData?.find((item) => item.hasOwnProperty(\"pages\")).pages\n  )\n    .fill()\n    .map((_, index) => index + 1);\n\n  const submitHandler2 = () => {\n    setIsPaymentTabOpen(true);\n  };\n\n  const removeItem = (index) => {\n    setData([...data.slice(0, index - 1), ...data.slice(index)]);\n  };\n\n  const handleListPaymentButton = async () => {\n    setIsPaymentTabOpen(false);\n  };\n\n  const handleRemovePaymentMethod = async (data) => {\n    let accesstoken = getToken();\n    var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n    var token = new fernet.Token({\n      secret: secret,\n    });\n    try {\n      if (data.sort_code === \"undefined\") {\n        window.dataLayer.push({\n          user_id: currentusername,\n          event: \"remove_payment_method\",\n        });\n\n        const response = await fetch(link + \"delete-payment-method/\", {\n          method: \"POST\",\n          body: JSON.stringify({\n            user: token.encode(currentusername),\n            type: token.encode(data.type),\n            last4: token.encode(data.last4),\n            exp_month: token.encode(data.exp_month),\n            exp_year: token.encode(data.exp_year),\n            sort_code: token.encode(\"null\"),\n          }),\n          headers: {\n            \"Content-type\": \"application/json; charset=UTF-8\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n        });\n        const json = await response.json();\n        if (json) {\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        }\n      } else {\n        const response = await fetch(link + \"delete-payment-method/\", {\n          method: \"POST\",\n          body: JSON.stringify({\n            user: token.encode(currentusername),\n            type: token.encode(data.type),\n            last4: token.encode(data.last4),\n            exp_month: token.encode(\"null\"),\n            exp_year: token.encode(\"null\"),\n            sort_code: token.encode(data.sort_code),\n          }),\n          headers: {\n            \"Content-type\": \"application/json; charset=UTF-8\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n        });\n        const json = await response.json();\n        if (json) {\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        }\n      }\n\n      await queryClient.invalidateQueries([\"paymentMehodsData\"]);\n    } catch (error) {\n      toast(\"Something went wrong!\");\n    }\n  };\n\n  const handleSetToDefault = async (data) => {\n    try {\n      let accesstoken = getToken();\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n      });\n      if (data.sort_code === \"undefined\") {\n        await fetch(link + \"set-default-payment/\", {\n          method: \"POST\",\n          body: JSON.stringify({\n            user: token.encode(currentusername),\n            type: token.encode(data.type),\n            last4: token.encode(data.last4),\n            exp_month: token.encode(data.exp_month),\n            exp_year: token.encode(data.exp_year),\n            sort_code: token.encode(\"null\"),\n          }),\n          headers: {\n            \"Content-type\": \"application/json; charset=UTF-8\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n        })\n          .then((response) => response.json())\n          .then((json) =>\n            toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"))\n          );\n\n        setDe(\"Default\");\n        setType(data.type);\n        setLast4(data.last4);\n        setCode(\"null\");\n        setExp_month(data.exp_month);\n        setExp_year(data.exp_year);\n      } else {\n        await fetch(link + \"set-default-payment/\", {\n          method: \"POST\",\n          body: JSON.stringify({\n            user: token.encode(currentusername),\n            type: token.encode(data.type),\n            last4: token.encode(data.last4),\n            exp_month: token.encode(\"null\"),\n            exp_year: token.encode(\"null\"),\n            sort_code: token.encode(data.sort_code),\n          }),\n          headers: {\n            \"Content-type\": \"application/json; charset=UTF-8\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n        })\n          .then((response) => response.json())\n          .then((json) =>\n            toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"))\n          );\n        setDe(\"Default\");\n        setType(data.type);\n        setLast4(data.last4);\n        setCode(data.sort_code);\n        setExp_month(\"null\");\n        setExp_year(\"null\");\n      }\n      await queryClient.invalidateQueries([\"paymentMehodsData\"]);\n    } catch (error) {\n      toast(\"Something went wrong!\");\n    }\n  };\n\n  useEffect(() => {\n    let accesstoken = getToken();\n\n    fetch(link + \"set-default-payment2/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-type\": \"application/json; charset=UTF-8\",\n        Authorization: \"Bearer \" + accesstoken,\n      },\n      body: JSON.stringify({ user: currentusername }),\n    })\n      .then((response) => response.json())\n      .then((json) => {\n        if (\n          json[\"Notification-text\"] ===\n          \"Added payment method is now setup for future transactions.\"\n        ) {\n          queryClient.invalidateQueries([\"paymentMehodsData\"]);\n          toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        }\n      });\n\n    handleListPaymentButton();\n  }, []);\n\n  useEffect(() => {\n    if (paymentMehodsData) {\n      if (paymentMehodsData.status) {\n        return;\n      }\n      // console.log(json);\n      var secret = new fernet.Secret(process.env.REACT_APP_FERNET_KEY);\n      var token = new fernet.Token({\n        secret: secret,\n        token: String(paymentMehodsData),\n        ttl: 0,\n      });\n      try {\n        var result = token.decode();\n        const resObj = JSON.parse(result);\n        var count = Object.keys(resObj).length;\n        setData([]);\n        for (let i = 1; i < count + 1; i++) {\n          setData((data) => [\n            ...data,\n            {\n              id: i,\n              type: resObj[i][\"type\"],\n              last4: String(resObj[i][\"last4\"]),\n              exp_month: String(resObj[i][\"exp_month\"]),\n              exp_year: String(resObj[i][\"exp_year\"]),\n              sort_code: String(resObj[i][\"sort_code\"]),\n              default: resObj[i][\"default\"],\n            },\n          ]);\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    }\n  }, [paymentMehodsData]);\n\n  return (\n    <section className=\"py-5 flex flex-col items-center justify-between max-w-4xl mx-auto\">\n      <h2 className=\" text-xl font-medium\">Payment Methods</h2>\n\n      <div className=\"flex flex-col w-full p-2 items-center\">\n        <div className=\"flex flex-wrap gap-4 w-full justify-center \">\n          {data?.map((data) => (\n            <div key={data.id}>\n              <div className=\" flex flex-col gap-2 items-center border border-pink-300 rounded-md p-3 \">\n                <p className=\"text-lg pt-2\">\n                  {data.type} ***{data.last4}{\" \"}\n                  {data.exp_year === \"undefined\" ? \"\" : data.exp_year + \"/\"}\n                  {data.exp_month === \"undefined\" ? \"\" : data.exp_month}{\" \"}\n                  {data.sort_code === \"undefined\"\n                    ? \"\"\n                    : \"Sort Code: \" + data.sort_code + \" \"}{\" \"}\n                </p>\n                <div className=\"flex gap-2 items-center p-2 \">\n                  <button\n                    className=\"px-2 bg-gradient-to-b from-purple-200 to-pink-300 to-20%  rounded-md text-sm   font-semibold text-gray-600 shadow-md \"\n                    onClick={() => handleRemovePaymentMethod(data)}\n                  >\n                    Remove\n                  </button>\n                  <button\n                    className=\"px-2 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-md  text-sm  font-semibold text-gray-600 shadow-md w-32\"\n                    onClick={() => {\n                      handleSetToDefault(data);\n                    }}\n                  >\n                    {data.default === \"Default\" ? \"Default\" : \"Set As Default\"}\n                  </button>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n        <button\n          onClick={handleAddPaymentMethod}\n          className=\"py-1 px-4 mt-5 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full text-xs font-semibold text-gray-600 shadow-md  w-48 \"\n        >\n          {!isLoading ? (\n            <p>Add Payment Method</p>\n          ) : (\n            <div className=\"flex items-center justify-center\">\n              <div className=\"flex items-center justify-between w-4 h-4 border-4 border-pink-400 border-dashed rounded-full animate-spin \"></div>\n            </div>\n          )}\n        </button>\n      </div>\n    </section>\n  );\n};\n\nexport default PaymentMethods;\n","import { Link } from \"react-router-dom\";\nimport { Auth } from \"aws-amplify\";\nimport getEmail from \"../Account_Infomation/RegEmail\";\nimport getReferralCode from \"../Account_Infomation/referralCode\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport Modal from \"react-modal\";\nimport ChangePassword from \"./ChangePassword\";\n\nimport getToken from \"../Token\";\nimport { GlobalContext } from \"../GlobalContext\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport { useQueryClient } from \"react-query\";\nimport PaymentMethods from \"../payment-methods\";\n\nconst Your_Account = () => {\n  const queryClient = useQueryClient();\n  const customStyles = {\n    overlay: {\n      background: \"rgba(52, 52, 52, 0.8)\",\n      overflow: \"scroll\",\n      align: \"center\",\n    },\n\n    content: {\n      top: \"50%\",\n      left: \"50%\",\n      right: \"auto\",\n      bottom: \"auto\",\n      marginRight: \"-50%\",\n      transform: \"translate(-50%, -50%)\",\n      backgroundColor: \"#FFFFFF\",\n      marginTop: \"15%\",\n    },\n  };\n\n  const [showUpgradeTile, setShowUpgradeTile] = useState(false);\n  const [subscriptionLoading, setSubscriptionLoading] = useState(false);\n  const [updateSubscriptionLoading, setUpdateSubscriptionLoading] =\n    useState(false);\n\n  const { userData, userAvatar, setUserAvatar, userAvatarArray } =\n    useContext(GlobalContext);\n\n  // console.log(userData);\n  const [selectedAvatar, setSelectedAvatar] = useState(userAvatar);\n\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const setModalIsOpenToTrue = () => {\n    setModalIsOpen(true);\n  };\n\n  const setModalIsOpenToFalse = () => {\n    setModalIsOpen(false);\n  };\n\n  // avatar modal\n  const [avatarModalIsOpen, setAvatarModalIsOpen] = useState(false);\n  const setAvatarModalIsOpenToTrue = () => {\n    setAvatarModalIsOpen(true);\n  };\n\n  const setAvatarModalIsOpenToFalse = () => {\n    setAvatarModalIsOpen(false);\n  };\n\n  const handleAvatarChange = async () => {\n    const accesskeytoken = getToken();\n    const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n    const response = await fetch(link + \"set-user-data/\", {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: \"Bearer \" + accesskeytoken,\n      },\n      body: JSON.stringify({\n        user: userData.username,\n        logo: selectedAvatar,\n      }),\n    });\n\n    const json = await response.json();\n\n    if (json) {\n      toast(json[\"Notification-text\"]);\n      await queryClient.invalidateQueries(\"userDetails\");\n    }\n  };\n\n  const handleSubscribePremium = async () => {\n    const accesstoken = getToken();\n    const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n    const username = getUsername();\n    window.dataLayer.push({\n      user_id: username,\n      event: \"subscription\",\n    });\n    try {\n      setSubscriptionLoading(true);\n      const response = await fetch(link + \"premium-purchase/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: username,\n        }),\n      });\n\n      const json = await response.json();\n\n      if (json) {\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        await queryClient.invalidateQueries(\"userDetails\");\n        setShowUpgradeTile(false);\n      }\n    } catch (error) {\n      toast(\"Something went wrong! Please try again later.\");\n      // console.log(\"error\", error);\n    } finally {\n      setSubscriptionLoading(false);\n    }\n  };\n\n  const handleRenewSubscription = async () => {\n    const accesstoken = getToken();\n    const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n    const username = getUsername();\n    try {\n      setUpdateSubscriptionLoading(true);\n      const response = await fetch(link + \"renew-premium/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: username,\n        }),\n      });\n\n      const json = await response.json();\n\n      if (json) {\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        await queryClient.invalidateQueries(\"userDetails\");\n      }\n    } catch (error) {\n      toast(\"Something went wrong! Please try again later.\");\n      // console.log(\"error\", error);\n    } finally {\n      setUpdateSubscriptionLoading(false);\n    }\n  };\n\n  const handleCancelSubscription = async () => {\n    const accesstoken = getToken();\n    const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n    const username = getUsername();\n    try {\n      setUpdateSubscriptionLoading(true);\n      const response = await fetch(link + \"cancel-premium/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          user: username,\n        }),\n      });\n\n      const json = await response.json();\n\n      if (json) {\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        await queryClient.invalidateQueries(\"userDetails\");\n      }\n    } catch (error) {\n      console.log(\"error\", error);\n    } finally {\n      setUpdateSubscriptionLoading(false);\n    }\n  };\n\n  Auth.currentAuthenticatedUser()\n    .then((user) => {\n      return Auth.changePassword(user, \"oldPassword\", \"newPassword\");\n    })\n    .then((data) => console.log())\n    .catch((err) => console.log());\n  // Auth.currentAuthenticatedUser()\n  //   .then((user) => {\n  //     return Auth.changePassword(user, \"oldPassword\", \"newPassword\");\n  //   })\n  //   .then((data) => console.log(data))\n  //   .catch((err) => console.log(err));\n\n  useEffect(() => {\n    async function invalidateUserDetails() {\n      await queryClient.invalidateQueries(\"userDetails\");\n    }\n\n    invalidateUserDetails();\n  }, []);\n\n  return (\n    <div className=\" pt-24 min-h-screen pb-12 \">\n      <ToastContainer autoClose={3000} />\n      <div className=\" \">\n        <div className=\"title-container text-center block uppercase tracking-wide text-gray-700 text-xl font-bold mb-2\">\n          <h1>Your Account Details</h1>\n        </div>\n\n        <div className=\"max-w-lg p-2 mx-auto  text-gray-900 \">\n          <div className=\"sm:flex sm:space-x-2  \">\n            <div className=\"flex flex-col items-center justify-center w-full sm:h-32 mb-6 sm:mb-0\">\n              <img\n                src={\n                  userAvatar ||\n                  \"https://zaplynimages.s3.eu-west-2.amazonaws.com/zaplyn_avatar_placeholder.svg\"\n                }\n                alt=\"\"\n                className=\"object-cover object-center w-32  rounded-full bg-gray-500\"\n              />\n              <p\n                className=\"text-center cursor-pointer bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text\"\n                onClick={setAvatarModalIsOpenToTrue}\n              >\n                {\" \"}\n                Edit\n              </p>\n            </div>\n            <div className=\"flex flex-col space-y-4 w-full\">\n              <div className=\" flex items-center justify-between gap-4\">\n                <div>\n                  <h2 className=\"text-2xl font-semibold\">\n                    {userData && userData?.username?.startsWith(\"google\")\n                      ? userData?.name\n                      : userData?.username}\n                  </h2>\n                  {userData?.premium ? (\n                    <span className=\"text-xs text-green-400\">Premium User</span>\n                  ) : (\n                    <span className=\"text-xs text-blue-400\">Free User</span>\n                  )}\n                </div>\n              </div>\n              <div className=\"space-y-1\">\n                <span className=\"flex items-center space-x-2\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 512 512\"\n                    aria-label=\"Email address\"\n                    className=\"w-4 h-4\"\n                  >\n                    <path\n                      fill=\"currentColor\"\n                      d=\"M274.6,25.623a32.006,32.006,0,0,0-37.2,0L16,183.766V496H496V183.766ZM464,402.693,339.97,322.96,464,226.492ZM256,51.662,454.429,193.4,311.434,304.615,256,268.979l-55.434,35.636L57.571,193.4ZM48,226.492,172.03,322.96,48,402.693ZM464,464H48V440.735L256,307.021,464,440.735Z\"\n                    ></path>\n                  </svg>\n                  <span className=\"text-gray-500\">{userData?.email}</span>\n                </span>\n                <span className=\"flex items-center space-x-2\">\n                  <span className=\"text-gray-500\">Referral Code: </span>\n                  <span>{userData?.[\"custom:ReferralCode\"]}</span>\n                </span>\n              </div>\n            </div>\n          </div>\n          <div className=\" flex items-center justify-around mt-2 gap-5 w-full\">\n            {/* <Link to=\"/home\">\n              <button className=\"flex justify-center gap-1 py-1 px-4 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full text-xs font-semibold text-gray-600 shadow-md  my-5\">\n                Back\n              </button>\n            </Link> */}\n            <button\n              className=\"py-1 px-4 bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full text-xs font-semibold text-gray-600 shadow-md \"\n              onClick={setModalIsOpenToTrue}\n            >\n              Change Password\n            </button>\n\n            {userData?.premium && !userData.cancelled && (\n              <button\n                onClick={handleCancelSubscription}\n                className=\"text-xs font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text rounded-xl shadow-md px-4 p-2 w-40\"\n              >\n                {!updateSubscriptionLoading ? (\n                  <p>Cancel Subscription</p>\n                ) : (\n                  <div className=\"flex items-center justify-center\">\n                    <div className=\"flex items-center justify-between w-4 h-4 border-4 border-pink-400 border-dashed rounded-full animate-spin \"></div>\n                  </div>\n                )}\n              </button>\n            )}\n            {userData?.premium &&\n              userData.cancelled &&\n              userData.expiry_date && (\n                <button\n                  onClick={handleRenewSubscription}\n                  className=\"text-xs font-bold bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text rounded-xl shadow-md px-4 p-2  w-40\"\n                >\n                  {!updateSubscriptionLoading ? (\n                    <p>Renew Subscription</p>\n                  ) : (\n                    <div className=\"flex items-center justify-center\">\n                      <div className=\"flex items-center justify-between w-4 h-4 border-4 border-pink-400 border-dashed rounded-full animate-spin \"></div>\n                    </div>\n                  )}\n                </button>\n              )}\n          </div>\n          {/* {userData?.premium && userData?.purchase_date && (\n            <p className=\"text-xs my-4 mt-6 flex justify-center\">\n              Purchase Date: {userData?.purchase_date}\n            </p>\n          )} */}\n\n          {userData?.premium &&\n            !userData?.cancelled &&\n            !!userData?.next_billing_date && (\n              <p className=\"text-xs my-4  flex justify-center\">\n                Next Billing Date: {userData?.next_billing_date}\n              </p>\n            )}\n          {userData?.premium &&\n            userData?.cancelled &&\n            !!userData?.expiry_date && (\n              <p className=\"text-xs my-4  flex justify-center\">\n                Expiry Date: {userData?.expiry_date}\n              </p>\n            )}\n        </div>\n      </div>\n\n      <PaymentMethods />\n\n      {!userData?.premium && (\n        <div className=\"py-5 font-lexand  text-gray-800\">\n          <div className=\"container px-4 mx-auto\">\n            <div className=\"max-w-2xl mx-auto mb-5 text-center\">\n              <span className=\"font-bold tracking-wider uppercase text-violet-400\">\n                Pricing\n              </span>\n              <h2 className=\"text-4xl font-bold lg:text-5xl\">\n                Choose your best plan\n              </h2>\n            </div>\n            <div className=\"flex flex-col md:flex-row items-center justify-center p-1\">\n              <div className=\"flex p-1 w-full mb-2 sm:px-4 md:justify-end  lg:mb-0\">\n                <div className=\"flex flex-col items-center  w-full lg:w-3/4 p-6  border border-pink-300  space-y-6 rounded-lg shadow   sm:p-8 \">\n                  <div className=\"space-y-2\">\n                    <h4 className=\"text-2xl font-bold\">Free</h4>\n                    <span className=\"text-6xl font-bold\">Free</span>\n                  </div>\n                  {/* <p className=\"mt-3 leading-relaxed text-gray-400\">\n                      Etiam ac convallis enim, eget euismod dolor.\n                    </p> */}\n                  <ul className=\"flex-1 mb-6 text-gray-400\">\n                    <li className=\"flex mb-2 space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Upto 5 products</span>\n                    </li>\n                    <li className=\"flex mb-2 space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Unlimited Orders</span>\n                    </li>\n                    <li className=\"flex mb-2 space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#70ab77\"\n                        className=\"flex-shrink-0 w-6 h-6 text-violet-400\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Zaplyn fees: 2.5% + 25p</span>\n                    </li>\n                  </ul>\n                  <button className=\"mt-4 inline-block w-full py-3 font-bold tracking-wider text-center text-gray-400 rounded-xl shadow-md px-6\">\n                    Active\n                  </button>\n                </div>\n              </div>\n              <div className=\"flex  p-1 w-full mb-2 sm:px-4   lg:mb-0\">\n                <div className=\"flex flex-col items-center border border-pink-300   w-full lg:w-3/4  p-6 space-y-6 rounded-lg shadow sm:p-8   text-gray-900\">\n                  <div className=\"space-y-2\">\n                    <h4 className=\"text-2xl font-bold\">Premium</h4>\n                    <span className=\"text-4xl font-bold\">\n                      £5.99\n                      <span className=\"text-sm tracking-wide\">/month</span>\n                    </span>\n                  </div>\n                  {/* <p className=\"leading-relaxed\">\n                      Morbi cursus ut sapien sit amet consectetur.\n                    </p> */}\n                  <ul className=\"flex-1 space-y-2\">\n                    <li className=\"flex items-center space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#19d732\"\n                        className=\"flex-shrink-0 w-6 h-6\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Everything in Free</span>\n                    </li>\n                    <li className=\"flex items-center space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#19d732\"\n                        className=\"flex-shrink-0 w-6 h-6\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Unlimited products</span>\n                    </li>\n                    <li className=\"flex items-center space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#19d732\"\n                        className=\"flex-shrink-0 w-6 h-6\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Zaplyn Fees: 2.5% + 25p </span>\n                    </li>\n                    <li className=\"flex items-center space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#19d732\"\n                        className=\"flex-shrink-0 w-6 h-6\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Unlimited Shops</span>\n                    </li>\n                    <li className=\"flex items-center space-x-2\">\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"#19d732\"\n                        className=\"flex-shrink-0 w-6 h-6\"\n                      >\n                        <path\n                          fillRule=\"evenodd\"\n                          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                      <span>Customer support 24/7</span>\n                    </li>\n                  </ul>\n                  {!userData?.premium && userData?.defaultExist === \"No\" && (\n                    <button\n                      onClick={() =>\n                        toast(\"Please Add a Payement Method to continue!\")\n                      }\n                      className=\"mt-4 inline-block w-full py-3 font-bold tracking-wider text-center bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text rounded-xl shadow-md px-6\"\n                    >\n                      Upgrade Now!\n                    </button>\n                  )}\n\n                  {!userData?.premium && userData?.defaultExist === \"Yes\" && (\n                    <button\n                      onClick={handleSubscribePremium}\n                      className=\"mt-4 inline-block w-full py-3 font-bold tracking-wider justify-center text-center bg-gradient-to-br from-purple-300 to-pink-500 text-transparent bg-clip-text rounded-xl shadow-md px-6\"\n                    >\n                      {subscriptionLoading ? (\n                        <div className=\"flex items-center justify-center\">\n                          <div className=\"flex items-center justify-between w-6 h-6 border-4 border-pink-400 border-dashed rounded-full animate-spin \"></div>\n                        </div>\n                      ) : (\n                        \"Get Started\"\n                      )}\n                    </button>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {userData?.premium && (\n        <div className=\"flex items-center justify-center p-1 max-w-sm mx-auto sm:px-4 mt-5\">\n          <div className=\"flex flex-col items-center border border-pink-300   p-6 space-y-6 rounded-lg shadow sm:p-8   text-gray-900\">\n            <div className=\"space-y-2\">\n              <h4 className=\"text-2xl font-bold\">Premium</h4>\n              <span className=\"text-4xl font-bold\">\n                £5.99\n                <span className=\"text-sm tracking-wide\">/month</span>\n              </span>\n            </div>\n            {/* <p className=\"leading-relaxed\">\n                      Morbi cursus ut sapien sit amet consectetur.\n                    </p> */}\n            <ul className=\"flex-1 space-y-2\">\n              <li className=\"flex items-center space-x-2\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"#19d732\"\n                  className=\"flex-shrink-0 w-6 h-6\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  ></path>\n                </svg>\n                <span>Everything in Free</span>\n              </li>\n              <li className=\"flex items-center space-x-2\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"#19d732\"\n                  className=\"flex-shrink-0 w-6 h-6\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  ></path>\n                </svg>\n                <span>Unlimited products</span>\n              </li>\n              <li className=\"flex items-center space-x-2\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"#19d732\"\n                  className=\"flex-shrink-0 w-6 h-6\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  ></path>\n                </svg>\n                <span>Zaplyn Fees: 2.5% + 25p </span>\n              </li>\n              <li className=\"flex items-center space-x-2\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"#19d732\"\n                  className=\"flex-shrink-0 w-6 h-6\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  ></path>\n                </svg>\n                <span>Unlimited Shops</span>\n              </li>\n              <li className=\"flex items-center space-x-2\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"#19d732\"\n                  className=\"flex-shrink-0 w-6 h-6\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  ></path>\n                </svg>\n                <span>Customer support 24/7</span>\n              </li>\n            </ul>\n            <div className=\"flex items-center space-x-2\">\n              <p className=\"font-bold\">Subscribed</p>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* password modal */}\n      <Modal\n        isOpen={modalIsOpen}\n        style={customStyles}\n        onRequestClose={() => setModalIsOpen(false)}\n      >\n        <button\n          onClick={setModalIsOpenToFalse}\n          className=\" px-2 pb-1 button rounded-lg shadow-lg focus:outline-none cursor-pointer hover:bg-red-800 hover:text-white bg-yellow-400 text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <ChangePassword onClick={setModalIsOpenToFalse} />\n      </Modal>\n\n      {/* avatar modal */}\n      <Modal\n        isOpen={avatarModalIsOpen}\n        className=\" max-w-md z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setAvatarModalIsOpen(false)}\n      >\n        <button\n          onClick={setAvatarModalIsOpenToFalse}\n          className=\"flex justify-start mb-1  px-2 pb-1 button rounded-lg shadow-lg focus:outline-none cursor-pointer hover:bg-red-800 hover:text-white bg-yellow-400 text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"bg-white p-5 rounded-xl\">\n          <div className=\"grid grid-cols-5 gap-2 mb-2 justify-items-center\">\n            {userAvatarArray.map((item) => (\n              <img\n                key={item.id}\n                onClick={() => setSelectedAvatar(item.url)}\n                src={item.url}\n                alt=\"\"\n                className={`w-16 h-16 rounded-full cursor-pointer p-1 ${\n                  selectedAvatar === item.url ? \"opacity-30\" : \"\"\n                }`}\n              />\n            ))}\n          </div>\n\n          <div className=\"flex items-center justify-center space-x-4\">\n            <button\n              onClick={() => {\n                setAvatarModalIsOpen(false);\n                setSelectedAvatar(userAvatar);\n              }}\n              className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n            >\n              cancel\n            </button>\n            <button\n              onClick={() => {\n                handleAvatarChange();\n                setUserAvatar(selectedAvatar);\n\n                setAvatarModalIsOpenToFalse();\n              }}\n              className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n            >\n              save\n            </button>\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nexport default Your_Account;\n","import React, { useState } from \"react\";\nimport { useQueryClient } from \"react-query\";\nimport getToken from \"../Token\";\nimport { createTileRef } from \"../../helper/helper\";\n\nfunction TransferProductPopup({ tile, closeOnClick }) {\n  const queryClient = useQueryClient();\n  const [transferTo, setTransferTo] = useState(\"\");\n  const [isEditable, setIsEditable] = useState(false);\n\n  //   cancel button func\n  const handleCancelClick = () => {\n    setTransferTo(\"\");\n    setIsEditable(false);\n    closeOnClick();\n  };\n\n  //   save button func\n  const handleSubmit = async (e) => {\n    e.preventDefault(); //prevents refreshing page\n    // console.log(internalNote);\n    const newTileref = createTileRef();\n\n    const content = {\n      author: transferTo,\n      attribute: tile.attribute,\n      totalprice: tile.total_price,\n      itemname: tile.itemname,\n      desc: tile.description,\n      body: tile.retail_price,\n      body2: tile.shipping_price,\n      color: tile.color,\n      size: tile.size,\n      qty: tile.quantity,\n      images: tile.images.toString(),\n      subject: tile.category,\n      sub_category: tile.sub_category,\n      ZaplynTileRef: newTileref,\n      link_enabled: tile.link_enabled,\n      variant: tile.variant,\n      show_variant: tile.show_variant,\n      add_ons: tile.add_ons,\n      etm_date: tile.etm_date,\n      currency: tile.currency,\n      attribute_1: tile.attribute_1,\n      attribute_2: tile.attribute_2,\n      attribute_3: tile.attribute_3,\n      attribute_4: tile.attribute_4,\n      attribute_5: tile.attribute_5,\n    };\n    const accesstoken = getToken();\n    const response = await fetch(\n      `https://omnistack.org${process.env.REACT_APP_LINK}message-create/`,\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify(content),\n      }\n    );\n\n    const res = await response.json();\n\n    if (res) {\n      await queryClient.invalidateQueries([\"productsData\"]);\n      await queryClient.invalidateQueries([\"filteredProductsData\"]);\n      await queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n    }\n\n    closeOnClick();\n  };\n\n  return (\n    <div>\n      <div className=\"bg-white p-4 rounded-lg\">\n        <div className=\"flex flex-col gap-2 md:gap-4 \">\n          <div className=\"\">\n            <label\n              className=\"text-black flex text-xs \"\n              htmlFor=\"shopownerusername\"\n            >\n              Username\n            </label>\n            <input\n              id=\"shopownerusername\"\n              className={`focus:outline-none p-2  shadow-md border placehol border-pink-300 rounded-md h-10  w-full text-left text-sm  `}\n              type=\"Text\"\n              required\n              value={transferTo}\n              onChange={(e) => setTransferTo(e.target.value)}\n              placeholder=\"Add username*\"\n              rows=\"1\"\n              maxLength={50}\n            />{\" \"}\n          </div>\n\n          <div className=\"flex gap-2 text-sm\">\n            <button\n              onClick={handleCancelClick}\n              className=\"px-6 py-0.5 rounded-full text-gray-700 border hover:bg-gray-100 \"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              className=\" cursor-pointer  px-6 py-0.5   bg-gradient-to-b from-purple-200 to-pink-300 to-20% rounded-full\"\n            >\n              Save\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TransferProductPopup;\n","import \"./CardsCarousel.css\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\nimport { Carousel } from \"react-responsive-carousel\";\n\nimport { useState, useRef, useEffect, useContext } from \"react\";\nimport Modal from \"react-modal\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport PostMessagePopup2 from \"../../PostMessagePopup2\";\nimport QRCode from \"qrcode\";\nimport Preview from \"../../popups/Preview\";\nimport InternalNote from \"../../popups/InternalNote\";\nimport Endpoints from \"../../../api/endpoints\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport toggleSvgOn from \"../../../assets/icons/toggle-line.svg\";\nimport toggleSvgOff from \"../../../assets/icons/toggle-fill.svg\";\nimport { createTileRef } from \"../../../helper/helper\";\nimport { useMutation, useQueryClient } from \"react-query\";\nimport LoadingModal from \"../../popups/LoadingModal\";\nimport TransferProductPopup from \"../../popups/transfer-product-popup\";\n\nconst Cards = ({ message, images }) => {\n  const queryClient = useQueryClient();\n\n  const { isProdImagesLoading } = useContext(GlobalContext);\n\n  const [settingsToggle, setSettingsToggle] = useState(false);\n  const [qrCodeUrl, setQrCodeUrl] = useState(\"\");\n\n  const buttonRef = useRef(null);\n  const settingsWrapperRef = useRef(null);\n  const [popupPosition, setPopupPosition] = useState({});\n\n  const [tileref, setTileref] = useState(\"\");\n\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n\n  const [modalIsOpen, setModalIsOpen] = useState(false);\n  const setModalIsOpenToTrue = () => {\n    setModalIsOpen(true);\n  };\n  const setModalIsOpenToFalse = () => {\n    setModalIsOpen(false);\n  };\n\n  // internal note modal\n  const [internalNoteModalIsOpen, setInternalNoteModalIsOpen] = useState(false);\n  const setInternalNoteModalIsOpenToTrue = () => {\n    setInternalNoteModalIsOpen(true);\n  };\n  const setInternalNoteModalIsOpenToFalse = () => {\n    setInternalNoteModalIsOpen(false);\n  };\n\n  // transfer modal\n  const [transferModalIsOpen, setTransferModalIsOpen] = useState(false);\n  const setTransferModalIsOpenToTrue = () => {\n    setTransferModalIsOpen(true);\n  };\n  const setTransferModalIsOpenToFalse = () => {\n    setTransferModalIsOpen(false);\n  };\n\n  // product preview modal\n  const [previewModalIsOpen, setPreviewModalIsOpen] = useState(false);\n  const setPreviewModalIsOpenToTrue = () => {\n    setPreviewModalIsOpen(true);\n  };\n  const setPreviewModalIsOpenToFalse = () => {\n    setPreviewModalIsOpen(false);\n  };\n\n  //link modal\n  const [linkModalIsOpen, setLinkModalIsOpen] = useState(false);\n  const setLinkModalIsOpenToTrue = () => {\n    setLinkModalIsOpen(true);\n  };\n  const setLinkModalIsOpenToFalse = () => {\n    setLinkModalIsOpen(false);\n  };\n\n  const handleShareCardClick = (tileref) => {\n    QRCode.toDataURL(\"https://zaplyn.link/share/\" + tileref)\n      .then((url) => {\n        setQrCodeUrl(url);\n      })\n      .catch((err) => console.error(err));\n  };\n\n  const handleDownloadQrCode = () => {\n    const downloadLink = document.createElement(\"a\");\n    downloadLink.href = qrCodeUrl;\n    downloadLink.download = \"qr-code.png\";\n    downloadLink.click();\n  };\n\n  //toggle share link\n  const handleShareLinkStatus = async () => {\n    if (message.ZaplynTileRef) {\n      await Endpoints.EditLink(message.ZaplynTileRef);\n      await queryClient.invalidateQueries([\"productsData\"]);\n      await queryClient.invalidateQueries([\"filteredProductsData\"]);\n    }\n  };\n\n  //clone product\n  const cloneMutation = useMutation(Endpoints.CloneProduct, {\n    onSuccess: () => {\n      console.log(\"Clone Successful\");\n    },\n    onError: (err) => {\n      console.log(\"there was an error\", err);\n    },\n    onSettled: () => {\n      setSettingsToggle(false);\n      queryClient.invalidateQueries([\"productsData\"]);\n      queryClient.invalidateQueries([\"filteredProductsData\"]);\n      queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n    },\n  });\n\n  //clone product Img\n  // const cloneImgMutation = useMutation(Endpoints.CloneProductImage, {\n  //   onSuccess: () => {\n  //     toast(\"Success\");\n  //   },\n  //   onError: (err) => {\n  //     console.log(\"there was an error\", err);\n  //   },\n  //   onSettled: () => {\n  //     setSettingsToggle(false);\n  //     queryClient.invalidateQueries(\"productsData\");\n  //     queryClient.invalidateQueries(\"productImages\");\n  //     queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n  //   },\n  // });\n\n  const handleClone = async () => {\n    const newTileref = createTileRef();\n    const content = {\n      author: message.author,\n      attribute: message.attribute,\n      totalprice: message.total_price,\n      itemname: \"copy of \" + message.itemname,\n      desc: message.description,\n      body: message.retail_price,\n      body2: message.shipping_price,\n      color: message.color.toString(),\n      size: message.size.toString(),\n      qty: message.quantity,\n      subject: message.category,\n      images: message.images.toString(),\n      sub_category: message.sub_category,\n      ZaplynTileRef: newTileref,\n      link_enabled: message.link_enabled,\n      add_ons: message.add_ons,\n      currency: message.currency,\n      product_shipping: false,\n      etm_date: message?.etm_date,\n      show_variant: message.show_variant,\n      variant: Object.keys(message.variant)\n        ?.map((item) => [item, message.variant[item]].toString())\n        .toString(),\n      attribute_1: message.attribute_1,\n      attribute_2: message.attribute_2,\n      attribute_3: message.attribute_3,\n      attribute_4: message.attribute_4,\n      attribute_5: message.attribute_5,\n    };\n\n    cloneMutation.mutate(content);\n  };\n\n  //delete Product\n  const handleDeleteProduct = async () => {\n    window.dataLayer.push({\n      product_id: message?.ZaplynTileRef,\n      product_name: message?.itemname,\n      event: \"delete_product\",\n    });\n    const res = await Endpoints.DeleteProduct(message.ZaplynTileRef);\n    if (res[\"Notification-text\"].toString() === \"Successfully deleted\") {\n      toast(res[\"Notification-text\"]);\n      setIsLoadingModalOpen(true);\n      await queryClient.invalidateQueries([\"productsData\"]);\n      await queryClient.invalidateQueries([\"filteredProductsData\"]);\n      await queryClient.invalidateQueries(\"categoryFilterButtonsData\");\n      setIsLoadingModalOpen(false);\n    }\n  };\n\n  // handling Settings Toggle\n  useEffect(() => {\n    if (settingsToggle && buttonRef.current) {\n      const { top, bottom } = buttonRef.current.getBoundingClientRect();\n      const scrollTop =\n        window.pageYOffset || document.documentElement.scrollTop;\n      const popupTop = top + scrollTop <= window.innerHeight / 2 ? \"top-0\" : \"\";\n      const popupBottom = bottom >= window.innerHeight / 2 ? \"bottom-0\" : \"\";\n\n      setPopupPosition(`absolute ${popupTop} ${popupBottom} right-8 `);\n    }\n  }, [settingsToggle]);\n\n  // handle settings popup\n  useEffect(() => {\n    function handleClickOutside(event) {\n      if (\n        settingsToggle &&\n        buttonRef.current &&\n        settingsWrapperRef.current &&\n        !buttonRef.current.contains(event.target) &&\n        !settingsWrapperRef.current.contains(event.target)\n      ) {\n        setSettingsToggle(false);\n      }\n    }\n\n    function handleScroll() {\n      if (settingsToggle) {\n        setSettingsToggle(false);\n      }\n    }\n\n    document.addEventListener(\"click\", handleClickOutside);\n    window.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [settingsToggle]);\n\n  // if (cloneImgMutation.isLoading) {\n  //   return (\n  //     <div>\n  //       <LoadingModal />\n  //     </div>\n  //   );\n  // }\n\n  return (\n    <>\n      <div className=\"w-80 mt-1 rounded-xl shadow-md border flex flex-col border-pink-300\">\n        {/* images Swipper */}\n\n        <div className=\"relative text-white text-5 w-full max-w-sm mx-auto\">\n          <Carousel\n            infiniteLoop={true}\n            showStatus={false}\n            showArrows={false}\n            swipeable={false}\n            thumbWidth={50}\n            className=\"productCarousel\"\n          >\n            {message?.images?.length > 0 ? (\n              message?.images?.map((image) => (\n                <div key={image.id}>\n                  <img loading=\"lazy\" src={image} alt=\"\" className=\" \" />\n                </div>\n              ))\n            ) : (\n              <div>\n                <p className=\"h-52 bg-gray-100 animate-pulse mb-13\" />\n              </div>\n            )}\n          </Carousel>\n          {/* <input type=\"checkbox\" className=\"absolute top-1 left-1 h-5 w-5\" /> */}\n        </div>\n        <div className=\"flex flex-col justify-between flex-grow  bg-gradient-to-r from-pink-300 to-pink-500 to-90% rounded-b-md  p-2 mt-2 \">\n          {/* product name and tileref */}\n          <div className=\"flex items-start justify-between\">\n            <p className=\"flex-none text-sm text-gray-700 ml-1 mb-1 w-60  \">\n              {message.itemname}{\" \"}\n            </p>\n            <p className=\"flex-none text-xxs text-gray-700 ml-2 \">\n              {message.ZaplynTileRef}\n            </p>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            {/* sharelink button */}\n            <button\n              className=\"flex justify-center gap-1 w-1/2 rounded-full bg-gradient-to-t from-pink-300 to-white px-4 py-1 font-semibold text-lg text-gray-700 shadow-md\"\n              onClick={() => {\n                setLinkModalIsOpenToTrue();\n                handleShareCardClick(message.ZaplynTileRef);\n                // toast(\"Sharing link copied!\");\n              }}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"20\"\n                height=\"20\"\n                className=\"\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M13.06 8.11l1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415 1.415-1.414zm6.718 6.011l-1.414-1.414a5 5 0 1 0-7.071-7.071l-.354.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 0 1 9.9 9.9z\" />\n              </svg>\n              <p className=\"text-sm\">Link</p>\n            </button>\n\n            {/* settings */}\n            <div className=\"relative inline-block \">\n              {/* srttingsbutton */}\n              <button\n                ref={buttonRef}\n                onClick={() => setSettingsToggle(!settingsToggle)}\n                className=\"relative block text-gray-700 rounded-md focus:ring-pink-300 dark:focus:ring-pink-300 focus:ring dark:bg-pink-800 focus:outline-none\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  width=\"24\"\n                  height=\"24\"\n                >\n                  <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                  <path d=\"M3.34 17a10.018 10.018 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A9.99 9.99 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 9.99 9.99 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672c.579.59 1.093 1.261 1.525 2.01.433.749.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 9.99 9.99 0 0 1-2.501 4.337 3 3 0 0 0-4.631 2.674 9.99 9.99 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10.018 10.018 0 0 1 3.34 17zm5.66.196a4.993 4.993 0 0 1 2.25 2.77c.499.047 1 .048 1.499.001A4.993 4.993 0 0 1 15 17.197a4.993 4.993 0 0 1 3.525-.565c.29-.408.54-.843.748-1.298A4.993 4.993 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8.126 8.126 0 0 0-.75-1.298A4.993 4.993 0 0 1 15 6.804a4.993 4.993 0 0 1-2.25-2.77c-.499-.047-1-.048-1.499-.001A4.993 4.993 0 0 1 9 6.803a4.993 4.993 0 0 1-3.525.565 7.99 7.99 0 0 0-.748 1.298A4.993 4.993 0 0 1 6 12c0 1.26-.47 2.437-1.273 3.334a8.126 8.126 0 0 0 .75 1.298A4.993 4.993 0 0 1 9 17.196zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\" />\n                </svg>\n              </button>\n\n              {/* settings-popup */}\n              {settingsToggle && (\n                <div\n                  ref={settingsWrapperRef}\n                  className={`  absolute z-50 ${popupPosition} right-0  w-48 py-2 mt-2 origin-top-right bg-white rounded-md shadow-xl dark:bg-gray-800`}\n                >\n                  <button\n                    onClick={handleShareLinkStatus}\n                    className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    {message.link_enabled === \"yes\" ? (\n                      <>\n                        <img src={toggleSvgOff} className=\"h-6 mr-1\" alt=\"\" />\n                        Turn Off\n                      </>\n                    ) : (\n                      <>\n                        <img src={toggleSvgOn} className=\"h-6  mr-1\" alt=\"\" />\n                        Turn On\n                      </>\n                    )}\n                  </button>\n\n                  <button\n                    onClick={() => setPreviewModalIsOpenToTrue()}\n                    className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Preview</span>\n                  </button>\n\n                  <button\n                    onClick={() => {\n                      setModalIsOpenToTrue();\n                      setTileref(message.ZaplynTileRef);\n                    }}\n                    className=\"flex w-full items-center px-3 py-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zm16 2H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L9.243 19H21v2zM15.728 6.858l1.414 1.414 1.414-1.414-1.414-1.414-1.414 1.414z\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Edit</span>\n                  </button>\n\n                  <button\n                    onClick={setInternalNoteModalIsOpenToTrue}\n                    className=\"relative flex w-full items-center cursor-pointer p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M21 15l-6 5.996L4.002 21A.998.998 0 0 1 3 20.007V3.993C3 3.445 3.445 3 3.993 3h16.014c.548 0 .993.456.993 1.002V15zM19 5H5v14h8v-5a1 1 0 0 1 .883-.993L14 13l5-.001V5zm-.829 9.999L15 15v3.169l3.171-3.17z\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Internal Note</span>\n                  </button>\n\n                  <button\n                    onClick={handleClone}\n                    className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Clone</span>\n                  </button>\n                  <button\n                    onClick={setTransferModalIsOpenToTrue}\n                    className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      class=\"lucide lucide-share\"\n                    >\n                      <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" />\n                      <polyline points=\"16 6 12 2 8 6\" />\n                      <line x1=\"12\" x2=\"12\" y1=\"2\" y2=\"15\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Transfer</span>\n                  </button>\n\n                  <button\n                    onClick={handleDeleteProduct}\n                    className=\"flex w-full items-center p-3 text-sm text-gray-600 capitalize transition-colors duration-300 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M4 8h16v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8zm2 2v10h12V10H6zm3 2h2v6H9v-6zm4 0h2v6h-2v-6zM7 5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2h5v2H2V5h5zm2-1v1h6V4H9z\" />\n                    </svg>\n\n                    <span className=\"mx-1\">Delete</span>\n                  </button>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      {/* Preview modal */}\n      <Modal\n        isOpen={previewModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setPreviewModalIsOpen(false)}\n      >\n        <button\n          onClick={setPreviewModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <Preview productDetails={message} />\n      </Modal>\n\n      {/* share link modal */}\n      <Modal\n        isOpen={linkModalIsOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setLinkModalIsOpen(false)}\n      >\n        <button\n          onClick={setLinkModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"bg-white  p-6 rounded-md flex flex-col items-center\">\n          <div className=\"relative\">\n            <img src={qrCodeUrl} alt=\"QR code\" className=\"w-72 h-72\" />\n            <button\n              title=\"Download QR\"\n              className=\"absolute bottom-5 -right-3 shadow-md bg-pink-300 rounded-b-md rounded-l-md\"\n              onClick={handleDownloadQrCode}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24\"\n                height=\"24\"\n                className=\"h-8 w-8\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n              </svg>\n            </button>\n          </div>\n          <div className=\"w-full flex justify-center\">\n            <input\n              type=\"text\"\n              className=\"border border-pink-300 rounded-l-md text-sm p-2 md:w-80 text-gray-500\"\n              value={`https://zaplyn.link/share/${message.ZaplynTileRef}`}\n              readOnly\n            />\n            <button\n              className=\"px-2 border border-pink-300 rounded-r-md flex active:bg-pink-300 transition duration-200 ease-in-out items-center space-x-1 text-gray-700 focus:outline-none\"\n              onClick={() => {\n                window.dataLayer.push({\n                  shop_id: \"null\",\n                  shop_name: \"null\",\n                  product_id: message.ZaplynTileRef,\n                  product_name: message?.itemname,\n                  event: \"share_click\",\n                });\n                navigator.clipboard.writeText(\n                  \"https://zaplyn.link/share/\" + message.ZaplynTileRef\n                );\n              }}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"20\"\n                height=\"20\"\n                className=\"w-4 h-4\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n              </svg>\n              <span className=\"text-xs\">Copy</span>\n            </button>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Edit Product modal */}\n      <Modal\n        isOpen={modalIsOpen}\n        className=\"font-lexand max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setModalIsOpen(false)}\n      >\n        <button\n          onClick={setModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PostMessagePopup2\n          onClick={setModalIsOpenToFalse}\n          currenttileref={tileref}\n        />\n      </Modal>\n\n      {/* Internal note Modal */}\n      <Modal\n        isOpen={internalNoteModalIsOpen}\n        className=\"font-lexand max-w-md z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setInternalNoteModalIsOpen(false)}\n      >\n        <button\n          onClick={setInternalNoteModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n\n        <InternalNote\n          propsnote={message.note}\n          tileRef={message.ZaplynTileRef}\n          closeOnClick={setInternalNoteModalIsOpenToFalse}\n        />\n      </Modal>\n\n      {/* Transfer Modal */}\n      <Modal\n        isOpen={transferModalIsOpen}\n        className=\"font-lexand max-w-md z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setTransferModalIsOpen(false)}\n      >\n        <button\n          onClick={setTransferModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-lg focus:outline-none cursor-pointer bg-pink-300 rounded-lg text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n\n        <TransferProductPopup\n          tile={message}\n          closeOnClick={setTransferModalIsOpenToFalse}\n        />\n      </Modal>\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n    </>\n  );\n};\n\nexport default Cards;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { GlobalContext } from \"../../GlobalContext.js\";\nimport useSubject from \"../../Subject\";\nimport getToken from \"../../Token.js\";\n\nconst FilterCards = ({ setIsFilterOpen }) => {\n  const {\n    setShowFilteredData,\n    selectedHomeFilterOptions,\n    setSelectedHomeFilterOptions,\n    setSelectedButtonFilters,\n  } = useContext(GlobalContext);\n  const [options, setOptions] = useState([]);\n\n  let accesstoken = getToken();\n\n  const link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const { data: subjectlist } = useSubject(link + \"subject-list/\", accesstoken);\n\n  const [newselectedOptions, setNewSelectedOptions] = useState([]);\n\n  useEffect(() => {\n    if (subjectlist) {\n      const data = Object.keys(subjectlist);\n      // console.log(data);\n      setOptions(data?.slice(1));\n    }\n    // console.log(\"fetched topic result \", subjectlist);\n  }, [subjectlist]);\n\n  const handleOptionChange = (selectedOptions) => {\n    setNewSelectedOptions(selectedOptions);\n    // console.log(\"Selectedoption\", selectedOptions);\n    if (selectedOptions.length === 0) {\n      setShowFilteredData(false);\n    }\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    // Filter the data based on selected options and update the global state with the filtered data\n    setSelectedHomeFilterOptions(newselectedOptions);\n    setShowFilteredData(true);\n    setSelectedButtonFilters([]);\n  };\n\n  const handleReset = () => {\n    setShowFilteredData(false);\n    setSelectedHomeFilterOptions(null);\n    setIsFilterOpen(false);\n  };\n\n  //custom message for unavailable opton\n  const customNoOptionsMessage = () => {\n    return (\n      <p>\n        Can't find the Category you are looking for? Write to us{\" \"}\n        <Link to=\"/support\" className=\"text-pink-800 font-bold underline\">\n          here.\n        </Link>\n      </p>\n    );\n  };\n  // console.log(subjectlist);\n\n  return (\n    <div className=\"\">\n      <div className=\"absolute right-10 top-0 z-10 bg-white border border-pink-300 flex flex-col justify-between px-4 leading-tight  rounded-md p-2 text-xs \">\n        <form onSubmit={handleSubmit} className=\" flex flex-row \">\n          <div className=\"md:w-52 md:mr-4\">\n            <p className=\" text-xs ml-1 mb-1\">Category</p>\n            <Select\n              className=\"w-44\"\n              value={newselectedOptions}\n              onChange={handleOptionChange}\n              options={options}\n              placeholder={\"select\"}\n              isMulti\n              closeMenuOnSelect={false}\n              autosize={false}\n              noOptionsMessage={customNoOptionsMessage}\n              getOptionValue={(option) => option} //value is what it is\n              getOptionLabel={(option) => option} //label is what you see\n            />\n          </div>\n          <button\n            type=\"submit\"\n            className=\"py-1 mt-6 px-4 rounded-full bg-gradient-to-b from-purple-200 to-pink-300 to-20%  transform active:from-pink-300 active:to-purple-300 active:scale-95 focus:outline-none text-sm text-gray-600 shadow-md h-8 w-20\"\n          >\n            Search\n          </button>\n        </form>\n\n        <button\n          className=\"py-1 px-4 bg-gradient-to-b from-purple-200 to-pink-300 to-20%  transform active:from-pink-300 active:to-purple-300 active:scale-95 focus:outline-none rounded-full text-sm text-gray-600 shadow-md w-20 mt-2\"\n          onClick={handleReset}\n        >\n          Reset\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default FilterCards;\n","import React, { useContext, useEffect, useState } from \"react\";\n\nimport { ToastContainer } from \"react-toastify\";\n\nimport { useQuery } from \"react-query\";\n\nimport Cards from \"./Cards\";\nimport getToken from \"../../Token\";\nimport getUsername from \"../../Account_Infomation/Username\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport LoadingModal from \"../../popups/LoadingModal\";\n\nfunction HomeFilterComponent() {\n  const accesstoken = getToken();\n  const curUser = getUsername();\n\n  const {\n    setShowOrdersFilteredData,\n    selectedFilterOptions,\n    setSelectedFilterOptions,\n    setShowFilteredData,\n    selectedHomeFilterOptions,\n    selectedButtonFilters,\n    setSelectedHomeFilterOptions,\n  } = useContext(GlobalContext);\n\n  const [page, setPage] = useState(1);\n\n  const FetchFilteredProductsData = async (pageNo) => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}`+\"filter-message-list/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: curUser,\n            page: pageNo,\n            categories:\n              selectedHomeFilterOptions?.map((item) => item).toString() ||\n              selectedButtonFilters?.map((item) => item).toString(),\n          }),\n        }\n      );\n      const json = await response.json();\n      return json;\n    } catch (error) {\n      console.log(\"Error\", error);\n    }\n  };\n\n  // fetch filtered orders\n  const {\n    isLoading: isFliteredProductsLoading,\n    data: fliteredProductsData,\n    isError: isFilteredProductsError,\n    error: filteredProductsErr,\n    isFetching: isFilteredProductsDataFetching,\n    isPreviousData: isFilteredPrevProductsData,\n    refetch: refetchFilteredData,\n  } = useQuery(\n    [\"filteredProductsData\", { page }],\n    () => FetchFilteredProductsData(page),\n    {\n      keepPreviousData: true,\n    }\n  );\n\n  const lastPage = () => setPage(fliteredProductsData?.pages);\n\n  const firstPage = () => setPage(1);\n\n  const pagesArray = Array(fliteredProductsData?.pages)\n    .fill()\n    .map((_, index) => index + 1);\n\n  useEffect(() => {\n    if (\n      selectedButtonFilters?.length > 0 ||\n      selectedHomeFilterOptions?.length > 0\n    ) {\n      refetchFilteredData();\n    }\n  }, [selectedButtonFilters, selectedHomeFilterOptions]);\n\n  if (isFliteredProductsLoading) {\n    return <LoadingModal />;\n  }\n\n  if (fliteredProductsData?.pages === 0 || fliteredProductsData?.length === 0) {\n    return <p>No data available..</p>;\n  }\n\n  return (\n    <div className=\" flex flex-col gap-1 mx-auto mb-5\">\n      {/* <div className=\" p-2 w-full\">\n        <div className=\"flex justify-center space-x-1 text-gray-900\">\n          <button\n            onClick={firstPage}\n            disabled={isFilteredPrevProductsData || page === 1}\n            title=\"previous\"\n            type=\"button\"\n            className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              className=\"w-4\"\n            >\n              <path d=\"M13.9142 12.0001L18.7071 7.20718L17.2929 5.79297L11.0858 12.0001L17.2929 18.2072L18.7071 16.793L13.9142 12.0001ZM7 18.0001V6.00008H9V18.0001H7Z\"></path>\n            </svg>\n          </button>\n          {pagesArray.map((pg) => (\n            <button\n              key={pg}\n              type=\"button\"\n              disabled={isFilteredPrevProductsData}\n              className={` ${\n                pg === page ? \"bg-pink-300\" : \"\"\n              } inline-flex items-center justify-center w-6 h-6 text-xs border rounded shadow-md  border-pink-300`}\n              onClick={() => setPage(pg)}\n            >\n              {pg}\n            </button>\n          ))}\n          <button\n            onClick={lastPage}\n            disabled={\n              isFilteredPrevProductsData || page === fliteredProductsData?.pages\n            }\n            title=\"next\"\n            type=\"button\"\n            className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              className=\"w-4\"\n            >\n              <path d=\"M13.9142 12.0001L18.7071 7.20718L17.2929 5.79297L11.0858 12.0001L17.2929 18.2072L18.7071 16.793L13.9142 12.0001ZM7 18.0001V6.00008H9V18.0001H7Z\"></path>\n            </svg>\n          </button>\n        </div>\n      </div> */}\n      {isFilteredProductsDataFetching && <p>Loading...</p>}\n      <p className=\"flex flex-wrap gap-2 p-1\">\n        {selectedHomeFilterOptions?.map((item, index) => (\n          <span key={index} className=\"text-xxs\">\n            {\" \"}\n            {'\"'}\n            {item}\n            {'\"'}\n          </span>\n        ))}\n      </p>\n\n      <div className=\" grid  md:grid-cols-2 mx-auto gap-5 \">\n        {fliteredProductsData?.map((message) => (\n          <Cards key={message.id} message={message} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default HomeFilterComponent;\n","import { useState, useEffect, useContext } from \"react\";\nimport { ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { GlobalContext } from \"../GlobalContext.js\";\nimport Cards from \"./home/Cards\";\nimport FilterCards from \"./home/FilterCards\";\nimport FilterIcon from \"../../assets/icons/filter.png\";\nimport Endpoints from \"../../api/endpoints\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport PostMessagePopup from \"../PostMessagePopup\";\nimport Modal from \"react-modal\";\nimport zaplynIconT1 from \"../../assets/t1.svg\";\nimport zaplynIconT2 from \"../../assets/t2.svg\";\nimport HomeFilterComponent from \"./home/HomeFilterComponent.js\";\nimport { useNavigate } from \"react-router\";\n\nconst MessageBoard = (props) => {\n  const queryClient = useQueryClient();\n  const navigate = useNavigate();\n  const [isLoading, sestIsLoading] = useState(false);\n  const [isFilterOpen, setIsFilterOpen] = useState(false);\n\n  const {\n    fetchedProducts,\n    productImages: globalImages,\n    filteredData,\n    setFilteredData,\n    showFilteredData,\n    setShowFilteredData,\n    selectedHomeFilterOptions,\n    selectedButtonFilters,\n    setSelectedButtonFilters,\n    userData,\n  } = useContext(GlobalContext);\n\n  const {\n    isLoading: isFilterCategoryLoading,\n    data: FilterCategoryList,\n    isError: isFilterCategoryError,\n  } = useQuery(\"categoryFilterButtonsData\", Endpoints.FetchTopCategory);\n\n  const [page, setPage] = useState(1);\n  // fetch products data\n  const {\n    isLoading: isProductsLoading,\n    data: fetchedProductsData,\n    isError: isProductsError,\n    error: productsErr,\n    isFetching: isProductsDataFetching,\n    isPreviousData: isPrevProductsData,\n  } = useQuery([\"productsData\", { page }], () => Endpoints.LoadUserData(page), {\n    keepPreviousData: true,\n  });\n\n  const lastPage = () => setPage(fetchedProductsData?.pages);\n  const firstPage = () => setPage(1);\n  const [pagesArray, setPagesArray] = useState([]);\n\n  useEffect(() => {\n    if (fetchedProductsData && !fetchedProductsData?.status) {\n      setPagesArray(\n        Array(\n          fetchedProductsData?.find((item) => item.hasOwnProperty(\"pages\"))\n            .pages\n        )\n          .fill()\n          .map((_, index) => index + 1)\n      );\n    }\n  }, [fetchedProductsData]);\n\n  //create product modal\n  const [createProductModalIsOpen, setCreateProductModalIsOpen] =\n    useState(false);\n  const setCreateProductModalIsOpenToFalse = () => {\n    setCreateProductModalIsOpen(false);\n  };\n\n  //Function for filterdata using buttons\n\n  function handleButtonFilter(filter) {\n    const newSelected = [...selectedButtonFilters];\n\n    if (newSelected.includes(filter)) {\n      newSelected.splice(newSelected.indexOf(filter), 1);\n    } else {\n      newSelected.push(filter);\n    }\n    setSelectedButtonFilters(newSelected);\n  }\n\n  useEffect(() => {\n    // console.log(\"running\");\n    if (selectedButtonFilters.length > 0) {\n      setShowFilteredData(true);\n    } else if (\n      selectedButtonFilters?.length === 0 &&\n      selectedHomeFilterOptions?.length === 0\n    ) {\n      setShowFilteredData(false);\n    }\n  }, [selectedButtonFilters]);\n\n  if (isProductsLoading || fetchedProductsData?.status) {\n    return <p className=\"mt-28\">Loading...</p>;\n  }\n\n  if (isProductsError) {\n    return (\n      <div className=\"pt-24 flex flex-col items-center justify-centeri\">\n        <div className=\"flex items-center h-full sm:px-16 text-gray-700\">\n          <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              className=\"w-40 h-40 text-gray-600\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n              ></path>\n              <rect\n                width=\"176\"\n                height=\"32\"\n                x=\"168\"\n                y=\"320\"\n                fill=\"currentColor\"\n              ></rect>\n              <polygon\n                fill=\"currentColor\"\n                points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n              ></polygon>\n              <polygon\n                fill=\"currentColor\"\n                points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n              ></polygon>\n            </svg>\n            <p className=\"text-3xl\">\n              Looks like our services are currently offline\n            </p>\n            <div className=\"flex items-center \">\n              <img\n                src={zaplynIconT1}\n                alt=\"\"\n                className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n              />\n\n              <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n              <p className=\"text-lg bg-gradient-to-b from-purple-500 to-pink-500 text-transparent bg-clip-text text-center ml-2\">\n                We'll be back soon!\n              </p>\n              <img\n                src={zaplynIconT2}\n                alt=\"\"\n                className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n              />\n\n              <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <section className=\"z-0 pt-24 pb-20 \">\n      <ToastContainer autoClose={1500} />\n      {/* Filter div */}\n      <div className=\"flex justify-between max-w-3xl mx-auto\">\n        <div className=\"flex gap-3 ml-5\">\n          {FilterCategoryList?.length > 0 &&\n            FilterCategoryList[0] !== \"\" &&\n            FilterCategoryList.map((item, index) => (\n              <div key={index}>\n                <button\n                  onClick={() => handleButtonFilter(item)}\n                  className={` py-1 px-4  rounded-full text-xs font-semibold  shadow-md ${\n                    selectedButtonFilters.includes(item)\n                      ? \"bg-gradient-to-b from-purple-300 to-pink-500 to-20% text-white\"\n                      : \"bg-gradient-to-b from-purple-200 to-pink-300 to-20% text-gray-600\"\n                  } `}\n                >\n                  {item}\n                </button>\n              </div>\n            ))}\n        </div>\n        {fetchedProductsData?.length > 0 && (\n          <div className=\" relative mr-5\">\n            <img\n              src={FilterIcon}\n              className={`${\n                showFilteredData || isFilterOpen ? \"bg-pink-300\" : \"\"\n              } h-8 w-8 z-50 rounded-full p-1 border border-pink-300 shadow-md cursor-pointer\n`}\n              alt=\"\"\n              onClick={() => setIsFilterOpen(!isFilterOpen)}\n            />\n            {isFilterOpen && <FilterCards setIsFilterOpen={setIsFilterOpen} />}\n          </div>\n        )}\n      </div>\n      {/* main-section */}\n\n      <div className=\"flex mt-2 lg:max-w-4xl mx-auto \">\n        <>\n          {showFilteredData ? (\n            <div className=\" flex flex-col gap-1 mx-auto\">\n              <HomeFilterComponent />\n            </div>\n          ) : fetchedProductsData?.length > 1 ? (\n            <div className=\"flex flex-col gap-1 mx-auto\">\n              <div className=\" py-3 px-2 w-full\">\n                <div className=\"flex justify-center space-x-1 text-gray-900\">\n                  <button\n                    onClick={firstPage}\n                    disabled={isPrevProductsData || page === 1}\n                    title=\"previous\"\n                    type=\"button\"\n                    className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4\"\n                    >\n                      <path d=\"M13.9142 12.0001L18.7071 7.20718L17.2929 5.79297L11.0858 12.0001L17.2929 18.2072L18.7071 16.793L13.9142 12.0001ZM7 18.0001V6.00008H9V18.0001H7Z\"></path>\n                    </svg>\n                  </button>\n                  {pagesArray.map((pg) => (\n                    <button\n                      key={pg}\n                      type=\"button\"\n                      disabled={isPrevProductsData}\n                      className={` ${\n                        pg === page ? \"bg-pink-300\" : \"\"\n                      } inline-flex items-center justify-center w-6 h-6 text-xs border rounded shadow-md  border-pink-300`}\n                      onClick={() => setPage(pg)}\n                    >\n                      {pg}\n                    </button>\n                  ))}\n                  <button\n                    onClick={lastPage}\n                    disabled={\n                      isPrevProductsData ||\n                      page === fetchedProductsData[0]?.pages\n                    }\n                    title=\"next\"\n                    type=\"button\"\n                    className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      className=\"w-4\"\n                    >\n                      <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                    </svg>\n                  </button>\n                </div>\n              </div>\n              {isProductsDataFetching && <p>Loading...</p>}\n              <div className=\" grid  md:grid-cols-2 mx-auto gap-5 \">\n                {fetchedProductsData\n                  ?.filter((item) => !item.hasOwnProperty(\"pages\"))\n                  .map((message) => (\n                    <Cards key={message.id} message={message} />\n                  ))}\n              </div>\n            </div>\n          ) : (\n            <div className=\" text-xs md:text-sm col-span-2 \">\n              New to Zaplyn Add your product now!{\" \"}\n              <button\n                onClick={() => navigate(\"/add-product\")}\n                className=\"py-1 px-4 bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text rounded-lg  font-bold text-sm md:text-lg animate-pulse \"\n              >\n                Click Here !\n              </button>\n            </div>\n          )}\n        </>\n      </div>\n      {/* Create Product Modal */}\n      <Modal\n        isOpen={createProductModalIsOpen}\n        className=\" max-w-2xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-lg shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setCreateProductModalIsOpen(false)}\n      >\n        <button\n          onClick={setCreateProductModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 button shadow-md focus:outline-none cursor-pointer rounded-md hover:bg-black hover:text-white bg-white text-md font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <PostMessagePopup onClick={setCreateProductModalIsOpenToFalse} />\n      </Modal>\n    </section>\n  );\n};\n\nexport default MessageBoard;\n","import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport getToken from \"../../Token\";\nimport { toast, ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Endpoints from \"../../../api/endpoints\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport Modal from \"react-modal\";\nimport { useQueryClient } from \"react-query\";\nimport QRCode from \"qrcode\";\nimport dayjs from \"dayjs\";\nimport LoadingModal from \"../../popups/LoadingModal\";\nimport utc from \"dayjs/plugin/utc\";\nimport tz from \"dayjs/plugin/timezone\";\n\ndayjs.extend(utc);\ndayjs.extend(tz);\n\nfunction OrderCards({ productDetails }) {\n  const statusRef = useRef(null);\n  const statusWrapperRef = useRef(null);\n  const [popupPosition, setPopupPosition] = useState({});\n  const queryClient = useQueryClient();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  // const { productCategories } = useContext(GlobalContext);\n  const timeZone = dayjs.tz.guess();\n\n  const [isLoadingModalOpen, setIsLoadingModalOpen] = useState(false);\n  const [qrCodeUrl, setQrCodeUrl] = useState(\"\");\n\n  const [status, setStatus] = useState(\"status\");\n  const [showStatus, setShowStatus] = useState(false);\n  const [isShippingOpen, setIsShippingOpen] = useState(false);\n  const [productData, setProductData] = useState({});\n\n  const [trackingId, setTrackingId] = useState(\"\");\n  const [shippingProvider, setShippingProvider] = useState(\"\");\n\n  const [refundAmount, setRefundAmount] = useState(productDetails?.total_price);\n\n  //note modal\n  const [isCustomerNoteModalOpen, setIsCustomerNoteModalOpen] = useState(false);\n  const setIsCustomerNoteModalOpenToFalse = () => {\n    setIsCustomerNoteModalOpen(false);\n  };\n\n  //link modal\n  const [linkModalIsOpen, setLinkModalIsOpen] = useState(false);\n  const setLinkModalIsOpenToTrue = () => {\n    setLinkModalIsOpen(true);\n  };\n  const setLinkModalIsOpenToFalse = () => {\n    setLinkModalIsOpen(false);\n  };\n\n  const handleShareCardClick = (tileref) => {\n    QRCode.toDataURL(\"https://zaplyn.link/cart/\" + tileref)\n      .then((url) => {\n        setQrCodeUrl(url);\n      })\n      .catch((err) => console.error(err));\n  };\n\n  const handleDownloadQrCode = () => {\n    const downloadLink = document.createElement(\"a\");\n    downloadLink.href = qrCodeUrl;\n    downloadLink.download = \"qr-code.png\";\n    downloadLink.click();\n  };\n\n  //tracking_Id modal\n  const [trackingIdModal, setTrackingIdModal] = useState(false);\n  const setTrackingIdModalIsClosed = () => {\n    setTrackingId(\"\");\n    setShippingProvider(\"\");\n    setTrackingIdModal(false);\n  };\n\n  //refund modal\n  const [refundModal, setRefundModal] = useState(false);\n  const setRefundModalIsClosed = () => {\n    setRefundModal(false);\n  };\n\n  //product items vielALl modal\n  const [showAllItemsModal, setShowAllItemsModal] = useState(false);\n  const setShowAllItemsModalIsClosed = () => {\n    setShowAllItemsModal(false);\n  };\n\n  const handleChangeStatus = async (updatedStatus) => {\n    setStatus(updatedStatus);\n    if (\n      updatedStatus === \"dispatched\" &&\n      (trackingId === \"\" || shippingProvider === \"\")\n    ) {\n      return setTrackingIdModal(true);\n      // return toast(\"please add tracking id\");\n    } else if (updatedStatus === \"status\") {\n      return console.log(\"\");\n    }\n    var accesstoken = getToken();\n    setIsLoadingModalOpen(true);\n    try {\n      const response = await fetch(link + \"update-status/\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Authorization: \"Bearer \" + accesstoken,\n        },\n        body: JSON.stringify({\n          order_id: productDetails.order_id,\n          status: updatedStatus,\n          tracking_id: trackingId || \"\",\n          shipping_provider: shippingProvider || \"\",\n        }),\n      });\n\n      const json = await response.json();\n\n      if (json) {\n        await queryClient.invalidateQueries([\"ordersData\"]);\n        await queryClient.invalidateQueries([\"filteredOrdersData\"]);\n\n        toast(JSON.stringify(json[\"Notification-text\"]).replace(/\"|'/g, \"\"));\n        setTrackingId(\"\");\n        setShowStatus(false);\n        setShippingProvider(\"\");\n      }\n    } catch (error) {\n      // console.log(error);\n      toast(\"Something went wrong, please try again later\");\n    } finally {\n      setStatus(\"status\");\n\n      setIsLoadingModalOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    const first_product = productDetails.Products;\n    setProductData(first_product);\n  }, [productDetails]);\n\n  useEffect(() => {\n    // Add the 'overflow-hidden' class to the body element when the modal is open\n    if (showAllItemsModal) {\n      document.body.classList.add(\"overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"overflow-hidden\");\n    }\n\n    // Remove the event listener when the component unmounts\n    return () => {\n      document.body.classList.remove(\"overflow-hidden\");\n    };\n  }, [showAllItemsModal]);\n\n  // useEffect(() => {\n  //   if (status === \"dispatched\") {\n  //     setTrackingIdModal(true);\n  //   }\n  // }, [status]);\n\n  // handling status Toggle\n  // useEffect(() => {\n  //   if (showStatus && statusRef.current) {\n  //     const { top, bottom } = statusRef.current.getBoundingClientRect();\n  //     const scrollTop =\n  //       window.pageYOffset || document.documentElement.scrollTop;\n  //     const popupTop = top + scrollTop <= window.innerHeight / 2 ? \"top-3\" : \"\";\n  //     const popupBottom = bottom >= window.innerHeight / 2 ? \"bottom-3\" : \"\";\n\n  //     setPopupPosition(`absolute ${popupTop} ${popupBottom} right-4 `);\n  //   }\n  // }, [showStatus]);\n\n  // handle status popup\n  // useEffect(() => {\n  //   function handleClickOutside(event) {\n  //     if (\n  //       showStatus &&\n  //       statusRef.current &&\n  //       statusWrapperRef.current &&\n  // //       !statusRef.current.contains(event.target) &&\n  // //       !statusWrapperRef.current.contains(event.target)\n  //     ) {\n  //       setShowStatus(false);\n  //     }\n  //   }\n\n  //   function handleScroll() {\n  //     if (showStatus) {\n  //       setShowStatus(false);\n  //     }\n  //   }\n\n  //   document.addEventListener(\"click\", handleClickOutside);\n  //   window.addEventListener(\"scroll\", handleScroll);\n\n  //   return () => {\n  //     document.removeEventListener(\"click\", handleClickOutside);\n  //     window.removeEventListener(\"scroll\", handleScroll);\n  //   };\n  // }, [showStatus]);\n\n  // console.log(status);\n\n  return (\n    <div>\n      <div className=\"my-3\">\n        <div className=\"border shadow-md border-pink-300 rounded-t-md \">\n          <div className=\" flex justify-between bg-gradient-to-b from-pink-200 to-pink-300 rounded-t-md p-1 text-xs md:text-sm\">\n            <div className=\"md:flex md:w-2/3 md:justify-between \">\n              <p className=\"text-gray-700\">\n                Order{\" \"}\n                <span className=\"text-gray-700\">\n                  #{productDetails?.order_id}\n                </span>\n              </p>\n              <p className=\"text-gray-700\">\n                Received at:{\" \"}\n                <span className=\"text-gray-700\">\n                  {dayjs\n                    .utc(productDetails?.date)\n                    .tz(timeZone)\n                    .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                </span>\n              </p>\n            </div>\n            <div className=\" md:flex \">\n              <p className=\"text-gray-700\">Total: &nbsp; </p>\n              <span className=\"text-xs text-gray-700 md:text-sm\">\n                {productDetails?.currency === \"GBP\" && (\n                  <span className=\"mr-0.25\">£</span>\n                )}\n                {productDetails?.currency === \"EUR\" && (\n                  <span className=\"mr-0.25\">€</span>\n                )}\n                {productDetails?.currency === \"USD\" && (\n                  <span className=\"mr-0.25\">$</span>\n                )}{\" \"}\n                {productDetails?.total_amount?.toFixed(1)}\n              </span>\n            </div>\n          </div>\n          {/* Buyer Info div */}\n          <div className=\"p-1\">\n            <div className=\"  md:flex  gap-2   justify-between \">\n              {/* md+ devices div customerinfo && shopref && note */}\n              <div className=\"hidden md:flex flex-col gap-1 w-3/5 px-1   my-2 text-gray-700 text-xs\">\n                <button\n                  onClick={() => setIsShippingOpen(!isShippingOpen)}\n                  className=\" flex items-center justify-between border border-pink-100 rounded-md  px-5 text-sm w-full text-gray-700 \"\n                >\n                  <p>Customer Details:</p>\n                  {!isShippingOpen ? (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z\" />\n                    </svg>\n                  ) : (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z\" />\n                    </svg>\n                  )}\n                </button>\n                {isShippingOpen && (\n                  <div className=\"flex gap-5 p-0.5\">\n                    <div className=\"flex  flex-col gap-1\">\n                      <p className=\"text-xs text-gray-500 \">\n                        Buyer Name:{\" \"}\n                        <span className=\"text-gray-700 text-sm\">\n                          {productDetails?.buyer}\n                        </span>\n                      </p>\n                      <div className=\"flex flex-col\">\n                        <div className=\"flex flex-wrap md:flex-col\">\n                          <div className=\"flex gap-1\">\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              height=\"16\"\n                            >\n                              <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                              <path\n                                d=\"M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z\"\n                                fill=\"rgba(50,152,219,1)\"\n                              />\n                            </svg>\n                            <p className=\"mr-4 flex-1 text-gray-700 text-xs\">\n                              {productDetails?.phone}\n                            </p>\n                          </div>\n                          <div className=\"flex text-xs gap-1\">\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              height=\"16\"\n                            >\n                              <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                              <path\n                                d=\"M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm9.06 8.683L5.648 6.238 4.353 7.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439z\"\n                                fill=\"rgba(241,196,14,1)\"\n                              />\n                            </svg>\n                            <p className=\"text-xs text-gray-700 \">\n                              {productDetails?.email}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n\n                    {productDetails?.add_line_1 !== \"\" && (\n                      <div className=\"\">\n                        <p className=\"text-gray-600 \">Shipping Address: </p>\n                        <p>{productDetails?.add_line_1}</p>\n                        <p> {productDetails?.add_line_2}</p>\n                        <p className=\"flex space-x-1\">\n                          <span>{productDetails?.city}</span>\n                          <span>{productDetails?.country}</span>\n                          <span>{productDetails?.postcode}</span>\n                        </p>\n                      </div>\n                    )}\n                  </div>\n                )}\n                {productDetails?.shopref !== null &&\n                  productDetails?.shopref !== \"\" && (\n                    <p className=\"text-xs p-1\">\n                      Shop Id{\" \"}\n                      <span className=\"text-gray-600 text-center  \">\n                        #{productDetails?.shopref}\n                      </span>\n                    </p>\n                  )}\n                {productDetails?.customer_note !== null &&\n                  productDetails?.customer_note !== \"\" && (\n                    <p\n                      onClick={() => setIsCustomerNoteModalOpen(true)}\n                      className=\"cursor-pointer w-32 text-xs px-4 py-1 bg-gradient-to-b from-purple-200 to-pink-300 rounded-full font-semibold shadow-md\"\n                    >\n                      Customer Note\n                    </p>\n                  )}\n              </div>\n              {/* address div -  devices < md*/}\n              <div className=\"md:hidden  px-1 border border-pink-300 rounded-md my-2 text-gray-700 text-xs\">\n                <button\n                  onClick={() => setIsShippingOpen(!isShippingOpen)}\n                  className=\" flex items-center justify-between text-sm w-full text-gray-700 \"\n                >\n                  <p>Customer Details:</p>\n                  {!isShippingOpen ? (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z\" />\n                    </svg>\n                  ) : (\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 24 24\"\n                      width=\"24\"\n                      height=\"24\"\n                    >\n                      <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                      <path d=\"M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z\" />\n                    </svg>\n                  )}\n                </button>\n                {isShippingOpen && (\n                  <div className=\"p-0.5\">\n                    <div className=\"flex  flex-col gap-1\">\n                      <p className=\"text-sm text-gray-700 \">\n                        Buyer Name:{\" \"}\n                        <span className=\"text-gray-700 text-sm\">\n                          {productDetails?.buyer}\n                        </span>\n                      </p>\n                      <div className=\"flex flex-col\">\n                        <div className=\"flex flex-wrap md:flex-col\">\n                          <div className=\"flex gap-1\">\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              height=\"16\"\n                            >\n                              <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                              <path\n                                d=\"M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z\"\n                                fill=\"rgba(50,152,219,1)\"\n                              />\n                            </svg>\n                            <p className=\"mr-4 flex-1 text-gray-700 text-xs\">\n                              {productDetails?.phone}\n                            </p>\n                          </div>\n                          <div className=\"flex text-xs gap-1\">\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"16\"\n                              height=\"16\"\n                            >\n                              <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                              <path\n                                d=\"M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm9.06 8.683L5.648 6.238 4.353 7.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439z\"\n                                fill=\"rgba(241,196,14,1)\"\n                              />\n                            </svg>\n                            <p className=\"text-xs text-gray-700 \">\n                              {productDetails?.email}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n\n                    {productDetails?.add_line_1 !== \"\" && (\n                      <div className=\"mt-2\">\n                        <p className=\"text-gray-600 \">Shipping Address: </p>\n                        <p>{productDetails?.add_line_1}</p>\n                        <p> {productDetails?.add_line_2}</p>\n                        <p className=\"flex space-x-1\">\n                          <span>{productDetails?.city}</span>\n                          <span>{productDetails?.country}</span>\n                          <span>{productDetails?.postcode}</span>\n                        </p>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n\n              <div className=\"flex justify-between gap-1 items-center\">\n                {productDetails?.shopref !== null &&\n                  productDetails?.shopref !== \"\" && (\n                    <p className=\"text-xs md:hidden p-1\">\n                      Shop Id{\" \"}\n                      <span className=\"text-gray-600 text-center  \">\n                        #{productDetails?.shopref}\n                      </span>\n                    </p>\n                  )}\n                {productDetails?.customer_note !== null &&\n                  productDetails?.customer_note !== \"\" && (\n                    <p\n                      onClick={() => setIsCustomerNoteModalOpen(true)}\n                      className=\"md:hidden cursor-pointer text-xs px-4 py-1 bg-gradient-to-b from-purple-200 to-pink-300 rounded-full font-semibold shadow-md \"\n                    >\n                      Customer Note\n                    </p>\n                  )}\n              </div>\n\n              {/*attributes on mobile devices start */}\n              <div className=\" md:hidden\">\n                {productData &&\n                  Object.keys(productData).length > 0 &&\n                  Object.keys(productData)\n                    .slice(0, 2)\n                    .map((productRef) => (\n                      <div\n                        key={productRef}\n                        className=\"flex flex-col md:flex-row items-start w-full p-2\"\n                      >\n                        {/* image */}\n                        <div className=\"flex gap-2 items-center\">\n                          <div className=\"w-12\">\n                            <img\n                              src={productData[productRef]?.images}\n                              alt=\"\"\n                              className=\"w-12 h-12 rounded-lg\"\n                            />\n                          </div>\n                          <div className=\" \">\n                            {/* product name */}\n                            <p className=\"text-sm md:text-sm capitalize\">\n                              {productData[productRef]?.itemname}\n                            </p>\n                            {/* quantity */}\n                            <div className=\"flex flex-row items-center\">\n                              <svg\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                viewBox=\"0 0 24 24\"\n                                width=\"24\"\n                                height=\"24\"\n                                className=\"w-4 h-4\"\n                              >\n                                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                                <path d=\"M4 6.414L.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414zM6 7v6h11.512l1.8-6H6zm-.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z\" />\n                              </svg>\n                              <p className=\"text-gray-700  ml-1 flex text-xs \">\n                                Quantity:\n                              </p>\n                              <span className=\" text-xs text-gray-600 p-1\">\n                                {productData[productRef]?.quantity}\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                        {/* attributes */}\n\n                        <div className=\"flex items-start  justify-start pt-1 w-full space-x-1 divide-x  overflow-x-auto\">\n                          {productData[productRef]?.add_ons !== null &&\n                            productData[productRef]?.add_ons !== undefined &&\n                            Object.keys(productData[productRef]?.add_ons)\n                              .length > 0 &&\n                            Object.keys(productData[productRef]?.add_ons).map(\n                              (addonName) => (\n                                <div className=\"pl-2 text-xxs\">\n                                  <p className=\" text-gray-700 capitalize \">\n                                    {addonName}\n                                  </p>\n                                  <p className=\" text-gray-500\">\n                                    <span className=\"mr-1\">£</span>\n\n                                    {\n                                      productData[productRef]?.add_ons[\n                                        addonName\n                                      ]\n                                    }\n                                  </p>\n                                </div>\n                              )\n                            )}\n                          {Object.keys(productData[productRef]?.variant)\n                            .length > 0 &&\n                            Object.values(\n                              productData[productRef]?.variant\n                            ).toString() !== \"null\" && (\n                              <div className=\"pl-2 text-xxs\">\n                                <p className=\" text-gray-700 capitalize \">\n                                  {Object.keys(\n                                    productData[productRef]?.variant\n                                  )}\n                                </p>\n                                <p className=\" text-gray-500\">\n                                  <span className=\"mr-1\">£</span>\n\n                                  {Object.values(\n                                    productData[productRef]?.variant\n                                  )}\n                                </p>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_1.split(\n                            \"-\"\n                          )[0] === \"color\" &&\n                            productData[productRef]?.attribute_1.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"\">\n                                <p className=\"text-xxs text-gray-700 capitalize \">\n                                  color\n                                </p>\n                                <button\n                                  className=\"rounded-full\"\n                                  style={{\n                                    backgroundColor: `${\n                                      productData[\n                                        productRef\n                                      ]?.attribute_1.split(\"-\")[1]\n                                    }`,\n                                    width: \"18px\",\n                                    height: \"18px\",\n                                    marginLeft: \"5px\",\n                                    marginTop: \"3px\",\n                                  }}\n                                ></button>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_1.split(\n                            \"-\"\n                          )[0] !== \"color\" &&\n                            productData[productRef]?.attribute_1.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"ml-2\">\n                                <div className=\"pl-2\">\n                                  <p className=\"text-xxs text-gray-700 capitalize \">\n                                    {\n                                      productData[\n                                        productRef\n                                      ]?.attribute_1.split(\"-\")[0]\n                                    }\n                                  </p>\n                                  <p className=\"text-xxs text-gray-500\">\n                                    {\n                                      productData[\n                                        productRef\n                                      ]?.attribute_1.split(\"-\")[1]\n                                    }\n                                  </p>\n                                </div>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_2.split(\n                            \"-\"\n                          )[0] !== \"null\" &&\n                            productData[productRef]?.attribute_2.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"pl-2\">\n                                <p className=\"text-xxs text-gray-700 capitalize \">\n                                  {\n                                    productData[productRef]?.attribute_2.split(\n                                      \"-\"\n                                    )[0]\n                                  }\n                                </p>\n                                <p className=\"text-xxs text-gray-500\">\n                                  {\n                                    productData[productRef]?.attribute_2.split(\n                                      \"-\"\n                                    )[1]\n                                  }\n                                </p>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_3.split(\n                            \"-\"\n                          )[0] !== \"null\" &&\n                            productData[productRef]?.attribute_3.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"pl-2\">\n                                <p className=\"text-xxs text-gray-700 capitalize \">\n                                  {\n                                    productData[productRef]?.attribute_3.split(\n                                      \"-\"\n                                    )[0]\n                                  }\n                                </p>\n                                <p className=\"text-xxs text-gray-500\">\n                                  {\n                                    productData[productRef]?.attribute_3.split(\n                                      \"-\"\n                                    )[1]\n                                  }\n                                </p>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_4.split(\n                            \"-\"\n                          )[0] !== \"null\" &&\n                            productData[productRef]?.attribute_4.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"pl-2\">\n                                <p className=\"text-xxs text-gray-700 capitalize \">\n                                  {\n                                    productData[productRef]?.attribute_4.split(\n                                      \"-\"\n                                    )[0]\n                                  }\n                                </p>\n                                <p className=\"text-xxs text-gray-500\">\n                                  {\n                                    productData[productRef]?.attribute_4.split(\n                                      \"-\"\n                                    )[1]\n                                  }\n                                </p>\n                              </div>\n                            )}\n                          {productData[productRef]?.attribute_5.split(\n                            \"-\"\n                          )[0] !== \"null\" &&\n                            productData[productRef]?.attribute_5.split(\n                              \"-\"\n                            )[1] !== \"null\" && (\n                              <div className=\"pl-2\">\n                                <p className=\"text-xxs text-gray-700 capitalize \">\n                                  {\n                                    productData[productRef]?.attribute_5.split(\n                                      \"-\"\n                                    )[0]\n                                  }\n                                </p>\n                                <p className=\"text-xxs text-gray-500\">\n                                  {\n                                    productData[productRef]?.attribute_5.split(\n                                      \"-\"\n                                    )[1]\n                                  }\n                                </p>\n                              </div>\n                            )}\n\n                          {/* Estimated delivery */}\n                          {productData[productRef]?.etm_date !== \"\" &&\n                            productData[productRef]?.etm_date !== null &&\n                            productData[productRef]?.etm_date?.split(\",\")[2] !==\n                              \"\" &&\n                            productData[productRef]?.etm_date?.split(\",\")[2] !==\n                              \"select\" && (\n                              <div className=\"text-xxs pl-2 flex flex-col items-end text-gray-500  \">\n                                <p className=\"items-center justify-end \">\n                                  Estimated Delivery\n                                </p>\n                                <p className=\"flex gap-2 text-xxs \">\n                                  {\n                                    productData[productRef]?.etm_date?.split(\n                                      \",\"\n                                    )[0]\n                                  }\n                                  -\n                                  {\n                                    productData[productRef]?.etm_date?.split(\n                                      \",\"\n                                    )[1]\n                                  }\n                                  <span className=\" text-gray-500\">\n                                    {\n                                      productData[productRef]?.etm_date?.split(\n                                        \",\"\n                                      )[2]\n                                    }\n                                  </span>\n                                </p>\n                              </div>\n                            )}\n                        </div>\n                      </div>\n                    ))}\n                {productData &&\n                  productData !== null &&\n                  productData !== undefined &&\n                  Object.keys(productData).length > 2 && (\n                    <button\n                      onClick={() => setShowAllItemsModal(true)}\n                      className=\"text-xs font-semibold text-gray-700\"\n                    >\n                      View All\n                    </button>\n                  )}\n              </div>\n              {/*attributes on mobile devices END */}\n\n              {/* schedule_Time div */}\n              {productDetails?.scheduled_time !== null &&\n                productDetails?.scheduled_time !== \"\" &&\n                productDetails?.scheduled_time?.slot !== null &&\n                productDetails?.scheduled_time?.slot !== undefined &&\n                Object.keys(productDetails?.scheduled_time?.slot).length >\n                  0 && (\n                  <div className=\"flex md:hidden text-xs mt-2 gap-1 text-gray-600  items-center justify-center\">\n                    <p>Scheduled Time</p>\n                    <span className=\"bg-gradient-to-t from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text\">\n                      {/* {productDetails?.scheduled_time} */}\n                      {dayjs\n                        .utc(productDetails?.scheduled_time?.date)\n                        .tz(timeZone)\n                        .format(\"YYYY-MM-DD\")}{\" \"}\n                      {dayjs\n                        .utc(productDetails?.scheduled_time?.slot?.from)\n                        .tz(timeZone)\n                        .format(\"HH:mm A\")}{\" \"}\n                      {dayjs\n                        .utc(productDetails?.scheduled_time?.slot?.to)\n                        .tz(timeZone)\n                        .format(\"HH:mm A\")}\n                    </span>\n                  </div>\n                )}\n\n              {/* check status and save div >> popup */}\n              <div className=\"relative z-10 justify-between gap-2  \">\n                {/* status div */}\n                <div className=\"flex flex-col gap-1 items-center w-full px-1\">\n                  <p className=\"text-center z-10 md:text-left w-full text-sm font-semibold bg-gradient-to-t from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text\">\n                    Payment Status{\" \"}\n                    <span className=\"text-gray-600 text-xs font-light\">\n                      £ {productDetails?.total_price?.toFixed(1)}{\" \"}\n                      {`(${productDetails?.partial}%)`} paid\n                    </span>\n                  </p>\n                  <div\n                    ref={statusRef}\n                    onClick={() => setShowStatus(!showStatus)}\n                    className=\" flex z-10 items-center justify-center cursor-pointer text-center text-xs   p-0.5 sm:px-2 w-full\"\n                  >\n                    <span className=\"text-xs w-1/3\"> Current Status:</span>\n                    <div className=\"flex items-center gap-2 text-xs bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text p-1.5   \">\n                      {(productDetails.status === \"received\" ||\n                        productDetails.status === \"Received\") && (\n                        <p className=\"flex gap-1 items-center\">\n                          Received at: <br />\n                          {dayjs\n                            .utc(productDetails?.date)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                      {productDetails.status === \"Ready\" && (\n                        <p className=\"flex gap-1 items-center\">\n                          Ready at: <br />\n                          {dayjs\n                            .utc(productDetails?.ready)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                      {productDetails.status === \"Dispatched\" && (\n                        <p className=\"flex gap-1 items-center\">\n                          Dispatched at: <br />\n                          {dayjs\n                            .utc(productDetails?.dispatched_at)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                      {productDetails.status === \"Out For Delivery\" && (\n                        <p className=\"flex gap-1 items-center \">\n                          Out for delivery at: <br />\n                          {dayjs\n                            .utc(productDetails?.out_for_delivery_at)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                      {productDetails.status === \"Delivered\" && (\n                        <p className=\"flex gap-1 items-center\">\n                          Delivered at: <br />\n                          {dayjs\n                            .utc(productDetails?.delivered_at)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                      {productDetails.status === \"Refunded\" && (\n                        <p className=\"flex gap-1 items-center\">\n                          Refunded at: <br />\n                          {dayjs\n                            .utc(productDetails?.refunded_at)\n                            .tz(timeZone)\n                            .format(\"YYYY-MM-DD HH:mm:ss A\")}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n\n                  {productDetails.status !== \"Delivered\" && (\n                    <div className=\" flex flex-col gap-2 items-center justify-around w-full px-4\">\n                      {/* select status */}\n                      <select\n                        class=\"focus:outline-none text-xs w-full text-gray-700 bg-gradient-to-t from-pink-100 to-white p-1 my-2 cursor-pointer rounded-md border border-pink-300\"\n                        required\n                        value={status}\n                        onChange={(e) => handleChangeStatus(e.target.value)}\n                      >\n                        <option value=\"status\">Update Status</option>\n\n                        <option value=\"received\">Received</option>\n                        <option value=\"ready\">Ready</option>\n                        <option value=\"dispatched\">Dispatched</option>\n\n                        <option value=\"out_for_delivery\">\n                          Out For Delivery\n                        </option>\n\n                        <option value=\"delivered\">Delivered</option>\n                      </select>\n                    </div>\n                  )}\n                </div>\n\n                {/* refund button */}\n                <div className=\"flex gap-1 justify-around flex-row-reverse md:px-3 mt-2 md:mt-1 \">\n                  {productDetails?.refunded_at === null &&\n                    productDetails.status !== \"Delivered\" && (\n                      <button\n                        className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 px-4 p-0.5 font-semibold text-sm text-gray-700 my-1 shadow-md \"\n                        onClick={() => setRefundModal(true)}\n                      >\n                        Refund\n                      </button>\n                    )}\n                  {productDetails.partial !== 100 &&\n                    productDetails?.refund_amount !== null && (\n                      <button\n                        className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 px-4 p-0.5 font-semibold text-sm text-gray-700 my-1 shadow-md \"\n                        onClick={() => {\n                          setLinkModalIsOpenToTrue();\n                          handleShareCardClick(productDetails.order_id);\n                          // toast(\"Sharing link copied!\");\n                        }}\n                      >\n                        Request Payment\n                      </button>\n                    )}\n                </div>\n                {productDetails?.refunded_at !== null &&\n                  productDetails?.refund_amount !== null && (\n                    <p className=\"flex items-center justify-center gap-2 mt-2 text-center w-full font-semibold  \">\n                      <span className=\"bg-gradient-to-b from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text\">\n                        Refunded amount :\n                      </span>\n                      <span>{productDetails?.refund_amount}</span>\n                    </p>\n                  )}\n              </div>\n            </div>\n\n            {/* schedule_Time div */}\n            {productDetails?.scheduled_time !== null &&\n              productDetails?.scheduled_time !== \"\" &&\n              productDetails?.scheduled_time?.slot !== null &&\n              productDetails?.scheduled_time?.slot !== undefined &&\n              Object.keys(productDetails?.scheduled_time?.slot).length > 0 && (\n                <div className=\"hidden md:flex text-xs mt-2 gap-1 text-gray-600  items-center justify-center\">\n                  <p>Scheduled Time</p>\n                  <span className=\"bg-gradient-to-t from-purple-500 to-pink-500 to-20%  text-transparent bg-clip-text\">\n                    {/* {productDetails?.scheduled_time} */}\n                    {dayjs\n                      .utc(productDetails?.scheduled_time?.date)\n                      .tz(timeZone)\n                      .format(\"YYYY-MM-DD\")}\n                    {\"  \"}\n                    {dayjs\n                      .utc(productDetails?.scheduled_time?.slot?.from)\n                      .tz(timeZone)\n                      .format(\"HH:mm A\")}{\" \"}\n                    {dayjs\n                      .utc(productDetails?.scheduled_time?.slot?.to)\n                      .tz(timeZone)\n                      .format(\"HH:mm A\")}\n                  </span>\n                </div>\n              )}\n\n            {/* md+ devices attributes start */}\n            {/* product details */}\n            <div className=\"hidden md:block\">\n              {productData &&\n                Object.keys(productData).length > 0 &&\n                Object.keys(productData)\n                  .slice(0, 2)\n                  .map((productRef) => (\n                    <div\n                      key={productRef}\n                      className=\"flex flex-col md:flex-row items-start w-full p-2\"\n                    >\n                      {/* image */}\n                      <div className=\"flex gap-2 items-center\">\n                        <div className=\"w-12\">\n                          <img\n                            src={productData[productRef]?.images}\n                            alt=\"\"\n                            className=\"w-12 h-12 rounded-lg\"\n                          />\n                        </div>\n                        <div className=\" \">\n                          {/* product name */}\n                          <p className=\"text-sm md:text-sm capitalize\">\n                            {productData[productRef]?.itemname}\n                          </p>\n                          {/* quantity */}\n                          <div className=\"flex flex-row items-center\">\n                            <svg\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 24 24\"\n                              width=\"24\"\n                              height=\"24\"\n                              className=\"w-4 h-4\"\n                            >\n                              <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                              <path d=\"M4 6.414L.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414zM6 7v6h11.512l1.8-6H6zm-.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z\" />\n                            </svg>\n                            <p className=\"text-gray-700  ml-1 flex text-xs \">\n                              Quantity:\n                            </p>\n                            <span className=\" text-xs text-gray-600 p-1\">\n                              {productData[productRef]?.quantity}\n                            </span>\n                          </div>\n                        </div>\n                      </div>\n                      {/* attributes */}\n\n                      <div className=\"flex items-start text-xs  justify-start ml-2 pt-1 w-full  space-x-1 divide-x  \">\n                        {productData[productRef]?.add_ons !== null &&\n                          productData[productRef]?.add_ons !== undefined &&\n                          Object.keys(productData[productRef]?.add_ons).length >\n                            0 &&\n                          Object.keys(productData[productRef]?.add_ons).map(\n                            (addonName) => (\n                              <div className=\"pl-2 text-xs\">\n                                <p className=\" text-gray-700 capitalize \">\n                                  {addonName}\n                                </p>\n                                <p className=\" text-gray-500\">\n                                  <span className=\"mr-1\">£</span>\n\n                                  {productData[productRef]?.add_ons[addonName]}\n                                </p>\n                              </div>\n                            )\n                          )}\n                        {Object.keys(productData[productRef]?.variant).length >\n                          0 &&\n                          Object.values(\n                            productData[productRef]?.variant\n                          ).toString() !== \"null\" && (\n                            <div className=\"pl-2\">\n                              <p className=\" text-gray-700 capitalize \">\n                                {Object.keys(productData[productRef]?.variant)}\n                              </p>\n                              <p className=\" text-gray-500\">\n                                {productDetails.currency === \"GBP\" && (\n                                  <span className=\"mr-1\">£</span>\n                                )}\n                                {productDetails.currency === \"EUR\" && (\n                                  <span className=\"mr-1\">€</span>\n                                )}\n                                {productDetails.currency === \"USD\" && (\n                                  <span className=\"mr-1\">$</span>\n                                )}\n                                {Object.values(\n                                  productData[productRef]?.variant\n                                )}\n                              </p>\n                            </div>\n                          )}\n\n                        {productData[productRef]?.attribute_1.split(\"-\")[0] ===\n                          \"color\" &&\n                          productData[productRef]?.attribute_1.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"\">\n                              <p className=\" text-gray-700 capitalize \">\n                                color\n                              </p>\n                              <button\n                                className=\"rounded-full\"\n                                style={{\n                                  backgroundColor: `${\n                                    productData[productRef]?.attribute_1.split(\n                                      \"-\"\n                                    )[1]\n                                  }`,\n                                  width: \"18px\",\n                                  height: \"18px\",\n                                  marginLeft: \"5px\",\n                                  marginTop: \"3px\",\n                                }}\n                              ></button>\n                            </div>\n                          )}\n                        {productData[productRef]?.attribute_1.split(\"-\")[0] !==\n                          \"color\" &&\n                          productData[productRef]?.attribute_1.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"ml-2\">\n                              <div className=\"pl-2\">\n                                <p className=\" text-gray-700 capitalize \">\n                                  {\n                                    productData[productRef]?.attribute_1.split(\n                                      \"-\"\n                                    )[0]\n                                  }\n                                </p>\n                                <p className=\" text-gray-500\">\n                                  {\n                                    productData[productRef]?.attribute_1.split(\n                                      \"-\"\n                                    )[1]\n                                  }\n                                </p>\n                              </div>\n                            </div>\n                          )}\n                        {productData[productRef]?.attribute_2.split(\"-\")[0] !==\n                          \"null\" &&\n                          productData[productRef]?.attribute_2.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"pl-2\">\n                              <p className=\" text-gray-700 capitalize \">\n                                {\n                                  productData[productRef]?.attribute_2.split(\n                                    \"-\"\n                                  )[0]\n                                }\n                              </p>\n                              <p className=\" text-gray-500\">\n                                {\n                                  productData[productRef]?.attribute_2.split(\n                                    \"-\"\n                                  )[1]\n                                }\n                              </p>\n                            </div>\n                          )}\n                        {productData[productRef]?.attribute_3.split(\"-\")[0] !==\n                          \"null\" &&\n                          productData[productRef]?.attribute_3.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"pl-2\">\n                              <p className=\" text-gray-700 capitalize \">\n                                {\n                                  productData[productRef]?.attribute_3.split(\n                                    \"-\"\n                                  )[0]\n                                }\n                              </p>\n                              <p className=\" text-gray-500\">\n                                {\n                                  productData[productRef]?.attribute_3.split(\n                                    \"-\"\n                                  )[1]\n                                }\n                              </p>\n                            </div>\n                          )}\n                        {productData[productRef]?.attribute_4.split(\"-\")[0] !==\n                          \"null\" &&\n                          productData[productRef]?.attribute_4.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"pl-2\">\n                              <p className=\" text-gray-700 capitalize \">\n                                {\n                                  productData[productRef]?.attribute_4.split(\n                                    \"-\"\n                                  )[0]\n                                }\n                              </p>\n                              <p className=\" text-gray-500\">\n                                {\n                                  productData[productRef]?.attribute_4.split(\n                                    \"-\"\n                                  )[1]\n                                }\n                              </p>\n                            </div>\n                          )}\n                        {productData[productRef]?.attribute_5.split(\"-\")[0] !==\n                          \"null\" &&\n                          productData[productRef]?.attribute_5.split(\"-\")[1] !==\n                            \"null\" && (\n                            <div className=\"pl-2\">\n                              <p className=\" text-gray-700 capitalize \">\n                                {\n                                  productData[productRef]?.attribute_5.split(\n                                    \"-\"\n                                  )[0]\n                                }\n                              </p>\n                              <p className=\" text-gray-500\">\n                                {\n                                  productData[productRef]?.attribute_5.split(\n                                    \"-\"\n                                  )[1]\n                                }\n                              </p>\n                            </div>\n                          )}\n\n                        {/* Estimated delivery */}\n                        {productData[productRef]?.etm_date !== \"\" &&\n                          productData[productRef]?.etm_date !== null &&\n                          productData[productRef]?.etm_date?.split(\",\")[2] !==\n                            \"\" &&\n                          productData[productRef]?.etm_date?.split(\",\")[2] !==\n                            \"select\" && (\n                            <div className=\" pl-2 flex flex-col items-end text-gray-500  \">\n                              <p className=\"items-center justify-end \">\n                                Estimated Delivery\n                              </p>\n                              <p className=\"flex gap-2  \">\n                                {\n                                  productData[productRef]?.etm_date?.split(\n                                    \",\"\n                                  )[0]\n                                }\n                                -\n                                {\n                                  productData[productRef]?.etm_date?.split(\n                                    \",\"\n                                  )[1]\n                                }\n                                <span className=\" text-gray-500\">\n                                  {\n                                    productData[productRef]?.etm_date?.split(\n                                      \",\"\n                                    )[2]\n                                  }\n                                </span>\n                              </p>\n                            </div>\n                          )}\n                      </div>\n                    </div>\n                  ))}\n              {productData &&\n                productData !== null &&\n                productData !== undefined &&\n                Object.keys(productData).length > 2 && (\n                  <button\n                    onClick={() => setShowAllItemsModal(true)}\n                    className=\"text-xs font-semibold text-gray-700\"\n                  >\n                    View All\n                  </button>\n                )}\n            </div>\n          </div>\n        </div>\n      </div>\n      {/* ordered products scrollable modal */}\n      <Modal\n        isOpen={showAllItemsModal}\n        className=\" max-w-lg z-50 mx-5 sm:mx-auto my-5 md:my-10 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setShowAllItemsModal(false)}\n      >\n        <button\n          onClick={setShowAllItemsModalIsClosed}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer text-white hover:text-black bg-pink-400 hover:bg-white rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all  sm:align-middle max-w-lg w-full\">\n          <div className=\"bg-white space-y-3 px-0.5 pt-5 pb-4 sm:p-6 sm:pb-4 overflow-y-scroll max-h-96\">\n            {productData &&\n              productData !== null &&\n              productData !== undefined &&\n              Object.keys(productData).map((productRef) => (\n                <div\n                  key={productRef}\n                  className=\"flex flex-col md:flex-row gap-2 items-start p-1 w-full shadow-sm\"\n                >\n                  <div className=\"flex gap-2 items-start\">\n                    {/* image */}\n                    <div className=\"\">\n                      <img\n                        src={productData[productRef]?.images}\n                        alt=\"\"\n                        className=\"w-12 h-12 rounded-lg\"\n                      />\n                    </div>\n                    <div className=\" \">\n                      {/* product name */}\n                      <p className=\"text-sm md:text-sm capitalize\">\n                        {productData[productRef]?.itemname}\n                      </p>\n                      {/* quantity */}\n                      <div className=\"flex flex-row items-center\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          width=\"24\"\n                          height=\"24\"\n                          className=\"w-4 h-4\"\n                        >\n                          <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                          <path d=\"M4 6.414L.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414zM6 7v6h11.512l1.8-6H6zm-.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z\" />\n                        </svg>\n                        <p className=\"text-gray-700  ml-1 flex text-xs \">\n                          Quantity:\n                        </p>\n                        <span className=\" text-xs text-gray-600 p-1\">\n                          {productData[productRef]?.quantity}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                  {/* attributes */}\n                  <div className=\"flex space-x-2 text-sm divide-x \">\n                    {productData[productRef]?.attribute_1.split(\"-\")[0] ===\n                      \"color\" &&\n                      productData[productRef]?.attribute_1.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"ml-2\">\n                          <p className=\"text-xxs text-gray-700 capitalize \">\n                            color\n                          </p>\n                          <button\n                            className=\"rounded-full\"\n                            style={{\n                              backgroundColor: `${\n                                productData[productRef]?.attribute_1.split(\n                                  \"-\"\n                                )[1]\n                              }`,\n                              width: \"18px\",\n                              height: \"18px\",\n                              marginLeft: \"5px\",\n                              marginTop: \"3px\",\n                            }}\n                          ></button>\n                        </div>\n                      )}\n                    {productData[productRef]?.attribute_1.split(\"-\")[0] !==\n                      \"color\" &&\n                      productData[productRef]?.attribute_1.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"ml-2\">\n                          <div className=\"pl-2\">\n                            <p className=\"text-xxs text-gray-700 capitalize \">\n                              {\n                                productData[productRef]?.attribute_1.split(\n                                  \"-\"\n                                )[0]\n                              }\n                            </p>\n                            <p className=\" text-gray-500\">\n                              {\n                                productData[productRef]?.attribute_1.split(\n                                  \"-\"\n                                )[1]\n                              }\n                            </p>\n                          </div>\n                        </div>\n                      )}\n                    {productData[productRef]?.attribute_2.split(\"-\")[0] !==\n                      \"null\" &&\n                      productData[productRef]?.attribute_2.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"pl-2\">\n                          <p className=\"text-xxs text-gray-700 capitalize \">\n                            {productData[productRef]?.attribute_2.split(\"-\")[0]}\n                          </p>\n                          <p className=\" text-gray-500\">\n                            {productData[productRef]?.attribute_2.split(\"-\")[1]}\n                          </p>\n                        </div>\n                      )}\n                    {productData[productRef]?.attribute_3.split(\"-\")[0] !==\n                      \"null\" &&\n                      productData[productRef]?.attribute_3.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"pl-2\">\n                          <p className=\"text-xxs text-gray-700 capitalize \">\n                            {productData[productRef]?.attribute_3.split(\"-\")[0]}\n                          </p>\n                          <p className=\" text-gray-500\">\n                            {productData[productRef]?.attribute_3.split(\"-\")[1]}\n                          </p>\n                        </div>\n                      )}\n                    {productData[productRef]?.attribute_4.split(\"-\")[0] !==\n                      \"null\" &&\n                      productData[productRef]?.attribute_4.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"pl-2\">\n                          <p className=\"text-xxs text-gray-700 capitalize \">\n                            {productData[productRef]?.attribute_4.split(\"-\")[0]}\n                          </p>\n                          <p className=\" text-gray-500\">\n                            {productData[productRef]?.attribute_4.split(\"-\")[1]}\n                          </p>\n                        </div>\n                      )}\n                    {productData[productRef]?.attribute_5.split(\"-\")[0] !==\n                      \"null\" &&\n                      productData[productRef]?.attribute_5.split(\"-\")[1] !==\n                        \"null\" && (\n                        <div className=\"pl-2\">\n                          <p className=\"text-xxs text-gray-700 capitalize \">\n                            {productData[productRef]?.attribute_5.split(\"-\")[0]}\n                          </p>\n                          <p className=\" text-gray-500\">\n                            {productData[productRef]?.attribute_5.split(\"-\")[1]}\n                          </p>\n                        </div>\n                      )}\n                  </div>\n                </div>\n              ))}\n          </div>\n        </div>\n      </Modal>\n\n      {/* ordered products scrollable modal */}\n      <Modal\n        isOpen={trackingIdModal}\n        className=\" max-w-lg z-50 mx-5 sm:mx-auto my-5 md:my-10 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n      >\n        <button\n          onClick={setTrackingIdModalIsClosed}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer text-white hover:text-black bg-pink-400 hover:bg-white rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"flex items-start justify-center bg-white p-5  rounded-xl\">\n          <div className=\"flex flex-col items-end space-y-4 \">\n            <div className=\"flex flex-col items-start gap-0.5\">\n              <label htmlFor=\"trackingId\">Tracking ID</label>\n              <input\n                id=\"trackingId\"\n                type=\"text\"\n                className=\"mx-2 bg-gray-100 px-2 p-1 border border-gray-200 rounded-lg focus:outline-none\"\n                value={trackingId}\n                onChange={(event) => setTrackingId(event.target.value)}\n              />\n            </div>\n            <div className=\"flex flex-col items-start gap-0.5\">\n              <label htmlFor=\"trackingId\">Shipping Provider</label>\n              <input\n                id=\"trackingId\"\n                type=\"text\"\n                className=\"mx-2 bg-gray-100 px-2 p-1 border border-gray-200 rounded-lg focus:outline-none\"\n                value={shippingProvider}\n                onChange={(event) => setShippingProvider(event.target.value)}\n              />\n            </div>\n\n            <div className=\"flex justify-end space-x-4\">\n              <button\n                onClick={() => {\n                  setTrackingIdModal(false);\n                  handleChangeStatus(\"dispatched\");\n                }}\n                className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n              >\n                save\n              </button>\n              <button\n                onClick={() => {\n                  setTrackingId(\"\");\n                  setShippingProvider(\"\");\n                  setStatus(\"status\");\n                  setTrackingIdModal(false);\n                }}\n                className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n              >\n                cancel\n              </button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* refund modal */}\n      <Modal\n        isOpen={refundModal}\n        className=\" max-w-lg z-50 mx-5 sm:mx-auto my-5 md:my-10 rounded-md font-lexand shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n      >\n        <button\n          onClick={setRefundModalIsClosed}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer text-white hover:text-black bg-pink-400 hover:bg-white rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"flex items-start justify-center bg-white p-5  rounded-xl\">\n          <div className=\"flex flex-col items-end space-y-4\">\n            <div>\n              <label htmlFor=\"refundAmt\">Amount </label>\n              <input\n                id=\"refundAmt\"\n                type=\"Number\"\n                placeholder={productDetails?.total_price}\n                className=\"mx-2 bg-gray-100 px-2 p-1 border border-gray-200 rounded-lg focus:outline-none\"\n                value={refundAmount}\n                onChange={(event) => setRefundAmount(event.target.value)}\n              />\n            </div>\n\n            <div className=\"flex justify-end space-x-4\">\n              <button\n                onClick={() => {\n                  setRefundModal(false);\n                  var accesstoken = getToken();\n                  window.dataLayer.push({\n                    order_date: dayjs(Date.now()),\n                    order_amount: refundAmount,\n                    order_id: productDetails.order_id,\n                    event: \"refund_click\",\n                  });\n                  fetch(\n                    `https://omnistack.org${process.env.REACT_APP_LINK}` +\n                      \"refund/\",\n                    {\n                      method: \"POST\",\n                      headers: {\n                        \"Content-Type\": \"application/json\",\n                        Authorization: \"Bearer \" + accesstoken,\n                      },\n                      body: JSON.stringify({\n                        order_id: productDetails.order_id,\n                        amount: refundAmount,\n                      }),\n                    }\n                  )\n                    .then((response) => response.json())\n                    .then((json) => {\n                      toast(\n                        JSON.stringify(json[\"Notification-text\"]).replace(\n                          /\"|'/g,\n                          \"\"\n                        )\n                      );\n                    });\n                }}\n                className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n              >\n                save\n              </button>\n              <button\n                onClick={() => {\n                  setRefundModal(false);\n                }}\n                className=\" rounded-full bg-gradient-to-b from-purple-200 to-pink-300 w-24 font-semibold text-md text-gray-700 my-1 shadow-md \"\n              >\n                cancel\n              </button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* share link modal */}\n      <Modal\n        isOpen={linkModalIsOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto my-10 md:my-16 rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setLinkModalIsOpen(false)}\n      >\n        <button\n          onClick={setLinkModalIsOpenToFalse}\n          className=\"flex justify-start mb-1 px-2 pb-1 button shadow-md focus:outline-none cursor-pointer bg-pink-400 rounded-md text-sm font-semibold flex-shrink\"\n        >\n          x\n        </button>\n        <div className=\"bg-white  p-6 rounded-md flex flex-col items-center\">\n          <div className=\"relative\">\n            <img src={qrCodeUrl} alt=\"QR code\" className=\"w-72 h-72\" />\n            <button\n              title=\"Download QR\"\n              className=\"absolute bottom-5 -right-3 shadow-md bg-pink-300 rounded-b-md rounded-l-md\"\n              onClick={handleDownloadQrCode}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"24\"\n                height=\"24\"\n                className=\"h-8 w-8\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M13 10h5l-6 6-6-6h5V3h2v7zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7z\" />\n              </svg>\n            </button>\n          </div>\n          <div className=\"w-full flex justify-center\">\n            <input\n              type=\"text\"\n              className=\"border border-pink-300 rounded-l-md text-sm p-2 md:w-80 text-gray-500\"\n              value={`https://zaplyn.link/cart/${productDetails.order_id}`}\n              readOnly\n            />\n            <button\n              className=\"bg-white px-2 border border-pink-300 rounded-r-md flex items-center space-x-1 text-gray-700 \"\n              onClick={() => {\n                navigator.clipboard.writeText(\n                  \"https://zaplyn.link/cart/\" + productDetails.order_id\n                );\n              }}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                width=\"20\"\n                height=\"20\"\n                className=\"w-4 h-4\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n                <path d=\"M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z\" />\n              </svg>\n              <span className=\"text-xs\">Copy</span>\n            </button>\n          </div>\n        </div>\n      </Modal>\n\n      {/* notemodal */}\n      <Modal\n        isOpen={isCustomerNoteModalOpen}\n        className=\"font-lexand mt-10 max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsCustomerNoteModalOpen(false)}\n      >\n        <div className=\"bg-white p-2 rounded-lg\">\n          <div className=\"flex flex-col items-center justify-center\">\n            <textarea\n              name=\"internalnote\"\n              id=\"internalnote\"\n              className={`focus:outline-none p-2 shadow-sm border  border-gray-100 rounded-md text-xs h-20 w-full overflow-hidden `}\n              type=\"Text\"\n              value={productDetails?.customer_note}\n              required\n              placeholder=\"Enter your note here\"\n              rows=\"1\"\n              readOnly\n              maxLength={150}\n            />\n            <div className=\"flex gap-2 text-xs mt-2\">\n              <button\n                onClick={setIsCustomerNoteModalOpenToFalse}\n                className={`bg-gradient-to-b from-purple-200 to-pink-300  px-4 p-1 rounded-full shadow-md font-semibold  `}\n              >\n                Close\n              </button>\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Loading Modal*/}\n      <Modal\n        isOpen={isLoadingModalOpen}\n        className=\"font-lexand  max-w-xl z-50 mx-5 sm:mx-auto rounded-md shadow-lg text-center\"\n        overlayClassName=\"bg-black z-50 bg-opacity-60 fixed inset-0 overflow-y-auto\"\n        onRequestClose={() => setIsLoadingModalOpen(false)}\n      >\n        <div className=\" p-6 rounded-md h-screen flex flex-col items-center justify-center\">\n          <div className=\"flex items-center justify-center space-x-2\">\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n            <div className=\"w-4 h-4 rounded-full animate-pulse bg-pink-400\"></div>\n          </div>\n        </div>\n      </Modal>\n    </div>\n\n    // </div>\n  );\n}\n\nexport default OrderCards;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Select from \"react-select\";\nimport { GlobalContext } from \"../../GlobalContext.js\";\n\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport TextField from \"@mui/material/TextField\";\nimport dayjs from \"dayjs\";\nimport { MobileDatePicker } from \"@mui/x-date-pickers\";\n\nconst FilterPopup = () => {\n  const {\n    selectedOrderId,\n    selectedProductName,\n    selectedCustomerName,\n    selectedShopId,\n    selectedOrderDate,\n    selectedFilterOptions,\n    setSelectedFilterOptions,\n    setShowOrdersFilteredData,\n    setSelectedOrderId,\n    setSelectedProductName,\n    setSelectedCustomerName,\n    setSelectedShopId,\n    setSelectedOrderDate,\n    setSelectedSortType,\n    deliveredDate,\n    setDeliveredDate,\n    orderStartDate,\n    setOrderStartDate,\n    orderEndDate,\n    setOrderEndDate,\n  } = useContext(GlobalContext);\n  const [options, setOptions] = useState([\n    { value: \"Received\", label: \"Received\" },\n    { value: \"Ready\", label: \"Ready\" },\n    { value: \"Dispatched\", label: \"Dispatched\" },\n    { value: \"Out For Delivery\", label: \"Out For Delivery\" },\n    { value: \"Delivered\", label: \"Delivered\" },\n    { value: \"Refunded\", label: \"Refunded\" },\n  ]);\n\n  const [selectedOrderIdLocal, setSelectedOrderIdLocal] =\n    useState(selectedOrderId);\n  const [selectedProductNameLocal, setSelectedProductNameLocal] =\n    useState(selectedProductName);\n  const [selectedCustomerNameLocal, setSelectedCustomerNameLocal] =\n    useState(selectedCustomerName);\n  const [selectedShopIdLocal, setSelectedShopIdLocal] =\n    useState(selectedShopId);\n  const [selectedOrderDateLocal, setSelectedOrderDateLocal] =\n    useState(selectedOrderDate);\n  const [selectedFilterOptionsLocal, setSelectedFilterOptionsLocal] = useState(\n    selectedFilterOptions\n  );\n\n  const [deliveredDatelocal, setDeliveredDatelocal] = React.useState(\n    deliveredDate ?? dayjs()\n  );\n\n  const [startDateLocal, setStartDateLocal] = React.useState(\n    orderStartDate ?? dayjs()\n  );\n\n  const [endDateLocal, setEndDateLocal] = React.useState(\n    orderEndDate ?? dayjs()\n  );\n  const handleOptionChange = (selectedOptions) => {\n    setSelectedFilterOptionsLocal(selectedOptions);\n    // console.log(\"Selectedoption\", selectedOptions);\n    // if (selectedOptions.length === 0) {\n    //   setShowOrdersFilteredData(false);\n    // }\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    setSelectedOrderId(selectedOrderIdLocal);\n    setSelectedProductName(selectedProductNameLocal);\n    setSelectedCustomerName(selectedCustomerNameLocal);\n    setSelectedShopId(selectedShopIdLocal);\n    setSelectedOrderDate(selectedOrderDateLocal);\n    setSelectedFilterOptions(selectedFilterOptionsLocal);\n    setDeliveredDate(deliveredDatelocal);\n    setOrderStartDate(startDateLocal);\n    setOrderEndDate(endDateLocal);\n    setSelectedSortType(\"latest\");\n\n    setShowOrdersFilteredData(true);\n  };\n\n  const handleReset = () => {\n    setShowOrdersFilteredData(false);\n    setSelectedOrderId(\"\");\n    setSelectedProductName(\"\");\n    setSelectedCustomerName(\"\");\n    setSelectedShopId(\"\");\n    setSelectedOrderDate(\"\");\n    setSelectedFilterOptions([]);\n    setSelectedOrderIdLocal(\"\");\n    setSelectedProductNameLocal(\"\");\n    setSelectedCustomerNameLocal(\"\");\n    setSelectedShopIdLocal(\"\");\n    setSelectedOrderDateLocal(\"\");\n    setSelectedFilterOptionsLocal([]);\n    setDeliveredDate(\"\");\n    setDeliveredDatelocal(\"\");\n    setOrderStartDate(\"\");\n    setStartDateLocal(\"\");\n    setOrderEndDate(\"\");\n    setEndDateLocal(\"\");\n    setSelectedSortType(\"latest\");\n  };\n\n  return (\n    <div className=\"\">\n      <div className=\"absolute right-0 top-8 z-10 bg-white border border-pink-300 flex flex-col justify-between px-4 leading-tight  rounded-md p-2 text-xs \">\n        <div className=\" flex flex-col gap-2 \">\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Order Status</p>\n            <Select\n              className=\"w-52\"\n              value={selectedFilterOptionsLocal}\n              onChange={handleOptionChange}\n              options={options}\n              placeholder={\"select\"}\n              isMulti\n              closeMenuOnSelect={false}\n              autosize={false}\n              getOptionValue={(option) => option.value} //value is what it is\n              getOptionLabel={(option) => option.label} //label is what you see\n            />\n          </div>\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Order Id</p>\n            <input\n              onChange={(e) => setSelectedOrderIdLocal(e.target.value)}\n              type=\"number\"\n              value={selectedOrderIdLocal}\n              placeholder=\"Enter OrderId\"\n              className=\"text-xs rounded-lg border border-pink-200 p-2\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Shop Id</p>\n            <input\n              onChange={(e) => setSelectedShopIdLocal(e.target.value)}\n              type=\"text\"\n              value={selectedShopIdLocal}\n              placeholder=\"Enter ShopId\"\n              className=\"text-xs rounded-lg border border-pink-200 p-2\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Product Name</p>\n            <input\n              onChange={(e) => setSelectedProductNameLocal(e.target.value)}\n              type=\"text\"\n              value={selectedProductNameLocal}\n              placeholder=\"Enter Product Name\"\n              className=\"text-xs rounded-lg border border-pink-200 p-2\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Customer Name</p>\n            <input\n              onChange={(e) => setSelectedCustomerNameLocal(e.target.value)}\n              type=\"text\"\n              value={selectedCustomerNameLocal}\n              placeholder=\"Enter Customer Name\"\n              className=\"text-xs  rounded-lg border border-pink-200 p-2\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Delivered Date</p>\n            <LocalizationProvider dateAdapter={AdapterDayjs}>\n              <MobileDatePicker\n                className=\"text-xs  rounded-lg border border-pink-200 \"\n                onChange={setDeliveredDatelocal}\n                value={deliveredDatelocal}\n                slotProps={{\n                  textField: { size: \"small\", padding: \"0px !important\" },\n                }}\n                renderInput={(params) => <TextField {...params} />}\n              />\n            </LocalizationProvider>\n          </div>\n\n          <hr className=\"\" />\n          <p>Order Date Range</p>\n          <div className=\"flex items-center gap-2  \">\n            <LocalizationProvider dateAdapter={AdapterDayjs}>\n              <MobileDatePicker\n                className=\"text-xs  rounded-lg border border-pink-200 \"\n                onChange={setStartDateLocal}\n                value={startDateLocal}\n                slotProps={{\n                  textField: {\n                    size: \"small\",\n                    style: {\n                      fontSize: \"5px\",\n                      padding: \"1px\",\n                    },\n                  },\n                }}\n                renderInput={(params) => <TextField {...params} />}\n              />\n            </LocalizationProvider>\n            <LocalizationProvider dateAdapter={AdapterDayjs}>\n              <MobileDatePicker\n                className=\"text-xs  rounded-lg border border-pink-200 \"\n                onChange={setEndDateLocal}\n                value={endDateLocal}\n                slotProps={{\n                  textField: {\n                    size: \"small\",\n                  },\n                }}\n                renderInput={(params) => <TextField {...params} />}\n              />\n            </LocalizationProvider>\n          </div>\n          {/* <div className=\"flex items-center gap-2 md:w-60 \">\n            <p className=\" text-xs mb-1 w-2/5\">Order Date</p>\n            <LocalizationProvider dateAdapter={AdapterDayjs}>\n              <MobileDatePicker\n                className={`bg-white border border-pink-100  `}\n                onChange={setSelectedOrderDateLocal}\n                value={selectedOrderDate}\n                PopperProps={{\n                  sx: {\n                    \"&.MuiPickersPopper-root\": { border: \"1px solid red\" },\n                  },\n                }}\n                slotProps={{\n                  textField: {\n                    size: \"small\",\n                    px: 2,\n                    py: 1,\n                    borderRadius: 1,\n                  },\n                }}\n                renderInput={(params) => (\n                  <TextField\n                    style={{ opacity: 0, width: 0, height: 0 }}\n                    {...params}\n                  />\n                )}\n              />\n            </LocalizationProvider>\n          </div> */}\n        </div>\n\n        <div className=\"flex items-center justify-around mt-2\">\n          <button\n            className=\"py-1 px-4 bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 focus:outline-none to-20% rounded-full text-sm text-gray-600 shadow-md w-20 \"\n            onClick={handleReset}\n          >\n            Reset\n          </button>\n          <button\n            onClick={handleSubmit}\n            className=\"py-1 px-4 rounded-full bg-gradient-to-b from-purple-200 to-pink-300 transform active:from-pink-300 active:to-purple-300 active:scale-95 focus:outline-none to-20% text-sm text-gray-600 shadow-md w-20\"\n          >\n            Search\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default FilterPopup;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport getUsername from \"../../Account_Infomation/Username\";\nimport OrderCards from \"./OrderCards\";\nimport { GlobalContext } from \"../../GlobalContext\";\nimport { PayContext } from \"../../PayContext\";\nimport { ToastContainer } from \"react-toastify\";\nimport getToken from \"../../Token\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport LoadingModal from \"../../popups/LoadingModal\";\nimport dayjs from \"dayjs\";\nimport FilterPopup from \"./FilterPopup\";\n\nfunction FilterComponent() {\n  const queryClient = useQueryClient();\n  const accesstoken = getToken();\n  const curUser = getUsername();\n\n  const {\n    setShowOrdersFilteredData,\n    selectedFilterOptions,\n    setSelectedFilterOptions,\n    selectedOrderId,\n    selectedProductName,\n    selectedCustomerName,\n    selectedShopId,\n    selectedOrderDate,\n    selectedSortType,\n    deliveredDate,\n    orderStartDate,\n    orderEndDate,\n    setSelectedSortType,\n  } = useContext(GlobalContext);\n  const { new_order_socket } = useContext(PayContext);\n  const [isAscending, setIsAscending] = useState(true);\n  const [selectSortType, setSelectSortType] = useState(selectedSortType);\n\n  const [modifiedData, setModifiedData] = useState([]);\n\n  const [page, setPage] = useState(1);\n\n  const FetchFilteredData = async (pageNo) => {\n    try {\n      const response = await fetch(\n        `https://omnistack.org${process.env.REACT_APP_LINK}` +\n          \"fetch-filter-orders/\",\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Authorization: \"Bearer \" + accesstoken,\n          },\n          body: JSON.stringify({\n            user: curUser,\n            sorting: selectedSortType,\n            page: pageNo,\n            order_status: selectedFilterOptions\n              .map((item) => item.value)\n              .toString(),\n            order_id: selectedOrderId || \"\",\n            order_dates: selectedOrderDate || \"\",\n            shop_id: selectedShopId || \"\",\n            product_name: selectedProductName || \"\",\n            customer_name: selectedCustomerName || \"\",\n            delivered_date: deliveredDate\n              ? dayjs(deliveredDate).format(\"YYYY-MM-DD\")\n              : \"\",\n            start_date: orderStartDate\n              ? dayjs(orderStartDate).format(\"YYYY-MM-DD\")\n              : \"\",\n            end_date: orderEndDate\n              ? dayjs(orderEndDate).format(\"YYYY-MM-DD\")\n              : \"\",\n          }),\n        }\n      );\n      const json = await response.json();\n\n      return json;\n    } catch (error) {\n      console.log(\"\");\n    }\n  };\n  const [ordersdata, setOrdersdata] = useState(\"\");\n  // fetch filtered orders\n  const {\n    isLoading: isFliteredOrdersLoading,\n    data: fliteredOrdersData,\n    isError: isFilteredOrdersError,\n    error: filteredOrdersErr,\n    isFetching: isFilteredOrdersDataFetching,\n    isPreviousData: isFilteredPrevOrdersData,\n    refetch: refetchFilteredOrdersData,\n  } = useQuery(\n    [\"filteredOrdersData\", { page }],\n    () => FetchFilteredData(page),\n    {\n      keepPreviousData: true,\n    }\n  );\n\n  new_order_socket.onmessage = (event) => {\n    if (JSON.parse(event.data)[\"payment_status\"] !== \"in-progress\") {\n      setOrdersdata(JSON.parse(event.data)[\"id\"]);\n    }\n  };\n\n  useEffect(() => {\n    if (ordersdata !== \"\") {\n      refetchFilteredOrdersData();\n    }\n  }, [ordersdata]);\n\n  const lastPage = () => setPage(fliteredOrdersData?.pages);\n\n  const firstPage = () => setPage(1);\n\n  const pagesArray = Array(fliteredOrdersData?.pages)\n    .fill()\n    .map((_, index) => index + 1);\n\n  useEffect(() => {\n    if (\n      fliteredOrdersData !== null &&\n      fliteredOrdersData !== undefined &&\n      Object.keys(fliteredOrdersData).length > 0\n    ) {\n      if (fliteredOrdersData?.pages === 1) {\n        // Extract the object keys as an array\n        let dataKeys = Object.keys(fliteredOrdersData).filter(\n          (key) => key !== \"pages\"\n        );\n\n        // Sort based on the sortOrder (latest or oldest)\n        if (selectedSortType === \"latest\") {\n          dataKeys.sort((a, b) => b - a); // Descending order for latest\n        } else if (selectedSortType === \"oldest\") {\n          dataKeys.sort((a, b) => a - b); // Ascending order for oldest\n        }\n\n        // Map the sorted keys back to the original data\n        const sortedData = dataKeys.map((key) => ({\n          id: key,\n          ...fliteredOrdersData[key],\n        }));\n\n        setModifiedData(sortedData);\n      } else {\n        let dataKeys = Object.keys(fliteredOrdersData).filter(\n          (key) => key !== \"pages\"\n        );\n\n        // Map the sorted keys back to the original data\n        const sortedData = dataKeys.map((key) => ({\n          id: key,\n          ...fliteredOrdersData[key],\n        }));\n        setModifiedData(sortedData);\n      }\n    }\n  }, [fliteredOrdersData, selectedSortType]);\n\n  useEffect(() => {\n    if (selectSortType !== \"\") {\n      setSelectedSortType(selectSortType);\n    }\n  }, [selectSortType]);\n\n  useEffect(() => {\n    if (\n      selectedFilterOptions?.length > 0 ||\n      selectedOrderDate !== \"\" ||\n      selectedOrderId !== \"\" ||\n      selectedShopId !== \"\" ||\n      selectedCustomerName !== \"\" ||\n      selectedProductName !== \"\" ||\n      selectedSortType !== \"\" ||\n      selectSortType !== \"\"\n    ) {\n      refetchFilteredOrdersData();\n    }\n  }, [\n    selectedFilterOptions,\n    selectedOrderDate,\n    selectedOrderId,\n    selectedShopId,\n    selectedCustomerName,\n    selectedProductName,\n    selectedSortType,\n    selectSortType,\n  ]);\n\n  // console.log(fliteredOrdersData);\n  // console.log(modifiedData);\n  // console.log(selectSortType);\n  // console.log(selectedSortType);\n\n  if (isFliteredOrdersLoading) {\n    return <LoadingModal />;\n  }\n\n  if (fliteredOrdersData?.pages === 0) {\n    return <p>No data available..</p>;\n  }\n\n  return (\n    <div>\n      {modifiedData?.length > 0 ? (\n        <>\n          <div className=\" flex items-end mb-2 \">\n            <div className=\"flex flex-col justify-end  items-end  \">\n              {/* <p className=\"text-gray-700 font-semibold text-xs m-1\">Sort by</p> */}\n              <select\n                className=\"cursor-pointer w-32 md:w-full focus:outline-none py-1 px-2 bg-gradient-to-b from-purple-200 to-pink-300 rounded-full text-xs text-gray-600 shadow-md\"\n                required\n                value=\"select \"\n                onChange={(e) => {\n                  setSelectSortType(e.target.value);\n                  setSelectedSortType(e.target.value);\n                }}\n              >\n                <option value=\"select\">Sort by</option>\n                {[\n                  { sm: \"Latest First\", val: \"latest\" },\n                  { sm: \"Oldest Fisrt\", val: \"oldest\" },\n                ].map((item, index) => (\n                  <option\n                    key={index}\n                    className={` ${\n                      selectedSortType === item.val ? \"bg-pink-300\" : \"\"\n                    }`}\n                    value={item?.val}\n                  >\n                    {item?.sm}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div className=\" p-2 w-full\">\n            <div className=\"flex justify-center space-x-1 text-gray-900\">\n              <button\n                onClick={firstPage}\n                disabled={isFilteredPrevOrdersData || page === 1}\n                title=\"previous\"\n                type=\"button\"\n                className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  className=\"w-4\"\n                >\n                  <path d=\"M13.9142 12.0001L18.7071 7.20718L17.2929 5.79297L11.0858 12.0001L17.2929 18.2072L18.7071 16.793L13.9142 12.0001ZM7 18.0001V6.00008H9V18.0001H7Z\"></path>\n                </svg>\n              </button>\n              {pagesArray.map((pg) => (\n                <button\n                  key={pg}\n                  type=\"button\"\n                  disabled={isFilteredPrevOrdersData}\n                  className={` ${\n                    pg === page ? \"bg-pink-300\" : \"\"\n                  } inline-flex items-center justify-center w-6 h-6 text-xs border rounded shadow-md  border-pink-300`}\n                  onClick={() => setPage(pg)}\n                >\n                  {pg}\n                </button>\n              ))}\n              <button\n                onClick={lastPage}\n                disabled={\n                  isFilteredPrevOrdersData || page === fliteredOrdersData?.pages\n                }\n                title=\"next\"\n                type=\"button\"\n                className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  className=\"w-4\"\n                >\n                  <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                </svg>\n              </button>\n            </div>\n          </div>\n          {isFilteredOrdersDataFetching && <p>Loading...</p>}\n          <p className=\"flex flex-wrap gap-2 p-1\">\n            {selectedFilterOptions?.map((item, index) => (\n              <span key={index} className=\"text-xxs\">\n                {\" \"}\n                {'\"'}\n                {item.value}\n                {'\"'}\n              </span>\n            ))}\n            {selectedOrderDate !== \"\" && (\n              <span className=\"text-xxs\">\n                {'\"'}\n                {selectedOrderDate}\n                {'\"'}\n              </span>\n            )}\n            {selectedOrderId !== \"\" && (\n              <span className=\"text-xxs\">\n                {'\"'}\n                {selectedOrderId}\n                {'\"'}\n              </span>\n            )}\n            {selectedShopId !== \"\" && (\n              <span className=\"text-xxs\">\n                {'\"'}\n                {selectedShopId}\n                {'\"'}\n              </span>\n            )}\n            {selectedCustomerName !== \"\" && (\n              <span className=\"text-xxs\">\n                {'\"'}\n                {selectedCustomerName}\n                {'\"'}\n              </span>\n            )}\n            {selectedProductName !== \"\" && (\n              <span className=\"text-xxs\">\n                {'\"'}\n                {selectedProductName}\n                {'\"'}\n              </span>\n            )}\n          </p>\n\n          {modifiedData.map((order) => (\n            <OrderCards key={order.order_id} productDetails={order} />\n          ))}\n        </>\n      ) : (\n        <p className=\"text-gray-500 text-center mt-24\">No data available</p>\n      )}\n    </div>\n  );\n}\n\nexport default FilterComponent;\n","import getToken from \"../Token\";\nimport { useState, useEffect, useContext, useRef } from \"react\";\nimport getUsername from \"../Account_Infomation/Username\";\nimport { ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\n// import \"react-tooltip/dist/react-tooltip.css\";\nimport Endpoints from \"../../api/endpoints\";\nimport zaplynIconT1 from \"../../assets/t1.svg\";\nimport zaplynIconT2 from \"../../assets/t2.svg\";\n\n// import { Tooltip as ReactTooltip } from \"react-tooltip\";\nimport FilterIcon from \"../../assets/icons/filter.png\";\n\nimport OrderCards from \"./orders/OrderCards\";\nimport { GlobalContext } from \"../GlobalContext\";\nimport { PayContext } from \"../PayContext\";\nimport { useQuery, useQueryClient } from \"react-query\";\n\nimport FilterComponent from \"./orders/FilterComponent\";\nimport SelectInput from \"@mui/material/Select/SelectInput\";\nimport LoadingModal from \"../popups/LoadingModal\";\nimport Select from \"react-select\";\nimport FilterPopup from \"./orders/FilterPopup\";\nimport { selectClasses } from \"@mui/material\";\n\nconst UserMessages = (props) => {\n  const buttonRef = useRef(null);\n  const filterWrapperRef = useRef(null);\n  const queryClient = useQueryClient();\n  var link = `https://omnistack.org${process.env.REACT_APP_LINK}`;\n  const [isAscending, setIsAscending] = useState(true);\n  const [isScheduleAscending, setIsScheduleAscending] = useState(true);\n  const [col, setCol] = useState(\"Select order status\");\n  const {\n    showOrdersFilteredData,\n    selectedSortType,\n    setSelectedSortType,\n    setShowOrdersFilteredData,\n  } = useContext(GlobalContext);\n  const { new_order_socket } = useContext(PayContext);\n  //var link = \"http://localhost:8000/api/\";\n\n  const [isFilterOpen, setIsFilterOpen] = useState(false);\n\n  var curUser = getUsername();\n  //combination of filtered global messages and saved messages\n\n  const [page, setPage] = useState(1);\n  const [ordersdata, setOrdersdata] = useState(\"\");\n  // fetch orders\n  const {\n    isLoading: isOrdersLoading,\n    data: ordersData,\n    isError: isOrdersError,\n    error: ordersErr,\n    isFetching: isOrdersDataFetching,\n    isPreviousData: isPrevOrdersData,\n    refetch: refetchNewOrdersData,\n  } = useQuery([\"ordersData\", { page }], () => Endpoints.FetchOrderData(page), {\n    keepPreviousData: true,\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n  });\n  new_order_socket.onmessage = (event) => {\n    if (JSON.parse(event.data)[\"payment_status\"] !== \"in-progress\") {\n      setOrdersdata(JSON.parse(event.data)[\"id\"]);\n    }\n  };\n\n  useEffect(() => {\n    if (ordersdata !== \"\") {\n      refetchNewOrdersData();\n    }\n  }, [ordersdata]);\n\n  const [sortType, setSortType] = useState(selectedSortType);\n\n  const [selectFilterList, setSelectFilterList] = useState([]);\n  // const [selectFilterListMobile, setSelectFilterListMobile] = useState([]);\n\n  // const handleFilterSelect = (e) => {\n  //   if (e.target.value === \"All\") {\n  //     setSelectFilterList([]);\n  //     setShowFilteredData(false);\n  //   } else {\n  //     const newSelected = [...selectFilterList];\n\n  //     if (newSelected.includes(e.target.value)) {\n  //       newSelected.splice(newSelected.indexOf(e.target.value), 1);\n  //     } else {\n  //       newSelected.push(e.target.value);\n  //     }\n  //     setSelectFilterList(newSelected);\n  //   }\n  // };\n\n  const lastPage = () => setPage(ordersData?.pages);\n\n  const firstPage = () => setPage(1);\n\n  const pagesArray = Array(ordersData?.pages)\n    .fill()\n    .map((_, index) => index + 1);\n\n  const [sortData, setSortData] = useState(null);\n\n  function handleSort() {\n    setSelectedSortType(sortType);\n    setShowOrdersFilteredData(true);\n  }\n\n  useEffect(() => {\n    if (ordersData) {\n      const moddata = Object.keys(ordersData).map((key) => ({\n        key,\n        ...ordersData[key],\n      }));\n      setSortData(moddata);\n    }\n  }, [ordersData]);\n\n  // console.log(Object.keys(sortData[1].Products)[0].toString());\n  // console.log(\n  //   Object.values(sortData[1].Products[\"ged514fmu\"].variant).toString()\n  // );\n\n  useEffect(() => {\n    if (sortType !== \"latest\") {\n      handleSort();\n    }\n  }, [sortType]);\n\n  // handle settings popup\n  useEffect(() => {\n    function handleClickOutside(event) {\n      if (\n        isFilterOpen &&\n        buttonRef.current &&\n        filterWrapperRef.current &&\n        !buttonRef.current.contains(event.target) &&\n        !filterWrapperRef.current.contains(event.target)\n      ) {\n        setIsFilterOpen(false);\n      }\n    }\n\n    function handleScroll() {\n      if (isFilterOpen) {\n        setIsFilterOpen(false);\n      }\n    }\n\n    // document.addEventListener(\"click\", handleClickOutside);\n    window.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      // document.removeEventListener(\"click\", handleClickOutside);\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [isFilterOpen]);\n\n  if (isOrdersLoading) {\n    return <LoadingModal></LoadingModal>;\n  }\n\n  if (isOrdersError) {\n    return (\n      <div className=\"pt-24 flex flex-col items-center justify-centeri\">\n        <div className=\"flex items-center h-full sm:p-16 text-gray-700\">\n          <div className=\"container flex flex-col items-center justify-center px-5 mx-auto my-8 space-y-8 text-center sm:max-w-md\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              className=\"w-40 h-40 text-gray-600\"\n            >\n              <path\n                fill=\"currentColor\"\n                d=\"M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z\"\n              ></path>\n              <rect\n                width=\"176\"\n                height=\"32\"\n                x=\"168\"\n                y=\"320\"\n                fill=\"currentColor\"\n              ></rect>\n              <polygon\n                fill=\"currentColor\"\n                points=\"210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042\"\n              ></polygon>\n              <polygon\n                fill=\"currentColor\"\n                points=\"383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63\"\n              ></polygon>\n            </svg>\n            <p className=\"text-3xl\">\n              Looks like our services are currently offline\n            </p>\n            <div className=\"flex items-center \">\n              <img\n                src={zaplynIconT1}\n                alt=\"\"\n                className=\"h-4 w-4 transform -translate-y-0.5 translate-x-3 \"\n              />\n\n              <img src={zaplynIconT1} alt=\"\" className=\"h-4 w-4 \" />\n\n              <p className=\"text-lg bg-gradient-to-b from-purple-500 to-pink-500 text-transparent bg-clip-text text-center ml-2\">\n                We'll be back soon!\n              </p>\n              <img\n                src={zaplynIconT2}\n                alt=\"\"\n                className=\"h-4 w-4  transform -translate-y-0.5 translate-x-3\"\n              />\n\n              <img src={zaplynIconT2} alt=\"\" className=\"h-4 w-4 \" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (sortData?.length < 1) {\n    return (\n      <div className=\"pt-24 flex flex-col items-center max-w-3xl mx-auto  \">\n        <p>No Orders yet!</p>\n      </div>\n    );\n  }\n  return (\n    <div className=\"\">\n      <ToastContainer autoClose={1500} />\n      {\n        <div className=\"pt-16 flex flex-col z-20 p-2 max-w-3xl mx-auto pb-20 \">\n          <div className=\"flex flex-col justify-end z-20 items-end  transform translate-y-6 ml-52 pt-0.5  mr-5\">\n            {/* <p className=\"text-gray-700 font-semibold text-xs m-1\">Filter by</p> */}\n\n            <div className=\" relative mr-5\">\n              <img\n                ref={buttonRef}\n                src={FilterIcon}\n                className={`${\n                  isFilterOpen || showOrdersFilteredData ? \"bg-pink-300\" : \"\"\n                } h-8 w-8 rounded-full p-1 border border-pink-300 shadow-md  cursor-pointer`}\n                alt=\"\"\n                onClick={() => setIsFilterOpen(!isFilterOpen)}\n              />\n              {isFilterOpen && (\n                <div ref={filterWrapperRef}>\n                  <FilterPopup />\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"w-full px-5 pb-5 \">\n            {!showOrdersFilteredData &&\n              sortData !== null &&\n              sortData?.length > 0 && (\n                <>\n                  {sortData?.length > 0 && (\n                    <div className=\" flex items-end \">\n                      <div className=\"flex flex-col justify-end  items-end  mr-5\">\n                        {/* <p className=\"text-gray-700 font-semibold text-xs m-1\">\n                                Sort by\n                              </p> */}\n                        <select\n                          className=\"cursor-pointer w-32 md:w-full focus:outline-none py-1 px-2 bg-gradient-to-b from-purple-200 to-pink-300 rounded-full text-xs text-gray-600 shadow-md\"\n                          required\n                          value=\"select \"\n                          onChange={(e) => {\n                            setSortType(e.target.value);\n                          }}\n                        >\n                          <option value=\"select\">Sort by</option>\n                          {[\n                            { sm: \"Latest First\", val: \"latest\" },\n                            { sm: \"Oldest Fisrt\", val: \"oldest\" },\n                            // {\n                            //   sm: \"Schedule Date (Latest)\",\n                            //   val: \"schedulesortnew\",\n                            // },\n                            // {\n                            //   sm: \"Schedule Date (Oldest)\",\n                            //   val: \"schedulesortold\",\n                            // },\n                          ].map((item, index) => (\n                            <option\n                              key={index}\n                              className={` ${\n                                selectedSortType === item.val\n                                  ? \"bg-pink-300\"\n                                  : \"\"\n                              }`}\n                              value={item?.val}\n                            >\n                              {item?.sm}\n                            </option>\n                          ))}\n                        </select>\n                      </div>\n                    </div>\n                  )}\n                  <div className=\" py-3 px-2 w-full\">\n                    <div className=\"flex justify-center space-x-1 text-gray-900\">\n                      <button\n                        onClick={firstPage}\n                        disabled={isPrevOrdersData || page === 1}\n                        title=\"previous\"\n                        type=\"button\"\n                        className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4\"\n                        >\n                          <path d=\"M13.9142 12.0001L18.7071 7.20718L17.2929 5.79297L11.0858 12.0001L17.2929 18.2072L18.7071 16.793L13.9142 12.0001ZM7 18.0001V6.00008H9V18.0001H7Z\"></path>\n                        </svg>\n                      </button>\n                      {pagesArray.map((pg) => (\n                        <button\n                          key={pg}\n                          type=\"button\"\n                          disabled={isPrevOrdersData}\n                          className={` ${\n                            pg === page ? \"bg-pink-300\" : \"\"\n                          } inline-flex items-center justify-center w-6 h-6 text-xs border rounded shadow-md  border-pink-300`}\n                          onClick={() => setPage(pg)}\n                        >\n                          {pg}\n                        </button>\n                      ))}\n                      <button\n                        onClick={lastPage}\n                        disabled={\n                          isPrevOrdersData || page === ordersData?.pages\n                        }\n                        title=\"next\"\n                        type=\"button\"\n                        className=\"inline-flex items-center justify-center w-6 h-6 py-0 border rounded-md shadow-md  border-pink-300\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          className=\"w-4\"\n                        >\n                          <path d=\"M10.0859 12.0001L5.29297 16.793L6.70718 18.2072L12.9143 12.0001L6.70718 5.79297L5.29297 7.20718L10.0859 12.0001ZM17.0001 6.00008L17.0001 18.0001H15.0001L15.0001 6.00008L17.0001 6.00008Z\"></path>\n                        </svg>\n                      </button>\n                    </div>\n                  </div>\n                  {isOrdersDataFetching && (\n                    <span className=\"loading\">Loading...</span>\n                  )}\n                  {sortData\n                    .filter((item) => item.key !== \"pages\")\n                    .map((order) => (\n                      <OrderCards key={order.order_id} productDetails={order} />\n                    ))}\n                </>\n              )}\n            {showOrdersFilteredData && (\n              <FilterComponent\n                savedmessage={ordersData}\n                selectFilterList={selectFilterList}\n              />\n            )}\n          </div>\n        </div>\n      }\n    </div>\n  );\n};\n\nexport default UserMessages;\n","import React, { useState } from \"react\";\nimport useMediaQuery from \"../../lib/use-media-query\";\n\nconst How_It_Works = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [closeAccordian, setCloseAccordian] = useState(false);\n  const { isMobile } = useMediaQuery();\n\n  const handleAccordianClose = () => {\n    setTimeout(() => setIsOpen(false), 350);\n  };\n\n  const [isOpen1, setIsOpen1] = useState(false);\n  const [isOpen2, setIsOpen2] = useState(false);\n  const [isOpen3, setIsOpen3] = useState(false);\n  const [isOpen4, setIsOpen4] = useState(false);\n  const [isOpen5, setIsOpen5] = useState(false);\n  const [isOpen6, setIsOpen6] = useState(false);\n  const [isOpen7, setIsOpen7] = useState(false);\n  const [isOpen8, setIsOpen8] = useState(false);\n  const [isOpen9, setIsOpen9] = useState(false);\n  const [isOpen10, setIsOpen10] = useState(false);\n  const [isOpen11, setIsOpen11] = useState(false);\n  const [isOpen12, setIsOpen12] = useState(false);\n  const [isOpen13, setIsOpen13] = useState(false);\n  const [isOpen14, setIsOpen14] = useState(false);\n  const [isOpen15, setIsOpen15] = useState(false);\n  const [isOpen16, setIsOpen16] = useState(false);\n  const [isOpen17, setIsOpen17] = useState(false);\n  const [isOpen18, setIsOpen18] = useState(false);\n  const [isOpen19, setIsOpen19] = useState(false);\n  const [isOpen20, setIsOpen20] = useState(false);\n\n  return (\n    <div className=\"pt-20 pb-40  \">\n      <div className=\"flex flex-col items-start md:max-w-xl mx-auto gap-2 px-2 text-lg space-y-2 \">\n        {/* top section */}\n        <div className=\"flex flex-col items-center w-full mt-2 md:mt-0  gap-2 mb-2\">\n          <p className=\"px-2 text-sm font-medium tracking-wider text-center uppercase\">\n            How it works\n          </p>\n          <h2 className=\"mb-2 text-xl font-bold leading-none text-center sm:text-3xl\">\n            Frequently Asked Questions\n          </h2>\n        </div>\n\n        {/* first */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen1(!isOpen1)} className=\" w-6 h-6\">\n              {isOpen1 ? (\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  className=\"w-6 h-6\"\n                >\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3\n              className={`  max-w-3/4 ${\n                isOpen1 ? \"text-gray-900\" : \"text-gray-500\"\n              }`}\n            >\n              What is a Zaplyn link?\n            </h3>\n          </div>\n\n          {isOpen1 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/7u89-0_Sgws?si=dQYgJAvVf_0lNpn8\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                  autoplay; \n                  clipboard-write; \n                  encrypted-media; \n                  gyroscope; \n                  picture-in-picture; \n                  web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* second */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen2(!isOpen2)} className=\" w-6 h-6\">\n              {isOpen2 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen2 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Why should I use Zaplyn?\n            </h3>\n          </div>\n          {isOpen2 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/5gZgbr3Lhnc?si=OU6gdcic3bcMFA4O\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                  autoplay; \n                  clipboard-write; \n                  encrypted-media; \n                  gyroscope; \n                  picture-in-picture; \n                  web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* third */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen3(!isOpen3)} className=\" w-6 h-6\">\n              {isOpen3 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen3 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              How do I create a product?\n            </h3>\n          </div>\n\n          {isOpen3 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/k5lCsH5QN7s?si=7s6oVf9nVJW8GqVx\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                  autoplay; \n                  clipboard-write; \n                  encrypted-media; \n                  gyroscope; \n                  picture-in-picture; \n                  web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* fourth */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen4(!isOpen4)} className=\" w-6 h-6\">\n              {isOpen4 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen4 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              How do I create a shop?\n            </h3>\n          </div>\n          {isOpen4 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/W5Oe-ha-MPE?si=nqmdtWh9IdnmqopS\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                    autoplay; \n                    clipboard-write; \n                    encrypted-media; \n                    gyroscope; \n                    picture-in-picture; \n                    web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        {/* fifth */}\n\n        <div className=\"w-full\">\n          <div className=\"flex items-center  gap-4\">\n            <button onClick={() => setIsOpen5(!isOpen5)} className=\" w-6 h-6\">\n              {isOpen5 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen5 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Can I create unlimited products and shops?\n            </h3>\n          </div>\n          {isOpen5 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/Jk7iCGo9snc?si=OE3-3YVOg_RUfWBd\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n              autoplay; \n              clipboard-write; \n              encrypted-media; \n              gyroscope; \n              picture-in-picture; \n              web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* sixth */}\n        <div className=\"w-full\">\n          <div className=\"flex items-center  gap-4  \">\n            <button onClick={() => setIsOpen6(!isOpen6)} className=\" w-6 h-6\">\n              {isOpen6 ? (\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  className=\"w-6 h-6\"\n                >\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  className=\"w-6 h-6\"\n                >\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`  ${isOpen6 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              What are 'Categories' and why do I need it?\n            </h3>\n          </div>\n          {isOpen6 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/PoZww6oOT9s?si=-5nypyMVvqhU_5B7\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                 autoplay; \n                 clipboard-write; \n                 encrypted-media; \n                 gyroscope; \n                 picture-in-picture; \n                 web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* seventh */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen7(!isOpen7)} className=\" w-6 h-6\">\n              {isOpen7 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen7 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              What is the wallet section?\n            </h3>\n          </div>\n          {isOpen7 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/uiP2Z2TetI0?si=pYwe2cuMd-c7Uvu6\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                autoplay; \n                clipboard-write; \n                encrypted-media; \n                gyroscope; \n                picture-in-picture; \n                web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* eighth */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen8(!isOpen8)} className=\" w-6 h-6\">\n              {isOpen8 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen8 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              How do I share the Zaplyn link for my shop?\n            </h3>\n          </div>\n          {isOpen8 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/APrj194f16k?si=jnQiYcMInd8rcMzm\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n      autoplay; \n      clipboard-write; \n      encrypted-media; \n      gyroscope; \n      picture-in-picture; \n      web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* ninth */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen9(!isOpen9)} className=\" w-6 h-6\">\n              {isOpen9 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen9 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Do products also have Zaplyn links?\n            </h3>\n          </div>\n          {isOpen9 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/2de24fPsOeo?si=rkgccviej78cWOnj\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n                autoplay; \n                clipboard-write; \n                encrypted-media; \n                gyroscope; \n                picture-in-picture; \n                web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* tenth */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen10(!isOpen10)} className=\" w-6 h-6\">\n              {isOpen10 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen10 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              What are 'credits'?\n            </h3>\n          </div>\n          {isOpen10 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/msDI9m_BVJs?si=Hhj5OyPEOkkQ8CEB\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n              autoplay; \n              clipboard-write; \n              encrypted-media; \n              gyroscope; \n              picture-in-picture; \n              web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        {/* eleventh  */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen11(!isOpen11)} className=\" w-6 h-6\">\n              {isOpen11 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen11 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              How do I cash out?\n            </h3>\n          </div>\n          {isOpen11 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/oJz9RjU0Qf0?si=nsX1gZjPZX7EDsfO\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n           autoplay; \n           clipboard-write; \n           encrypted-media; \n           gyroscope; \n           picture-in-picture; \n           web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* 12th */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen12(!isOpen12)} className=\" w-6 h-6\">\n              {isOpen12 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen12 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Why do I need to add a payment method in my wallet?\n            </h3>\n          </div>\n          {isOpen12 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/MHICcQzyEDc?si=2J_F-PrIPMOl6QM1\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n             autoplay; \n             clipboard-write; \n             encrypted-media; \n             gyroscope; \n             picture-in-picture; \n             web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* 13th */}\n\n        {/* 14th */}\n\n        {/* 15th */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen15(!isOpen15)} className=\" w-6 h-6\">\n              {isOpen15 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen15 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              How do I find latest orders that I received?\n            </h3>\n          </div>\n          {isOpen15 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/HKcD_4mz3tc?si=KYzQMTSCE-zpctan\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n       autoplay; \n       clipboard-write; \n       encrypted-media; \n       gyroscope; \n       picture-in-picture; \n       web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        {/* 16th */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen16(!isOpen16)} className=\" w-6 h-6\">\n              {isOpen16 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen16 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Can I disable my shop or product?\n            </h3>\n          </div>\n          {isOpen16 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/p71cN-ESkhQ?si=jWNr9ndJ5li9jK9a\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n            autoplay; \n            clipboard-write; \n            encrypted-media; \n            gyroscope; \n            picture-in-picture; \n            web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* 17th */}\n\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen17(!isOpen17)} className=\" w-6 h-6\">\n              {isOpen17 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen17 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Can I change theme of my shop?\n            </h3>\n          </div>\n          {isOpen17 && (\n            <div className=\"flex flex-col items-start gap-3 w-full\">\n              <div className=\"flex flex-col items-center  w-full h-full p-3 md:p-4\">\n                <iframe\n                  width={isMobile ? \"300\" : \"530\"}\n                  height={isMobile ? \"180\" : \"300\"}\n                  src=\"https://www.youtube.com/embed/oBfvS-l7Fww?si=_mE-kDqpHhUyBjU5\"\n                  title=\"YouTube video player\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; \n           autoplay; \n           clipboard-write; \n           encrypted-media; \n           gyroscope; \n           picture-in-picture; \n           web-share\"\n                  allowfullscreen\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* 18th */}\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen18(!isOpen18)} className=\" w-6 h-6\">\n              {isOpen18 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen18 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              I need help in creating my shop. What can I do?\n            </h3>\n          </div>\n          {isOpen18 && (\n            <div className=\"flex flex-wrap p-3 md:p-4\">\n              For any assistance, you can write to us here:{\" \"}\n              <a\n                href=\"https://www.zaplyn.link/support\"\n                className=\"cursor-pointer text-blue-500\"\n                rel=\"noreferrer\"\n                target=\"_blank\"\n              >\n                https://www.zaplyn.link/support\n              </a>\n              . We will be happy to hear from you!\n            </div>\n          )}\n        </div>\n\n        {/* 19th */}\n\n        {/* 20th */}\n\n        <div className=\"w-full\">\n          <div className=\"flex items-start gap-4\">\n            <button onClick={() => setIsOpen20(!isOpen20)} className=\" w-6 h-6\">\n              {isOpen20 ? (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path d=\"M5 11V13H19V11H5Z\" fill=\"rgba(243,149,198,1)\"></path>\n                </svg>\n              ) : (\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                  <path\n                    d=\"M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"\n                    fill=\"rgba(243,149,198,1)\"\n                  ></path>\n                </svg>\n              )}\n            </button>\n            <h3 className={`${isOpen20 ? \"text-gray-900\" : \"text-gray-500\"}`}>\n              Do you have a mobile app?\n            </h3>\n          </div>\n          {isOpen20 && (\n            <div className=\"flex flex-wrap p-3 md:p-4\">\n              We don't have a moble app yet. But we will be keen to hear from\n              you regarding your requirements. Please write to us here:\n              <a\n                href=\"https://www.zaplyn.link/support\"\n                className=\"cursor-pointer text-blue-500\"\n                rel=\"noreferrer\"\n                target=\"_blank\"\n              >\n                https://www.zaplyn.link/support\n              </a>\n              .\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default How_It_Works;\n","import { useEffect, useState } from \"react\";\n\nexport default function useMediaQuery() {\n  const [device, setDevice] = useState(null);\n  const [dimensions, setDimensions] = useState(null);\n\n  useEffect(() => {\n    const checkDevice = () => {\n      if (window.matchMedia(\"(max-width: 640px)\").matches) {\n        setDevice(\"mobile\");\n      } else if (\n        window.matchMedia(\"(min-width: 641px) and (max-width: 1024px)\").matches\n      ) {\n        setDevice(\"tablet\");\n      } else {\n        setDevice(\"desktop\");\n      }\n      setDimensions({ width: window.innerWidth, height: window.innerHeight });\n    };\n\n    // Initial detection\n    checkDevice();\n\n    // Listener for windows resize\n    window.addEventListener(\"resize\", checkDevice);\n\n    // Cleanup listener\n    return () => {\n      window.removeEventListener(\"resize\", checkDevice);\n    };\n  }, []);\n\n  return {\n    device,\n    width: dimensions?.width,\n    height: dimensions?.height,\n    isMobile: device === \"mobile\",\n    isTablet: device === \"tablet\",\n    isDesktop: device === \"desktop\",\n  };\n}\n","export default __webpack_public_path__ + \"static/media/t1.b631917f.svg\";","export default __webpack_public_path__ + \"static/media/t2.9a7d6aad.svg\";","import React from \"react\";\n\nimport { RadioGroup } from \"@headlessui/react\";\n\nfunction classNames(...classes) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nfunction AttributeComponent({\n  attributeName,\n  attributeErr,\n  selectedAttribute,\n  setSelectedAttribute,\n  attributeValues,\n  availableAttribute,\n}) {\n  return (\n    <div>\n      <div className=\"mt-5\">\n        <div className=\"flex items-center justify-between\">\n          <h3 className=\"text-sm font-medium \">{attributeName}</h3>\n          <p className=\"text-sm font-medium text-indigo-600 hover:text-indigo-500\">\n            {attributeName === \"size\" && <span>Size guide</span>}\n          </p>\n        </div>\n        {attributeErr && <p className=\"text-red-500 text-xxs\">please Select</p>}\n\n        <RadioGroup\n          value={selectedAttribute}\n          onChange={setSelectedAttribute}\n          className=\"mt-4 text-xs\"\n        >\n          <RadioGroup.Label className=\"sr-only\">\n            {\" \"}\n            Choose a size{\" \"}\n          </RadioGroup.Label>\n          <div className=\"grid grid-cols-4 gap-4 sm:grid-cols-8 md:grid-cols-4\">\n            {attributeValues?.split(\",\").map((size) => (\n              <RadioGroup.Option\n                key={size}\n                value={size}\n                disabled={!availableAttribute?.includes(size)}\n                className={({ active }) =>\n                  classNames(\n                    availableAttribute?.includes(size)\n                      ? \"cursor-pointer bg-white text-gray-900 shadow-sm\"\n                      : \"cursor-not-allowed bg-gray-50 text-gray-200\",\n                    active ? \"ring-2 ring-indigo-500\" : \"\",\n                    \"group relative flex items-center justify-center rounded-md border p-3  text-xs font-medium uppercase hover:bg-gray-50 focus:outline-none sm:flex-1\"\n                  )\n                }\n              >\n                {({ active, checked }) => (\n                  <>\n                    <RadioGroup.Label as=\"span\">{size}</RadioGroup.Label>\n                    {availableAttribute?.includes(size) ? (\n                      <span\n                        className={classNames(\n                          active ? \"border\" : \"border-2\",\n                          checked ? \"border-indigo-500\" : \"border-transparent\",\n                          \"pointer-events-none absolute -inset-px rounded-md\"\n                        )}\n                        aria-hidden=\"true\"\n                      />\n                    ) : (\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none absolute -inset-px rounded-md border-2 border-gray-200\"\n                      >\n                        <svg\n                          className=\"absolute inset-0 h-full w-full stroke-2 text-gray-200\"\n                          viewBox=\"0 0 100 100\"\n                          preserveAspectRatio=\"none\"\n                          stroke=\"currentColor\"\n                        >\n                          <line\n                            x1={0}\n                            y1={100}\n                            x2={100}\n                            y2={0}\n                            vectorEffect=\"non-scaling-stroke\"\n                          />\n                        </svg>\n                      </span>\n                    )}\n                  </>\n                )}\n              </RadioGroup.Option>\n            ))}\n          </div>\n        </RadioGroup>\n      </div>\n    </div>\n  );\n}\n\nexport default AttributeComponent;\n","import React, { useEffect, useState } from \"react\";\n\nfunction SizeComponent({ name, onSelect, selectedSizes }) {\n  const [selected, setSelected] = useState(false);\n\n  useEffect(() => {\n    if (selectedSizes?.includes(name)) {\n      setSelected(true);\n    } else {\n      setSelected(false);\n    }\n  }, [selectedSizes]);\n  return (\n    <div\n      onClick={() => onSelect(name)}\n      className={` shadow-sm\n      group relative flex items-center cursor-pointer justify-center rounded-md border p-2  text-xs font-medium uppercase focus:outline-none flex-1 \n      ${selected ? \"bg-gray-200 \" : \"\"}\n       `}\n    >\n      {name}\n    </div>\n  );\n}\n\nexport default SizeComponent;\n","import React, { createContext, useState,useEffect } from \"react\";\nimport getUsername from \"./Account_Infomation/Username\";\nimport { w3cwebsocket as W3CWebSocket } from \"websocket\";\n\nexport const PayContext = createContext();\n\nexport function PayProvider({ children }) {\n  \n    const [socket, setSocket] = useState([]);\n    const [new_order_socket, setNew_order_socket] = useState([]);\n    useEffect(() => {\n      var ws_scheme =\n        window.location.protocol == \"https:\"\n          ? \"wss://omnistack.org\"\n          : \"wss://omnistack.org\";\n      const sock = new W3CWebSocket(ws_scheme + \"/ws3/fetch-order-status/\");\n  \n      sock.onopen = () => {\n        // console.log(\"WebSocket Client Connected\");\n      };\n  \n      setSocket(sock);\n\n      const new_order_sock = new W3CWebSocket(ws_scheme + \"/ws3/fetch-new-order/\");\n      setNew_order_socket(new_order_sock)\n    }, []);\n  return (\n    <PayContext.Provider\n      value={{\n        socket,\n        new_order_socket,\n      }}\n    >\n      {children}\n    </PayContext.Provider>\n  );\n}\n"],"sourceRoot":""}