@salesforce/webapp-template-feature-micro-frontend 1.58.0 → 1.58.2

package/dist/.a4drules/graphql.md

@@ -29,10 +29,10 @@ For a GraphQL operation named `GetHighRevenueAccounts`:
 ## Core Types & Function Signatures
 
 ### getDataSDK Function
-Available from `@salesforce/webapp-experimental/api`:
+Available from `@salesforce/sdk-data`:
 
 ```typescript
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/sdk-data';
 
 const data = await getDataSDK();
 const response = await data.graphql?.<ResponseType, VariablesType>(query, variables);
@@ -89,10 +89,10 @@ const result = response?.data;
 For mutation-specific partial responses, see `docs/generate-mutation-query.md` which covers `PARTIAL` and `FAILED` status handling workflows.
 
 ### gql Template Tag
-Also available from `@salesforce/webapp-experimental/api` for inline query definitions:
+Also available from `@salesforce/sdk-data` for inline query definitions:
 
 ```typescript
-import { gql } from '@salesforce/webapp-experimental/api';
+import { gql } from '@salesforce/sdk-data';
 
 const MY_QUERY = gql`
   query MyQuery {
@@ -109,7 +109,7 @@ The `gql` tag is a template literal that allows defining GraphQL queries inline
 Extract the node type from a connection (edges/node pattern):
 
 ```typescript
-import { type NodeOfConnection } from '@salesforce/webapp-experimental/api';
+import { type NodeOfConnection } from '@salesforce/sdk-data';
 
 // Extract Account node type from the query response
 type AccountNode = NodeOfConnection<
@@ -180,7 +180,7 @@ This generates types in `graphql-operations-types.ts`:
 
 #### Step 3: Import and Use
 ```typescript
-import { getDataSDK, type NodeOfConnection } from '@salesforce/webapp-experimental/api';
+import { getDataSDK, type NodeOfConnection } from '@salesforce/sdk-data';
 import MY_QUERY from './query/myQuery.graphql?raw';
 import type {
   GetMyDataQuery,
@@ -232,7 +232,7 @@ export async function getMyData(
 For simpler queries without variables or when colocation is preferred:
 
 ```typescript
