@salesforce/webapp-template-feature-react-authentication-experimental 1.45.1 → 1.46.1

package/dist/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.46.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.46.0...v1.46.1) (2026-02-20)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+# [1.46.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.45.1...v1.46.0) (2026-02-20)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
 ## [1.45.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.45.0...v1.45.1) (2026-02-20)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/lib/data-sdk.ts

@@ -0,0 +1,21 @@
+import { createDataSDK, type DataSDK } from "@salesforce/sdk-data";
+
+type FetchableSDK = DataSDK & { fetch: typeof fetch };
+
+let sdkPromise: Promise<FetchableSDK> | null = null;
+
+/**
+ * Returns a singleton DataSDK instance with a guaranteed fetch method.
+ * Lazily initialized on first call; subsequent calls return the same instance.
+ */
+export function getDataSDK(): Promise<FetchableSDK> {
+	if (!sdkPromise) {
+		sdkPromise = createDataSDK().then((sdk) => {
+			if (!sdk.fetch) {
+				throw new Error("DataSDK fetch is not available on this surface.");
+			}
+			return sdk as FetchableSDK;
+		});
+	}
+	return sdkPromise;
+}

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/pages/ChangePassword.tsx

@@ -1,10 +1,10 @@
 import { useState } from "react";
 import { Link } from "react-router";
 import { z } from "zod";
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
 import { CenteredPageLayout } from "../components/layout/centered-page-layout";
 import { AuthForm } from "../components/forms/auth-form";
 import { useAppForm } from "../hooks/form";
+import { getDataSDK } from "../lib/data-sdk";
 import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
 import { newPasswordSchema } from "../components/auth/authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
