@commercelayer/app-elements 1.4.5 → 1.5.1

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.
package/dist/main.d.ts CHANGED
@@ -12,6 +12,7 @@ export { useOnBlurFromContainer } from './hooks/useOnBlurFromContainer';
12
12
  export { useOverlay } from './hooks/useOverlay';
13
13
  export { CoreSdkProvider, useCoreApi, useCoreSdkProvider } from './providers/CoreSdkProvider';
14
14
  export { ErrorBoundary } from './providers/ErrorBoundary';
15
+ export { GTMProvider, useTagManager } from './providers/GTMProvider';
15
16
  export { MetaTags, TokenProvider, useTokenProvider, type TokenProviderAllowedApp, type TokenProviderPermissionItem, type TokenProviderRoleActions, type TokenProviderRolePermissions, type TokenProviderTokenApplicationKind } from './providers/TokenProvider';
16
17
  export { A, type AProps } from './ui/atoms/A';
17
18
  export { Alert, type AlertProps } from './ui/atoms/Alert';
@@ -68,7 +69,7 @@ export { HookedInputDateRange, InputDateRange, type HookedInputDateRangeProps, t
68
69
  export { InputFeedback, type InputFeedbackProps } from './ui/forms/InputFeedback';
69
70
  export { InputFile, type InputFileProps } from './ui/forms/InputFile';
70
71
  export { InputJson, type InputJsonProps } from './ui/forms/InputJson';
71
- export { InputRadioGroup, type InputRadioGroupProps } from './ui/forms/InputRadioGroup';
72
+ export { HookedInputRadioGroup, InputRadioGroup, type HookedInputRadioGroupProps, type InputRadioGroupProps } from './ui/forms/InputRadioGroup';
72
73
  export { InputReadonly, type InputReadonlyProps } from './ui/forms/InputReadonly';
73
74
  export { HookedInputResourceGroup, InputResourceGroup, type HookedInputResourceGroupProps, type InputResourceGroupProps } from './ui/forms/InputResourceGroup';
74
75
  export { HookedInputSelect, InputSelect, flatSelectValues, getDefaultValueFromFlatten, isGroupedSelectValues, isMultiValueSelected, isSingleValueSelected, type HookedInputSelectProps, type InputSelectProps, type InputSelectValue } from './ui/forms/InputSelect';
package/dist/main.js CHANGED
@@ -1,157 +1,161 @@
1
- import { ao as u, aY as i, ap as b, aq as p, ar as l, as as c, at as d, au as g, av as m, aZ as S, aw as I, ax as k, ah as T, a_ as D, a$ as R, b0 as C, ay as y, ak as A, az as h, aA as H, bc as P, bd as F, bf as B, bh as L, bj as O, bn as f, bp as v, bw as N, by as V, bF as w, bH as G, bJ as x, bM as E, bQ as M, bR as J, aB as U, aC as W, be as Y, bg as Z, bi as $, bk as j, bm as q, bo as z, bq as K, br as Q, bs as X, bt as _, bu as aa, bv as ea, bx as sa, bz as ta, bG as ra, bI as oa, bK as na, bL as ua, bN as ia, bO as ba, bP as pa, b1 as la, b2 as ca, b3 as da, b4 as ga, al as ma, b5 as Sa, aD as Ia, b6 as ka, b7 as Ta, aE as Da, aF as Ra, aG as Ca, b8 as ya, bU as Aa, bV as ha, bW as Ha, bX as Pa, bY as Fa, bZ as Ba, b_ as La, b$ as Oa, c0 as fa, b9 as va, aH as Na, aI as Va, aJ as wa, aK as Ga, aM as xa, aN as Ea, aO as Ma, aP as Ja, aU as Ua, aQ as Wa, ba as Ya, aV as Za, aW as $a, aR as ja, aX as qa, aS as za, bb as Ka, am as Qa, aT as Xa, a2 as _a, a1 as ae, bA as ee, bl as se, W as te, a3 as re, a4 as oe, a5 as ne, c2 as ue, c3 as ie, bB as be, Y as pe, Z as le, c4 as ce, c5 as de, c6 as ge, c7 as me, c8 as Se, c9 as Ie, a6 as ke, a7 as Te, ca as De, cb as Re, cc as Ce, a8 as ye, a9 as Ae, S as he, aa as He, ab as Pe, U as Fe, bC as Be, bD as Le, bE as Oe, T as fe, V as ve, bS as Ne, $ as Ve, a0 as we, ac as Ge, ai as xe, aj as Ee, ad as Me, ae as Je, af as Ue, ag as We, c1 as Ye, an as Ze, bT as $e, aL as je } from "./main-7a4b3e37.js";
1
+ import { aq as i, a_ as b, ar as p, as as c, at as l, au as d, av as g, aw as m, ax as S, a$ as I, ay as k, az as T, ah as D, b0 as R, b1 as C, b2 as y, aA as A, ak as H, al as h, aB as P, aC as F, be as B, bf as f, bh as v, bj as L, bl as O, bp as G, br as N, bw as V, bz as w, bB as x, bI as E, bK as M, bM as J, bP as U, bT as W, bU as Y, aD as Z, aE as $, bg as j, bi as q, bk as z, bm as K, bo as Q, bq as X, bs as _, bt as aa, bu as ea, bv as sa, bx as ta, by as ra, bA as oa, bC as na, bJ as ua, bL as ia, bN as ba, bO as pa, bQ as ca, bR as la, bS as da, b3 as ga, b4 as ma, b5 as Sa, b6 as Ia, an as ka, b7 as Ta, aF as Da, b8 as Ra, b9 as Ca, aG as ya, aH as Aa, aI as Ha, ba as ha, bX as Pa, bY as Fa, bZ as Ba, b_ as fa, b$ as va, c0 as La, c1 as Oa, c2 as Ga, c3 as Na, bb as Va, aJ as wa, aK as xa, aL as Ea, aM as Ma, aO as Ja, aP as Ua, aQ as Wa, aR as Ya, aW as Za, aS as $a, bc as ja, aX as qa, aY as za, aT as Ka, aZ as Qa, aU as Xa, bd as _a, ao as ae, aV as ee, a2 as se, a1 as te, bD as re, bn as oe, W as ne, a3 as ue, a4 as ie, a5 as be, c5 as pe, c6 as ce, bE as le, Y as de, Z as ge, c7 as me, c8 as Se, c9 as Ie, ca as ke, cb as Te, cc as De, a6 as Re, a7 as Ce, cd as ye, ce as Ae, cf as He, a8 as he, a9 as Pe, S as Fe, aa as Be, ab as fe, U as ve, bF as Le, bG as Oe, bH as Ge, T as Ne, V as Ve, bV as we, $ as xe, a0 as Ee, ac as Me, ai as Je, aj as Ue, ad as We, ae as Ye, af as Ze, ag as $e, c4 as je, am as qe, ap as ze, bW as Ke, aN as Qe } from "./main-e00db212.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  import "@commercelayer/sdk";
5
+ import "react-gtm-module";
5
6
  import "react-hook-form";
6
7
  import "query-string";
7
8
  export {
8
- u as A,
9
- i as ActionButtons,
10
- b as Alert,
11
- p as Avatar,
9
+ i as A,
10
+ b as ActionButtons,
11
+ p as Alert,
12
+ c as Avatar,
12
13
  l as AvatarLetter,
13
- c as Badge,
14
- d as Button,
15
- g as ButtonFilter,
16
- m as Card,
17
- S as CardDialog,
18
- I as Container,
19
- k as CopyToClipboard,
20
- T as CoreSdkProvider,
21
- D as Dropdown,
22
- R as DropdownDivider,
23
- C as DropdownItem,
24
- y as EmptyState,
25
- A as ErrorBoundary,
26
- h as Grid,
27
- H as Hint,
28
- P as HookedForm,
29
- F as HookedInput,
30
- B as HookedInputCheckbox,
14
+ d as Badge,
15
+ g as Button,
16
+ m as ButtonFilter,
17
+ S as Card,
18
+ I as CardDialog,
19
+ k as Container,
20
+ T as CopyToClipboard,
21
+ D as CoreSdkProvider,
22
+ R as Dropdown,
23
+ C as DropdownDivider,
24
+ y as DropdownItem,
25
+ A as EmptyState,
26
+ H as ErrorBoundary,
27
+ h as GTMProvider,
28
+ P as Grid,
29
+ F as Hint,
30
+ B as HookedForm,
31
+ f as HookedInput,
32
+ v as HookedInputCheckbox,
31
33
  L as HookedInputCheckboxGroup,
32
34
  O as HookedInputCurrency,
33
- f as HookedInputDate,
34
- v as HookedInputDateRange,
35
- N as HookedInputResourceGroup,
36
- V as HookedInputSelect,
37
- w as HookedInputSimpleSelect,
38
- G as HookedInputSpinner,
39
- x as HookedInputSwitch,
40
- E as HookedInputToggleButton,
41
- M as HookedValidationApiError,
42
- J as HookedValidationError,
43
- U as Hr,
44
- W as Icon,
45
- Y as Input,
46
- Z as InputCheckbox,
47
- $ as InputCheckboxGroup,
48
- j as InputCurrency,
49
- q as InputCurrencyRange,
50
- z as InputDate,
51
- K as InputDateRange,
52
- Q as InputFeedback,
53
- X as InputFile,
54
- _ as InputJson,
55
- aa as InputRadioGroup,
56
- ea as InputReadonly,
57
- sa as InputResourceGroup,
58
- ta as InputSelect,
59
- ra as InputSimpleSelect,
60
- oa as InputSpinner,
61
- na as InputSwitch,
62
- ua as InputTextArea,
63
- ia as InputToggleButton,
64
- ba as Label,
65
- pa as Legend,
66
- la as List,
67
- ca as ListDetails,
68
- da as ListDetailsItem,
69
- ga as ListItem,
70
- ma as MetaTags,
71
- Sa as PageError,
72
- Ia as PageHeading,
73
- ka as PageLayout,
74
- Ta as PageSkeleton,
75
- Da as Pagination,
76
- Ra as Progress,
77
- Ca as RadialProgress,
78
- ya as Report,
79
- Aa as ResourceAddress,
80
- ha as ResourceLineItems,
81
- Ha as ResourceList,
82
- Pa as ResourceListItem,
83
- Fa as ResourceMetadata,
84
- Ba as ResourceOrderSummary,
85
- La as ResourceOrderTimeline,
86
- Oa as ResourceShipmentParcels,
87
- fa as ResourceTags,
88
- va as SearchBar,
89
- Na as Section,
90
- Va as Skeleton,
91
- wa as SkeletonItem,
92
- Ga as SkeletonTemplate,
93
- xa as Spacer,
94
- Ea as Stack,
95
- Ma as StatusDot,
96
- Ja as Steps,
97
- Ua as Tab,
98
- Wa as Table,
99
- Ya as TableData,
100
- Za as Tabs,
101
- $a as Tag,
102
- ja as Td,
103
- qa as Text,
104
- za as Th,
105
- Ka as Timeline,
106
- Qa as TokenProvider,
107
- Xa as Tr,
108
- _a as computeFullname,
109
- ae as downloadJsonAsFile,
110
- ee as flatSelectValues,
111
- se as formatCentsToCurrency,
112
- te as formatDate,
113
- re as formatDisplayName,
114
- oe as formatResourceName,
115
- ne as getAvatarSrcFromRate,
116
- ue as getCustomerDisplayStatus,
117
- ie as getCustomerStatusName,
118
- be as getDefaultValueFromFlatten,
119
- pe as getIsoDateAtDayEdge,
120
- le as getIsoDateAtDaysBefore,
121
- ce as getOrderDisplayStatus,
122
- de as getOrderFulfillmentStatusName,
123
- ge as getOrderPaymentStatusName,
124
- me as getOrderStatusName,
125
- Se as getOrderTransactionPastTense,
126
- Ie as getOrderTriggerAttributeName,
127
- ke as getParcelTrackingDetail,
128
- Te as getParcelTrackingDetails,
129
- De as getReturnDisplayStatus,
130
- Re as getReturnStatusName,
131
- Ce as getReturnTriggerAttributeName,
132
- ye as getShipmentRate,
133
- Ae as getShipmentRates,
134
- he as goBack,
135
- He as hasBeenPurchased,
136
- Pe as hasSingleTracking,
137
- Fe as isAttachmentValidNote,
138
- Be as isGroupedSelectValues,
139
- Le as isMultiValueSelected,
140
- Oe as isSingleValueSelected,
141
- fe as navigateTo,
142
- ve as referenceOrigins,
143
- Ne as setApiFormErrors,
144
- Ve as sortAndGroupByDate,
145
- we as timeSeparator,
146
- Ge as useClickAway,
147
- xe as useCoreApi,
148
- Ee as useCoreSdkProvider,
149
- Me as useDelayShow,
150
- Je as useIsChanged,
151
- Ue as useOnBlurFromContainer,
152
- We as useOverlay,
153
- Ye as useResourceFilters,
154
- Ze as useTokenProvider,
155
- $e as useValidationFeedback,
156
- je as withSkeletonTemplate
35
+ G as HookedInputDate,
36
+ N as HookedInputDateRange,
37
+ V as HookedInputRadioGroup,
38
+ w as HookedInputResourceGroup,
39
+ x as HookedInputSelect,
40
+ E as HookedInputSimpleSelect,
41
+ M as HookedInputSpinner,
42
+ J as HookedInputSwitch,
43
+ U as HookedInputToggleButton,
44
+ W as HookedValidationApiError,
45
+ Y as HookedValidationError,
46
+ Z as Hr,
47
+ $ as Icon,
48
+ j as Input,
49
+ q as InputCheckbox,
50
+ z as InputCheckboxGroup,
51
+ K as InputCurrency,
52
+ Q as InputCurrencyRange,
53
+ X as InputDate,
54
+ _ as InputDateRange,
55
+ aa as InputFeedback,
56
+ ea as InputFile,
57
+ sa as InputJson,
58
+ ta as InputRadioGroup,
59
+ ra as InputReadonly,
60
+ oa as InputResourceGroup,
61
+ na as InputSelect,
62
+ ua as InputSimpleSelect,
63
+ ia as InputSpinner,
64
+ ba as InputSwitch,
65
+ pa as InputTextArea,
66
+ ca as InputToggleButton,
67
+ la as Label,
68
+ da as Legend,
69
+ ga as List,
70
+ ma as ListDetails,
71
+ Sa as ListDetailsItem,
72
+ Ia as ListItem,
73
+ ka as MetaTags,
74
+ Ta as PageError,
75
+ Da as PageHeading,
76
+ Ra as PageLayout,
77
+ Ca as PageSkeleton,
78
+ ya as Pagination,
79
+ Aa as Progress,
80
+ Ha as RadialProgress,
81
+ ha as Report,
82
+ Pa as ResourceAddress,
83
+ Fa as ResourceLineItems,
84
+ Ba as ResourceList,
85
+ fa as ResourceListItem,
86
+ va as ResourceMetadata,
87
+ La as ResourceOrderSummary,
88
+ Oa as ResourceOrderTimeline,
89
+ Ga as ResourceShipmentParcels,
90
+ Na as ResourceTags,
91
+ Va as SearchBar,
92
+ wa as Section,
93
+ xa as Skeleton,
94
+ Ea as SkeletonItem,
95
+ Ma as SkeletonTemplate,
96
+ Ja as Spacer,
97
+ Ua as Stack,
98
+ Wa as StatusDot,
99
+ Ya as Steps,
100
+ Za as Tab,
101
+ $a as Table,
102
+ ja as TableData,
103
+ qa as Tabs,
104
+ za as Tag,
105
+ Ka as Td,
106
+ Qa as Text,
107
+ Xa as Th,
108
+ _a as Timeline,
109
+ ae as TokenProvider,
110
+ ee as Tr,
111
+ se as computeFullname,
112
+ te as downloadJsonAsFile,
113
+ re as flatSelectValues,
114
+ oe as formatCentsToCurrency,
115
+ ne as formatDate,
116
+ ue as formatDisplayName,
117
+ ie as formatResourceName,
118
+ be as getAvatarSrcFromRate,
119
+ pe as getCustomerDisplayStatus,
120
+ ce as getCustomerStatusName,
121
+ le as getDefaultValueFromFlatten,
122
+ de as getIsoDateAtDayEdge,
123
+ ge as getIsoDateAtDaysBefore,
124
+ me as getOrderDisplayStatus,
125
+ Se as getOrderFulfillmentStatusName,
126
+ Ie as getOrderPaymentStatusName,
127
+ ke as getOrderStatusName,
128
+ Te as getOrderTransactionPastTense,
129
+ De as getOrderTriggerAttributeName,
130
+ Re as getParcelTrackingDetail,
131
+ Ce as getParcelTrackingDetails,
132
+ ye as getReturnDisplayStatus,
133
+ Ae as getReturnStatusName,
134
+ He as getReturnTriggerAttributeName,
135
+ he as getShipmentRate,
136
+ Pe as getShipmentRates,
137
+ Fe as goBack,
138
+ Be as hasBeenPurchased,
139
+ fe as hasSingleTracking,
140
+ ve as isAttachmentValidNote,
141
+ Le as isGroupedSelectValues,
142
+ Oe as isMultiValueSelected,
143
+ Ge as isSingleValueSelected,
144
+ Ne as navigateTo,
145
+ Ve as referenceOrigins,
146
+ we as setApiFormErrors,
147
+ xe as sortAndGroupByDate,
148
+ Ee as timeSeparator,
149
+ Me as useClickAway,
150
+ Je as useCoreApi,
151
+ Ue as useCoreSdkProvider,
152
+ We as useDelayShow,
153
+ Ye as useIsChanged,
154
+ Ze as useOnBlurFromContainer,
155
+ $e as useOverlay,
156
+ je as useResourceFilters,
157
+ qe as useTagManager,
158
+ ze as useTokenProvider,
159
+ Ke as useValidationFeedback,
160
+ Qe as withSkeletonTemplate
157
161
  };
@@ -0,0 +1,24 @@
1
+ /// <reference types="react" />
2
+ import { type DataLayerArgs } from 'react-gtm-module';
3
+ interface GTMProviderValue {
4
+ push: (data: DataLayerArgs['dataLayer'], customDataLayerName?: DataLayerArgs['dataLayerName']) => void;
5
+ }
6
+ /**
7
+ * Hook that is aimed to expose the provider context containing the `tagManager` object and its methods.
8
+ */
9
+ export declare const useTagManager: () => GTMProviderValue | null;
10
+ interface GTMProviderProps {
11
+ /**
12
+ * Entire app content
13
+ */
14
+ children: React.ReactNode;
15
+ /**
16
+ * Optional Google Tag Manager id. If set the provider will take care of GTM initialization.
17
+ */
18
+ gtmId?: string;
19
+ }
20
+ /**
21
+ * Provider that is aimed to initialize a `TagManager` instance of `react-gtm-module` package if a valid `gtmId` prop is set.
22
+ */
23
+ export declare const GTMProvider: React.FC<GTMProviderProps>;
24
+ export {};