DigiMantra/Twilio-poc
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

WIP: CORS fixes

Browse source 
Signed-off-by: Naval <ashish.kumar@cloudwick.com>
This commit is contained in:
Naval 2025-03-05 15:48:19 +05:30
parent f43741f285
commit 70aaf48404
2 changed files with 15 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/panel/BuyANumber.tsx
View file

@ -1,10 +1,8 @@
import { useState } from "react"; import { useState } from "react";
import { Send } from "lucide-react"; import { Send } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Card } from "@/components/ui/card"; import { Card } from "@/components/ui/card";
import { toast } from "sonner"; import { toast } from "sonner";
import { supabase } from "@/lib/supabase";
import { CheckIcon, ChevronDownIcon } from "@radix-ui/react-icons"; import { CheckIcon, ChevronDownIcon } from "@radix-ui/react-icons";
import { import {
Select, Select,
@ -20,10 +18,6 @@ import {
import countriesJson from "@/utils/countries.json"; import countriesJson from "@/utils/countries.json";
import serviceJson from "@/utils/services.json"; import serviceJson from "@/utils/services.json";
// const countries = Object.values(countriesJson).map((name) => ({
// code: name.toLowerCase().replace(/\s/g, ""), // Creating a pseudo-code
// name,
// }));
const countries = Object.entries(countriesJson).map(([code, name]) => ({ const countries = Object.entries(countriesJson).map(([code, name]) => ({
code, // Now it correctly stores the country code code, // Now it correctly stores the country code
@ -39,10 +33,8 @@ export function BuyANumber() {
const [message, setMessage] = useState(""); const [message, setMessage] = useState("");
const [phoneNumber, setPhoneNumber] = useState(""); const [phoneNumber, setPhoneNumber] = useState("");
const [isSending, setIsSending] = useState(false); const [isSending, setIsSending] = useState(false);
const [selectedCountry, setSelectedCountry] = useState("180"); const [selectedCountry, setSelectedCountry] = useState("187");
const [selectedService, setSelectedService] = useState("fb"); const [selectedService, setSelectedService] = useState("fb");
// const [selectedCountry, setSelectedCountry] = useState(countries[0]?.code || "");
// const [selectedService, setSelectedService] = useState(services[0]?.name?.code || "");
const [response, setResponse] = useState(""); const [response, setResponse] = useState("");
const handleSend = async () => { const handleSend = async () => {
@ -52,22 +44,23 @@ export function BuyANumber() {
} }
try { try {
const myHeaders = new Headers({ const myHeaders = new Headers({
Origin: window.location.origin, Origin: "*",
"x-requested-with": "XMLHttpRequest",
}); });
const requestOptions = { const requestOptions = {
method: "GET", method: "POST",
headers: myHeaders, headers: myHeaders,
body: JSON.stringify({
action: "getNumber",
selectedService,
selectedCountry
})
}; };
let apiResponse; let apiResponse;
// Using a CORS proxy const apiUrl= "https://ikmbnngahzcellthaysf.supabase.co/functions/v1/call-sms-gateway";
const corsProxy = "https://cors-anywhere.herokuapp.com/";
const apiUrl = `https://api.sms-activate.ae/stubs/handler_api.php?api_key=eA103094961490b3350620b1bdd57244&action=getNumber&service=${selectedService}&operator=any&country=${selectedCountry}&maxPrice=0.2250`;
// console.log(apiUrl);
await fetch(corsProxy + apiUrl, requestOptions) await fetch(apiUrl, requestOptions)
.then((response) => response.text()) .then((response) => response.text())
.then((result) => (apiResponse = result)) .then((result) => (apiResponse = result))
.catch((error) => console.error(error)); .catch((error) => console.error(error));

29
src/components/panel/PhoneNumberList.tsx
View file

@ -10,25 +10,6 @@ interface PhoneNumber {
status: "active" | "inactive"; status: "active" | "inactive";
} }
const list = [
{
"activationId": "3336974038",
"serviceCode": "fb",
"phoneNumber": "19892798946",
"activationCost": 0.225,
"activationStatus": "4",
"activationTime": "2025-03-03 19:22:40",
"countryCode": "187",
"countryName": "USA",
"canGetAnotherSms": "1",
"currency": 840,
"smsCode": 64744,
"smsText": null,
"discount": "0",
"repeated": "0"
}
]
export function PhoneNumberList() { export function PhoneNumberList() {
const [numberList, setNumberList] = useState([]) const [numberList, setNumberList] = useState([])
@ -40,13 +21,13 @@ export function PhoneNumberList() {
}); });
const requestOptions = { const requestOptions = {
method: "GET", method: "POST",
headers: myHeaders headers: myHeaders,
body: JSON.stringify({
action: "getActiveActivations",
})
}; };
// const corsProxy = "https://cors-anywhere.herokuapp.com/";
// const apiUrl = "https://api.sms-activate.ae/stubs/handler_api.php?api_key=eA103094961490b3350620b1bdd57244&action=getActiveActivations";
// const response = await fetch(corsProxy + apiUrl, requestOptions)
const response= await fetch("https://ikmbnngahzcellthaysf.supabase.co/functions/v1/call-sms-gateway", requestOptions) const response= await fetch("https://ikmbnngahzcellthaysf.supabase.co/functions/v1/call-sms-gateway", requestOptions)
const data = await response.json() const data = await response.json()
console.log(data) console.log(data)