@stack-spot/portal-layout 2.3.2 → 2.4.1-rc

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.4.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.3.2...portal-layout@v2.4.0) (2024-08-08)
+
+
+### Features
+
+* support for new nps experience ([337560c](https://github.com/stack-spot/portal-commons/commit/337560c8abb819677e0eebaf1786f0db75a14ccd))
+
 ## [2.3.2](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.3.1...portal-layout@v2.3.2) (2024-08-02)
 
 

package/dist/components/Rate/hook.d.ts

@@ -1,2 +1,2 @@
-export declare function useRatingEffect(): void;
+export declare function useRatingEffect(onOpenModal?: () => void): void;
 //# sourceMappingURL=hook.d.ts.map

package/dist/components/Rate/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/hook.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,SAI9B"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/hook.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,QAsBvD"}

package/dist/components/Rate/hook.js

@@ -7,9 +7,36 @@ const loadScript = () => new Promise((resolve, reject) => {
     script.onerror = (error) => reject(error);
     document.body.appendChild(script);
 });
-export function useRatingEffect() {
+// Function to check if the difference between two dates is greater than 24 hours
+function isMoreThan24Hours(date1, date2) {
+    // Get the timestamps of the dates
+    const timestamp1 = date1.getTime();
+    const timestamp2 = date2.getTime();
+    // Calculate the difference in milliseconds
+    const differenceInMilliseconds = Math.abs(timestamp2 - timestamp1);
+    // Convert milliseconds to hours
+    const differenceInHours = differenceInMilliseconds / (1000 * 60);
+    // Check if the difference is greater than 24 hours
+    return differenceInHours >= 2;
+}
+export function useRatingEffect(onOpenModal) {
+    const verifyShowModal = () => {
+        const rateNpsItem = localStorage.getItem('rateNps');
+        const viewNpsItem = localStorage.getItem('viewNpsItem');
+        const shouldShow = viewNpsItem ? isMoreThan24Hours(new Date(+viewNpsItem), new Date(Date.now())) : true;
+        setTimeout(() => {
+            if (!rateNpsItem && shouldShow) {
+                onOpenModal?.();
+                localStorage.setItem('viewNpsItem', Date.now().toString());
+            }
+        }, 3000);
+    };
+    const handleInit = async () => {
+        await loadScript();
+        verifyShowModal();
+    };
     useEffectOnce(() => {
-        loadScript();
+        handleInit();
     });
 }
 //# sourceMappingURL=hook.js.map

package/dist/components/Rate/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/components/Rate/hook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAA;IAChE,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IAC/B,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AACnC,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,eAAe;IAC7B,aAAa,CAAC,GAAG,EAAE;QACjB,UAAU,EAAE,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/components/Rate/hook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAA;IAChE,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IAC/B,MAAM,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AACnC,CAAC,CAAC,CAAA;AAEF,iFAAiF;AACjF,SAAS,iBAAiB,CAAC,KAAW,EAAE,KAAW;IACjD,kCAAkC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,CAAA;IAElC,2CAA2C;IAC3C,MAAM,wBAAwB,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,CAAA;IAElE,gCAAgC;IAChC,MAAM,iBAAiB,GAAG,wBAAwB,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;IAEhE,mDAAmD;IACnD,OAAO,iBAAiB,IAAI,CAAC,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,WAAwB;IACtD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;QACvD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAEvG,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,WAAW,IAAI,UAAU,EAAE,CAAC;gBAC/B,WAAW,EAAE,EAAE,CAAA;gBACf,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;YAC5D,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,MAAM,UAAU,EAAE,CAAA;QAClB,eAAe,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,aAAa,CAAC,GAAG,EAAE;QACjB,UAAU,EAAE,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/components/Rate/index.d.ts

@@ -1,3 +1,4 @@
+import './on-nps-submit.js';
 interface Props {
     tfLive: string;
     userId: string;

package/dist/components/Rate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/index.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,sCAAuC,KAAK,4CAoBrE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/index.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,CAAA;AAExB,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,sCAAuC,KAAK,4CAoBrE,CAAA"}

package/dist/components/Rate/index.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@citric/core';
 import { LoadingCircular } from '@citric/ui';
 import { useEffect, useState } from 'react';
+import './on-nps-submit.js';
 export const RateComponent = ({ tfLive, userId, orgId, portal }) => {
     const [isLoading, setIsLoading] = useState(true);
     useEffect(() => {
@@ -10,6 +11,6 @@ export const RateComponent = ({ tfLive, userId, orgId, portal }) => {
             setIsLoading(false);
         }, 2000);
     }, []);
-    return (_jsxs(Box, { sx: { minWidth: '650px', minHeight: '500px' }, children: [isLoading && _jsx(Flex, { alignItems: "center", justifyContent: "center", w: "12", sx: { height: '100%' }, children: _jsx(LoadingCircular, {}) }), _jsx(Box, { sx: { opacity: isLoading ? '0' : 1 }, children: _jsx("div", { "data-tf-live": tfLive, "data-tf-hidden": `user_id=${userId},org_id=${orgId},portal_name=${portal}`, "data-tf-open": "time", "data-tf-open-value": "100" }) })] }));
+    return (_jsxs(Box, { sx: { minWidth: '650px', minHeight: '500px' }, children: [isLoading && _jsx(Flex, { alignItems: "center", justifyContent: "center", w: "12", sx: { height: '100%' }, children: _jsx(LoadingCircular, {}) }), _jsx(Box, { sx: { opacity: isLoading ? '0' : 1 }, children: _jsx("div", { "data-tf-live": tfLive, "data-tf-hidden": `user_id=${userId},org_id=${orgId},portal_name=${portal}`, "data-tf-open": "time", "data-tf-open-value": "100", "data-tf-on-submit": "onNpsSubmit" }) })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Rate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rate/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAS3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAS,EAAE,EAAE;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACZ,MAAc,CAAC,EAAE,EAAE,IAAI,EAAE,CAAA;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aACvD,SAAS,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC3F,KAAC,eAAe,KAAG,GACd,EACP,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,YACvC,8BAAmB,MAAM,oBACP,WAAW,MAAM,WAAW,KAAK,gBAAgB,MAAM,EAAE,kBAC5D,MAAM,wBAAoB,KAAK,GAAG,GAC7C,IACF,CAAC,CAAA;AACT,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rate/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,iBAAiB,CAAA;AASxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAS,EAAE,EAAE;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACZ,MAAc,CAAC,EAAE,EAAE,IAAI,EAAE,CAAA;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aACvD,SAAS,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC3F,KAAC,eAAe,KAAG,GACd,EACP,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,YACvC,8BAAmB,MAAM,oBACP,WAAW,MAAM,WAAW,KAAK,gBAAgB,MAAM,EAAE,kBAC5D,MAAM,wBAAoB,KAAK,uBAAmB,aAAa,GAAE,GAC5E,IACF,CAAC,CAAA;AACT,CAAC,CAAA"}

package/dist/components/Rate/on-nps-submit.d.ts

@@ -0,0 +1,7 @@
+export {};
+declare global {
+    interface Window {
+        onNpsSubmit: () => void;
+    }
+}
+//# sourceMappingURL=on-nps-submit.d.ts.map

package/dist/components/Rate/on-nps-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"on-nps-submit.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/on-nps-submit.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAA;AAGT,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB;CACF"}

package/dist/components/Rate/on-nps-submit.js

@@ -0,0 +1,6 @@
+function onNpsSubmit() {
+    localStorage.setItem('rateNps', 'true');
+}
+window.onNpsSubmit = onNpsSubmit;
+export {};
+//# sourceMappingURL=on-nps-submit.js.map

package/dist/components/Rate/on-nps-submit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"on-nps-submit.js","sourceRoot":"","sources":["../../../src/components/Rate/on-nps-submit.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW;IAClB,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AACzC,CAAC;AAWD,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/components/Rate/show-rating-modal.d.ts

@@ -0,0 +1,2 @@
+export declare const showRatingModal: (sub: string, tenant: string, portal: 'EDP' | 'AI', formIdentifier: string, title: string) => void;
+//# sourceMappingURL=show-rating-modal.d.ts.map

package/dist/components/Rate/show-rating-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-rating-modal.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/show-rating-modal.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAAS,MAAM,UAAU,MAAM,UAAU,KAAK,GAAG,IAAI,kBAAkB,MAAM,SAAS,MAAM,SAMvH,CAAA"}

package/dist/components/Rate/show-rating-modal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { overlay } from '../../LayoutOverlayManager.js';
+import { RateComponent } from './index.js';
+export const showRatingModal = (sub, tenant, portal, formIdentifier, title) => {
+    overlay.showModal({
+        title,
+        children: _jsx(RateComponent, { tfLive: formIdentifier, userId: sub, orgId: tenant, portal: portal }),
+        size: 'large',
+    });
+};
+//# sourceMappingURL=show-rating-modal.js.map

package/dist/components/Rate/show-rating-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-rating-modal.js","sourceRoot":"","sources":["../../../src/components/Rate/show-rating-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,MAAc,EAAE,MAAoB,EAAE,cAAsB,EAAE,KAAa,EAAE,EAAE;IAC1H,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK;QACL,QAAQ,EAAE,KAAC,aAAa,IAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI;QAC/F,IAAI,EAAE,OAAO;KACd,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { CLOSE_OVERLAY_ID, OverlayContent } from './components/OverlayContent.js
 export { PortalSwitcher } from './components/PortalSwitcher.js';
 export { RateComponent } from './components/Rate/index.js';
 export { useRatingEffect } from './components/Rate/hook.js';
+export { showRatingModal } from './components/Rate/show-rating-modal.js';
 export { RatePopover } from './components/Rate/RatePopover.js';
 export * from './components/tour/index.js';
 export * from './components/types.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -7,6 +7,7 @@ export { CLOSE_OVERLAY_ID, OverlayContent } from './components/OverlayContent.js
 export { PortalSwitcher } from './components/PortalSwitcher.js';
 export { RateComponent } from './components/Rate/index.js';
 export { useRatingEffect } from './components/Rate/hook.js';
+export { showRatingModal } from './components/Rate/show-rating-modal.js';
 export { RatePopover } from './components/Rate/RatePopover.js';
 export * from './components/tour/index.js';
 export * from './components/types.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,cAAc,SAAS,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-layout",
-  "version": "2.3.2",
+  "version": "2.4.1-rc",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Rate/hook.tsx

@@ -9,8 +9,42 @@ const loadScript = () => new Promise<void>((resolve, reject) => {
   document.body.appendChild(script)   
 })
 
-export function useRatingEffect() {
+// Function to check if the difference between two dates is greater than 24 hours
+function isMoreThan24Hours(date1: Date, date2: Date) {
+  // Get the timestamps of the dates
+  const timestamp1 = date1.getTime()
+  const timestamp2 = date2.getTime()
+  
+  // Calculate the difference in milliseconds
+  const differenceInMilliseconds = Math.abs(timestamp2 - timestamp1)
+  
+  // Convert milliseconds to hours
+  const differenceInHours = differenceInMilliseconds / (1000 * 60)
+  
+  // Check if the difference is greater than 24 hours
+  return differenceInHours >= 2
+}
+
+export function useRatingEffect(onOpenModal?: () => void) {
+  const verifyShowModal = () => {
+    const rateNpsItem = localStorage.getItem('rateNps')
+    const viewNpsItem = localStorage.getItem('viewNpsItem')
+    const shouldShow = viewNpsItem ? isMoreThan24Hours(new Date(+viewNpsItem), new Date(Date.now())) : true
+
+    setTimeout(() => {
+      if (!rateNpsItem && shouldShow) { 
+        onOpenModal?.()
+        localStorage.setItem('viewNpsItem', Date.now().toString())
+      }
+    }, 3000)
+  }
+
+  const handleInit = async () => {
+    await loadScript()
+    verifyShowModal()
+  }
+
   useEffectOnce(() => {
-    loadScript()
+    handleInit()
   })
 }

package/src/components/Rate/index.tsx

@@ -1,6 +1,7 @@
 import { Box, Flex } from '@citric/core'
 import { LoadingCircular } from '@citric/ui'
 import { useEffect, useState } from 'react'
+import './on-nps-submit'
 
 interface Props {
   tfLive: string,
@@ -26,7 +27,7 @@ export const RateComponent = ({ tfLive, userId, orgId, portal }: Props) => {
     <Box sx={{ opacity: isLoading ? '0' : 1 }}>
       <div data-tf-live={tfLive} 
         data-tf-hidden={`user_id=${userId},org_id=${orgId},portal_name=${portal}`} 
-        data-tf-open="time" data-tf-open-value="100" />
+        data-tf-open="time" data-tf-open-value="100" data-tf-on-submit="onNpsSubmit"/>
     </Box>
   </Box>)
 }

package/src/components/Rate/on-nps-submit.ts

@@ -0,0 +1,14 @@
+function onNpsSubmit(): void {
+  localStorage.setItem('rateNps', 'true')
+}
+
+export {}
+
+// Attach the function to the window object
+declare global {
+  interface Window {
+    onNpsSubmit: () => void,
+  }
+}
+
+window.onNpsSubmit = onNpsSubmit

package/src/components/Rate/show-rating-modal.tsx

@@ -0,0 +1,10 @@
+import { overlay } from '../../LayoutOverlayManager'
+import { RateComponent } from '.'
+
+export const showRatingModal = (sub: string, tenant: string, portal: 'EDP' | 'AI', formIdentifier: string, title: string) => {
+  overlay.showModal({
+    title,
+    children: <RateComponent tfLive={formIdentifier} userId={sub} orgId={tenant} portal={portal} />,
+    size: 'large',
+  })
+} 

package/src/index.ts

@@ -7,6 +7,7 @@ export { CLOSE_OVERLAY_ID, OverlayContent } from './components/OverlayContent'
 export { PortalSwitcher } from './components/PortalSwitcher'
 export { RateComponent } from './components/Rate'
 export { useRatingEffect } from './components/Rate/hook'
+export { showRatingModal } from './components/Rate/show-rating-modal'
 export { RatePopover } from './components/Rate/RatePopover'
 export * from './components/tour'
 export * from './components/types'