@@ -28,13 +28,18 @@ export default function ChangePassword() {
 			try {
 				// [Dev Note] Custom Apex Endpoint: /auth/change-password
 				// You must ensure this Apex class exists in your org
-				const response = await uiApiClient.post(
-					`${window.location.origin}/sfdcapi/services/apexrest/auth/change-password`,
-					{
+				const sdk = await getDataSDK();
+				const response = await sdk.fetch("/sfdcapi/services/apexrest/auth/change-password", {
+					method: "POST",
+					body: JSON.stringify({
 						currentPassword: formFieldValues.currentPassword,
 						newPassword: formFieldValues.newPassword,
+					}),
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "application/json",
 					},
-				);
+				});
 				await handleApiResponse(response, "Password change failed");
 				setSuccess(true);
 				form.reset();

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/pages/ForgotPassword.tsx

@@ -1,9 +1,9 @@
 import { useState } from "react";
 import { z } from "zod";
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
 import { CenteredPageLayout } from "../components/layout/centered-page-layout";
 import { AuthForm } from "../components/forms/auth-form";
 import { useAppForm } from "../hooks/form";
+import { getDataSDK } from "../lib/data-sdk";
 import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
@@ -24,10 +24,15 @@ export default function ForgotPassword() {
 			try {
 				// [Dev Note] Custom Apex Endpoint: /auth/forgot-password
 				// You must ensure this Apex class exists in your org
-				const response = await uiApiClient.post(
-					`${window.location.origin}/sfdcapi/services/apexrest/auth/forgot-password`,
-					{ username: value.username.trim() },
-				);
+				const sdk = await getDataSDK();
+				const response = await sdk.fetch("/sfdcapi/services/apexrest/auth/forgot-password", {
+					method: "POST",
+					body: JSON.stringify({ username: value.username.trim() }),
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "application/json",
+					},
+				});
 				await handleApiResponse(response, "Failed to send reset link");
 				setSuccess(true);
 			} catch (err) {

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/pages/Login.tsx

@@ -1,10 +1,10 @@
 import { useState } from "react";
 import { useNavigate, useSearchParams, Link } from "react-router";
 import { z } from "zod";
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
 import { CenteredPageLayout } from "../components/layout/centered-page-layout";
 import { AuthForm } from "../components/forms/auth-form";
 import { useAppForm } from "../hooks/form";
+import { getDataSDK } from "../lib/data-sdk";
 import { ROUTES } from "../components/auth/authenticationConfig";
 import { emailSchema, getStartUrl, type AuthResponse } from "../components/auth/authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
@@ -26,18 +26,23 @@ export default function Login() {
 			setSubmitError(null);
 			try {
 				// [Dev Note] Salesforce Integration:
-				// We use uiApiClient.post with an absolute path to call the custom Apex REST auth endpoint.
-				// "/sfdcapi/services/apexrest/auth/login" refers to a custom Apex Class exposed as a REST resource.
+				// We use the Data SDK fetch to make an authenticated (or guest) call to Salesforce.
+				// "/sfdcapi/services/apexrest/auth/login" refers to a custom Apex REST resource.
 				// You must ensure this Apex class exists in your org and handles the login logic
 				// (e.g., creating a session or returning a token).
-				const response = await uiApiClient.post(
-					`${window.location.origin}/sfdcapi/services/apexrest/auth/login`,
-					{
+				const sdk = await getDataSDK();
+				const response = await sdk.fetch("/sfdcapi/services/apexrest/auth/login", {
+					method: "POST",
+					body: JSON.stringify({
 						email: value.email.trim().toLowerCase(),
 						password: value.password,
 						startUrl: getStartUrl(searchParams),
+					}),
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "application/json",
 					},
-				);
+				});
 				const result = await handleApiResponse<AuthResponse>(response, "Login failed");
 				if (result?.redirectUrl) {
 					// Hard navigate to the URL which establishes the server session cookie

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/pages/Register.tsx

@@ -1,10 +1,10 @@
 import { useState } from "react";
 import { useNavigate, useSearchParams } from "react-router";
 import { z } from "zod";
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
 import { CenteredPageLayout } from "../components/layout/centered-page-layout";
 import { AuthForm } from "../components/forms/auth-form";
 import { useAppForm } from "../hooks/form";
+import { getDataSDK } from "../lib/data-sdk";
 import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
 import {
 	emailSchema,
@@ -46,13 +46,21 @@ export default function Register() {
 		onSubmit: async ({ value: formFieldValues }) => {
 			setSubmitError(null);
 			try {
-				// [Dev Note] Calls the custom Apex REST endpoint for user registration.
-				// Ensure your Apex logic handles duplicate checks and user creation (e.g., Site.createExternalUser).
+				// [Dev Note] Salesforce Integration:
+				// We use the Data SDK fetch to make an authenticated (or guest) call to Salesforce.
+				// "/sfdcapi/services/apexrest/auth/register" refers to a custom Apex Class exposed as a REST resource.
+				// You must ensure this Apex class exists in your org and handles registration
+				// (e.g., duplicate checks and user creation such as Site.createExternalUser).
 				const { confirmPassword, ...request } = formFieldValues;
-				const response = await uiApiClient.post(
-					`${window.location.origin}/sfdcapi/services/apexrest/auth/register`,
-					{ request },
-				);
+				const sdk = await getDataSDK();
+				const response = await sdk.fetch("/sfdcapi/services/apexrest/auth/register", {
+					method: "POST",
+					body: JSON.stringify({ request }),
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "application/json",
+					},
+				});
 				const result = await handleApiResponse<AuthResponse>(response, "Registration failed");
 				if (result?.redirectUrl) {
 					// Hard navigate to the URL which logs the new user in

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/pages/ResetPassword.tsx

@@ -1,11 +1,11 @@
 import { useState } from "react";
 import { Link, useSearchParams } from "react-router";
-import { uiApiClient } from "@salesforce/webapp-experimental/api";
 import { CardLayout } from "../components/layout/card-layout";
 import { CenteredPageLayout } from "../components/layout/centered-page-layout";
 import { AuthForm } from "../components/forms/auth-form";
 import { StatusAlert } from "../components/alerts/status-alert";
 import { useAppForm } from "../hooks/form";
+import { getDataSDK } from "../lib/data-sdk";
 import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
 import { newPasswordSchema } from "../components/auth/authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
@@ -25,10 +25,15 @@ export default function ResetPassword() {
 			try {
 				// [Dev Note] Custom Apex Endpoint: /auth/reset-password
 				// You must ensure this Apex class exists in your org
-				const response = await uiApiClient.post(
-					`${window.location.origin}/services/apexrest/auth/reset-password`,
-					{ token, newPassword: value.newPassword },
-				);
+				const sdk = await getDataSDK();
+				const response = await sdk.fetch("/sfdcapi/services/apexrest/auth/reset-password", {
+					method: "POST",
+					body: JSON.stringify({ token, newPassword: value.newPassword }),
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "application/json",
+					},
+				});
 				await handleApiResponse(response, "Password reset failed");
 				setSuccess(true);
 				// Scroll to top of page after successful submission so user sees it

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.45.1",
+  "version": "1.46.1",
   "description": "Base SFDX project template",
   "private": true,
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-feature-react-authentication-experimental",
-  "version": "1.45.1",
+  "version": "1.46.1",
   "description": "Authentication feature for web applications",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "devDependencies": {
-    "@salesforce/webapp-experimental": "^1.45.1",
+    "@salesforce/webapp-experimental": "^1.46.1",
     "@tanstack/react-form": "^1.27.7",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -40,5 +40,5 @@
       }
     }
   },
-  "gitHead": "091ae5ef0b936a7d51ca59a06c10ae4c301022c4"
+  "gitHead": "9d00ba69ff791509b15fdf2f36c10700d612ca5b"
 }