@pega/sdk 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/sdk",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Scaffold a Pega SDK application project",
   "type": "module",
   "bin": {

package/templates/react-native-sdk-reference/.claude/settings.json

@@ -0,0 +1,5 @@
+{
+  "enabledPlugins": {
+    "expo@claude-plugins-official": true
+  }
+}

package/templates/react-native-sdk-reference/.prettierignore

@@ -0,0 +1,17 @@
+# Dependencies
+node_modules/
+
+# Expo / native build output
+.expo/
+android/
+ios/
+dist/
+web-build/
+*.tsbuildinfo
+
+# Lockfiles (not meant to be hand-formatted)
+package-lock.json
+yarn.lock
+
+# Auto-generated
+expo-env.d.ts

package/templates/react-native-sdk-reference/.vscode/extensions.json

@@ -0,0 +1 @@
+{ "recommendations": ["expo.vscode-expo-tools"] }

package/templates/react-native-sdk-reference/.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.organizeImports": "explicit",
+    "source.sortMembers": "explicit"
+  }
+}

package/templates/react-native-sdk-reference/AGENTS.md

@@ -0,0 +1,3 @@
+# Expo HAS CHANGED
+
+Read the exact versioned docs at https://docs.expo.dev/versions/v57.0.0/ before writing any code.

package/templates/react-native-sdk-reference/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/templates/react-native-sdk-reference/README.md

@@ -0,0 +1,56 @@
+# Welcome to your Expo app 👋
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   npm install
+   ```
+
+2. Start the app
+
+   ```bash
+   npx expo start
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
+
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## Get a fresh project
+
+When you're ready, run:
+
+```bash
+npm run reset-project
+```
+
+This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+
+### Other setup steps
+
+- To set up ESLint for linting, run `npx expo lint`, or follow our guide on ["Using ESLint and Prettier"](https://docs.expo.dev/guides/using-eslint/)
+- If you'd like to set up unit testing, follow our guide on ["Unit Testing with Jest"](https://docs.expo.dev/develop/unit-testing/)
+- Learn more about the TypeScript setup in this template in our guide on ["Using TypeScript"](https://docs.expo.dev/guides/typescript/)
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+
+## Join the community
+
+Join our community of developers creating universal apps.
+
+- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
+- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.

package/templates/react-native-sdk-reference/app.json

@@ -1,11 +1,46 @@
 {
   "expo": {
-    "name": "pega-sdk-react-native-reference",
-    "slug": "pega-sdk-react-native-reference",
+    "name": "react-native-sdk-reference",
+    "slug": "react-native-sdk-reference",
     "version": "1.0.0",
     "orientation": "portrait",
-    "scheme": "pegasdk",
-    "userInterfaceStyle": "light",
-    "platforms": ["ios", "android"]
+    "icon": "./assets/images/icon.png",
+    "scheme": "reactnativesdkreference",
+    "userInterfaceStyle": "automatic",
+    "ios": {
+      "supportsTablet": true,
+      "icon": "./assets/expo.icon"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "backgroundColor": "#E6F4FE",
+        "foregroundImage": "./assets/images/android-icon-foreground.png",
+        "backgroundImage": "./assets/images/android-icon-background.png",
+        "monochromeImage": "./assets/images/android-icon-monochrome.png"
+      },
+      "predictiveBackGestureEnabled": false
+    },
+    "web": {
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "backgroundColor": "#208AEF",
+          "image": "./assets/images/splash-icon.png",
+          "imageWidth": 76
+        }
+      ],
+      "expo-font",
+      "expo-image",
+      "expo-web-browser"
+    ],
+    "experiments": {
+      "typedRoutes": true,
+      "reactCompiler": true
+    }
   }
 }

package/templates/react-native-sdk-reference/assets/expo.icon/Assets/expo-symbol 2.svg

@@ -0,0 +1,3 @@
+<svg width="652" height="606" viewBox="0 0 652 606" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M353.554 0H298.446C273.006 0 249.684 14.6347 237.962 37.9539L4.37994 502.646C-1.04325 513.435 -1.45067 526.178 3.2716 537.313L22.6123 582.918C34.6475 611.297 72.5404 614.156 88.4414 587.885L309.863 222.063C313.34 216.317 319.439 212.826 326 212.826C332.561 212.826 338.659 216.317 342.137 222.063L563.559 587.885C579.46 614.156 617.352 611.297 629.388 582.918L648.728 537.313C653.451 526.178 653.043 513.435 647.62 502.646L414.038 37.9539C402.316 14.6347 378.994 0 353.554 0Z" fill="white"/>
+</svg>

