@betterstore/react 0.5.12 → 0.5.14

package/dist/components/compounds/form/address-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/compounds/form/address-input/index.tsx"],"names":[],"mappings":"AA+BA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,wBAAwB,GACzB,EAAE,iBAAiB,2CAsOnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/compounds/form/address-input/index.tsx"],"names":[],"mappings":"AA+BA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,wBAAwB,GACzB,EAAE,iBAAiB,2CAqOnB"}

package/dist/index.cjs.js

@@ -7409,14 +7409,9 @@ var Client = class {
    */
   async getAutosuggestAddressResults(clientSecret, params) {
     const apiClient = createApiClient(clientSecret, this.proxy);
-    const { data, ...rest } = await apiClient.get(
-      "/helpers/autosuggest-address",
-      {
-        params
-      }
-    );
-    console.log("autosuggest data", data);
-    console.log("autosuggest rest", rest);
+    const { data } = await apiClient.get("/helpers/autosuggest-address", {
+      params
+    });
     return data;
   }
   /**
@@ -7424,11 +7419,14 @@ var Client = class {
    */
   async getGeocodeAddressResults(clientSecret, params) {
     const apiClient = createApiClient(clientSecret, this.proxy);
-    const { data, ...rest } = await apiClient.get("/helpers/geocode-address", {
-      params
+    const { position, ...rest } = params;
+    const { data } = await apiClient.get("/helpers/geocode-address", {
+      params: {
+        ...rest,
+        lat: position.lat,
+        lng: position.lng
+      }
     });
-    console.log("geocode data", data);
-    console.log("geocode rest", rest);
     return data;
   }
 };
@@ -34445,17 +34443,16 @@ function AddressInput({ className = "", proxy, clientSecret, latitude, longitude
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [showAllInputs, addressInput]);
     const handleSelectAddress = (address) => {
-        console.log(address);
         const isLookup = "line1" in address;
         if (!isLookup) {
             setIsLoading(true);
             storeClient
-                .getGeocodeAddressResults(clientSecret, {
-                selectedStreetId: address.id,
-                position: address.position,
-            })
+                .getGeocodeAddressResults(clientSecret, address)
                 .then((results) => {
                 console.log(results);
+                setIsLoading(false);
+                setShowSuggestions(false);
+                setSuggestions(results);
             });
             return;
         }
@@ -34476,7 +34473,7 @@ function AddressInput({ className = "", proxy, clientSecret, latitude, longitude
     React.useEffect(() => {
         setShowAllInputs((cityInput === null || cityInput === void 0 ? void 0 : cityInput.length) > 0);
     }, [cityInput]);
-    return (jsxRuntime.jsxs("div", { className: cn("space-y-5", className), children: [jsxRuntime.jsx(CountryInput, { prefix: "address", label: "Country", form: form }), jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx(InputGroup, { name: "address.line1", label: showAllInputs ? "Address" : "Start typing address", required: showAllInputs, icon: jsxRuntime.jsx(Search, { className: "h-4 w-4" }), showIcon: !showAllInputs, onFocus: () => setShowSuggestions(true), onBlur: () => setShowSuggestions(false) }), !showAllInputs && (showSuggestions || isLoading) && (jsxRuntime.jsx("div", { className: "bg-background border-border absolute left-0 right-0 top-full z-50 mt-1 rounded-md border shadow-lg", "data-dropdown": "suggestions", children: isLoading ? (jsxRuntime.jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Searching for addresses..." })) : suggestions.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Keep typing address to display results" }), jsxRuntime.jsx("div", { className: "max-h-60 overflow-y-auto", children: suggestions.map((address, index) => {
+    return (jsxRuntime.jsxs("div", { className: cn("space-y-5", className), children: [jsxRuntime.jsx(CountryInput, { prefix: "address", label: "Country", form: form }), jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx(InputGroup, { name: "address.line1", label: showAllInputs ? "Address" : "Start typing address", required: showAllInputs, icon: jsxRuntime.jsx(Search, { className: "h-4 w-4" }), showIcon: !showAllInputs, onFocus: () => setShowSuggestions(true), onBlur: () => setTimeout(() => setShowSuggestions(false), 100) }), !showAllInputs && (showSuggestions || isLoading) && (jsxRuntime.jsx("div", { className: "bg-background border-border absolute left-0 right-0 top-full z-50 mt-1 rounded-md border shadow-lg", "data-dropdown": "suggestions", children: isLoading ? (jsxRuntime.jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Searching for addresses..." })) : suggestions.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Keep typing address to display results" }), jsxRuntime.jsx("div", { className: "max-h-60 overflow-y-auto", children: suggestions.map((address, index) => {
                                         const isLookup = "line1" in address;
                                         return (jsxRuntime.jsxs("button", { type: "button", onClick: () => handleSelectAddress(address), className: "hover:bg-accent border-border flex w-full cursor-pointer items-center border-b px-3 py-3 text-left transition-colors last:border-b-0", children: [jsxRuntime.jsx("div", { className: "text-foreground text-sm", children: address.title }), !isLookup && (jsxRuntime.jsx(ChevronRight, { className: "text-muted-foreground ml-auto size-4" }))] }, index));
                                     }) })] })) : (jsxRuntime.jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "No addresses found" })) }))] }), jsxRuntime.jsx("div", { className: cn(!showAllInputs ? "-mt-2 mb-4 block" : "hidden"), children: jsxRuntime.jsx("button", { type: "button", onClick: handleManualEntry, className: "text-foreground hover:text-muted-foreground cursor-pointer text-[13px] underline", children: "Enter address manually" }) }), jsxRuntime.jsxs("div", { className: cn("space-y-4", !showAllInputs && "-mt-4 h-0 max-h-0 w-0 max-w-0 opacity-0"), children: [jsxRuntime.jsx("div", { className: cn(!showApartmentField ? "block" : "hidden"), children: jsxRuntime.jsxs("button", { type: "button", onClick: () => {

package/dist/index.mjs

@@ -7389,14 +7389,9 @@ var Client = class {
    */
   async getAutosuggestAddressResults(clientSecret, params) {
     const apiClient = createApiClient(clientSecret, this.proxy);
-    const { data, ...rest } = await apiClient.get(
-      "/helpers/autosuggest-address",
-      {
-        params
-      }
-    );
-    console.log("autosuggest data", data);
-    console.log("autosuggest rest", rest);
+    const { data } = await apiClient.get("/helpers/autosuggest-address", {
+      params
+    });
     return data;
   }
   /**
@@ -7404,11 +7399,14 @@ var Client = class {
    */
   async getGeocodeAddressResults(clientSecret, params) {
     const apiClient = createApiClient(clientSecret, this.proxy);
-    const { data, ...rest } = await apiClient.get("/helpers/geocode-address", {
-      params
+    const { position, ...rest } = params;
+    const { data } = await apiClient.get("/helpers/geocode-address", {
+      params: {
+        ...rest,
+        lat: position.lat,
+        lng: position.lng
+      }
     });
-    console.log("geocode data", data);
-    console.log("geocode rest", rest);
     return data;
   }
 };
@@ -34425,17 +34423,16 @@ function AddressInput({ className = "", proxy, clientSecret, latitude, longitude
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [showAllInputs, addressInput]);
     const handleSelectAddress = (address) => {
-        console.log(address);
         const isLookup = "line1" in address;
         if (!isLookup) {
             setIsLoading(true);
             storeClient
-                .getGeocodeAddressResults(clientSecret, {
-                selectedStreetId: address.id,
-                position: address.position,
-            })
+                .getGeocodeAddressResults(clientSecret, address)
                 .then((results) => {
                 console.log(results);
+                setIsLoading(false);
+                setShowSuggestions(false);
+                setSuggestions(results);
             });
             return;
         }
@@ -34456,7 +34453,7 @@ function AddressInput({ className = "", proxy, clientSecret, latitude, longitude
     useEffect(() => {
         setShowAllInputs((cityInput === null || cityInput === void 0 ? void 0 : cityInput.length) > 0);
     }, [cityInput]);
-    return (jsxs("div", { className: cn("space-y-5", className), children: [jsx(CountryInput, { prefix: "address", label: "Country", form: form }), jsxs("div", { className: "relative", children: [jsx(InputGroup, { name: "address.line1", label: showAllInputs ? "Address" : "Start typing address", required: showAllInputs, icon: jsx(Search, { className: "h-4 w-4" }), showIcon: !showAllInputs, onFocus: () => setShowSuggestions(true), onBlur: () => setShowSuggestions(false) }), !showAllInputs && (showSuggestions || isLoading) && (jsx("div", { className: "bg-background border-border absolute left-0 right-0 top-full z-50 mt-1 rounded-md border shadow-lg", "data-dropdown": "suggestions", children: isLoading ? (jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Searching for addresses..." })) : suggestions.length > 0 ? (jsxs(Fragment, { children: [jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Keep typing address to display results" }), jsx("div", { className: "max-h-60 overflow-y-auto", children: suggestions.map((address, index) => {
+    return (jsxs("div", { className: cn("space-y-5", className), children: [jsx(CountryInput, { prefix: "address", label: "Country", form: form }), jsxs("div", { className: "relative", children: [jsx(InputGroup, { name: "address.line1", label: showAllInputs ? "Address" : "Start typing address", required: showAllInputs, icon: jsx(Search, { className: "h-4 w-4" }), showIcon: !showAllInputs, onFocus: () => setShowSuggestions(true), onBlur: () => setTimeout(() => setShowSuggestions(false), 100) }), !showAllInputs && (showSuggestions || isLoading) && (jsx("div", { className: "bg-background border-border absolute left-0 right-0 top-full z-50 mt-1 rounded-md border shadow-lg", "data-dropdown": "suggestions", children: isLoading ? (jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Searching for addresses..." })) : suggestions.length > 0 ? (jsxs(Fragment, { children: [jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "Keep typing address to display results" }), jsx("div", { className: "max-h-60 overflow-y-auto", children: suggestions.map((address, index) => {
                                         const isLookup = "line1" in address;
                                         return (jsxs("button", { type: "button", onClick: () => handleSelectAddress(address), className: "hover:bg-accent border-border flex w-full cursor-pointer items-center border-b px-3 py-3 text-left transition-colors last:border-b-0", children: [jsx("div", { className: "text-foreground text-sm", children: address.title }), !isLookup && (jsx(ChevronRight, { className: "text-muted-foreground ml-auto size-4" }))] }, index));
                                     }) })] })) : (jsx("div", { className: "text-muted-foreground border-border border-b p-3 text-sm", children: "No addresses found" })) }))] }), jsx("div", { className: cn(!showAllInputs ? "-mt-2 mb-4 block" : "hidden"), children: jsx("button", { type: "button", onClick: handleManualEntry, className: "text-foreground hover:text-muted-foreground cursor-pointer text-[13px] underline", children: "Enter address manually" }) }), jsxs("div", { className: cn("space-y-4", !showAllInputs && "-mt-4 h-0 max-h-0 w-0 max-w-0 opacity-0"), children: [jsx("div", { className: cn(!showApartmentField ? "block" : "hidden"), children: jsxs("button", { type: "button", onClick: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -27,8 +27,8 @@
     "tailwindcss": "^4.1.11",
     "typescript": "5.8.2",
     "vite": "^6.3.5",
-    "@betterstore/eslint-config": "0.0.0",
-    "@betterstore/typescript-config": "0.0.0"
+    "@betterstore/typescript-config": "0.0.0",
+    "@betterstore/eslint-config": "0.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -77,7 +77,7 @@
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.25.30",
     "zustand": "^5.0.5",
-    "@betterstore/sdk": "0.5.12"
+    "@betterstore/sdk": "0.5.14"
   },
   "publishConfig": {
     "access": "public"