@timum/timum_pdk 1.0.2

package/.eslintignore

@@ -0,0 +1,5 @@
+build
+public
+node_modules
+.vscode
+.git

package/.eslintrc

@@ -0,0 +1,30 @@
+{
+  "settings": {
+    "react": {"version":"detect"}
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:storybook/recommended"
+  ],
+  "env": {
+    "browser": true,
+    "es2022": true,
+    "node": true
+  },
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "rules": {
+    "prettier/prettier": [
+      "error",
+      {
+        "singleQuote": true,
+        "endOfLine": "auto"
+      }
+    ],
+    "no-console": "off",
+    "react/prop-types": 0
+  }
+}

package/README.md

@@ -0,0 +1,21 @@
+# README #
+
+This repo contains publicly available timum endpoints. 
+
+It uses Redux, Redux Toolkit and RTKQ. 
+Here is how to add it to your store:
+
+````
+import { timumApiSlice } from '@timum/timum_pdk';
+
+export default configureStore({
+  reducer: {
+    [timumApiSlice.reducerPath]: timumApiSlice.reducer,
+  },
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware().concat(timumApiSlice.middleware)
+});
+````
+
+
+

package/package.json

@@ -0,0 +1,41 @@
+{
+    "name": "@timum/timum_pdk",
+    "version": "1.0.2",
+    "dependencies": {
+        "@reduxjs/toolkit": "^1.8.0",
+        "np": "^7.6.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-redux": "^8.0.2",
+        "reactjs-localstorage": "^1.0.1"
+    },
+    "scripts": {
+        "lint": "eslint .",
+        "lint:fix": "eslint --fix .",
+        "prepublishOnly": "npm login",
+        "postbuild": "np --no-publish --no-yarn",
+        "build": "webpack --mode=production",
+        "devBuild": "webpack --mode=development",
+        "test": "echo \"No tests yet\""
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "devDependencies": {
+        "eslint": "^8.17.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-react": "^7.30.0",
+        "webpack": "^5.70.0",
+        "webpack-cli": "^4.10.0"
+    }
+}

package/src/index.js

@@ -0,0 +1,180 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
+
+import { reactLocalStorage } from 'reactjs-localstorage';
+
+export const getTimumApiHost = () => {
+  return reactLocalStorage.get('timumApiHost', 'www.timum.de');
+};
+
+// we do it this way so that the base url can be determined dynamically
+export const getBaseUrl = () => {
+  return getTimumApiHost() + '/rest/1';
+};
+
+export const constructUrl = (url, plain) => {
+  if (!url.includes('?')) {
+    url = `${url}?X-DISABLE-COOKIES=true`;
+  } else {
+    url = `${url}&X-DISABLE-COOKIES=true`;
+  }
+
+  if (plain) {
+    return `${getTimumApiHost()}${url}`;
+  } else {
+    return `${getBaseUrl()}${url}`;
+  }
+};
+
+export const timumApiSlice = createApi({
+  reducerPath: 'timumApi',
+  baseQuery: fetchBaseQuery({
+    baseUrl: undefined,
+    credentials: 'include',
+  }),
+  tagTypes: ['Timeslot', 'Product', 'Account', 'Provider', 'User'],
+  endpoints: (builder) => ({
+    // ##########################################
+    // # ConsumerAPI v2
+    // ##########################################
+
+    upcomingBookables: builder.query({
+      query: (props) => ({
+        url: constructUrl(`/resources/${props.resourceId}/upcoming_bookables`),
+      }),
+      providesTags: (/* result = [], error, arg */) => [
+        'Timeslot'
+      ],
+    }),
+
+    activeProducts: builder.query({
+      query: (props) => ({
+        url: constructUrl(`/resources/${props.resourceId}/active_products`),
+      }),
+      providesTags: (/* result = [], error, arg */) => [
+        'Product'
+      ],
+    }),
+
+    createAppointmentWithConsumer: builder.mutation({
+      query: (props) => ({
+        url: constructUrl(
+          `/resources/${props.resourceId}/create_appointment_with_consumer`
+        ),
+        method: 'post',
+        body: props.body,
+      }),
+      invalidatesTags: (/* result, error, arg */) => [{ type: 'Timeslot' }],
+    }),
+
+    // ##########################################
+    // # CRM API requests (general api)
+    // ##########################################
+
+    getAccount: builder.query({
+      query: (props) => ({
+        url: constructUrl(
+          `/crms/${props.platform}/account/${props.accountReference}`
+        ),
+      }),
+      providesTags: (/* result = [], error, arg */) => [
+        'Account'
+      ],
+    }),
+
+    createAccount: builder.mutation({
+      query: (props) => {
+        return {
+          url: constructUrl(`/crms/${props.platform}/account`),
+          method: 'post',
+          body: JSON.stringify(props.accountData),
+        };
+      },
+      invalidatesTags: (/* result, error, arg */) => [{ type: 'Account' }],
+    }),
+
+    getProviders: builder.query({
+      query: (props) => ({
+        url: constructUrl(
+          `/crms/${props.platform}/account/${props.accountReference}/providers`
+        ),
+      }),
+      providesTags: (/* result = [], error, arg */) => [
+        'Product'
+      ],
+    }),
+
+    getProvider: builder.query({
+      query: (props) => ({
+        url: constructUrl(
+          `/crms/${props.platform}/provider/${props.providerReference}`
+        ),
+      }),
+    }),
+
+    createProvider: builder.mutation({
+      query: (props) => ({
+        url: constructUrl(`/crms/${props.platform}/provider`),
+        method: 'post',
+        body: JSON.stringify(
+          (() => ({
+            user: props.userData ?? {},
+            provider: props.providerData ?? {},
+            address: props.addressData ?? null,
+            account: props.account ?? null,
+            sendEmail: props.sendEmail ?? false,
+          }))()
+        ),
+      }),
+      invalidatesTags: (/* result, error, arg */) => [{ type: 'Provider' }],
+    }),
+
+    // loginUserViaApi: builder.query({
+    //   query: (props) => ({
+    //     url: constructUrl(`/crms/${props.platform}/user/loginWithJwt`),
+    //   }),
+    //   async onQueryStarted(props, { dispatch, queryFulfilled }) {
+    //     const { data /* , meta */ } = await queryFulfilled;
+    //     if (data) {
+    //       dispatch(timumClientAuthorised({ auth2: data.auth2 }));
+    //     }
+    //   },
+    // }),
+    getUser: builder.query({
+      query: (props) => ({
+        url: constructUrl(
+          `/crms/${props.platform}/user/${props.userReference}`
+        ),
+      }),
+    }),
+
+    createUser: builder.mutation({
+      query: (props) => ({
+        url: constructUrl(`/crms/${props.platform}/user`),
+        method: 'post',
+        body: JSON.stringify(props.userData),
+      }),
+      invalidatesTags: (/* result, error, arg */) => [{ type: 'User' }],
+    }),
+  }),
+});
+
+export const {
+  // ##########################################
+  // # ConsumerAPI v2
+  // ##########################################
+
+  useUpcomingBookablesQuery,
+  useActiveProductsQuery,
+  useCreateAppointmentWithConsumerMutation,
+
+  // ##########################################
+  // # CRM API requests (general api)
+  // ##########################################
+  useCreateAccountMutation,
+  useGetAccountQuery,
+  useGetProvidersQuery,
+  useCreateProviderMutation,
+  // useLoginUserViaApiQuery,
+  useCreateUserMutation,
+  useGetUserQuery,
+} = timumApiSlice;

package/webpack.config.js

@@ -0,0 +1,11 @@
+const path = require('path');
+
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    library: {
+      type: 'commonjs-static'
+    },
+  },
+};