aesirx-analytics 2.0.1 → 2.1.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/README.md CHANGED
@@ -22,7 +22,6 @@ Follow the instructions in: [https://github.com/aesirxio/analytics-1stparty](htt
22
22
  <script>
23
23
  window.aesirx1stparty = "https://example.com"
24
24
  window.aesirxClientID="[REPLACE THIS WITH THE PROVIDED CLIENT_ID]"
25
- window.aesirxClientSecret="[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]"
26
25
  </script>
27
26
  <script async defer src="YOUR_PROJECT_PATH/analytics.js"></script>
28
27
  ```
@@ -47,11 +46,9 @@ Follow the instructions in: [https://github.com/aesirxio/analytics-1stparty](htt
47
46
  ```
48
47
  REACT_APP_ENDPOINT_ANALYTICS_URL=https://example.com
49
48
  REACT_APP_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
50
- REACT_APP_SSO_CLIENT_SECRET=[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]
51
49
 
52
50
  (https://example.com is the link to your 1st party server)
53
51
  `CLIENT_ID` replace this with the provided `CLIENT_ID` from https://sso.aesirx.io/
54
- `CLIENT_SECRET` replace this with the provided `CLIENT_SECRET` from https://sso.aesirx.io/
55
52
  ```
56
53
 
57
54
  ##### Disable Consent Popup:
@@ -90,11 +87,9 @@ export default AnalyticsContainer;
90
87
  ```
91
88
  NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL=https://example.com
92
89
  NEXT_PUBLIC_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
93
- NEXT_PUBLIC_SSO_CLIENT_SECRET=[REPLACE THIS WITH THE PROVIDED CLIENT_SECRET]
94
90
 
95
91
  (https://example.com is the link to your 1st party server)
96
92
  `CLIENT_ID` replace this with the provided `CLIENT_ID` from https://sso.aesirx.io/
97
- `CLIENT_SECRET` replace this with the provided `CLIENT_SECRET` from https://sso.aesirx.io/
98
93
  ```
99
94
 
100
95
  ##### Disable Consent Popup:
@@ -238,3 +233,45 @@ const CustomEvent = () => {
238
233
  (`endPoint` is the link to your 1st party server which must be installed)
239
234
 
240
235
  (`referer` is the referer domain)
236
+
237
+ ## Customize CSS for Consent modal
238
+ Please follow below CSS example:
239
+ ```
240
+ // Customize toast
241
+ .aesirxconsent .toast {
242
+ --aesirxconsent-toast-font-size: 16px;
243
+ --aesirxconsent-toast-padding-x: 0.75rem;
244
+ --aesirxconsent-toast-padding-y: 0.5rem;
245
+ --aesirxconsent-toast-spacing: 1.5rem;
246
+ --aesirxconsent-toast-zindex: 1049;
247
+ }
248
+ // Customize button
249
+ .aesirxconsent .btn {
250
+ --aesirxconsent-btn-font-size: 16px;
251
+ --aesirxconsent-btn-padding-x: 0.75rem;
252
+ --aesirxconsent-btn-padding-y: 0.375rem;
253
+ --aesirxconsent-btn-font-weight: 400;
254
+ --aesirxconsent-btn-line-height: 1.5;
255
+ }
256
+ // Customize button success
257
+ .aesirxconsent .btn-success {
258
+ --aesirxconsent-btn-color: #000;
259
+ --aesirxconsent-btn-bg: #1ab394;
260
+ --aesirxconsent-btn-border-color: #1ab394;
261
+ --aesirxconsent-btn-hover-color: #000;
262
+ --aesirxconsent-btn-hover-bg: #3cbea4;
263
+ --aesirxconsent-btn-hover-border-color: #31bb9f;
264
+ --aesirxconsent-btn-focus-shadow-rgb: 22, 152, 126;
265
+ --aesirxconsent-btn-active-color: #000;
266
+ --aesirxconsent-btn-active-bg: #48c2a9;
267
+ --aesirxconsent-btn-active-border-color: #31bb9f;
268
+ --aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
269
+ --aesirxconsent-btn-disabled-color: #000;
270
+ --aesirxconsent-btn-disabled-bg: #1ab394;
271
+ --aesirxconsent-btn-disabled-border-color: #1ab394;
272
+ }
273
+ // To customize CSS for dark mode (Bootstrap dark mode)
274
+ [data-bs-theme=dark] .aesirxconsent {
275
+ color: #fff;
276
+ }
277
+ ```