@bexis2/bexis2-core-ui 0.4.48 → 0.4.49

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -2,10 +2,10 @@
 /** @typedef {typeof __propDef.events}  DropdownKvPEvents */
 /** @typedef {typeof __propDef.slots}  DropdownKvPSlots */
 export default class DropdownKvP extends SvelteComponent<{
-    source: any;
-    title: any;
     id: any;
     target: any;
+    title: any;
+    source: any;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
@@ -25,10 +25,10 @@ export type DropdownKvPSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        source: any;
-        title: any;
         id: any;
         target: any;
+        title: any;
+        source: any;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;

package/dist/components/form/MultiSelect.svelte.d.ts

@@ -2,10 +2,10 @@
 /** @typedef {typeof __propDef.events}  MultiSelectEvents */
 /** @typedef {typeof __propDef.slots}  MultiSelectSlots */
 export default class MultiSelect extends SvelteComponent<{
-    source: any;
-    title: any;
     id: any;
     target: any;
+    title: any;
+    source: any;
     invalid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
@@ -40,10 +40,10 @@ export type MultiSelectSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        source: any;
-        title: any;
         id: any;
         target: any;
+        title: any;
+        source: any;
         invalid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;

package/dist/components/page/Page.svelte

@@ -10,10 +10,11 @@ import Notification from "./Notification.svelte";
 import { computePosition, autoUpdate, offset, shift, flip, arrow } from "@floating-ui/dom";
 import { storePopup } from "@skeletonlabs/skeleton";
 import { breadcrumbStore, notificationStore } from "../../stores/pageStores";
-import { errorStore } from "../../stores/apiStores";
+import { errorStore, csrfTokenStore } from "../../stores/apiStores";
 storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
 import Docs from "./Docs.svelte";
 import GoToTop from "./GoToTop.svelte";
+import { getAntiForgeryToken } from "./PageCaller";
 export let title = "";
 export let note = "";
 export let links = [];
@@ -33,6 +34,8 @@ onMount(async () => {
   console.log("page");
   breadcrumbStore.clean();
   breadcrumbStore.addItem({ label: title, link: window.location.pathname });
+  const data = await getAntiForgeryToken();
+  csrfTokenStore.set(data.csrfToken);
 });
 let app;
 function scrollToTop() {

package/dist/components/page/PageCaller.d.ts

@@ -1,2 +1,3 @@
 export function getFooter(): Promise<any>;
 export function getHeader(): Promise<any>;
+export function getAntiForgeryToken(): Promise<any>;

package/dist/components/page/PageCaller.js

@@ -17,3 +17,12 @@ export const getHeader = async () => {
 		console.error(error);
 	}
 };
+
+export const getAntiForgeryToken = async () => {
+	try {
+		const response = await Api.get('/tokens/getAntiForgeryToken');
+		return response.data;
+	} catch (error) {
+		console.error(error);
+	}
+};

package/dist/services/Api.js

@@ -1,6 +1,6 @@
 // Api.js
 import axios from 'axios';
-import { host, username, password, errorStore } from '../stores/apiStores';
+import { host, username, password, errorStore, csrfToken } from '../stores/apiStores';
 console.log('setup axios');
 // implement a method to execute all the request from here.
 const apiRequest = (method, url, request) => {
@@ -11,18 +11,15 @@ const apiRequest = (method, url, request) => {
     const headers = {
         authorization: 'Basic ' + btoa(username + ':' + password)
     };
-    const requestVerificationToken = document.querySelector('input[name="__RequestVerificationToken"]')?.getAttribute('value');
-    var data = { ...request };
+    const requestVerificationToken = csrfToken;
     if (requestVerificationToken) {
         headers['__RequestVerificationToken'] = requestVerificationToken;
-        data = { ...data, __RequestVerificationToken: requestVerificationToken };
     }
-    console.log("🚀 ~ apiRequest ~ data:", data);
     //using the axios instance to perform the request that received from each http method
     return axiosAPI({
         method,
         url,
-        data: data,
+        data: request,
         headers
     })
         .then((res) => {

package/dist/stores/apiStores.d.ts

@@ -2,5 +2,7 @@ import { errorType } from '../models/Models';
 export declare let host: string;
 export declare let username: string;
 export declare let password: string;
+export declare let csrfToken: string;
+export declare const csrfTokenStore: import("svelte/store").Writable<string>;
 export declare const errorStore: import("svelte/store").Writable<errorType>;
 export declare function setApiConfig(_host: string, _user: string, _pw: string): void;

package/dist/stores/apiStores.js

@@ -3,6 +3,8 @@ import { errorType } from '../models/Models';
 export let host = 'window.location.origin';
 export let username = '';
 export let password = '';
+export let csrfToken = '';
+export const csrfTokenStore = writable('');
 const hostStore = writable(''); //writable(window.location.origin);
 const usernameStore = writable('');
 const passwordStore = writable('');
@@ -10,6 +12,9 @@ export const errorStore = writable(new errorType());
 hostStore.subscribe((value) => {
     host = value;
 });
+csrfTokenStore.subscribe((value) => {
+    csrfToken = value;
+});
 usernameStore.subscribe((value) => {
     username = value;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.4.48",
+  "version": "0.4.49",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/page/Page.svelte

@@ -17,7 +17,7 @@
 	import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
 	import { storePopup } from '@skeletonlabs/skeleton';
 	import { breadcrumbStore,notificationStore } from '$store/pageStores';
-	import { errorStore } from '$store/apiStores';
+	import { errorStore,csrfTokenStore } from '$store/apiStores';
 
 	storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
 
@@ -27,6 +27,7 @@ import type { helpItemType, helpStoreType } from '$models/Models';
 
 	import Docs from './Docs.svelte';
 	import GoToTop from './GoToTop.svelte';
+	import { getAntiForgeryToken } from './PageCaller';
 
 	export let title = '';
 	export let note = '';
@@ -51,6 +52,9 @@ import type { helpItemType, helpStoreType } from '$models/Models';
 		console.log('page');
 		breadcrumbStore.clean();
 		breadcrumbStore.addItem({ label: title, link: window.location.pathname });
+
+		const data = await getAntiForgeryToken();
+		csrfTokenStore.set(data.csrfToken); 		
 	});
 
  let app;

package/src/lib/components/page/PageCaller.js

@@ -17,3 +17,12 @@ export const getHeader = async () => {
 		console.error(error);
 	}
 };
+
+export const getAntiForgeryToken = async () => {
+	try {
+		const response = await Api.get('/tokens/getAntiForgeryToken');
+		return response.data;
+	} catch (error) {
+		console.error(error);
+	}
+};

package/src/lib/services/Api.ts

@@ -1,6 +1,6 @@
 // Api.js
 import axios from 'axios';
-import { host, username, password, errorStore } from '../stores/apiStores';
+import { host, username, password, errorStore, csrfToken } from '../stores/apiStores';
 import type { errorType } from '$models/Models';
 
 console.log('setup axios');
@@ -16,23 +16,17 @@ const apiRequest = (method, url, request) => {
 		authorization: 'Basic ' + btoa(username + ':' + password)
 	};
 
-	const requestVerificationToken = document.querySelector('input[name="__RequestVerificationToken"]')?.getAttribute('value');
-
-
-	var data ={...request}
+	const requestVerificationToken = csrfToken;
 
 	if (requestVerificationToken) {
 		headers['__RequestVerificationToken'] = requestVerificationToken;
-		data = {...data, __RequestVerificationToken: requestVerificationToken }
 	}	
 
-	console.log("🚀 ~ apiRequest ~ data:", data)
-
 	//using the axios instance to perform the request that received from each http method
 	return axiosAPI({
 		method,
 		url,
-		data: data,
+		data: request,
 		headers
 	})
 		.then((res) => {

package/src/lib/stores/apiStores.ts

@@ -4,17 +4,28 @@ import { errorType } from '$models/Models'
 export let host = 'window.location.origin';
 export let username = '';
 export let password = '';
+export let csrfToken = '';
+
+
+export const csrfTokenStore = writable('');
+
 
 const hostStore = writable(''); //writable(window.location.origin);
 const usernameStore = writable('');
 const passwordStore = writable('');
 
+
 export const errorStore = writable(new errorType());
 
 hostStore.subscribe((value) => {
 	host = value;
 });
 
+csrfTokenStore.subscribe((value) => {
+	csrfToken = value;
+});
+
+
 usernameStore.subscribe((value) => {
 	username = value;
 });

package/src/lib/stores/pageStores.ts

@@ -214,3 +214,5 @@ function createNotificationStore() {
 
 //crate and export the instance of the store
 export const notificationStore = createNotificationStore();
+
+