@snugdesk/whatsapp-widget 0.1.7 → 0.1.8

package/README.md

@@ -25,7 +25,13 @@ npm install @snugdesk/core
 npm install @snugdesk/whatsapp-widget
 ```
 
-The widget bundle brings its own runtime dependencies (`aws-amplify`, `@aws-amplify/api-graphql`, `@aws-sdk/client-s3`, `@ctrl/ngx-emoji-mart`, `ngx-avatars`, `ngx-infinite-scroll`, `ngx-skeleton-loader`, `moment-timezone`, `libphonenumber-js`, `sort-nested-json`, `uuid`, …). No extra manual installs are needed unless you want to pin specific versions in your workspace.
+The widget expects the host app to provide Amplify packages (peer dependencies). If your app does not already use Amplify, install them explicitly:
+
+```bash
+npm install aws-amplify @aws-amplify/api-graphql
+```
+
+Other runtime dependencies are bundled (`@aws-sdk/client-s3`, `@ctrl/ngx-emoji-mart`, `ngx-avatars`, `ngx-infinite-scroll`, `ngx-skeleton-loader`, `moment-timezone`, `libphonenumber-js`, `sort-nested-json`, `uuid`, …).
 
 ---
 
@@ -166,6 +172,15 @@ Ensure you render the widget only after you have a fresh token to avoid the comp
 
 ---
 
+## 🧩 Amplify Configuration Behavior
+
+The widget can run in two modes without any extra setup from third parties:
+
+- If the host already configured Amplify and its AppSync endpoint matches the widget default (`defaultAppSyncConfig.endpoint`), the widget will **reuse the host config** and **skip** `Amplify.configure`.
+- Otherwise, the widget will **configure Amplify itself** using its default configuration.
+
+---
+
 ## 🎨 Assets & Styling
 
 The library bundles icons, background artwork, and shared CSS under `@snugdesk/whatsapp-widget/assets`. To make them available during your build, add the folder to the Angular CLI asset list:

package/fesm2022/snugdesk-whatsapp-widget.mjs

@@ -142,6 +142,10 @@ class AppSyncGraphqlService {
         if (this.configured) {
             return;
         }
+        if (this.shouldUseHostConfig()) {
+            this.configured = true;
+            return;
+        }
         if (!this.config?.endpoint || !this.config?.region) {
             throw new Error('AppSync GraphQL configuration is missing.');
         }
@@ -165,6 +169,11 @@ class AppSyncGraphqlService {
         });
         this.configured = true;
     }
+    shouldUseHostConfig() {
+        const existing = Amplify.getConfig?.() ?? {};
+        const existingEndpoint = existing?.API?.GraphQL?.endpoint ?? existing?.API?.GraphQL?.graphql_endpoint ?? existing?.aws_appsync_graphqlEndpoint;
+        return existingEndpoint === defaultAppSyncConfig.endpoint;
+    }
     buildAuthHeaders() {
         const token = this.getToken();
         if (!token) {