package/templates/react-native-sdk-reference/assets/expo.icon/icon.json

@@ -0,0 +1,35 @@
+{
+  "fill": {
+    "automatic-gradient": "extended-srgb:0.00000,0.47843,1.00000,1.00000"
+  },
+  "groups": [
+    {
+      "layers": [
+        {
+          "image-name": "expo-symbol 2.svg",
+          "name": "expo-symbol 2",
+          "position": {
+            "scale": 1,
+            "translation-in-points": [1.1008400065293245e-5, -16.046875]
+          }
+        },
+        {
+          "image-name": "grid.png",
+          "name": "grid"
+        }
+      ],
+      "shadow": {
+        "kind": "neutral",
+        "opacity": 0.5
+      },
+      "translucency": {
+        "enabled": true,
+        "value": 0.5
+      }
+    }
+  ],
+  "supported-platforms": {
+    "circles": ["watchOS"],
+    "squares": "shared"
+  }
+}

package/templates/react-native-sdk-reference/eslint.config.mjs

@@ -0,0 +1,68 @@
+// @ts-check
+// Local ESLint flat config for the React Native sample app.
+//
+// Why this file exists:
+//   Without a local config, ESLint walks up the tree and discovers the repo
+//   root eslint.config.mjs, which ignores `samples/**` — causing `expo lint`
+//   to fail with "all of the files matching the glob pattern ... are ignored".
+//
+//   The repo pins ESLint 10, which is incompatible with the eslint-plugin-react
+//   bundled by `eslint-config-expo`, so we use a small hand-rolled flat config
+//   instead of extending the Expo preset.
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+import eslintConfigPrettier from 'eslint-config-prettier';
+
+// No-op rule definitions so inline `eslint-disable` comments in the source that
+// reference the Expo preset's react/import rules resolve without pulling in
+// packages that are incompatible with ESLint 10.
+const noopRule = { create: () => ({}) };
+const reactStub = { rules: { 'display-name': noopRule } };
+const importStub = { rules: { 'no-named-as-default': noopRule } };
+
+export default tseslint.config(
+  {
+    ignores: ['**/dist/**', '**/node_modules/**', '.expo/**', 'android/**', 'ios/**', 'expo-env.d.ts'],
+  },
+
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  {
+    files: ['src/**/*.{ts,tsx,js,jsx}', '*.{ts,tsx,js,jsx}'],
+    plugins: {
+      'react-hooks': reactHooks,
+      react: reactStub,
+      import: importStub,
+    },
+    languageOptions: {
+      parserOptions: {
+        // Disambiguate the TSConfig root (repo root vs. this app) so the
+        // typescript-eslint parser doesn't error on multiple candidates.
+        tsconfigRootDir: import.meta.dirname,
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        // PCore/PConnect are injected globals provided by the host runtime.
+        PCore: 'readonly',
+        PConnect: 'readonly',
+        __DEV__: 'readonly',
+      },
+    },
+    rules: {
+      // `require()` is the idiomatic way to reference static assets in RN.
+      '@typescript-eslint/no-require-imports': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-ts-comment': ['warn', { 'ts-ignore': 'allow-with-description' }],
+      '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'off',
+    },
+  },
+
+  // Disable stylistic ESLint rules that conflict with Prettier. Must stay last.
+  eslintConfigPrettier,
+);

package/templates/react-native-sdk-reference/package.json

