fix(sample): use new service options after re-write in 3.2.1

Author: mt-dfrey

sample/src/index.ts

@@ -3,7 +3,11 @@ import mtLinkSdk, {
   AuthAction,
   AuthorizeOptions,
   OnboardOptions,
-  OpenServicesConfigsOptions,
+  VaultOpenServiceViewServiceList,
+  VaultOpenServiceViewServiceConnection,
+  VaultOpenServiceViewConnectionSetting,
+  MyAccountOpenServiceOptions,
+  VaultOpenServiceViewCustomerSupport,
   ServiceId,
   LoginLinkTo,
   VaultViewServiceList
@@ -117,11 +121,16 @@ elements.logoutBtn.onclick = () => {
 // Launch open service
 elements.openServiceBtn.onclick = () => {
   const { openServiceOptionsElms } = elements;
-  let OpenServicesConfigsOptions: OpenServicesConfigsOptions = {};
-  const serviceId = openServiceOptionsElms.serviceId.options[openServiceOptionsElms.serviceId.selectedIndex]
+  const serviceId: ServiceId = openServiceOptionsElms.serviceId.options[openServiceOptionsElms.serviceId.selectedIndex]
     .value as ServiceId;
 
   if (serviceId === 'vault') {
+    type VaultOptions =
+      | VaultOpenServiceViewServiceConnection
+      | VaultOpenServiceViewConnectionSetting
+      | VaultOpenServiceViewServiceList
+      | VaultOpenServiceViewCustomerSupport;
+    let openServicesOptions: VaultOptions = {} as VaultOptions;
     const view = openServiceOptionsElms.vaultView.options[openServiceOptionsElms.vaultView.selectedIndex].value as
       | 'services-list'
       | 'service-connection'
@@ -130,7 +139,7 @@ elements.openServiceBtn.onclick = () => {
 
     switch (view) {
       case 'services-list':
-        OpenServicesConfigsOptions = {
+        openServicesOptions = {
           view: 'services-list',
           type:
             (openServiceOptionsElms.type.options[openServiceOptionsElms.type.selectedIndex].value as Pick<
@@ -146,21 +155,22 @@ elements.openServiceBtn.onclick = () => {
         };
         break;
       case 'service-connection':
-        OpenServicesConfigsOptions = {
+        openServicesOptions = {
           view: 'service-connection',
           entityKey: openServiceOptionsElms.entityKey.value
         };
         break;
       case 'connection-setting':
-        OpenServicesConfigsOptions = {
+        openServicesOptions = {
           view: 'connection-setting',
           credentialId: openServiceOptionsElms.credentialId.value
         };
         break;
       case 'customer-support':
       default:
-        OpenServicesConfigsOptions = { view };
+        openServicesOptions = { view };
     }
+    mtLinkSdk.openService(serviceId, openServicesOptions);
   }
 
   if (serviceId === 'myaccount') {
@@ -174,10 +184,8 @@ elements.openServiceBtn.onclick = () => {
       | 'settings/update-email'
       | 'settings/update-password';
 
-    OpenServicesConfigsOptions = { view };
+    mtLinkSdk.openService(serviceId, { view });
   }
-
-  mtLinkSdk.openService(serviceId, OpenServicesConfigsOptions);
 };
 
 // Launch open login link