|  |  |  | @ -12,7 +12,8 @@ import Loading from "../../components/Loading"; | 
			
		
	
		
			
				
					|  |  |  |  | import Radio from "../../components/Radio"; | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | //assets
 | 
			
		
	
		
			
				
					|  |  |  |  | import dropdownIcon from "../../assets/icons/dropdown-blue.svg"; | 
			
		
	
		
			
				
					|  |  |  |  | import dropdownIcon from "../../assets/icons/white-dropdown.svg"; | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | import arrowBlueIcon from "../../assets/icons/arrow-right-blue.svg"; | 
			
		
	
		
			
				
					|  |  |  |  | import arrowWhiteIcon from "../../assets/icons/arrow-left-white.svg"; | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
	
		
			
				
					|  |  |  | @ -328,16 +329,27 @@ export const Address = ({ | 
			
		
	
		
			
				
					|  |  |  |  |                 onClick={() => submit()} | 
			
		
	
		
			
				
					|  |  |  |  |               /> | 
			
		
	
		
			
				
					|  |  |  |  |               <button | 
			
		
	
		
			
				
					|  |  |  |  |                 className="bg-transparent mt-4 text-tiny  py-3 flex flex-row justify-center items-center border border-solid border-blueC0 text-green7B rounded-full" | 
			
		
	
		
			
				
					|  |  |  |  |                 className="bg-transparent mt-4 text-base lg:text-tiny border bg-blueC0 text-white font-bold rounded-md py-3.5 lg:py-4 flex flex-row justify-center items-center" | 
			
		
	
		
			
				
					|  |  |  |  |                 onClick={() => setPhase("deliveryForm")} | 
			
		
	
		
			
				
					|  |  |  |  |               > | 
			
		
	
		
			
				
					|  |  |  |  |                 بازگشت | 
			
		
	
		
			
				
					|  |  |  |  |                 <img | 
			
		
	
		
			
				
					|  |  |  |  |                   src={dropdownIcon} | 
			
		
	
		
			
				
					|  |  |  |  |                   alt="" | 
			
		
	
		
			
				
					|  |  |  |  |                   className="w-3.5 transform rotate-90" | 
			
		
	
		
			
				
					|  |  |  |  |                   className="w-4 transform rotate-90" | 
			
		
	
		
			
				
					|  |  |  |  |                 /> | 
			
		
	
		
			
				
					|  |  |  |  |               </button> | 
			
		
	
		
			
				
					|  |  |  |  |               {/* <button | 
			
		
	
		
			
				
					|  |  |  |  |                 className="bg-transparent mt-4 text-tiny  py-3 flex flex-row justify-center items-center border border-solid border-blueC0 text-green7B rounded-full" | 
			
		
	
		
			
				
					|  |  |  |  |                 onClick={() => setPhase("deliveryForm")} | 
			
		
	
		
			
				
					|  |  |  |  |               > | 
			
		
	
		
			
				
					|  |  |  |  |                 fsddsf | 
			
		
	
		
			
				
					|  |  |  |  |                 <img | 
			
		
	
		
			
				
					|  |  |  |  |                   src={dropdownIcon} | 
			
		
	
		
			
				
					|  |  |  |  |                   alt="" | 
			
		
	
		
			
				
					|  |  |  |  |                   className="w-3.5 transform rotate-90" | 
			
		
	
		
			
				
					|  |  |  |  |                 /> | 
			
		
	
		
			
				
					|  |  |  |  |               </button> */} | 
			
		
	
		
			
				
					|  |  |  |  |             </div> | 
			
		
	
		
			
				
					|  |  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |  |         </div> | 
			
		
	
	
		
			
				
					|  |  |  | @ -348,29 +360,31 @@ export const Address = ({ | 
			
		
	
		
			
				
					|  |  |  |  |           profilePage ? "mx-auto" : "" | 
			
		
	
		
			
				
					|  |  |  |  |         }`}
 | 
			
		
	
		
			
				
					|  |  |  |  |       > | 
			
		
	
		
			
				
					|  |  |  |  |         <div | 
			
		
	
		
			
				
					|  |  |  |  |           className={`flex flex-row items-center mb-7 cursor-pointer 
 | 
			
		
	
		
			
				
					|  |  |  |  |           `}
 | 
			
		
	
		
			
				
					|  |  |  |  |           onClick={() => { | 
			
		
	
		
			
				
					|  |  |  |  |             setActiveCheckbox(!activeCheckbox); | 
			
		
	
		
			
				
					|  |  |  |  |           }} | 
			
		
	
		
			
				
					|  |  |  |  |         > | 
			
		
	
		
			
				
					|  |  |  |  |           <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full"> | 
			
		
	
		
			
				
					|  |  |  |  |             <div className="w-2 h-2 bg-blueC0 rounded-full"></div> | 
			
		
	
		
			
				
					|  |  |  |  |         {!profilePage && ( | 
			
		
	
		
			
				
					|  |  |  |  |           <div | 
			
		
	
		
			
				
					|  |  |  |  |             className={`flex flex-row items-center mb-7 cursor-pointer 
 | 
			
		
	
		
			
				
					|  |  |  |  | `}
 | 
			
		
	
		
			
				
					|  |  |  |  |             onClick={() => { | 
			
		
	
		
			
				
					|  |  |  |  |               setActiveCheckbox(!activeCheckbox); | 
			
		
	
		
			
				
					|  |  |  |  |             }} | 
			
		
	
		
			
				
					|  |  |  |  |           > | 
			
		
	
		
			
				
					|  |  |  |  |             <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full"> | 
			
		
	
		
			
				
					|  |  |  |  |               <div className="w-2 h-2 bg-blueC0 rounded-full"></div> | 
			
		
	
		
			
				
					|  |  |  |  |             </div> | 
			
		
	
		
			
				
					|  |  |  |  |             <p className="font-bold text-sm "> | 
			
		
	
		
			
				
					|  |  |  |  |               {activeCheckbox === false | 
			
		
	
		
			
				
					|  |  |  |  |                 ? " گیرنده فرد دیگری است " | 
			
		
	
		
			
				
					|  |  |  |  |                 : " برای خودم   "} | 
			
		
	
		
			
				
					|  |  |  |  |               <span className="text-xs font-light"> | 
			
		
	
		
			
				
					|  |  |  |  |                 {activeCheckbox | 
			
		
	
		
			
				
					|  |  |  |  |                   ? "(در صورتی که فرد گیرنده شما نیستید اینجا کلیک  کنید)" | 
			
		
	
		
			
				
					|  |  |  |  |                   : "(در صورتی که فرد گیرنده خودتون هستید اینجا کلیک  کنید)"} | 
			
		
	
		
			
				
					|  |  |  |  |               </span> | 
			
		
	
		
			
				
					|  |  |  |  |             </p> | 
			
		
	
		
			
				
					|  |  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |  |           <p className="font-bold text-sm "> | 
			
		
	
		
			
				
					|  |  |  |  |             {activeCheckbox === false | 
			
		
	
		
			
				
					|  |  |  |  |               ? " گیرنده فرد دیگری است " | 
			
		
	
		
			
				
					|  |  |  |  |               : " برای خودم   "} | 
			
		
	
		
			
				
					|  |  |  |  |             <span className="text-xs font-light"> | 
			
		
	
		
			
				
					|  |  |  |  |               {activeCheckbox | 
			
		
	
		
			
				
					|  |  |  |  |                 ? "(در صورتی که فرد گیرنده شما نیستید اینجا کلیک  کنید)" | 
			
		
	
		
			
				
					|  |  |  |  |                 : "(در صورتی که فرد گیرنده خودتون هستید اینجا کلیک  کنید)"} | 
			
		
	
		
			
				
					|  |  |  |  |             </span> | 
			
		
	
		
			
				
					|  |  |  |  |           </p> | 
			
		
	
		
			
				
					|  |  |  |  |         </div> | 
			
		
	
		
			
				
					|  |  |  |  |         {console.log(activeCheckbox)} | 
			
		
	
		
			
				
					|  |  |  |  |         {activeCheckbox === false ? ( | 
			
		
	
		
			
				
					|  |  |  |  |         )} | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |         {activeCheckbox === false && !profilePage ? ( | 
			
		
	
		
			
				
					|  |  |  |  |           <> | 
			
		
	
		
			
				
					|  |  |  |  |             <Header | 
			
		
	
		
			
				
					|  |  |  |  |               title="اطلاعات هویتی" | 
			
		
	
	
		
			
				
					|  |  |  | 
 |