@@ -1,22 +1,67 @@
 {
-  "name": "@pega/react-native-sdk-reference",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web"
-  },
+  "name": "react-native-sdk-reference",
+  "main": "expo-router/entry",
+  "version": "1.0.0",
   "dependencies": {
-    "@pega/sdk-react": "^0.1.0",
+    "@expo/ui": "~57.0.4",
+    "@expo/vector-icons": "^15.0.2",
+    "@futurejj/react-native-checkbox": "^1.0.7",
+    "@pega/constellationjs": "file:pega-constellationjs-0.26.3.tgz",
+    "@pega/sdk-react": "file:pega-sdk-react-0.1.0.tgz",
+    "@pega/sdk-types": "file:pega-sdk-types-0.1.0.tgz",
+    "@react-navigation/bottom-tabs": "^7.3.10",
+    "@react-navigation/elements": "^2.3.8",
+    "@react-navigation/native": "^7.1.6",
+    "dayjs": "^1.11.21",
     "expo": "~57.0.4",
+    "expo-auth-session": "~57.0.4",
+    "expo-constants": "~57.0.6",
+    "expo-crypto": "~57.0.1",
+    "expo-device": "~57.0.0",
+    "expo-font": "~57.0.1",
+    "expo-glass-effect": "~57.0.0",
+    "expo-image": "~57.0.1",
+    "expo-linear-gradient": "~57.0.1",
+    "expo-linking": "~57.0.3",
+    "expo-router": "~57.0.7",
+    "expo-splash-screen": "~57.0.4",
+    "expo-symbols": "~57.0.0",
+    "expo-system-ui": "~57.0.1",
+    "expo-web-browser": "~57.0.1",
+    "fast-deep-equal": "^3.1.3",
+    "libphonenumber-js": "^1.13.9",
     "react": "^19.2.7",
-    "react-native": "0.86.0"
+    "react-dom": "^19.2.7",
+    "react-native": "0.86.0",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-paper": "^5.15.3",
+    "react-native-paper-dates": "^0.22.57",
+    "react-native-paper-dropdown": "^2.3.1",
+    "react-native-paper-phone-number-input": "^1.3.1",
+    "react-native-reanimated": "4.5.0",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "4.25.2",
+    "react-native-web": "~0.21.0",
+    "react-native-worklets": "0.10.0",
+    "react-redux": "^9.3.0",
+    "uuid": "^11.1.1",
+    "xmldom": "^0.6.0"
   },
   "devDependencies": {
-    "@babel/core": "^8.0.1",
-    "@types/react": "^19.2.17",
+    "@pega/pcore-pconnect-typedefs": "^4.1.0",
+    "@types/react": "~19.2.2",
+    "eslint-config-expo": "~10.0.0",
     "typescript": "~6.0.3"
-  }
+  },
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "lint": "expo lint",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
+  },
+  "private": true
 }

package/templates/react-native-sdk-reference/sdk-config.json

@@ -1,14 +1,36 @@
 {
-  "serverConfig": {
-    "infinityRestServerUrl": "https://YOUR_PEGA_SERVER/prweb",
-    "appAlias": "YOUR_APP_ALIAS",
-    "sdkContentServerUrl": "",
-    "appMashupCaseType": "YOUR-CASETYPE-CLASS"
-  },
+  "comment_sdk_config": "This is the configuration file for the React SDK",
   "authConfig": {
+    "authConfig_comment": "Optional Full paths to Infinity server OAuth endpoints (Only needed if using custom OAuth service)",
+    "authConfig_comment2": "Optional attributes are: authorize, token, revoke, redirectUri, authService, silentTimeout, iframeLoginUI,",
+    "authConfig_comment3": "mashupAuthService, portalGrantType, mashupGrantType, tokenStorage",
     "authService": "pega",
-    "mashupClientId": "YOUR_MASHUP_CLIENT_ID",
-    "mashupUserIdentifier": "",
-    "mashupPassword": ""
+
+    "mashupClient_comment": "Client ID and Client secret from the OAuth 2.0 Client Registration record used for mashup use case",
+    "mashupClient_comment2": "See SDK Guide for instructions on how to generate and obtain the proper values for the following entries",
+    "mashupClientId": "25795373220702300272"
+  },
+  "serverConfig": {
+    "infinityRestServerUrl_comment": "Full path to Infinity REST server",
+    "infinityRestServerUrl": "https://lab-16027-us-east-1.internal.pegalabs.io/prweb",
+
+    "appAlias_comment": "appAlias of the application which operators will be accessing (e.g., MediaCo)",
+    "appAlias": "MediaCo",
+
+    "sdkContentServerUrl_comment": "If specified, the given URL will be used. If left blank, window.location.origin will be used.",
+    "sdkContentServerUrl": "http://localhost:8081",
+
+    "appMashupCaseType_comment": "If specified, uses this case type for mashup.  Otherwise, uses the first case type found for the app",
+    "appMashupCaseType": "DIXL-MediaCo-Work-NewService",
+
+    "excludePortals_comment": "Array of specific portals to avoid attempting to load with SDK",
+    "excludePortals": [
+      "pxExpress",
+      "Developer",
+      "pxPredictionStudio",
+      "pxAdminStudio",
+      "pyCaseWorker",
+      "pyCaseManager7"
+    ]
   }
 }

