23s2s

✏️ Editing: knowledge-base.js

import { safeParseJson } from '@shared/lib/parsing';
import apiFetch from '@wordpress/api-fetch';
import { create } from 'zustand';
import { createJSONStorage, devtools, persist } from 'zustand/middleware';

const startingState = {
	articles: [],
	recentArticles: [],
	viewedArticles: [],
	searchTerm: '',
	// initialize the state with default values
	...(safeParseJson(window.extHelpCenterData.userData.supportArticlesData)
		?.state ?? {}),
};

// Persist the detailed history to the server (don't wait for response)
		apiFetch({
			path: '/extendify/v1/help-center/support-articles-data',
			method: 'POST',
			data: { state: { viewedArticles } },
		});

set({
			articles: [article, ...state.articles],
			recentArticles: [article, ...state.recentArticles.slice(0, 9)],
			viewedArticles,
		});
	},
	popArticle: () => set((state) => ({ articles: state.articles.slice(1) })),
	clearArticles: () => set({ articles: [] }),
	reset: () => set({ articles: [], searchTerm: '' }),
	updateTitle: (slug, title) =>
		set((state) => ({
			articles: state.articles.map((article) => {
				// We don't always know the title until after we fetch the article data
				if (article.slug === slug) {
					article.title = title;
				}
				return article;
			}),
		})),
	clearSearchTerm: () => set({ searchTerm: '' }),
	setSearchTerm: (searchTerm) => set({ searchTerm }),
});

export const useKnowledgeBaseStore = create(
	persist(devtools(state, { name: 'Extendify Help Center Knowledge Base' }), {
		name: `extendify-help-center-knowledge-base-${window.extSharedData.siteId}`,
		storage: createJSONStorage(() => sessionStorage),
	}),
);

Sid Gifari From Gifari Industries - BD Cyber Security Team