fix: color selection error

packages/api-client/__tests__/api/configureProduct.spec.ts

@@ -33,7 +33,10 @@ describe('[kibo-api-client] configureProduct', () => {
 
     const product = { productCode: 'ACC1' } as any;
 
-    const productResponse = await configureProduct(context, { product, attributes: { color: 'Green' } });
+    const productResponse = await configureProduct(context, {
+      product,
+      attributes: { 'tenant~color': 'Green' }
+    });
 
     expect(productResponse.data).toEqual('config response');
   });

packages/api-client/__tests__/api/logInUser.spec.ts

@@ -1,15 +1,25 @@
 import logInUser from '../../src/api/logInUser';
+import defaultMutation from '../../src/api/logInUser/defaultMutation';
+
+const loginResponse = {
+  accessToken: 'access token',
+  accessTokenExpiration: 'access token expiration',
+  refreshToken: 'refresh token',
+  userId: 'userId',
+  refreshTokenExpiration: 'refresh token expiration'
+};
 
 describe('[kibo-api-client] logInUser', () => {
   beforeEach(() => {
     jest.clearAllMocks();
   });
 
   it('creates user session', async () => {
-
     const givenVariables = {
-      username: '[email protected]',
-      password: '12345'
+      loginInput: {
+        username: '[email protected]',
+        password: '12345'
+      }
     };
     const context = {
       config: {
@@ -18,14 +28,28 @@ describe('[kibo-api-client] logInUser', () => {
         currency: 'USD'
       },
       client: {
-        loginCustomerAndSetAuthTicket: (params) =>{
-          expect(params).toEqual(givenVariables);
-          return { data: 'user response' };
+        mutate: ({ variables, mutation }) => {
+          expect(variables).toStrictEqual(givenVariables);
+          expect(mutation).toEqual(defaultMutation);
+
+          return {
+            data: {
+              account: loginResponse
+            }
+          };
+        },
+        shopperAuthManager: {
+          setTicket: (data) => {
+            expect(data).toStrictEqual(loginResponse);
+          }
         }
       }
     };
 
-    const { data } = await logInUser(context, givenVariables) as any;
-    expect(data).toBe('user response');
+    const { data } = (await logInUser(
+      context,
+      givenVariables.loginInput
+    )) as any;
+    expect(data).toStrictEqual({ account: loginResponse });
   });
 });

packages/api-client/src/api/configureProduct/index.ts

@@ -1,11 +1,17 @@
 import { Context } from '@vue-storefront/core';
 import defaultMutation from './defaultMutation';
-import { ConfigureProductResponse, InternalConfigureProductParams } from '../../types/Api';
+import {
+  ConfigureProductResponse,
+  InternalConfigureProductParams
+} from '../../types/Api';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export default async function configureProduct(context: Context, params: InternalConfigureProductParams): Promise<ConfigureProductResponse> {
-  const attributes = Object.keys(params.attributes).map(a => ({
-    attributeFQN: `tenant~${a}`,
+export default async function configureProduct(
+  context: Context,
+  params: InternalConfigureProductParams
+): Promise<ConfigureProductResponse> {
+  const attributes = Object.keys(params.attributes).map((a) => ({
+    attributeFQN: a,
     value: params.attributes[a]
   }));
   const product = params.product;

packages/api-client/src/api/logInUser/index.ts

@@ -1,12 +1,42 @@
 /* eslint camelcase: "warn"*/
 import { Context } from '@vue-storefront/core';
-import { KiboApolloClient } from '@kibocommerce/graphql-client';
+import loginMutation from './defaultMutation';
 import { LogInUserParams, LogInUserResponse } from '../../types/Api';
+import { KiboApolloClient } from '@kibocommerce/graphql-client';
 
-const loginUser = async (context:Context, params:LogInUserParams): Promise<LogInUserResponse> => {
-  const client = context.client as KiboApolloClient;
+const loginUser = async (
+  context: Context,
+  params: LogInUserParams
+): Promise<LogInUserResponse> => {
   const { username, password } = params;
-  const loginResponse = await client.loginCustomerAndSetAuthTicket({ username, password }) as any;
+  const client = context.client as KiboApolloClient;
+  const loginResponse = await context.client.mutate({
+    mutation: loginMutation,
+    variables: {
+      loginInput: {
+        username,
+        password
+      }
+    },
+    fetchPolicy: 'no-cache'
+  });
+
+  const {
+    accessToken,
+    accessTokenExpiration,
+    refreshToken,
+    userId,
+    refreshTokenExpiration
+  } = loginResponse.data.account;
+
+  client.shopperAuthManager.setTicket({
+    accessToken,
+    accessTokenExpiration,
+    refreshToken,
+    userId,
+    refreshTokenExpiration
+  });
+
   return loginResponse;
 };
 

packages/composables/package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@vue-storefront/core": "~2.5.0",
-    "@vue-storefront/kibocommerce-api": "^1.0.0-beta.4",
+    "@vue-storefront/kibocommerce-api": "^1.0.3-beta.7",
     "vue": "^2.6.12",
     "@vue/composition-api": "^1.3.3",
     "vue-demi": "^0.12.1",