package/templates/react-native-sdk-reference/src/app/_layout.tsx

@@ -0,0 +1,38 @@
+import { Stack } from 'expo-router';
+import { StatusBar } from 'react-native';
+
+import { LoaderProvider } from '@/context/LoaderContext';
+import SafeArea from '@/mediaco/SafeArea';
+
+export default function RootLayout() {
+  return (
+    <>
+      <StatusBar barStyle={'dark-content'} />
+
+      {/* MIGRATED: Expo Router routes moved from legacy app/* to Expo 57 src/app/* convention */}
+      <SafeArea>
+        <LoaderProvider>
+          <Stack
+            screenOptions={{
+              headerShown: false,
+            }}
+          >
+            <Stack.Screen name="index" />
+            <Stack.Screen
+              name="workarea"
+              options={{
+                // presentation: 'modal',
+                headerShown: true,
+                headerTitle: 'Schedule Service Appointment',
+                headerTintColor: '#fff',
+                headerStyle: {
+                  backgroundColor: '#01153d',
+                },
+              }}
+            />
+          </Stack>
+        </LoaderProvider>
+      </SafeArea>
+    </>
+  );
+}

package/templates/react-native-sdk-reference/src/app/home/_layout.tsx

@@ -0,0 +1,39 @@
+import { Tabs } from 'expo-router';
+import TabBar from '@/mediaco/TabBar';
+
+export default function Layout() {
+  return (
+    <>
+      <Tabs tabBar={(props) => <TabBar {...props} />}>
+        <Tabs.Screen
+          name="index"
+          options={{
+            title: 'Home',
+            headerShown: false,
+          }}
+        />
+        <Tabs.Screen
+          name="your-services"
+          options={{
+            title: 'Your Services',
+            headerShown: false,
+          }}
+        />
+        <Tabs.Screen
+          name="shop"
+          options={{
+            title: 'Shop',
+            headerShown: false,
+          }}
+        />
+        <Tabs.Screen
+          name="contact"
+          options={{
+            title: 'Contact',
+            headerShown: false,
+          }}
+        />
+      </Tabs>
+    </>
+  );
+}

package/templates/react-native-sdk-reference/src/app/home/contact.tsx

@@ -0,0 +1,11 @@
+import { Text, View } from 'react-native';
+
+const Contact = () => {
+  return (
+    <View>
+      <Text>Contact</Text>
+    </View>
+  );
+};
+
+export default Contact;

package/templates/react-native-sdk-reference/src/app/home/index.tsx

@@ -0,0 +1,36 @@
+import { LinearGradient } from 'expo-linear-gradient';
+import { StyleSheet, View } from 'react-native';
+import Header from '@/mediaco/Header';
+import HomeScreen from '@/mediaco/HomeScreen';
+
+export default function Index() {
+  // This is the main entry point of the app.
+  // The actual implementation is in the home screen.
+  return (
+    <View
+      style={{
+        flex: 1,
+        alignItems: 'center',
+      }}
+    >
+      <LinearGradient
+        // Background Linear Gradient
+        colors={['#3A53E9', '#0043C8', '#01153E']}
+        style={styles.background}
+      />
+
+      <Header />
+      <HomeScreen />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  background: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: '100%',
+  },
+});

package/templates/react-native-sdk-reference/src/app/home/shop.tsx

@@ -0,0 +1,11 @@
+import { Text, View } from 'react-native';
+
+const Shop = () => {
+  return (
+    <View>
+      <Text>Shop</Text>
+    </View>
+  );
+};
+
+export default Shop;

package/templates/react-native-sdk-reference/src/app/home/your-services.tsx

@@ -0,0 +1,11 @@
+import { Text, View } from 'react-native';
+
+const yourServices = () => {
+  return (
+    <View>
+      <Text>yourServices</Text>
+    </View>
+  );
+};
+
+export default yourServices;