@stack-spot/portal-layout 2.30.0 → 2.31.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.31.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.30.0...portal-layout@v2.31.0) (2025-03-31)
+
+
+### Features
+
+* Support trial nps ([#869](https://github.com/stack-spot/portal-commons/issues/869)) ([5ee16a0](https://github.com/stack-spot/portal-commons/commit/5ee16a096fed4ba31656c6bc48148720a8046325))
+
 ## [2.30.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.29.1...portal-layout@v2.30.0) (2025-03-24)
 
 

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

@@ -1,5 +1,8 @@
-export declare const FeedbackModal: ({ onClick, portal }: {
+interface Props {
     onClick: () => void;
-    portal: "EDP" | "AI";
-}) => import("react/jsx-runtime").JSX.Element | null;
+    portal: 'EDP' | 'AI';
+    customShouldShowNpsModal?: () => boolean;
+}
+export declare const FeedbackModal: ({ onClick, portal, customShouldShowNpsModal }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=FeedbackModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/FeedbackModal.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,aAAa,GAAI,qBAAqB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,mDA0C/F,CAAA"}
+{"version":3,"file":"FeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/FeedbackModal.tsx"],"names":[],"mappings":"AAuBA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,GAAI,+CAA+C,KAAK,mDA0CjF,CAAA"}

package/dist/components/Rate/FeedbackModal.js

@@ -20,16 +20,16 @@ const style = {
         boxShadow: `4px 4px 48px 0px ${theme.color.light[300]}`,
     },
 };
-export const FeedbackModal = ({ onClick, portal }) => {
+export const FeedbackModal = ({ onClick, portal, customShouldShowNpsModal }) => {
     const t = useTranslate(dictionary);
-    const [isNpsVisible, setIsNpsVisible] = useState(shouldShowNpsModal());
+    const [isNpsVisible, setIsNpsVisible] = useState(customShouldShowNpsModal ? customShouldShowNpsModal() : shouldShowNpsModal());
     const handleClose = () => {
         localStorage.setItem('RATED_US_IN', Date.now().toString());
         setIsNpsVisible(false);
     };
-    const visibilityCheck = useCallback((event) => checkVisibility(event, setIsNpsVisible), []);
+    const visibilityCheck = useCallback((event) => checkVisibility(event, setIsNpsVisible, customShouldShowNpsModal), []);
     useEffect(() => {
-        checkVisibility({ key: 'RATED_US_IN' }, setIsNpsVisible);
+        checkVisibility({ key: 'RATED_US_IN' }, setIsNpsVisible, customShouldShowNpsModal);
         window.addEventListener('storage', visibilityCheck);
         return () => {
             window.removeEventListener('storage', visibilityCheck);

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackModal.js","sourceRoot":"","sources":["../../../src/components/Rate/FeedbackModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackModal.js","sourceRoot":"","sources":["../../../src/components/Rate/FeedbackModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/Rate/show-rate-us-modals.d.ts

@@ -1,7 +1,9 @@
-export declare const ShowFeedbackModal: ({ onClick, portal }: {
+interface PropsShowFeedbackModal {
     onClick: () => void;
-    portal: "EDP" | "AI";
-}) => import("react/jsx-runtime").JSX.Element;
+    portal: 'EDP' | 'AI';
+    customShouldShowNpsModal?: () => boolean;
+}
+export declare const ShowFeedbackModal: ({ onClick, portal, customShouldShowNpsModal }: PropsShowFeedbackModal) => import("react/jsx-runtime").JSX.Element;
 interface Props {
     sub: string;
     tenant: string;

package/dist/components/Rate/show-rate-us-modals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show-rate-us-modals.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/show-rate-us-modals.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAI,qBAAqB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAA;CAAG,4CAEpG,CAAA;AAED,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,qBAAqB,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAO7E,CAAA"}
+{"version":3,"file":"show-rate-us-modals.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/show-rate-us-modals.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC;CAC1C;AAED,eAAO,MAAM,iBAAiB,GAAI,+CAA+C,sBAAsB,4CAEtG,CAAA;AAED,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,qBAAqB,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAO7E,CAAA"}

package/dist/components/Rate/show-rate-us-modals.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { overlay } from '../../LayoutOverlayManager.js';
 import { FeedbackModal } from './FeedbackModal.js';
 import { RateComponent } from './index.js';
-export const ShowFeedbackModal = ({ onClick, portal }) => (_jsx(FeedbackModal, { onClick: onClick, portal: portal }));
+export const ShowFeedbackModal = ({ onClick, portal, customShouldShowNpsModal }) => (_jsx(FeedbackModal, { onClick: onClick, portal: portal, customShouldShowNpsModal: customShouldShowNpsModal }));
 export const showRateUsModal = ({ title, ...props }) => {
     const { formIdentifier, sub, tenant, portal } = props;
     overlay.showModal({

package/dist/components/Rate/show-rate-us-modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"show-rate-us-modals.js","sourceRoot":"","sources":["../../../src/components/Rate/show-rate-us-modals.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAkD,EAAE,EAAE,CAAC,CACxG,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CACpD,CAAA;AASD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAA6B,EAAE,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACrD,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK,EAAE,KAAK;QACZ,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"}
+{"version":3,"file":"show-rate-us-modals.js","sourceRoot":"","sources":["../../../src/components/Rate/show-rate-us-modals.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAQjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAA0B,EAAE,EAAE,CAAC,CAC1G,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,wBAAwB,EAAE,wBAAwB,GAAI,CACxG,CAAA;AASD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAA6B,EAAE,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACrD,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK,EAAE,KAAK;QACZ,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/components/Rate/utils.d.ts

@@ -1,2 +1,2 @@
-export declare const checkVisibility: (event: StorageEvent, fnUpdateState: React.Dispatch<React.SetStateAction<boolean>>) => void;
+export declare const checkVisibility: (event: StorageEvent, fnUpdateState: React.Dispatch<React.SetStateAction<boolean>>, customShouldShow?: () => boolean) => void;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,SAOhH,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Rate/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC/G,mBAAmB,MAAM,OAAO,SAOjC,CAAA"}

package/dist/components/Rate/utils.js

@@ -1,7 +1,7 @@
 import { shouldShowNpsModal } from './hook.js';
-export const checkVisibility = (event, fnUpdateState) => {
+export const checkVisibility = (event, fnUpdateState, customShouldShow) => {
     if (event.key === 'RATED_US_IN') {
-        const shouldShow = shouldShowNpsModal();
+        const shouldShow = customShouldShow ? customShouldShow() : shouldShowNpsModal();
         if (!shouldShow) {
             fnUpdateState(false);
         }

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Rate/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,aAA4D,EAAE,EAAE;IACnH,IAAI,KAAK,CAAC,GAAG,KAAK,aAAa,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,kBAAkB,EAAE,CAAA;QACvC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC;AACH,CAAC,CAAA"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Rate/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,aAA4D,EAC/G,gBAAgC,EAAE,EAAE;IACpC,IAAI,KAAK,CAAC,GAAG,KAAK,aAAa,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAA;QAC/E,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC;AACH,CAAC,CAAA"}

package/package.json

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

package/src/components/Rate/FeedbackModal.tsx

@@ -21,19 +21,25 @@ const style: Styles = {
   },
 }
 
-export const FeedbackModal = ({ onClick, portal }: { onClick: () => void, portal: 'EDP' | 'AI' }) => {
+interface Props { 
+  onClick: () => void, 
+  portal: 'EDP' | 'AI', 
+  customShouldShowNpsModal?: () => boolean,
+}
+
+export const FeedbackModal = ({ onClick, portal, customShouldShowNpsModal }: Props) => {
   const t = useTranslate(dictionary)
-  const [isNpsVisible, setIsNpsVisible] = useState(shouldShowNpsModal())
+  const [isNpsVisible, setIsNpsVisible] = useState(customShouldShowNpsModal ? customShouldShowNpsModal() : shouldShowNpsModal())
 
   const handleClose = () => {
     localStorage.setItem('RATED_US_IN', Date.now().toString())
     setIsNpsVisible(false)
   }
   
-  const visibilityCheck = useCallback((event: StorageEvent) => checkVisibility(event, setIsNpsVisible), [])
+  const visibilityCheck = useCallback((event: StorageEvent) => checkVisibility(event, setIsNpsVisible, customShouldShowNpsModal), [])
 
   useEffect(() => {
-    checkVisibility({ key: 'RATED_US_IN' } as StorageEvent, setIsNpsVisible)
+    checkVisibility({ key: 'RATED_US_IN' } as StorageEvent, setIsNpsVisible, customShouldShowNpsModal)
     
     window.addEventListener('storage', visibilityCheck)
 

package/src/components/Rate/show-rate-us-modals.tsx

@@ -2,8 +2,14 @@ import { overlay } from '../../LayoutOverlayManager'
 import { FeedbackModal } from './FeedbackModal'
 import { RateComponent } from '.'
 
-export const ShowFeedbackModal = ({ onClick, portal }: { onClick: () => void, portal: 'EDP' | 'AI'  }) => (
-  <FeedbackModal onClick={onClick} portal={portal} />
+interface PropsShowFeedbackModal  { 
+  onClick: () => void, 
+  portal: 'EDP' | 'AI',
+  customShouldShowNpsModal?: () => boolean,
+}
+
+export const ShowFeedbackModal = ({ onClick, portal, customShouldShowNpsModal }: PropsShowFeedbackModal) => (
+  <FeedbackModal onClick={onClick} portal={portal} customShouldShowNpsModal={customShouldShowNpsModal} />
 )
 
 interface Props {

package/src/components/Rate/utils.ts

@@ -1,8 +1,9 @@
 import { shouldShowNpsModal } from './hook'
 
-export const checkVisibility = (event: StorageEvent, fnUpdateState: React.Dispatch<React.SetStateAction<boolean>>) => {
+export const checkVisibility = (event: StorageEvent, fnUpdateState: React.Dispatch<React.SetStateAction<boolean>>, 
+  customShouldShow?: () => boolean) => {
   if (event.key === 'RATED_US_IN') {
-    const shouldShow = shouldShowNpsModal()
+    const shouldShow = customShouldShow ? customShouldShow() : shouldShowNpsModal()
     if (!shouldShow) {
       fnUpdateState(false)
     }