Merge pull request #35 from UNBiters/dev

merge dev

Author: jorianom

app/unbiters/login/page.js

@@ -33,12 +33,13 @@ export default function Login() {
                 window.sessionStorage.setItem('user', user);
                 Cookies.set('user', JSON.stringify(user))
                 setUser(user)
-                const { nombre, _id, chaza } = response.data.data.user;
+                const { nombre, _id, chaza, cliente } = response.data.data.user;
                 console.log(response)
                 Cookies.set('token', token)
                 window.sessionStorage.setItem('token', token);
                 window.sessionStorage.setItem('nombre', nombre);
                 window.sessionStorage.setItem('id', _id);
+                window.sessionStorage.setItem('cliente', cliente);
                 window.sessionStorage.setItem('sesion', 'true');
                 if (chaza) {
                     window.sessionStorage.setItem('chaza', 'true');

app/unbiters/pricing/page.js

@@ -1,5 +1,6 @@
 import PricingCard from "../../../components/PricingCard";
 
+
 export default function Pricing() {
   return (
     <>
@@ -29,7 +30,7 @@ export default function Pricing() {
         />  
         <PricingCard
           precio="10.000 COP/mensual"
-          name="Plan Premium"
+          name="Plan Especial"
           description="Ganaras acceso a herramientas como:"
           color="#F5F5F5"
           features={[
@@ -38,7 +39,7 @@ export default function Pricing() {
             "Desglose de Datos para que veas como le va a tu chaza",
             "Servicio 24/7"
           ]}
-          link="https://payco.link/2469899"
+          link="/unbiters/pricing/plan-especial"
           btnText="Acceder ahora"
 
         />

app/unbiters/pricing/premium/page.js …p/unbiters/pricing/plan-especial/page.jsapp/unbiters/pricing/premium/page.js renamed to app/unbiters/pricing/plan-especial/page.js app/unbiters/pricing/premium/page.js renamed to app/unbiters/pricing/plan-especial/page.js

@@ -3,6 +3,7 @@
 import { useState } from "react";
 import client from "@/config/client";
 import { Button } from "flowbite-react";
+import { useRouter } from "next/navigation";
 
 const PayInfo = () => {
   const [errors, setErrors] = useState([]);
@@ -12,9 +13,12 @@ const PayInfo = () => {
   const [cardExpYear, setCardExpYear] = useState("");
   const [cardExpMonth, setCardExpMonth] = useState("");
   const [cardCvc, setCardCvc] = useState("");
+  const [token, setToken] = useState("")
+  const router = useRouter();
 
   const handleSubmit = async (e) => {
     e.preventDefault();
+
     try {
       var body = {
         doc_type,
@@ -24,30 +28,41 @@ const PayInfo = () => {
         cardExpMonth,
         cardCvc,
       };
+      
       console.log(body);
-      const response = await client.post("", body);
-      console.log("request ", response);
-      if (response.data.status === "success") {
+      var tkn = (window.sessionStorage.getItem('token'))
+      setToken(tkn)
+  
+      const subscription = await client.post("payment/subscription/plan-especial", body, {
+          headers: {
+              "Authorization": `Bearer ${tkn}`
+          }
+      });
+
+      console.log("request ", subscription);
+      if (subscription.data.status === "success") {
         const {
           doc_type,
           doc_number,
           cardNumber,
           cardExpYear,
           cardExpMonth,
           cardCvc,
-        } = response.data.data.user;
+        } = subscription.data.data.user;
         window.sessionStorage.setItem("doc_type", doc_type);
         window.sessionStorage.setItem("doc_number", doc_number);
         window.sessionStorage.setItem("cardNumber", cardNumber);
         window.sessionStorage.setItem("cardExpYear", cardExpYear);
         window.sessionStorage.setItem("cardExpMonth", cardExpMonth);
         window.sessionStorage.setItem("cardCvc", cardCvc);
-        push("/unbiters/profile");
+        router.push("/unbiters/profile");
+        // SiguienteForm();
       }
-    } catch (err) {
-      console.log("error", err);
-      var error = err.response.data.error;
-      console.error("Error en alguno de tus datos", err.response.data);
+
+    } catch (error) {
+      console.log("error", error);
+      var error = error.response.data.error;
+      console.error("Error en alguno de tus datos", error.response.data);
       setErrors([error]);
     }
   };
@@ -126,13 +141,18 @@ const PayInfo = () => {
                   <option value="" disabled selected hidden>
                     Selecciona una opción
                   </option>
-                  <option value="Cedula de Ciudadania">
-                    Cedula de Ciudadania
+                  <option value="CC">
+                  Cedula de Ciudadania
+                  </option>
+                  <option value="NIT">
+                    NIT
+                  </option>
+                  <option value="CE">
+                    Cédula de extranjeria
                   </option>
-                  <option value="Tarjeta Identidad">
-                    Tarjeta de Identidad
+                  <option value="PPN">
+                    Pasaporte
                   </option>
-                  <option value="otro">Otro</option>
                 </select>
               </div>
               <div className="col-span-1 flex flex-col items-start w-full">

components/Premium/PayInfo.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import client from "@/config/client";
 import { Button } from "flowbite-react";
 
@@ -17,6 +17,18 @@ const PersonalInfo = ({ SiguienteForm }) => {
   const [cell_phone, setCell_phone] = useState("");
   const [city, setCity] = useState("");
   const [address, setAddress] = useState("");
+  const [token, setToken] = useState("")
+  const [cliente, setCliente] = useState("");
+
+  useEffect(() => {
+    const customer = window.sessionStorage.getItem('cliente');
+    setCliente(customer);
+    if (customer) {
+      SiguienteForm();
+    }
+  }, []);
+
+ 
 
   const handleSiguiente = async (e) => {
     e.preventDefault();
@@ -32,46 +44,38 @@ const PersonalInfo = ({ SiguienteForm }) => {
         cardNumber,
         cardExpYear,
         cardExpMonth,
-        cardCvc,
+        cardCvc
       };
-      console.log(body);
-      const response = await client.post("", body);
-      console.log("request ", response);
-      if (response.data.status === "success") {
+      
+      // console.log(body);
+      var tkn = (window.sessionStorage.getItem('token'))
+      setToken(tkn)
+      console.log(tkn);
+      const customer = await client.post("/payment/customer", body, {
+          headers: {
+              "Authorization": `Bearer ${tkn}`
+          }
+      });
+      // console.log(customer.data.data.customer.data);
+      if (customer.data.status === "success") {
         const {
           name,
-          last_name,
           email,
-          phone,
-          cell_phone,
-          city,
-          address,
-          cardNumber,
-          cardExpYear,
-          cardExpMonth,
-          cardCvc,
-        } = response.data.data.user;
+          phone
+        } = customer.data.data.customer.data;
         window.sessionStorage.setItem("name", name);
-        window.sessionStorage.setItem("last_name", last_name);
         window.sessionStorage.setItem("email", email);
         window.sessionStorage.setItem("phone", phone);
-        window.sessionStorage.setItem("cell_phone", cell_phone);
-        window.sessionStorage.setItem("city", city);
-        window.sessionStorage.setItem("address", address);
-        window.sessionStorage.setItem("cardNumber", cardNumber);
-        window.sessionStorage.setItem("cardExpYear", cardExpYear);
-        window.sessionStorage.setItem("cardExpMonth", cardExpMonth );
-        window.sessionStorage.setItem("cardCvc", cardCvc);
-        /* push("/unbiters/profile"); */
         SiguienteForm();
       }
-    } catch (err) {
-      console.log("error", err);
-      var error = err.response.data.error;
-      console.error("Error en alguno de tus datos", err.response.data);
+
+    } catch (error) {
+      console.log("error", error);
+      var error = error.response.data.error;
+      console.error("Error en alguno de tus datos", error.response.data);
       setErrors([error]);
     }
-  };
+  }
 
   return (
     <>
@@ -305,6 +309,6 @@ const PersonalInfo = ({ SiguienteForm }) => {
       </div>
     </>
   );
-};
+}
 
 export default PersonalInfo;