@creopse/react 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,371 +1,6 @@
1
- import { c as useApi, u as useHelper, a as useProps, b as ResolveSectionsContext, d as cloneDeep } from "../index-jw_2nhs3.js";
2
- import { e } from "../index-jw_2nhs3.js";
3
- import { usePage } from "@inertiajs/react";
4
- import { useContext, useMemo, useCallback, useState } from "react";
5
- const useContent = () => {
6
- const { request } = useApi();
7
- const { fileUrl } = useHelper();
8
- const props = useProps();
9
- const page = usePage();
10
- const resolveSections = useContext(ResolveSectionsContext);
11
- const pageData = useMemo(
12
- () => props.pageData,
13
- [props.pageData]
14
- );
15
- const newsArticle = useMemo(
16
- () => props.article,
17
- [props.article]
18
- );
19
- const newsCategory = useMemo(
20
- () => props.category,
21
- [props.category]
22
- );
23
- const newsTag = useMemo(
24
- () => props.tag,
25
- [props.tag]
26
- );
27
- const contentModelItem = useMemo(
28
- () => props.contentModelItem,
29
- [props.contentModelItem]
30
- );
31
- const getSectionData = useCallback(
32
- (key) => {
33
- if (!key) return null;
34
- const keyParts = key.split("__");
35
- const slug = keyParts.length ? keyParts[0] : "";
36
- const linkId = keyParts.length > 1 ? keyParts[1] : "";
37
- return props.pageData?.sections?.find(
38
- (section) => section.slug === slug && section.pivot?.linkId === linkId
39
- )?.pivot?.data || null;
40
- },
41
- [props.pageData?.sections]
42
- );
43
- const getSectionRootData = useCallback(
44
- (key) => getSectionData(key)?.index,
45
- [getSectionData]
46
- );
47
- const getSectionSettings = useCallback(
48
- (key) => {
49
- if (!key) return null;
50
- const keyParts = key.split("__");
51
- const slug = keyParts.length ? keyParts[0] : "";
52
- const linkId = keyParts.length > 1 ? keyParts[1] : "";
53
- return props.pageData?.sections?.find(
54
- (section) => section.slug === slug && section.pivot?.linkId === linkId
55
- )?.pivot?.settings || null;
56
- },
57
- [props.pageData?.sections]
58
- );
59
- const getSectionSettingsGroup = useCallback(
60
- (key, group) => {
61
- const settings = getSectionSettings(key);
62
- return settings?.[group];
63
- },
64
- [getSectionSettings]
65
- );
66
- const getSectionSetting = useCallback(
67
- (key, group, name) => {
68
- const settings = getSectionSettingsGroup(key, group);
69
- return settings?.[name];
70
- },
71
- [getSectionSettingsGroup]
72
- );
73
- const getSectionsInOrder = useCallback(() => {
74
- const sections = pageData?.sections;
75
- const sectionsOrder = pageData?.sectionsOrder;
76
- const sectionsOrdered = [];
77
- if (Array.isArray(sections) && Array.isArray(sectionsOrder)) {
78
- for (const section of sectionsOrder) {
79
- if (section) {
80
- const item = sections.find(
81
- (value) => `${value.slug}__${value.pivot?.linkId}` === section
82
- );
83
- if (item) {
84
- sectionsOrdered.push(item);
85
- }
86
- }
87
- }
88
- }
89
- return sectionsOrdered.length ? sectionsOrdered : sections || [];
90
- }, [pageData?.sections, pageData?.sectionsOrder]);
91
- const getFinalPageSections = useCallback(() => {
92
- const sections = getSectionsInOrder();
93
- const sectionsDisabled = pageData?.sectionsDisabled;
94
- return sections.filter((section) => {
95
- return !sectionsDisabled?.includes(
96
- `${section.slug}__${section.pivot?.linkId}`
97
- );
98
- });
99
- }, [getSectionsInOrder, pageData?.sectionsDisabled]);
100
- const getAnySectionData = useCallback(
101
- async (sectionSlug, pageSlug, linkId = "default") => {
102
- const task = await request({
103
- url: `section-data/${sectionSlug}/source/${pageSlug}/link/${linkId}`
104
- });
105
- if (task.success && task.result) {
106
- return task.result.data;
107
- }
108
- return null;
109
- },
110
- [request]
111
- );
112
- const getComponents = useCallback(() => {
113
- const components = {};
114
- if (!resolveSections) {
115
- throw new Error("[@creopse/react] resolveSections is required");
116
- }
117
- const files = resolveSections();
118
- for (const [key, value] of Object.entries(files)) {
119
- const componentName = key.replace(/^\.\/(.*)\.\w+$/, "$1");
120
- const parts = componentName.split("/");
121
- const name = parts[parts.length - 1]?.split(".")[0];
122
- components[name] = value.default;
123
- }
124
- return components;
125
- }, [resolveSections]);
126
- const getContentModel = useCallback(
127
- (name) => {
128
- return props?.contentModels?.find(
129
- (contentModel) => contentModel.name === name
130
- );
131
- },
132
- [props?.contentModels]
133
- );
134
- const formatContentModelItemData = useCallback(
135
- (item) => {
136
- const { index: _, ...rest } = item.contentModelData;
137
- return {
138
- ...item,
139
- data: {
140
- ...item.contentModelData?.index,
141
- ...rest
142
- }
143
- };
144
- },
145
- []
146
- );
147
- const getContentModelItems = useCallback(
148
- async (name, filterByIsActive = true) => {
149
- const task = await request({
150
- url: `content-model/items?contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
151
- });
152
- if (task.success && task.result) {
153
- return (task.result.data || []).map(
154
- (item) => formatContentModelItemData(item)
155
- );
156
- }
157
- return [];
158
- },
159
- [request, formatContentModelItemData]
160
- );
161
- const getPaginatedContentModelItems = useCallback(
162
- async (name, pageSize, filterByIsActive = true) => {
163
- const task = await request({
164
- url: `content-model/items?pageSize=${pageSize}&contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
165
- });
166
- if (task.success && task.result) {
167
- const items = (task.result.data?.items || []).map(
168
- (item) => formatContentModelItemData(item)
169
- );
170
- const total = task.result.data?.meta?.total || 0;
171
- const currentPage = task.result.data?.meta?.currentPage || 1;
172
- return {
173
- items,
174
- total,
175
- currentPage
176
- };
177
- }
178
- return {
179
- items: [],
180
- total: 0,
181
- currentPage: 1
182
- };
183
- },
184
- [request, formatContentModelItemData]
185
- );
186
- const getMenu = useCallback(
187
- (name, filterByIsActive = true) => {
188
- const menu = props?.menus?.find((menu2) => menu2.name === name);
189
- if (menu) {
190
- menu.items = cloneDeep(
191
- menu.items?.filter((item) => !filterByIsActive || item.isActive)?.sort((a, b) => a.position - b.position)
192
- );
193
- }
194
- return menu;
195
- },
196
- [props?.menus]
197
- );
198
- const getMenuByLocation = useCallback(
199
- (name, filterByIsActive = true) => {
200
- const menu = props?.menus?.find((menu2) => menu2.location?.name === name);
201
- if (menu) {
202
- menu.items = cloneDeep(
203
- menu.items?.filter((item) => !filterByIsActive || item.isActive)?.sort((a, b) => a.position - b.position)
204
- );
205
- }
206
- return menu;
207
- },
208
- [props?.menus]
209
- );
210
- const getMenuItems = useCallback(
211
- (name, filterByIsVisible = true) => {
212
- return getMenu(name)?.items?.filter((item) => !filterByIsVisible || item.isVisible)?.sort((a, b) => a.position - b.position);
213
- },
214
- [getMenu]
215
- );
216
- const getMenuItemById = useCallback(
217
- (id) => {
218
- const menuItems = [];
219
- const menus = props?.menus || [];
220
- menus.forEach((menu) => {
221
- if (Array.isArray(menu.items)) menuItems.push(...menu.items);
222
- });
223
- return menuItems.find((item) => item.id === id);
224
- },
225
- [props?.menus]
226
- );
227
- const getMenuItemsByLocation = useCallback(
228
- (name, filterByIsVisible = true) => {
229
- return getMenuByLocation(name)?.items?.filter((item) => !filterByIsVisible || item.isVisible)?.sort((a, b) => a.position - b.position);
230
- },
231
- [getMenuByLocation]
232
- );
233
- const getMenuGroups = useCallback(
234
- (name, byLocation = false, filterByIsVisible = true) => {
235
- const groups = [];
236
- const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
237
- if (items) {
238
- for (const item of items) {
239
- const groupAlreadyExists = groups.find(
240
- (group) => group.id === item.menuItemGroupId
241
- );
242
- if (!groupAlreadyExists) {
243
- const group = props?.menuItemGroups?.find(
244
- (group2) => group2.id === item.menuItemGroupId
245
- );
246
- if (group) groups.push(group);
247
- }
248
- }
249
- }
250
- return groups;
251
- },
252
- [getMenuItems, getMenuItemsByLocation, props?.menuItemGroups]
253
- );
254
- const getMenuItemsByGroup = useCallback(
255
- (name, groupId, byLocation = false, filterByIsVisible = true) => {
256
- const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
257
- return items?.filter((item) => item.menuItemGroupId === groupId);
258
- },
259
- [getMenuItems, getMenuItemsByLocation]
260
- );
261
- const getMenuGroupedItems = useCallback(
262
- (name, byLocation = false, filterByIsVisible = true) => {
263
- const groups = getMenuGroups(name, byLocation);
264
- return groups.map((group) => ({
265
- group,
266
- items: getMenuItemsByGroup(
267
- name,
268
- group.id || 0,
269
- byLocation,
270
- filterByIsVisible
271
- )
272
- }));
273
- },
274
- [getMenuGroups, getMenuItemsByGroup]
275
- );
276
- const getMenuUngroupedItems = useCallback(
277
- (name, byLocation = false, filterByIsVisible = true) => {
278
- const items = byLocation ? getMenuItemsByLocation(name, filterByIsVisible) : getMenuItems(name, filterByIsVisible);
279
- return items?.filter((item) => !item.menuItemGroupId);
280
- },
281
- [getMenuItems, getMenuItemsByLocation]
282
- );
283
- const getAppInformationValue = useCallback(
284
- (key, type = "string") => {
285
- const appInformation = props.appInformation;
286
- const setting = appInformation.find((s) => s.key === key);
287
- let value = "";
288
- switch (type) {
289
- case "number":
290
- value = setting && parseInt(setting.value) && !isNaN(parseInt(setting.value)) ? parseInt(setting.value) : 0;
291
- break;
292
- case "boolean":
293
- value = setting && !isNaN(parseInt(setting.value)) && parseInt(setting.value) > 0;
294
- break;
295
- case "object":
296
- value = setting && setting.value ? JSON.parse(setting.value) : {};
297
- break;
298
- case "array":
299
- value = setting && setting.value ? JSON.parse(setting.value) : [];
300
- break;
301
- default:
302
- value = setting && setting.value ? setting.value : "";
303
- break;
304
- }
305
- return value;
306
- },
307
- [props.appInformation]
308
- );
309
- const appPrimaryColor = useMemo(() => {
310
- const primaryColor = getAppInformationValue(
311
- "primaryColor"
312
- );
313
- return primaryColor || "#005B97";
314
- }, [getAppInformationValue]);
315
- const appSecondaryColor = useMemo(() => {
316
- const secondaryColor = getAppInformationValue(
317
- "secondaryColor"
318
- );
319
- return secondaryColor || "#1E9CD7";
320
- }, [getAppInformationValue]);
321
- const appAccentColor = useMemo(() => {
322
- const accentColor = getAppInformationValue("accentColor");
323
- return accentColor || "#FF6501";
324
- }, [getAppInformationValue]);
325
- const icon = useMemo(() => {
326
- const icon2 = getAppInformationValue("icon");
327
- return fileUrl(icon2) || "";
328
- }, [getAppInformationValue, fileUrl]);
329
- const logo = useMemo(() => {
330
- const logo2 = getAppInformationValue("logo");
331
- return fileUrl(logo2) || "";
332
- }, [getAppInformationValue, fileUrl]);
333
- return {
334
- logo,
335
- icon,
336
- page,
337
- pageData,
338
- newsArticle,
339
- newsCategory,
340
- newsTag,
341
- contentModelItem,
342
- getMenu,
343
- getMenuByLocation,
344
- getMenuItems,
345
- getMenuItemById,
346
- getMenuItemsByLocation,
347
- getMenuGroups,
348
- getMenuItemsByGroup,
349
- getMenuGroupedItems,
350
- getMenuUngroupedItems,
351
- getSectionData,
352
- getSectionSettings,
353
- getSectionSettingsGroup,
354
- getSectionSetting,
355
- getAnySectionData,
356
- getSectionsInOrder,
357
- getFinalPageSections,
358
- getSectionRootData,
359
- getComponents,
360
- getContentModel,
361
- getContentModelItems,
362
- getPaginatedContentModelItems,
363
- getAppInformationValue,
364
- appAccentColor,
365
- appPrimaryColor,
366
- appSecondaryColor
367
- };
368
- };
1
+ import { e as useApi } from "../content-CM9eJ2st.js";
2
+ import { f, a, u, b } from "../content-CM9eJ2st.js";
3
+ import { useState, useCallback } from "react";
369
4
  const useNewsletter = () => {
370
5
  const { request } = useApi();
371
6
  const [isLoading, setIsLoading] = useState(false);
@@ -411,9 +46,9 @@ const useNewsletter = () => {
411
46
  };
412
47
  export {
413
48
  useApi,
414
- e as useConfig,
415
- useContent,
416
- useHelper,
49
+ f as useConfig,
50
+ a as useContent,
51
+ u as useHelper,
417
52
  useNewsletter,
418
- useProps
53
+ b as useProps
419
54
  };