-import { getDataSDK, gql } from '@salesforce/webapp-experimental/api';
+import { getDataSDK, gql } from '@salesforce/sdk-data';
 import { type CurrentUserQuery } from '../graphql-operations-types';
 
 const CURRENT_USER_QUERY = gql`
@@ -359,7 +359,7 @@ fragment ContactFields on Account {
 
 ### Usage
 ```typescript
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/sdk-data';
 import QUERY from './query/getAccountDetails.graphql?raw';
 import type {
   GetAccountDetailsQuery,

package/dist/.a4drules/react.md

@@ -123,7 +123,7 @@ Before implementing data access, **MUST** verify `orchestrate_lds_data_requireme
 
 ## Data Access Rules (CRITICAL)
 
-- MANDATORY: Use the DataSDK (`getDataSDK()` from `@salesforce/webapp-experimental/api`) for all API calls from React. The SDK handles authentication and CSRF token management. Do NOT use `axios` or raw `fetch` for Salesforce API calls.
+- MANDATORY: Use the DataSDK (`getDataSDK()` from `@salesforce/sdk-data`) for all API calls from React. The SDK handles authentication and CSRF token management. Do NOT use `axios` or raw `fetch` for Salesforce API calls.
 
 ### Data Access Workflow (MANDATORY)
 
@@ -161,7 +161,7 @@ The following code examples serve as reference patterns for React applications.
 GraphQL query example:
 
 ```typescript
-import { getDataSDK, gql } from '@salesforce/webapp-experimental/api';
+import { getDataSDK, gql } from '@salesforce/sdk-data';
 
 const GET_ACCOUNT = gql`
   query GetAccount($id: ID!) {
@@ -195,7 +195,7 @@ const account = response?.data;
 GraphQL mutation example:
 
 ```typescript
-import { getDataSDK, gql } from '@salesforce/webapp-experimental/api';
+import { getDataSDK, gql } from '@salesforce/sdk-data';
 
 const UPDATE_ACCOUNT = gql`
   mutation UpdateAccount($id: ID!, $name: String!) {
@@ -231,7 +231,7 @@ if (result?.errors?.length) {
 UI API example (using the SDK's fetch):
 
 ```typescript
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/sdk-data';
 
 async function fetchRecord(recordId: string) {
   const data = await getDataSDK();
@@ -257,7 +257,7 @@ Einstein LLM Gateway provides AI and generative capabilities for your React appl
 ### Einstein LLM Gateway Pattern
 
 ```typescript
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/sdk-data';
 
 async function callEinsteinGenerations({ prompt, model = 'gpt-4', signal }: {
   prompt: string;

package/dist/.a4drules/typescript.md

@@ -136,10 +136,10 @@ interface Account extends SalesforceRecord {
 ```
 
 ### GraphQL via DataSDK
-Use `getDataSDK()` from `@salesforce/webapp-experimental/api` for all GraphQL operations. The SDK handles authentication and CSRF token management:
+Use `getDataSDK()` from `@salesforce/sdk-data` for all GraphQL operations. The SDK handles authentication and CSRF token management:
 
 ```typescript
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
+import { getDataSDK } from '@salesforce/sdk-data';
 
 const data = await getDataSDK();
 const response = await data.graphql?.<GetAccountsQuery>(QUERY, variables);

package/dist/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.58.2](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.58.1...v1.58.2) (2026-02-26)
+
+
+### Bug Fixes
+
+* moving all sdk usages from api to sdk-data @W-21338965 ([#173](https://github.com/salesforce-experience-platform-emu/webapps/issues/173)) ([23c9479](https://github.com/salesforce-experience-platform-emu/webapps/commit/23c94794e0c72e30d85313f908b52274e4a59979))
+
+
+
+
+
+## [1.58.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.58.0...v1.58.1) (2026-02-26)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
 # [1.58.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.57.0...v1.58.0) (2026-02-26)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

package/dist/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-feature-micro-frontend",
-  "version": "1.58.0",
+  "version": "1.58.2",
   "description": "Micro Frontend generation feature for Web Applications",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -18,8 +18,8 @@
     "clean": "rm -rf dist"
   },
   "devDependencies": {
-    "@salesforce/micro-frontends-experimental": "^1.58.0",
-    "@salesforce/webapp-experimental": "^1.58.0",
+    "@salesforce/micro-frontends-experimental": "^1.58.2",
+    "@salesforce/webapp-experimental": "^1.58.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "react-dom": "^19.2.1",
@@ -38,5 +38,5 @@
       }
     }
   },
-  "gitHead": "444ed5b9e2ae4154064d316b06ce9a8be6831b0c"
+  "gitHead": "0dda7fdd05f5b8fd9870e57cc796663555166a90"
 }

package/dist/force-app/main/default/webapplications/feature-micro-frontend/src/api/graphql-operations-types.ts

@@ -1,116 +0,0 @@
-export type Maybe<T> = T | null;
-export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = {
-  [K in keyof T]: T[K];
-};
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
-  [SubKey in K]?: Maybe<T[SubKey]>;
-};
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
-  [SubKey in K]: Maybe<T[SubKey]>;
-};
-export type MakeEmpty<
-  T extends { [key: string]: unknown },
-  K extends keyof T,
-> = { [_ in K]?: never };
-export type Incremental<T> =
-  | T
-  | {
-      [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never;
-    };
-/** All built-in and custom scalars, mapped to their actual values */
-export type Scalars = {
-  ID: { input: string; output: string };
-  String: { input: string; output: string };
-  Boolean: { input: boolean; output: boolean };
-  Int: { input: number; output: number };
-  Float: { input: number; output: number };
-  Base64: { input: string; output: string };
-  Currency: { input: number | string; output: number };
-  Date: { input: string; output: string };
-  DateTime: { input: string; output: string };
-  Double: { input: number | string; output: number };
-  Email: { input: string; output: string };
-  EncryptedString: { input: string; output: string };
-  /** Can be set to an ID or a Reference to the result of another mutation operation. */
-  IdOrRef: { input: string; output: string };
-  Latitude: { input: number | string; output: number };
-  /** A 64-bit signed integer */
-  Long: { input: number; output: number };
-  LongTextArea: { input: string; output: string };
-  Longitude: { input: number | string; output: number };
-  MultiPicklist: { input: string; output: string };
-  Percent: { input: number | string; output: number };
-  PhoneNumber: { input: string; output: string };
-  Picklist: { input: string; output: string };
-  RichTextArea: { input: string; output: string };
-  TextArea: { input: string; output: string };
-  Time: { input: string; output: string };
-  Url: { input: string; output: string };
-};
-
-export enum DataType {
-  Address = 'ADDRESS',
-  Anytype = 'ANYTYPE',
-  Base64 = 'BASE64',
-  Boolean = 'BOOLEAN',
-  Combobox = 'COMBOBOX',
-  Complexvalue = 'COMPLEXVALUE',
-  Currency = 'CURRENCY',
-  Date = 'DATE',
-  Datetime = 'DATETIME',
-  Double = 'DOUBLE',
-  Email = 'EMAIL',
-  Encryptedstring = 'ENCRYPTEDSTRING',
-  Int = 'INT',
-  Json = 'JSON',
-  Junctionidlist = 'JUNCTIONIDLIST',
-  Location = 'LOCATION',
-  Long = 'LONG',
-  Multipicklist = 'MULTIPICKLIST',
-  Percent = 'PERCENT',
-  Phone = 'PHONE',
-  Picklist = 'PICKLIST',
-  Reference = 'REFERENCE',
-  String = 'STRING',
-  Textarea = 'TEXTAREA',
-  Time = 'TIME',
-  Url = 'URL',
-}
-
-export enum FieldExtraTypeInfo {
-  ExternalLookup = 'EXTERNAL_LOOKUP',
-  ImageUrl = 'IMAGE_URL',
-  IndirectLookup = 'INDIRECT_LOOKUP',
-  Personname = 'PERSONNAME',
-  Plaintextarea = 'PLAINTEXTAREA',
-  Richtextarea = 'RICHTEXTAREA',
-  SwitchablePersonname = 'SWITCHABLE_PERSONNAME',
-}
-
-export enum ResultOrder {
-  Asc = 'ASC',
-  Desc = 'DESC',
-}
-
-export type GetHighRevenueAccountsQueryVariables = Exact<{
-  minRevenue?: InputMaybe<Scalars['Currency']['input']>;
-}>;
-
-export type GetHighRevenueAccountsQuery = {
-  uiapi: {
-    query: {
-      Account?: {
-        edges?: Array<{
-          node?: {
-            Id: string;
-            Name?: { value?: string | null } | null;
-            AnnualRevenue?: { value?: number | null } | null;
-            Industry?: { value?: string | null } | null;
-            Website?: { value?: string | null } | null;
-          } | null;
-        } | null> | null;
-      } | null;
-    };
-  };
-};

package/dist/force-app/main/default/webapplications/feature-micro-frontend/src/api/utils/accounts.ts

@@ -1,41 +0,0 @@
-import { getDataSDK } from '@salesforce/webapp-experimental/api';
-import HIGH_REVENUE_ACCOUNTS_QUERY from './query/highRevenueAccountsQuery.graphql?raw';
-import type {
-  GetHighRevenueAccountsQuery,
-  GetHighRevenueAccountsQueryVariables,
-} from '../graphql-operations-types';
-
-type AccountNode = NonNullable<
-  NonNullable<
-    NonNullable<
-      NonNullable<
-        GetHighRevenueAccountsQuery['uiapi']['query']['Account']
-      >['edges']
-    >[number]
-  >['node']
->;
-
-/**
- * Fetch accounts with annual revenue greater than the specified amount
- *
- * @param minRevenue - Minimum annual revenue threshold (default: 100000)
- * @returns Array of accounts matching the criteria
- */
-export async function getHighRevenueAccounts(
-  variables: GetHighRevenueAccountsQueryVariables
-): Promise<(AccountNode | null | undefined)[]> {
-  const data = await getDataSDK();
-  const response = await data.graphql?.<
-    GetHighRevenueAccountsQuery,
-    GetHighRevenueAccountsQueryVariables
-  >(HIGH_REVENUE_ACCOUNTS_QUERY, variables);
-
-  if (response?.errors?.length) {
-    const errorMessages = response.errors.map(e => e.message).join('; ');
-    throw new Error(`GraphQL Error: ${errorMessages}`);
-  }
-
-  return (
-    response?.data?.uiapi?.query?.Account?.edges?.map(edge => edge?.node) || []
-  );
-}

package/dist/force-app/main/default/webapplications/feature-micro-frontend/src/api/utils/query/highRevenueAccountsQuery.graphql

@@ -1,29 +0,0 @@
-query GetHighRevenueAccounts($minRevenue: Currency) {
-  uiapi {
-    query {
-      Account(
-        where: { AnnualRevenue: { gt: $minRevenue } }
-        orderBy: { AnnualRevenue: { order: DESC } }
-        first: 50
-      ) {
-        edges {
-          node {
-            Id
-            Name {
-              value
-            }
-            AnnualRevenue {
-              value
-            }
-            Industry {
-              value
-            }
-            Website {
-              value
-            }
-          }
-        }
-      }
-    }
-  }
-}