@snugdesk/whatsapp-widget 0.2.0 → 0.2.2

package/README.md

@@ -180,6 +180,18 @@ The widget can run in two modes without any extra setup from third parties:
 - The widget honors the host AppSync auth mode when it reuses the host config (for example, `API_KEY` vs `AWS_LAMBDA`).
 - Otherwise, the widget will **configure Amplify itself** using its default configuration (`AWS_LAMBDA`).
 
+You can also pass your host Amplify config directly to the widget:
+
+```ts
+import { provideAmplifyConfig } from '@snugdesk/whatsapp-widget';
+import { AmplifyConfig } from './app/app-config.model';
+
+@NgModule({
+  providers: [provideAmplifyConfig(AmplifyConfig)]
+})
+export class AppModule {}
+```
+
 ---
 
 ## 🎨 Assets & Styling

package/fesm2022/snugdesk-whatsapp-widget.mjs

@@ -56,14 +56,23 @@ function provideAppSyncConfig(config) {
         useValue: config,
     };
 }
+const AMPLIFY_CONFIG = new InjectionToken('AMPLIFY_CONFIG');
+function provideAmplifyConfig(config) {
+    return {
+        provide: AMPLIFY_CONFIG,
+        useValue: config,
+    };
+}
 class AppSyncGraphqlService {
     authenticationService;
     configured = false;
     authMode = GRAPHQL_AUTH_MODE.AWS_LAMBDA;
     config;
-    constructor(config, authenticationService) {
+    amplifyConfig;
+    constructor(config, amplifyConfig, authenticationService) {
         this.authenticationService = authenticationService;
         this.config = config ?? defaultAppSyncConfig;
+        this.amplifyConfig = amplifyConfig;
         // this.ensureConfigured();
     }
     async query(statement, variables) {
@@ -142,6 +151,12 @@ class AppSyncGraphqlService {
         if (this.configured) {
             return;
         }
+        if (this.amplifyConfig) {
+            Amplify.configure(this.amplifyConfig);
+            this.authMode = this.normalizeAuthMode(this.getAuthModeFromConfig(this.amplifyConfig)) ?? GRAPHQL_AUTH_MODE.API_KEY;
+            this.configured = true;
+            return;
+        }
         const hostConfig = this.getHostConfig();
         if (hostConfig.useHost) {
             this.authMode = this.normalizeAuthMode(hostConfig.authMode) ?? GRAPHQL_AUTH_MODE.API_KEY;
@@ -176,14 +191,8 @@ class AppSyncGraphqlService {
         const existing = Amplify.getConfig?.() ?? {};
         const existingEndpoint = existing?.API?.GraphQL?.endpoint ?? existing?.API?.GraphQL?.graphql_endpoint ?? existing?.aws_appsync_graphqlEndpoint;
         const existingAuthMode = existing?.API?.GraphQL?.defaultAuthMode ?? existing?.aws_appsync_authenticationType;
-        const useHost = existingEndpoint === defaultAppSyncConfig.endpoint;
-        console.debug('[WhatsAppWidget] Host Amplify config', {
-            existingEndpoint,
-            existingAuthMode,
-            useHost,
-        });
         return {
-            useHost,
+            useHost: existingEndpoint === defaultAppSyncConfig.endpoint,
             authMode: existingAuthMode,
         };
     }
@@ -206,6 +215,9 @@ class AppSyncGraphqlService {
                 return undefined;
         }
     }
+    getAuthModeFromConfig(config) {
+        return config?.API?.GraphQL?.defaultAuthMode ?? config?.aws_appsync_authenticationType;
+    }
     buildAuthHeaders() {
         const token = this.getToken();
         if (!token) {
@@ -222,7 +234,7 @@ class AppSyncGraphqlService {
         }
         return token;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSyncGraphqlService, deps: [{ token: APPSYNC_GRAPHQL_CONFIG, optional: true }, { token: i1.SnugdeskAuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSyncGraphqlService, deps: [{ token: APPSYNC_GRAPHQL_CONFIG, optional: true }, { token: AMPLIFY_CONFIG, optional: true }, { token: i1.SnugdeskAuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSyncGraphqlService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSyncGraphqlService, decorators: [{
@@ -235,6 +247,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }, {
                     type: Inject,
                     args: [APPSYNC_GRAPHQL_CONFIG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AMPLIFY_CONFIG]
                 }] }, { type: i1.SnugdeskAuthenticationService }] });
 
 var ModelAttributeTypes;
@@ -6371,5 +6388,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APPSYNC_GRAPHQL_CONFIG, AppSyncGraphqlService, CustomError, LocationInputComponent, PhoneInputComponent, WhatsAppContactCreateComponent, WhatsAppContactListComponent, WhatsAppConversationsComponent, WhatsAppMessageItemComponent, WhatsAppMessagesComponent, WhatsAppTemplatePreviewComponent, WhatsAppTemplatesComponent, WhatsAppTextFormatterPipe, WhatsAppWidgetComponent, WhatsAppWidgetModule, provideAppSyncConfig };
+export { AMPLIFY_CONFIG, APPSYNC_GRAPHQL_CONFIG, AppSyncGraphqlService, CustomError, LocationInputComponent, PhoneInputComponent, WhatsAppContactCreateComponent, WhatsAppContactListComponent, WhatsAppConversationsComponent, WhatsAppMessageItemComponent, WhatsAppMessagesComponent, WhatsAppTemplatePreviewComponent, WhatsAppTemplatesComponent, WhatsAppTextFormatterPipe, WhatsAppWidgetComponent, WhatsAppWidgetModule, provideAmplifyConfig, provideAppSyncConfig };
 //# sourceMappingURL=snugdesk-whatsapp-widget.mjs.map