@creopse/react 0.0.12 → 0.0.13

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