@pagopa/selfcare-common-frontend 1.2.2 → 1.4.0

package/CHANGELOG.md

@@ -4,20 +4,79 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### 1.2.2
+#### [v1.4.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.3.1...v1.4.0)
+
+- Selc 144 track events [`#19`](https://github.com/pagopa/selfcare-common-frontend/pull/19)
+- Selc 144 track events (#19) [`#144`](https://pagopa.atlassian.net/browse/144)
+
+#### [v1.3.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.3.0...v1.3.1)
+
+> 7 February 2022
+
+- analyticsService will accept a callback [`#18`](https://github.com/pagopa/selfcare-common-frontend/pull/18)
+
+#### [v1.3.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.2.3...v1.3.0)
+
+> 4 February 2022
+
+- SELC-145 e SELC-144 [`#17`](https://github.com/pagopa/selfcare-common-frontend/pull/17)
+- SELC-144 analytcsService through mixPanel [`#16`](https://github.com/pagopa/selfcare-common-frontend/pull/16)
+- SELC-145 e SELC-144 (#17) [`#145`](https://pagopa.atlassian.net/browse/145) [`#144`](https://pagopa.atlassian.net/browse/144) [`#145`](https://pagopa.atlassian.net/browse/145)
+- SELC-144 analytcsService through mixPanel (#16) [`#144`](https://pagopa.atlassian.net/browse/144)
+
+#### [v1.2.3](https://github.com/pagopa/selfcare-common-frontend/compare/v1.2.2...v1.2.3)
+
+> 3 February 2022
+
+- SELC-450 filterModal will discard selected when closed [`#15`](https://github.com/pagopa/selfcare-common-frontend/pull/15)
+- fixed withLogin mock [`#14`](https://github.com/pagopa/selfcare-common-frontend/pull/14)
+- SELC-450 filterModal will discard selected when closed (#15) [`#450`](https://pagopa.atlassian.net/browse/450) [`#450`](https://pagopa.atlassian.net/browse/450)
+
+#### [v1.2.2](https://github.com/pagopa/selfcare-common-frontend/compare/v1.2.1...v1.2.2)
+
+> 2 February 2022
 
 - Selc 447 session modal defaults [`#13`](https://github.com/pagopa/selfcare-common-frontend/pull/13)
+- Selc 447 session modal defaults (#13) [`#447`](https://pagopa.atlassian.net/browse/447)
+
+#### [v1.2.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.2.0...v1.2.1)
+
+> 2 February 2022
+
 - SELC-417 fixed useUnloadEventInterceptor useEffect [`#12`](https://github.com/pagopa/selfcare-common-frontend/pull/12)
+- SELC-417 fixed useUnloadEventInterceptor useEffect (#12) [`#417`](https://pagopa.atlassian.net/browse/417) [`#417`](https://pagopa.atlassian.net/browse/417)
+
+#### [v1.2.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.1.1...v1.2.0)
+
+> 1 February 2022
+
 - added api-utils and utility to use together with @pagopa/openapi-codegen-ts [`#11`](https://github.com/pagopa/selfcare-common-frontend/pull/11)
 - Selc-408 fix concurrent notify [`#10`](https://github.com/pagopa/selfcare-common-frontend/pull/10)
 - bug fix [`#8`](https://github.com/pagopa/selfcare-common-frontend/pull/8)
 - Selc 408 Implementare gestione notifiche utente [`#7`](https://github.com/pagopa/selfcare-common-frontend/pull/7)
+- Selc-408 fix concurrent notify (#10) [`#408`](https://pagopa.atlassian.net/browse/408)
+- Selc 417 (#9) - UnloadEventInterceptor feature [`#417`](https://pagopa.atlassian.net/browse/417)
+
+#### [v1.1.1](https://github.com/pagopa/selfcare-common-frontend/compare/v1.1.0...v1.1.1)
+
+> 27 January 2022
+
 - fix EndingPage width [`#6`](https://github.com/pagopa/selfcare-common-frontend/pull/6)
+
+#### [v1.1.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.0.0...v1.1.0)
+
+> 27 January 2022
+
 - SELC 369 [`#5`](https://github.com/pagopa/selfcare-common-frontend/pull/5)
 - SELC-393 Gestione visualizzazione errore tramite Toast [`#4`](https://github.com/pagopa/selfcare-common-frontend/pull/4)
 - Bump node-fetch from 3.0.0 to 3.1.1 [`#3`](https://github.com/pagopa/selfcare-common-frontend/pull/3)
 - Bump nanoid from 3.1.30 to 3.2.0 [`#2`](https://github.com/pagopa/selfcare-common-frontend/pull/2)
-- Bump follow-redirects from 1.14.4 to 1.14.7 [`#1`](https://github.com/pagopa/selfcare-common-frontend/pull/1)
-- common logic extracted [`06d5b9c`](https://github.com/pagopa/selfcare-common-frontend/commit/06d5b9cc4d9a653e8ed08294efa011cd40cf80b7)
-- Selc 417 (#9) - UnloadEventInterceptor feature [`59e769d`](https://github.com/pagopa/selfcare-common-frontend/commit/59e769d382f422a7ab6c687a0e8655854df25193)
-- example code [`37e354d`](https://github.com/pagopa/selfcare-common-frontend/commit/37e354d15a0d7e74a6e568127267ce17cd6b78fa)
+- SELC 369 (#5) [`#369`](https://pagopa.atlassian.net/browse/369)
+- SELC-393 Gestione visualizzazione errore tramite Toast (#4) [`#393`](https://pagopa.atlassian.net/browse/393)
+- fixed useLoading unitTest [`371e31b`](https://github.com/pagopa/selfcare-common-frontend/commit/371e31b89cf2d4f3d8d23a8977c619509844d904)
+
+### [v1.0.0](https://github.com/pagopa/selfcare-common-frontend/compare/v0.1.4...v1.0.0)
+
+> 21 January 2022
+
+- common library completed [`2bd0acc`](https://github.com/pagopa/selfcare-common-frontend/commit/2bd0acc6c09f042249861ad33446dd00a38ca41d)

package/README.md

@@ -1,3 +1,17 @@
+# SelfCare's common components & features
+This library contains utility, components and features built for the selfcare project.
+
+# Configuration
+In order to use these components it's necessary to set the following keys of the CONFIG object imported from /config/env as first things inside the application:
+
+| Key | Type | Description | DefaultValue |
+| URL_FE.LOGIN | string | The url of the login page | /auth/login |
+| URL_FE.LOGOUT | string | The url of the logout page | /auth/logout |
+| URL_FE.ASSISTANCE | string | The url of the assistance page | /assistenza |
+| MOCKS.MOCK_USER | boolean | If the application should configure a logged mocked User usable in DEV environment | false |
+| ANALYTICS.* |  | See [analitics feature](#analytics) | |
+| CONSENT.* |  | See [consent management feature](#consent-management) | |
+
 # Common components used to build pagopa/selfcare react projects
 ## Header
 SelfCare Header component
@@ -160,7 +174,7 @@ An utility script to use when generating the stub through @pagopa/openapi-codege
 This feature is based on react-redux library and require to register the reducer build in userSlice into the application's redux store.
 This decorator has to be applied to components whose acces require an active session.
 Accessing to the components decorated with it without a session will brought to the login page.
-It's possible to modify the login path changing the value in CONFIG.login inside the index.tsx file
+It's possible to modify the login path changing the value in [CONFIG.URL_FE.LOGIN](#Configuration) inside the index.tsx file
 
 # Common features used in pagopa/selfcare react projects
 ## LoadingOverlay
@@ -194,7 +208,7 @@ The error to be submitted has type AppError which has the following fields:
 | toNotify | boolean | Y | If true, it will notify the error |
 | component | string | N | Can render a SessionModal or Toast component |
 
-ASIS the notify consists just on the console.error invocation
+The error will be notified as a GENERIC_ERROR through the [analytcs feature](#analytics)
 
 ## UserNotifyHandle
 This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
@@ -233,3 +247,40 @@ In order to show a custom pop-up when the user trigger an exit action you have t
 
 When the exitAction is the Logout you can use the custom hook useUnloadEventLogout which is the customization of the useUnloadEventOnExit using the logout as an exit action.
 
+## Analytics
+This feature allow to track the application events through an analytics tool.
+The actual version of the library make use of [mixpanel tool](https://mixpanel.com/) to handle the tracking.
+
+In order to start the analytics you have to call the initAnalytics method imported from the service/analyticsService module, otherwise this feature will be ignored
+
+This feature can be configured with the following keys of the [CONFIG](#Configuration) object (each key has the ANALYTCS. prefix):
+
+| Key | Type | Description | DefaultValue |
+|-----|------|-------------|--------------|
+| ENABLED | boolean | If disabled, it will do nothing (except for event having name GENERIC_ERROR, if disabled, these events will be printed through console.error) | false |
+| MOCK | boolean | If true, it will print the event through the console.log function | false |
+| DEBUG | boolean | If the mixpanel's debug feature should be enabled | false |
+| TOKEN | string | The token to use when sending event data | |
+| API_HOST | string | The url where to send mixpanel events | `https://api-eu.mixpanel.com` |
+| PERSISTENCE | string | Where to store session data, possible values are cookie or localStorage | localStorage |
+| LOG_IP | boolean | If the ip should be sent | false |
+| LOG_IP | boolean | If the ip should be sent | false |
+| PROPERTY_BLACKLIST | Array<string> | If the ip should be sent | ["$current_url", "$initial_referrer", "$referrer"] |
+| ADDITIONAL_PROPERTIES | {[key: string]: string} | An object containing a fixed set of properties to send every time, overridden if the actual event will report the same properties | {} |
+| ADDITIONAL_PROPERTIES_IMPORTANT | {[key: string]: string} | As ADDITIONAL_PROPERTIES, but these properties will take the precedence overriding events conflicting properties | {} |
+
+In order track an event (once the initAnalytics method has been invoked) you have to call the trackEvent(event_name: string, properties?: any, callback?: () => void)=> void method where:
+* event_name: the name of the event
+* properties: the additional payload sent with the event
+* callback: an action taken when the track has completed (If the action taken immediately after the track is an exit action from the application, it's better to use this callback to perform the exit, in order to give to mixPanel the time to send the event)
+
+## Consent management
+This feature allows the automatic enabling of the [analytics feature](#analytics) only when the user accept to send that data.
+
+The tool used is [OneTrust](#https://www.onetrust.it/), and in order to be able to use it, you have:
+1. to put the [script](#https://about.gitlab.com/handbook/marketing/inbound-marketing/digital-experience/onetrust-cookie-consent/#implementation) tag obtained when registering to the service inside the head section of your index.html file.
+2. import the consentManagementConfigure.ts script inside your index.ts file (after the configuration of the common library)
+
+| Key | Type | Description | DefaultValue |
+|-----|------|-------------|--------------|
+| COOKIE_GROUP_ANALYTICS | string | The cookie group configured for the analytics tool. MixPanel's cookies are configured as default by OneTrust with C0004 group, or as Targeting Cookies | C0004 |

package/build.info

@@ -1,2 +1,2 @@
-20220202.2 - selfcare-common-frontend.deploy(18875)
-tags/v1.2.2^0 504858b61e5a76d093014dae8c7ba484879d5a78
+20220208.1 - selfcare-common-frontend.deploy(19745)
+tags/v1.4.0^0 3c655fdaf41c28e1bda9bf7a4e7f28659be1c83e

package/components/FilterModal.js

@@ -12,6 +12,7 @@ const ClearOutlined_1 = (0, tslib_1.__importDefault)(require("@mui/icons-materia
 function FilterModal({ open, handleClose, title, filterModalConfig, height = '16em', minHeight = '16em', }) {
     const theme = (0, styles_1.useTheme)();
     const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
+    React.useEffect(() => setValueRadio(''), [open]);
     const [valueRadio, setValueRadio] = React.useState('');
     const handleChange = (_, value) => {
         setValueRadio(value);

package/components/FilterModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterModal.js","sourceRoot":"","sources":["../../src/lib/components/FilterModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAA+B;AAC/B,4CASuB;AACvB,+EAA0C;AAC1C,6FAAwD;AACxD,iDAAgD;AAChD,mGAAkE;AA2BlE,8EAA8E;AAC9E,SAAwB,WAAW,CAAC,EAClC,IAAI,EACJ,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,MAAM,GACZ;IACN,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,KAAU,EAAE,EAAE;QAC1E,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC9E,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3E,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpE,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,OAAO,CACL,uBAAC,gBAAM,kBAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,qBAAkB,yBAAyB,gBACnF,uBAAC,eAAI,kBAAC,SAAS,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAC3E,wBAAC,cAAG,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAChC,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACxB,wBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,iBACf,uBAAC,qBAAU,kBACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,aAAa,CAAC,EAAE,CAAC,CAAC;wCAClB,WAAW,CAAC,CAAC,CAAC,CAAC;oCACjB,CAAC,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,gBAExE,uBAAC,uBAAiB,aAAG,YACV,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gBACjE,cAAc,KAAK,EAAE,YACX,aACR,YACF,EAEP,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,sBAClB,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,qBAAU,gCACE,QAAQ,EACnB,IAAI,EAAC,gCAAgC,EACrC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,gBAErB,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,2BAAgB,IACf,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,uBAAC,gBAAK,aAAG,EAClB,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAC,KAAK,CAAC,IACpC,KAAK,CACV,CACH,CAAC,YACS,YACR,YACF,EAEP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,iBAAM,kBACL,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,EAC3C,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,oCAGd,YACJ,aACH,YACD,YACA,CACV,CAAC;AACJ,CAAC;AA/ED,8BA+EC"}
+{"version":3,"file":"FilterModal.js","sourceRoot":"","sources":["../../src/lib/components/FilterModal.tsx"],"names":[],"mappings":"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"}

package/components/UnloadEventHandler.js

@@ -27,7 +27,7 @@ function UnloadEventHandler() {
             unloadEventconfiguration.exitAction();
         }
     };
-    return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: unloadEventconfiguration.enabled && unloadEventconfiguration.open, title: (_a = unloadEventconfiguration.title) !== null && _a !== void 0 ? _a : 'Vuoi davvero uscire?', message: (_b = unloadEventconfiguration.description) !== null && _b !== void 0 ? _b : 'Se esci, la richiesta di assistenza andrà persa.', onConfirm: onConfirm, onConfirmLabel: 'Esci', handleClose: onClose }, void 0));
+    return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: unloadEventconfiguration.enabled && unloadEventconfiguration.open, title: (_a = unloadEventconfiguration.title) !== null && _a !== void 0 ? _a : 'Vuoi davvero uscire?', message: (_b = unloadEventconfiguration.description) !== null && _b !== void 0 ? _b : 'Se esci, le modifiche apportate andranno perse.', onConfirm: onConfirm, onConfirmLabel: 'Esci', handleClose: onClose }, void 0));
 }
 exports.default = UnloadEventHandler;
 //# sourceMappingURL=UnloadEventHandler.js.map

package/components/UnloadEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnloadEventHandler.js","sourceRoot":"","sources":["../../src/lib/components/UnloadEventHandler.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuD;AACvD,kFAA+E;AAC/E,iEAAmF;AACnF,+EAA0C;AAE1C;;;;;;EAME;AACF,SAAwB,kBAAkB;;IACxC,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,wBAAwB,GAAG,IAAA,yBAAW,EAAC,iCAAiB,CAAC,8BAA8B,CAAC,CAAC;IAC/F,MAAM,EAAC,qBAAqB,EAAC,GAAG,IAAA,qDAAyB,GAAE,CAAC;IAE5D,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAQ,CAAC,+BAAe,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,qBAAqB,EAAE,CAAC;QACxB,IAAI,wBAAwB,CAAC,UAAU,EAAE;YACvC,wBAAwB,CAAC,UAAU,EAAE,CAAC;SACvC;IACH,CAAC,CAAC;IACF,OAAO,CACL,uBAAC,sBAAY,IACX,IAAI,EAAE,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,EACvE,KAAK,EAAE,MAAA,wBAAwB,CAAC,KAAK,mCAAI,sBAAsB,EAC/D,OAAO,EACL,MAAA,wBAAwB,CAAC,WAAW,mCAAI,kDAAkD,EAE5F,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,OAAO,WACpB,CACH,CAAC;AACJ,CAAC;AA1BD,qCA0BC"}
+{"version":3,"file":"UnloadEventHandler.js","sourceRoot":"","sources":["../../src/lib/components/UnloadEventHandler.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuD;AACvD,kFAA+E;AAC/E,iEAAmF;AACnF,+EAA0C;AAE1C;;;;;;EAME;AACF,SAAwB,kBAAkB;;IACxC,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,wBAAwB,GAAG,IAAA,yBAAW,EAAC,iCAAiB,CAAC,8BAA8B,CAAC,CAAC;IAC/F,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,qDAAyB,GAAE,CAAC;IAE9D,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAQ,CAAC,+BAAe,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,qBAAqB,EAAE,CAAC;QACxB,IAAI,wBAAwB,CAAC,UAAU,EAAE;YACvC,wBAAwB,CAAC,UAAU,EAAE,CAAC;SACvC;IACH,CAAC,CAAC;IACF,OAAO,CACL,uBAAC,sBAAY,IACX,IAAI,EAAE,wBAAwB,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,EACvE,KAAK,EAAE,MAAA,wBAAwB,CAAC,KAAK,mCAAI,sBAAsB,EAC/D,OAAO,EACL,MAAA,wBAAwB,CAAC,WAAW,mCAAI,iDAAiD,EAE3F,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,OAAO,WACpB,CACH,CAAC;AACJ,CAAC;AA1BD,qCA0BC"}

package/config/env.d.ts

@@ -7,4 +7,19 @@ export declare const CONFIG: {
     MOCKS: {
         MOCK_USER: boolean;
     };
+    ANALYTCS: {
+        ENABLE: boolean;
+        MOCK: boolean;
+        DEBUG: boolean;
+        TOKEN: string;
+        API_HOST: string;
+        PERSISTENCE: string;
+        LOG_IP: boolean;
+        PROPERTY_BLACKLIST: string[];
+        ADDITIONAL_PROPERTIES: {};
+        ADDITIONAL_PROPERTIES_IMPORTANT: {};
+    };
+    CONSENT: {
+        COOKIE_GROUP_ANALYTICS: string;
+    };
 };

package/config/env.js

@@ -12,5 +12,20 @@ exports.CONFIG = {
     MOCKS: {
         MOCK_USER: env.get('REACT_APP_MOCK_USER').default('false').asBool(),
     },
+    ANALYTCS: {
+        ENABLE: env.get('REACT_APP_ANALYTICS_ENABLE').default('false').asBool(),
+        MOCK: env.get('REACT_APP_ANALYTICS_MOCK').default('false').asBool(),
+        DEBUG: env.get('REACT_APP_ANALYTICS_DEBUG').default('false').asBool(),
+        TOKEN: env.get('REACT_APP_MIXPANEL_TOKEN').default('').asString(),
+        API_HOST: 'https://api-eu.mixpanel.com',
+        PERSISTENCE: 'localStorage',
+        LOG_IP: false,
+        PROPERTY_BLACKLIST: ['$current_url', '$initial_referrer', '$referrer'],
+        ADDITIONAL_PROPERTIES: {},
+        ADDITIONAL_PROPERTIES_IMPORTANT: {},
+    },
+    CONSENT: {
+        COOKIE_GROUP_ANALYTICS: 'C0004',
+    },
 };
 //# sourceMappingURL=env.js.map

package/config/env.js.map

@@ -1 +1 @@
-{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/lib/config/env.ts"],"names":[],"mappings":";;;;AAAA,0DAA+B;AAElB,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,UAAU,EAAE,aAAa;KAC1B;IAED,KAAK,EAAE;QACL,SAAS,EAAE,GAAG,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;KACpE;CACF,CAAC"}
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/lib/config/env.ts"],"names":[],"mappings":";;;;AAAA,0DAA+B;AAElB,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,UAAU,EAAE,aAAa;KAC1B;IAED,KAAK,EAAE;QACL,SAAS,EAAE,GAAG,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;KACpE;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;QACvE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;QACnE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;QACrE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;QACjE,QAAQ,EAAE,6BAA6B;QACvC,WAAW,EAAE,cAAc;QAC3B,MAAM,EAAE,KAAK;QACb,kBAAkB,EAAE,CAAC,cAAc,EAAE,mBAAmB,EAAE,WAAW,CAAC;QACtE,qBAAqB,EAAE,EAAE;QACzB,+BAA+B,EAAE,EAAE;KACpC;IAED,OAAO,EAAE;QACP,sBAAsB,EAAE,OAAO;KAChC;CACF,CAAC"}

package/consentManagementConfigure.d.ts

@@ -0,0 +1 @@
+export {};

package/consentManagementConfigure.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const env_1 = require("./config/env");
+const analyticsService_1 = require("./services/analyticsService");
+// target cookies (Mixpanel)
+const targCookiesGroup = env_1.CONFIG.CONSENT.COOKIE_GROUP_ANALYTICS;
+// OneTrust callback at first time
+// eslint-disable-next-line functional/immutable-data
+window.OptanonWrapper = function () {
+    OneTrust.OnConsentChanged(function () {
+        const activeGroups = OnetrustActiveGroups;
+        if (activeGroups.indexOf(targCookiesGroup) > -1) {
+            (0, analyticsService_1.initAnalytics)();
+        }
+    });
+};
+// check mixpanel cookie consent in cookie
+const OTCookieValue = document.cookie.split('; ').find((row) => row.startsWith('OptanonConsent=')) || '';
+const checkValue = `${targCookiesGroup}%3A1`;
+if (OTCookieValue.indexOf(checkValue) > -1) {
+    (0, analyticsService_1.initAnalytics)();
+}
+//# sourceMappingURL=consentManagementConfigure.js.map

package/consentManagementConfigure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consentManagementConfigure.js","sourceRoot":"","sources":["../src/lib/consentManagementConfigure.ts"],"names":[],"mappings":";;AAAA,sCAAsC;AACtC,kEAA4D;AAM5D,4BAA4B;AAC5B,MAAM,gBAAgB,GAAG,YAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;AAE/D,kCAAkC;AAClC,qDAAqD;AACrD,MAAM,CAAC,cAAc,GAAG;IACtB,QAAQ,CAAC,gBAAgB,CAAC;QACxB,MAAM,YAAY,GAAG,oBAAoB,CAAC;QAC1C,IAAI,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE;YAC/C,IAAA,gCAAa,GAAE,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AACF,0CAA0C;AAC1C,MAAM,aAAa,GACjB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC;AACrF,MAAM,UAAU,GAAG,GAAG,gBAAgB,MAAM,CAAC;AAC7C,IAAI,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;IAC1C,IAAA,gCAAa,GAAE,CAAC;CACjB"}

package/decorators/__mocks__/withLogin.js

@@ -18,9 +18,10 @@ const verifyMockExecution = (state) => {
 exports.verifyMockExecution = verifyMockExecution;
 exports.default = (WrappedComponent) => () => {
     const dispatch = (0, react_redux_1.useDispatch)();
+    const loggedUser = (0, react_redux_1.useSelector)(userSlice_1.userSelectors.selectLoggedUser);
     (0, react_1.useEffect)(() => {
         dispatch(userSlice_1.userActions.setLoggedUser(exports.mockedUser));
     }, []);
-    return (0, jsx_runtime_1.jsx)(WrappedComponent, {}, void 0);
+    return loggedUser ? (0, jsx_runtime_1.jsx)(WrappedComponent, {}, void 0) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
 };
 //# sourceMappingURL=withLogin.js.map

package/decorators/__mocks__/withLogin.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLogin.js","sourceRoot":"","sources":["../../../src/lib/decorators/__mocks__/withLogin.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAA0C;AAE1C,4DAA2D;AAE9C,QAAA,UAAU,GAAS;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC;AACtD,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEF,kBAAe,CAAC,gBAA0C,EAAE,EAAE,CAAC,GAAG,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,uBAAW,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,uBAAC,gBAAgB,aAAG,CAAC;AAC9B,CAAC,CAAC"}
+{"version":3,"file":"withLogin.js","sourceRoot":"","sources":["../../../src/lib/decorators/__mocks__/withLogin.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAAuD;AAEvD,4DAA0E;AAE7D,QAAA,UAAU,GAAS;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IAChD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC;AACtD,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEF,kBAAe,CAAC,gBAA0C,EAAE,EAAE,CAAC,GAAG,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,yBAAW,EAAC,yBAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,uBAAW,CAAC,aAAa,CAAC,kBAAU,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,UAAU,CAAC,CAAC,CAAC,uBAAC,gBAAgB,aAAG,CAAC,CAAC,CAAC,0DAAK,CAAC;AACnD,CAAC,CAAC"}

package/index.d.ts

@@ -1,21 +1,13 @@
 export { default as Header } from './components/Header/Header';
-export * from './components/Header/Header';
 export { default as Footer } from './components/Footer/Footer';
-export * from './components/Footer/Footer';
 export { default as CustomAvatar } from './components/CustomAvatar';
-export * from './components/CustomAvatar';
 export { default as CustomPagination } from './components/CustomPagination';
-export * from './components/CustomPagination';
 export { default as FilterModal } from './components/FilterModal';
-export * from './components/FilterModal';
 export { default as SessionModal } from './components/SessionModal';
-export * from './components/SessionModal';
 export { default as TitleBox } from './components/TitleBox';
-export * from './components/TitleBox';
 export { default as Toast } from './components/Toast';
-export * from './components/Toast';
+export { default as EndingPage } from './components/EndingPage';
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
-export * from './components/ErrorBoundary/ErrorBoundary';
 export { default as LoadingOverlay } from './components/Loading/LoadingOverlay';
-export * from './components/Loading/LoadingOverlay';
-export { default as EndingPage } from './components/EndingPage';
+export { default as UserNotifyHandle } from './components/UserNotifyHandle';
+export { default as UnloadEventHandler } from './components/UnloadEventHandler';

package/index.js

@@ -1,37 +1,33 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EndingPage = exports.LoadingOverlay = exports.ErrorBoundary = exports.Toast = exports.TitleBox = exports.SessionModal = exports.FilterModal = exports.CustomPagination = exports.CustomAvatar = exports.Footer = exports.Header = void 0;
-const tslib_1 = require("tslib");
+exports.UnloadEventHandler = exports.UserNotifyHandle = exports.LoadingOverlay = exports.ErrorBoundary = exports.EndingPage = exports.Toast = exports.TitleBox = exports.SessionModal = exports.FilterModal = exports.CustomPagination = exports.CustomAvatar = exports.Footer = exports.Header = void 0;
 var Header_1 = require("./components/Header/Header");
-Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Header_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/Header/Header"), exports);
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
 var Footer_1 = require("./components/Footer/Footer");
-Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Footer_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/Footer/Footer"), exports);
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return __importDefault(Footer_1).default; } });
 var CustomAvatar_1 = require("./components/CustomAvatar");
-Object.defineProperty(exports, "CustomAvatar", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(CustomAvatar_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/CustomAvatar"), exports);
+Object.defineProperty(exports, "CustomAvatar", { enumerable: true, get: function () { return __importDefault(CustomAvatar_1).default; } });
 var CustomPagination_1 = require("./components/CustomPagination");
-Object.defineProperty(exports, "CustomPagination", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(CustomPagination_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/CustomPagination"), exports);
+Object.defineProperty(exports, "CustomPagination", { enumerable: true, get: function () { return __importDefault(CustomPagination_1).default; } });
 var FilterModal_1 = require("./components/FilterModal");
-Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(FilterModal_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/FilterModal"), exports);
+Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return __importDefault(FilterModal_1).default; } });
 var SessionModal_1 = require("./components/SessionModal");
-Object.defineProperty(exports, "SessionModal", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(SessionModal_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/SessionModal"), exports);
+Object.defineProperty(exports, "SessionModal", { enumerable: true, get: function () { return __importDefault(SessionModal_1).default; } });
 var TitleBox_1 = require("./components/TitleBox");
-Object.defineProperty(exports, "TitleBox", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(TitleBox_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/TitleBox"), exports);
+Object.defineProperty(exports, "TitleBox", { enumerable: true, get: function () { return __importDefault(TitleBox_1).default; } });
 var Toast_1 = require("./components/Toast");
-Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Toast_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/Toast"), exports);
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(Toast_1).default; } });
+var EndingPage_1 = require("./components/EndingPage");
+Object.defineProperty(exports, "EndingPage", { enumerable: true, get: function () { return __importDefault(EndingPage_1).default; } });
 var ErrorBoundary_1 = require("./components/ErrorBoundary/ErrorBoundary");
-Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ErrorBoundary_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/ErrorBoundary/ErrorBoundary"), exports);
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });
 var LoadingOverlay_1 = require("./components/Loading/LoadingOverlay");
-Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(LoadingOverlay_1).default; } });
-(0, tslib_1.__exportStar)(require("./components/Loading/LoadingOverlay"), exports);
-var EndingPage_1 = require("./components/EndingPage");
-Object.defineProperty(exports, "EndingPage", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(EndingPage_1).default; } });
+Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return __importDefault(LoadingOverlay_1).default; } });
+var UserNotifyHandle_1 = require("./components/UserNotifyHandle");
+Object.defineProperty(exports, "UserNotifyHandle", { enumerable: true, get: function () { return __importDefault(UserNotifyHandle_1).default; } });
+var UnloadEventHandler_1 = require("./components/UnloadEventHandler");
+Object.defineProperty(exports, "UnloadEventHandler", { enumerable: true, get: function () { return __importDefault(UnloadEventHandler_1).default; } });
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;AAAA,qDAA+D;AAAtD,8HAAA,OAAO,OAAU;AAC1B,0EAA2C;AAE3C,qDAA+D;AAAtD,8HAAA,OAAO,OAAU;AAC1B,0EAA2C;AAE3C,0DAAoE;AAA3D,0IAAA,OAAO,OAAgB;AAChC,yEAA0C;AAE1C,kEAA4E;AAAnE,kJAAA,OAAO,OAAoB;AACpC,6EAA8C;AAE9C,wDAAkE;AAAzD,wIAAA,OAAO,OAAe;AAC/B,wEAAyC;AAEzC,0DAAoE;AAA3D,0IAAA,OAAO,OAAgB;AAChC,yEAA0C;AAE1C,kDAA4D;AAAnD,kIAAA,OAAO,OAAY;AAC5B,qEAAsC;AAEtC,4CAAsD;AAA7C,4HAAA,OAAO,OAAS;AACzB,kEAAmC;AAEnC,0EAAoF;AAA3E,4IAAA,OAAO,OAAiB;AACjC,wFAAyD;AAEzD,sEAAgF;AAAvE,8IAAA,OAAO,OAAkB;AAClC,mFAAoD;AAEpD,sDAAgE;AAAvD,sIAAA,OAAO,OAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":";;;;;;AAAA,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,wDAAkE;AAAzD,2HAAA,OAAO,OAAe;AAC/B,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kDAA4D;AAAnD,qHAAA,OAAO,OAAY;AAC5B,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AACzB,sDAAgE;AAAvD,yHAAA,OAAO,OAAc;AAE9B,0EAAoF;AAA3E,+HAAA,OAAO,OAAiB;AACjC,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,sEAAgF;AAAvE,yIAAA,OAAO,OAAsB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",
@@ -23,6 +23,7 @@
     "@testing-library/user-event": "^12.8.3",
     "@types/jest": "^26.0.24",
     "@types/lodash": "^4.14.172",
+    "@types/mixpanel-browser": "^2.38.0",
     "@types/node": "^12.20.19",
     "@types/react": "^17.0.18",
     "@types/react-dom": "^17.0.9",
@@ -35,6 +36,7 @@
     "fp-ts": "^2.11.5",
     "io-ts": "^2.2.16",
     "lodash": "^4.17.21",
+    "mixpanel-browser": "^2.43.0",
     "node-fetch": "^3.0.0",
     "react": "^17.0.2",
     "react-app-polyfill": "^3.0.0",
@@ -64,7 +66,7 @@
     "lint-autofix": "yarn setTsConfigStart && eslint . -c .eslintrc.js --ext .ts,.tsx --fix",
     "lint": "yarn setTsConfigStart && eslint . -c .eslintrc.js --ext .ts,.tsx ",
     "prettify": "prettier --write \"./**/*.{ts,tsx}\"",
-    "version": "auto-changelog -p --config .auto-changelog.json --tag-pattern \\d+\\.\\d+.\\d+$ --unreleased --ignore-commit-pattern \"Bump version to\" --starting-version v1.0.0 && git add CHANGELOG.md"
+    "version": "auto-changelog -p --config .auto-changelog.json && git add CHANGELOG.md"
   },
   "eslintConfig": {
     "extends": [

package/services/analyticsService.d.ts

@@ -0,0 +1,12 @@
+import { AppError } from '../redux/slices/appStateSlice';
+/** To call in order to start the analytics service, otherwise no event will be sent */
+export declare const initAnalytics: () => void;
+/** To notify an error through the analytics tool */
+export declare const trackAppError: (error: AppError) => void;
+/**
+ * To notify an event through the analytics tool:
+ * @property event_name: the name of the event
+ * @property properties: the additional payload sent with the event
+ * @property callback: an action taken when the track has completed (If the action taken immediately after the track is an exit action from the application, it's better to use this callback to perform the exit, in order to give to mixPanel the time to send the event)
+ */
+export declare const trackEvent: (event_name: string, properties?: any, callback?: (() => void) | undefined) => void;

package/services/analyticsService.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackEvent = exports.trackAppError = exports.initAnalytics = void 0;
+const tslib_1 = require("tslib");
+const mixpanel_browser_1 = (0, tslib_1.__importDefault)(require("mixpanel-browser"));
+const env_1 = require("../config/env");
+// eslint-disable-next-line functional/no-let
+let init = false;
+/** To call in order to start the analytics service, otherwise no event will be sent */
+const initAnalytics = () => {
+    if (env_1.CONFIG.ANALYTCS.ENABLE) {
+        init = true;
+        if (env_1.CONFIG.ANALYTCS.MOCK) {
+            // eslint-disable-next-line no-console
+            console.log('Mixpanel events mock on console log.');
+        }
+        else {
+            mixpanel_browser_1.default.init(env_1.CONFIG.ANALYTCS.TOKEN, {
+                api_host: env_1.CONFIG.ANALYTCS.API_HOST,
+                persistence: env_1.CONFIG.ANALYTCS.PERSISTENCE,
+                ip: env_1.CONFIG.ANALYTCS.LOG_IP,
+                property_blacklist: env_1.CONFIG.ANALYTCS.PROPERTY_BLACKLIST,
+                debug: env_1.CONFIG.ANALYTCS.DEBUG,
+            });
+        }
+    }
+};
+exports.initAnalytics = initAnalytics;
+/** To notify an error through the analytics tool */
+const trackAppError = (error) => {
+    if (env_1.CONFIG.ANALYTCS.ENABLE && init) {
+        (0, exports.trackEvent)('GENERIC_ERROR', error);
+    }
+    else {
+        console.error(error);
+    }
+};
+exports.trackAppError = trackAppError;
+/**
+ * To notify an event through the analytics tool:
+ * @property event_name: the name of the event
+ * @property properties: the additional payload sent with the event
+ * @property callback: an action taken when the track has completed (If the action taken immediately after the track is an exit action from the application, it's better to use this callback to perform the exit, in order to give to mixPanel the time to send the event)
+ */
+const trackEvent = (event_name, properties, callback) => {
+    if (env_1.CONFIG.ANALYTCS.ENABLE && init) {
+        if (env_1.CONFIG.ANALYTCS.MOCK) {
+            // eslint-disable-next-line no-console
+            console.log(event_name, properties);
+            if (callback) {
+                callback();
+            }
+        }
+        else {
+            trackEventThroughAnalyticTool(event_name, properties, callback);
+        }
+    }
+    else {
+        if (callback) {
+            callback();
+        }
+    }
+};
+exports.trackEvent = trackEvent;
+const trackEventThroughAnalyticTool = (event_name, properties, callback) => {
+    // eslint-disable-next-line functional/no-let
+    let called = false;
+    const wrappedCallback = callback
+        ? () => {
+            try {
+                called = true;
+                callback();
+            }
+            catch (reason) {
+                console.error(`Something gone wrong while calling trackEvent ${event_name} callback`, reason);
+            }
+        }
+        : undefined;
+    try {
+        mixpanel_browser_1.default.track(event_name, {
+            ...env_1.CONFIG.ANALYTCS.ADDITIONAL_PROPERTIES,
+            ...properties,
+            ...env_1.CONFIG.ANALYTCS.ADDITIONAL_PROPERTIES_IMPORTANT,
+        }, wrappedCallback ? { send_immediately: true } : undefined, wrappedCallback);
+    }
+    catch (reason) {
+        console.error('Something gone wrong while sending data to mixpanel:', reason);
+        // eslint-disable-next-line no-console
+        console.log(event_name, properties);
+        if (wrappedCallback && !called) {
+            wrappedCallback();
+        }
+    }
+};
+//# sourceMappingURL=analyticsService.js.map

package/services/analyticsService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analyticsService.js","sourceRoot":"","sources":["../../src/lib/services/analyticsService.ts"],"names":[],"mappings":"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"}

package/services/assistanceService.js

@@ -6,9 +6,11 @@ const isEmpty_1 = (0, tslib_1.__importDefault)(require("lodash/isEmpty"));
 const env_1 = require("../config/env");
 const storage_utils_1 = require("../utils/storage-utils");
 const constants_1 = require("../utils/constants");
+const analyticsService_1 = require("./analyticsService");
 const buildAssistanceURI = (assistanceEmail) => {
     const sessionStorageUser = (0, storage_utils_1.storageRead)(constants_1.STORAGE_KEY_USER, 'object');
     if ((0, isEmpty_1.default)(sessionStorageUser)) {
+        (0, analyticsService_1.trackEvent)('CUSTOMER_CARE_MAILTO');
         return `mailto:${assistanceEmail}`;
     }
     else {

package/services/assistanceService.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistanceService.js","sourceRoot":"","sources":["../../src/lib/services/assistanceService.ts"],"names":[],"mappings":";;;;AACA,0EAAqC;AACrC,uCAAuC;AACvC,0DAAqD;AACrD,kDAAsD;AAE/C,MAAM,kBAAkB,GAAG,CAAC,eAAwB,EAAE,EAAE;IAE3D,MAAM,kBAAkB,GAAG,IAAA,2BAAW,EAAC,4BAAgB,EAAE,QAAQ,CAAC,CAAC;IAEnE,IAAI,IAAA,iBAAO,EAAC,kBAAkB,CAAC,EAAE;QAC7B,OAAO,UAAU,eAAe,EAAE,CAAC;KACtC;SAAO;QACJ,OAAO,YAAM,CAAC,MAAM,CAAC,UAAU,CAAC;KACnC;AACL,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}
+{"version":3,"file":"assistanceService.js","sourceRoot":"","sources":["../../src/lib/services/assistanceService.ts"],"names":[],"mappings":";;;;AAAA,0EAAqC;AACrC,uCAAuC;AACvC,0DAAqD;AACrD,kDAAsD;AACtD,yDAAgD;AAEzC,MAAM,kBAAkB,GAAG,CAAC,eAAwB,EAAE,EAAE;IAC7D,MAAM,kBAAkB,GAAG,IAAA,2BAAW,EAAC,4BAAgB,EAAE,QAAQ,CAAC,CAAC;IAEnE,IAAI,IAAA,iBAAO,EAAC,kBAAkB,CAAC,EAAE;QAC/B,IAAA,6BAAU,EAAC,sBAAsB,CAAC,CAAC;QACnC,OAAO,UAAU,eAAe,EAAE,CAAC;KACpC;SAAM;QACL,OAAO,YAAM,CAAC,MAAM,CAAC,UAAU,CAAC;KACjC;AACH,CAAC,CAAC;AATW,QAAA,kBAAkB,sBAS7B"}

package/services/errorService.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleErrors = void 0;
+const analyticsService_1 = require("./analyticsService");
 const handleErrors = (errors) => {
     errors
         .filter((e) => e.toNotify)
         .forEach((e) => {
-        console.error('An error occurred: ', e);
+        (0, analyticsService_1.trackAppError)(e);
     });
 };
 exports.handleErrors = handleErrors;

package/services/errorService.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorService.js","sourceRoot":"","sources":["../../src/lib/services/errorService.ts"],"names":[],"mappings":";;;AAEO,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAE,EAAE;IACtD,MAAM;SACH,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;SACzB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB"}
+{"version":3,"file":"errorService.js","sourceRoot":"","sources":["../../src/lib/services/errorService.ts"],"names":[],"mappings":";;;AACA,yDAAmD;AAE5C,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAE,EAAE;IACtD,MAAM;SACH,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;SACzB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACb,IAAA,gCAAa,EAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB"}